/*
Template Name: Travist
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.fade-carousel {
    position: relative;
    min-height: 600px;
}
.fade-carousel .carousel-inner .item {
    min-height: 600px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 4px;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}


/********************************/
/*          Hero Headers        */
/********************************/
.hero {
position: absolute;
width:50%;
top: 50%;
left:32%;
z-index: 2;
text-transform:capitalize;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}


.fade-carousel .carousel-inner .item .hero {
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
opacity: 1;
background:#0000008c;
}

/********************************/
/*          Custom Buttons      */
/********************************/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4{
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
     background-image: url(../img/1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/3.jpg);
}
.fade-carousel .slides .slide-4 {
  background-image: url(../img/44.jpg);
}
#center .carousel-indicators{
  bottom:0;
  }
.fade-carousel .carousel-indicators > li{
background: #fff;
border-color: #fff;
width:18px;
height:18px;
  }
.fade-carousel .carousel-indicators > li.active{
width:18px;
height:18px;
background:#d16d10;
border-color:#d16d10;
  }
/*********************center_home_end****************/

/*********************choose****************/
#choose{
padding-top:40px;
padding-bottom:40px; 
 }
.choose_2i{
position:relative; 
 }
.choose_2i2{
position:absolute;
width:100%;
background:#0000008c;
top:0;
height:100%;
border-radius:100%;
padding-top:160px;
 }
.choose_2i3{
position:absolute;
width:100%;
height:100%;
top:0;

padding-top:305px;
padding-left:15px;
padding-right:15px;
border-radius:10px;
 }
.choose_2{
margin-top:30px; 
 }
/*********************choose_end****************/

/*********************disc****************/
#disc{
background-image: url(../img/10.jpg);
background-position:center;
 }
.disc_m{
background:#0000008c;
padding-top:40px;
padding-bottom:40px; 
 }
.disc_1{
width:80%;
margin:auto;
border:5px solid #fff; 
 }
/*********************disc_end****************/

/*********************spec****************/
#spec{
padding-top:40px;
padding-bottom:40px; 
 }
.spec_1i{
background:#C9A654;
padding:40px 10px;
 }
.spec_1il span{
background:#fff;
width:45px;
height:45px;
line-height:45px;
text-align:center;
display:inline-block;
font-size:20px; 
 }
/*********************spec_end****************/

/*********************gallery_h****************/
#gallery_h{
background:#f4f4f4;
padding-top:40px;
padding-bottom:40px; 
 }
.prod_h2i2 span a{
background:#d16d10;
color:#fff;
display:inline-block;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
color:#fff;
font-size:16px; 
 }
.prod_h2i{
position:relative; 
 }
.prod_h2i2{
position:absolute;
width:100%;
top:80px;
display:block;
 }
.prod_h2i3{
position:absolute; 
width:100%;
background:#fff;
bottom:0;
padding:15px;
display:block;
 }
.prod_h2i:hover .prod_h2i2{
display:block; 
 }
.prod_h2i:hover .prod_h2i3{
display:block; 
 }
 .prod_h3 h5{
display:inline-block;
margin-left:5px;
margin-right:5px;
 }
.prod_h3{
margin-top:15px; 
 }
.prod_h2i1 img{
min-height:290px;
 }
/*********************gallery_h_end****************/

/*********************about_h****************/
#about_h{
padding-top:40px;
padding-bottom:40px; 
 }
#off_h{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.off_h1i1 h5 {
float:left; 
 }
.off_h1i1 h6 {
margin-top:35px;
 }
.off_h1i1{
box-shadow: 0px 0px 7px 0px rgb(83 95 159 / 15%);
padding:15px;
background:#fff;
 }
.off_h1{
margin-top:30px; 
 }
/*********************about_h_end****************/

/*********************testim****************/
#testim{
padding-top:40px;
padding-bottom:40px; 
 }
.testim_1 img{
float:left;
margin-right:15px; 
 }
.testim_1 hr{
clear:left;
 }
.testim_1{
background:#f4f4f4;
padding:40px 20px; 
 }
#testim .pager{
text-align:right;
margin-right:20px; 
 }
/*********************testim_end****************/

