/* TripGo Tour Booking Business HTML-5 Template */
/***
====================================================================
Attachment Css Files
====================================================================
***/
@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('linearicons.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('magnific-popup.css');
@import url('flaticon_gymfit-flat.css');
@import url('odometer-theme-default.css');
@import url('jquery.bootstrap-touchspin.css');
/***
====================================================================
Banner One
====================================================================
***/
*{
font-family: "Rubik", sans-serif;
}
.banner-one{
position:relative;
text-align:center;
padding:195px 0px 80px;
background-color:#edfaf8;
}
.banner-one_pattern{
position:absolute;
left:0px;
top:0px;
width:379px;
height:462px;
background-repeat:no-repeat;
}
.banner-one_pattern-two{
position:absolute;
right:0px;
bottom:0px;
width:379px;
height:462px;
background-repeat:no-repeat;
}
.banner-one_image{
position:absolute;
left:70px;
top:25%;
z-index:1;
overflow:hidden;
border-radius:250px 250px;
}
.banner-one_image-two{
position:absolute;
right:70px;
top:115px;
z-index:1;
overflow:hidden;
border-radius:250px 250px;
}
.banner-one_icon{
position:relative;
width:160px;
height:160px;
margin:0 auto;
}
.banner-one_title{
position:relative;
font-weight:800;
color:#111b19;
font-size:80px;
margin-top:25px;
text-transform:capitalize;
}
.banner-one_title span{
position:relative;
margin-top:6px;
display:inline-block;
padding:2px 35px 12px;
color:var(--white-color);
transform:rotate(-1deg);
background-color:var(--main-color);
}
.banner-one_form-outer{
position:relative;
margin-top:120px;
z-index:1;
}
.banner-one_form-title{
position:relative;
font-size:22px;
color:#111b19;
font-weight:600;
margin-bottom:25px;
}
.banner-one_form-inner{
position:relative;
padding:33px 50px 20px;
text-align:left;
background-color:var(--white-color);
box-shadow:0px 5px 15px rgba(0,0,0,0.03);
}
.banner-search-form{
position:relative;
}
.banner-search-form .form-group{
position:relative;
}
.banner-search-form .form-group input{
position:relative;
display:block;
width:100%;
height:56px;
font-size:16px;
color:#acacac;
line-height:26px;
font-weight: 400;
padding:10px 20px 12px 0px;
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.banner-search-form button.submit-btn{
position:absolute;
right:0px;
top:8px;
font-size:16px;
font-weight:600;
padding:17px 36px;
letter-spacing:0.4px;
display:inline-block;
color:var(--white-color);
background-color:#00bb98;
}
.banner-search-form button.submit-btn:hover{
background-color:var(--main-color);
}
.banner-search-form form{
position:relative;
padding-right:150px;
}
.banner-search-form .form-group{
position:relative;
}
.banner-search-form .form-group label{
position:relative;
color:#111b19;
font-size:16px;
font-weight:600;
margin-bottom:5px;
}
.banner-search-form .form-group label i{
position:relative;
color:var(--main-color);
}
.banner-search-form.style-two form{
padding-right:0px;
font-size:14px;
}
.banner-search-form.style-two .form-group input{
border-bottom:1px solid rgba(0,0,0,0.10);
}
.banner-search-form.style-two .form-group .ui-selectmenu-button.ui-button{
position:relative;
font-size:14px;
border-radius:0px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.banner-search-form.style-two button.submit-btn{
position:relative;
border-radius:5px;
padding:17px 70px;
margin-top:20px;
}
.banner-search-form.style-two button.submit-btn i{
position:relative;
top:2px;
margin-right:5px;
}
/***
====================================================================
Destination One
====================================================================
***/
.destination-one{
position: relative;
padding: 90px 0px 60px;
}
.destination-one_link{
position:relative;
color:#111b19;
font-size:15px;
font-weight:600;
text-decoration:underline;
}
.destination-one_link:hover{
color:var(--main-color);
}
.destination-block_one{
position:relative;
margin-bottom:30px;
}
.destination-block_one:nth-child(2n + 0) .destination-block_one-tours{
top:auto;
bottom:-15px;
}
.destination-block_one-inner{
position:relative;
text-align:center;
}
.destination-block_one-tours{
position:absolute;
left:50%;
top:-15px;
z-index:1;
font-size:15px;
border-radius:5px;
padding:5px 8px 3px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
transform:translateX(-50%);
}
.destination-block_one-image{
position:relative;
width:170px;
height:170px;
margin:0 auto;
}
.destination-block_one-image img{
position:relative;
overflow:hidden;
border-radius:350px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.destination-block_one-inner:hover .destination-block_one-image img{
transform:scale(1.05,1.05);
}
.destination-block_one-title{
position:relative;
font-size:18px;
font-weight:600;
margin-top:25px;
}
.destination-block_one-title a{
position:relative;
color:#111b19;
}
.destination-block_one-title a:hover{
color:var(--main-color);
}
/***
====================================================================
Travel One
====================================================================
***/
.travel-one{
position:relative;
padding-bottom:70px;
}
.travel-one_image-column{
position:relative;
margin-bottom:30px;
}
.travel-one_image-outer{
position:relative;
padding-bottom:100px;
}
.travel-one_pattern{
position:absolute;
right:65px;
bottom:40px;
width:379px;
height:462px;
background-repeat:no-repeat;
}
.travel-one_image-outer .column:nth-child(1) .travel-one_image{
margin-top:65px;
}
.travel-one_image{
position:relative;
overflow:hidden;
border-radius:250px;
}
.travel-one_image img{
position:relative;
width:100%;
display:block;
}
.travel-one_content-column{
position:relative;
margin-bottom:30px;
}
.travel-one_content-outer{
position:relative;
padding-top:15px;
padding-left:70px;
}
.travel-one_counter{
position:absolute;
left:100px;
bottom:0px;
width:270px;
padding:35px 32px;
border-radius:10px;
background-color:var(--main-color);
box-shadow:0px 0px 10px rgba(253,76,92,0.15);
}
.travel-one_count{
position:relative;
font-size:40px;
line-height:1em;
font-weight:700;
color:var(--white-color);
}
.travel-one_text{
position:relative;
font-size:16px;
line-height:1em;
font-weight:600;
color:var(--white-color);
}
.travel-one_authors{
position:relative;
margin-top:30px;
display:flex;
margin-left: 5px;
}
.travel-one_authors li{
position:relative;
overflow:hidden;
margin-left:-7px;
border-radius:50px;
display: inline-block;
}
.travel-one_authors li a{
position:relative;
width:40px;
height:40px;
font-size:22px;
line-height:38px;
border-radius: 50px;
text-align:center;
display:inline-block;
color:var(--main-color);
background-color:var(--white-color);
}
.feature-block_one{
position:relative;
margin-bottom:20px;
}
.travel-one .feature-block_one:nth-child(3){
margin-left:25px;
}
.feature-block_one-inner{
position:relative;
padding:22px 30px;
border-radius:10px;
background-color:var(--white-color);
border-left:3px solid var(--main-color);
box-shadow:0px 5px 25px rgba(253,76,92,0.15);
}
.feature-block_one-content{
position:relative;
color:#444444;
font-size:16px;
padding-left:65px;
}
.feature-block_one-icon{
position:absolute;
left:0px;
top:0px;
}
.feature-block_one strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-weight:600;
margin-bottom:6px;
}
/***
====================================================================
Tour One
====================================================================
***/
.tour-one{
position:relative;
padding:85px 0px 55px;
background-color:#1a1a3d;
}
.tour-one .filters{
position:relative;
margin-bottom:45px;
text-align:center;
}
.tour-one .filters .filter-tabs{
position:relative;
}
.tour-one .filters li{
position: relative;
display: inline-block;
color: var(--white-color);
padding:0px 0px 10px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
margin:0px 15px 0px;
text-transform:capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: "Rubik", sans-serif;
}
.tour-one .filters .filter.active,
.tour-one .filters .filter:hover{
color: var(--main-color);
}
.tour-one .filters li:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:3px;
width:100%;
opacity:0;
transform: scale(0.5,1);
background-color:var(--main-color);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.tour-one .filters li:hover:before,
.tour-one .filters li.active::before{
opacity:1;
transform: scale(1,1);
}
.tour-block_one.mix{
display:none;
}
.tour-block_one{
position:relative;
margin-bottom:40px;
}
.tour-block_one-inner{
position:relative;
}
.tour-block_one-image{
position:relative;
border-radius:8px;
background-color:var(--main-color);
}
.tour-block_one-image img{
position:relative;
width:100%;
display:block;
border-radius:8px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.tour-block_one-inner:hover .tour-block_one-image img{
position:relative;
opacity:0.50;
}
.tour-block_one-days{
position: absolute;
left: 15px;
top: 15px;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: var(--white-color);
text-transform:uppercase;
background-color: var(--main-color);
}
.tour-block_one-heart{
position:absolute;
right:30px;
bottom:-17px;
width:35px;
height:35px;
z-index:1;
font-weight:400;
line-height:37px;
border-radius:50px;
color:var(--white-color);
background-color:#00bb98;
}
.tour-block_one-content{
position:relative;
padding-top:30px;
}
.tour-block_one-location{
position:relative;
font-size:16px;
color:#9d9dd8;
}
.tour-block_one-location span{
position:relative;
color:#00bb98;
}
.tour-block_one-heading{
position:relative;
font-weight:700;
margin-top:12px;
margin-bottom:25px;
font-family: "Rubik", sans-serif;
}
.tour-block_one-heading a{
position:relative;
color:var(--white-color);
}
.tour-block_one-heading a:hover{
color:#00bb98;
}
.tour-block_one-price{
position:relative;
font-size:20px;
font-weight:700;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.tour-block_one-price span{
position:relative;
color:#7580a0;
margin-left:5px;
text-decoration:line-through;
}
.tour-block_one-rating{
position:relative;
color:#ffc83e;
}
.tour-block_one-more{
position:relative;
margin-top:25px;
padding:20px 0px 0px;
border-top:1px solid rgba(255,255,255,0.10);
}
.tour-block_one-more .more{
position:relative;
color:#9d9dd8;
font-size:15px;
font-weight:600;
text-decoration:underline;
font-family: "Rubik", sans-serif;
}
.tour-block_one-more .more:hover{
color:#00bb98;
}
/***
====================================================================
Activity One
====================================================================
***/
.activity-one{
position:relative;
padding:100px 0px 70px;
}
.activity-one_title-column{
position:relative;
margin-bottom:30px;
}
.activity-one_title-outer{
position:relative;
padding-top:50px;
}
.activity-one_info-column{
position:relative;
margin-bottom:30px;
}
.activity-one_info-outer{
position:relative;
border:1px solid rgba(0,0,0,0.10);
border-bottom:0px;
border-right:0px;
}
.activity-block_one{
position:relative;
}
.activity-block_one-inner{
position:relative;
text-align:center;
padding:30px 10px;
border-right:1px solid rgba(0,0,0,0.10);
border-bottom:1px solid rgba(0,0,0,0.10);
}
.activity-block_one-inner:hover .activity-block_one-icon{
transform:rotateY(180deg);
}
.activity-block_one-icon{
position:relative;
width:100px;
height:100px;
margin:0 auto;
line-height:100px;
border-radius:150px;
background-color:#fff2f3;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.activity-block_one-title{
position:relative;
font-weight:600;
color:#111b19;
margin-top:20px;
}
/***
====================================================================
Team One
====================================================================
***/
.team-one{
position:relative;
padding:0px 0px 70px;
}
.team-block_one{
position:relative;
margin-bottom:30px;
}
.team-block_one-inner{
position:relative;
text-align:center;
}
.team-block_one-image{
position:relative;
overflow:hidden;
border-radius:10px;
background-color:var(--black-color);
}
.team-block_one-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block_one-inner:hover .team-block_one-image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.team-block_one-content{
position:relative;
padding-top:22px;
}
.team-block_one-inner:hover .team-block_one-socials{
bottom:30px;
}
.team-block_one-heading{
position:relative;
font-weight:700;
}
.team-block_one-heading a{
position:relative;
color:#111b19;
}
.team-block_one-heading a:hover{
color:#fd4c5c;
}
.team-block_one-title{
position:relative;
color:#444444;
margin-top:5px;
}
.team-block_one-socials{
position:absolute;
left:0px;
bottom:-80px;
right:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block_one-socials-inner{
position:relative;
border-radius:8px;
display:inline-block;
padding:16px 15px 15px;
background-color:#fd4c5c;
}
.team-block_one-socials a{
position:relative;
font-size:18px;
margin:0px 8px;
color:var(--white-color);
}
/***
====================================================================
Gallery One
====================================================================
***/
.gallery-one{
position:relative;
}
.gallery-block_one{
position: relative;
}
.gallery-block_one-inner{
position: relative;
}
.gallery-block_one-image{
position: relative;
}
.gallery-block_one-image img{
position: relative;
width: 100%;
display: block;
}
.gallery-block_one-overlay{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(26,26,61,0.75);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block_one-inner:hover .gallery-block_one-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block_one-icon{
position: relative;
font-size: 16px;
width:55px;
height:55px;
line-height:53px;
border-radius:50px;
text-align:center;
color: var(--white-color);
border:2px solid var(--white-color);
}
.gallery-block_one-icon:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.gallery-block_one h4{
position:relative;
display:block;
margin-top:20px;
font-weight:700;
}
.gallery-block_one h4 a{
position:relative;
color:var(--white-color);
}
.gallery-block_one h4 a:hover{
color:var(--main-color);
}
/***
====================================================================
Tour Two
====================================================================
***/
.tour-two{
position:relative;
padding:90px 0px 60px;
}
.tour-block_two{
position:relative;
margin-bottom:40px;
}
.tour-block_two-inner{
position:relative;
}
.tour-block_two-image{
position:relative;
overflow:hidden;
border-radius:10px;
}
.tour-block_two-image::before{
position: absolute;
content: '';
left: 0px;
top: 20%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #1a1a3d 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.tour-block_two-image img{
position:relative;
width:100%;
display:block;
border-radius:8px;
}
.tour-block_two-content{
position:absolute;
left:30px;
right:30px;
bottom:30px;
z-index:2;
}
.tour-block_two-location{
position:relative;
font-size:16px;
color:var(--white-color);
}
.tour-block_two-location span{
position:relative;
color:var(--white-color);
}
.tour-block_two-heading{
position:relative;
font-weight:700;
margin-top:12px;
margin-bottom:25px;
font-family: "Rubik", sans-serif;
}
.tour-block_two-heading a{
position:relative;
color:var(--white-color);
}
.tour-block_two-heading a:hover{
color:var(--main-color);
}
.tour-block_two-price{
position:relative;
font-size:20px;
font-weight:700;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.tour-block_two-price span{
position:relative;
color:#7580a0;
margin-left:5px;
text-decoration:line-through;
}
.tour-block_two-rating{
position:relative;
color:#ffc83e;
}
/***
====================================================================
Testimonial One
====================================================================
***/
.testimonial-one{
position:relative;
padding:50px 0px 90px;
}
.testimonial-one_title-column{
position:relative;
margin-bottom:30px;
}
.testimonial-one_title-outer{
position:relative;
padding-top:20px;
padding-right: 140px;
}
.testimonial-one_authors{
position:relative;
margin-top:30px;
display:flex;
margin-left: 5px;
align-items:center;
padding-top:35px;
flex-wrap:wrap;
border-top:1px solid rgba(0,0,0,0.10);
}
.testimonial-one_authors li{
position:relative;
overflow:hidden;
margin-left:-7px;
border-radius:50px;
}
.testimonial-one_authors li a{
position:relative;
width:40px;
height:40px;
font-size:22px;
line-height:38px;
text-align:center;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.testimonial-one_authors li strong{
position:relative;
color:#111b19;
font-size:30px;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.testimonial-one_authors li i{
position:relative;
font-size:16px;
color:#444444;
top:-5px;
margin-left:15px;
}
.testimonial-one_authors li:last-child{
margin-left:25px;
border-radius:0px;
}
.testimonial-one_carousel-column{
position:relative;
margin-bottom:30px;
}
.testimonial-one_pattern{
position:absolute;
right:15px;
top:-40px;
width:379px;
height:462px;
background-repeat:no-repeat;
}
.testimonial-one_carousel-outer{
position:relative;
padding:85px 50px 40px;
margin-right:45px;
background-color:var(--white-color);
box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}
.testimonial-one_pattern-layer{
position:absolute;
left:0px;
top:0px;
right:0px;
height:92px;
background-repeat:repeat-x;
background-position:right top;
}
.testimonial-block_one{
position:relative;
}
.testimonial-block_one-inner{
position:relative;
}
.testimonial-block_one-text{
position:relative;
color:#444444;
font-size:19px;
line-height:30px;
padding-bottom:30px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.testimonial-block_one-author{
position:relative;
min-height:100px;
margin-top:30px;
padding-top:10px;
padding-left:120px;
}
.testimonial-block_one-image{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
}
.testimonial-block_one-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_one-quote{
position:absolute;
left:0px;
top:-10px;
width:40px;
height:40px;
z-index:1;
font-size:20px;
line-height:40px;
text-align:center;
border-radius:50px;
color:var(--white-color);
background-color:#00bb98;
}
.testimonial-block_one-author strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_one-author i{
position:relative;
display:block;
font-size:15px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_one-rating{
position:relative;
margin-top:10px;
color:#ffc83e;
}
/***
====================================================================
Banner Two
====================================================================
***/
.banner-two{
position:relative;
overflow:hidden;
padding:120px 0px 170px;
background-color:#f0faf8;
}
.banner-two .auto-container{
max-width:1320px;
}
.banner-two .circle-one{
position:absolute;
left:-103px;
top:-103px;
width:207px;
height:207px;
z-index:1;
border-radius:150px;
background-color:var(--main-color);
}
.banner-two .circle-two{
position:absolute;
left:50%;
bottom:-103px;
width:207px;
height:207px;
z-index:1;
border-radius:150px;
background-color:#00bb98;
}
.banner-two .circle-three{
position:absolute;
right:0px;
top:60px;
width:178px;
height:90px;
z-index:1;
border-radius:150px 150px 0px 0px;
background-color:#FFC83E;
}
.banner-two_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-repeat:repeat;
}
.banner-two_image{
position:absolute;
right:0px;
top:-105px;
}
.banner-two_form-title{
position:relative;
font-size:30px;
color:#00bb98;
line-height:1em;
font-family: "La Belle Aurore", cursive;
}
.banner-two_heading{
position:relative;
font-weight:700;
color:#111b19;
font-size:72px;
line-height:80px;
max-width: 600px;
margin-top:10px;
}
.banner-two_text{
position:relative;
font-weight:500;
color:#444444;
font-size:20px;
line-height:30px;
margin-top:30px;
margin-bottom:45px;
}
.banner-two .banner-search-form{
max-width:780px;
border-radius:10px;
padding:30px 30px 15px;
background-color:var(--white-color);
box-shadow:0px 15px 20px rgba(0,0,0,0.08);
}
.banner-two .banner-search-form form{
padding-right:110px;
}
.banner-two .banner-search-form button.submit-btn{
width:88px;
height:60px;
font-size:22px;
padding:0px 0px;
line-height:60px;
text-align:center;
border-radius:5px;
background-color:var(--main-color);
}
/***
====================================================================
Travel Two
====================================================================
***/
.travel-two{
position:relative;
padding:110px 0px 110px;
}
.travel-two_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
height:478px;
background-color:#111b19;
}
.travel-two.alternate{
padding-top:0px;
}
.travel-two.style-two{
padding-top:160px;
}
.travel-two.style-three{
padding-top:110px;
}
.travel-two.style-three .travel-block_one-image{
padding:10px 10px 0px;
}
.travel-two.style-three .travel-block_one-heart{
color:#ffffff;
background-color:#00bb98;
}
.travel-two.style-four{
padding-top:100px;
}
.travel-two .sec-title{
display:inline-block;
}
.travel-two .auto-container{
position:relative;
max-width:1330px;
}
.travel-two .travel-two-arrows{
position: absolute;
right: 15px;
top: 0px;
z-index: 10;
}
.travel-two .travel-two-arrows .four-item-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.travel-two .travel-two-arrows .four-item-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.travel-two .travel-two-arrows .four-item-carousel-slider-prev:hover,
.travel-two .travel-two-arrows .four-item-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.travel-two .swiper {
overflow: visible !important;
}
/* Ensure the wrapper doesn't clip content */
.travel-two .swiper-wrapper {
overflow: visible !important;
}
/* Optional: give the swiper some padding so shadows aren't cut off */
.travel-two .swiper-slide {
position: relative;
z-index: 1;
}
/* Add some left/right padding to give space for shadows */
.travel-two .swiper-container {
padding-left: 20px;
padding-right: 20px;
margin:0px -20px;
padding-top:120px;
margin-top: -100px;
}
/* Or in newer versions of swiper (v6+) */
.travel-two .swiper {
padding-left: 20px;
padding-right: 20px;
}
.travel-block_one{
position:relative;
margin-bottom:40px;
}
.travel-block_one-inner{
position:relative;
border-radius:8px;
overflow:hidden;
box-shadow:0px 5px 15px rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.travel-block_one-image{
position:relative;
overflow:hidden;
}
.travel-block_one-image img{
position:relative;
width:100%;
display:block;
border-radius:8px 8px 0px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_one-inner:hover .travel-block_one-image img{
opacity:0.70;
transform:scale(1.07,1.07);
}
.travel-block_one-days{
position: absolute;
left: 25px;
top: -20px;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_one-heart{
position:absolute;
right:20px;
top: 20px;
width:40px;
height:40px;
z-index:1;
color:#999999;
font-size:18px;
font-weight:400;
line-height:40px;
border-radius:50px;
background-color:#ffffff;
}
.travel-block_one-content{
position:relative;
padding:30px 20px 20px;
}
.travel-block_one-location{
position:relative;
font-size:16px;
color:#444444;
margin-bottom:10px;
}
.travel-block_one-location span{
position:relative;
color:#00bb98;
}
.travel-block_one-heading{
position:relative;
font-weight:500;
font-size: 20px;
margin-top:0px;
margin-bottom:12px;
font-family: "Rubik", sans-serif;
}
.travel-block_one-heading a{
position:relative;
color:#111b19;
}
/* .travel-block_one-heading a:hover{
color:#00bb98;
text-decoration: none;
} */
.travel-block_one-price{
position:relative;
font-size:20px;
font-weight:700;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.travel-block_one-price span{
position:relative;
color:#999999;
margin-left:5px;
text-decoration:line-through;
}
.travel-block_one-rating{
position:relative;
color:#ffc83e;
margin-bottom:30px;
}
.travel-block_one-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_one-explore:hover{
color:var(--white-color);
background-color:var(--sec-color);
}
.travel-two_button{
position:relative;
margin-top:20px;
}
/***
====================================================================
Feature One
====================================================================
***/
.feature-one{
position:relative;
padding:105px 0px 75px;
background-color:#f2fbfa;
}
.feature-one.style-two{
padding-top:0px;
background:none;
}
.feature-one.style-two .inner-container{
padding-top:100px;
border-top:1px solid rgba(0,0,0,0.05);
}
.feature-one .auto-container{
max-width:1330px;
}
.feature-block_two{
position:relative;
margin-bottom:30px;
}
.feature-block_two-inner{
position:relative;
text-align:center;
padding:65px 30px 75px;
border-radius:10px;
background-color:var(--white-color);
box-shadow:0px 10px 20px rgba(0,0,0,0.10);
}
.feature-block_two-icon{
position:relative;
width:120px;
height:120px;
margin:0 auto;
line-height:120px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.feature-block_two-inner:hover .feature-block_two-icon{
transform:rotateY(180deg);
}
.feature-block_two-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:#FD4C5C26;
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.feature-block_two:nth-child(2) .feature-block_two-icon:before{
background-color:#dfe6ff;
}
.feature-block_two:nth-child(3) .feature-block_two-icon:before{
background-color:#d9f5f0;
}
.feature-block_two h5{
position:relative;
font-weight:700;
color:#111b19;
margin:20px 0px 20px;
}
.feature-block_two-text{
position:relative;
font-weight:400;
color:#444444;
font-size:16px;
line-height:28px;
padding:0px 20px;
}
/***
====================================================================
Counter One
====================================================================
***/
.counter-one{
position:relative;
padding:120px 0px 90px;
background-color:#00bb98;
}
.counter-one .auto-container{
max-width:1660px;
}
.counter-block_one{
position:relative;
margin-bottom:30px;
}
.counter-block_one-inner{
position:relative;
text-align:center;
}
.counter-block_one-icon{
position:relative;
width:86px;
height:95px;
margin:0 auto;
font-size:36px;
line-height:95px;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-block_one-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:rgba(253,76,92,0.10);
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.counter-block_one-inner:hover .counter-block_one-icon{
transform:rotateY(180deg);
}
.counter-block_one-count{
position:relative;
font-size:60px;
font-weight:700;
line-height:1em;
margin-top:25px;
color:var(--white-color);
}
.counter-block_one-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:5px;
opacity:0.80;
color:var(--white-color);
}
/***
====================================================================
Guide One
====================================================================
***/
.guide-one{
position:relative;
padding:110px 0px 80px;
background-size:cover;
}
.guide-one.style-two .guide-one_title-outer{
padding-right:100px;
}
.guide-one_pattern{
position:absolute;
left:0px;
top:90px;
width:54px;
height:190px;
background-repeat:no-repeat;
}
.guide-one .auto-container{
max-width:1330px;
}
.guide-one_title-column{
position:relative;
margin-bottom:30px;
}
.guide-one_title-outer{
position:relative;
padding-top:30px;
}
.guide-one_clock{
position:relative;
margin-bottom:35px;
}
.guide-one_list{
position:relative;
}
.guide-one_list li{
position:relative;
color:#444444;
font-size:16px;
margin-bottom:16px;
}
.guide-one_list li i{
position:relative;
color:#00bb98;
top:1px;
font-weight:600;
margin-right:10px;
}
.guide-one_list li:last-child{
margin-bottom:0px;
}
.guide-one_images-column{
position:relative;
margin-bottom:30px;
}
.guide-one_images-outer{
position:relative;
text-align:right;
padding-bottom:90px;
}
.guide-one_certificate{
position:absolute;
left:0px;
top:0px;
width:226px;
height:227px;
z-index:1;
background-repeat:no-repeat;
}
.guide-one_waves{
position:absolute;
right:0px;
bottom:60px;
width:213px;
height:105px;
z-index:1;
background-repeat:no-repeat;
}
.guide-one_image{
position:relative;
overflow:hidden;
display:inline-block;
border-radius:250px 250px;
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
border:10px solid var(--white-color);
}
.guide-one_image-two{
position:absolute;
left:0px;
bottom:0px;
overflow:hidden;
display:inline-block;
border-radius:250px 250px;
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
border:10px solid var(--white-color);
}
/***
====================================================================
Destination Two
====================================================================
***/
.destination-two{
position:relative;
padding:110px 0px 90px;
background-color:#1a1a3c;
}
.destination-two.style-two{
/* padding-bottom:0px; */
background-color:var(--white-color);
}
.destination-two.style-two .pagination-outer{
margin-top:20px;
}
.destination-two .auto-container{
max-width:1330px;
}
.destination-block_two{
position:relative;
margin-bottom:30px;
}
.destination-block_two-inner{
position:relative;
}
.destination-block_two-image{
position:relative;
overflow:hidden;
border-radius:10px;
}
.destination-block_two-inner:hover .destination-block_two-image img{
transform:scale(1.05,1.05);
}
.destination-block_two-image::before{
position: absolute;
content: '';
left: 0px;
top: 50%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.destination-block_two-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.destination-block_two-content{
position:absolute;
left:20px;
bottom:40px;
right:40px;
z-index:2;
}
.destination-block_two-heading{
position:relative;
}
.destination-block_two-heading a{
position:relative;
color:var(--white-color);
}
.destination-block_two-heading a:hover{
color: var(--main-color);
}
.destination-block_two-tours{
position: relative;
border-radius: 5px;
font-size: 16px;
margin-top:20px;
padding: 8px 20px;
display: inline-block;
color: var(--white-color);
background-color: var(--main-color);
}
.destination-block_two.style-two .destination-block_two-content{
left:25px;
bottom:25px;
}
.destination-block_two.style-two .destination-block_two-heading{
font-size:28px;
}
.destination-block_two.style-two .destination-block_two-tours{
margin-top:10px;
}
/***
====================================================================
Testimonial Two
====================================================================
***/
.testimonial-two{
position:relative;
padding:120px 0px 120px;
background-color:#F2FBFA;
}
.testimonial-two .testimonial-slider-pagination{
position:relative;
text-align:center;
margin-top:80px;
}
.testimonial-two .testimonial-slider-pagination .swiper-pagination-bullet{
position:relative;
width:10px;
height:10px;
margin:0px 8px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
}
.testimonial-two_authors{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-position:center center;
background-repeat:no-repeat;
}
.testimonial-two .inner-container{
position:relative;
max-width:670px;
margin:0 auto;
z-index:1;
}
.testimonial-two .testimonial-two_carousel-box{
position:relative;
z-index:1;
border-radius:12px;
padding:55px 75px 55px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.testimonial-two .color-layer_one{
position:absolute;
left:30px;
right:30px;
height:50px;
bottom:-20px;
border-radius:12px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.testimonial-two .color-layer_two{
position:absolute;
left:50px;
right:50px;
height:50px;
bottom:-40px;
z-index:-1;
border-radius:12px;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.testimonial-block_two{
position:relative;
}
.testimonial-block_two-inner{
position:relative;
text-align:center;
}
.testimonial-block_two-text{
position:relative;
color:#111b19;
font-size:19px;
line-height:30px;
padding-bottom:10px;
}
.testimonial-block_two-author{
position:relative;
min-height:100px;
margin-top:30px;
padding-top:25px;
text-align:left;
padding-left:120px;
display:inline-block;
}
.testimonial-block_two-image{
position:absolute;
left:0px;
top:0px;
width:100px;
height:100px;
}
.testimonial-block_two-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_two-quote{
position:absolute;
right:20px;
bottom:30px;
}
.testimonial-block_two-author strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_two-author i{
position:relative;
display:block;
font-size:15px;
color:#111b19;
margin-top:10px;
opacity:0.70;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Info One
====================================================================
***/
.info-one{
position:relative;
padding:70px 0px 40px;
background-color:var(--main-color);
}
.info-one.style-two{
padding:0px 0px;
background:none;
}
.info-one.style-two .inner-container{
padding:70px 40px 45px;
border-radius:10px;
background-color:#f2fbfa;
}
.info-one.style-two .info-block_one-inner{
color:var(--black-color);
}
.info-one.style-two .info-block_one-inner strong{
color:var(--black-color);
}
.info-one.style-two .auto-container{
max-width:1330px;
}
.info-block_one{
position:relative;
margin-bottom:30px;
}
.info-block_one-inner{
position:relative;
padding-left:75px;
font-size:16px;
color:rgba(255,255,255,0.70);
}
.info-block_one-icon{
position:absolute;
left:0px;
top:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.info-block_one-inner:hover .info-block_one-icon{
transform:rotateY(180deg);
}
.info-block_one-inner strong{
position:relative;
display:block;
font-size:20px;
font-weight:700;
margin-bottom:8px;
color:var(--white-color);
}
.info-one.style-three{
background-color:#f2fbfa;
}
.info-one.style-three .info-block_one-inner{
color:var(--black-color);
}
.info-one.style-three .info-block_one-inner strong{
color:var(--black-color);
}
.info-one.style-four{
background-color:#ffffff;
}
.info-one.style-four .info-block_one-inner{
color:var(--black-color);
}
.info-one.style-four .info-block_one-inner strong{
color:var(--black-color);
}
/***
====================================================================
Video One
====================================================================
***/
.video-one{
position:relative;
text-align:center;
padding:220px 0px 220px;
background-size:cover;
background-attachment:fixed;
}
.video-one:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.40;
background-color:var(--black-color);
}
.video-one_title{
position:relative;
font-size:42px;
line-height:1em;
color:var(--white-color);
font-family: "La Belle Aurore", cursive;
}
.video-one_heading{
font-size:62px;
line-height:72px;
margin-top:10px;
color:var(--white-color);
}
/* video One Play */
.video-one_play{
position:relative;
}
.video-one_play span{
position: relative;
z-index:10;
width:90px;
height: 90px;
font-size:26px;
margin-top:30px;
line-height:90px;
border-radius:50%;
padding-left:5px;
display: inline-block;
color: var(--main-color);
background-color: var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.video-one_play span:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.video-one_play .ripple,
.video-one_play .ripple:before,
.video-one_play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:90px;
height: 90px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-one_play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-one_play .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/***
====================================================================
News One
====================================================================
***/
.news-one{
position:relative;
padding:110px 0px 80px;
}
.news-one.style-two{
padding-top:0px;
}
.news-one .auto-container{
max-width:1330px;
}
.news-block_one{
position:relative;
margin-bottom:30px;
}
.news-block_one-inner{
position:relative;
overflow:hidden;
border-radius:10px 10px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block_one-image{
position:relative;
overflow:hidden;
background-color:var(--main-color);
}
.news-block_one-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block_one-inner:hover .news-block_one-image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
.news-block_one-content{
position:relative;
padding:30px 25px;
}
.news-block_one-meta{
position:relative;
}
.news-block_one-meta li{
position:relative;
color:#999999;
font-size:16px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_one-meta li span{
position:relative;
margin-right:10px;
display:inline-block;
}
.news-block_one-heading{
position:relative;
font-weight:700;
margin:15px 0px 14px;
}
.news-block_one-heading a{
position:relative;
color:#111b19;
}
.news-block_one-heading a:hover{
color:var(--main-color);
}
.news-block_one-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:20px;
}
.news-block_one-more{
position:relative;
font-size:16px;
font-weight:500;
display:inline-block;
color:var(--main-color);
}
.news-block_one-more:hover{
color:#444444;
}
/***
====================================================================
Newsletter One
====================================================================
***/
.newsletter-one{
position:relative;
z-index:1;
}
.newsletter-one .auto-container{
max-width:1330px;
}
.newsletter-one .inner-container{
position:relative;
border-radius:20px;
padding:80px 0px 80px;
background-size:cover;
}
.newsletter-one .newsletter-one_content{
position:relative;
margin-left:550px;
}
.newsletter-one_heading{
position:relative;
margin-bottom:40px;
color:var(--white-color);
}
/* Subscribe Form */
.subscribe-form_two{
position:relative;
max-width:460px;
}
.subscribe-form_two .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
}
.subscribe-form_two .form-group input[type="text"],
.subscribe-form_two .form-group input[type="tel"],
.subscribe-form_two .form-group input[type="email"],
.subscribe-form_two .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:60px;
font-size:14px;
color:#6b6c70;
border-radius:5px;
padding-right:170px;
background:#ffffff;
padding:10px 15px 10px 30px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form_two .form-group input[type="submit"],
.subscribe-form_two button{
position:absolute;
right:5px;
top:5px;
bottom:5px;
cursor:pointer;
font-weight:700;
font-size:16px;
padding:14px 30px;
border-radius:5px;
color:var(--white-color);
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.subscribe-form_two .form-group input[type="submit"]:hover,
.subscribe-form_two button:hover{
background-color:#444444;
color:var(--white-color);
}
/***
====================================================================
Banner Three
====================================================================
***/
.banner-three{
position:relative;
text-align:center;
padding:190px 0px 180px;
}
.banner-three_image{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.banner-three_image:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.60;
background-color:var(--black-color);
}
.banner-three_heading{
position:relative;
font-weight:700;
font-size:62px;
line-height:79px;
color:var(--white-color);
}
.banner-three_text{
position:relative;
font-weight:300;
font-size:20px;
line-height:28px;
margin-top:20px;
margin-bottom:50px;
color:var(--white-color);
}
.banner-three .banner-search-form{
position:relative;
padding:25px 30px 15px;
border-radius:10px;
text-align:left;
background-color:var(--white-color);
}
.banner-three button.submit-btn{
border-radius:5px;
padding:19px 30px;
background-color:var(--main-color);
}
.banner-three button.submit-btn i{
position:relative;
top:2px;
margin-right:3px;
}
/***
====================================================================
Destination Three
====================================================================
***/
.destination-three{
position:relative;
padding:50px 0px 0px;
}
.destination-three.style-two .swiper-container{
margin-right:0px;
}
.destination-three.style-two .travel-two-arrows{
right:0px;
}
.destination-three .sec-title{
display:inline-block;
}
.destination-three .auto-container{
max-width:1330px;
}
.destination-three .swiper-container{
padding-top: 120px;
margin-top: -100px;
margin-right:-140px;
}
.destination-three .travel-two-arrows{
position: absolute;
right: 240px;
top: 0px;
z-index: 10;
}
.destination-three .travel-two-arrows .four-item-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.destination-three .travel-two-arrows .four-item-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.destination-three .travel-two-arrows .four-item-carousel-slider-prev:hover,
.destination-three .travel-two-arrows .four-item-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
/***
====================================================================
Testimonial Three
====================================================================
***/
.testimonial-three{
position:relative;
padding:100px 0px 100px;
}
.testimonial-three .two-item-carousel-slider-pagination{
position:relative;
text-align:center;
margin-top:50px;
}
.testimonial-three .two-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:17px;
height:10px;
margin:0px 8px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-three .two-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width:45px;
}
.testimonial-three .swiper {
overflow: visible !important;
}
.testimonial-three .swiper-wrapper {
overflow: visible !important;
}
.testimonial-three .swiper-slide {
position: relative;
z-index: 1;
}
.testimonial-three .swiper-container {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin:0px -20px;
padding-top:120px;
margin-top: -100px;
}
.testimonial-three .swiper {
padding-left: 20px;
padding-right: 20px;
}
.testimonial-three .auto-container{
max-width:1330px;
}
.testimonial-three .testimonial-slider-pagination{
position:relative;
text-align:center;
margin-top:80px;
}
.testimonial-three .testimonial-slider-pagination .swiper-pagination-bullet{
position:relative;
width:10px;
height:10px;
margin:0px 8px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
}
.testimonial-block_three{
position:relative;
}
.testimonial-block_three-inner{
position:relative;
padding:45px 45px;
border-radius:10px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,187,152,0.10);
}
.testimonial-block_three-text{
position:relative;
color:#444444;
font-size:18px;
line-height:28px;
padding-bottom:40px;
}
.testimonial-block_three-author{
position:relative;
min-height:60px;
padding-top:5px;
padding-left:80px;
}
.testimonial-block_three-image{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.testimonial-block_three-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_three-author strong{
position:relative;
display:block;
font-size:16px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_three-author i{
position:relative;
display:block;
font-size:15px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_three-rating{
position:relative;
color:#ffc83e;
}
/***
====================================================================
Banner Four
====================================================================
***/
.banner-four{
position:relative;
z-index:1;
background-color:#a5f0e2;
}
.banner-four .guest-selector-dropdown{
width:100%;
}
.banner-four .banner-search-form{
position:relative;
bottom:-60px;
border-radius:8px;
padding:25px 30px 15px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.banner-four .banner-search-form button.submit-btn{
border-radius: 5px;
padding: 19px 30px;
background-color: var(--main-color);
}
.banner-four .banner-search-form button.submit-btn i{
position: relative;
top: 2px;
margin-right: 3px;
}
.banner-four_bg{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.banner-four_image-column{
position:relative;
}
.banner-four_image{
position:relative;
}
.banner-four_content-column{
position:relative;
}
.banner-four_content{
position:relative;
padding-top:200px;
padding-left:40px;
}
.banner-four_heading{
position:relative;
font-size:110px;
line-height:95px;
font-weight:700;
display:inline-block;
color:var(--white-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.banner-four_heading i{
position:relative;
font-size:70px;
margin-left:10px;
display:inline-block;
text-transform:lowercase;
}
.banner-four_heading span{
position:relative;
font-size:160px;
display:block;
font-weight:800;
text-transform:capitalize;
}
.banner-four_text{
position:relative;
font-size:20px;
display:block;
font-weight:400;
margin-top:40px;
margin-bottom:40px;
color:var(--white-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Category One
====================================================================
***/
.category-one{
position:relative;
padding:110px 0px 80px;
background-color:#f5fcfb;
}
.category-one .sec-title{
display:inline-block;
}
.category-one .category-one_arrows{
position: absolute;
right: 250px;
top: 0px;
z-index: 10;
}
.category-one .category-one_arrows .category-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.category-one .category-one_arrows .category-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.category-one .category-one_arrows .category-carousel-slider-prev:hover,
.category-one .category-one_arrows .category-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.category-one .swiper-container{
padding-top: 120px;
margin-top: -100px;
margin-right: -220px;
}
.category-one .auto-container{
position: relative;
max-width: 1330px;
}
.category-block_one{
position:relative;
margin-bottom:30px;
}
.category-block_one-inner{
position:relative;
text-align:center;
}
.category-block_one-image{
position:relative;
overflow:hidden;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-radius:200px 200px 0px 0px;
}
.category-block_one-image img{
position:relative;
width:100%;
display:block;
}
.category-block_one-overlay{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
justify-content:center;
align-items:center;
background-color:rgba(0,0,0,0.50);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.category-block_one-inner:hover .category-block_one-image{
border-radius:0px 0px;
}
.category-block_one-inner:hover .category-block_one-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.category-block_one-overlay a{
position:relative;
font-size:18px;
color:var(--white-color);
}
.category-block_one-overlay a:hover{
color:var(--main-color);
}
.category-block_one-content{
position:relative;
padding-top:30px;
}
.category-block_one-title{
position:relative;
font-weight:700;
}
.category-block_one-title a{
position:relative;
color:var(--black-color);
}
.category-block_one-title a:hover{
color:var(--main-color);
}
/***
====================================================================
Testimonial Four
====================================================================
***/
.testimonial-four{
position:relative;
padding:120px 0px 0px;
}
.testimonial-four .auto-container{
max-width: 1330px;
}
.testimonial-four_title{
position:relative;
font-size:24px;
color:#00bb98;
line-height:36px;
margin-bottom:40px;
text-transform:capitalize;
font-family: "La Belle Aurore", cursive;
}
.testimonial-four .inner-container{
position:relative;
}
.testimonial-four .testimonial__slider-wrap{
position:relative;
max-width:710px;
width:100%;
border-radius:10px;
padding:120px 150px 120px 180px;
background-color:#f2fbfa;
}
.testimonial-block_four{
position:relative;
}
.testimonial-block_four-inner{
position:relative;
}
.testimonial-block_four-text{
position:relative;
color:#444444;
font-size:20px;
line-height:36px;
margin-bottom:30px;
}
.testimonial-block_four-author{
position:relative;
padding-left:85px;
}
.testimonial-block_four-inner{
position:relative;
color:#000B33;
font-size:16px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_four-author_image{
position:absolute;
left:0px;
top:0px;
}
.testimonial-block_four-inner strong{
position:relative;
display:block;
color:#000B33;
font-size:20px;
font-weight:700;
margin-bottom:8px;
}
.testimonial-four .thumbs-column{
position:absolute;
left: 65px;
top: 120px;
height:240px;
overflow:hidden;
}
.testimonial-four .thumbs-column .testimonial__nav-thumb{
position:relative;
width:70px !important;
opacity:0.50;
overflow:hidden;
cursor:pointer;
height:70px !important;
border-radius:50px !important;
display:inline-block;
border:3px solid var(--white-color);
}
.testimonial-four .thumbs-column .testimonial__nav-thumb img{
position:relative;
width:100%;
}
.testimonial-four .thumbs-column .testimonial__nav-thumb:hover,
.testimonial-four .thumbs-column .testimonial__nav-thumb.swiper-slide-active{
opacity:1;
}
.testimonial-four .testimonial-four_image{
position:absolute;
right:0px;
top:-80px;
overflow:hidden;
border-radius:15px;
}
/***
====================================================================
Banner Five
====================================================================
***/
.banner-five{
position:relative;
overflow:hidden;
padding:120px 0px 170px;
background-color:#f0faf8;
}
.banner-five .auto-container{
max-width:1320px;
}
.banner-five_image{
position:absolute;
right:0px;
top:0px;
width:50%;
bottom:0px;
background-size:cover;
}
.banner-five_title{
position:relative;
font-size:30px;
color:#00bb98;
line-height:1em;
font-family: "La Belle Aurore", cursive;
}
.banner-five_heading{
position:relative;
font-weight:700;
color:#111b19;
font-size:72px;
line-height:80px;
max-width: 600px;
margin-top:10px;
}
.banner-five_text{
position:relative;
font-weight:500;
color:#444444;
font-size:20px;
line-height:30px;
margin-top:30px;
margin-bottom:45px;
}
.banner-five .banner-search-form{
max-width:780px;
border-radius:10px;
padding:30px 30px 15px;
background-color:var(--white-color);
box-shadow:0px 15px 20px rgba(0,0,0,0.08);
}
.banner-five .banner-search-form form{
padding-right:110px;
}
.banner-five .banner-search-form button.submit-btn{
width:88px;
height:60px;
font-size:22px;
padding:0px 0px;
line-height:66px;
text-align:center;
border-radius:5px;
background-color:var(--main-color);
}
/***
====================================================================
Category Two
====================================================================
***/
.category-two{
position:relative;
padding:100px 0px 70px;
}
.category-two .auto-container{
max-width:1320px;
}
.category-block_two{
position:relative;
margin-bottom:30px;
}
.category-block_two-inner{
position:relative;
text-align:center;
border-radius:12px;
padding:50px 15px 50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 20px rgba(0,187,152,0.10);
}
.category-block_two-inner:hover{
background-color:#05977c;
}
.category-block_two-icon{
position:relative;
width:110px;
height:110px;
margin:0 auto;
z-index:1;
line-height:102px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.category-block_two-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
opacity:0.10;
background-color:#00bb98;
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.category-block_two-inner:hover .category-block_two-icon{
transform:rotateY(180deg);
}
.category-block_two-inner:hover .category-block_two-icon:before{
opacity:1;
background-color:#ffffff;
}
.category-block_two-title{
position:relative;
color:#111b19;
font-weight:700;
margin-top:45px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "Rubik", sans-serif;
}
.category-block_two-text{
position:relative;
color:#444444;
font-weight:400;
margin-top:10px;
font-size:16px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "Rubik", sans-serif;
}
.category-block_two-inner:hover .category-block_two-title,
.category-block_two-inner:hover .category-block_two-text{
color:#ffffff;
}
/***
====================================================================
Destination Four
====================================================================
***/
.destination-four{
position:relative;
padding:110px 0px 80px;
background-color:#f2fbfa;
}
.destination-four .auto-container{
max-width:1320px;
}
.destination-block_three{
position:relative;
margin-bottom:30px;
}
.destination-block_three-inner{
position:relative;
}
.destination-block_three-image{
position:relative;
overflow:hidden;
}
.destination-block_three-image::before{
position: absolute;
content: '';
left: 0px;
top: 30%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.destination-block_three-image img{
position:relative;
width:100%;
display:block;
}
.destination-block_three-content{
position:absolute;
left:25px;
bottom:25px;
right:25px;
z-index:2;
}
.destination-block_three-heading{
position:relative;
font-weight:700;
font-size:20px;
}
.destination-block_three-heading a{
position:relative;
color:var(--white-color);
}
.destination-block_three-heading a:hover{
color: var(--main-color);
}
.destination-block_three-rating{
position: relative;
font-size: 14px;
margin-top:5px;
display: block;
color: var(--white-color);
}
.destination-block_three-rating i{
position: relative;
color:#ffc83e;
}
.destination-block_three-heart{
position:relative;
width:40px;
height:40px;
z-index:1;
font-weight:400;
line-height:40px;
border-radius:50px;
color:var(--white-color);
background-color:var(--main-color);
}
.destination-block_three-tours{
position:relative;
z-index:1;
font-size:14px;
font-weight:400;
padding:5px 12px;
border-radius:3px;
color:var(--white-color);
background-color:var(--main-color);
}
/***
====================================================================
About One
====================================================================
***/
.about-one{
position:relative;
padding:110px 0px 80px;
}
.about-one.style-two{
background-color:#F2FBFA;
}
.about-one.style-two .about-one_image{
margin-left:60px;
}
.about-one .auto-container{
max-width:1320px;
}
.about-one_images-column{
position:relative;
margin-bottom:30px;
}
.about-one_images-outer{
position:relative;
padding-bottom:220px;
}
.about-one_image{
position:relative;
z-index:1;
display:inline-block;
}
.about-one_image-two{
position:absolute;
right:0px;
bottom:0px;
}
.about-one_title-column{
position:relative;
margin-bottom:30px;
}
.about-one_title-outer{
position:relative;
padding-left:80px;
}
.about-one_title-column .feature-block_three:nth-child(3){
z-index:10;
left:30px;
}
.feature-block_three{
position:relative;
}
.feature-block_three-inner{
position:relative;
padding:30px 35px;
background-color:var(--white-color);
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}
.feature-block_three-content{
position:relative;
padding-left:80px;
color:#444444;
font-size:16px;
line-height:26px;
}
.feature-block_three-icon{
position:absolute;
left:0px;
top:0px;
width:50px;
height:50px;
line-height:50px;
border-radius:50px;
text-align:center;
background-color:#3bc1b1;
box-shadow:0px 0px 15px rgba(59,193,177,0.30);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.feature-block_three-inner:hover .feature-block_three-icon{
transform:rotateY(180deg);
}
.feature-block_three-icon.two{
background-color:#fd4c5c;
box-shadow:0px 0px 15px rgba(253,76,92,0.30);
}
.feature-block_three-icon.three{
background-color:#ffc83e;
box-shadow:0px 0px 15px rgba(255,200,62,0.30);
}
.feature-block_three-title{
position:relative;
display:block;
color:#111b19;
font-weight:600;
margin-bottom:8px;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Company One
====================================================================
***/
.company-one{
position:relative;
padding:0px 0px 80px;
}
.company-one .auto-container{
max-width:1320px;
}
.company-one_counter-column{
position:relative;
z-index:1;
margin-bottom:30px;
}
.company-one_counter-outer{
position:relative;
}
.company-one_video-column{
position:relative;
margin-bottom:30px;
}
.company-one_video-outer{
position:relative;
padding-top:80px;
padding-left:40px;
}
.company-one_counter-outer .counter-block_two:nth-child(2n + 0){
transform:translateY(50px);
}
.company-one .video-one{
margin-left:-150px;
margin-right:-220px;
}
.counter-block_two{
position:relative;
margin-bottom:25px;
}
.counter-block_two-inner{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
padding:45px 20px 45px 50px;
background-color:#f2fbfa;
}
.counter-block_two-inner:hover{
background-color:#00bb98;
}
.counter-block_two-inner:hover .counter-block_two-icon:before{
background-color:rgba(255,255,255,0.15);
}
.counter-block_two-icon{
position:relative;
width:86px;
height:95px;
font-size:36px;
line-height:95px;
text-align:center;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-block_two-inner:hover .counter-block_two-icon{
transform:rotateY(180deg);
}
.counter-block_two-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:#00bb98;
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.counter-block_two-count{
position:relative;
font-size:60px;
font-weight:700;
line-height:1em;
margin-top:25px;
color:#111b19;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-block_two-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:0px;
opacity:0.80;
color:#111b19;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-block_two-inner:hover .counter-block_two-text,
.counter-block_two-inner:hover .counter-block_two-count{
color:var(--white-color);
}
/***
====================================================================
Testimonial Five
====================================================================
***/
.testimonial-five{
position:relative;
padding:0px 0px 100px;
}
.testimonial-five.style-two{
padding-top:100px;
}
.testimonial-five .auto-container{
max-width:1320px;
}
.testimonial-five .three-item-carousel-slider-pagination{
position:relative;
text-align:center;
margin-top:60px;
}
.testimonial-five .three-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:12px;
height:12px;
opacity:1;
margin:0px 12px;
border-radius:50px;
display:inline-block;
background-color:#ccf1ea;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-five .three-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#00bb98;
}
.testimonial-five .swiper {
overflow: visible !important;
}
.testimonial-five .swiper-wrapper {
overflow: visible !important;
}
.testimonial-five .swiper-slide {
position: relative;
z-index: 1;
}
.testimonial-five .swiper-container {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
margin:0px -20px;
padding-top:120px;
margin-top: -100px;
}
.testimonial-five .swiper {
padding-left: 20px;
padding-right: 20px;
}
.testimonial-block_five{
position:relative;
}
.testimonial-block_five-inner{
position:relative;
padding:40px 40px;
border-radius:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
border-bottom:8px solid #dddfe7;
box-shadow:0px 0px 20px rgba(0,187,152,0.10);
}
.testimonial-block_five-inner:hover{
border-color:var(--main-color);
}
.testimonial-block_five-experiance{
position:relative;
font-weight:600;
font-size:16px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_five-text{
position:relative;
color:#111b19;
font-size:19px;
margin-top:30px;
line-height:30px;
}
.testimonial-block_five-author{
position:relative;
min-height:100px;
margin-top:35px;
padding-top:5px;
padding-left:80px;
min-height:60px;
}
.testimonial-block_five-image{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.testimonial-block_five-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_five-quote{
position:relative;
}
.testimonial-block_five-author strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_five-author i{
position:relative;
display:block;
font-size:15px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_five-rating{
position:relative;
margin-top:10px;
color:#ffc83e;
}
/***
====================================================================
News Two
====================================================================
***/
.news-two{
position:relative;
padding:110px 0px 80px;
background-color:#f2fbfa;
}
.news-two .auto-container{
max-width:1320px;
}
.news-block_two{
position:relative;
margin-bottom:30px;
}
.news-block_two-inner{
position:relative;
}
.news-block_two-image{
position:relative;
overflow:hidden;
background-color:var(--main-color);
}
.news-block_two-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block_two-inner:hover .news-block_two-image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.news-block_two-content{
position:relative;
padding:35px 35px;
margin-left:20px;
margin-right:20px;
margin-top:-80px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block_two-meta{
position:relative;
}
.news-block_two-meta li{
position:relative;
color:#999999;
font-size:16px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_two-meta li span{
position:relative;
margin-right:10px;
display:inline-block;
}
.news-block_two-heading{
position:relative;
font-weight:700;
font-size:20px;
margin:15px 0px 14px;
}
.news-block_two-heading a{
position:relative;
color:#111b19;
}
.news-block_two-heading a:hover{
color:var(--main-color);
}
.news-block_two-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:20px;
}
.news-block_two-more{
position:relative;
font-size:16px;
font-weight:500;
display:inline-block;
color:var(--main-color);
}
.news-block_two-more:hover{
color:#444444;
}
/***
====================================================================
Info Two
====================================================================
***/
.info-two{
position:relative;
padding:100px 0px 70px;
}
.info-two.alternate{
z-index:1;
padding-bottom:0px;
}
.info-two .auto-container{
max-width:1330px;
}
.info-block_two{
position:relative;
margin-bottom:30px;
}
.info-block_two-inner{
position:relative;
font-size:16px;
padding:50px 20px;
text-align:center;
color:rgba(17,27,25,0.70);
background-color:#f2fbfa;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.info-block_two-inner:hover{
background-color:#ffffff;
box-shadow:0px 0px 20px rgba(0,187,152,0.20);
}
.info-block_two-icon{
position:relative;
line-height:1em;
margin-bottom:30px;
}
.info-block_two-inner strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-weight:600;
margin-bottom:15px;
}
.info-block_two.style-two .info-block_two-inner{
background-color:var(--white-color);
box-shadow:0px 10px 25px rgba(0,0,0,0.10);
}
/***
====================================================================
Newsletter Two
====================================================================
***/
.newsletter-two{
position:relative;
z-index:1;
padding-bottom:100px;
}
.newsletter-two .auto-container{
max-width:1330px;
}
.newsletter-two_image{
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:43%;
background-size:cover;
}
.newsletter-two_pattern{
position:absolute;
right:0px;
top:0px;
width:130px;
height:154px;
background-repeat:no-repeat;
}
.newsletter-two_circle{
position:absolute;
left:60%;
top:-40px;
width:84px;
height:84px;
opacity:0.10;
border-radius:50px;
background-color:var(--white-color);
}
.newsletter-two .inner-container{
position:relative;
border-radius:0px;
padding:85px 0px 85px;
background-color:#00bb98;
}
.newsletter-two .newsletter-two_content{
position:relative;
max-width:650px;
margin-left:660px;
}
.newsletter-two_heading{
position:relative;
margin-bottom:40px;
color:var(--white-color);
text-transform:capitalize;
}
/***
====================================================================
Banner Six
====================================================================
***/
.banner-six{
position:relative;
text-align:center;
padding:120px 0px 0px;
background-color:#f0faf8;
}
.banner-six .auto-container{
max-width:1320px;
}
.banner-six_image{
position:absolute;
right:0px;
top:0px;
left:0px;
bottom:0px;
background-size:cover;
}
.banner-six_image:before{
position:absolute;
content:'';
right:0px;
top:0px;
left:0px;
bottom:0px;
opacity:0.90;
background-color:#1A1A3D;
}
.banner-six_title{
position:relative;
font-size:30px;
line-height:1em;
color:#ffc83e;
font-family: "La Belle Aurore", cursive;
}
.banner-six_heading{
position:relative;
font-weight:700;
font-size:72px;
line-height:80px;
max-width: 650px;
margin-top:15px;
margin:0 auto;
color:var(--white-color);
}
.banner-six_text{
position:relative;
font-weight:400;
font-size:20px;
line-height:30px;
margin-top:40px;
margin-bottom:45px;
color:var(--white-color);
}
.banner-six .banner-search-form{
border-radius:10px;
margin-top:100px;
text-align: left;
bottom: -65px;
z-index:10;
padding:30px 30px 15px;
background-color:var(--white-color);
box-shadow:0px 15px 20px rgba(0,0,0,0.08);
}
.banner-six .banner-search-form .form-group label i{
color:#00bb98;
}
.banner-six .banner-search-form form{
padding-right:170px;
}
.banner-six .banner-search-form button.submit-btn{
border-radius:5px;
background-color:#00bb98;
}
.banner-six .guest-selector-dropdown{
width:100%;
}
.banner-six .banner-search-form button.submit-btn i{
position:relative;
top:2px;
}
/***
====================================================================
Tour Three
====================================================================
***/
.tour-three{
position:relative;
padding:150px 0px 0px;
}
.tour-three.style-two{
padding-top:70px;
padding-bottom:100px;
}
.tour-three .auto-container{
max-width:1320px;
}
.tour-block_three{
position:relative;
margin-bottom:0px;
}
.tour-block_three-inner{
position:relative;
}
.tour-block_three-image{
position:relative;
overflow:hidden;
}
.tour-block_three-image img{
position:relative;
width:100%;
display:block;
}
.tour-block_three-content{
position:relative;
padding-top:20px;
}
.tour-block_three-title{
position:relative;
font-weight:600;
font-size:20px;
}
.tour-block_three-title a{
position:relative;
color:#111b19;
}
.tour-block_three-title a:hover{
color:var(--main-color);
}
.tour-block_three-text{
position:relative;
color:#444444;
}
.tour-block_three-overlay{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
justify-content:center;
align-items:center;
background-color:rgba(26,26,61,0.80);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.tour-block_three-overlay .icon{
width:50px;
height:50px;
color:#ffffff;
font-size:18px;
line-height:50px;
text-align:center;
border-radius:50px;
display:inline-block;
transform:rotate(-45deg);
background-color:var(--main-color);
}
.tour-block_three-inner:hover .tour-block_three-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.tour-three .sec-title{
z-index:1;
display:inline-block;
}
.tour-three .swiper-container {
padding-top:100px;
margin-top: -100px;
}
.tour-three .tour-three-arrows{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
}
.tour-three .tour-three-arrows .five-item-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.tour-three .tour-three-arrows .five-item-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid #999999;
}
.tour-three .tour-three-arrows .five-item-carousel-slider-prev:hover,
.tour-three .tour-three-arrows .five-item-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
/***
====================================================================
Tour Four
====================================================================
***/
.tour-four{
position:relative;
margin-top: -150px;
padding:200px 0px 100px;
background-color:#f2fbfa;
}
.tour-four .auto-container{
max-width:1320px;
}
.travel-block_two{
position:relative;
margin-bottom:40px;
}
.travel-block_two-inner{
position:relative;
overflow:hidden;
box-shadow:0px 5px 15px rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.travel-block_two-image{
position:absolute;
left:8px;
top:8px;
width:294px;
height:278px;
overflow:hidden;
background-color:var(--main-color);
}
.travel-block_two-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_two-inner:hover .travel-block_two-image img{
opacity:0.70;
transform:scale(1.05,1.05);
}
.travel-block_two-days{
position: relative;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_two-content{
position:relative;
padding:25px 20px 26px 330px;
}
.travel-block_two-location{
position:relative;
font-size:16px;
color:#444444;
margin-bottom:10px;
}
.travel-block_two-location span{
position:relative;
color:#00bb98;
}
.travel-block_two-heading{
position:relative;
font-weight:700;
margin-top:0px;
margin-top:15px;
margin-bottom:12px;
font-family: "Rubik", sans-serif;
}
.travel-block_two-heading a{
position:relative;
color:#111b19;
}
.travel-block_two-heading a:hover{
color:#00bb98;
}
.travel-block_two-price{
position:relative;
font-size:20px;
font-weight:700;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.travel-block_two-price span{
position:relative;
color:#999999;
margin-left:5px;
text-decoration:line-through;
}
.travel-block_two-rating{
position:relative;
color:#ffc83e;
margin-bottom:30px;
}
.travel-block_two-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_two-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
.tour-four_button{
position:relative;
margin-top:20px;
}
/***
====================================================================
Counter Two
====================================================================
***/
.counter-two{
position:relative;
padding:120px 0px 90px;
}
.counter-two .auto-container{
max-width:1320px;
}
.counter-two .counter-block_three:last-child .counter-block_three-inner{
border-right:1px solid rgba(0,0,0,0.10);
}
.counter-block_three{
position:relative;
margin-bottom:30px;
}
.counter-block_three-inner{
position:relative;
padding-left:70px;
border-left:1px solid rgba(0,0,0,0.10);
}
.counter-block_three-icon{
position:relative;
width:86px;
height:95px;
font-size:36px;
line-height:95px;
color:#00bb98;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.counter-block_three-inner:hover .counter-block_three-icon{
transform:rotateY(180deg);
}
.counter-block_three-icon:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-color:#ccf1ea;
clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.counter-block_three-count{
position:relative;
font-size:60px;
font-weight:700;
line-height:1em;
margin-top:25px;
color:#111b19;
}
.counter-block_three-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:5px;
opacity:0.80;
color:#111b19;
}
/***
====================================================================
About Two
====================================================================
***/
.about-two{
position:relative;
padding:110px 0px 80px;
}
.about-two .auto-container{
max-width:1320px;
}
.about-two_images-column{
position:relative;
margin-bottom:30px;
}
.about-two_images-outer{
position:relative;
padding-right:80px;
}
.about-two_image{
position:relative;
display:block;
}
.about-two_title-column{
position:relative;
margin-bottom:30px;
}
.about-two_title-outer{
position:relative;
padding-top:40px;
}
.about-two_blocks-outer{
position:relative;
margin-left:-300px;
}
.feature-block_four{
position:relative;
}
.feature-block_four-inner{
position:relative;
padding:35px 35px;
background-color:var(--white-color);
box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}
.feature-block_four-content{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
}
.feature-block_four-icon{
position:relative;
width:50px;
height:50px;
line-height:50px;
border-radius:50px;
text-align:center;
margin-bottom:25px;
background-color:#3bc1b1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
box-shadow:0px 0px 15px rgba(59,193,177,0.30);
}
.feature-block_four-inner:hover .feature-block_four-icon{
transform:rotateY(180deg);
}
.feature-block_four-icon.two{
background-color:#fd4c5c;
box-shadow:0px 0px 15px rgba(253,76,92,0.30);
}
.feature-block_four-icon.three{
background-color:#ffc83e;
box-shadow:0px 0px 15px rgba(255,200,62,0.30);
}
.feature-block_four-icon.four{
background-color:#f449ce;
box-shadow:0px 0px 15px rgba(244,73,206,0.30);
}
.feature-block_four-title{
position:relative;
display:block;
color:#111b19;
font-weight:600;
margin-bottom:17px;
font-family: "Rubik", sans-serif;
}
.feature-block_four-more{
position:relative;
font-size:16px;
margin-top:17px;
font-weight:600;
display:inline-block;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.feature-block_four-more i{
position:relative;
font-size:12px;
}
.feature-block_four.style-two:first-child{
border-left:1px solid rgba(0,0,0,0.10);
}
.feature-block_four.style-two .feature-block_four-inner{
box-shadow:inherit;
border-right:1px solid rgba(0,0,0,0.10);
border-bottom:1px solid rgba(0,0,0,0.10);
}
.feature-block_four.style-two{
box-shadow:inherit;
}
/***
====================================================================
Destination Five
====================================================================
***/
.destination-five{
position:relative;
padding:0px 0px 80px;
}
.destination-five .auto-container{
max-width:1320px;
}
.destination-five .five-item-carousel-slider-pagination{
position:relative;
text-align:center;
margin-top:60px;
}
.destination-five .five-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:12px;
height:12px;
opacity:1;
margin:0px 12px;
border-radius:50px;
display:inline-block;
background-color:#ccf1ea;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.destination-five .five-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#00bb98;
}
.destination-five .swiper {
overflow: visible !important;
}
.destination-five .swiper-wrapper {
overflow: visible !important;
}
.destination-five .swiper-slide {
position: relative;
z-index: 1;
}
.destination-five .swiper-container {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
margin:0px -20px;
padding-top:120px;
margin-top: -100px;
}
.destination-five .swiper {
padding-left: 20px;
padding-right: 20px;
}
/* Destination Block Four */
.destination-block_four{
position:relative;
margin-bottom:0px;
}
.destination-block_four-inner{
position:relative;
padding:8px 8px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.destination-block_four-image{
position:relative;
overflow:hidden;
}
.destination-block_four-image img{
position:relative;
width:100%;
display:block;
}
.destination-block_four-content{
position:relative;
padding:25px 10px 17px;
}
.destination-block_four-title{
position:relative;
font-weight:700;
font-size:20px;
}
.destination-block_four-title a{
position:relative;
color:#111b19;
}
.destination-block_four-title a:hover{
color:var(--main-color);
}
.destination-block_four-overlay{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:flex;
font-size:18px;
font-weight:600;
color:var(--white-color);
justify-content:center;
align-items:center;
background-color:rgba(26,26,61,0.80);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
font-family: "Rubik", sans-serif;
}
.destination-block_four-inner:hover .destination-block_four-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.destination-block_four-rating{
position:relative;
font-size:16px;
color:#444444;
}
.destination-block_four-rating i{
position:relative;
color:#ffc83e;
}
/***
====================================================================
Testimonial Six
====================================================================
***/
.testimonial-six{
position:relative;
padding:100px 0px 100px;
background-color:#f2fbfa;
}
.testimonial-six_image{
position:absolute;
right:0px;
top:0px;
bottom:0px;
width:592px;
height:100%;
}
.testimonial-six .testimonial-six_carousel{
position:relative;
max-width:640px;
}
.testimonial-six .auto-container{
max-width:1320px;
}
.testimonial-six .single-item-carousel-slider-pagination{
position:relative;
margin-top:60px;
}
.testimonial-six .single-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:12px;
height:12px;
opacity:1;
margin-right:20px;
border-radius:50px;
display:inline-block;
background-color:#ccf1ea;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-six .single-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#00bb98;
}
.testimonial-block_six{
position:relative;
}
.testimonial-block_six-inner{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-block_six-experiance{
position:relative;
font-weight:600;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_six-text{
position:relative;
color:#111b19;
font-size:24px;
margin-top:30px;
line-height:35px;
}
.testimonial-block_six-author{
position:relative;
min-height:100px;
margin-top:35px;
padding-top:5px;
padding-left:80px;
min-height:60px;
}
.testimonial-block_six-image{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.testimonial-block_six-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_six-quote{
position:relative;
margin-right:80px;
}
.testimonial-block_six-author strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_six-author i{
position:relative;
display:block;
font-size:15px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_six-rating{
position:relative;
margin-top:10px;
color:#ffc83e;
}
/***
====================================================================
News Three
====================================================================
***/
.news-three{
position:relative;
padding:110px 0px 80px;
}
.news-three .auto-container{
max-width:1320px;
}
.news-block_three{
position:relative;
margin-bottom:40px;
}
.news-block_three-inner{
position:relative;
}
.news-block_three-image{
position:relative;
overflow:hidden;
}
.news-block_three-image::before{
position: absolute;
content: '';
left: 0px;
top: 20%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.news-block_three-image img{
position:relative;
width:100%;
display:block;
}
.news-block_three-content{
position:absolute;
left:30px;
right:30px;
bottom:30px;
z-index:2;
}
.news-block_three-meta{
position:relative;
}
.news-block_three-meta li{
position:relative;
font-size:16px;
margin-right:20px;
display:inline-block;
color:var(--white-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.news-block_three-meta li span{
position:relative;
margin-right:10px;
display:inline-block;
}
.news-block_three-heading{
position:relative;
font-weight:700;
margin:15px 0px 18px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.news-block_three-heading a{
position:relative;
color:var(--white-color);
}
.news-block_three-heading a:hover{
color:#ffc83e;
}
.news-block_three-more{
position:relative;
font-size:18px;
color:#ffc83e;
font-weight:600;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.news-block_three-more:hover{
color:#00bb98;
}
/***
====================================================================
Newsletter Two
====================================================================
***/
.newsletter-three{
position:relative;
padding:54px 0px 54px;
background-color:#00bb98;
}
.newsletter-three .auto-container{
max-width:1330px;
}
.newsletter-three .newsletter-three_content{
position:relative;
}
.newsletter-three_heading{
position:relative;
color:var(--white-color);
text-transform:capitalize;
}
.newsletter-three .subscribe-form_two{
width:525px;
}
.newsletter-three.style-two{
padding:0px 0px 100px;
background:none;
}
.newsletter-three.style-two .inner-container{
padding:54px 50px 54px;
background-color:#00bb98;
}
/* CheckBox */
.newsletter-three .check-box{
position: relative;
display: block;
margin-top:20px;
}
.newsletter-three .check-box label{
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 0px 10px 0px;
padding-left: 25px;
font-size: 16px;
font-weight: 400;
cursor: pointer;
margin-bottom: 0;
color: var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-three .check-box input[type="checkbox"] {
display: none;
}
.newsletter-three .check-box input[type="checkbox"]:checked + label:before{
border: 5px solid var(--main-color);
background: var(--white-color);
}
.newsletter-three .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.newsletter-three .check-box label:before{
position: absolute;
left: 0;
top: 2px;
height:16px;
width: 16px;
background-color: var(--white-color);
content: "";
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.15);
}
/***
====================================================================
Banner Seven
====================================================================
***/
.banner-seven{
position:relative;
padding:0px 70px 0px;
}
.banner-seven .auto-container{
max-width:1320px;
}
.banner-seven .swiper-slide{
position:relative;
padding:160px 0px 0px;
}
.banner-seven_bg{
position:absolute;
right:0px;
top:0px;
left:0px;
bottom:0px;
background-size:cover;
}
.banner-seven_bg:before{
position: absolute;
content: '';
left: 0px;
top: 10%;
right: 0px;
bottom: 0px;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.banner-seven_content{
position:relative;
text-align:center;
margin-bottom:290px;
}
.banner-seven_title{
position:relative;
font-size:30px;
line-height:1em;
color:#ffc83e;
font-family: "La Belle Aurore", cursive;
}
.banner-seven_heading{
position:relative;
font-weight:700;
font-size:72px;
line-height:80px;
max-width: 650px;
margin:0 auto;
margin-top:15px;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.banner-seven_text{
position:relative;
font-weight:400;
font-size:20px;
line-height:30px;
margin-top:40px;
margin-bottom:45px;
color:var(--white-color);
}
.banner-seven_button{
position:relative;
margin-top:50px;
}
.banner-seven-arrows{
position:absolute;
left:50px;
top:45%;
right:50px;
bottom:auto;
z-index:1;
}
.banner-seven-arrows .single-item-carousel-slider-prev{
position:relative;
width:36px;
height:36px;
color:#999999;
line-height:34px;
border-radius:50px;
display:inline-block;
border:1px solid #999999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-seven-arrows .single-item-carousel-slider-next{
position:absolute;
right:0px;
width:36px;
height:36px;
color:#999999;
line-height:34px;
border-radius:50px;
display:inline-block;
border:1px solid #999999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-seven-arrows .single-item-carousel-slider-prev:hover,
.banner-seven-arrows .single-item-carousel-slider-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.banner-seven .counter-three{
position:absolute;
left:0px;
bottom:40px;
right:0px;
z-index:10;
}
/***
====================================================================
Counter Three
====================================================================
***/
.counter-three{
position:relative;
}
.counter-three .auto-container{
max-width:1110px;
}
.counter-block_four{
position:relative;
margin-bottom:30px;
}
.counter-block_four-inner{
position:relative;
}
.counter-block_four-count{
position:relative;
font-size:60px;
font-weight:700;
line-height:1em;
color:var(--white-color);
}
.counter-block_four-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:5px;
opacity:0.80;
color:var(--white-color);
}
/***
====================================================================
Travel Three
====================================================================
***/
.travel-three{
position:relative;
padding:80px 0px 0px;
}
.travel-three .inner-container{
position:relative;
max-width:990px;
margin:0 auto;
}
.travel-three_title-column{
position:relative;
margin-bottom:30px;
}
.travel-three_title-outer{
position:relative;
padding-top:80px;
}
.travel-three_list{
position:relative;
}
.travel-three_list li{
position:relative;
font-size:16px;
font-weight:600;
color:#111b19;
margin-bottom:15px;
font-family: "Rubik", sans-serif;
}
.travel-three_list li i{
position:relative;
margin-right:6px;
color:var(--main-color);
}
.travel-three_list li:nth-child(2) i{
color:#00bb98;
}
.travel-three_list li:nth-child(3) i{
color:#ffc83e;
}
.travel-three_list li:last-child{
margin-bottom:0px;
}
.travel-three_more{
position:relative;
font-size:16px;
font-weight:600;
margin-top:50px;
display:inline-block;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.travel-three_more i{
position:relative;
font-size:12px;
}
.travel-three_more:hover{
color:#111b19;
}
.travel-three_form-column{
position:relative;
margin-bottom:30px;
}
.travel-three_form-outer{
position:relative;
padding:50px 55px;
background-color:var(--white-color);
box-shadow:0px 0px 25px rgba(0,0,0,0.06);
}
.travel-three_form-outer .guest-selector-dropdown{
width:100%;
}
.travel-three_form-outer .guest-selector-toggle{
padding: 18px 0px;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.travel-three_form-column .title-box{
position:relative;
margin-bottom:30px;
}
.travel-three_form-outer .title{
position:relative;
font-weight:600;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.travel-three_form-outer .title_text{
position:relative;
font-weight:400;
color:#111b19;
font-size:16px;
margin-top:10px;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
About Three
====================================================================
***/
.about-three{
position:relative;
padding:100px 0px 60px;
}
.about-three_bg{
position:absolute;
left:70px;
top:0px;
right:70px;
bottom:0px;
background-size:cover;
background-color:#f2fbfa;
}
.about-three .auto-container{
max-width:1320px;
}
.about-three_images-column{
position:relative;
margin-bottom:30px;
}
.about-three_images-outer{
position:relative;
padding-right:80px;
}
.about-three_image{
position:relative;
display:block;
}
.about-three_title-column{
position:relative;
margin-bottom:30px;
}
.about-three_title-outer{
position:relative;
}
.about-three .feature-block_four{
margin-bottom:30px;
}
/***
====================================================================
Tour Five
====================================================================
***/
.tour-five{
position:relative;
padding:100px 0px 100px;
}
.tour-five .auto-container{
max-width:1320px;
}
.tour-five .four-item-carousel-slider-pagination{
position:relative;
text-align:center;
margin-top:60px;
}
.tour-five .four-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:12px;
height:12px;
opacity:0.20;
margin:0px 8px;
border-radius:50px;
display:inline-block;
background-color:#fd4c5c;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.tour-five .four-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#fd4c5c;
}
/* Travel Block Four */
.travel-block_four{
position:relative;
margin-bottom:40px;
}
.travel-block_four-inner{
position:relative;
overflow:hidden;
}
.travel-block_four-image{
position:relative;
}
.travel-block_four-image img{
position:relative;
width:100%;
display:block;
}
.travel-block_four-image::before{
position: absolute;
content: '';
left: 0px;
top: 20%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.travel-block_four-days{
position: relative;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_four-content{
position:absolute;
left:25px;
right:25px;
bottom:-50px;
z-index: 2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_four-inner:hover .travel-block_four-content{
bottom:25px;
}
.travel-block_four-inner:hover .travel-block_four-rating{
opacity:1;
}
.travel-block_four-location{
position:relative;
font-size:16px;
margin-bottom:15px;
color:var(--white-color);
}
.travel-block_four-location span{
position:relative;
color:#ffc83e;
}
.travel-block_four-heading{
position:relative;
font-weight:700;
margin-top:15px;
margin-bottom:12px;
font-family: "Rubik", sans-serif;
}
.travel-block_four-heading a{
position:relative;
color:var(--white-color);
}
.travel-block_four-heading a:hover{
color:var(--main-color);
}
.travel-block_four-price{
position:relative;
font-size:16px;
font-weight:700;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.travel-block_four-price span{
position:relative;
margin-left:5px;
font-size:14px;
color:var(--white-color);
text-decoration:line-through;
}
.travel-block_four-rating{
position:relative;
color:#ffc83e;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-bottom:20px;
}
.travel-block_four-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_four-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
/***
====================================================================
Tripgo One
====================================================================
***/
.tripgo-one{
position:relative;
padding:30px 0px 100px;
}
.tripgo-one.style-two{
padding-top:100px;
}
.tripgo-one .auto-container{
max-width:1320px;
}
.tripgo-one_title-column{
position:relative;
}
.tripgo-one_title-outer{
position:relative;
padding-top:30px;
}
/***
====================================================================
Destination Six
====================================================================
***/
.destination-six{
position:relative;
padding:0px 0px 70px;
}
.destination-six .auto-container{
max-width:1320px;
}
.destination-six_image-column{
position:relative;
margin-bottom:30px;
}
.destination-six_image-outer{
position:relative;
}
.destination-six_image{
position:relative;
margin-left:-40px;
}
.destination-six_image img{
position:relative;
width:100%;
display:block;
}
.destination-six_features-column{
position:relative;
margin-bottom:30px;
}
.destination-six_features-outer{
position:relative;
padding-top:15px;
}
.destination-six .sec-title{
padding-left:35px;
}
.destination-six_features{
position:relative;
margin-left:-140px;
}
.destination-six .destination-block_four{
margin-bottom:30px;
}
/***
====================================================================
Testimonial Seven
====================================================================
***/
.testimonial-seven{
position:relative;
padding:100px 0px 100px;
}
.testimonial-seven_bg{
position:absolute;
left:70px;
top:0px;
right:70px;
bottom:0px;
background-size:cover;
background-color:#f2fbfa;
}
.testimonial-seven_image{
position:relative;
}
.testimonial-seven .single-item-carousel-slider-pagination{
position:relative;
margin-top:60px;
}
.testimonial-seven .single-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:12px;
height:12px;
opacity:1;
margin-right:20px;
border-radius:50px;
display:inline-block;
background-color:#ccf1ea;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.testimonial-seven .single-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#00bb98;
}
/***
====================================================================
Activity One
====================================================================
***/
.activity-one{
position:relative;
padding:100px 0px 70px;
}
.activity-one .auto-container{
max-width:1320px;
}
.activity-block_two{
position:relative;
margin-bottom:30px;
}
.activity-block_two-inner{
position:relative;
padding:35px 30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}
.activity-block_two-upper{
position:relative;
padding-left:70px;
padding-top:10px;
}
.activity-block_two-upper h5{
position:relative;
color:#000000;
font-size:22px;
font-weight:600;
font-family: "Rubik", sans-serif;
}
.activity-block_two-icon{
position:absolute;
left:0px;
top:0px;
}
.activity-block_two-text{
position:relative;
color:#444444;
font-size:16px;
padding-top:25px;
margin-top:40px;
line-height:26px;
border-top:1px solid rgba(0,0,0,0.10);
}
.activity-block_two-inner:hover .activity-block_two-icon{
filter: brightness(500%);
}
.activity-block_two-inner:hover {
background-color:#fd4c5c;
}
.activity-block_two-inner:hover h5{
color:var(--white-color);
}
.activity-block_two-inner:hover .activity-block_two-text{
border-color:rgba(255,255,255,0.20);
color:var(--white-color);
}
/***
====================================================================
App One
====================================================================
***/
.app-one{
position:relative;
padding:0px 0px 70px;
}
.app-one_image-column{
position:relative;
margin-bottom:30px;
}
.app-one_image-outer{
position:relative;
}
.app-one_image{
position:relative;
}
.app-one_title-column{
position:relative;
margin-bottom:30px;
}
.app-one_title-outer{
position:relative;
padding-top:110px;
padding-left:50px;
}
.app-one_buttons{
position:relative;
}
.app-one_buttons .app-btn{
position:relative;
padding:16px 30px;
font-size:16px;
margin-right:10px;
color:var(--white-color);
background-color:#00bb98;
text-transform:capitalize;
}
.app-one_buttons .app-btn:hover{
background-color:#fd4c5c;
}
/***
====================================================================
News Four
====================================================================
***/
.news-four{
position:relative;
padding:20px 0px 80px;
}
.news-four.style-two{
padding-top:0px;
}
.news-four .auto-container{
max-width:1320px;
}
.news-block_four{
position:relative;
margin-bottom:30px;
}
.news-block_four-inner{
position:relative;
background-color:var(--white-color);
}
.news-block_four-image{
position:relative;
}
.news-block_four-image img{
position:relative;
width:100%;
display:block;
}
.news-block_four-content{
position:relative;
padding:18px 10px 16px 0px;
}
.news-block_four-meta{
position:relative;
}
.news-block_four-meta li{
position:relative;
color:#111b19;
font-size:15px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_four-meta li:last-child{
margin-right:0px;
}
.news-block_four-meta li span{
position:relative;
margin-right:10px;
display:inline-block;
}
.news-block_four-heading{
position:relative;
font-weight:700;
margin:12px 0px 12px;
font-family: "Rubik", sans-serif;
}
.news-block_four-heading a{
position:relative;
color:#111b19;
}
.news-block_four-heading a:hover{
color:var(--main-color);
}
.news-block_four-text{
position:relative;
color:#111b19;
font-size:15px;
line-height:26px;
margin-bottom:20px;
}
.news-block_four-more{
position:relative;
font-size:16px;
color:#111b19;
font-weight:600;
display:inline-block;
}
.news-block_four-more:hover{
color:#444444;
}
/***
====================================================================
Banner Eight
====================================================================
***/
.banner-eight{
position:relative;
background-color:#1c1c3e;
}
.banner-eight:before{
position:absolute;
content:'';
left:0px;
right:0px;
bottom:0px;
height:180px;
background-color:var(--white-color);
}
.banner-eight .auto-container{
max-width:1320px;
}
.banner-eight_pattern{
position:absolute;
right:0px;
top:0px;
left:0px;
bottom:0px;
height:100%;
background-size:cover;
}
.banner-eight_image{
position:relative;
margin-top:70px;
margin-left:80px;
}
.banner-eight_image img{
position:relative;
max-width:inherit;
}
.banner-eight_content{
padding:130px 0px 0px;
}
.banner-eight_title{
position:relative;
font-size:30px;
line-height:1em;
color:#ffc83e;
font-family: "La Belle Aurore", cursive;
}
.banner-eight_heading{
position:relative;
font-weight:700;
font-size:72px;
line-height:80px;
margin-top:15px;
color:var(--white-color);
}
.banner-eight_text{
position:relative;
font-weight:400;
font-size:20px;
line-height:30px;
margin-top:40px;
margin-bottom:45px;
color:var(--white-color);
}
.trusted-block{
position:relative;
}
.trusted-block_inner{
position:relative;
padding-left:60px;
font-size:18px;
line-height:28px;
color:rgba(255,255,255,0.70);
}
.trusted-block_inner .trusted-block_icon{
position:absolute;
left:0px;
top:5px;
}
.trusted-block strong{
position:relative;
display:block;
font-size:20px;
font-weight:600;
margin-bottom:12px;
color:var(--white-color);
}
.banner-eight_chats{
position:relative;
margin-top:100px;
max-width: 550px;
padding:50px 0px 0px 0px;
}
.banner-eight_chats-inner{
position:relative;
padding:30px 40px;
border-radius:8px;
border:1px solid rgba(0,0,0,0.10);
}
/* Help Box */
.help-box{
position:relative;
padding-left:75px;
display:flex;
color:#444444;
font-size:16px;
flex-direction: column;
}
.help-box_image{
position:absolute;
left:0px;
top:5px;
width:60px;
height:60px;
overflow:hidden;
border-radius:50px;
display:inline-block;
}
.help-box strong{
position:relative;
color:#111b19;
font-weight:600;
font-size:16px;
margin-bottom:3px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.help-box .phone{
position:relative;
font-weight:600;
font-size:18px;
margin-top:3px;
display:inline-block;
color:var(--main-color);
}
.help-box_btn a{
position:relative;
padding:15px 25px;
border-radius:5px;
font-weight:600;
text-transform:capitalize;
color:var(--main-color);
border:1px solid var(--main-color);
font-family: "Rubik", sans-serif;
}
.help-box_btn a:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.banner-eight_form-outer{
position:absolute;
left:0px;
bottom:0px;
z-index:1;
max-width:330px;
width:100%;
padding:30px 30px;
background-color:var(--white-color);
}
.banner-eight_form-outer .guest-selector-dropdown{
width:100%;
}
.banner-eight_form-outer .guest-selector-toggle{
padding:15px 0px;
}
.banner-eight .title-box{
position:relative;
margin-bottom:20px;
}
.banner-eight .title{
position:relative;
font-weight:600;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.banner-eight .title_text{
position:relative;
font-weight:400;
color:#111b19;
font-size:16px;
margin-top:10px;
font-family: "Rubik", sans-serif;
}
.banner-eight .banner-search-form button{
position:relative;
border-radius:5px;
padding:17px 15px;
margin-top:10px;
width:100%;
text-align:center;
}
.banner-eight .banner-search-form button i{
position:relative;
top:2px;
margin-right:5px;
}
.banner-eight_vector{
position:absolute;
left:0px;
bottom:260px;
width:69px;
height:137px;
background-repeat:no-repeat;
}
/***
====================================================================
Category Three
====================================================================
***/
.category-three{
position:relative;
padding:100px 0px 70px;
}
.category-three .auto-container{
max-width:1320px;
}
.category-three .category-block_three:last-child .category-block_three-inner{
border-right:1px solid rgba(0,0,0,0.10);
}
.category-block_three{
position:relative;
margin-bottom:30px;
}
.category-block_three-inner{
position:relative;
text-align:center;
border-left:1px solid rgba(0,0,0,0.10);
}
.category-block_three-icon{
position:relative;
width:124px;
height:110px;
margin:0 auto;
line-height:110px;
padding-right:15px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.category-block_three-title{
position:relative;
color:#111b19;
font-weight:700;
margin-top:45px;
font-family: "Rubik", sans-serif;
}
.category-block_three-text{
position:relative;
color:#444444;
font-weight:400;
margin-top:10px;
font-size:16px;
padding-bottom:20px;
font-family: "Rubik", sans-serif;
}
.category-block_three-text:before{
position:absolute;
content:'';
left:50%;
bottom:0px;
height:2px;
width:50px;
background-color:#00bb98;
transform:translateX(-50%);
}
/***
====================================================================
Destination Seven
====================================================================
***/
.destination-seven{
position:relative;
padding:100px 0px 70px;
background-color:#f2fbfa;
}
.destination-seven .auto-container{
max-width:1320px;
}
.destination-seven .sec-title{
z-index:1;
display:inline-block;
}
.destination-seven .swiper-container {
padding-top:100px;
margin-top: -100px;
}
.destination-seven .destination-seven-arrows{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
}
.destination-seven .destination-seven-arrows .four-item-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid rgba(0,0,0,0.10);
}
.destination-seven .destination-seven-arrows .four-item-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid rgba(0,0,0,0.10);
}
.destination-seven .destination-seven-arrows .four-item-carousel-slider-prev:hover,
.destination-seven .destination-seven-arrows .four-item-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
/* Destination Block Five */
.destination-block_five{
position:relative;
margin-bottom:30px;
}
.destination-block_five-inner{
position:relative;
padding:20px 20px;
text-align:center;
border-radius:250px;
border:1px solid rgba(0,0,0,0.10);
}
.destination-block_five-image{
position:relative;
overflow:hidden;
width:266px;
height:266px;
border-radius:250px;
}
.destination-block_five-image img{
position:relative;
width:100%;
display:block;
}
.destination-block_five-content{
position:relative;
padding:30px 10px 25px;
}
.destination-block_five-title{
position:relative;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.destination-block_five-title a{
position:relative;
color:#111b19;
}
.destination-block_five-title a:hover{
color:var(--main-color);
}
.destination-block_five-tours{
position:relative;
font-size:16px;
border-radius:6px;
padding:8px 16px;
margin-top:12px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
/***
====================================================================
Activity Two
====================================================================
***/
.activity-two{
position:relative;
overflow:hidden;
padding:100px 0px 70px;
}
.activity-two .auto-container{
max-width:1320px;
}
.activity-block_three{
position:relative;
margin-bottom:30px;
}
.activity-block_three-inner{
position:relative;
text-align:center;
}
.activity-block_three-icon{
position:relative;
width:100px;
height:100px;
margin:0 auto;
line-height:100px;
border-radius:100px 100px 0px 0px;
border:1px solid rgba(255,255,255,0.10);
}
.activity-block_three-icon:before{
position:absolute;
content:'';
left:50%;
bottom:-11px;
width:21px;
height:21px;
border-radius:50px;
transform:translateX(-50%);
background-color:#1a1a3d;
padding:6px 6px;
border: 1px solid rgba(255,255,255,0.20);
outline: 4px solid var(--white-color);
outline-offset: -10px;
}
.activity-block_three-inner:hover .activity-block_three-icon:before{
outline-color:var(--main-color);
}
.activity-block_three-content{
position:relative;
padding-top:30px;
}
.activity-block_three-content:before{
position:absolute;
content:'';
left:-250px;
top:-1px;
right:-250px;
height:1px;
background-color:rgba(255,255,255,0.10);
}
.activity-block_three-title{
position:relative;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.activity-block_three-title a{
position:relative;
color:var(--white-color);
}
.activity-block_three-title a:hover{
color:var(--main-color);
}
.activity-block_three-text{
position:relative;
font-size:16px;
line-height:26px;
margin-top:15px;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.activity-block_three-tours{
position:relative;
font-size:16px;
padding:8px 18px;
margin-top:20px;
border-radius:5px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.activity-block_three-btn{
position:absolute;
left:0px;
bottom:0px;
right:0px;
opacity:0;
visibility:hidden;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.activity-block_three-btn a{
position:relative;
padding:15px 30px;
border-radius:5px;
font-size:16px;
color:var(--white-color);
background-color:#00bb98;
}
.activity-block_three-btn a:hover{
background-color:var(--main-color);
}
.activity-block_three-inner:hover .activity-block_three-btn{
opacity:1;
visibility:visible;
}
/***
====================================================================
Guideline One
====================================================================
***/
.guideline-one{
position:relative;
padding:100px 0px 0px;
}
.guideline-one_title-column{
position:relative;
}
.guideline-one_title-outer{
position:relative;
}
.guideline-one_list{
position:relative;
}
.guideline-one_list li{
position:relative;
color:#444444;
font-size:16px;
margin-bottom:18px;
}
.guideline-one_list li i{
position:relative;
color:#00bb98;
top:2px;
margin-right:5px;
}
.guideline-one_list li:last-child{
margin-bottom:0px;
}
.guideline-one .video-one{
padding:0px 0px;
margin-left:60px;
margin-right:-250px;
}
.guideline-one .video-one:before{
display:none;
}
.guideline-one .video-one_play{
position:absolute;
left:50%;
top:50%;
transform:translateX(-50%) translateY(-50%);
}
/***
====================================================================
Discover One
====================================================================
***/
.discover-one{
position:relative;
padding:100px 0px 100px;
}
.discover-one-arrows{
position:absolute;
left:30px;
top:52%;
right:30px;
bottom:auto;
z-index:1;
}
.discover-one-arrows .four-item-carousel-slider-prev{
position:relative;
width:36px;
height:36px;
color:#999999;
line-height:34px;
border-radius:50px;
display:inline-block;
border:1px solid #999999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.discover-one-arrows .four-item-carousel-slider-next{
position:absolute;
right:0px;
width:36px;
height:36px;
color:#999999;
line-height:34px;
border-radius:50px;
display:inline-block;
border:1px solid #999999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.discover-one-arrows .four-item-carousel-slider-prev:hover,
.discover-one-arrows .four-item-carousel-slider-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.discover-one .auto-container{
max-width:1460px;
}
.discover-one .inner-container{
position:static;
padding:40px 0px 15px;
border-top:1px solid rgba(0,0,0,0.10);
border-bottom:1px solid rgba(0,0,0,0.10);
}
.discover-one .swiper {
overflow: visible !important;
}
.discover-one .swiper-wrapper {
overflow: visible !important;
}
.discover-one .swiper-slide {
position: relative;
z-index: 1;
}
.discover-one .swiper-container {
padding-left: 20px;
padding-right: 20px;
margin:0px -20px;
padding-bottom:30px;
}
.discover-one .swiper {
padding-left: 20px;
padding-right: 20px;
}
/* Travel Block Three */
.travel-block_three{
position:relative;
}
.travel-block_three-inner{
position:relative;
overflow:hidden;
box-shadow:0px 5px 15px rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.travel-block_three-image{
position:relative;
}
.travel-block_three-image img{
position:relative;
width:100%;
display:block;
}
.travel-block_three-image::before{
position: absolute;
content: '';
left: 0px;
top: 50%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.travel-block_three-days{
position: absolute;
left: 20px;
top: 20px;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_three-heart{
position:absolute;
right:20px;
top: 20px;
width:40px;
height:40px;
z-index:1;
color:#999999;
font-size:18px;
font-weight:400;
line-height:40px;
border-radius:50px;
background-color:#ffffff;
}
.travel-block_three-content{
position:relative;
padding:30px 20px 25px;
}
.travel-block_three-location{
position:absolute;
left:20px;
bottom:20px;
font-size:16px;
color:#ffffff;
z-index: 2;
}
.travel-block_three-location span{
position:relative;
color:#00bb98;
}
.travel-block_three-heading{
position:relative;
font-weight:700;
margin-top:15px;
margin-bottom:20px;
font-family: "Rubik", sans-serif;
}
.travel-block_three-heading a{
position:relative;
color:#111b19;
}
.travel-block_three-heading a:hover{
color:#00bb98;
}
.travel-block_three-price{
position:relative;
font-size:20px;
font-weight:700;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.travel-block_three-price span{
position:relative;
color:#999999;
font-size:16px;
margin-left:5px;
text-decoration:line-through;
}
.travel-block_three-rating{
position:relative;
color:#ffc83e;
}
.travel-block_three-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_three-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
.discover-one_button{
position:relative;
margin-top:40px;
}
/***
====================================================================
Counter Four
====================================================================
***/
.counter-four{
position:relative;
padding:90px 0px 60px;
background-color:#00BB98;
}
.counter-four .auto-container{
max-width:1350px;
}
.counter-block_five{
position:relative;
margin-bottom:30px;
}
.counter-block_five-inner{
position:relative;
}
.counter-block_five-count{
position:relative;
font-size:60px;
font-weight:700;
line-height:1em;
color:var(--white-color);
}
.counter-block_five-subtitle{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:5px;
opacity:0.80;
color:var(--white-color);
}
.counter-block_five-text:before{
position:absolute;
content:'';
left:30px;
top:-11px;
width:21px;
height:21px;
border-radius:50px;
transform:translateX(-50%);
background-color:#00bb98;
padding:6px 6px;
border: 1px solid rgba(255,255,255,1);
outline: 4px solid var(--white-color);
outline-offset: -10px;
}
.counter-block_five-text{
position:relative;
font-size:16px;
font-weight:400;
line-height:28px;
margin-top:25px;
max-width:220px;
padding-top:20px;
color:var(--white-color);
border-top:1px solid rgba(255,255,255,0.30);
}
/***
====================================================================
Testimonial Eight
====================================================================
***/
.testimonial-eight{
position:relative;
padding:120px 0px 90px;
}
.testimonial-eight .auto-container{
max-width:1350px;
}
.testimonial-eight_title-column{
position:relative;
margin-bottom:30px;
}
.testimonial-eight_title-outer{
position:relative;
padding-top:50px;
}
.testimonial-eight_carousel-column{
position:relative;
margin-bottom:30px;
}
.testimonial-eight_carousel-outer{
position:relative;
border:1px solid rgba(0,0,0,0.10);
}
.testimonial-eight_carousel-outer:before{
position:absolute;
content:'';
left:50%;
top:0px;
bottom:0px;
width:1px;
z-index:-1;
border-right:1px solid rgba(0,0,0,0.10);
}
.testimonial-eight .testimonial-block_six-inner{
padding:40px 35px;
}
.testimonial-eight .testimonial-block_six-text{
font-size:16px;
line-height:26px;
}
/***
====================================================================
News Five
====================================================================
***/
.news-five{
position:relative;
padding:100px 0px 80px;
}
.news-four .auto-container{
max-width:1320px;
}
.news-five_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
height:458px;
background-size:cover;
}
.news-block_five{
position:relative;
margin-bottom:30px;
}
.news-block_five-inner{
position:relative;
background-color:#f2fbfa;
}
.news-block_five-image{
position:relative;
}
.news-block_five-image img{
position:relative;
width:100%;
display:block;
}
.news-block_five-content{
position:relative;
padding:30px 25px;
}
.news-block_five-meta{
position:relative;
}
.news-block_five-meta li{
position:relative;
color:#444444;
font-size:16px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_five-meta li span{
position:relative;
color:#04b18e;
margin-right:10px;
display:inline-block;
}
.news-block_five-heading{
position:relative;
font-weight:700;
margin:12px 0px 16px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.news-block_five-heading a{
position:relative;
color:#111b19;
}
.news-block_five-heading a:hover{
color:var(--main-color);
}
.news-block_five-more{
position:relative;
font-size:16px;
font-weight:600;
display:inline-block;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.news-block_five-more i{
position:relative;
font-size:14px;
top:0px;
}
.news-block_five-more:hover{
color:#444444;
}
/* Instagram Block One */
.instagram-block_one{
position: relative;
}
.instagram-block_one-inner{
position: relative;
}
.instagram-block_one-image{
position: relative;
}
.instagram-block_one-image img{
position: relative;
width: 100%;
display: block;
}
.instagram-block_one-overlay{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(26,26,61,0.75);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.instagram-block_one-inner:hover .instagram-block_one-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.instagram-block_one-icon{
position: relative;
font-size: 16px;
width:55px;
height:55px;
line-height:53px;
border-radius:50px;
text-align:center;
color: var(--white-color);
border:2px solid var(--white-color);
}
.instagram-block_one-icon:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
/***
====================================================================
Banner Nine
====================================================================
***/
.banner-nine{
position:relative;
}
.banner-nine .auto-container{
max-width:1320px;
}
.banner-nine:before{
position:absolute;
content:'';
left:0px;
right:0px;
bottom:0px;
height:32px;
z-index:10;
background:url(../images/main-slider/pattern-5.png) repeat-x;
}
.banner-nine .swiper-slide{
position:relative;
padding:240px 0px 130px;
}
.banner-nine_bg{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.banner-nine_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.banner-nine_image-column{
position:relative;
}
.banner-nine_image{
position:relative;
}
.banner-nine_content-column{
position:relative;
}
.banner-nine_content{
position:relative;
}
.banner-nine_title{
position:relative;
font-size:30px;
line-height:1em;
color:var(--white-color);
font-family: "La Belle Aurore", cursive;
}
.banner-nine_heading{
position:relative;
font-size:72px;
line-height:80px;
font-weight:700;
margin-top:15px;
display:inline-block;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.banner-nine_text{
position:relative;
font-size:20px;
display:block;
font-weight:400;
margin-top:35px;
margin-bottom:40px;
color:var(--white-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Banner Nine Form
====================================================================
***/
.banner-nine_form{
position:relative;
z-index:1;
padding:100px 0px 0px;
}
.banner-nine_form .auto-container{
max-width:1320px;
}
.banner-nine_form .inner-container{
position:relative;
padding:30px 30px 10px;
border-radius:10px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.banner-nine_form .banner-search-form form{
padding-right:175px;
}
.banner-nine_form .banner-search-form form button.submit-btn{
border-radius:5px;
background-color:var(--main-color);
}
.banner-nine_form .banner-search-form form button.submit-btn i{
position:relative;
top:2px;
margin-right:5px;
}
.banner-nine_form .guest-selector-dropdown{
width:100%;
}
/***
====================================================================
Steps One
====================================================================
***/
.steps-one{
position:relative;
padding:100px 0px 100px;
}
.steps-one .auto-container{
max-width:1320px;
}
.step-block_one{
position:relative;
margin-bottom:30px;
}
.step-block_one:last-child .step-block_one-arrow,
.step-block_one:last-child .step-block_one-icon:before{
display:none;
}
.step-block_one-inner{
position:relative;
text-align:center;
}
.step-block_one-icon{
position:relative;
width:78px;
height:78px;
margin:0 auto;
line-height:78px;
border-radius:50px;
background-color:#f2fbfa;
outline: 1px solid #f2fbfa;
outline-offset: 10px;
}
.step-block_one-icon:before{
position:absolute;
content:'';
left:115%;
top:50%;
width:432%;
height:1px;
background-color:#f2fbfa;
}
.step-block_one-arrow{
position:absolute;
right:-30px;
top:25px;
font-size:30px;
line-height:1em;
color:var(--main-color);
}
.step-block_one-title{
position:relative;
color:#111b19;
font-weight:700;
margin-top:40px;
font-family: "Rubik", sans-serif;
}
.step-block_one-text{
position:relative;
color:#444444;
font-weight:400;
margin-top:10px;
font-size:16px;
line-height:24px;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Feature Two
====================================================================
***/
.feature-two{
position:relative;
padding:100px 0px 60px;
background-color:#f2fbfa;
}
.feature-two .auto-container{
max-width:1320px;
}
.feature-two_title-column{
position:relative;
margin-bottom:30px;
}
.feature-two_title-outer{
position:relative;
}
.feature-two .swiper-container{
margin-right:-290px;
}
.feature-two_gallery-column{
position:relative;
margin-bottom:30px;
}
.feature-two_gallery-outer{
position:relative;
padding-left:50px;
}
.feature-two .four-item-carousel-slider-pagination{
position:relative;
text-align:center;
margin-top:20px;
}
.feature-two .four-item-carousel-slider-pagination .swiper-pagination-bullet{
position:relative;
width:10px;
height:10px;
opacity:1;
margin:0px 6px;
border-radius:50px;
display:inline-block;
background-color:#ccf1ea;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.feature-two .four-item-carousel-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity:1;
background-color:#00bb98;
}
.feature-two .destination-block_three-content{
left:20px;
bottom:15px;
right:20px;
}
/***
====================================================================
Feature Three
====================================================================
***/
.feature-three{
position:relative;
padding:0px 0px 0px;
}
.feature-three .auto-container{
max-width:1320px;
}
/***
====================================================================
Discover Two
====================================================================
***/
.discover-two{
position:relative;
padding:90px 0px 100px;
}
.discover-two .auto-container{
max-width:1320px;
}
.discover-two .sec-title{
z-index:10;
display:inline-block;
}
.discover-two .swiper-container {
padding-top:70px;
margin-top: -70px;
}
.discover-two-carousel-slider-pagination{
position:absolute;
right:0px;
top:0px;
z-index:1;
text-align:right;
bottom:auto !important;
width:auto !important;
}
.discover-two-carousel-slider-pagination .swiper-pagination-bullet{
margin-left:20px;
width:inherit;
color:#111b19;
height:inherit;
font-size:15px;
background:none;
font-family: "Rubik", sans-serif;
}
/* Travel Block Five */
.travel-block_five{
position:relative;
margin-bottom:30px;
}
.travel-block_five-inner{
position:relative;
overflow:hidden;
padding-left:310px;
border:1px solid rgba(0,0,0,0.08);
background-color:var(--white-color);
}
.travel-block_five-image{
position:absolute;
left:0px;
top:0px;
width:306px;
}
.travel-block_five-image img{
position:relative;
width:100%;
display:block;
}
.travel-block_five-image::before{
position: absolute;
content: '';
left: 0px;
top: 50%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.travel-block_five-days{
position: absolute;
left: 20px;
top: 20px;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_five-heart{
position:absolute;
right:20px;
top: 20px;
width:40px;
height:40px;
z-index:1;
color:#999999;
font-size:18px;
font-weight:400;
line-height:40px;
border-radius:50px;
background-color:#ffffff;
}
.travel-block_five-content{
position:relative;
padding:20px 20px 20px;
}
.travel-block_five-location{
position:absolute;
left:20px;
bottom:30px;
font-size:16px;
color:#ffffff;
z-index: 2;
}
.travel-block_five-location span{
position:relative;
color:#00bb98;
}
.travel-block_five-heading{
position:relative;
font-weight:700;
margin-top:10px;
font-size:20px;
line-height:28px;
margin-bottom:20px;
font-family: "Rubik", sans-serif;
}
.travel-block_five-heading a{
position:relative;
color:#111b19;
}
.travel-block_five-heading a:hover{
color:#00bb98;
}
.travel-block_five-price{
position:relative;
font-size:20px;
font-weight:700;
margin-top:10px;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.travel-block_five-price span{
position:relative;
color:#999999;
font-size:14px;
margin-left:5px;
text-decoration:line-through;
}
.travel-block_five-rating{
position:relative;
color:#ffc83e;
font-size:12px;
}
.travel-block_five-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_five-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
border-top:1px solid rgba(0,0,0,0.10);
}
.fluid-section-one .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-one .image-column{
position:absolute;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .content-column .inner-column{
position: relative;
width: 100%;
float: left;
max-width: 620px;
padding: 70px 15px 70px 150px;
}
.fluid-one_counter{
position:absolute;
right:-90px;
top:50%;
width:190px;
padding:40px 10px;
text-align:center;
background-color:#00bb98;
transform:translateY(-50%);
}
.fluid-one_counter-count{
position:relative;
font-size:60px;
line-height:60px;
font-weight:700;
margin-top:15px;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.fluid-one_counter-text{
position:relative;
font-size:16px;
line-height:1em;
font-weight:400;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.fluid-one_list{
position:relative;
}
.fluid-one_list li{
position:relative;
color:#444444;
font-size:16px;
margin-bottom:18px;
}
.fluid-one_list li i{
position:relative;
color:#00bb98;
top:2px;
margin-right:5px;
}
.fluid-one_list li:last-child{
margin-bottom:0px;
}
/***
====================================================================
Counter Five
====================================================================
***/
.counter-five{
position:relative;
padding:90px 0px 60px;
}
.counter-five .auto-container{
max-width:1350px;
}
.counter-block_six{
position:relative;
margin-bottom:30px;
}
.counter-block_six-inner{
position:relative;
}
.counter-block_six-icon{
position:relative;
width:78px;
height:78px;
line-height:78px;
text-align:center;
border-radius:50px;
background-color:#d5f3ee;
outline: 1px solid #d5f3ee;
outline-offset: 10px;
}
.counter-block_six-count{
position:relative;
font-size:60px;
color:#111b19;
font-weight:700;
line-height:1em;
margin-top:35px;
}
.counter-block_six-subtitle{
position:relative;
font-size:16px;
font-weight:400;
line-height:1em;
margin-top:0px;
color:#444444;
}
/***
====================================================================
Activity Three
====================================================================
***/
.activity-three{
position:relative;
overflow:hidden;
padding:100px 0px 70px;
}
.activity-three .auto-container{
max-width:1320px;
}
.activity-block_four{
position:relative;
margin-bottom:30px;
}
.activity-block_four-inner{
position:relative;
text-align:center;
padding:45px 20px 0px;
box-shadow:0px 0px 20px rgba(0,0,0,0.07);
}
.activity-block_four-inner:hover::before{
opacity:1;
transform:scale(1,1);
}
.activity-block_four-inner:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--main-color);
transform:scale(0.2,1);
}
.activity-block_four-icon{
position:relative;
width:111px;
height:111px;
margin:0 auto;
z-index:1;
line-height:111px;
}
.activity-block_four-icon_bg{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:-1;
background-repeat:no-repeat;
}
.activity-block_four-title{
position:relative;
margin-top:30px;
font-weight:700;
color:#111b19;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "Rubik", sans-serif;
}
.activity-block_four-text{
position:relative;
margin-top:10px;
font-weight:400;
color:#444444;
font-size:16px;
line-height:26px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "Rubik", sans-serif;
}
.activity-block_four-inner:hover .activity-block_four-title,
.activity-block_four-inner:hover .activity-block_four-text{
color:var(--white-color);
}
.activity-block_four .lower-box{
position:relative;
margin-top:40px;
padding:18px 0px 18px;
border-top:1px solid rgba(0,0,0,0.10);
}
.activity-block_four-explore{
position:relative;
font-size:16px;
font-weight:600;
display:inline-block;
color:var(--main-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.activity-block_four-inner:hover .activity-block_four-icon_bg{
filter: brightness(500%);
}
.activity-block_four-inner:hover .activity-block_four-arrow,
.activity-block_four-inner:hover .activity-block_four-explore{
color:var(--white-color);
}
.activity-block_four-inner:hover .lower-box{
border-color:rgba(255,255,255,0.15);
}
/***
====================================================================
Testimonial Nine
====================================================================
***/
.testimonial-nine{
position:relative;
padding:0px 0px 100px;
}
.testimonial-nine .auto-container{
max-width:1320px;
}
.testimonial-nine .sec-title{
display:inline-block;
}
.testimonial-nine .swiper-container {
padding-top:100px;
margin-top: -100px;
}
.testimonial-nine .testimonial-nine-arrows{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
}
.testimonial-nine .testimonial-nine-arrows .testimonial-nine-carousel-slider-prev{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid rgba(0,0,0,0.10);
}
.testimonial-nine .testimonial-nine-arrows .testimonial-nine-carousel-slider-next{
position: relative;
width: 44px;
height: 44px;
color: #999999;
font-size: 18px;
margin-left:5px;
line-height: 42px;
border-radius:50px;
display: inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border: 2px solid rgba(0,0,0,0.10);
}
.testimonial-nine .testimonial-nine-arrows .testimonial-nine-carousel-slider-prev:hover,
.testimonial-nine .testimonial-nine-arrows .testimonial-nine-carousel-slider-next:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.testimonial-nine .inner-container{
position:relative;
border-top:1px solid rgba(0,0,0,0.10);
border-bottom:1px solid rgba(0,0,0,0.10);
}
.testimonial-block_seven{
position:relative;
}
.testimonial-block_seven-inner{
position:relative;
padding-bottom:50px;
}
.testimonial-block_seven-inner:hover .testimonial-block_seven-upper{
background-color:#f2fbfa;
}
.testimonial-block_seven-upper{
position:relative;
padding:30px 40px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.testimonial-block_seven-experiance{
position:relative;
font-weight:600;
font-size:16px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_seven-text{
position:relative;
color:#111b19;
font-size:16px;
margin-top:40px;
line-height:26px;
margin-bottom:45px;
padding-right:80px;
}
.testimonial-block_seven-author{
position:relative;
min-height:100px;
padding-top:5px;
padding-left:80px;
min-height:60px;
}
.testimonial-block_seven-image{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
}
.testimonial-block_seven-image img{
position:relative;
width:100%;
display:block;
overflow:hidden;
border-radius:100px;
}
.testimonial-block_seven-quote{
position:relative;
margin-right:80px;
}
.testimonial-block_seven-author strong{
position:relative;
display:block;
font-size:20px;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.testimonial-block_seven-author i{
position:relative;
display:block;
font-size:15px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
.testimonial-block_seven-rating{
position:relative;
margin-top:10px;
color:#ffc83e;
}
/***
====================================================================
News Six
====================================================================
***/
.news-six{
position:relative;
padding:200px 0px 60px;
}
.news-six .auto-container{
max-width:1320px;
}
.news-six_title-column{
position:relative;
margin-bottom:30px;
}
.news-six_title-outer{
position:relative;
}
.news-six_pattern{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-size:cover;
}
.news-six_posts-column{
position:relative;
margin-bottom:30px;
}
.news-six_posts-outer{
position:relative;
}
/* News Block Six */
.news-block_six{
position:relative;
margin-bottom:25px;
}
.news-block_six-inner{
position:relative;
padding:25px 25px;
background-color:var(--white-color);
}
.news-block_six-image{
position:absolute;
left:30px;
top:30px;
width:301px;
height:130px;
background-repeat:no-repeat;
}
.news-block_six-image img{
position:relative;
width:100%;
display:block;
}
.news-block_six-content{
position:relative;
padding-left:340px;
}
.news-block_six-meta{
position:relative;
}
.news-block_six-meta li{
position:relative;
color:#444444;
font-size:14px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_six-meta li span{
position:relative;
color:#04b18e;
margin-right:10px;
display:inline-block;
}
.news-block_six-heading{
position:relative;
font-weight:700;
margin:12px 0px 16px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.news-block_six-heading a{
position:relative;
color:#111b19;
}
.news-block_six-heading a:hover{
color:var(--main-color);
}
.news-block_six-more{
position:relative;
font-size:16px;
font-weight:600;
display:inline-block;
color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.news-block_six-more i{
position:relative;
font-size:14px;
top:0px;
}
.news-block_six-more:hover{
color:#444444;
}
/***
====================================================================
Tour Six
====================================================================
***/
.tour-six{
position:relative;
padding:85px 0px 55px;
}
.tour-six .auto-container{
max-width:1320px;
}
.tour-six .filters{
position:relative;
margin-bottom:45px;
}
.tour-six .filters .filter-tabs{
position:relative;
}
.tour-six .filters li{
position: relative;
display: inline-block;
color: #111b19;
padding:0px 0px 10px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
margin-right:25px;
text-transform:capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: "Rubik", sans-serif;
}
.tour-six .filters .filter.active,
.tour-six .filters .filter:hover{
color: var(--main-color);
}
.tour-six .filters li:before{
position:absolute;
content:'';
left:0px;
bottom:-1px;
height:3px;
width:100%;
opacity:0;
transform: scale(0.5,1);
background-color:var(--main-color);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.tour-six .filters li:hover:before,
.tour-six .filters li.active::before{
opacity:1;
transform: scale(1,1);
}
.travel-block_one.mix{
display:none;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
z-index:1;
background-size:cover;
padding:120px 0px 0px;
}
.page-title .auto-container{
max-width: 1330px;
}
.page-title.style-two{
padding:120px 0px 120px;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.50;
background-color:#1a1a3d;
}
.page-title h1{
font-weight:700;
color:var(--white-color);
text-transform:capitalize;
}
.page-title .bread-crumb{
position: relative;
margin-top:20px;
}
.page-title .bread-crumb li{
position: relative;
font-weight:600;
font-size: 16px;
margin-right: 15px;
padding-right: 15px;
display:inline-block;
color:var(--white-color);
text-transform:capitalize;
}
.page-title .bread-crumb li:before{
position: absolute;
right: -6px;
top:0px;
font-weight:700;
font-size: 14px;
content: "\f105";
color:var(--white-color);
font-family: 'Font Awesome 6 Free';
}
.page-title .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-title .bread-crumb li:last-child:before{
display: none;
}
.page-title .bread-crumb li a{
color:var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-title .bread-crumb li a:hover{
color: var(--main-color);
}
.page-title .banner-search-form{
position:relative;
text-align:left;
margin-top:50px;
border-radius:10px;
bottom:-67.5px;
padding:30px 30px 20px;
background-color:var(--white-color);
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.page-title .banner-search-form .guest-selector-dropdown{
width:100%;
}
.page-title .banner-search-form button.submit-btn{
border-radius:5px;
padding:19px 30px;
background-color:var(--main-color);
}
.page-title .banner-search-form button.submit-btn i{
position:relative;
top:2px;
margin-right:3px;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-page{
position:relative;
padding:110px 0px 110px;
}
.pagination-outer{
position:relative;
}
.pagination-outer .pagination{
position:relative;
display:inline-block;
}
.pagination-outer .pagination li{
position:relative;
margin:0px 1px;
display:inline-block;
}
.pagination-outer .pagination li a span{
position:relative;
font-size:14px;
top:-2px;
line-height:1em;
font-family: 'Font Awesome 6 Free';
}
.pagination-outer .pagination li a{
position:relative;
width:66px;
height:46px;
line-height:48px;
text-align:center;
font-weight:400;
font-size:18px;
border-radius:5px;
display:inline-block;
color:var(--black-color);
background-color:#f5f5f5;
text-transform:capitalize;
}
.pagination-outer .pagination li a:hover,
.pagination-outer .pagination li.active a{
color:var(--white-color);
background-color: var(--main-color);
}
.pagination-outer .pagination li.prev a,
.pagination-outer .pagination li.next a{
width:92px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:110px 0px 70px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:30px;
}
.sidebar-page-container .auto-container{
position:relative;
max-width:1320px;
}
.sticky-top{
top:90px;
z-index:1;
}
.tour-lists{
position:relative;
}
.tours-sorting{
position:relative;
margin-bottom:30px;
padding-bottom:12px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tours-sorting h3{
position:relative;
color:#111b19;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.tours-sorting h3 a{
position:relative;
font-size:16px;
color:#008dd0;
}
.tours-sorting h3 a:hover{
color:#111b19;
}
.tours-sorting .sort-list{
position:relative;
}
.tours-sorting .sort-list span{
position:relative;
color:#111b19;
font-size:16px;
font-weight:600;
margin-right:10px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.tours-sorting .sort-list span i{
position:relative;
margin-left:5px;
}
.tours-sorting .sort-list li{
position:relative;
margin-left:10px;
filter: grayscale(100%);
}
.tours-sorting .sort-list li.active,
.tours-sorting .sort-list li:hover{
position:relative;
filter: grayscale(0%);
}
/* Travel Block Six */
.travel-block_six{
position:relative;
margin-bottom:40px;
}
.travel-block_six-inner{
position:relative;
border-radius:8px;
overflow:hidden;
min-height:226px;
padding-left: 310px;
padding-right: 220px;
box-shadow:0px 5px 15px rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.travel-block_six-image{
position:absolute;
left:0px;
top:0px;
width:306px;
height:226px;
overflow:hidden;
background-color:white;
}
.travel-block_six-image img{
position:relative;
width:100%;
display:block;
border-radius:8px 8px 0px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_six-inner:hover .travel-block_six-image img{
opacity:0.70;
transform:scale(1.07,1.07);
}
.travel-block_six-options{
position:absolute;
left:15px;
bottom:15px;
}
.travel-block_six-options li{
position:relative;
color:#444444;
font-size:16px;
padding:5px 10px;
border-radius:5px;
display:inline-block;
text-transform:capitalize;
background-color:rgba(255,255,255,0.70);
}
.travel-block_six-options li i{
position:relative;
width:20px;
top:3px;
margin-right:5px;
display:inline-block;
}
.travel-block_six-ribbon{
position: absolute;
top: -20px;
left: -65px;
width: 160px;
width: 160px;
color: #ffffff;
text-align: center;
padding: 45px 0 10px;
background: #0089cf;
transform: rotate(-45deg);
box-shadow: 0 2px 5px rgba(0,0,0,.25);
font: 400 14px/1 "Helvetica Neue", Arial, sans-serif;
}
.travel-block_six-info{
position:relative;
}
.travel-block_six-info li{
position: relative;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_six-heart{
position:absolute;
right:20px;
top: 20px;
width:40px;
height:40px;
z-index:1;
color:#999999;
font-size:18px;
font-weight:400;
line-height:40px;
border-radius:50px;
background-color:#ffffff;
}
.travel-block_six-content{
position:relative;
padding:18px 20px 10px;
border-right:1px solid rgba(0,0,0,0.07);
}
.travel-block_six-location{
position:relative;
font-size:16px;
color:#444444;
margin-bottom:10px;
}
.travel-block_six-location span{
position:relative;
color:#00bb98;
}
.travel-block_six-heading{
position:relative;
font-weight:700;
margin-top:0px;
margin-bottom:12px;
font-family: "Rubik", sans-serif;
}
.travel-block_six-heading a{
position:relative;
color:#111b19;
}
.travel-block_six-heading a:hover{
color:#00bb98;
}
.travel-block_six-price{
position:relative;
font-size:20px;
font-weight:700;
color:#111b19;
margin:20px 0px;
font-family: "Rubik", sans-serif;
}
.travel-block_six-price span{
position:relative;
color:#999999;
margin-left:5px;
text-decoration:line-through;
}
.travel-block_six-rating{
position:relative;
color:#ffc83e;
margin-bottom:10px;
}
.travel-block_six-rating i{
position:relative;
color:#444444;
margin-left:8px;
}
.travel-block_six-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:6px;
}
.travel-block_six-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.travel-block_six-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
.travel-block_six-outer{
position:absolute;
right:16px;
top:30px;
}
.tour-lists_sidebar{
position:relative;
border-radius:8px;
border:1px solid rgba(0,0,0,0.07);
}
/***
====================================================================
Sidebar Widget
====================================================================
***/
.sidebar-widget{
position:relative;
margin-bottom:25px;
}
.sidebar-title_box{
position:relative;
padding:20px 0px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.sidebar-title_box h4{
position:relative;
font-weight:700;
color:#111b19;
padding-left:20px;
line-height:1em;
text-transform:capitalize;
border-left:3px solid var(--main-color);
font-family: "Rubik", sans-serif;
}
.tour-search-form{
position:relative;
padding:0px 0px 0px;
}
.tour-search-form
.tour-search-form .form-group{
position:relative;
}
.tour-search-form .guest-selector-dropdown{
width:100%;
}
.tour-search-form .guest-selector-toggle{
padding:15px 15px;
border-radius:6px;
border:1px solid rgba(0,0,0,0.07);
}
.tour-search-form .form-group h6{
position:relative;
color:#000000;
font-weight:600;
margin-bottom:20px;
font-family: "Rubik", sans-serif;
}
.tour-search-form .form-group h6:before{
position:absolute;
content:"\f106";
right:0px;
top:0px;
font-family: 'Font Awesome 6 Free';
}
.tour-search-form .form-group input{
position:relative;
top:0px;
width:100%;
color:#999999;
font-size:16px;
border-radius:5px;
padding:18px 15px;
margin-bottom:20px;
border:1px solid rgba(0,0,0,0.07);
}
.tour-search-form fieldset{
position:relative;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tour-search-form fieldset:last-child{
border:none;
}
.tour-search-form .form-group .ui-selectmenu-button.ui-button{
position:relative;
top:0px;
width:100%;
color:#999999;
font-size:16px;
border-radius:5px;
margin-bottom:0px;
padding:10px 15px;
border:1px solid rgba(0,0,0,0.07);
}
/* Range Slider One */
.range-slider-one{
position: relative;
}
.range-slider-one .input{
position: relative;
float: left;
max-height: 80px;
}
.range-slider-one .input input{
background:none;
color:#444444;
font-size:14px;
font-weight:500;
width:auto;
opacity:0.60;
text-align:left;
border: 0;
padding: 0;
height: auto;
margin-bottom:0px;
}
.range-slider-one .ui-widget.ui-widget-content{
height:6px;
border:none;
margin-top:0px;
border-radius:0px;
margin-bottom:20px;
box-shadow: none;
z-index: 1 !important;
background:rgba(var(--black-color-rgb), 0.06);
}
.range-slider-one .ui-slider .ui-slider-range{
top:0px;
height:6px;
border-radius:0px;
background-color:#00bb98;
}
.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
top:-4px;
width:15px;
height:15px;
/* z-index: 99; */
cursor:pointer;
border-radius:50px;
border: 4px solid #00bb98;
background-color:var(--white-color);
}
.tour-search-form .rating-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.9rem;
}
.tour-search-form .rating-list li{
position:relative;
}
.tour-search-form .rating-list li input{
position:absolute;
left:0px;
}
/* ------- Hide native radio ------- */
.tour-search-form .rating-input {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* ------- Custom radio & stars ------- */
.tour-search-form .rating-label {
display: flex;
align-items: center;
cursor: pointer;
gap: 0.6rem; /* space between box & stars */
}
.tour-search-form .rating-label::before {
content: "";
width: 16px;
height: 16px;
border: 1.8px solid #7f7f7f;
border-radius: 2px;
flex-shrink: 0;
}
/* star glyphs */
.tour-search-form .stars i {
font-size: 20px;
color: #F8B63A; /* gold */
margin-right: 2px;
}
/* ------- Checked state ------- */
.tour-search-form .rating-input:checked + .rating-label::before {
background: #1a73e8;
border-color: #1a73e8;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 8l2.5 2.5L12 5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
/* keyboard focus ring (optional) */
.tour-search-form .rating-input:focus + .rating-label::before {
outline: 2px solid #1a73e8;
outline-offset: 2px;
}
.tour-search-form .check-box{
position:relative;
margin-bottom:15px;
}
.tour-search-form .check-box label{
color:#2b2b2b;
}
.tour-search-form .check-box label{
position: relative;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
line-height: 22px;
padding: 4px 10px 0px;
padding-left: 30px;
font-size:16px;
color:#111b19;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tour-search-form .check-box input[type="checkbox"]:checked + label{
border-color: 0px;
}
.tour-search-form .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.tour-search-form .check-box label:before{
position: absolute;
left: 0;
top: 3px;
height:20px;
width: 20px;
background: #ffffff;
content: "";
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.10);
}
.tour-search-form .check-box label:after {
position: absolute;
left: 0px;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'FontAwesome';
-webkit-transition: max-width 500ms ease;
-moz-transition: max-width 500ms ease;
-ms-transition: max-width 500ms ease;
-o-transition: max-width 500ms ease;
transition: max-width 500ms ease;
}
.tour-search-form .check-box input[type="checkbox"] {
display: none;
}
.tour-search-form .check-box input[type="checkbox"]:checked + label:before{
border: 8px solid #00bb98;
background-color: var(--white-color);
}
.tour-search-form .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.tour-search-form button.submit-btn{
position:relative;
display:block;
width:100%;
font-size:16px;
text-align:center;
border-radius: 5px;
padding: 15px 30px;
color: var(--white-color);
background-color: var(--main-color);
}
.tour-search-form button.submit-btn i{
position:relative;
top:2px;
margin-right:5px;
}
/***
====================================================================
Page Title Two
====================================================================
***/
.page-title_two{
position:relative;
padding:10px 0px 30px;
border-top:1px solid #f1f1f1;
}
.page-title_two .auto-container{
max-width:1320px;
}
.page-title_two .bread-crumb{
position: relative;
margin-top:20px;
}
.page-title_two .bread-crumb li{
position: relative;
font-weight:600;
font-size: 16px;
margin-right: 15px;
padding-right: 15px;
display:inline-block;
color:#444444;
text-transform:capitalize;
}
.page-title_two .bread-crumb li:before{
position: absolute;
right: -6px;
top:0px;
font-weight:700;
font-size: 12px;
content: "\f105";
color:#111b19;
font-family: 'Font Awesome 6 Free';
}
.page-title_two .bread-crumb li:last-child{
padding-right: 0;
margin-right: 0;
}
.page-title_two .bread-crumb li:last-child:before{
display: none;
}
.page-title_two .bread-crumb li a{
color:#111b19;
font-weight:600;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.page-title_two .bread-crumb li a:hover{
color: var(--main-color);
}
.page-title_two.style-two .bread-crumb{
margin-top:0px;
}
.page-title_two.style-two{
padding:29px 0px;
background-color:#f2fbfa;
}
/***
====================================================================
Tour Detail
====================================================================
***/
.tour-detail{
position:relative;
padding:0px 0px 0px;
}
.tour-detail .auto-container{
max-width:1320px;
}
.tour-detail_title{
position:relative;
padding:50px 0px 50px;
background-color:#f2fbfa;
}
.tour-detail_title h2{
position:relative;
color:#111b19;
font-family: "Rubik", sans-serif;
}
.tour-detail_title-list{
position:relative;
margin-top:22px;
display:inline-block;
}
.tour-detail_title-list li{
position:relative;
color:#111b19;
font-size:16px;
margin-right:15px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.tour-detail_title-list li i{
position:relative;
color:#00bb98;
margin-right:5px;
}
.tour-detail_rating{
position:relative;
color:#ffc83e;
display:inline-block;
}
.tour-detail_options{
position:relative;
}
.tour-detail_options li{
position:relative;
color:#444444;
font-size:16px;
margin-left:5px;
padding:7px 12px;
border-radius:5px;
display:inline-block;
text-transform:capitalize;
background-color:rgba(255,255,255,1);
border:1px solid #e6e6e6;
}
.tour-detail_options li i{
position:relative;
width:20px;
margin-right:2px;
display:inline-block;
}
.tour-detail_options li a{
position:relative;
color:#444444;
}
/***
====================================================================
Tour Detail Gallery
====================================================================
***/
.tour-detail_gallery{
position:relative;
background-color:#f2fbfa;
}
.tour-detail_gallery .image{
position:relative;
}
.tour-detail_gallery .image img{
position:relative;
width:100%;
display:block;
}
.tour-detail_gallery-arrows{
position:absolute;
left:50px;
top:45%;
right:50px;
bottom:auto;
z-index:1;
}
.tour-detail_gallery .tour-detail_carousel-prev{
position:relative;
width:62px;
height:62px;
color:#00bb98;
font-size:20px;
line-height:62px;
border-radius:50px;
display:inline-block;
background-color:var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tour-detail_gallery .tour-detail_carousel-next{
position:absolute;
right:0px;
width:62px;
height:62px;
color:#00bb98;
font-size:20px;
line-height:62px;
border-radius:50px;
display:inline-block;
background-color:var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tour-detail_gallery .tour-detail_carousel-prev:hover,
.tour-detail_gallery .tour-detail_carousel-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.tour-detail_info{
position:relative;
padding:53px 0px 53px;
}
.tour-detail_list{
position:relative;
}
.tour-detail_list li{
position:relative;
color:#444444;
font-size:16px;
padding-left:50px;
margin-right:90px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.tour-detail_list li .icon{
position:absolute;
left:0px;
top:9px;
}
.tour-detail_list li strong{
position:relative;
display:block;
margin-bottom:8px;
color:var(--black-color);
}
.tour-detail_price-box{
position:relative;
padding:30px 30px;
border-radius:5px;
margin-top: -125px;
background-color:var(--white-color);
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.tour-detail_price-box .guest-selector-dropdown{
width:100%;
}
.tour-detail_price-box .guest-selector-toggle{
padding:15px 15px;
border-radius:6px;
border:1px solid rgba(0,0,0,0.07);
}
.tour-detail_price-tag{
position:relative;
color:#444444;
font-size:16px;
font-weight:600;
font-family: "Rubik", sans-serif;
text-align: center;
}
.tour-detail_price-tag i{
position:relative;
margin-right:5px;
}
.tour-detail_price{
position:relative;
font-size:32px;
color:#00bb98;
font-weight:700;
line-height:1em;
margin-top:15px;
margin-bottom:5px;
font-family: "Rubik", sans-serif;
}
.tour-detail_price span{
position:relative;
color:#999999;
font-size:20px;
text-decoration:line-through;
}
.tour-detail_plane{
position:relative;
margin-bottom:45px;
}
.tour-detail_plane:before{
position:absolute;
content:'';
left:12px;
bottom:0px;
right:12px;
border-bottom:1px dashed var(--main-color);
}
.tour-detail_plane .dots{
position:relative;
width: 100%;
display: block;
}
.tour-detail_plane .dots:before{
position:absolute;
content:'';
left:0px;
top:-5px;
width:8px;
height:8px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
}
.tour-detail_plane .dots:after{
position:absolute;
content:'';
right:0px;
top:-5px;
width:8px;
height:8px;
border-radius:50px;
display:inline-block;
background-color:var(--main-color);
}
.tour-detail_plane .plane{
position:absolute;
left:0px;
top:-15px;
animation: fly-across 5s linear infinite;
}
@keyframes fly-across {
0% {
left: 0%;
}
100% {
left: 100%;
transform: translateX(-100%);
}
}
/***
====================================================================
Tabs Style
====================================================================
***/
.tour-detail-tabs{
position:relative;
margin-top:60px;
}
.tour-detail-tabs .tab-btns{
position:relative;
text-align:center;
border-bottom:2px solid rgba(var(--black-color-rgb), 0.07);
}
.tour-detail-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
color: #999999;
line-height:24px;
cursor:pointer;
font-weight:500;
padding:12px 0px;
font-size:14px;
margin:0px 40px;
transition:all 500ms ease;
text-transform:capitalize;
}
.tour-detail-tabs .tab-btns .tab-btn:before{
position:absolute;
content:'';
left:0px;
bottom:-2px;
height:2px;
right:0px;
opacity:0;
background-color:#00bb98;
}
.tour-detail-tabs .tab-btns .tab-btn:hover,
.tour-detail-tabs .tab-btns .tab-btn.active-btn{
color:#00bb98;
}
.tour-detail-tabs .tab-btns .tab-btn:hover::before,
.tour-detail-tabs .tab-btns .tab-btn.active-btn::before{
opacity:1;
}
.tour-detail-tabs .tabs-content{
position:relative;
padding:30px 0px 0px;
}
.tour-detail-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.tour-detail-tabs .tabs-content .tab.active-tab{
display:block;
}
.tour-detail-tabs .form-group{
position:relative;
margin-bottom:20px;
}
.tour-detail-tabs .form-group label{
position:relative;
font-weight:400;
font-size:16px;
margin-bottom:10px;
font-family: "Rubik", sans-serif;
}
.tour-detail-tabs .form-group input {
position:relative;
top:0px;
width:100%;
height:50px;
color:#999999;
font-size:16px;
border-radius:5px;
padding:14px 15px;
border:1px solid rgba(0,0,0,0.07);
}
textarea{
position:relative;
top:0px;
width:100%;
color:#999999;
font-size:16px;
border-radius:5px;
padding:14px 15px;
border:1px solid rgba(0,0,0,0.07);
}
.tour-detail-tabs .form-group .numbers{
position:relative;
width:48px;
height:48px;
border:none;
background-color:#f4f4f4;
}
.tour-detail-tabs .form-group .tickets{
position:relative;
color:#999999;
margin-left:15px;
}
.tour-detail-tabs .form-group .totle-amount{
position:relative;
color:var(--black-color);
}
.tour-detail-tabs .form-group button.submit-btn{
position:relative;
padding:16px 10px;
display:block;
width:100%;
font-size:16px;
text-align:center;
border-radius:5px;
color:var(--white-color);
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.tour-detail-tabs .form-group button.submit-btn:hover{
color:var(--white-color);
background-color:var(--black-color);
}
.tour-detail_main-title{
position:relative;
margin-top:45px;
margin-bottom:15px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.tour-detail p{
position:relative;
color:#444444;
font-size:17px;
line-height:22px;
width: 80%;
text-align: justify;
}
.tour-detail_highlights{
position:relative;
font-weight:700;
font-size:24px;
line-height:28px;
margin-bottom:15px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.tour-detail_lists{
position:relative;
margin-bottom:30px;
}
.tour-detail_lists li{
position:relative;
display:block;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:10px;
padding-left:20px;
}
.tour-detail_lists li:before{
position:absolute;
content:'';
left:0px;
top:8px;
width:8px;
height:8px;
border-radius:50px;
background-color:var(--main-color);
}
.tour-detail_lists li:last-child{
margin-bottom:0px;
}
.tour-detail h3{
position:relative;
font-weight:700;
margin-bottom:15px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.tour-detail_lists-two{
position:relative;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tour-detail_lists-two li{
position:relative;
display:block;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:10px;
padding-left:30px;
}
.tour-detail_lists-two li span{
position:absolute;
left:0px;
top:4px;
color:#00bb98;
}
.tour-detail_lists-two li:last-child{
margin-bottom:0px;
}
.tour-detail_lists-three{
position:relative;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tour-detail_lists-three li{
position:relative;
display:block;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:10px;
padding-left:30px;
}
.tour-detail_lists-three li span{
position:absolute;
left:0px;
top:4px;
color:var(--main-color);
}
.tour-detail_lists-three li:last-child{
margin-bottom:0px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
z-index:1;
margin-bottom:30px;
}
.accordion-box .block{
position: relative;
margin-bottom:20px;
border-radius:4px;
border:1px solid #f5f5f5;
}
.accordion-box .block:last-child{
margin-bottom:0px;
}
.accordion-box .block .acc-btn{
position:relative;
cursor:pointer;
line-height:26px;
font-weight:700;
font-size:20px;
color: #000;
padding:16px 10px;
border-radius:4px;
background-color: #f5f5f5;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
font-family: "Rubik", sans-serif;
}
.accordion-box .block .acc-btn i{
position:relative;
font-size:16px;
padding:8px 15px;
border-radius:6px;
margin-right:15px;
color:var(--white-color);
text-transform:capitalize;
background-color:var(--main-color);
}
.accordion-box .block .acc-btn.active{
}
.accordion-box .block .icon-outer{
position:absolute;
right: 4px;
top: -2px;
font-size:16px;
color:var(--black-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "flaticon_gymfit-flat";
}
.accordion-box .block .icon-outer .icon{
position: relative;
width:60px;
height:60px;
opacity: 0.70;
font-weight: 700;
line-height:62px;
text-align:center;
display: inline-block;
color:#444444;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon-outer .icon{
transform:rotate(-180deg);
}
.accordion-box .block.active-block .icon{
opacity: 1;
color: var(--main-color);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
padding:20px 20px 20px;
}
.accordion-box .block .content .text{
line-height:22px;
font-size:17px;
color:#000;
font-family: "Rubik", sans-serif;
}
/* Style Two */
.accordion-box.style-two .block{
border:none;
background:none;
border-radius:10px;
margin-bottom:15px;
}
.accordion-box.style-two .block .acc-btn{
padding:0px 0px 0px 25px;
background:none;
}
.accordion-box.style-two .block .content{
padding:12px 0px 20px 25px;
}
.accordion-box.style-two .block.active-block{
padding:20px 25px 0px;
border:1px solid rgba(0,0,0,0.07);
}
.accordion-box.style-two .block .icon-outer{
position:absolute;
left:0px;
top:0px;
}
.accordion-box.style-two .block .icon-outer .icon{
position:absolute;
left:0px;
top:0px;
width:auto;
height:auto;
color:#444444;
line-height:inherit;
}
.accordion-box.style-two .block .icon-outer .icon.icon-minus{
opacity:0;
}
.accordion-box.style-two .block.active-block .icon-plus{
opacity:0;
}
.accordion-box.style-two .block.active-block .icon.icon-minus{
opacity:1;
}
.tour-detail_map{
position:relative;
margin-bottom:30px;
}
.tour-detail_map iframe{
position:relative;
width:100%;
height:425px;
display:block;
border-radius:5px;
}
.tour-detail_review{
position:relative;
padding-bottom:50px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tour-detail_review-rating{
position:relative;
font-size:60px;
line-height:66px;
font-weight:700;
color: var(--main-color);
font-family: "Rubik", sans-serif;
}
.tour-detail_review-rating sub{
position:relative;
font-size:30px;
bottom:5px;
color: var(--black-color);
}
.tour-detail_review-text{
position:relative;
font-size:20px;
color:#444444;
font-weight:500;
line-height:26px;
margin-top:12px;
font-family: "Rubik", sans-serif;
}
.tour-detail_review-text span{
position:relative;
display:block;
font-size:18px;
}
/* Skills Section */
.default-skills{
position:relative;
}
.default-skill-item{
position:relative;
margin-bottom:25px;
}
.default-skill-item:last-child{
margin-bottom:0px;
}
.default-skill-title{
position:relative;
font-weight:400;
font-size:18px;
color:#444444;
margin-bottom:10px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.default-skill-bar{
position:relative;
width:100%;
height:8px;
overflow:hidden;
border-radius:50px;
background-color:#e6e6e6;
}
.default-bar-inner{
position:relative;
width:100%;
height:8px;
overflow:hidden;
border-radius:50px;
}
.default-bar{
position:absolute;
left:0px;
top:0px;
height:8px;
width:0px;
border-bottom:8px solid #00bb98;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
}
.default-count-box{
position:absolute;
right:0px;
top:0px;
font-weight:400;
font-size:18px;
color:#444444;
font-family: "Rubik", sans-serif;
}
.tour-detail_rating-box{
position:relative;
padding-top:30px;
padding-bottom:50px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.tour-detail_rating-box h6{
position:relative;
font-weight:600;
margin-bottom:25px;
color: var(--black-color);
font-family: "Rubik", sans-serif;
}
/* Rating Box One */
.rating-box_one{
position:relative;
padding-left:90px;
margin-bottom:30px;
}
.rating-box_one.reply-comment{
margin-left:90px;
}
.rating-box_one-author{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
border-radius:50px;
overflow:hidden;
}
.rating-box_one-inner:before{
position:absolute;
content:"\f0d9";
left:-8px;
top:20px;
font-weight:700;
font-size:20px;
color:#e6e6e6;
font-family: 'Font Awesome 6 Free';
}
.rating-box_one-inner{
position:relative;
padding:25px 25px;
border-radius:5px;
border:1px solid rgba(0,0,0,0.07);
}
.rating-box_one h6{
position:relative;
font-weight:700;
margin-bottom:10px;
text-transform:capitalize;
color: var(--black-color);
font-family: "Rubik", sans-serif;
}
.rating-box_one-date{
position:relative;
color:#999999;
font-size:16px;
margin-bottom:15px;
}
.rating-box_one-review{
position:relative;
}
.rating-box_one-review li{
position:relative;
color:#444444;
font-size:16px;
display:inline-block;
}
.rating-box_one-review li span{
position:relative;
color:#ffc83e;
font-size:14px;
}
.rating-box_one-text{
position:relative;
color:#444444;
font-size:16px;
margin-top:12px;
}
.rating-box_one-reply{
position:absolute;
right:35px;
top:28px;
font-size:18px;
text-transform:capitalize;
}
.older-review{
position:relative;
font-size:16px;
margin-top:20px;
cursor:pointer;
padding:14px 30px;
border-radius:5px;
display:inline-block;
color: var(--main-color);
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:1px solid var(--main-color);
font-family: "Rubik", sans-serif;
}
.older-review:hover{
color:var(--white-color);
background-color:var(--main-color);
}
/* Comment Box */
.comment-box{
position:relative;
padding-top:45px;
padding-bottom:60px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.comment-box h2{
position:relative;
color:#111b19;
}
.comment-box .text{
position:relative;
color:#444444;
margin-top:15px;
margin-bottom:30px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
margin-bottom:25px;
}
.comment-form .form-group:last-child{
margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 25px;
height:60px;
border-radius:0px;
font-size:16px;
color:#444444;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--white-color);
border:1px solid rgba(var(--black-color-rgb), 0.10);
}
.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder{
color:var(--color-twentyone);
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:var(--black-color);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 25px 25px;
font-size:16px;
color:#444444;
height:130px;
resize:none;
border-radius:0px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
background-color:var(--white-color);
border:1px solid rgba(var(--black-color-rgb), 0.10);
}
.comment-form .check-box{
position:relative;
margin-bottom:15px;
}
.comment-form .check-box label{
position: relative;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
line-height: 22px;
padding: 4px 10px 0px;
padding-left: 30px;
font-size:16px;
color:#444444;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .check-box input[type="checkbox"]:checked + label{
border-color: 0px;
}
.comment-form .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.comment-form .check-box label:before{
position: absolute;
left: 0;
top: 3px;
height:20px;
width: 20px;
background: #ffffff;
content: "";
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.10);
}
.comment-form .check-box label:after {
position: absolute;
left: 0px;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'FontAwesome';
-webkit-transition: max-width 500ms ease;
-moz-transition: max-width 500ms ease;
-ms-transition: max-width 500ms ease;
-o-transition: max-width 500ms ease;
transition: max-width 500ms ease;
}
.comment-form .check-box input[type="checkbox"] {
display: none;
}
.comment-form .check-box input[type="checkbox"]:checked + label:before{
border: 8px solid #00bb98;
background-color: var(--white-color);
}
.comment-form .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.rating-box_one-ratings h6{
position:relative;
font-weight:600;
margin-bottom:20px;
color: var(--black-color);
}
.rating-box_one-ratings > div{
position:relative;
margin-bottom:10px;
}
.rating-box_one-ratings{
position:relative;
color:#444444;
font-size:16px;
margin-top:120px;
}
.rating-box_one-ratings span{
position:relative;
color:#ffc83e;
font-size:14px;
}
/***
====================================================================
Destination Detail
====================================================================
***/
.destination-detail{
position:relative;
padding:100px 0px 0px;
}
.destination-detail .auto-container{
max-width:1330px;
}
.destination-detail_map{
position:absolute;
left:40px;
top:40px;
width:676px;
height:684px;
background-repeat:no-repeat;
}
.destination-detail .column{
position:relative;
}
.destination-detail h2{
position:relative;
color:#111b19;
margin-bottom:20px;
font-family: "Rubik", sans-serif;
}
.destination-detail p{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:25px;
}
.destination-detail_tag{
position:relative;
font-weight:700;
font-size:16px;
color:#111b19;
margin-bottom:25px;
}
.destination-detail_tag i{
position:relative;
margin-right:8px;
}
.destination-detail_image{
position:relative;
overflow:hidden;
border-radius:5px;
margin-bottom:30px;
}
.destination-detail_image img{
position:relative;
width:100%;
display:block;
}
.destination-detail_location{
position:relative;
margin-bottom:25px;
}
.destination-detail_location iframe{
position:relative;
width:100%;
height:420px;
}
/* More Posts */
.project-more_posts{
position: relative;
padding:30px 0px;
margin-top: 40px;
border-top:1px solid rgba(0,0,0,0.10);
border-bottom:1px solid rgba(0,0,0,0.10);
}
.project-more_posts .more-posts{
position: relative;
}
.project-more_posts .prev-posts{
position: relative;
min-height: 76px;
padding-left: 90px;
}
.project-more_posts .prev-posts .post-image{
position: absolute;
left: 0px;
top: 0px;
width: 76px;
height: 76px;
overflow: hidden;
}
.project-more_posts h6{
font-weight: 700;
color: #000000;
}
.project-more_posts .title{
position: relative;
color: #444444;
text-transform: uppercase;
}
.project-more_posts .prev-posts .text{
position: relative;
font-size: 16px;
}
.project-more_posts .next-posts{
position: relative;
text-align: right;
min-height: 76px;
padding-right: 90px;
}
.project-more_posts .next-posts .post-image{
position: absolute;
right: 0px;
top: 0px;
width: 76px;
height: 76px;
overflow: hidden;
}
.destination-detail_info{
position:relative;
padding:30px 30px 10px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.destination-detail_info h6{
position:relative;
color:#111b19;
font-weight:700;
line-height:1em;
padding-left:20px;
margin-left:-30px;
margin-bottom:25px;
text-transform:capitalize;
border-left:3px solid var(--main-color);
}
.destination-detail_list{
position:relative;
}
.destination-detail_list li{
position:relative;
padding:18px 0px;
font-size:16px;
color:#444444;
border-top:1px solid rgba(0,0,0,0.10);
}
.destination-detail_list li span{
position:absolute;
right:0px;
}
.destination-detail_list li span i{
position:relative;
font-size:12px;
color:#ffc83e;
}
.destination-detail_two{
position:relative;
padding-top:100px;
}
.destination-detail_two h2{
position:relative;
margin-bottom:20px;
}
.destination-detail_two .auto-container{
max-width:1330px;
}
.blog-classic{
position:relative;
padding-right:30px;
}
/* News Block Seven */
.news-block_seven{
position:relative;
margin-bottom:40px;
}
.news-block_seven-inner{
position:relative;
overflow:hidden;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.news-block_seven-image{
position:relative;
overflow:hidden;
background-color:var(--main-color);
}
.news-block_seven-image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block_seven-inner:hover .news-block_seven-image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
.news-block_seven-tag{
position:relative;
font-size:15px;
top:-10px;
margin-top:-5px;
border-radius:5px;
padding:6px 10px 5px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
}
.news-block_seven-content{
position:relative;
padding:0px 25px 30px;
}
.news-block_seven-meta{
position:relative;
margin-bottom:15px;
}
.news-block_seven-meta li{
position:relative;
color:#999999;
font-size:16px;
margin-right:20px;
display:inline-block;
text-transform:capitalize;
}
.news-block_seven-meta li span{
position:relative;
margin-right:10px;
display:inline-block;
}
.news-block_seven-heading{
position:relative;
font-weight:700;
margin:10px 0px 14px;
}
.news-block_seven-heading a{
position:relative;
color:#111b19;
}
.news-block_seven-heading a:hover{
color:var(--main-color);
}
.news-block_seven-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:20px;
}
.news-block_seven-more{
position:relative;
font-size:16px;
font-weight:500;
display:inline-block;
color:var(--main-color);
}
.news-block_seven-more:hover{
color:#444444;
}
/* Search Widget */
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
font-size:16px;
padding:10px 50px 10px 20px;
background:none;
display:block;
width:100%;
height:52px;
border-radius:5px;
color:#999999;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color: var(--white-color);
border:1px solid rgba(0,0,0,0.07);
}
.sidebar .search-box .form-group input::placeholder,
.sidebar .search-box .form-group textarea::placeholder{
color:#999999;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:52px;
width:52px;
display:block;
cursor:pointer;
font-size:16px;
color:#111111;
line-height:52px;
font-weight:normal;
border-radius:0px 5px 5px 0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background: none;
}
.sidebar .search-box .form-group button:hover{
background-color:var(--main-color);
color:var(--white-color);
}
/***
====================================================================
Sidebar Widget
====================================================================
***/
.sidebar-widget_two{
position:relative;
margin-bottom:25px;
border-radius:5px;
border:1px solid rgba(0,0,0,0.07);
}
.sidebar-title_box{
position:relative;
padding:20px 0px;
border-bottom:1px solid rgba(0,0,0,0.07);
}
.sidebar-title_box h6{
position:relative;
font-weight:700;
color:#111b19;
padding-left:20px;
line-height:1em;
text-transform:capitalize;
border-left:3px solid var(--main-color);
font-family: "Rubik", sans-serif;
}
.sidebar-widget_two .widget-content{
position:relative;
padding:25px 20px;
}
.cat-list{
position:relative;
}
.cat-list li{
position:relative;
margin-bottom:18px;
padding-left:18px;
font-size:16px;
color:#444444;
font-weight:600;
font-family: "Rubik", sans-serif;
}
.cat-list li:before{
position:absolute;
content:'';
left:0px;
top:7px;
width:7px;
height:7px;
border-radius:50px;
background-color:#e6e6e6;
}
.cat-list li:hover::before{
background-color:var(--main-color);
}
.cat-list li span{
position:absolute;
right:0px;
}
.cat-list li:last-child{
margin-bottom:0px;
}
/* Post Widget */
.post-widget .widget-content{
position:relative;
}
.post-widget .post{
position: relative;
min-height: 90px;
padding-left: 105px;
margin-bottom: 20px;
}
.post-widget .post:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
}
.post-widget .post .thumb{
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
border-radius:5px;
}
.post-widget .post .thumb a{
display: block;
}
.post-widget .post .thumb img{
display: block;
width: 100%;
height: auto;
}
.post-widget .post h6{
line-height:24px;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.post-widget .post h6 a{
color:#111b19;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-widget .post h6 a:hover{
color:var(--main-color);
}
.post-widget .post .post-date{
position: relative;
display: block;
font-weight:400;
color:#999999;
font-size: 16px;
margin-bottom:6px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
/* Newsletter Widget */
.newsletter-widget{
position:relative;
border-radius:10px;
margin-bottom:30px;
padding:25px 25px 30px;
background-color:#1a1a3d;
}
.newsletter-widget .title-box{
position:relative;
text-align:center;
}
.newsletter-widget .title{
position:relative;
color:#00bb98;
margin-top:15px;
text-transform:uppercase;
}
.newsletter-widget h4{
position:relative;
font-weight:600;
margin-top:15px;
margin-bottom:20px;
color:var(--white-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
/* Subscribe Form */
.subscribe-form_three{
position:relative;
}
.subscribe-form_three .form-group{
position:relative;
display:block;
margin:0px;
width:100%;
}
.subscribe-form_three .form-group input[type="text"],
.subscribe-form_three .form-group input[type="tel"],
.subscribe-form_three .form-group input[type="email"],
.subscribe-form_three .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:28px;
height:54px;
font-size:14px;
color:#6b6c70;
border-radius:5px;
padding-right:170px;
background:#ffffff;
padding:10px 15px 10px 25px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.subscribe-form_three .form-group input[type="submit"],
.subscribe-form_three button{
position:relative;
cursor:pointer;
font-weight:500;
font-size:14px;
display:block;
width:100%;
padding:14px 30px;
border-radius:5px;
margin-top:15px;
color:var(--white-color);
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.subscribe-form_three .form-group input[type="submit"]:hover,
.subscribe-form_three button:hover{
background-color:var(--white-color);
color:#444444;
}
/* Popular Tags */
.popular-tags a{
position: relative;
padding: 6px 12px;
color: #444444;
font-size: 14px;
margin-right: 2px;
border-radius:5px;
margin-bottom: 5px;
display: inline-block;
background-color: #f5f5f5;
}
.popular-tags a:hover{
color: var(--white-color);
background-color: var(--main-color);
}
/* Blog Detail */
.blog-detail{
position:relative;
}
.blog-detail_inner{
position:relative;
padding-right:30px;
}
.blog-detail_title{
position:relative;
color:#111b19;
font-weight:700;
margin-bottom:20px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.blog-detail_image{
position:relative;
overflow:hidden;
border-radius:10px;
margin-bottom:25px;
}
.blog-detail_image img{
position:relative;
width:100%;
display:block;
}
.blog-detail blockquote{
position:relative;
font-weight:700;
margin-top:30px;
margin-bottom:30px;
border-radius:10px;
padding:35px 30px 25px;
text-transform:capitalize;
background-color:#fff6f7;
font-family: "Rubik", sans-serif;
}
.blockquote_inner{
position:relative;
padding-left:70px;
font-size:24px;
line-height:32px;
}
.blockquote_inner .blockquote-icon{
position:absolute;
left:0px;
top:0px;
line-height:1em;
}
.blockquote_inner span{
position:relative;
display:block;
font-weight:400;
font-size:16px;
margin-top:15px;
color:#00bb98;
}
.blog-detail h3{
position:relative;
color:#111b19;
font-weight:700;
margin-bottom:20px;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.blog-detail .gallery-box{
position:relative;
margin-top:30px;
}
.blog-detail_list{
position:relative;
margin-top:5px;
margin-bottom:20px;
}
.blog-detail_list li{
position:relative;
font-size:16px;
color:#444444;
font-weight:500;
margin-bottom:12px;
padding-left:25px;
font-family: "Rubik", sans-serif;
}
.blog-detail_list li:before{
position:absolute;
left:0px;
content:"\f058";
color:#00bb98;
font-weight:700;
font-family: 'Font Awesome 6 Free';
}
.blog-detail_list li:last-child{
margin-bottom:0px;
}
/* Post Share Options */
.blog-detail .post-share-options{
position:relative;
margin-top:25px;
}
.blog-detail .post-share-options .post-share-inner{
position:relative;
}
.blog-detail .post-share-options .post-tags{
position:relative;
}
.blog-detail .post-share-options .post-tags a{
position: relative;
padding: 6px 12px;
color: #444444;
font-size: 14px;
margin-right: 2px;
border-radius: 5px;
margin-bottom: 5px;
display: inline-block;
background-color: #f5f5f5;
}
.blog-detail .post-share-options .post-tags a:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.blog-detail .post-share-options .social-links{
position:relative;
}
.blog-detail .post-share-options .social-links li{
position:relative;
display:inline-block;
margin-left:5px;
}
.blog-detail .post-share-options .social-links li a{
position:relative;
color:#ffffff;
width:40px;
height:40px;
font-size: 16px;
line-height:40px;
border-radius:5px;
display:inline-block;
background-color:#506ccf;
font-family: 'Font Awesome 5 Brands';
}
.blog-detail .post-share-options .social-links li.twitter a{
background-color:#97d5f0;
}
.blog-detail .post-share-options .social-links li.instagram a{
background-color:#ff1415;
}
.blog-detail .post-share-options .social-links li.pinterest a{
background-color:#d13b3b;
}
.blog-detail_rating-box{
position:relative;
margin-top:60px;
}
.blog-detail_rating-box h6{
position: relative;
font-weight: 600;
margin-bottom: 25px;
color: var(--black-color);
font-family: "Rubik", sans-serif;
}
.blog-detail .comment-box{
border:none;
padding-bottom:0px;
}
.blog-detail .comment-box h3{
margin-bottom:12px;
color: var(--black-color);
font-family: "Rubik", sans-serif;
}
.contact-one_map{
position:relative;
}
.contact-one_map iframe{
position:relative;
width:100%;
height:420px;
display:block;
}
/***
====================================================================
Contact One
====================================================================
***/
.contact-one{
position:relative;
padding-bottom:110px;
}
.contact-one .inner-container{
position:relative;
padding:75px 70px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.address-info_one{
position:relative;
}
.address-info_one li{
position:relative;
padding-left:95px;
min-height:80px;
color:#444444;
font-size:15px;
line-height:28px;
margin-bottom:25px;
}
.address-info_one li .icon{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
border-radius:5px;
line-height:80px;
text-align:center;
background-color:#e5f8f5;
}
.address-info_one li strong{
position:relative;
display:block;
color:#111b19;
font-size:18px;
margin-bottom:5px;
}
.address-info_one li a{
position:relative;
color:#444444;
}
/* Contact Chats */
.contact_chats{
position:relative;
}
.contact_chats-inner{
position:relative;
padding:30px 40px;
border-radius:8px;
border:1px solid rgba(0,0,0,0.10);
}
/* Help Box */
.help-box_two{
position:relative;
padding-left:75px;
display:flex;
color:#444444;
font-size:16px;
flex-direction: column;
}
.help-box_two-image{
position:absolute;
left:0px;
top:5px;
width:60px;
height:60px;
overflow:hidden;
border-radius:50px;
display:inline-block;
}
.help-box_two strong{
position:relative;
color:#111b19;
font-weight:600;
font-size:16px;
margin-bottom:3px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.help-box_two .phone{
position:relative;
font-weight:600;
font-size:18px;
margin-top:3px;
display:inline-block;
color:var(--main-color);
}
.help-box_two_btn{
position:relative;
padding-top:20px;
margin-top:20px;
border-top:1px solid rgba(0,0,0,0.10);
}
.help-box_two_btn a{
position:relative;
padding:12px 25px;
border-radius:5px;
font-weight:600;
display:block;
text-align:center;
color:var(--main-color);
text-transform:capitalize;
border:1px solid var(--main-color);
font-family: "Rubik", sans-serif;
}
.help-box_two_btn a:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
.help-box_two-timing{
position:relative;
color:#999999;
font-size:16px;
line-height:26px;
margin-top:20px;
font-family: "Rubik", sans-serif;
}
.help-box_two-timing span{
position:relative;
display:block;
color:#444444;
}
.contact-form_outer{
position:relative;
padding-left:40px;
border-left:1px solid rgba(0,0,0,0.10);
}
.contact-form_outer h3{
position:relative;
color:#111b19;
font-weight:700;
margin-bottom:10px;
font-family: "Rubik", sans-serif;
}
.contact-form_outer .text{
position:relative;
color:#444444;
margin-bottom:30px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
====================================================================
Faq One
====================================================================
***/
.faq-one{
position:relative;
padding:100px 0px 100px;
}
.faq-one_image{
position:relative;
text-align:center;
}
.faq-one_title-box{
position:relative;
margin-top:45px;
margin-bottom:50px;
}
.faq-one_title-box .faq-one_text{
position:relative;
margin-top:20px;
color:#444444;
font-size:16px;
}
.faq-one .inner-container{
position:relative;
padding:45px 110px;
border-radius:10px;
margin-bottom:30px;
box-shadow:0px 5px 15px rgba(0, 187, 152, 0.10);
}
.faq-one h4{
position:relative;
font-weight:700;
margin-bottom:20px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.faq-one_email-box{
position:relative;
margin-top:80px;
}
.faq-one_email-box h3{
position:relative;
font-weight:700;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.faq-one_btn{
position:relative;
margin-top:20px;
}
.faq-one_btn a{
position:relative;
padding:13px 28px;
border-radius:5px;
display:inline-block;
color:var(--white-color);
text-transform:capitalize;
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.faq-one_btn a i{
position:relative;
margin-right:3px;
}
.faq-one_btn a:hover{
background-color:var(--black-color);
}
/***
====================================================================
Error Page
====================================================================
***/
.error-page{
position:relative;
text-align:center;
padding:60px 0px 100px;
}
.error-page h2{
position:relative;
margin-top:40px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.error-page .text{
position:relative;
color:#444444;
font-size:16px;
margin-top:15px;
}
.error-page .error-btn{
position:relative;
margin-top:25px;
font-size:16px;
padding:12px 25px;
border-radius:5px;
display:inline-block;
color:var(--white-color);
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.error-page .error-btn:hover{
background-color:var(--black-color);
}
/***
====================================================================
About Four
====================================================================
***/
.about-four{
position:relative;
padding:110px 0px 80px;
background-size:cover;
}
.about-four_pattern{
position:absolute;
left:0px;
top:90px;
width:54px;
height:190px;
background-repeat:no-repeat;
}
.about-four_pattern-two{
position:absolute;
right:0px;
bottom:180px;
width:54px;
height:190px;
background-repeat:no-repeat;
}
.about-four .auto-container{
max-width:1330px;
}
.about-four_title-column{
position:relative;
margin-bottom:30px;
}
.about-four_title-outer{
position:relative;
padding-top:30px;
}
.about-four_clock{
position:relative;
margin-bottom:35px;
}
.about-four .sec-title{
margin-bottom:20px;
}
.about-four_text{
position:relative;
font-size:16px;
line-height:26px;
margin-bottom:15px;
}
.about-four_text:last-child{
margin-bottom:0px;
}
.about-four_button{
position:relative;
margin-top:30px;
}
.about-four_images-column{
position:relative;
margin-bottom:30px;
}
.about-four_images-outer{
position:relative;
text-align:right;
padding-bottom:90px;
}
.about-four_image{
position:relative;
display:block;
}
.feature-block_five{
position:relative;
margin-bottom:30px;
}
.feature-block_five-inner{
position:relative;
padding-left:60px;
}
.feature-block_five-icon{
position:absolute;
left:0px;
top:0px;
line-height:1em;
}
.feature-block_five strong{
position:relative;
display:block;
font-size:16px;
color:var(--black-color);
font-family: "Rubik", sans-serif;
}
.about-four_counter{
position:absolute;
left:-50px;
top:40px;
width:190px;
z-index:1;
border-radius:5px;
padding:40px 10px;
text-align:center;
background-color:var(--main-color);
}
.about-four_counter-count{
position:relative;
font-size:60px;
line-height:60px;
font-weight:700;
margin-top:15px;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.about-four_counter-text{
position:relative;
font-size:16px;
line-height:1em;
font-weight:400;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
/***
====================================================================
Event One
====================================================================
***/
.event-one{
position:relative;
padding:100px 0px 100px;
}
.event-one .auto-container{
max-width:1320px;
}
.event-one-form{
position:relative;
margin-bottom:20px;
}
.event-one-form .form-group{
position:relative;
margin-bottom:25px;
}
.event-one-form .form-group label{
position:absolute;
left:0px;
bottom:15px;
z-index:1;
font-size:16px;
color:var(--main-color);
}
.event-one-form .form-group input{
position:relative;
display:block;
width:100%;
height:52px;
font-size:16px;
color:#acacac;
line-height:26px;
font-weight: 400;
padding:10px 20px 12px 18px;
background:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
border-bottom:1px solid rgba(0,0,0,0.08);
font-family: "Rubik", sans-serif;
}
.event-one-form button{
position:relative;
font-size:16px;
font-weight:400;
display:block;
width:100%;
padding:14px 36px;
color:var(--white-color);
background-color:#00bb98;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.event-one-form button:hover{
background-color:var(--main-color);
}
.event-one .pagination-outer{
margin-top:50px;
}
/* Event Block One */
.event-block_one{
position:relative;
margin-bottom:30px;
}
.event-block_one-inner{
position:relative;
padding:30px 45px;
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.event-block_one-content{
position:relative;
max-width:400px;
width:100%;
}
.event-block_one-list{
position:relative;
}
.event-block_one-list li{
position:relative;
color:#444444;
font-size:16px;
margin-right:15px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.event-block_one-list li .icon{
position:relative;
color:#00BB98;
margin-right:5px;
}
.event-block_one-title{
position:relative;
font-size:28px;
font-weight:700;
margin:12px 0px 15px;
font-family: "Rubik", sans-serif;
}
.event-block_one-title a{
position:relative;
color:#111B19;
text-decoration: underline;
}
.event-block_one-title a:hover{
color:var(--main-color);
text-decoration: none;
}
.event-block_one-author{
position:relative;
font-size:16px;
color:#444444;
display:flex;
gap:10px;
font-weight:600;
align-items:center;
font-family: "Rubik", sans-serif;
}
.event-block_one-author span{
position:relative;
overflow:hidden;
width:30px;
height:30px;
border-radius:50px;
display:inline-block;
}
.event-block_one-right_content{
position:relative;
}
.event-block_one-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-bottom:15px;
font-family: "Rubik", sans-serif;
}
.event-block_one-detail{
position:relative;
font-size:16px;
font-weight:600;
color:var(--main-color);
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
/* Event Block Two */
.event-block_two{
position:relative;
margin-bottom:30px;
}
.event-block_two-inner{
position:relative;
min-height:432px;
padding:10px 25px 10px 10px;
background-color:var(--white-color);
box-shadow:0px 5px 15px rgba(0,0,0,0.10);
}
.event-block_two-image{
position:absolute;
left:0px;
top:0px;
width:296px;
height:412px;
}
.event-block_two-content{
position:relative;
padding-top:45px;
padding-left:320px;
}
.event-block_two-list{
position:relative;
}
.event-block_two-list li{
position:relative;
color:#444444;
font-size:16px;
margin-right:15px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.event-block_two-list li .icon{
position:relative;
color:#00BB98;
margin-right:5px;
}
.event-block_two-title{
position:relative;
font-size:27px;
font-weight:700;
line-height:35px;
margin:12px 0px 15px;
font-family: "Rubik", sans-serif;
}
.event-block_two-title a{
position:relative;
color:#111B19;
}
.event-block_two-title a:hover{
color:var(--main-color);
}
.event-block_two-author{
position:relative;
font-size:15px;
color:#444444;
display:flex;
gap:10px;
font-weight:600;
align-items:center;
font-family: "Rubik", sans-serif;
}
.event-block_two-author span{
position:relative;
overflow:hidden;
width:30px;
height:30px;
border-radius:50px;
display:inline-block;
}
.event-block_two-right_content{
position:relative;
}
.event-block_two-text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
margin-top:20px;
margin-bottom:25px;
padding-bottom:35px;
border-bottom:1px solid rgba(0,0,0,0.10);
font-family: "Rubik", sans-serif;
}
.event-block_two-detail{
position:relative;
font-size:15px;
font-weight:600;
color:#444444;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.event-block_two-detail:hover{
color:var(--main-color);
}
/***
====================================================================
Event Detail
====================================================================
***/
.event-detail{
position:relative;
padding:100px 0px 70px;
}
.event-detail .content-column{
position:relative;
margin-bottom:30px;
}
.event-detail .content-column .inner-column{
position:relative;
padding-right:25px;
}
.event-detail-list{
position:relative;
}
.event-detail-list li{
position:relative;
color:#444444;
font-size:16px;
margin-right:15px;
display:inline-block;
font-family: "Rubik", sans-serif;
}
.event-detail-list li .icon{
position:relative;
color:#00BB98;
margin-right:5px;
}
.event-detail-title{
position:relative;
color:#111B19;
font-weight:700;
margin:12px 0px 15px;
font-family: "Rubik", sans-serif;
}
.event-detail-author{
position:relative;
font-size:16px;
color:#444444;
display:flex;
gap:10px;
font-weight:600;
align-items:center;
margin-bottom:25px;
font-family: "Rubik", sans-serif;
}
.event-detail-author span{
position:relative;
overflow:hidden;
width:30px;
height:30px;
border-radius:50px;
display:inline-block;
}
.event-detail_text{
position:relative;
color:#444444;
font-size:16px;
line-height:26px;
font-family: "Rubik", sans-serif;
}
.event-detail_image{
position:relative;
margin-top:30px;
margin-bottom:30px;
}
.event-detail_image img{
position:relative;
width:100%;
display:block;
}
.event-detail h3{
position:relative;
color:#111B19;
font-weight:700;
margin:12px 0px 15px;
font-family: "Rubik", sans-serif;
}
.event-detail_list{
position:relative;
margin-top:20px;
}
.event-detail_list li{
position:relative;
display:block;
font-size:16px;
color:#444444;
margin-bottom:15px;
}
.event-detail_list li i{
position:relative;
margin-right:8px;
}
.event-detail .info-column{
position:relative;
margin-bottom:30px;
}
.event-detail .info-column .inner-column{
position:relative;
}
/* Event Info */
.event-info{
position:relative;
padding:35px 35px;
margin-bottom:35px;
background-color:#F2FBFA;
}
.event-info h4{
position:relative;
font-weight:600;
color:#111B19;
margin-bottom:15px;
padding-bottom:15px;
font-family: "Rubik", sans-serif;
}
.event-info h4:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:4px;
width:55px;
background-color:var(--main-color);
}
.event-info_list{
position:relative;
}
.event-info_list li{
position:relative;
font-weight:500;
color:#444444;
padding:15px 0px;
border-bottom:1px solid rgba(0,0,0,0.08);
font-family: "Rubik", sans-serif;
}
.event-info_list li span{
position:absolute;
right:0px;
color:#111B19;
font-weight:600;
}
.event-info_btn{
position:relative;
margin-top:25px;
font-size:16px;
padding:14px 30px;
display:inline-block;
color:var(--white-color);
background-color:#00bb98;
font-family: "Rubik", sans-serif;
}
.event-info_btn:hover{
color:var(--white-color);
background-color:var(--black-color);
}
/* Instagram Widget */
.instagram-widget{
position:relative;
margin-bottom:35px;
}
.instagram-widget h4{
position:relative;
font-weight:600;
color:#111B19;
margin-bottom:30px;
padding-bottom:15px;
font-family: "Rubik", sans-serif;
}
.instagram-widget h4:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:4px;
width:55px;
background-color:var(--main-color);
}
/***
====================================================================
Alternate Events
====================================================================
***/
.alternate-events{
position:relative;
padding:100px 0px 70px;
background-color:#F2FBFA;
}
/***
====================================================================
Team Two
====================================================================
***/
.team-two{
position:relative;
padding:0px 0px 100px;
}
.team-block_two{
position:relative;
margin-bottom:30px;
}
.team-block_two-inner{
position:relative;
}
.team-block_two-image{
position:relative;
overflow:hidden;
}
.team-block_two-image img{
position:relative;
width:100%;
display:block;
}
.team-block_two-socials{
position:absolute;
left:0px;
bottom:-80px;
padding:14px 20px 12px;
display:inline-block;
background-color:var(--main-color);
-webkit-transition:all 600ms ease;
-ms-transition:all 600ms ease;
-o-transition:all 600ms ease;
-moz-transition:all 600ms ease;
transition:all 600ms ease;
}
.team-block_two-inner:hover .team-block_two-socials{
bottom:0px;
}
.team-block_two-socials a{
position:relative;
font-size:16px;
margin-right:18px;
color:var(--white-color);
}
.team-block_two-socials a:last-child{
margin-right:0px;
}
.team-block_two-content{
position:relative;
padding-top:25px;
}
.team-block_two-title{
position:relative;
font-weight:700;
font-family: "Rubik", sans-serif;
}
.team-block_two-title a{
position:relative;
color:#111B19;
}
.team-block_two-title a:hover{
color:var(--main-color);
}
.team-block_two-designation{
position:relative;
font-size:16px;
color:#444444;
margin-top:5px;
font-family: "Rubik", sans-serif;
}
/***
====================================================================
History One
====================================================================
***/
.history-one{
position:relative;
padding:100px 0px 100px;
}
.history-one .auto-container{
max-width:1320px;
}
.history-one .inner-container{
position:relative;
padding-bottom:70px;
}
.history-one .inner-container:before{
position:absolute;
content:'';
left:50%;
top:0px;
bottom:0px;
width:1px;
opacity:0.10;
background-color:var(--black-color);
}
.history-block_one{
position:relative;
margin-bottom:80px;
}
.history-block_one-inner{
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
}
.history-block_one-info{
position:relative;
width:50%;
}
.history-block_one .year{
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--heading);
font-weight: 700;
width: 80px;
left:-40px;
height: 80px;
border-radius: 50%;
background: #FFFFFF;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.12);
z-index: 99;
}
.history-block_one-content{
position:relative;
margin-left:105px;
padding:12px 12px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.history-block_one-content:before{
content:'';
position: absolute;
width: 0;
height: 0;
left: -35px;
top: 20px;
z-index: 9;
border-top: 35px solid #fff;
border-left: 35px solid transparent;
filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.50));
}
.history-block_one-timeline{
position:relative;
display: flex;
align-items: center;
}
.history-block_one-image{
position:relative;
width:220px;
height:152px;
}
.history-block_one-data{
position:relative;
padding: 0 30px;
width: 280px;
}
.history-block_one-data h5{
position:relative;
color:#111B19;
font-family: "Rubik", sans-serif;
}
.history-block_one-data .text{
position:relative;
color:#444444;
margin-top:10px;
font-family: "Rubik", sans-serif;
}
.history-block_one:nth-child(2n + 0) .history-block_one-inner{
justify-content: flex-start;
}
.history-block_one:nth-child(2n + 0) .history-block_one-content{
margin-left:0px;
margin-right:105px;
}
.history-block_one:nth-child(2n + 0) .year{
left:auto;
right:-40px;
}
.history-block_one:nth-child(2n + 0) .history-block_one-content:before{
left:auto;
right:-35px;
border-left:none;
border-top: 35px solid #fff;
border-right: 35px solid transparent;
filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.50));
}
.history-one_arrow{
position:relative;
width:36px;
height:36px;
display: block;
margin:0 auto;
line-height:36px;
border-radius:50px;
color:var(--white-color);
background-color:#00BB98;
}
/***
====================================================================
Shop One
====================================================================
***/
.shop-one{
position:relative;
padding:100px 0px 100px;
}
.shop-one .pagination-outer{
position:relative;
margin-top:40px;
}
.filter-box{
position:relative;
margin-bottom:20px;
}
.filter-box .results{
position:relative;
color:#444444;
font-size:16px;
font-family: "Rubik", sans-serif;
}
.filter-box .form-group .ui-selectmenu-button.ui-button{
position:relative;
font-size:16px;
font-weight:400;
color:#444444;
font-family: "Rubik", sans-serif;
}
.shop-block_one{
position:relative;
margin-bottom:30px;
}
.shop-block_one-inner{
position:relative;
}
.shop-block_one-image{
position:relative;
}
.shop-block_one-image img{
position:relative;
width:100%;
display:block;
}
.shop-block_one-content{
position:relative;
padding-top:25px;
}
.shop-block_one-title{
position:relative;
font-weight:700;
margin-bottom:10px;
font-family: "Rubik", sans-serif;
}
.shop-block_one-title a{
position:relative;
color:#111B19;
}
.shop-block_one-price{
position:relative;
font-weight:600;
color:#444444;
margin-bottom:15px;
font-family: "Rubik", sans-serif;
}
.shop-block_one-price span{
position:relative;
color:#BDBDBD;
text-decoration:line-through;
}
.shop-block_one-cart{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:600;
padding:12px 26px;
border-radius:5px;
display:inline-block;
background-color:#111B19;
text-transform:capitalize;
font-family: "Rubik", sans-serif;
}
.shop-block_one-cart:hover{
color:var(--white-color);
background-color:var(--main-color);
}
/***
====================================================================
Offer One
====================================================================
***/
.offer-one{
position:relative;
padding:100px 0px 70px;
}
.offer-one_category-column{
position:relative;
margin-bottom:30px;
}
.offer-one_category-inner{
position:relative;
padding:25px 30px;
background-color:#f2fbfa;
}
.offer-one_category-column h4{
position: relative;
font-weight: 600;
color: #111B19;
margin-bottom: 28px;
padding-bottom: 15px;
font-family: "Rubik", sans-serif;
}
.offer-one_category-column h4:before{
position: absolute;
content: '';
left: 0px;
bottom: 0px;
height: 4px;
width: 55px;
background-color: var(--main-color);
}
.offer-one_list{
position:relative;
}
.offer-one_list li{
position:relative;
margin-bottom:4px;
}
.offer-one_list li a:before{
position:absolute;
content:"\f105";
right:22px;
top:18px;
z-index:1;
font-weight:700;
font-family: 'Font Awesome 6 Free';
}
.offer-one_list li a{
position:relative;
padding:18px 22px;
display:block;
font-weight:600;
font-size:18px;
color:#111B19;
background-color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.offer-one_list li a:hover,
.offer-one_list li.active a{
color:var(--white-color);
background-color:var(--main-color);
}
.offer-one_list li a:hover::before,
.offer-one_list li.active a::before{
color:var(--white-color);
}
/* Travel Block Seven */
.travel-block_seven{
position:relative;
margin-bottom:40px;
}
.travel-block_seven-inner{
position:relative;
overflow:hidden;
}
.travel-block_seven-image{
position:relative;
}
.travel-block_seven-image img{
position:relative;
width:100%;
display:block;
}
.travel-block_seven-image::before{
position: absolute;
content: '';
left: 0px;
top: 20%;
right: 0px;
bottom: 0px;
z-index: 1;
background: rgba(var(--white-color-rgb), 0);
background: linear-gradient(to top, #000000 0%, rgba(var(--white-color-rgb), 0) 100%);
}
.travel-block_seven-days{
position: relative;
z-index: 1;
font-size: 15px;
border-radius: 5px;
padding: 4px 10px 4px;
display: inline-block;
color: #00bb98;
text-transform:uppercase;
border:1px solid #00bb98;
background-color: var(--white-color);
}
.travel-block_seven-content{
position:absolute;
left:25px;
right:25px;
bottom:25px;
z-index: 2;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_seven-location{
position:relative;
font-size:16px;
margin-bottom:15px;
color:var(--white-color);
}
.travel-block_seven-location span{
position:relative;
color:#00bb98;
}
.travel-block_seven-heading{
position:relative;
font-weight:700;
margin-top:15px;
margin-bottom:12px;
font-family: "Rubik", sans-serif;
}
.travel-block_seven-heading a{
position:relative;
color:var(--white-color);
}
.travel-block_seven-heading a:hover{
color:var(--main-color);
}
.travel-block_seven-price{
position:relative;
font-size:16px;
font-weight:700;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.travel-block_seven-price span{
position:relative;
margin-left:5px;
font-size:14px;
color:var(--white-color);
text-decoration:line-through;
}
.travel-block_seven-rating{
position:relative;
color:#ffc83e;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.travel-block_seven-explore{
position:relative;
border-radius:5px;
font-size:16px;
padding:6px 20px 6px;
display:inline-block;
color:var(--white-color);
background-color:#00bb98;
}
.travel-block_seven-explore:hover{
color:var(--white-color);
background-color:#00bb98;
}
.travel-block_seven-lower_content{
position:relative;
gap:30px;
}
.offer-one-arrows{
position:absolute;
left:40px;
top:40%;
right:40px;
bottom:auto;
z-index:1;
}
.offer-one-arrows .single-item-carousel-slider-prev{
position:relative;
width:36px;
height:36px;
line-height:34px;
border-radius:50px;
display:inline-block;
color:var(--white-color);
border:1px solid var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.offer-one-arrows .single-item-carousel-slider-next{
position:absolute;
right:0px;
width:36px;
height:36px;
line-height:34px;
border-radius:50px;
display:inline-block;
color:var(--white-color);
border:1px solid var(--white-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.offer-one-arrows .single-item-carousel-slider-prev:hover,
.offer-one-arrows .single-item-carousel-slider-next:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
/***
====================================================================
Adds One
====================================================================
***/
.adds-one{
position:relative;
padding:0px 0px 70px;
}
.add-block_one{
position:relative;
margin-bottom:30px;
}
.add-block_one-inner{
position:relative;
padding:35px 30px 40px;
background-size:cover;
}
.add-block_one-content{
position:relative;
max-width:260px;
}
.add-block_one-off{
position:relative;
font-size:24px;
color:#111B19;
font-weight:600;
font-family: "Rubik", sans-serif;
}
.add-block_one-title{
position:relative;
color:#111B19;
font-weight:700;
margin-top:10px;
font-family: "Rubik", sans-serif;
}
.add-block_one-text{
position:relative;
font-size:16px;
color:#111B19;
line-height:26px;
font-weight:400;
margin-top:25px;
font-family: "Rubik", sans-serif;
}
.add-block_one-shop-btn{
position:relative;
font-weight:600;
margin-top:20px;
font-size:16px;
padding:14px 28px;
border-radius:5px;
display:inline-block;
color:var(--white-color);
text-transform:capitalize;
background-color:var(--main-color);
font-family: "Rubik", sans-serif;
}
.add-block_one-shop-btn:hover{
color:var(--white-color);
background-color:var(--black-color);
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
}
.coming-soon .content{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon h1{
position:relative;
font-weight:600;
font-size:120px;
line-height:1em;
margin-bottom:30px;
color:var(--white-color);
font-family: "Rubik", sans-serif;
}
.coming-soon h1 span{
position:relative;
display:block;
line-height:1em;
font-size:22px;
font-weight:600;
margin-bottom:15px;
text-transform:capitalize;
}
.coming-soon .content .content-inner{
position: relative;
padding: 90px 0px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo{
position:absolute;
left:-20px;
top:42%;
transform:rotate(-90deg);
}
.coming-soon .content .content-inner .text{
color: var(--white-color);
margin-bottom: 40px;
font-size:18px;
line-height:28px;
max-width:720px;
font-family: "Rubik", sans-serif;
}
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
margin-bottom: 25px;
}
.time-counter .time-countdown .counter-column{
position:relative;
display: inline-block;
line-height: 1em;
color:var(--white-color);
text-transform:capitalize;
font-size:24px;
font-weight:600;
text-align: center;
z-index: 7;
border-radius: 0px;
margin:0px 30px 0px 0px;
font-family: "Rubik", sans-serif;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display: inline-block;
font-size:85px;
line-height:1em;
margin-left:0px;
padding:0px 0px 0px;
color:var(--white-color);
font-weight:600;
font-family: "Rubik", sans-serif;
}
/* Social Box */
.coming-soon .social-box{
margin-top:30px;
}
.coming-soon .social-box li{
position:relative;
margin-right:5px;
display:inline-block;
}
.coming-soon .social-box li a{
position:relative;
width:45px;
height:45px;
color:#444444;
font-size:16px;
line-height:45px;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:var(--white-color);
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
font-family: 'Font Awesome 5 Brands';
}
.coming-soon .social-box li a:hover{
background-color:#00bb98;
color:var(--white-color);
}
.coming-soon_img{
position:absolute;
right:0px;
top:0px;
bottom:0px;
width:550px;
height:100%;
background-size:cover;
}
/***
====================================================================
Gallery Two
====================================================================
***/
.gallery-two{
position:relative;
padding:85px 0px 55px;
}
.gallery-two .auto-container{
max-width:1320px;
}
.gallery-two .filters{
position:relative;
margin-bottom:45px;
}
.gallery-two .filters .filter-tabs{
position:relative;
}
.gallery-two .filters li{
position: relative;
display: inline-block;
color: #111b19;
padding:8px 18px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
margin:0px 1px;
border-radius:5px;
text-transform:capitalize;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
font-family: "Rubik", sans-serif;
}
.gallery-two .filters .filter.active,
.gallery-two .filters .filter:hover{
color: var(--white-color);
background-color:var(--main-color);
}
.gallery-two .filters li:hover:before,
.gallery-two .filters li.active::before{
opacity:1;
transform: scale(1,1);
}
.gallery-two .tour-block_three{
margin-bottom:35px;
}
.gallery-two .tour-block_three.mix{
display:none;
}
/***
====================================================================
Shop Detail
====================================================================
***/
.shop-detail{
position:relative;
padding:100px 0px 70px;
}
.shop-detail_gallery-column{
position: relative;
margin-bottom: 30px;
}
.shop-detail_gallery-column .image{
position: relative;
overflow: hidden;
text-align: center;
border-radius: 10px;
margin-bottom: 30px;
background-color: rgba(var(--color-two-rgb), 0.03);
}
.shop-detail_gallery-column .image img{
position: relative;
width: 100%;
display: block;
}
.shop-detail_gallery-column .thumb{
position: relative;
cursor: pointer;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border:2px solid rgba(var(--black-color-rgb), 0.05);
}
.shop-detail_gallery-column .thumb img{
width: 100%;
display: block;
}
.shop-detail_gallery-column .thumb:hover{
border-color:rgba(var(--black-color-rgb), 0.01);
background-color: rgba(var(--black-color-rgb), 0.05);
}
.shop-detail_content-column{
position: relative;
margin-bottom: 30px;
}
.shop-detail_content-column .inner-column{
position: relative;
padding-left: 20px;
}
.shop-detail_title{
font-weight: 700;
line-height: 1em;
color: var(--black-color);
text-transform: capitalize;
}
.shop-detail_rating{
position: relative;
margin-top: 20px;
}
.shop-detail_rating .fa-star{
position: relative;
font-size: 14px;
color: var(--main-color);
}
.shop-detail_rating .fa-star.light{
opacity: 0.40;
color: var(--black-color);
}
.shop-detail_rating i{
position: relative;
font-size: 18px;
margin-left: 10px;
color: var(--black-color);
}
.shop-detail_price{
position: relative;
font-weight: 600;
font-size: 24px;
margin-top: 20px;
color: var(--main-color);
}
.shop-detail_text{
position: relative;
line-height: 27px;
font-size: 16px;
opacity:0.80;
margin-top: 20px;
margin-bottom: 30px;
color: var(--black-color);
}
.shop-detail .item-quantity{
position:relative;
margin-right:15px;
}
.shop-detail .item-quantity input{
position:relative;
width:78px;
height:54px;
font-size:16px;
padding:7px 15px;
border-radius:5px;
border:1px solid rgba(0,0,0,0.10);
}
.wishlist-box{
position:relative;
margin-left:18px;
font-size:16px;
color: rgba(0,0,0,0.80);
}
.wishlist-box i{
position:relative;
font-weight:400;
}
.wishlist-box:hover{
color: var(--main-color);
}
.shop-detail_list{
position: relative;
margin-top:25px;
}
.shop-detail_list li{
position: relative;
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
color: rgba(0,0,0,0.70);
}
.shop-detail_list li span{
position: relative;
font-weight: 500;
color: var(--black-color);
text-transform: uppercase;
margin-right: 10px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-detail .prod-tabs{
position:relative;
margin-top:30px;
}
.shop-detail .prod-tabs .tab-btns{
position:relative;
}
.shop-detail .prod-tabs .tab-btns::before{
position:absolute;
content: '';
left: 0px;
top: 30px;
right: 0px;
border-bottom:1px solid rgba(var(--black-color-rgb), 0.06);
}
.shop-detail .prod-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
line-height:24px;
cursor:pointer;
font-weight:500;
font-size:16px;
padding:14px 30px;
margin-right:15px;
color: var(--black-color);
transition:all 500ms ease;
text-transform:capitalize;
background:var(--white-color);
border:1px solid rgba(var(--black-color-rgb), 0.07);
}
.shop-detail .prod-tabs .tab-btns .tab-btn:last-child{
margin-right: 0px;
}
.shop-detail .prod-tabs .tab-btns .tab-btn:hover,
.shop-detail .prod-tabs .tab-btns .tab-btn.active-btn{
color:var(--white-color);
background-color: var(--main-color);
}
.shop-detail .prod-tabs .tabs-content{
position:relative;
padding:0px 0px 0px;
}
.shop-detail .prod-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.shop-detail .prod-tabs .tabs-content .tab .content{
position:relative;
padding-top:30px;
}
.shop-detail .prod-tabs .tabs-content .tab.active-tab{
display:block;
}
.prod-tabs .tabs-content p{
position: relative;
line-height: 28px;
font-size: 16px;
margin-bottom:15px;
color: var(--black-color);
}
.prod-tabs .tabs-content .tab .title{
position:relative;
font-weight:400;
margin-bottom:20px;
color: var(--black-color);
}
/***
====================================================================
Tour Detail Tabs
====================================================================
***/
.tourdetail-tabs{
position:relative;
margin-top:60px;
}
.tourdetail-tabs .tab-btns{
position:relative;
}
.tourdetail-tabs .tab-btns .tab-btn{
position:relative;
display:inline-block;
line-height:24px;
cursor:pointer;
font-weight:500;
font-size:16px;
padding:14px 30px;
margin-right:15px;
color: var(--black-color);
transition:all 500ms ease;
text-transform:capitalize;
background:rgba(var(--black-color-rgb), 0.07);
}
.tourdetail-tabs .tab-btns .tab-btn:last-child{
margin-right: 0px;
}
.tourdetail-tabs .tab-btns .tab-btn:hover,
.tourdetail-tabs .tab-btns .tab-btn.active-btn{
color:var(--white-color);
background-color: var(--main-color);
}
.tourdetail-tabs .tabs-content{
position:relative;
padding:0px 0px 0px;
}
.tourdetail-tabs .tabs-content .tab{
position:relative;
display:none;
border-top:0px;
}
.tourdetail-tabs .tabs-content .tab .content .tour-detail_main-title{
margin-top:0px;
}
.tourdetail-tabs .tabs-content .tab .content{
position:relative;
padding-top:30px;
}
.work ul li{
list-style: circle;
}
.tourdetail-tabs .tabs-content .tab.active-tab{
display:block;
}
/***
====================================================================
Destination Eight
====================================================================
***/
.destination-eight{
position:relative;
padding:100px 0px 100px;
}
.destination-eight .pagination-outer{
margin-top:20px;
}
.destination-block_six{
position:relative;
margin-bottom:30px;
}
.destination-block_six-inner{
position:relative;
padding:10px 10px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.destination-block_six-image{
position:relative;
}
.destination-block_six-image img{
position:relative;
width:100%;
display:block;
}
.destination-block_six-overlay{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(26,26,61,0.75);
color:var(--white-color);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.destination-block_six-inner:hover .destination-block_six-overlay{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.destination-block_six-content{
position:relative;
padding:15px 0px 5px;
}
.destination-block_six-heading{
position:relative;
font-weight:600;
font-size:16px;
}
.destination-block_six-heading a{
position:relative;
color:var(--black-color);
}
.destination-block_six-rating{
position:relative;
color:var(--black-color);
}
.destination-block_six-rating i{
position:relative;
color: #FFC83E;
font-size:12px;
}
.guest-selector {
position: relative;
width: 100%;
z-index: 10;
}
.guest-selector-toggle {
padding: 10px 15px;
/* border: 1px solid #ddd;
border-radius: 4px; */
cursor: pointer;
display: flex;
color: #acacac;
font-size:16px;
justify-content: space-between;
align-items: center;
background: white;
}
.guest-selector-dropdown {
z-index: 1001;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 140%;
background: white;
border-radius: 2px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 1000;
}
.guest-option {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.guest-counter {
display: flex;
align-items: center;
}
.guest-counter-btn {
width: 25px;
height: 25px;
border: 1px solid #ddd;
background: #f8f8f8;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
.guest-counter-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.guest-counter-value {
margin: 0 10px;
min-width: 20px;
text-align: center;
}
.tour-detail_wishlist{
position:relative;
font-weight:400;
font-size:18px;
top:2px;
margin-left:15px;
color:var(--main-color);
}
.tour-detail_options-socials{
position:relative;
z-index:10;
}
.tour-detail_options-socials:hover .socials-hover{
top:110%;
opacity:1;
visibility:visible;
}
.socials-hover{
position:absolute;
left:0px;
top:0%;
opacity:0;
visibility:hidden;
text-align: center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.socials-hover a{
position:relative;
width:46px;
height:38px;
display:block;
font-size:16px;
line-height:36px;
margin-bottom:4px;
border-radius:5px;
border:1px solid rgba(0,0,0,0.10);
background-color:var(--white-color);
}
.socials-hover a:hover{
color:var(--white-color);
border-color:var(--main-color);
background-color:var(--main-color);
}
/* Advanced Searched */
.advanced-searched{
position:relative;
}
.advanced-search_title{
position:relative;
color:#111111;
font-size:16px;
font-weight:500;
display:flex;
cursor:pointer;
justify-content:end;
align-items:center;
margin-bottom:35px;
padding-bottom: 20px;
}
.advanced-search_title:hover i{
position:relative;
transform:rotate(180deg);
}
.advanced-search_title span{
position:relative;
margin-right:5px;
color:var(--main-color);
}
.advanced-search_title i{
position:relative;
margin-left:5px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
/* .advanced-search_title:hover .advanced-search_content{
opacity:1;
visibility:visible;
} */
.advanced-search_content.active{
opacity:1;
visibility:visible;
}
.advanced-search_content{
position:absolute;
left:0px;
right:0px;
top:100%;
z-index:10;
opacity:0;
visibility:hidden;
border-radius:8px;
padding:45px 50px 35px;
background-color:var(--white-color);
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.advanced-searched h6{
position:relative;
font-weight:600;
margin-bottom:20px;
}
.advanced-searched .content{
position:relative;
padding-left:40px;
border-left:1px solid rgba(0,0,0,0.10);
}
.advanced-searched .column:first-child .content{
border:none;
padding-left:20px;
padding-right:30px;
}
.advanced-searched .rating-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.9rem;
}
.advanced-searched .rating-list li{
position:relative;
}
.advanced-searched .rating-list li input{
position:absolute;
left:0px;
}
/* ------- Hide native radio ------- */
.advanced-searched .rating-input {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* ------- Custom radio & stars ------- */
.advanced-searched .rating-label {
display: flex;
align-items: center;
cursor: pointer;
gap: 0.6rem; /* space between box & stars */
}
.advanced-searched .rating-label::before {
content: "";
width: 16px;
height: 16px;
border: 1.8px solid #7f7f7f;
border-radius: 2px;
flex-shrink: 0;
}
/* star glyphs */
.advanced-searched .stars i {
font-size: 20px;
color: #F8B63A; /* gold */
margin-right: 2px;
}
/* ------- Checked state ------- */
.advanced-searched .rating-input:checked + .rating-label::before {
background: #1a73e8;
border-color: #1a73e8;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 8l2.5 2.5L12 5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
/* keyboard focus ring (optional) */
.advanced-searched .rating-input:focus + .rating-label::before {
outline: 2px solid #1a73e8;
outline-offset: 2px;
}
.advanced-searched .check-box{
position:relative;
margin-bottom:15px;
}
.advanced-searched .check-box label{
color:#2b2b2b;
}
.advanced-searched .check-box label{
position: relative;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
line-height: 22px;
padding: 4px 10px 0px;
padding-left: 30px;
font-size:16px;
color:#111b19;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.advanced-searched .check-box input[type="checkbox"]:checked + label{
border-color: 0px;
}
.advanced-searched .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.advanced-searched .check-box label:before{
position: absolute;
left: 0;
top: 3px;
height:20px;
width: 20px;
background: #ffffff;
content: "";
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:1px solid rgba(var(--black-color-rgb), 0.10);
}
.advanced-searched .check-box label:after {
position: absolute;
left: 0px;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'FontAwesome';
-webkit-transition: max-width 500ms ease;
-moz-transition: max-width 500ms ease;
-ms-transition: max-width 500ms ease;
-o-transition: max-width 500ms ease;
transition: max-width 500ms ease;
}
.advanced-searched .check-box input[type="checkbox"] {
display: none;
}
.advanced-searched .check-box input[type="checkbox"]:checked + label:before{
border: 8px solid #00bb98;
background-color: var(--white-color);
}
.advanced-searched .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}