#moving_left_navigations {
   transition: top 1s; 
}

.pip-about-us-section{
    padding-top: 100px;
}

.pip-about-us-section p{
    color: #222;
}

#fh5co-wrapper{ 
    overflow-x:hidden; 
    position:relative
}
.fh5co-offcanvas #fh5co-wrapper{ 
    overflow:hidden!important
}

#fh5co-page { 
    position:relative; 
    -webkit-transition:.5s; 
    -o-transition:.5s; 
    transition:.5s
}

.fh5co-offcanvas #fh5co-page{ 
    -moz-transform:translateX(-240px); 
    -webkit-transform:translateX(-240px); 
    -ms-transform:translateX(-240px); 
    -o-transform:translateX(-240px); 
    transform:translateX(-240px)
}

#fh5co-destination{ 
    width:100%; 
    padding:0; 
    margin:0
}
#fh5co-car .car .one-1,#fh5co-destination-list li{ 
    background-position:center center; 
    background-size:cover; 
    background-repeat:no-repeat
}
#fh5co-destination-list li{ 
    margin-left:0
}

#fh5co-destination-list li{ 
    display:inline; 
    padding:0; 
    margin:0; 
    list-style:none; 
    min-height:220px; 
    float:left; 
    clear:left; 
    position:relative;
    line-height: 1.6;
    font-weight: 300;
    
}

#fh5co-destination-list li .title-bg,#fh5co-destination-list li>a{ 
    min-height:220px; 
    width:100%; 
    display:table-cell; 
    vertical-align:middle
}

#fh5co-destination-list li .title-bg{ 
    padding:2em; 
    position:relative; 
    background:#00AD7C; 
    z-index:12
}

#fh5co-destination-list li .title-bg h2{ 
    color:#fff; 
    margin-bottom:20px; 
    font-size:40px
}

#fh5co-destination-list li .title-bg span{ 
    text-transform:uppercase; 
    letter-spacing:2px
}

#fh5co-destination-list li .title-bg span a{ 
    color:#fff; 
    font-size:13px; 
    font-weight:400; 
    border:1px solid #fff; 
    padding:5px 7px; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px; 
    -ms-border-radius:4px; 
    border-radius:4px
}

#fh5co-destination-list li:after{ 
    content:""; 
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0; 
    top:0; 
    background:rgba(0,0,0,.4); 
    z-index:8; 
    -webkit-transition:.5s; 
    -o-transition:.5s; 
    transition:.5s
}

#fh5co-destination-list li>a{ 
    padding:2em; 
    position:relative; 
    z-index:12
}

#fh5co-destination-list li>a:after{ 
    position:absolute; 
    top:20px; 
    bottom:20px; 
    left:20px; 
    right:20px; 
    content:""; 
    border:2px solid rgba(255,255,255,.8); 
    opacity:0; 
    -webkit-transition:.3s; 
    -o-transition:.3s; 
    transition:.3s
}

#fh5co-destination-list li>a .case-studies-summary{ 
    width:auto
}

@media screen and (max-width:768px){ 
    #fh5co-destination-list li .title-bg h2{ 
        font-size:24px
    }
}
    
@media screen and (max-width:768px){ 
    #fh5co-destination-list li .title-bg h2{ 
    font-size:24px
    }
    #fh5co-destination-list li>a .case-studies-summary{ 
        bottom:1em; 
        left:1em; 
        right:1em
    }
}
    
#fh5co-destination-list li>a .case-studies-summary span{ 
    text-transform:uppercase; 
    letter-spacing:2px; 
    font-size:13px; 
    color:rgba(255,255,255,.7)
}
    
#fh5co-destination-list li>a .case-studies-summary h2{ 
    color:#fff; 
    margin-bottom:0; 
    font-size:24px; 
    font-weight:400; 
    -webkit-transition:.1s; 
    -o-transition:.1s; 
    transition:.1s
}

#fh5co-destination-list li:hover:after{ 
    -webkit-box-shadow:inset 0 0 91px 0 rgba(0,0,0,.75); 
    -moz-box-shadow:inset 0 0 91px 0 rgba(0,0,0,.75); 
    -ms-box-shadow:inset 0 0 91px 0 rgba(0,0,0,.75); 
    -o-box-shadow:inset 0 0 91px 0 rgba(0,0,0,.75); 
    box-shadow:inset 0 0 91px 0 rgba(0,0,0,.75); 
    background:rgba(0,0,0,.3)
}
    
#fh5co-destination-list li:hover>a:after{ 
    opacity:1
}
#fh5co-destination-list li:hover>a .case-studies-summary h2{ 
    margin-top:-5px
}
#fh5co-destination-list li.two-third{ 
    width:65.6%
}
@media screen and (max-width:768px){ 
    #fh5co-destination-list li>a .case-studies-summary h2{ 
        font-size:24px
    }
    #fh5co-destination-list li.two-third{ 
        width:49%
    }
}
@media screen and (max-width:480px){ 
    #fh5co-destination-list li.two-third{ 
        width:100%
    }
}
#fh5co-destination-list li.one-third{ 
    width:32.3%
}
@media screen and (max-width:768px){ 
    #fh5co-destination-list li.one-third{ 
        width:49%
    }
}
@media screen and (max-width:480px){ 
    #fh5co-destination-list li.one-third{ 
        width:100%
    }

}
#fh5co-destination-list li.one-forth{ 
    width:25%
}
@media screen and (max-width:768px){ 
    #fh5co-destination-list li.one-forth{ 
        width:49%
    }

}
@media screen and (max-width:480px){ 
    #fh5co-destination-list li.one-forth{ 
        width:100%
    }
}
#fh5co-destination-list li.one-half{ 
    width:50%
}
@media screen and (max-width:480px){ 
    #fh5co-destination-list li.one-half{ 
        width:100%
    }
}