/*********************blog_h****************/
#blog_h{
background:#f4f4f4;
padding-top:40px;
padding-bottom:40px; 
 }
 
.blog_home1i ul{
 margin-top:10px; 
  }
.blog_home1i ul li{
display:inline-block;
padding-left:5px;
padding-right:5px;
color:#999;
font-size:16px;
  }
.blog_home1i ul li a{
  color:#999;
  }
.blog_home1i ul li i{
 margin-right:5px; 
  }
.blog_home1i p a{
  color:#d16d10;
  font-weight:bold;
  }
.blog_home1i p a:hover{
  color:#000;
  }
.blog_home1i p{
  color:#666;
  }
.blog_home1ii{
background:#fff;
padding:5px 15px 20px 15px;
border-bottom:3px solid #d16d10;
  }
.blog_home1il h6 span{
 display:block; 
  }
.blog_home1il h6{
font-size:12px;
color:#fff;
  }
.date{
 background:#d16d10;
 padding: 9px 0px;
 width:17%;
 text-align:center; 
  }
.year{
 background:#C9A654;
 padding: 9px 0px;
 width:17%;
 text-align:center; 
  }
.blog_home1il{
 position:absolute;
 width:100%; 
 top:2%;
 left:2%;
  }
.blog_home1i{
 position:relative; 
  }
/*********************blog_h_end****************/

/*********************book****************/
#book{
padding-top:40px;
padding-bottom:40px; 
 }
.book_1l ul li{
margin-bottom:10px; 
 }
.book_1l ul li i{
margin-right:5px;
color:#d16d10; 
 }

.beach_1r h5:before {
display: inline-block;
width: 20%;
height: 2px;
background-color: #fff;
vertical-align: middle;
margin-right: 4%;
content: "";
}
#beach_o {
background-image: url(../img/32.jpg);
background-position:center;
}
.beach_om{
background:#00000057;
padding-top:80px;
padding-bottom:80px;
 }
/*********************book_end****************/

@media screen and (max-width : 767px){
.hero {
width: 100%;
left:50%;
text-align:center;
}
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
.blog_home1i {
text-align:center;
margin-bottom:10px; 
}
#choose{
text-align:center;
}
.choose_2i1 img{
min-height:360px; 
 }
.choose_2i3{
padding-top:0;
top:0; 
 }
.choose_2i2{
position:absolute;
width:100%;
background:#0000008c;
top:0;
height:100%;
border-radius:100%;
padding-top:160px;
 }
.choose_2i{
margin-top:10px; 
 }
.choose_2i3{
text-align:center; 
 }
.spec_1i{
text-align:center;
margin-top:10px; 
 }
.spec_1ir {
margin-top:10px;  
 }
#gallery_h{
text-align:center; 
 }
.about_h1r{
text-align:center;
margin-top:10px; 
 }
.off_h1i{
text-align:center;
margin-top:10px; 
 }
.off_h1i h5{
text-align:left;
 }
.off_h1i h6{
text-align:left;
 }
.testim_1{
text-align:center;
margin-top:10px; 
 }
.testim_1 img{
text-align:left; 
 }
.testim_1 h4{
text-align:left;
font-size:22px; 
 }
#testim .pager {
text-align:center;
}
#blog_h{
text-align:center; 
 }
.book_1l{
text-align:center;
margin-bottom:15px;  
 }
.beach_1r h1{
font-size:45px; 
 }
.beach_1r {
text-align:center;  
 }
}

@media (min-width:768px) and (max-width:991px) {
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
.choose_2i1 img{
min-height:360px; 
 }
.spec_1il span {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.about_h1l img{
min-height:500px; 
 }
.off_h1i1  .button{
padding:10px!important; 
 }
.book_1r img{
min-height:560px;  
 }
.exp_1l img{
min-height:560px;  
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.hero br{
display:none; 
 }
.hero h1{
font-size:38px;
 }
.choose_2i1 img{
min-height:360px; 
 }
.spec_1il span {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 18px;
}
.about_h1l img{
min-height:500px; 
 }
.book_1r img{
min-height:560px;  
 }
.exp_1l img{
min-height:560px;  
 }
  }
@media (min-width:1201px) and (max-width:1255px) {

 }