.search_form_wrapper{
float:right;
width:90%;
padding:0 5% 13px 5%;
background-image:url(../../../design/default/css/../images/slider_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
box-sizing:content-box
}
.search_form_wrapper .title{
float:right;
width:100%;
margin:32px 0 0 0
}
.search_form_wrapper .title h1{
float:right;
width:100%;
text-align:center;
font-size:56px;
color:#F19E0D;
text-shadow:5px 5px 0 var(--main-bg-color);
padding:0;
margin:0;
font-weight:bold
}
.search_form_wrapper .subtitle{
float:right;
width:100%;
margin:53px 0 0 0;
min-height:109px;
padding:0;
background:url(../../../design/default/css/../images/subtitle_bg.png) top center no-repeat;
background-size:contain
}
.search_form_wrapper .subtitle h2{
float:right;
width:100%;
text-align:center;
font-size:24px;
color:var(--secondary-color);
padding:0;
margin:6px 0 0 0
}
.search_form_wrapper .search_form{
float:right;
width:100%;
margin:50vh 0 0 0
}
.search_form_wrapper .search_form .input_wrapper{
float:right;
width:100%
}
.search_form_wrapper .search_form .input_wrapper label{
float:right;
width:100%
}
.search_form_wrapper .search_form .input_wrapper .bootstrap-select{
float:right;
width:100%
}
.search_form_wrapper .search_form .input_wrapper .bootstrap-select > button{
border-radius:30px;
font-size:28px;
padding:17px 30px 12px 0
}
.search_form_wrapper .search_form .input_wrapper input{
float:right;
width:100%;
border-radius:30px;
font-size:28px;
padding:17px 30px 12px 0;
height:71px
}
.search_form_wrapper .search_form .input_wrapper .dropdown-menu.open{
background-color:transparent;
box-shadow:none !important
}
.search_form_wrapper .search_form .submit_button{
float:right;
width:100%;
margin:20px 0 0 0;
cursor:pointer
}
.search_form_wrapper .search_form .submit_button img{
display:inline-block;
width:55%;
margin:0 22.5%
}
.staying_connected{
float:right;
width:100%
}
.staying_connected h2{
float:right;
width:100%;
text-align:center;
margin:28px 0 0 0;
padding:0 0 14px 0;
font-size:38px;
color:var(--main-bg-color);
text-align:center;
font-weight:bold;
background:url(../../../design/default/css/../images/title_border.png) center bottom no-repeat;
background-size:75% auto
}
.staying_connected .popuplar_destinations{
float:right;
width:95%;
margin:45px 2.5% 0 2.5%
}
.staying_connected .popuplar_destinations .popular_destination{
float:right;
width:48%;
margin:0 0 20px 2%;
background-color:#EFF2F4;
border-radius:25px;
box-shadow:1px 4px 6px rgb(0 0 0 / 10%);
cursor:pointer;
color:var(--main-bg-color)
}
.staying_connected .popuplar_destinations .popular_destination h3{
float:right;
width:CALC(90% - 56px);
margin:12px 20px 0 0;
padding:0;
font-size:20px;
line-height:30px
}
.staying_connected .popuplar_destinations .popular_destination img{
float:left;
width:40px;
height:40px;
border-radius:50%;
box-shadow:0 0 10px #EFF2F4aa;
margin:8px 0 2px 10px
}
.staying_connected .more_destinations_btn{
float:right;
width:100%;
text-align:center;
margin:20px 0 40px 0
}
.staying_connected .more_destinations_btn span{
display:inline-block;
font-size:30px;
color:var(--main-bg-color);
position:relative;
cursor:pointer
}
.staying_connected .more_destinations_btn span:after{
content:'';
position:absolute;
left:-50px;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
background:url(../../../design/default/css/../images/arrow.png) center no-repeat;
background-size:contain
}
.credibility{
float:right;
width:100%;
background-color:var(--main-bg-color);
color:var(--main-color);
padding:20px 0 75px 0;
margin:0
}
.credibility .logo{
float:right;
width:100%;
text-align:center;
margin:36px 0 0 0
}
.credibility .logo img{
display:inline-block;
max-width:50%
}
.credibility .title{
float:right;
width:90%;
text-align:center;
font-weight:bold;
background:url(../../../design/default/css/../images/title_border.png) center bottom no-repeat;
background-size:75% auto;
padding:0 0 14px 0;
font-size:40px;
margin:30px 5% 0
}
.credibility .txt{
float:right;
width:90%;
text-align:center;
font-size:30px;
margin:36px 5% 0 5%;
letter-spacing:-1px
}
.credibility .img_wrapper{
float:right;
width:100%;
text-align:center;
margin:28px 0 0 0
}
.credibility .img_wrapper img{
display:inline-block;
max-width:100%
}
.how_does_it_work{
float:right;
width:100%;
background:var(--main-color)
}
.how_does_it_work .title{
float:right;
width:100%;
text-align:center;
margin:66px 0 0 0;
font-size:48px;
font-weight:bold;
color:var(--main-bg-color);
background:url(../../../design/default/css/../images/title_border.png) center bottom no-repeat;
background-size:75% auto
}
.how_does_it_work .how{
float:right;
width:90%;
text-align:center;
background:url(../../../design/default/css/../images/title_border.png) center bottom no-repeat;
background-size:93% auto;
padding:0 0 33px 0;
margin:34px 5%
}
.how_does_it_work .how .how_num{
float:right;
width:100%;
margin:44px 0 0 0
}
.how_does_it_work .how .how_num img{
display:inline-block;
max-width:100%;
width:12%
}
.how_does_it_work .how .how_title{
float:right;
width:100%;
text-align:center;
font-size:34px;
font-weight:bold;
color:var(--main-bg-color);
margin:10px 0 0 0;
padding:0
}
.how_does_it_work .how .how_txt{
float:right;
width:100%;
text-align:center;
font-size:29px;
letter-spacing:-1px;
font-weight:normal;
color:var(--main-bg-color)
}
.how_does_it_work .how3{
background:none
}
.about_us{
float:right;
width:100%;
background:#F19E0D;
color:var(--main-bg-color);
padding:20px 0 75px 0;
margin:40px 0 0 0;
text-align:center
}
.about_us .title{
float:right;
width:100%;
background:url(../../../design/default/css/../images/invert_title_border.png) center bottom no-repeat;
background-size:75% auto;
padding:0 0 26px 0;
margin:75px 0 42px 0
}
.about_us .title h2{
float:right;
width:100%;
margin:0;
padding:0;
font-size:53px;
font-weight:bold
}
.about_us .txt{
float:right;
width:100%;
text-align:center
}
.about_us .txt ul{
float:right;
width:100%;
padding:0;
margin:0;
list-style:none
}
.about_us .txt ul li{
float:right;
width:100%;
padding:0;
margin:0
}
.about_us .txt ul li h2{
float:right;
width:100%;
padding:0;
margin:18px 0 0 0;
color:#fff;
font-weight:bold;
font-size:35px
}
.about_us .txt ul li img{
display:inline-block;
max-width:100%;
width:100px;
padding:0;
margin:0
}
.about_us .txt ul li p{
display:inline-block;
width:90%;
padding:0;
margin:0 5% 66px;
color:var(--main-bg-color);
font-size:27px;
font-weight:normal
}
label {
color:#fff!important
}
#custom {
display:none
}
.customPackage{
padding:10px
}
.packages .tg-btn,
.custom .tg-btn{
color:#141347;
background-color:transparent;
transition:text-decoration 0.3s ease-in-out;
font-size:20px
}
.packages .tg-btn:hover,
.custom .tg-btn:hover{
font-weight:bold;
text-decoration:underline
}
.packages .tg-tourdestination + .tg-tourdestination,
.packages .tg-tourdestination{
width:20%;
margin:0 2.5% 2% 0;
padding:0
}
.packages .tg-tourdestination,
.packages .tg-tourdestination figure{
height:246px;
background-color:#F2F2F2;
color:#151447
}
.packages .tg-adventuretitle{
padding:0
}
.packages .tg-adventuretitle .tg-right{
float:right;
width:100%;
margin:20px 0 0 0
}
.packages .tg-adventuretitle .tg-left{
float:right;
width:100%;
font-weight:normal;
padding:0 20%;
text-align:right
}
.packages .tg-adventuretitle .tg-left span{
font-size:36px;
font-weight:bold;
display:inline-block;
margin:0 0 0 0
}
.packages .tg-tourdestination .tg-hoverbox{
color:#141347
}
.packages .tg-tourdestination figure .title{
float:right;
width:100%;
text-align:right;
margin:0 0 0 0;
padding:0 20%;
font-size:18px;
font-weight:normal
}
.packages .tg-tourdestination figure .title > span{
font-size:36px;
font-weight:bold;
display:inline-block;
margin:0
}
.packages .tg-tourdestination figure h5{
float:right;
margin:0;
width:100%;
padding:0;
background-color:transparent;
color:#141347;
font-weight:normal
}
.packages .tg-tourdestination figure h4{
float:right;
width:100%;
text-align:center;
color:#141347;
font-weight:bold;
margin:0 0 30px 0;
font-size:16px;
padding:0 20%
}
.packages .tg-tourdestination figure h4 span{
font-size:36px;
font-weight:bold;
display:inline-block;
margin:0
}
.packages .tg-tourdestination figure .tg-btn{
background-color:#F19E0D;
color:white;
text-decoration:none;
padding:0 20px;
height:40px;
line-height:40px;
font-size:16px;
font-weight:bold;
border-radius:0;
width:90%;
float:right;
margin:0 5%
}
.packages .tg-tourdestination figure .tg-btn:hover{
font-weight:normal
}
.packages .tg-tourdestination figure .tg-btn:after{
display:none
}
.packages .tg-btn:after,
.custom .tg-btn:after{
font-weight:normal;
text-decoration:none
}
.packages .tg-btn.active,
.packages .tg-btn:hover,
.custom .tg-btn.active,
.custom .tg-btn:hover{
font-weight:bold;
text-decoration:underline
}
.tg-featuretitle h2{
font-size:24px !important;
font-weight:bold !important
}
.tg-feature .tg-description p{
font-size:20px !important;
line-height:24px !important;
color:#141347
}
.stepsContainer{
margin:0 0 40px 0
}
.stepsContainer .tg-description p{
font-size:16px !important;
line-height:24px !important
}
.stepsContainer .tg-featuretitle h2 span{
color:#F19E0D
}
.explanation,
.explanation *{
color:#fff
}
.explanation h2{
font-size:30px
}
.explanation .logo{
width:100%;
text-align:center;
margin:0 0 20px 0
}
.tg-aboutus{
margin:20px 0 40px 0
}
.tg-aboutus .tg-sectiontitle,
.tg-aboutus .tg-sectiontitle h2{
float:right;
width:100%;
text-align:center;
margin:0 0 20px 0
}
.tg-aboutus .tg-contactinfo li h2{
color:#F19E0D
}
.tg-aboutus .tg-contactinfo li{
width:20%;
padding:0 2%;
color:#141347;
position:relative;
height:100%
}
.tg-aboutus .tg-contactinfo li + li{
/* border-right:1px solid #F19E0D;
*/
}
.tg-aboutus .tg-contactinfo li + li::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:1px;
background-color:#F19E0D
}
.tg-testimonials .tg-sectiontitle{
float:right;
width:100%;
text-align:center;
margin:40px 0 20px 0
}
.tg-testimonials .tg-sectiontitle h2{
float:right;
width:100%;
font-size:30px;
font-weight:bold;
color:#141347
}
.tg-testimonials .reviewsWrapper{
float:right;
width:100%;
position:relative;
height:394px;
overflow:hidden;
border-radius:10px
}
/* Reviews as on a slider with bubble quotes for the text */
/* The slider moves automatically,so no need for controls */
.tg-testimonials .reviewsWrapper .reviewsSlider{
position:absolute;
width:50000px;
height:394px;
top:0;
right:0;
transition:all 0.5s ease-in-out
}
.tg-testimonials .reviewsWrapper .reviewsSlider.noAnimation{
transition:none !important
}
/* There are 3 reviews per slide,so the width is 200% divided by 3 */
.tg-testimonials .reviewsWrapper .reviewsSlider .review{
float:right;
width:253px;
position:relative;
height:100%;
padding:0 10px;
box-sizing:border-box;
margin:0 10px
}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .txtWrapper{
float:right;
width:100%;
position:relative;
height:196px;
margin:0 0 40px 0;
padding:0 10px;
border-radius:10px;
background-color:#F5F5F5
}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .txtWrapper::after{
content:'';
position:absolute;
right:10px;
bottom:-8px;
background:#F5F5F5;
transform:rotate(135deg);
width:25px;
height:25px;
z-index:2
}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .txtWrapper .txt{
float:right;
width:100%;
position:relative;
height:146px;
padding:10px;
color:#141347;
font-size:16px;
line-height:24px
}
.tg-testimonials .tg-stars{
float:right;
width:100%;
position:relative
}
.tg-testimonials .tg-stars span:after,.tg-testimonials .tg-stars:before {
content:'';
top:0;
right:0;
left:0;
margin:0 auto;
width:100%;
font-size:12px;
line-height:12px;
position:absolute;
letter-spacing:4px;
color:#ffa127 !important;
font-family:'FontAwesome';
content:'\f005 \f005 \f005 \f005 \f005';
text-align:center
}
.tg-testimonials .tg-stars span{
width:100%
}
.tg-testimonials .reviewsWrapper{
float:right;
width:100%;
position:relative
}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profile{}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profileImg{}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profileImg img{}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profileInfo{}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profileInfo .profileName{}
.tg-testimonials .reviewsWrapper .reviewsSlider .review .profileInfo .reviewDate{}
@media (max-width:1199px){
.packages .tg-adventuretitle .tg-right{
height:63px
}
.packages .tg-tourdestination,
.packages .tg-tourdestination figure {
height:305px;
background-color:#141347;
color:white
}
.packages .tg-tourdestination + .tg-tourdestination,
.packages .tg-tourdestination {
width:32%;
margin:0 1% 2% 0;
padding:0;
height:305px
}
.packages .tg-tourdestination figure .title{
float:right;
width:100%;
text-align:right;
margin:0 0 0 0;
padding:12px 10px 0 0;
box-sizing:border-box
}
.packages h2{
float:right;
width:100%;
text-align:center
}
.packages > div > .tg-btn{
float:right;
width:100%;
text-align:right;
padding:0 10px
}
.packages .tg-tourdestination figure h4{
width:100%;
text-align:center;
color:white;
font-weight:bold;
margin:21px 0;
font-size:16px;
box-sizing:border-box;
padding:0 10%
}
.packages .tg-tourdestination figure h5{
width:95%;
margin:0 2.5%;
padding:10px 0
}
.explanation .col-xs-6{
width:100%;
float:right;
margin:0 0 20px 0
}
.tg-aboutus .tg-contactinfo li{
width:100%;
margin:20px 0;
padding:0 0 10px 0;
border:0 !important;
border-bottom:1px solid #F19E0D !important
}
.tg-aboutus .tg-contactinfo li + li::after{
display:none
}
.tg-testimonials .reviewsWrapper .reviewsSlider .review{
width:CALC(100% / 3);
margin:0 0 20px 0
}
.packages .tg-tourdestination .tg-hoverbox,
.packages .tg-tourdestination figure h5,
.packages .tg-tourdestination figure h4{
color:#fff
}
}
/* --- Admin fix --- */
.sys_website_active .tg-bannerholder{
height:auto
}