.overlay-grad {
  position: relative; 
}
.overlay-grad:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    -webkit-transition: .5s;
    transition: .5s;
    background: #6c757d;
    /* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, right bottom, from(#007bff), to(#6c757d));
    background: linear-gradient(to bottom right, #007bff, #6c757d);
    /* Standard syntax */ }
.overlay-grad:hover:before {
    opacity: .9; 
}


.card-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-size: cover;
  border-radius: 0.25rem; 
}
.card-banner .card-body {
    background-size: cover;
    position: relative;
    z-index: 10; 
}
.card-banner .img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    max-width: 100%; 
}
.card-banner .overlay {
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 1.25rem;
    color: #fff; }
.card-banner .overlay.bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%; 
}
.card-banner .overlay.top {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%; 
}
.card-banner .overlay-cover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.card-banner .overlay.left {
    top: 0;
    left: 0;
    bottom: 0;
    position: absolute; 
}
.card-banner .text-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 7px 20px;
    padding-top: 30px;
    border-radius: 0 0 0.25rem 0.25rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff; 
}

.fh5co-tours>div,.fh5co-tours>div img{ 
    -webkit-transition:.5s; 
    -o-transition:.5s
}

#fh5co-blog-section,#fh5co-car,#fh5co-features,#fh5co-testimonial,#fh5co-tours,#fh5co-work-section,.fh5co-content-section{ 
padding:7em 0
}
@media screen and (max-width:768px){ 
#fh5co-blog-section,#fh5co-car,#fh5co-features,#fh5co-testimonial,#fh5co-tours,#fh5co-work-section,.fh5co-content-section{ 
padding:4em 0
}
.fh5co-section-gray{ 
background:rgba(0,0,0,.04)
}
    
.fh5co-tours{ 
margin-bottom:30px
}
.fh5co-tours>div{ 
display:block; 
color:#000; 
position:relative; 
bottom:0; 
overflow:hidden; 
transition:.5s
}
.fh5co-tours>div img{ 
position:relative; 
transition:.5s
}
.fh5co-tours>div:after{ 
opacity:1; 
visibility:visible; 
content:""; 
position:absolute; 
bottom:0; 
left:0; 
right:0; 
top:0; 
background:rgba(0,0,0,.3); 
z-index:8; 
-webkit-transition:.5s; 
-o-transition:.5s; 
transition:.5s
}
.fh5co-tours>div .desc{ 
position:absolute; 
bottom:0; 
left:0; 
right:0; 
padding:30px; 
z-index:12; 
-webkit-transition:.3s; 
-o-transition:.3s; 
transition:.3s
}
.fh5co-tours>div .desc h3{ 
color:#fff; 
margin:0 0 5px; 
padding:0; 
opacity:1; 
font-size:30px; 
font-weight:400; 
visibility:visible; 
-webkit-transition:.3s; 
-o-transition:.3s; 
transition:.3s
}
.fh5co-tours>div .desc span{ 
display:block; 
color:rgba(255,255,255,.9); 
margin-bottom:5px
}
.fh5co-tours>div .desc .price{ 
font-size:30px; 
font-weight:700; 
color:#fff
}
.fh5co-tours>div .desc .btn{ 
opacity:1; 
border:2px solid #fff!important; 
color:#fff!important; 
letter-spacing:1px!important; 
font-weight:400!important
}
.fh5co-tours>div .desc .btn:active,.fh5co-tours>div .desc .btn:focus,.fh5co-tours>div .desc .btn:hover{ 
border:2px solid #F78536!important; 
background:#F78536!important; 
color:#fff!important
}
#fh5co-car .car .one-4 h3,#fh5co-car .car .one-4 span,.flight-book .desc h4,.flight-book .desc span{ 
color:#fff
}
.fh5co-tours>div:hover{ 
-webkit-box-shadow:0 18px 71px -10px rgba(0,0,0,.75); 
-moz-box-shadow:0 18px 71px -10px rgba(0,0,0,.75); 
box-shadow:0 18px 71px -10px rgba(0,0,0,.75)
}
.fh5co-tours>div:hover:after{ 
opacity:1; 
visibility:visible; 
-webkit-box-shadow:inset 0 -34px 98px 8px rgba(0,0,0,.75); 
-moz-box-shadow:inset 0 -34px 98px 8px rgba(0,0,0,.75); 
-ms-box-shadow:inset 0 -34px 98px 8px rgba(0,0,0,.75); 
-o-box-shadow:inset 0 -34px 98px 8px rgba(0,0,0,.75); 
box-shadow:inset 0 -34px 98px 8px rgba(0,0,0,.75); 
background:rgba(0,0,0,.2)
}
.fh5co-tours>div:hover img{ 
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
transform:scale(1.1)
}
    
@media screen and (max-width:768px){ 
    .fh5co-tours>div:hover:after{ 
    opacity:0; 
    visibility:hidden
}
.fh5co-tours>div:hover img{ 
    -webkit-transform:scale(1); 
    -moz-transform:scale(1); 
    -o-transform:scale(1); 
    transform:scale(1)
}
}