/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Varela);
@import url(https://fonts.googleapis.com/css?family=Varela+Round);
@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700);


/*  Table OF Contents
==========================
1-General Styles
2-Navigation 
3-Pop-up
4-slider
5-breadcrumbs
6-Our Destination
7-Our travels
8-Special Offers
9-Booking Tabs
10-Bottom-line slider
11- Destination/tourDetails slider
12-Leave Comment
13-footer
14-404
15-About US
16-contact us
17-Responsive


/*============================
1-General Styles
 ==============================*/

a { 
    color: #4192D9; 
}

body{
    color: #63666A;
    overflow-x:hidden;
    font-size: 15px;
    font-family: 'Varela Round', sans-serif;
    background: whitesmoke;
}

.container{
    margin:0 auto;
    /*max-width:940px;*/
}

.pad30{
    padding-top:30px !important;
}

.no-border-left{
    border-left:0px !important;
}
.no-border-right{
    border-right:0px !important;
}
.no-border-bottom{
    border-bottom:0px !important;
}
.no-border-top{
    border-top:0px !important;
}
.no-pad-left{
    padding-left:0px !important;
}
.no-pad-right{
    padding-right:0px !important;
}
.no-pad-bottom{
    padding-bottom:0px !important;
}
.no-margin-top{
    margin-top:0px !important;
}

.no-margin-left{
    margin-left:0px !important;
}
.no-margin-right{
    margin-right:0px !important;
}
.no-margin-bottom{
    margin-bottom:0px !important;
}
.no-margin-top{
    margin-top:0px !important;
}
.isotope{
    overflow:visible !important;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.search-options .ui-state-default,.search-options .ui-widget-content .ui-state-default, 
.search-options .ui-widget-header .ui-state-default{
    background: url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/heart-handle.png) repeat-x scroll 50% 50% #ff0728;
    border-radius:4px;
    border:none;
}

#special-offers-2 .ui-state-default,#special-offers-2 .ui-widget-content .ui-state-default, 
#special-offers-2 .ui-widget-header .ui-state-default{
    background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #ff0728;
}
#special-offers-2 .ui-widget-header,.search-options .ui-widget-header{
    background:none;
}
#special-offers-2 .ui-widget-content,.search-options .ui-widget-content{
    background:#cccccc;
    min-height:6px;
    max-height:6px;
}
#special-offers-2 .ui-slider-horizontal .ui-slider-handle, .search-options .ui-slider-horizontal .ui-slider-handle{
    top:-0.5em;
    cursor:pointer;
}



/*============================
2-Navigation
==============================*/
#navbar{
    background: #00305A; /* #233261; #0b2340;*/
    /*font-family:calibri;*/
    position:relative;
    /*-moz-box-shadow: 0px 5px 7px #627186;
    -webkit-box-shadow: 0px 5px 7px #627186;
    box-shadow: 0px 5px 7px #627186;*/
}
.no-shadow{
    box-shadow:none !important;
     -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#navbar ul{
    margin:0;
    z-index:9999999 !important;
}
.access-lists ul{
    display:inline-block;
    margin:0;
}
.quick-access{
    /*border-top:3px solid #a8bad4;
    border-bottom:1px solid #00152e;*/
    padding-top:24px;
    padding-bottom:18px;
    
}
.quick-access a, .social a{
    text-decoration:none;
    color: #7ABAF2;
    font-size:14px;
    line-height:10px;
}
.access ul{
    margin:0;
}
.access li{
    display:inline;
    border-right:1px solid #20456f;
    padding-right:13px;
    padding-left:13px;
}
.social{
    padding-left:13px;
}
.social li{
    border:none;
    /*color:#20456f;*/
    font-size:14px;
    display:inline-block;
    margin-right:5px;
}
.social li a:hover, .quick-access a:hover{
    color:#5284bd;
}

.contact-access{
    margin-top:3px;
}

.contact-access li{
    /*display:inline-block;*/
    color:#20456f;
    font-size:14px;
}
.contact-access li a{
    font-size:14px;
    font-weight:700;
    font-family:calibri;
    padding-left:7px;
    padding-right:18px;
}

.search-all{
    position:relative;
    height:29px;
    border:1px solid #0e2a4c;
    width:345px;
    float:right;
    margin-top: 5px;
    border-radius:2px;
   background-color: #051831;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#696A6D), to(#9199A3));
   background-image: -webkit-linear-gradient(top, #696A6D, #9199A3); 
   background-image: -moz-linear-gradient(top, #696A6D, #9199A3);
   background-image: -ms-linear-gradient(top, #696A6D, #9199A3);
   background-image: -o-linear-gradient(top, #696A6D, #9199A3);
}
.search-all input{
    position:absolute;
    top:0;
    height:94%;
    max-height:29px;
    color:#ccffff;
    display:inline-block;
    background:none;
    border:none;
}
.lt-ie9 .search-all input{
    height:90% !important;
    max-height:29px !important;
    padding-top:0px !important;
    line-height:30px;
    border-radius:0;
}

.search-all input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}

.search-all input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}

.search-all input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}

.search-all input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

.search-all label {
    position:absolute;
    width:100%;
    color:#20456f;
    left:187px;
    width:16px;
    top:4px;
    font-size:13px;
}
#genral-search{
    width:171px !important;
    border-right:1px solid #20456f;
    padding-left:10px;
    left:0;
    border-radius:0; 
}

#ad-search{
    border-right:1px solid #20456f;
    padding-left:18px;
    width:86%;
    left:0px;
    background-repeat:no-repeat;
    background-position:left center;
    border-radius:0;
}

#submit-search{
    position:absolute;
    height:100%;
    background:none;
    border:none;
    width:29px;
    right:0;
    color:#20456f;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:0;
}

#submit-search:hover{
    background-color:#20456f;
    color:#051a34;
}

#nav{
    text-transform:uppercase;
    /*border-top:1px solid #0a2e5b;*/
    padding-top:10px;
    padding-bottom:9px;
}
#navinner{
    position:relative;
}
#nav ul{
    margin:0;
    /*text-align:center;*/
    
}
#nav li{
    display:inline-block;
    list-style:none;
    padding-right:26px;
}
#nav li a{
    color:#7ABAF2;
    text-decoration:none;
    padding:5px;
    border-radius:3px;
    font-size:17px;
    line-height:24px;
}
#nav li a:hover{
    color:#ffffff;
    background:#01142a;
}
#nav li.active a{
    color:#ffffff;
    background:#01142a;
}

.logo-space{
    margin-left:150px;
}

.logo{
    position:absolute;
    /*height:159px;*/
    /*width:159px;*/
        /*top:-80px;*/
        top:-105px;
    /*left:383.5px;*/
    left:50%;
    /*margin-left:-85px;*/
        margin-left:-100px;
    z-index:999;
    text-align:center;

}
.logo img{
    /*height:159px;*/
    /*width:159px;*/
}

.mobile-menu {
    display: none;
    background: #0b2340;
    color: #ffffff;
    width: 94%;
    margin:0 auto;
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border:2px solid #6084ad;
    line-height:20px;
    height:40px;    
}


/*============================
3-Pop-up
 ==============================*/

.popups input{
    font-size:16px;
    margin:0;
    color:#cccccc;
    position:absolute;
    left:0;
    top:0;
    height:34px;
    width:320px;
    padding-left:38px;
    background:linear-gradient(to bottom, #E2E2E2 0%, #FFFFFF 18%) repeat scroll 0 0 transparent;
}
.pop-out{
    background:#fff;
    max-width:400px;
    margin:0 auto;
    /*text-align:right;*/
}
.popups{
    /*height:34px;*/
    max-width:368px;
    margin:25px auto;
    position:relative;
}
.popup-head{
    background:#0b2241;
    text-align:left;
    font-size:20px;
    color:#fff;
    font-weight:700;
    line-height:40px;
    text-transform:uppercase;
    padding-left:20px;
}
.pop-out form{
    padding-bottom:20px;
}
.popups span{
    position:absolute;
    left:10px;
    font-size:18px;
    color:#cccccc;
    line-height:45px;
}
.pop-out button{
    padding:13px 26px;
    background:#ffea00;
    transition:All 0.6s ease;
    -webkit-transition:All 0.6s ease;
    -moz-transition:All 0.6s ease;
    -o-transition:All 0.6s ease;
    z-index:9999;
    border:1px solid #EDD900;
    margin-right:17px;
    color:#1b1b1b;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:5px;
        margin-top:50px;
}
.pop-out button:hover{
    background:#0b2340;
    border:1px solid #0b2340;
    color:#ffffff;
}
.explore-caption{
    position:absolute;
    background:#0f110f;
    width:100%;
    bottom:0;
    left:0;
    text-align:left;
    opacity:0.9;
}
.explore-caption p {
  color: #FFFFFF;
  font-family: calibri;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
  padding: 10px 20px;
}
#explore{
    width:70%;
    margin:0 auto;
    max-width:700px;
}
#explore .carousel-control{
    border-radius:0;
    color:#fff;
    font-size:28px;
    text-align:center;
    line-height:35px;
    border:none;
    background:#2a2b22;
    border-radius:4px;
    height:36px;
}
#explore  .carousel-inner {
  border: 2px solid #FFFFFF;
  border-radius: 4px ;
}
.mfp-close-btn-in .mfp-close{
    display:none;
}



/*============================
4-slider
============================*/

.ls-fullwidth .ls-nav-prev{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/left.png) !important;
    background-position:top center;
    background-repeat:no-repeat;
    background-color: transparent;
    height:56px !important;
    width:33px !important;
    z-index:999 !important;

}

#home-small .ls-fullwidth .ls-nav-prev{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/left2.png) !important;
}

.ls-fullwidth .ls-nav-next{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/right.png) !important;
    background-repeat:no-repeat;
    background-color: transparent;
    height:56px !important;
    width:33px !important;
    background-position:top  center !important;
    z-index:999 !important;
}
#home-small .ls-fullwidth .ls-nav-next{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/right2.png) !important;
}


.ls-fullwidth .ls-bottom-slidebuttons, .ls-fullwidth .ls-nav-start, 
.ls-fullwidth .ls-nav-stop, .ls-fullwidth .ls-nav-sides{
    top:3px !important;
}
.ls-fullwidth .ls-bottom-slidebuttons a{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/slider_button.png) !important;
    background-position:top right !important;
    height:14px !important;
    width:14px !important;
    margin-right:10px;
}
.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active,
.ls-fullwidth .ls-bottom-slidebuttons a:hover {
    background-position:top left !important;
}

#home{
    position:relative;
}
#home-small{
    position:relative;
    border-bottom:6px solid #ffffff;
}
.home-2{
    max-width:940px;
    margin:0 auto;
    margin-top:7px;
}
.slider-overlay{
    height: 125px;/*150px;*/
    width:100%;
    position:absolute;
    bottom:-70px;
    background:rgb(5,9,15);
    background:rgba(5,9,15,.75);
    z-index:99;
}
.lt-ie9 .slider-overlay{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
 
}
.slider-overlay-3{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    background:rgb(5,9,15);
    background:rgba(1,12,25,.82);
    z-index:99;
}
.lt-ie9 .slider-overlay-3{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
 
}
.overlay-tool2{
    width:301px;
    height:103px;
    position:absolute;
    right:0;
    /*bottom:35px;*/
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/slides/canarias_map.png) no-repeat;
        z-index:-1;
}
.slider-overlay-2{
    height:150px;
    background:rgb(5,9,15);
    z-index:99;
    position:relative;
}
.overlay-line{
    border-top:2px solid #ffff00;
    position:absolute;
    width:100%;
    left:0px;
    top:-5px;
}
.overlay-line-2{
    border-top:2px solid #ffff00;
    position:absolute;
    width:102%;
    left:-1%;
    top:0px;
}
.overlay-line-3{
    border-top:2px solid #ffff00;
    position:absolute;
    width:100%;
    left:0;
    top:0px;
}
.overlay-content{
    background-color:transparent;
    padding-top:2px;
    position:relative;
}
.overlay-content2{
    background-color:transparent;
    padding-top:2px;
}
.content-detail{
    position:relative;
}
.content-detail .title{
    font-family: 'Roboto', sans-serif;
    color:#ffffff;
    position:absolute;
    top:10px;
    text-align:right;
    left:25px;
}
.title .t-large{
    font-weight:100;
    font-size:99px;
    line-height:100px;
    
}
.title .t-medium{
    font-weight:300;
    font-size:33px;
    padding-right:10px;
}
.overlay-overflow{
    height:70px;
    background:#020810;
    
}
.content-detail .price-tag{
    font-family: 'Roboto', sans-serif;
    color:#ffffff;
    position:absolute;
    top:20px;
    left:458px;
}

.price-tag .tag{
    font-weight:100;
    font-size:22.49px;
    line-height:24px;
    text-transform:uppercase;
}

.price-tag .price{
    font-weight:300;
    font-size:56.22px;
    line-height:52px;
}
.content-detail .booknow{
    position:absolute;
    right:33px;
    top: 50px;/*75px;*/
}
.content-detail .booknow a{
    background: #FFCC00; /*#ffea00;*/
    padding:26px 53px 25px 53px;
    /*font-family:calibri;*/
    font-size:30px;
    /*font-weight:bold;*/
    color:#1b1b1b;
    text-decoration:none;
    border-radius:4px;
    transition:All 0.4s ease;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}
.content-detail .booknow a:hover{
    background:#0b2340 !important;
    color:#ffffff ;
}


/*===============================
 5-breadcrumbs
 ===============================*/


.about-page{
    /*padding-top:50px;*/
    padding-top:45px;
}
.page-title{
    font-size:40px;
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    color:#ffffff;
    text-transform:uppercase;
}
.page-line{
    font-weight:150;
    font-size:18px;
    line-height:18px;
    color:#ffea00;
    padding-top:10px;
    padding-bottom:25px;
        /*letter-spacing: 1px;*/
}
.breadcrumb-custom ul{
    margin:0;
    padding:0;
}
.breadcrumb-custom li{
    list-style:none;
    float:left;
    margin-right:15px;
    color:#999999;
}
.breadcrumb-custom li a{
    color:#999999;
    font-size:14px;
    text-decoration:none;
    padding-left:10px;
    font-family:calibri;
    
}


/*==========================
6-Our Destination
==========================*/
#destination-flex-nav{
    margin-top:15px;
}
#destination-flex-nav li{
    padding-right:4px;
    padding-left:4px;
    max-width:68px;
    
}

#destinations-wrapper{
    padding-top:60px;
    padding-bottom:50px;
}
.destination-wrapper{
    padding-top:27px;
    
}
.heading{
    width:87%;
    background:#ffdf0e;
    font-size:24px;
    line-height:40px;
    font-weight:700;
    text-transform:uppercase;
    color:#333333;
    float:left;
    position:relative;
    margin-right:20px;
    padding-left:50px;
}
.head-bottom-bar{
    position:absolute;
    height:4px;
    width:220px;
    background:#ff0728;
    bottom:-6px;
    left:0;
}
.caption p{
    font-size:18px;
    line-height:23px;
    font-weight:100;
}
.head-circle{
    min-height:24px;
    max-height:24px;
    min-width:24px;
    max-width:24px;
    border:3px solid #333333;
    border-radius:50%;
    position:absolute;
    left:10px;
    top:6px;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
}
.head-circle-inner{
    min-height:15px;
    max-height:15px;
    min-width:15px;
    max-width:15px;
    background:#ff0728;
    margin:4px auto;
    border-radius:50%;
    position:relative;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
    
}

.destination-carosel{
    /*float:left;
    width:420px;*/
    width:100%;
}

.rs-slider{
    margin:0 !important;
}

.slide-holder{
    width:100%;
    /*width:400px;*/
    /*margin-left:-20px;*/
    position:relative;
    
}
.slide-holder img{
    width:100%;
    height: auto;
}
.slide-holder .caption{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(51,51,51,0.8);
}
.slide-holder p{
    font-size:16px;
    line-height:20px;
    font-weight:700;
    color:#ffffff;
    width:70%;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}
.slide-holder .city{
    position:absolute;
    right:-10px;
    bottom:40px;
    background:#ffdf0e;
    padding-left:10px;
    padding-right:10px;
    line-height:40px;
    font-size:18px;
    font-weight:700;
    border-radius:4px;
}

#destination-boxes{
    float:left;
    width:520px;
}
.box-inner{
    float:left;
    position:relative;
    margin-bottom:15px;
    background:#0b2340;
    text-align:center;
    
}
.box-inner img{
    transition:All 0.4s ease;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}

.box1{
    width:280px;
    height:160px;
    margin-right:10px;
    overflow:hidden;
}
.box1 img{
    width:280px;
    height:160px;
}
.box1:hover img{
    width:270px;
    height:150px;
    margin:5px auto;

}
.box2{
    margin-top:16px;
    width:230px;
    height:150px;
    overflow:hidden;
}

.box2 img{
    width:230px;
    height:150px;
}
.box2:hover img{
    width:220px;
    height:140px;
    margin:5px auto;
}

.box3{
    width:220px;
    height:135px;
    margin-right:14px;
    overflow:hidden;
}
.box3 img{
    width:220px;
    height:135px;
}
.box3:hover img{
    width:210px;
    height:125px;
    margin:5px auto;
}
.box4{
    width:280px;
    height:175px;
    overflow:hidden;
}
.box4 img{
    width:280px;
    height:175px;
}
.box4:hover img{
    width:270px;
    height:165px;
    margin:5px auto;
}
.box-hover{
    position:absolute;
    top:-200px;
    left:0;
    width:100%;
    height:0;
    background:rgba(11,35,64,0.8);
    transition:All 0.6s ease;
    -webkit-transition:All 0.6s ease;
    -moz-transition:All 0.6s ease;
    -o-transition:All 0.6s ease;
    overflow:hidden;
}
.box-inner:hover .box-hover{
    top:0;
    height:100%;
}
.box-caption{
    text-align:left;
    padding-top:20px;
    padding-left:20px;
}
.box-caption .tag-line{
    font-size:14px;
    line-height:20px;
    color:#ffffff;
    font-weight:700;
}
.box-caption .city{
    font-size:14px;
    line-height:30px;
    color:#333333;
    font-weight:700;
    background:#ffdf0e;
    border-radius:4px;
    display:table;
    padding-right:10px;
    padding-left:10px;
    margin-top:10px;
    text-transform:uppercase;
}

.box-hover a.link{
    color:#333333;
    background:#ffffff;
    font-size:18px;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
    position:absolute;
    right:7%;
    bottom:15%;


}
#destination-thumbs div .arrow{
    display:none;
}

#destination-thumbs div.selected .arrow{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/arrow.png)  no-repeat center top;
    height:6px;
    width:12px;
    position:absolute;
    top:-22px;
    left:24px;
    display:block;
}
#destination-thumbs div{
    height:60px;
    width:60px;
    background:#ffffff;
    position:relative;
    margin-right:15px;
    margin-top:15px;
    text-align:center;
    float:left;
}
#destination-thumbs div.selected{
    border:2px solid #333333;
    margin-top:12px;
}
#destination-thumbs img{
    height:60px;
    width:60px;
    cursor:pointer;
}
#destination-thumbs div.selected img{
    height:58px;
    width:58px;
    margin-top:1px;
}
.view-detail{
    margin-left: 10px;
    /*margin-top:5px;*/
    /*margin-bottom:15px;*/
}
.view-detail div{
    font-size:16px;
    line-height:18px;
    color:#333333;
}
.view-detail a{
    font-size:16px;
    line-height:18px;
    font-weight:700;
    /*color:#333333;*/
    text-decoration:underline;
    text-transform:uppercase;
}

#destination-styles{
    position:relative;
    
}

.destination-style-1{
    width:460px;
    height:279px;
    border-bottom:1px solid #cccccc;
    background:#ffffff;
    float:left;
    margin-bottom:15px;
    position:relative;
}
.destination-style-1 .visual{
    height:230px;
    width:460px;
    position:relative;
}
.destination-style-1 .visual img{
    height:230px;
    width:460px;
}
.place-info{
    position:relative;
    
}
.place-info .place{
    font-size:18px;
    font-weight:bold;
    line-height:20px;
    color:#333333;
    padding-left:20px;
    padding-top:13px;
}
.place-info .read-more{
    position:absolute;
    width:160px;
    height:34px;
    background:#ffff00;
    right:0;
    top:0;
    text-align:center;
    padding-top:15px;
    font-size:16px;
    font-weight:bold;
    color:#000;
}
.place-info .read-more span{
    font-size:14px;
    font-weight:normal;
    text-decoration:line-through;

}
.place-info .read-more a{
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}
.place-detail{
    position:absolute;
    right:0;
    top:0;
    width:160px;
    height:100%;
    background:#002a4a;
    background:rgba(0,42,74,0.9);
}
.place-info .read-more .arrow{
    position:absolute;
    top:-8px;
    left:71px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/arrow-yellow-up.png);
    width:19px;
    height:8px;
}
.place-detail p{
    padding:19px 15px 0px 20px;
    font-size:13px;
    line-height:18px;
    color:#cccccc;
}

.visual-icon{
    width:50px;
    height:36px;
    padding-top:14px;
    position:absolute;
    border-radius:4px;
    left:10px;
    top:10px;
    background:#212022;
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:16px;
}
.visual-icon span{
    color:#ff2a2a;
    font-size:24px;
}

.destination-style-2{
    float:left;
    width:440px;
    height:100%;
    background:#ffffff;
    float:left;
    margin-bottom:23px;
    -moz-box-shadow: 0px 0px 5px #b8b59d;
    -webkit-box-shadow: 0px 0px 5px #b8b59d;
    box-shadow: 0px 0px 5px #b8b59d;
    position:relative;
    padding-top:20px;
    padding-left:20px;
    margin-right:20px;
}
.popular-tag{
    position:absolute;
    width:82px;
    height:82px;
    top:-5px;
    left:-5px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/popular.png) no-repeat;
    z-index:999;
}

.destination-style-2 .visual{
    width:100px;
    height:100px;
    float:left;
    margin-right:20px;
}
.destination-style-2 .visual img{
    width:100px;
    height:100px;
    max-width:100px;
    max-height:100px;
}
.destination-style-2 .title{
    font-size:20px;
    line-height:10px;
    color:#000000;
    text-transform:capitalize;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:12px;
}
.destination-style-2 .price-info{
    width:240px;
    float:left;
    text-align:center;
    font-size:32px;
    line-height:32px;
    font-weight:700;
    color:#000;
    background:#ffff00;
    height:46px;
    padding-top:12px;
}
.destination-style-2 .price-info span{
    text-decoration:line-through;
    font-size:21px;
    font-weight:normal;
    line-height:15px;
    line-height:38px;
    margin-top:-5px;
}
.destination-style-2 .discount-tag{
    width:94px;
    height:78px;
    padding-top:19px;
    position:absolute;
    top:57px;
    right:-8px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/discount-tag.png) no-repeat;
    color:#ffffff;
    text-align:center;
    font-size:20px;
    line-height:20px;
    font-weight:700;
    z-index:999999;
}

.destination-style-2 h6{
    max-width:400px;
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    color:#000;
    
}
.destination-style-2 p{
    max-width:400px;
    font-size:13px;
    line-height:18px;
    font-weight:normal;
    color:#333333;
    
}
.destination-style-2 a.booknow2{
    display:table;
    font-size:16px;
    font-weight:700;
    line-height:40px;
    color:#1b1b1b;
    background:#ffea00;
    border:1px solid #edd900;
    border-radius:4px;
    padding-left:28px;
    padding-right:28px;
    text-decoration:none;
    cursor:pointer;
    transition:All 0.6s ease;
    -webkit-transition:All 0.6s ease;
    -moz-transition:All 0.6s ease;
    -o-transition:All 0.6s ease;        
}
.destination-style-2 a.booknow2:hover{
    background:#0b2340;
    border:1px solid #0b2340;
    color:#ffffff;  
}

.destination-style-3{
    width:460px;
    height:575px;
    border-bottom:1px solid #cccccc;
    background:#ffffff;
    float:left;
    margin-bottom:15px;
    position:relative;
    
}

.destination-style-3 .visual img{
    height:526px;
    width:460px;
}

.desti-hover{
    position:absolute;
    top:0;
    left:0;
    overflow-y:hidden;
    height:0;
    transition:All .5s ease-in-out;
    -webkit-transition:All .5s ease-in-out;
    -moz-transition:All .5s ease-in-out;
    -o-transition:All .5s ease-in-out;
}
.destination-style-1:hover .desti-hover,.destination-style-3:hover .desti-hover{
    height:100%;
    
}

/*==========================
7-Our travels
==========================*/

#tours-wrapper{
    position:relative;
}
#tours-wrapper .container{
    position:relative;
}
.section-header{
    text-align:center;
    margin:0 auto;
    display:table;
    padding-left:30px;
    padding-right:30px;
    line-height:30px;
    font-size:24px;
    background:#ffdf0e;
    padding-top:10px;
    text-transform:uppercase;
    font-weight:700;
    position:relative;
}



ul.filter-out{
    margin:0;
    text-align:center;
    padding-bottom:20px;
}



.filter-out li{
    display:inline-block;
    list-style:none;
    padding-left:22px;
    padding-right:22px;
    background:#ffffff;
    border-radius:4px;
    margin-right:20px;
    
}
.filter-out li.header{
    
    padding-left:0px;
    padding-right:0px;
    color:#333333 !important;
    background:none;
    
}

.header.active a{
    color:#333333 !important;
}


.filter-out li a{
    color:#333333;
    font-size:16px;
    line-height:30px;
    font-weight:700;
    text-decoration:none;
    width:100%;
    display:block;
    text-align:center;
    outline:none;
}
.filter-out li.active a{
    color:#ff0728;
}

.circle-outer{
    /*top:-13px;*/
    /*left:100px;*/
    position:absolute;
    background:#ffffff;
    min-height:26px;
    max-height:26px;
    min-width:26px;
    max-width:26px;
    border-radius:50%;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
}
.header-outer{
    padding-top:15px;
}
.inner-1{
    background:#ffffff;
    border:3px solid #333333;
    margin:3px auto;
    min-height:14px;
    max-height:14px;
    min-width:14px;
    max-width:14px;
    border-radius:50%;
    position:relative;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
}

.inner-2{
    background:#ff0728;
    margin:3px auto;
    min-height:8px;
    max-height:8px;
    min-width:8px;
    max-width:8px;
    border-radius:50%;
    position:relative;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
}
.section-header .head-bottom-bar{
    width:100%;
}

.short-info p{
    font-size:18px;
    line-height:23px;
    color:#333333;
    max-width:730px;
    margin:0 auto;
    text-align:center;
}


.tours-wrapper{
    padding-top:30px;
    /*padding-bottom:30px;*/
    position:relative;
    height:auto;
    
}
#our-travels .tours-wrapper{
    padding-top:28px;
    padding-left:4px;
}

.tour{
    width:220px;
    float:left;
    position:relative;
    background:#ffffff;
    margin-bottom:64px;
    margin-left:8px;
    margin-right:8px;
}
#our-travels .tour{
    margin-bottom:50px;
    margin-left:5px;
    margin-right:5px;
}
#our-travels .tour:hover{
    margin-left:2px;
}
#our-travels .special-tour, #our-travels .special-tour:hover{
    margin-left:0;
    margin-right:0;
    margin-top:0;
    border:0;
}
.tour .tour-visual{
    position:relative;
    margin:2px auto;
    width:216px;
    overflow:hidden;
}

.tour .tour-visual img{
    height:146px;
    width:216px;
}

.tour .head{
    padding-left:10px;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    padding-top:10px;
}

.tag-line{
    padding-left:10px;
    font-size:14px;
    /*line-height:24px;*/
    line-height:18px;
    padding-top:5px;
}
.rate{
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:10px;
}
.rate div{
    display:inline-block;
}
.rate .rating{
    color:#999999;
}

.rate .star{
    color:#ffcc00;
    
}
.rate .price{
    text-align:right;
    width:105px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
        padding-right:10px;
}

.tour .records{
    padding-top:14px;
    padding-left:10px;
    padding-bottom:44px;
}
.records span{
    color:#cccccc;
    margin-right:15px;
}
.records span a{
    color:#999999;
    font-family:calibri;
    display:inline-block;
    padding-left:5px;
    text-decoration:none;
}
a.booknow{
    padding:14px 28px 14px 28px;
    background:#ffea00;
    color:#333333;
    font-weight:700;
    font-size:16px;
    position:absolute;
    bottom:-22px;
    left:42px;
    border-radius:4px;
    text-decoration:none;
    cursor:pointer;
    transition:All .5s ease-in-out;
    -webkit-transition:All .5s ease-in-out;
    -moz-transition:All .5s ease-in-out;
    -o-transition:All .5s ease-in-out;
}
.tour-visual .hover{
    background:rgba(255,255,255,0.75);
    position:absolute;
    width:100%;
    height:0;
    bottom:0;
    left:0;
    transition:All .5s ease-in-out;
    -webkit-transition:All .5s ease-in-out;
    -moz-transition:All .5s ease-in-out;
    -o-transition:All .5s ease-in-out;

}
.tour:hover .hover{
    height:100%;
}
.tour:hover{
    border:3px solid #cccccc;
    margin-top:-3px;
    margin-left:5px;
}

.tour-row-end{
    margin-right:0px !important;
}

.tour:hover .tour-row-end{
    margin-right:0px !important;
    margin-left:-6px !important;
}
.tour-detail p{
    font-size:15px;
    line-height:18px;
    color:#666666;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    /*padding-bottom:20px;*/
    border-top:1px solid #cccccc;
    margin-top:5px;
}



.layout-2 .tour{
    width:100% !important;
    margin:0;
    min-height:150px;
    margin-bottom:20px;
}


.layout-2 .tour-visual{
    position:relative;
    margin:2px auto;
    width:216px;
    overflow:hidden;
    float:left;
    margin-left:2px;
    margin-right:18px;
}


.layout-2 .tour .head{
    padding-left:0;
}


.layout-2 .tour .tag-line,.layout-2 .tour-detail p{
    max-width:450px;
    padding-left:0;
    padding-bottom:0;

}
.layout-2 .tour-inner{
    float:left;
    position:relative;
}


.layout-2 .rate{
    border: none !important;
}

.layout-2 .rating{
    position:absolute;
    top:5px;
    right:10px;
}

.layout-2 .rate .price{
    position:absolute;
    padding:0;
    bottom:0px;
    right:auto;
    left:0px;
    text-align:left;
    display:table;
}

.layout-2 .tour .records{
    padding:0;
    left:60px;
    display:table;
    bottom:0px;
    position:absolute;
}


.layout-2 a.booknow{
    left:auto;
    right:10px;
    padding:10px 24px 10px 24px;
    bottom:-8px;
}


.layout-2 .tour:hover{
    border:none;
    margin:0;
}



.visual-tag{
    width:50px;
    position:absolute;
    top:0;
    right:0;
    color:#ffffff;
    text-align:center;
    line-height:25px;
    transition:All .5s ease-in-out;
    -webkit-transition:All .5s ease-in-out;
    -moz-transition:All .5s ease-in-out;
    -o-transition:All .5s ease-in-out;
    font-weight:400;
}
.visual-tag span{
    padding-right:3px;
}
.tag-BG1{
    background:#ff0728;
}
.tag-BG2{
    background:#3399cc;
}
.tag-BG3{
    background:#669966;
}
.tag-BG4{
    background:#9999ff;
}
.tag-BG5{
    background:#cc99cc;
}
.tag-BG6{
    background:#999966;
}
.tag-BG7{
    background:#6699cc;
}
.tag-BG8{
    background:#669966;
}
.tag-BG9{
    background:#cc9999;
}
.tour:hover .visual-tag{
    background:#0b2340 !important;
}
.tour:hover a.booknow{
    background:#0b2340;
    color:#ffffff;
}
.tour-bottom-line{
    height:1px;
    width:100%;
    position:absolute;
    left:0;
    bottom:-3px;
    background:#cccccc;
}
.layout-2 .tour-bottom-line{
    display:none;
    height:0;
    border:0;

}
.cutom-pagination{
    position:relative;
        margin-bottom: 20px;
        margin-top: 15px;
}
.cutom-pagination ul{
    margin:0;
    margin-top:-35px;
    background:#ffffff;
    line-height:40px;
    text-align:center;
}
.cutom-pagination li{
    display:inline-block;
    //padding-left:7px;
    //padding-right:7px;
    margin-left:7px;
    margin-right:7px;
}
.cutom-pagination li a{
    color:#666666;
    font-size:16px;
    text-decoration:none;
    padding-left:7px;
    padding-right:7px;
    line-height:40px;
}
.cutom-pagination li.active, .cutom-pagination li:hover{
    background:#ffff00;
}
.cutom-pagination li.active a{
    
    color:#000;
}
.first-page, .last-page, .next-page, .prev-page{
    cursor:pointer;
}
.input-cutom-width1{
    width:38% !important;
    height:30px !important;
    margin-right:4%;
    float:left;
    position:relative;
    margin-bottom:16px;
}
.input-cutom-width2{
    width:15% !important;
    height:30px !important;
    margin-right:4%;
    background:none !important;
    float:left;
    position:relative;
    margin-bottom:16px;
}

.input-cutom-width3{
    width:20% !important;
    height:30px !important;
    font-size:14px !important;
    line-height:28px !important;
    display:inline-block;
    position:relative;
    float:left;
    margin-bottom:20px;
}
.input-cutom-width4{
    width:70% !important;
    height:30px !important;
    margin-right:4%;
    position:relative;
    float:left;
    margin-bottom:25px;
}
.input-cutom-width5{
    width:25% !important;
    min-height:30px !important;
    font-size:14px !important;
    line-height:28px !important;
    display:inline-block;
    position:relative;
    float:left;
    margin-bottom:25px;
}
.input-cutom-width1 input,.input-cutom-width2 input, .input-cutom-width3 input,
.input-cutom-width4 input, .input-cutom-width5 input{
    position:absolute;
    width:100% !important;
    height:100% !important;
    left:0;
    top:0;
    display:block;
}

.inside-tabs .nav-tabs > li > a{
    padding:10px 26px 10px 26px;
}
.tab-form-icons2{
    position:absolute;
    right:-4px;
    top:10px;
    color:#999999;
    font-size:18px;
}

.sorting-data{
    display:none;
}

#our-travels{
    position:relative;
    padding-top:20px;
}
.all-tours{
    /*background:#ffffff;*/
        border: solid 1px #e3e3e3;
    padding-top:25px;
    padding-bottom:30px;    
}

.tour-area{
    position:relative;
    padding-bottom:5px;
}
.tour-area .area-head{
    font-size:16px;
    font-weight:700;
    line-height:30px;
    color:#333333;
    padding-left:20px;
    cursor:pointer;
}
.tour-area .area-head.active{
    background:#ffff00;
    color:#000;
}
.tour-area .area-head:hover{
    background:#ffff00;
    color:#000;
}
.tour-area .area-head .overflow-left{
    display:none;
}
.tour-area .area-head .overflow-right{
    display:none;
}
.tour-area .area-head.active .overflow-left{
    position:absolute;
    width:10px;
    height:41px;
    left:-10px;
    top:0;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/overflow-left.png) no-repeat;
    display:block;
}
.tour-area .area-head.active .overflow-right{
    position:absolute;
    width:10px;
    height:30px;
    right:-10px;
    top:0;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/overflow-right.png) no-repeat;
    display:block;
}
.inner-areas{
    margin:0;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:10px;
}
.inner-areas li{
    display:block;
}

.inner-areas li a{
    color:#666666;
    font-size:14px;
    line-height:26px;
    text-decoration:none;
    font-family:calibri;
    padding-left:8px;
}
.inner-areas li.active,.inner-areas li.active a,.inner-areas li a:hover{
    color:#ff0728;
}

.search-result-main{
    background:#ffdf0e;
    margin-top:22px;
    position:relative;
    margin-bottom:6px;
}
.search-result-main .head{
    font-size:18px;
    line-height:26px;
    font-weight:700;
    color:#000;
    line-height:42px;
    position:relative;
    padding-left:55px;
}

.search-result-main .circle-outer{
    margin-top:-20px;
    margin-left:-80px;
    position:relative;
    background:#ffffff;
    min-height:26px;
    max-height:26px;
    min-width:26px;
    max-width:26px;
    border-radius:50%;
    float:left;
    z-index: 50;
    behavior: url(https://d3gye3kweytqcv.cloudfront.net/css/PIE.htc);
}
.search-result-main .inner-1{
    background:#ffffff;
    border:3px solid #333333;
    margin:3px auto;
    min-height:14px;
    max-height:14px;
    min-width:14px;
    max-width:14px;
    border-radius:50%;
    
}

.search-result-main .inner-2{
    background:#ff0728;
    margin:3px auto;
    min-height:8px;
    max-height:8px;
    min-width:8px;
    max-width:8px;
    border-radius:50%;
}
.search-result-main .bottomline{
    height:2px;
    background:#ff0728;
    width:100%;
    left:0;
    bottom:-4px;
    position:absolute;
}


.search-methodes{
    background:#ffffff;
    padding-top:5px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    margin-bottom:20px;
}


.option-wrapper{
    position:relative;
    background:#ffffff;
    height:24px;
}
.price-options, .lorem-options{
    border-bottom:1px solid #dddddd;
    margin-top:15px;
}
.price-options .head, .lorem-options .head{
    color:#666666;
    font-size:16px;
    line-height:26px;
    font-weight:700;
    cursor:pointer;
    margin-bottom:15px;
    position:relative;

}
.price-options .head span, .lorem-options .head span{
    position:absolute;
    color:#666666;
    font-size:16px;
    right:0px;
    top:5px;
}
.option-wrapper .option-box{
    cursor:pointer;
    top:0;
    left:0;
    position:absolute;
    height:13px;
    width:14px;
    border:1px solid #cccccc;
    background: #d3d3d3;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #f4f4f4 25%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(25%,#f4f4f4));
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#f4f4f4 25%);
    background: -o-linear-gradient(top, #d3d3d3 0%,#f4f4f4 25%);
    background: -ms-linear-gradient(top, #d3d3d3 0%,#f4f4f4 25%);
    background: linear-gradient(to bottom, #d3d3d3 0%,#f4f4f4 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f4f4f4',GradientType=0 );
}
.option-wrapper .option-box .option-box-inner{
    background:#17607d;
    height:10px;
    width:10px;
    position:absolute;
    top:1.5px;
    left:2px;
    display:none;
}
.option-wrapper .option-box.active .option-box-inner{
    display:block;
}
.option-wrapper .option-title{
    top:-2px;
    left:30px;
    font-size:13px;
    color:#666666;
    position:absolute;
}
.method-counter{
    position:absolute;
    width:24px;
    height:18px;
    text-align:center;
    border-radius:2px;
    background:#e7e7e7;
    left:125px;
    top:5px;
    line-height:18px;
    font-size:13px;
    color:#666666;
}

.vote-slider{
    margin-bottom:30px;
    margin-top:70px;
}

.lable{
    position:absolute;
    top:-60px !important;
    text-align:center;
    left:-10px;
    
}
.lable .lable-inner{
    font-size:14px;
    line-height:20px;
    color:#ff0728;
    
}
.lable .ttl-hearts{
    font-size:20px;
    line-height:20px;
    color:#333333;
    font-weight:700;
    display:block;
    
}

.min-range{
    position:absolute;
    left:-5px;
    font-size:14px;
    line-height:20px;
    color:#999999;
    top:15px;
}
.max-range{
    position:absolute;
    right:-5px;
    top:15px;
    font-size:14px;
    line-height:20px;
    color:#999999;
}
.star-options{
    margin:0;
    margin-bottom:14px;
}
.star-options li{
    display:inline-block;
    color:#999999;
    font-size:20px;
    cursor:pointer;
}

.star-options li.active{
    color:#ffcc00;
}
.sorting-methodes{
    background:#ffffff;
    line-height:40px;
    padding-left:20px;
    padding-right:20px;
}
.sorting-methodes div{
    display:inline-block;
}
.sorting-methodes ul{
    margin:0 ;
    padding:0;
    line-height:40px;
}
.sorting-methodes .head{
    font-size:16px;
    color:#666666;
    font-weight:700;
}
.sortby ul{
    padding-left:5px;
}
.sortby li{
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    position:relative;
}
.sortby li a{
    color:#666666;
    text-decoration:none;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    line-height:42px;
    min-height:40px;
    display:block;
}
.sortby li.active a{
    background:#ffea00;
    color:#000000;
    font-weight:700;
    outline:none;
}
.sortby li .arrow{
    display:none;
}
.sortby li.active .arrow{
    display:block;
    position:absolute;
    width:100%;
    height:6px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/sort-arrow.png) center center no-repeat;
    bottom:-6px;
    left:0;
    
}

.sort-asc-desc ul{
    margin:0;
    padding:0;
    padding-left:8px;
}
.sort-asc-desc li{
    display: inline-block;
}
.sort-asc-desc li a{
    color:#666666;
    text-decoration:none;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    line-height:20px;
    display:block;
    text-align:center;
    border-radius:4px;
}
.sort-asc-desc li.active a{
    background:#e0e0e0;
    color:#000;
}

.layout-option ul{
    margin:0;
    padding:0;
    border-left:1px solid #dfdfdf;
    padding-left:50px;
    margin-left:30px;
}
.layout-option li{
    display:inline-block;
    color:#cccccc;
    text-decoration:none;
    font-size:14px;
    padding-left:7px;
    padding-right:7px;
    line-height:20px;
    text-align:center;
    cursor:pointer;
}
.layout-option li.active{
    color:#17607d;
}

.input-cutom-width3 .custom-2{
    position:absolute;
    width:100% !important;
    height:100% !important;
    min-height:40px !important;
    left:0;
    top:0;
    display:block;
}
.input-cutom-width5 .custom-2{
    position:absolute;
    width:100% !important;
    min-height:40px !important;
    height:100% !important;
    left:0;
    top:0;
    display:block;
}

.travel-detail{
    position:relative;
    background:#ffffff;
    padding-top:20px;
    padding-bottom:20px;
    border: solid 1px #e3e3e3;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
}

/*.travel-detail .head{
    padding: 0px 20px;
    color:#00ADD7;
    font-size:28px;
    line-height:20px;
    font-weight:500;
    text-align:left;
    line-height:110%;
    margin-bottom:5px;
}*/

.travel-detail .head {
    padding: 0px 20px;
    color: #4192D9;
    font-size: 32px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 110%;
    margin-bottom: 15px;
    margin-top: 5px;    
}

.travel-detail .detail-social{
    /*float:right;
    //padding-right:50px;*/
        padding-left:20px;
        padding-top:10px;
        padding-bottom:10px;
}

.rating {
        padding-left: 10px;
        padding-bottom: 10px;
}
.travel-detail li{
    /*float:left;*/
    /*list-style:none;*/
    margin-right:10px;
    position:relative;
        color: #666666;
}
.detail-social li {
    float:left;
    list-style:none;
}
.detail-social li a{
    text-indent:-9999999px;
    width:100%;
    height:20px;
    display:block;
}
.travel-detail .facebook{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/fb.png) no-repeat;
    width:45px;
    height:20px;
}
.travel-detail .tweet{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/tweet.png) no-repeat;
    width:58px;
    height:20px;
}
.travel-detail .pinit{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/pinit.png) no-repeat;
    width:49px;
    height:24px;
    margin-top:-2px;
}

.travel-detail .shareit{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/share.png) no-repeat;
    width:50px;
    height:20px;
}
.share-count{
    position:absolute;
    font-size:10px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/share-count.png) no-repeat;
    width:38px;
    height:20px;
    top:0;
    right:-39px;
    font-weight:700;
    text-align:center;
}
.travel-detail .tag-line{
    padding:0;
    margin:0;
    /*color:#333333;*/
    font-size:14px;
    line-height:15px;
    padding-left:20px;
}
.stars{
    margin:0;
    padding:0;
    padding-left:10px;
}
.stars li{
    margin:0;
    padding:0;
    margin-left:3px;
    color:#999999;
    font-size:16px;
}
.stars li.star{
    color:#ffcc00;
}
.travel-detail p.detail{
    font-size:14px;
    color:#666666;
    line-height:18px;
    padding-top:10px;
    padding-bottom:15px;
}
.action-list{
    margin:0;
    padding:0;
    padding-left:20px;
}
.action-list li{
    color:#002a4a;
    font-size:18px;
    margin-right:27px;
}
.action-list li a{
    color:#002a4a;
    font-size:14px;
    line-height:38px;
    font-weight:700;
    padding-left:7px;
    text-decoration:none;
}
.user-actions{
    /*min-height:38px;*/
    min-height:50px;
    border-top:1px solid #cccccc;
    /*border-bottom:1px solid #cccccc;*/
        margin-bottom: 10px;
        margin-left:20px;
        width:initial;
}
.tour-package{
    background:#cccccc;
    min-height:38px !important;
    position:relative;
}

.package-duration{
    font-size:15px;
    line-height:40px;
    color:#333333;
    float:left;
    padding-left:30px;
    /*margin-right:60px;*/
        margin-right:10px;
}
.package-price{
    font-size:20px;
    line-height:40px;
    color:#ff0728;
    font-weight:700;
    padding-left:10px;
    display:inline;
}
.package-price-nodiscount{
    font-size:20px;
    line-height:40px;
    color:#333333;
    font-weight:700;
    padding-left:10px;
    display:inline;
        text-decoration: line-through;
}
.package-tool{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/book-tool3.png) no-repeat;
    width:60px;
    height:51px;
    position:absolute;
    top:-2px;
    right:-10.5px;
}
.row-fluid.prices {
        margin-top: 20px;
        margin-bottom: 10px;
        color: #333333;
        font-size: 18px;
}
.tour-list1{
    margin:0;
    padding:0;
    color:#333333;
}
.tour-list1 li{
    clear:both;
    display:block;
}
.tour-list1 span{
    font-family:calibri;
    font-size:14px;
    line-height:24px;
    font-weight:700;
    padding-left:7px;

}
.tour-list2{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:24px;
    
}

.tour-list2 li{
    color:#7da93e;
    clear:both;
    display:block;
    line-height:24px;
    
}
.tour-list2 span{
    color:#666666;
    padding-left:15px;
    font-family:calibri;
}
.short-comment{
    font-size:13px;
    line-height:18px;
    color:#666666;
    clear:both;
}
.code-input{
    width:80% !important;
    height:25px !important;
    background:#fefefe;
}
.code-input:focus{
    box-shadow:none;
}
.btn-book{
    width:190px;
    height:56px;
    text-align:center;
    line-height:56px;
    background:#ffea00;
    border:none;
    border-bottom:3px solid #ce9600;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
    position:absolute;
    right:30px;
    bottom:-75px;
    text-transform:uppercase;
    z-index:9999;
}
.book-code{
    position:relative;
    
}
.detail-tabs{
    padding-top:10px;
}
.detail-tabs .nav-tabs{
    background:#ffffff;
}
.detail-tabs .tab-content{
    margin-top:-21px;
    padding-bottom:20px;
}
.tab-inner{
    padding-top:15px;
}
.tab-inner p{
    font-size:16px;
    line-height:18px;
    /*color:#666666;*/
    padding-right:20px;
}
.float-left-img{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:12px;
}
 

.tour-header{
    position: relative;
    font-size: 36px;
    padding: 0px 10px;
    color: #00476C;
    font-weight: 400;
    padding-top: 20px;
    line-height: 110%;
    font-family: 'Dosis', sans-serif;
    /*margin-bottom: 20px;*/
}

.tour-header .circle-outer{
    position:absolute;
    /*top:37px;*/
    /*left:180px;*/
        margin-left:97%;
        margin-top: -17px;
}
.tour-header .line-overflow{
    /*position:absolute;*/
    /*top:50px;*/
    /*left:190px;*/
    height:1px;
    /*width:6000px;*/
    width:100%;
    border-top:1px dashed #666666;
        margin-top:10px;
}
.related-areas{
    margin:0 0 30px 0;
    padding:10px 10px 0 0;
}

.related-areas li{
    float:left;
    margin-right:10px;
    background:#ffffff;
    line-height:30px;
    min-width:120px;
    margin-bottom:10px;
    list-style:none;
    text-align:center;
    border-radius:4px;
}
.related-areas li a{
    font-size:13px;
    color:#333333;
    /*font-weight:700;*/
    text-decoration:none;
        padding: 0 5px 0 5px;
}
.related-areas li a:hover{
    color:#ff0728;
}


/*===================
8-Special Offers
====================*/
.control-BG1{
    background:#cc99cc;
}
.control-BG2{
    background:#99cc99;
}
.control-BG3{
    background:#cc9966;
}
.control-BG4{
    background:#9999cc;
}
.control-BG5{
    background:#cc9999;
}
.control-BG6{
    background:#cc99cc;
}
.control-BG7{
    background:#999999;
}
.control-BG8{
    background:#999966;
}
.control-BG9{
    background:#ff9999;
}
.control-BG10{
    background:#66ccff;
}

#special-offers{
    position:relative;
}
.single-tab{
    margin:0;
    height:120px;
    padding-top:15px;
    z-index:999;
    
}
.single-tab li{
    float:left;
    margin-right:17.5px;
    list-style:none;
    cursor:pointer;
    
}
.single-tab li.active{
    margin-top:15px;
}

.tab-btn{
    position:relative;
    width:100px;
    
}
.tab-btn-inner{
    position:relative;
    color:#ffffff;
    font-weight:700;
    font-size:30px;
    text-align:center;
    height:60px;
    width:100px;
    padding-top:40px;
    
}
.single-tab li.active .tab-btn-inner{
    height:70px;
}
.single-tab li .arrow{
    height:6px;
    width:100%;
    position:absolute;
    bottom:0px;
    display:none;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/tab-arrow.png);
}
.single-tab li.active .arrow{
    display:block;
}
.tab-btn-inner .circle-outer{
    left:37px;
}

.tab-slide{
    position:relative;
    background:#ffffff;
    padding:5px 5px 1px 20px;
    margin-top:-5px;
}
.content{
    padding-top:15px;
    padding-bottom:0px;
    padding-right:20px;

}
.content .content-head{
    color:#ff0728;
    font-size:24px;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:10px;
    border-bottom:1px solid #cccccc;
}
.content-title{
    font-size:18px;
    font-weight:700;
    padding-top:12px;
    padding-bottom:12px;
}
.content p{
    font-size:14px;
    line-height:18px;
    color:#666666;
}

.tabs-top-border{
    position:absolute;
    top:14px;
    border-bottom:1px dashed #333333;
    width:100%;
}


.flex-caption{
    margin-top:-50px;
    width:100%;
    text-align:right;

}
.flex-caption p{
    font-size:30px;
    font-weight:700;
    color:#ffffff;
    line-height:18px;
    padding-right:15px;
}
.flex-caption span{
    font-size:16px;
    font-weight:700;
    color:#ffffff;
    padding-right:15px;
}
.tab-area{
    display:none;
    transition:All 0.4s ease;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}
.carousel{
    margin:0 auto;
    padding:0;
    border:none;
    position:relative;
    width:100%;
    text-align:right;
}

#special-offers{
    background:#e7ebf3;
    padding-bottom:20px;

}
#special-offers-2{
    position:relative;
    margin-top:30px;
    padding-bottom:30px;

}

.no-bG{
    background:none !important;
}
.offers-overflow{
    height:15px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/BG-pattern.png);
    width:100%;
    position:absolute;
}

.content-head-black{
    font-size:24px;
    line-height:30px;
    font-weight:bold;
    color:#333333;
    border-bottom:1px solid #cccccc;
    padding-bottom:7px;
}

.content-title-2{
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    padding-top:10px;
    padding-bottom:10px;
}
.special-offers-ul{
    margin:0;
}
.special-offers-ul li{
    font-size:16px;
    color:#666666;
    display:block;
    margin:0;
}
.special-offers-ul li p{
    display: inline-block;
    font-family:calibri;
    color:#666666;
    font-size:13px;
    padding:0;
    margin:0;
    padding-left:8px;
    
}
.special-offers-p{
    font-family:calibri;
    color:#666666;
    font-size:13px;
    padding-top:10px;
    padding-bottom:40px;
}
.booking-detail{
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    position:absolute;
}
/*=========================
9-Booking Tabs
========================*/
#booking-tabs-wrapper{
    position:relative;
    background:#e7ebf3;
}

#booking-tabs-wrapper li{
    color:#666666;
}

.nav-tabs > li > a{
    background:#cccccc;
    border-radius:0;
    border:0;
    font-size:16px;
    font-weight:700;
    color:#333333;
    padding: 10px 50px 10px 50px;
    outline:none;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus{
    border:none;
    border-top:1px solid #cacaca;
    background:#ffffff;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{
    width:100%;
}
.tab-content{
    background:#ffffff;
    padding:20px;
    margin-top:-20px;
    padding-bottom:0;
    border-bottom:1px solid #cacaca;
}
.tab-form-icons{
    position:absolute;
    top:5px;
    right:10px;
    font-size:18px;
    color:#999999;
}
.custom-1{
    min-height:30px !important;
    background:#f2f2f2 !important;
    border:1px solid #e6e6e6 !important;
}
.custom-2{
    min-height:30px !important;
    background:#ffff00 !important;
    border:1px solid #edd900 !important;
    font-size:16px;
    font-weight:700;
    border-radius:4px;
    transition:All 0.6s ease;
    -webkit-transition:All 0.6s ease;
    -moz-transition:All 0.6s ease;
    -o-transition:All 0.6s ease;
    z-index:9999;
}
.custom-2:hover{
    background:#0b2340 !important;
    color:#ffffff;
    border:1px solid #0b2340 !important;
}
#our-travels .custom-2{
    font-size:12px;
}
.tab-note{
    font-size:13px;
    line-height:18px;
    color:#666666;
    padding-top:10px;
    padding-bottom:50px;
}

a.left-arrow-tab,a.go-left{
    position:absolute;
    /*left:5px;*/
    left:-23px;
    /*top:-30px;*/
    top:15px;
    cursor:pointer;
    z-index:999;
    width:20px;
    height:20px;
    padding:15px;
    font-size:18px;
    color:#333333;
    text-decoration:none;
    outline:none;
}
a.right-arrow-tab,a.go-right{
    position:absolute;
    /*right:0;*/
    right:-25px;
    /*top:-30px;*/
    top:15px;
    cursor:pointer;
    z-index:999;
    width:20px;
    height:20px;
    padding:15px;
    font-size:18px;
    color:#333333;
    text-decoration:none;
    outline:none;
}
.offers-tabs{
    margin-top:40px;
}
.goto-page{
    float:left;
    margin:0;
}
.newsletter{
    float:right;
    height:40px;
    margin-left:57px;
}
.custom-3{
    border:none !important;
    box-shadow:none !important;
    border-left:1px solid #cccccc !important;
    border-radius:0 !important;
    min-height:32px;
    display:block;
    float:left;
    width:190px !important;

}
.custom-4{
    border:none !important;
    box-shadow:none !important;
    background:#0b2340;
    color:#ffffff;
    font-size:14px;
    height:20px;
    width:20px;
    display:block;
    border-radius:4px;
    text-align:center;
    float:right;
    margin-top:10px;

}
.goto-page li{
    list-style:none;
    float:left;
    margin-right:25px;
    text-transform:uppercase;
}
.goto-page li a{
    color:#999999;
    font-weight:bold;
    font-size:12px;
    line-height:10px;
    text-decoration:none;
    display:block;
    padding:15px 0 15px 0;
    
}

#footer-links{
    
    background:#ffffff;
    border-bottom:1px solid #c5c8cf;
}
.offerCarousel-inner{
    position:relative;
    width:100%;
}
.item{
    position:relative;
}

.control-offer{
    position:absolute;
    bottom:65px;
    font-size:28px;
    font-weight:bold;
    color:#ffffff !important;
    cursor:pointer;
    z-index:99999;
}
.left-slide{
    right:50px;
    text-decoration:none !important;
}
.right-slide{
    right:15px;
    text-decoration:none !important;
}

/*=====================
10- bottom-line slider
======================*/
#thumbnails-slider{
    background:none;
    margin-top:10px;
    margin-bottom:10px
}
#bottom-slider{
    background:#e7ebf3;
    height:100px;
    padding-top:10px;
}
.bottom-slider-inner{
    height:81px;
    background:#ffffff;
    padding-top:9px;
}
.slide-line{
    width:110px;
    height:70px;
    float:left;
    margin-right:10px;
    /*opacity:.5;*/
    opacity:1;
}
.slide-line:hover{
    opacity:1;
}
.slide-visual{
    width:110px;
    height:70px;
    position:relative;

}
.slide-visual img{
    width:110px;
    height:70px;
    
}
.line-hover{
    position:absolute;
    right:110px;
    top:0;
    width:0px;
    height:0;
    background:#ffff00;
    padding-left:15px;
    overflow:hidden;
    transition:All 0.6s ease;
    -webkit-transition:All 0.6s ease;
    -moz-transition:All 0.6s ease;
    -o-transition:All 0.6s ease;
    z-index:9999;
    
}
.slide-line:hover .line-hover{
    width:225px;
    height:100%;
    right:-240px;
}

.line-hover .head{
    padding-top:10px;
    font-size:16px;
    line-height:18px;
    font-weight:700;
    color:#ff0728;
}
.line-hover .tag-line{
    font-size:13px;
    line-height:15px;
    color:#333333;
    clear:both;
    margin:0;
    padding:0;
}
.line-hover a{
    font-size:13px;
    line-height:15px;
    color:#333333;
}
.line-hover a:hover{
    text-decoration:none;
    color:#0B2340;
}
.line-hover a span{
    margin-right:5px;
}


/*=============================
11- Destination/tourDetails slider
==============================*/
.detail-slider-wrapper{
    position:relative;
}
.detail-slider-wrapper .arrow{
    width:24px;
    height:11px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/detail-tool.png) no-repeat;
    position:absolute;
    bottom:0;
    left:40px;
    z-index:9999;
}
.detail-inner,.detail-inner2{
    position:relative;
    width:700px;
    height:430px;
}

.detail-visual img{
    width:100%;
    max-width:700px;
    height:430px;
}
.detail-thumbs{
    position:absolute;
    height:100%;
    width:95px;
    top:0;
    right:3px;
}
.detail-thumbs-horizontal{
    position:absolute;
    min-height:95px;
    width:100%;
    left:0;
    bottom:-5px;
}
.detail-thumbs-horizontal .thumb-container{
    float:right;
    margin-right:10px;
    margin-bottom:14px;
}
.thumb-container{
    position:relative;
    width:78px;
    height:58px;
    margin:0 auto;
    border:1px solid #ffffff;
    margin-top:8px;
}
.thumb-container.selected{
    border:3px solid #ffffff;
    -moz-box-shadow: 0px 2px 12px #dad9d7;
    -webkit-box-shadow: 0px 2px 12px #dad9d7;
    box-shadow: 0px 2px 12px #dad9d7;
}
.thumb-container img{
    width:78px;
    height:58px;
    cursor:pointer;
}
.thumb-container .arrow{
    position:absolute;
    height:10px;
    width:4px;
    left:-7px;
    top:23px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/thumb-tool.png) no-repeat;
    display:none;
}
.detail-thumbs-horizontal .thumb-container .arrow{
    position:absolute;
    height:4px;
    width:10px;
    left:34px;
    top:-7px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/thumb-tool2.png) no-repeat;
    display:none;
}
.thumb-container.selected .arrow{
    display:block;
}
.circle-lvl-2{
    left:220px !important;
}
.circle-lvl{
    left:140px !important;
}
.detail-nav{
    position:absolute;
    left:27px;
    bottom:30px;
    z-index:9999999;
    cursor:pointer;
}
.detail-nav span{
    color:#ffffff;
    font-size:26px;
    margin-right:10px;
}

/*==================================
12-Leave Comment
===================================*/
.leave-comment{
    position:relative;
    /*margin-top:60px;*/
    margin-top:25px;
}
.leave-comment .input-comment{
    position:relative;
    width:98%;
    height:38px;
    border:1px solid #e4e4e4;
    margin-bottom:20px;
    

}
.leave-comment .input-comment input{
    width:94% !important;
    height:100% !important;
    padding-left:6%;
    color:#999999;
    font-size:14px;
    line-height:18px;
}
.leave-comment .input-comment select{
    width:94% !important;
    height:100% !important;
    padding-left:6%;
    color:#999999;
    font-size:14px;
    line-height:18px;
}
.input-comment span{
    position:absolute;
    left:10px;
    top:10px;
    color:#cccccc;
    font-size:24px;

}

.leave-comment .text-comment{
    position:relative;
    width:98%;
    /*height:198px;*/
    height:125px;
    border:1px solid #e4e4e4;
    margin-bottom:20px;
}
.leave-comment .text-comment textarea{
    width:94% !important;
    height:100% !important;
    padding-left:6%;
    color:#999999;
    font-size:14px;
    line-height:18px;
}
.btn-comment{
    background:#ffcc00;
    font-size:16px;
    color:#000000;
    height:40px;
    width:140px;
    line-height:40px;
    text-align:center;
    border:none;
}

/*=====================
13-Footer
======================*/
.modal-footer-custom{
    background:#0b2340;
    padding-top:40px;
    text-align:left;
    
}
.modal-footer-custom a:hover{
    color:#d9d900 !important;
}
.footer-head{
    font-size:23px;
    font-weight:700;
    line-height:30px;
    color:#ffffff;
}
.detail{
    padding-top:15px;
    padding-bottom:10px;
}
.detail p{
    font-size:13px;
    line-height:18px;
    color:#cccccc;
}
.footer-links{
    font-size:16px;
    line-height:18px;
    color:#4171aa;
}
.footer-links:hover{
    color:#d9d900;
}
a.bold-text{
    font-size:18px;
    font-weight:700;
    display:block;
    color:#4171aa;
    text-decoration:none;

}
a.bold-text:hover{
    color:#d9d900;
}
.footer-list{
    margin:0;
    padding:0;
    padding-top:10px;
}
.footer-list li{
    display:block;
    font-size:13px;
    color:#cccccc;
    border-bottom:1px solid #051b35;
}
.footer-list li a{
    color:#cccccc;
    font-size:13px !important;
    line-height:30px;
    text-decoration:none;
    font-family:calibri;
    padding-left:5px;
    margin-top:-1px;
}

.feedback-img{
    width:59px;
    height:59px;
    float:left;
    margin-right:10px;
}
.feedback-img img{
    width:59px;
    height:59px;
}
.testimonial-wrapper{
    padding-top:20px;
}

.testi-header{
    display:table;
    float:left;
}
.testi-header h5{
    line-height:14px;
    color:#ffffff;
    margin:0;
    padding-bottom:6px;
}
.testi-header h6{
    color:#cccccc;
    line-height:12px;
    margin:0;
    padding-bottom:4px;
}
.testi-header a{
    color:#cccccc;
    text-decoration:none;
    padding-left:3px;
    
}
.in-detail{
    padding-top:10px;
}
.in-detail span{
    color:#4171aa;
    font-size:15px;
    float:left;
    margin-right:5px;
}
.in-detail p{
    font-size:13px;
    line-height:18px;
    color:#cccccc;
}
.testimonial{
    width:100%;
}
/*.footer-inner{
    padding-bottom:20px;
    border-bottom:1px solid #00152e !important;
}
.footer-line{
    border-top:1px solid #0a2e5b;
    padding-top:10px;
}*/
.footer-line p{
    font-size:13px;
    line-height:18px;
    color:#666666;
}
.footer-line-left a{
    font-size:13px;
    line-height:18px;
    color:#99ccff;
    text-decoration:none;
}

.footer-line-right .access-lists { color:#20456f; }

.footer-line-right .access-lists a{
    color:#20456f;
    text-decoration:none;
    
}

.load-more button{
    height:38px;
    text-align:center;
    font-size:16px;
    color:#999999;
    border:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    margin-bottom:28px;
    margin-top:10px;
    background:#ffffff;
}
.price-slider{
    margin-bottom:10px;
    margin-top:35px;
}
.price-lable{
    position:relative;
}
.price-lable .lbl, .lbl2{
    position:absolute;
    top:-25px !important;
    font-size:20px;
    line-height:20px;
    font-weight:bold;
}

.slider-discount{
    font-size:14px;
    line-height:20px;
    font-weight:normal;
    text-decoration:line-through;
    text-align:center;
}
.offer-caption{
    position:absolute;
    bottom:0px;
    left:0;
    background:#000;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100px;

}
.offer-caption .price-info{
    height:100px;
    width:100px;
    position:absolute;
    left:0;
    top:0;
    background:#ffea00;
}
.offer-caption .price-info .arrow{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/arrow-yellow-right.png) no-repeat;
    width:9px;
    height:18px;
    right:-9px;
    bottom:41px;
    position:absolute;

}
#special-offers-2 .control-offer{
    position:absolute;
    bottom:36px;
    font-size:28px;
    font-weight:bold;
    color:#ffffff !important;
    cursor:pointer;
    z-index:99999;
}
.lbl2{
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#000;
    position:absolute;
    top:30px !important;
    width:100%;
    text-align:center;
    left:0;
}
.slider-discount{
    text-decoration:line-through;
}
.offer-caption{
    font-size:44px;
    font-weight:bold;
    color:#ffffff;
    text-align:left;
}
.offer-caption .boldie{
    padding-left:120px;
    margin-top:25px;
    
}
.offer-caption .small{
    padding-left:120px;
    font-size:23px;
    font-weight:bold;
    margin:0;
    display:block;
    margin-top:-10px;

}
.discount-display{
    font-size:16px !important;
    line-height:25px;
    text-align:center;
    font-weight:700 !important;
    color:#ffffff !important;
}








/*=================================
14-404
=================================*/
.img-404{
    position:absolute;
    top:110px;
    width:100%;
    text-align:center;
    left:0;
}
.text-404{
    font-size:150px;
    color:#ffff00;
    font-weight:700;
    text-align:center;
    font-family:calibri;
    position:absolute;
    top:264px;
    left:0;
    width:100%;
}
.detail-404{
    top:340px;
    left:0;
    width:100%;
    text-align:center;
    font-family:calibri;
    position:absolute;
}
.detail-404 .head{
    font-size:20px;
    line-height:20px;
    color:#cccccc;
    font-weight:700;
}
.detail-404 p{
    font-size:14px;
    line-height:20px;
    color:#cccccc;
}
.under-line{
    text-decoration:underline;

}

/*===============================
15-About US  
===============================*/
#intro-wrapper{
    background:#ffffff;
    padding-top:40px;
    padding-bottom:20px;
    margin-top:1px;
    margin-bottom:50px;
}
.intro-inner-wrapper{
    background-image:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/intro-map.jpg);
    background-position:right center;
    background-repeat:no-repeat;
    position:relative;
}
.intro-inner-wrapper .arrow{
    position:absolute;
    width:100%;
    height:19px;
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/intro-arro.png) no-repeat center bottom;
    bottom:-35px;
    left:0;
}
#intro-wrapper .head{
    font-size:30px;
    line-height:16px;
    font-weight:700;
    color:#333333;
    margin-bottom:20px;
        line-height: 115%;
}
#intro-wrapper p{
    color:#666666;
    font-size:13px;
    line-height:18px;
    max-width:580px;
}
.about-tabs .tab-btn,.about-tabs .tab-btn-inner{
    width:217px !important;
}
.about-tabs .tab-btn .circle-outer{
    left:100px;
}
.about-tabs .single-tab li{
    margin-right:18px;
}
.about-tabs .tab-slide{
    width:97% !important;
    padding-left:5px;
    padding-bottom:5px;
}
.about-tabs .tab-icon{
    color:#ffffff;
    font-size:45px;
}
.about-tabs .tab-title{
    color:#ffffff;
    font-size:16px;
    line-height:24px;
}
.about-tabs .single-tab li.active .tab-btn-inner{
    height:90px;
}


.about-tabs .tab-btn-inner{
    padding-top:20px;
    height:80px;
}
.about-tabs .flex-caption{
    text-align:left;
    padding-left:5px;
}

.about-tabs .control-offer{
    top:10px;
    bottom:auto;
    z-index:99999;
}


.about-tabs .arrow{
    background: url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/tab-arrow2.png) !important;
}
#become-partner{
    background:#e7ebf3;
    padding-top:30px;
    padding-bottom:40px;

}
#become-partner .head{
    font-size:30px;
    line-height:30px;
    font-weight:700;
    color:#333333;

}
.partner{
    clear:both;
    background:#ffea00;
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
}
.partner p{
    font-size:14px;
    line-height:20px;
    color:#333333;
    max-width:75%;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
}
.partner .join-us{
    padding:10px 20px 10px 20px;
    font-size:16px;
    color:#ffffff;
    position:absolute;
    right:10px;
    background:#0b2340;
    z-index:999;
    top:18px;
    border-radius:4px;
}
.partner .join-us a{
    color:#ffffff;
    text-decoration:none;
}
.logo-container{
    width:170px;
    height:80px;
    float:left;
    margin-right:8.5px;
    margin-left:8.5px;
    margin-bottom:20px;
}


.partner-note{
    font-size:13px;
    line-height:18px;
    color:#666666;
}
.about-header{
    font-weight:700;
    font-size:30px;
    color:#333333;
    margin-bottom:10px;
}
.member{
    background:#ffffff;
    min-height:140px;
    width:100%;
    position:relative;
    margin-top:10px;
}
.member .social li{
    margin-right:1px ;
    color:#999999 !important;
}
.member .social li a{
    font-family:calibri;
    color:#999999 !important;
}
.member-social{
    padding-left:5px;
    padding-right:5px;
}
.member .social li.dark a:hover,.member .social li.dark:hover{
    color:#333333 !important;
}
.member .social li.red a:hover,.member .social li.red:hover{
    color:#ff0033 !important;
}

.m-border-right{
    border-right:1px solid #cccccc;
    line-height:25px;
    margin-right:10px;
    padding-right:8px;  
}

.member-face{
    width:140px;
    height:140px;
    float:left;
}
.member-face img{
    width:140px;
    height:140px;
}
.m-name{
    font-size:16px;
    font-weight:700;
}
.member-detail{
    padding-top:10px;
    display:block;
    padding-left:160px;
    padding-right:20px;

}
.m-age{
    font-size:13px;
    line-height:20px;
    color:#cccccc;
}
.social-position .social{
    text-align:right;
    float:right;
}
.member-detail p{
    color:#666666;
    font-size:13px;
    line-height:18px;
    margin-top:50px;
    border-top:1px solid #e8e8e8;
    padding-top:10px;
}
.naming{
    float:left;
}
.report{
    color:#ff0033 !important;
}

.member-bar{
    background:#ffffff;
    margin-top:10px;
    padding-top:25px;
    padding-bottom:55px;
}
.member-bar ul{
    margin:0;
    padding:0;
}
.member-bar li{
    font-size:14px;
    line-height:30px;
    color:#666666;
    list-style:none;
    padding-left:20px;
    position:relative;
    cursor:pointer;
}
.member-bar li.active{
    background:#ffdf0e;
    color:#000;
    font-weight:700;
}
.tool-left{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/mside-left.jpg) no-repeat;
    width:10px;
    height:30px;
    left:-10px;
    top:0;
    position:absolute;
    display:none;
}
.tool-right{
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/basic-icons/mside-right.jpg) no-repeat;
    width:4px;
    height:34px;
    right:-4px;
    top:0;
    position:absolute;
    display:none;
}
.member-bar li.active .tool-right,.member-bar li.active .tool-left{
    display:block;
}
#team-wrapper{
    margin-bottom:40px;
}
.flexslider{
    background:none;
    margin:0;
    padding:0;
    border:none;
    box-shadow:none;
}


/*===========================
16-Contact us
============================*/
.contact-info{
    position: absolute;
    width:294px;
    height:72px;
    bottom:102px;
    background:#0b2340;
    margin:0 auto;
    left:50%;
    margin-left:-170px;
}
.service-wrapper{
    background:#003370;
    padding-top:10px;
    width:70px;
    height:60px;
    position:absolute;
    left:170px;
    top:1px;
    text-align:center;

}
.call-us{
    padding-left:20px;
    padding-top:20px;
}
.call-us .head{
    font-size:18px;
    line-height:18px;
    font-weight:700;
    color:#ffff00;
}
a.contact-no{
    text-decoration:none;
    font-size:13px;
    line-height:18px;
    color:#cccccc;  
}
.serve-icon{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
}
.serve-text{
    color:#cccccc;
    font-size:14px;
    line-height:18px;
}


.overlay-tool{
    position:absolute;
    bottom:130px;
    left:50%;
    margin-left:90px;

}
.googlemap_container{
    width: 100%; 
    height: 400px; 
    margin: 0px auto; 
}
#googlemap{
    width:100%;
    height:400px;
}
#contact-form{
    padding-top:30px;
    margin-bottom:40px;
}
.input-contact,.textarea-contact{
    margin-bottom:20px;
    color:#999999;
    font-size:14px;
    line-height:20px;
    padding-left:20px !important;
    border:none;
    border:1px solid #cccccc;
    width:100% !important;
    height:38px !important;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 18%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(18%,#ffffff));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 18%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 18%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 18%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#ffffff 18%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 );
}
.textarea-contact{
    height:188px !important;
}
.btn-contact-submit{
    background:#0b2340;
    border:none;
    padding:15px 30px 15px 30px;
    border-radius:4px;
    color:#ffffff;
    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;    
    font-family:calibri;
    font-size:16px;
}
.btn-contact-submit:hover{
    background:#ffff00;
    color:#333333;
}
.btn-contact-reset{
    background:none;
    border:none;
    font-size:13px;
    line-height:18px;
    color:#999999;
}
.btn-contact-reset span{
    font-size:14px;
    color:#ff3030;
    padding-right:5px;
}


/* Large desktop */
@media (min-width: 1200px) {
    .container{
        /*width:940px !important;*/
        width:1024px !important;
    }

}
 
@media (min-width: 980px) and (max-width: 1199px) {
    .container{
        width:940px !important;
    }
    .about-page{
        padding-left:30px;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .partner-logos{
        width:600px;
        margin:0 auto;
    }
    .container{
        padding-left:5px;
        padding-right:5px;
    }
    .overlay-tool2{
        display:none;
    }
    .partner p{
        max-width:400px;
    }
    .social-position .social{
        float:none;
    }
    .special-tour{
        display:none !important;
    }
    .detail-thumbs-horizontal .thumb-container{
        position:relative;
        width:58px;
        height:58px;
        margin:0 auto;
        border:1px solid #ffffff;
        margin-top:8px;
        margin-right:5px;

    }
    .thumb-container img{
        width:58px;
        height:58px;
    }
    .detail-thumbs-horizontal .thumb-container .arrow{
        left:25px;
        top:-5px;
        
    }
    .tour-header{
        margin-bottom:-20px;
    }
    .tour-list1 span{
        font-size:12px;
        padding-left:2px;
    }
    .btn-book{
        width:140px;
        height:56px;
        right:auto;
        bottom:auto;
        position:relative;
    }
    .short-comment{
        max-width:80%;
        
    }
    .method-counter{
        left:90px;
    }
    .dStyles-inner{
        max-width:480px;
        margin:0 auto;
    }
    .about-page{
        padding-left:50px;
    }
    #our-travels .tours-wrapper{
        width:720px;
        margin:0 auto;
    }
    .tours-wrapper{
        width:720px;
        margin:0 auto;
    }
    #our-travels .tours-wrapper{
        width:480px;
        margin:0 auto;
    }
    .tour-row-end{
        margin-right:18.5px !important;
    }
    .tour:hover .tour-row-end{
        margin:-3px !important;
        margin-right:15.5px !important;
    }
    .heading{
        float:none; 
    }

    #destination-boxes{
        float:none;
        margin:0 auto;
    }
    .overlay-overflow{
        height:170px;

    }
    .content-detail .booknow{
        left:0px;
        width:100%;
        text-align:center;
        top:180px;
    }
    #nav{
        padding-top:50px;
    }
    #nav ul{
        display:none;
    }
    .mobile-menu {
        display: block;
    }
    
    .layout-option ul{
        padding-left:0px !important;
        margin-left:0px !important;
    }
    .sortby li{
        padding-left:2px !important;
        padding-right:2px !important;
    }
    .sortby li a{
        padding-left:5px;
        padding-right:5px;
    }
    .layout-option ul{
        padding-left:10px;
        margin-left:20px;
    }
    .layout-option li{
        padding-left:3px;
        padding-right:3px;
    }
    
    .logo-container{
        float:none;
        margin:0;
        padding:0;
        margin:0 auto;
        clear:both;
        margin-bottom:5px;
    }
    .logo{
        /*top:-165px;*/
                         top:-140px;
        
    }
    #nav{
        padding-top:175px;
    }
    #destination-thumbs div{
        display:none;
    }
    .slide-holder p{
        font-size:12px;
        padding-left:0px;
    }
    .slide-holder .city{
        padding-left:5px;
        padding-right:5px;
        line-height:30px;
        font-size:12px;
        font-weight:700;
    }
    
    
    .box1,.box4{
        width:219.5px;
        height:130px;
    }
    .box2,.box3{
        margin-top:16px;
        width:180px;
        height:110px;
        overflow:hidden;
    }
    .member{
        
        padding-bottom:10px;

    }
    

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .partner-logos{
        width:400px;
        margin:0 auto;
    }
    .overlay-tool2{
        display:none;
    }
    .container{
        padding-left:10px;
        padding-right:10px;
    }
    .modal-footer-custom{

        padding-left:8px;
        padding-right:8px;
    }
    .partner p{
        max-width:100%;
        padding-bottom:70px;
    }
    .partner .join-us{
        top:auto;
        right:auto;
        left:50%;
        margin-left:-80px;
        bottom:10px;
    }
    .member-detail p{
        margin-top:70px;
    }
    .overlay-tool{
        display:none;
    }
    .tour-header{
        /*margin-bottom:-20px;*/
    }
    .package-duration{
        float: none;
        padding-left:10px;
        margin-right:0px;
        display:inline;
        /*margin-left:-200px;*/
    }
    .package-price{
        display:inline;
    }
    .btn-book{
        width:140px;
        height:56px;
        right:auto;
        bottom:auto;
        position:relative;
    }
    .input-cutom-width5 .custom-2{
        font-size:12px;
        font-weight:normal;
    }
    .input-cutom-width3 .custom-2{
        font-size:12px;
        font-weight:normal;
    }
    .layout-option ul{
        padding-left:0px !important;
        margin-left:0px !important;
    }
    .sortby ul{
        margin-bottom:10px;
    }
    .sortby li{
        padding-left:2px !important;
        padding-right:2px !important;
    }
    .sortby li a{
        padding-left:5px;
        padding-right:5px;
    }
    .sort-asc-desc ul{
        display:block;
        clear:left;
    }
    .layout-option ul{
        padding-left:5px !important;
        margin-left:0px;
    }
    .layout-option li{
        padding-left:1px;
        padding-right:1px;
    }
    .sortby li.active .arrow{
        display:none;
    }
    .dStyles-inner{
        max-width:480px;
        margin:0 auto;
    }

    .about-page{
        padding-left:50px;
    }

    .tours-wrapper{
        width:500px;
        margin:0 auto;
    }
    #our-travels .tours-wrapper{
        width:240px;
        margin:0 auto;
    }
    .tour-row-end{
        margin-right:18.5px !important;
    }

    .tour:hover .tour-row-end{
        margin:-3px !important;
        margin-right:15.5px !important;
    }
    .heading{
        float:none;
        text-align:center;
    }
    .caption p{
        float:none;
        padding-top:20px;
    }
    
    
    .overlay-overflow{
        height:260px;

    }
    .content-detail .title{
        width:100%;
        top:5px;
        text-align: center;
        left:25px;
    }
    .content-detail .price-tag{
        top:140px;
        left:0px;
        width:100%;
        text-align:center;
    }
    .content-detail .booknow{
        left:0px;
        width:100%;
        text-align:center;
        top:270px;
    }
    #navbar{
        text-align:center;
    }
    #nav{
        padding-top:50px;
    }
    .search-all{
        float:none;
        margin:0 auto;
    }
    .contact-access{
        margin-bottom:7px;
    }

    #nav ul{
        display:none;
    }
    .mobile-menu {
        display: block;
    }
    .logo{
        /*left:38%;*/
    }
    .detail-thumbs-horizontal div{
        display:none !important;
    }
    .explore-caption{
        position:relative;
    }
    .explore-caption p{
        padding:10px;
        font-size:12px;
        overflow:visible;
    }

    .logo-container{
        float:none;
        margin:0;
        padding:0;
        margin:0 auto;
        clear:both;
        margin-bottom:5px;
    }
    .logo{
        /*top:-165px;*/
        top:-140px;     
    }
    #nav{
        padding-top:175px;
    }
    #destination-thumbs div{
        display:none;
    }
    
    .box1,.box4,.box2,.box3,.box1 img,.box2 img,.box3 img,.box4 img,
    .box1 img:hover,.box2 img:hover,.box3 img:hover,.box4 img:hover{
        width:100% !important;
        height: auto !important;
    }
    .testimonial-flex{
        margin-top:10px;
    }
    .footer-head{
        margin-top:15px;

    }
    #intro-wrapper p,#intro-wrapper .head{
        padding-left:15px;
        padding-right:15px;
        line-height:110%;
    }
    .member{
        padding-left:10px;
        padding-right:20px;
        padding-bottom:10px;

    }
    .row-fluid.prices {
        margin-top: 0px;
    }
    .tour-package {
        margin-bottom: 10px;
    }
}

 
/* Landscape phones and down */
@media (max-width: 480px) {
    .partner-logos{
        width:230px;
        margin:0 auto;
    }
    #nav{
        padding-top:175px;
    }
    .logo{
        /*top:-165px;*/
        top:-140px;     
    }
    .search-all{
        width:250px;
        float:none;
        margin:0 auto;
    }
    .search-all input{
        position:absolute;
        top:0;
        height:90%;
        max-height:27px;
        
        color:#20456f;
        display:inline-block;
        background:none;
        border:none;
    }
    .search-all label {
        position:absolute;
        width:100%;
        color:#20456f;
        left:76px;
        width:16px;
        top:4px;
        font-size:13px;
    }
    #genral-search{
        width:60px !important;
        border-right:1px solid #20456f;
        padding-left:10px;
        left:0;
    }
    #ad-search{
        border-right:1px solid #20456f;
        padding-left:22px;
        width:80%;
        left:0px;
        background-repeat:no-repeat;
        background-position:left center;
    }
    #submit-search{
        position:absolute;
        height:100%;
        background:none;
        border:none;
        width:29px;
        right:0;
        color:#20456f;
        background-repeat:no-repeat;
        background-position:center center;
    }
    .action-list li{
        padding:0;
        margin-right:10px;
    }
    .action-list li a{
        padding:0;
    }

    .title .t-large{
        font-size:80px;
    }
    .tours-wrapper{
        width:240px;
        margin:0 auto;
    }
    #our-travels .tours-wrapper{
        width:240px;
        margin:0 auto;
    }
    #destination-boxes{
        width:250px;
    }

    #nav ul{
        display:none;
    }
    .mobile-menu {
        display: block;
    }
    .title .t-large{
        font-size:40px;
    }
    .title .t-medium{
        line-height:30px;
    }
    .price-tag .tag{
        margin-top:20px;
        margin-bottom:5px;
    }
    .price-tag .price{
        font-size:30px;
    }
    .content-detail .booknow a{
        padding:20px;
    }
    .desti-head .heading{
        width:auto;
        font-size:14px;
    }

    .page-title{
        font-size:20px;
        line-height:20px;
    }
    .member .social li{
        
        padding-bottom:4px;
    }
    .m-border-right{
        border:none;
    }
    .member-face,.member-detail{
        float:none;
        clear:both;
        margin:5px auto;
        text-align:center;
    }
    .member-detail{
        margin:0 auto;
        padding:10px;
        text-align:left;
    }
    .member .social{
        text-align:left;
        margin:0;
        padding:0;
    }
    .member-detail p{
        margin-top:100px;
    }
    .offer-caption .boldie{
        font-size:20px;
    }
    .offer-caption .small{
        font-size:14px;
    }
    .destination-style-1 .visual,.destination-style-1,.destination-style-3{
        width:260px;
    }
    .destination-style-2{
        width:240px;
    }
    .destination-style-2 .title{
        font-size:12px;
        padding-top:40px;
        margin-bottom:7px;
        line-height:20px;
        float:none;
        position:relative;
    }
    .place-info .place{
        font-size:12px;
    }
    .destination-style-2 h6,.destination-style-2 p{
        display:none;
    }
    .destination-style-2 .price-info{
        margin-top:30px;
        float:right;
        margin-right:5px;
        height:30px;
        line-height:30px;
    }
    .destination-style-2 a.booknow2{
        float:left;
        padding-left:15px;
        padding-right:15px;
        margin-top:-40px;
        margin-left:-5px;
    }
    .destination-style-2 .price-info{
        width:120px;
        font-size:14px;
    }
    .destination-style-2 .visual img{
        clear:both;
    }
    .about-header{
        
        margin-bottom:20px;
    }
    
    .box2,.box1,.box3,.box4{
        margin-top:16px;
        width:230px;
        height:150px;
        overflow:hidden;
    }
    .box2 img,.box1 img,.box3 img,.box4 img{
        width:230px;
        height:150px;
    }
    .box2:hover img,.box1:hover img,.box3:hover img,.box4:hover img{
        width:220px;
        height:140px;
        margin:5px auto;
    }
    
    #destination-thumbs div.selected img,#destination-thumbs div.selected,#destination-thumbs div img,#destination-thumbs div{
        width:38px;
        height:38px;
        
    }
    #destination-thumbs div.selected .arrow{
        left:10px;
    }
    .slide-holder p{
        font-size:12px;
        padding-left:0px;
    }
    .slide-holder .city{
        padding-left:5px;
        padding-right:5px;
        line-height:30px;
        font-size:12px;
        font-weight:400;
    }
    
    .place-info .read-more{
        width:100px;
    }
    .place-info .place{
        padding-left:5px;
        font-size:10px;
    }
    .dStyles-inner{
        max-width:260px;
    }
    .page-line{
        padding-bottom:5px;
    }
    #home-small .ls-fullwidth .ls-nav-prev{
        display:none !important;
    }
    #home-small .ls-fullwidth .ls-nav-next{
        display:none !important;
    }
    
    #home-small{
        height:155px;
    }
    
    .carousel{
        margin-top:30px;
    }

    .booking-detail{
        font-size:8px;
    }
    .leave-comment .input-comment input{
        padding-left:15%;
        width:85% !important;
    }
    .contact-info{
        left:55%;
    }
    .social-position .social{
        float:left;
    }
    .partner .join-us{
        margin-left:-75px;
    }

    .popups input{
        width:240px;
    }
    .pop-out{
        max-width:300px;
    }
    .popups{
        max-width:300px;
        margin-left:7px;
    }
    
    
    .in-detail p{
        max-width:300px;

    }
    .short-info p{
        margin-top:-10px;
    }
    .access li:last-child{
        border-right:none;
    }
    .access-lists ul{
        text-align:center;
        display:block;
    }
    #become-partner{
        padding-top:20px;
    }
    .tours-wrapper{
        padding-bottom:0;
        margin-bottom:-20px;

    }
    .offers-tabs{
        margin-top:20px;
    }
    .tab-slide {
         padding: 5px 10px;
    }

        .cutom-pagination ul {
          margin-top: -10px;
        }
    
    
}

@media (max-width: 360px) {
    .slide-holder p{
        font-size:10px;
        padding-left:0px;
    }
    #destination-thumbs div{
        display:none !important;
    }
    .footer-inner .span3{
        margin-bottom:10px;
    }
    /*.view-detail {
      margin-top: 30px;
    }  */ 
    .slide-holder p{
        font-size:10px;
        left:100px;
        padding:5px;
    }
    
    .carousel,.flex-caption{
        text-align:left;
    }
    .control-offer{
        bottom:25px;
    }
    #offerCarousel1 .control-offer{
        bottom:100px;
    }
    .contact-info{
        width:240px;
        left:70%;
        margin-left:-170px;
    }
    .about-page {
      padding-left: 10px;
    }   
    /*.travel-detail .head {
      line-height: 25px;
      margin-bottom: 0px;
    }   */
    .content-detail .title {
      left: 0;
      width: 100%;
    }   
    .title .t-large {
      line-height: 80px;
    }   
    
    
    .search-all input{
        height:88%;
        max-height:25px;
    }
    .flex-caption p{
        font-size:20px;
        padding-left:10px;
        line-height:20px;
    }
    .flex-caption span{
        font-size:14px;
        padding-left:10px;
    }
    .flex-caption{
        margin-top:0px;
        background:#000;
        padding-top:5px;
        padding-bottom:5px;
    }
    .tab-note {
        padding-bottom: 20px;
    }
    .modal-footer-custom {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .access-lists ul {
      padding-left: 0;
    }   

        .inner-areas li{
         display:block;
         padding-bottom: 6px;
        }
}

.caret {
       border-top: 4px solid #ccffff;
}
.error {
    color: red;
}

.travels-sidebar {
    margin-bottom: 20px;
}

#home-small .ls-fullwidth .ls-nav-prev{
    display:none !important;
}
#home-small .ls-fullwidth .ls-nav-next{
    display:none !important;
}

#toTop {
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/uitotop/ui.totop.png) no-repeat left top;
        right:;
        left:0px;
        opacity:0.7;
        bottom:0px;
}

#toTopHover {
    background:url(https://d3gye3kweytqcv.cloudfront.net/img/uitotop/ui.totop.png) no-repeat left -51px;
}


#cookie-bar {background:#111111; /*height:24px;*/ line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; /*height: 100%;*/}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.head h1 {
    font-size: 46px;
    line-height: 100%;
    font-weight: 400;
    font-family: 'Dosis', sans-serif;
    margin-bottom: 30px;
}

.page-line h1 {
   font-size: 18px;
   line-height: 18px;
   font-weight: normal;
   margin-bottom: 0px;
   margin-top: 0px;
}

.page-title h2 {
   font-size: 40px;
   margin-bottom: 0px;
   margin-top: 0px;
}

/*===================================================================
    18 - New Styles for Product Page
  ===================================================================*/

/* Header for content and sidebar blocks */
.block-head {
    background: #e3e3e3;
    padding: 10px 15px;
    font-weight: bold;
    color: #00305A;
    /*border-radius: 5px 5px 0px 0px;*/
    font-family: 'Varela', sans-serif;
}

.sidebar-block > .block-head {
    font-size: 16px;
    margin-bottom: 10px;
}

.content-block > .block-head {
    margin: -20px;
    font-size: 18px;
    margin-bottom: 20px;
}

/* Style for action button */
.excursion-booking-btn button, button.btn-yellow {
    
    font-weight: bold;
    font-size: 15px;
    font-family: 'Varela', sans-serif;

    background: #FFCC00;
    color: #00305A;
    border: 0;

    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 5px;

    /*transition: All .5s ease-in-out;
    -webkit-transition: All .5s ease-in-out;
    -moz-transition: All .5s ease-in-out;
    -o-transition: All .5s ease-in-out;*/
}

.excursion-booking-btn button:hover, button.btn-yellow:hover {
    background: #4192D9;
    color: #FFFFFF;

    /*transition: All .5s ease-in-out;
    -webkit-transition: All .5s ease-in-out;
    -moz-transition: All .5s ease-in-out;
    -o-transition: All .5s ease-in-out; */  
}

/*=========================
    18A - Main column
  =========================*/

.content-block {
    display: none;
    padding: 20px;
    margin-top: 20px;

    font-weight: normal;
    font-size: 15px;
    border-radius: 5px;
}

.content-block > .tour-header {
    margin-top: -30px;
    line-height: 30px;
    margin-bottom: 15px;
}

/* Reasons to use CW (Main) */
#main-reasons-to-use-cw .fa {
    color: #4192D9;
}

#main-reasons-to-use-cw .fa-ul {
    margin-top: -10px;
    /*margin-left: 10px;*/
}

/* Excursion Summary */
#excursion-summary {
    font-size: 17px;
    font-weight: normal;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 20px;
    color: #00305A;
    padding: 0px 20px;
    font-family: 'Varela Round', sans-serif;
}

/* Excursion Description */
#tour_description {
    padding: 0px 20px;
    text-align: justify;
}


/*=========================
   18.A.1 - Package List
  =========================*/

.package-details {
    padding: 0px 20px;
    margin-bottom: 20px;
}

.package-details h2 {
    font-weight: normal;
    font-size: 20px;
    color: #00305A;
    line-height: 30px;
    margin-top: 0px;
    border-top: solid 1px #f4f2f0;
    padding-top: 15px;
    font-family: Varela Round;
}

/* Stats */
.package-list-stats {
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.package-list-stats b {
    font-weight: bold;
}

/* Quick data for package */
.excursion-data-tag-container {
    margin: 0px 3px;
    margin-bottom: 20px;
}

.excursion-data-tag {
    display: inline;
    margin-right: 15px;
    font-size: 12px;
}

.excursion-data-tag .fa {
    margin-right: 3px;
    /*font-size: 12px;*/
}

@media (max-width: 479px) {
    .excursion-data-tag {
        display: inline-block;
    }
}

/* List with links to additional info */
ul.excursion-more {
    margin: 0px;
    margin-top: 15px;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
}

ul.excursion-more li {
    display: inline-block;
    list-style-type: none;
    margin-right: 2px;
    margin-bottom: 20px;
}

ul.excursion-more li:last-child {
    margin-right: 0px;
}

ul.excursion-more li a, #sidebox-tags .show-all a {
    text-decoration: none;
    background: rgb(244, 242, 240);
    padding: 5px 10px;
    border-radius: 5px;
    border: solid 1px #4192D9;
}

ul.excursion-more li a.active {
    color: #FFFFFF;
    background: #4192D9;
}

ul.excursion-more li a:hover, #sidebox-tags .show-all a:hover {
    color: #FFFFFF;
    background: #00305A;
}

/* Package details */
.package-details {
    padding: 0px 20px;
    margin-bottom: 20px;
}

.link-excursion-content > * {
    display: none;
    text-align: justify;
    font-size: 14px;
    font-weight: normal;
}

.link-excursion-content .active {
    display: block;
        padding: 10px 0px;
}

.link-excursion-content .map-canvas {
    width: 100%;
    height: 200px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.link-excursion-content .map-canvas img {
    max-width: inherit !important;
}

/* Price table */
.link-excursion-prices table.fixed-price {
    width: auto;
    margin: 5px 0px;
    font-size: 15px;
}

.link-excursion-prices table.fixed-price tr > * {
    padding: 5px 10px;
}

.link-excursion-prices table.fixed-price tbody tr {
    border-top: #EEEEEE 1px solid;
}

.link-excursion-prices table.fixed-price tbody tr:last-child {
    border-bottom: #EEEEEE 1px solid;
}

.link-excursion-prices table.fixed-price th {
    vertical-align: middle;
    text-align: center;
}

.link-excursion-prices table.fixed-price b, .link-excursion-prices table.fixed-price th {
    font-weight: bold;
    color: #00305A;
    font-size: 16px;
}

.link-excursion-prices table.fixed-price td:not(:first-child) {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #4192D9;
    font-family: 'Dosis', sans-serif;
}

.link-excursion-prices table.fixed-price td:not(:first-child) s {
    font-size: 13px;
    color: #999999;
}

/* VARIABLE PRICE TABLE - START
 * -------------------------------- */

.link-excursion-prices table.variable-price tr td {
    padding: 5px 10px;
    vertical-align: middle;
}

/* Header rows */
.link-excursion-prices table.variable-price tr.person-type td {
    color: #00305A;
    font-size: 18px;
    padding-bottom: 10px;
    text-align: center;
}

.link-excursion-prices table.variable-price tr.person-type:not(:first-child) td {
    padding-top: 35px;
}

.link-excursion-prices table.variable-price tr.person-subtype td {
    font-weight: bold;
    color: #00305A;
    font-size: 16px;

    text-align: center;
    border-bottom: solid 2px #4192D9;
}

.link-excursion-prices table.variable-price tr.colname td {
    color: #00305A;
    font-size: 12px;

    text-align: center;
    border-bottom: solid 1px #4192D9;
}

/* Border between cells */
.link-excursion-prices table.variable-price tr.colname td:nth-child(even),
.link-excursion-prices table.variable-price tr.price-row td:not(:first-child) {
    border-left: dashed 1px #e3e3e3;
}

.link-excursion-prices table.variable-price tr.colname td:nth-child(odd):not(:first-child),
.link-excursion-prices table.variable-price tr.price-row td:nth-child(3) {
    border-left: dashed 1px #e3e3e3;
}

/* Prices */
.link-excursion-prices table.variable-price tr.price-row td {
    text-align: center;
}

.link-excursion-prices table.variable-price tr.price-row td:nth-child(even) {
    color: #4192D9;
    font-size: 20px;
    font-family: 'Dosis', sans-serif;
}

.link-excursion-prices table.variable-price tr.price-row td s {
    font-size: 13px;
    color: #999999;
}

/* If we're in mobile, ignore width set inline in the html code */
@media (max-width: 700px) {

    .link-excursion-prices table.variable-price {
        min-width: 100%;
    }
}

/* VARIABLE PRICE TABLE - END 
 * -------------------------------- */

/* New price and discount tags */
.package-details .tag-container {
    float: right;
    width: auto; 
    min-width: 70px;
    color: #FFFFFF;
    margin: 15px;
    margin-top: 20px;
}

.package-details .tag-container > * {
    width: 100%;
    display: block;
    text-align: center;
    font-family: 'Dosis', sans-serif;
}

.package-details .tag-container .price-tag {
    background: #4192D9;
    padding: 3px 5px 10px 5px;

    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
}

.package-details .tag-container .price-tag span {
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
    font-weight: 300;
}

.package-details .tag-container .discount-tag {
    background: #00305A;
    padding: 5px;
    font-size: 18px; 
    border-radius: 0px 0px 10px 10px;
}

.package-details .tag-container .price-tag.with-discount {
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid 2px;
}

.package-details .tag-container .price-tag.no-discount {
    border: 0px;
    border-radius: 10px;
}

/* New price and discount tags for mobile */
.package-details .tag-container-mobile {
    display: none;
    margin-bottom: 10px;
}

.package-details .tag-container-mobile > * {
    width: auto;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    color: white;
    padding: 5px 10px 3px 10px;
    border-radius: 5px;
}

.package-details .tag-container-mobile .price-tag {
    background: #69B9EC;
}

.package-details .tag-container-mobile .discount-tag {
    background: #00476C;
}

@media (max-width: 479px) {

    .package-details .tag-container {
        display: none;
    }

    .package-details .tag-container-mobile {
        display: block;
    }
}

/* Deposit message */
.excursion-deposit-msg, .excursion-booking-btn {
    display: inline-block;
}

.excursion-deposit-msg button {
    background: #69B9EC;
    font-size: 14px;
    font-family: 'Varela Round', sans-serif;

    margin-left: 5px;
    margin-top: 10px;

    border: 0;
    border-radius: 5px;
    padding: 10px 15px;
    color: #FFFFFF;
}

.excursion-deposit-msg button:hover {
    cursor: default;
}

@media (max-width: 429px) {

    .excursion-deposit-msg {
        display: block;
    }

    .excursion-deposit-msg button {
        margin-left: 0px;
    }
}

/*=========================
   18.A.2 - Contact form
  =========================*/

.contact-form-container {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.contact-form-container .input-prepend {
    display: table-row;
}

.contact-form-container .input-prepend .add-on-cell {
    display: table-cell;
    vertical-align: top;
    
    width: 40px;
}

.contact-form-container .add-on-cell .add-on {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-right: 0px;
    min-height: 30px;
}

.contact-form-container .input-prepend .input-cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px;
}

.contact-form-container .input-prepend .input-cell input {
    min-height: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 6px;
}

.contact-form-container .input-prepend .input-cell textarea {
    border-radius: 0 4px 4px 0;
    margin: 0;
}

.contact-form-container .input-prepend .input-cell select {
    padding-left: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.contact-form .contact-list {
    /*display: none;*/
    margin-bottom: 20px;
}

.contact-form form {
    margin-bottom: 0;
}

input, select, textarea {
    font-family: 'Varela Round', sans-serif;
}

.contact-form button {
    margin: 0px;
}

/* Hide contact info if sidebar is shown */
@media (min-width: 767px) {

    .contact-form .contact-list {
        display: none;
    }
}

/* Hide form on mobile resolutions */
@media (max-width: 767px) {

    .contact-form form {
        display: none;
    }
}

/*=========================
    18.A.4 - Filter box
  =========================*/

#excursion-filter-box {
    background: #f4f2f0;
    width: auto;
    margin: 20px;
    border-radius: 5px;
    padding: 5px 20px;
    margin-top: 5px;
    border: solid 1px #e3e3e3;
}

#excursion-filter-box h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 3px;
    color: #4192D9;
}

#excursion-filter-box .filter-box-head {
    width: 100%; 
    height: auto;
    position: relative;
    cursor: pointer;
}

#excursion-filter-box .collapsable-icon {
    position: absolute; 
    right: 0;
    top: 5px; 
}

#excursion-filter-box a:hover {
    text-decoration: none;
}

#excursion-filter-box form {
    margin-bottom: 5px;
    margin-top: 5px;
}

#excursion-filter-box .alert {
    display: none;
    margin: 0px 0px 10px 0px;
}

.alert .close {
   right: -5px;
}

/* Reset filter link */
#excursion-filter-box .reset-filters {
    text-align: right;
    margin-top: 5px;
}

@media (max-width: 767px) {

    #excursion-filter-box .reset-filters {
        text-align: left;
    }
}


/* Filter DDL Container */
#excursion-filter-box .filter-container {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

#excursion-filter-box .filter-container.hidden {
    display: none !important;
}

#excursion-filter-box .filter-container label {
    margin-bottom: 2px;
    margin-left: 3px;
    font-weight: normal;
}

#excursion-filter-box .filter-container .filter-ddl {
    border: 1px solid #CCCCCC;
    position: relative;
    border-radius: 5px;
    background: #FFFFFF;
    padding-left: 25px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

#excursion-filter-box .filter-container .filter-ddl select {
    width: 160px;
    height: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    /*font-size: 13px;*/
    /*font-family: inherit;*/
}

#excursion-filter-box .filter-container .filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 7px;
    text-shadow: 0px 0px 1px #EEEEEE;
    font-size: 14px;
}

/*=========================
    18.B - Sidebar
  =========================*/

.travels-sidebar {
    min-width: 220px !important;
}

.sidebar-block {
    margin-bottom: 20px;
    font-family: inherit;
    padding-top: 0px;
    padding-bottom: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    border: solid 1px #e3e3e3;

    font-weight: normal;
    font-size: 14px;
}

/* Reasons to use CW */
#reasons-to-use-cw {
    margin-right: 20px;
    padding-left: 15px;
    /*letter-spacing: 0.4px;
    line-height: 21px;*/
    margin-left: 35px;
}

#reasons-to-use-cw .fa {
  color: #4192D9;
  font-size: 18px;
}

/* Price from */
#sidebox-price .inner-areas {
    padding: 10px 20px; 
    text-align: center;
}

#price-from-box {
/*    font-size: 36px;
    font-weight: bold;
    color: #4192D9;
    line-height: 100%;*/

    font-size: 46px;
    font-weight: 400;
    color: #4192D9;
    line-height: 105%;
    font-family: 'Dosis', sans-serif;    
}

/* Contact info */
.sidebar-block .contact-list {
    margin-right: 20px;
}

.contact-list {
    display: table;
    font-size: 12px;
    font-weight: normal;
    /*margin-right: 20px;*/
}

.contact-list b {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Varela', sans-serif;
}

.contact-list .fa {
    color: #4192D9;
}

.contact-list > .row {
    display: table-row;
}

.contact-list > .row > .cell {
    display: table-cell;
    padding: 5px;
    vertical-align: top; 
}

.contact-list > .row > .cell:first-child {
    padding-left: 0px;
    text-align: center; 
}

.enter-chat-room {
    cursor: pointer;
}

/* Tags sidebox */
#sidebox-tags ul {
    padding-left: 10px;
    font-size: 14px;
    padding-top: 5px;
    margin-right: 20px;
}

#sidebox-tags .show-all {
    text-align: right;
    padding: 0px 20px;
    margin-top: 25px;
}

/* Share sidebox */
#sidebox-share .addthis_toolbox, #main-share .addthis_toolbox {
    text-align: center;
    margin-top: 20px;
}

#sidebox-share .addthis_toolbox a, #main-share .addthis_toolbox a {
    float: none;
    display: inline-block;
}

/* Hide all new blocks and display reasons box in content if sidebar is shown bellow */
@media (max-width: 767px) {

    .sidebar-block:not(#sidebox-tags) {
        display: none;
    }

    .content-block {
        display: block;
    }
}

/*===================================================================
    19 - New excursion data box
  ===================================================================*/

.excursion-container {
    width: 100%;
    text-align: left; 
    padding-bottom: 20px;
}

@media (max-width: 485px) {

    .excursion-container {
        text-align: center;
    }
}

.excursion-item {
    width: 235px;
    display: inline-block;
    margin-right: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    box-sizing: border-box;
    border: solid 1px #e3e3e3;
    padding: 10px;
    margin-top: 20px;
    position: relative;
    vertical-align: top;
}

@media (max-width: 1199px) {
    .excursion-item {
        width: 220px;
    }
}

.excursion-item img {
    border-radius: 5px;
    /*margin-bottom: 10px;*/
    border: solid 1px #e3e3e3;
    height: 140px;
    width: 100%;
    box-sizing: border-box;
}

.excursion-item .discount-tag {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 7px;
    background: #4192D9;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Dosis', sans-serif;
    border-radius: 0px 5px 0px 5px;
}

.excursion-item .excursion-details {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
    padding: 5px; 
    text-align: justify;
}

.excursion-item h3 {
    text-align: left;
    font-size: 19px;
    line-height: 22px;
    font-family: Dosis, sans-serif;
    font-weight: 500;
}

.excursion-item .table-main {
    display: table;
    width: 100%;
}

.excursion-item .table-row {
    display: table-row;
}

.excursion-item .table-cell {
    display: table-cell;
    vertical-align: middle; 
    padding-top: 10px;
    border-top: 1px solid #e3e3e3;
}

.excursion-item .price-cell {
    text-align: right;
    color: #4192D9;
    padding-right: 5px;    

    font-family: Dosis, sans-serif;
    font-weight: 400;
    font-size: 25px;
}

.excursion-item .price-cell span {
    display: block;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 3px;
    letter-spacing: 1px;
}

.excursion-item .btn-cell {
    text-align: left;
    padding-left: 5px;
}

.excursion-item .btn-cell button {
    margin: 0;
}

/* Styles for one-line box container */
.excursion-one-line-container {
    white-space: nowrap;
    overflow-x: hidden;
    position: relative;
}

.excursion-one-line-container .excursion-item {
    white-space: initial;
}

.excursion-one-line-container .fa {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    font-size: 30px;
    color: #4192D9;
    text-shadow: 0px 0px 5px white;
}


/*===================================================================
    20 - New header styles
  ===================================================================*/

header {
	background: #00305A;
}

/* Lang DDL */
header .change-lang {
    margin-bottom: 10px;
}

header .change-lang .dropdown-menu {
    min-width: initial;
    padding: 5px;
}

header .change-lang .dropdown-menu > li {
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

header .change-lang .dropdown-menu > li > a {
    padding: 0px 5px;
    color: #333;
}

header .change-lang img {
    margin-right: 3px;
}

header .change-lang button {
    border: 0;
    background: none !important;
    box-shadow: 0 0 0 !important;
    text-transform: uppercase;
    border-radius: 0px;
}

header .change-lang button:first-child {
    padding-right: 2px !important;
}

/*=========================
    20.A - Header for PC
  =========================*/

#head-pc {
	padding: 10px;
	padding-bottom: 0px;
	position: relative;
}

/* Main table within container */
#head-pc .table-main {
    display: table;
    width: 100%;
}

#head-pc .table-row {
    display: table-row;
}

#head-pc .logo-cell {
	width: 250px;
	display: table-cell;
	vertical-align: top;
}

#head-pc .logo-cell img {
    margin-top: 10px;
}

#head-pc .content-cell {
	display: table-cell; 
	text-align: right;
	vertical-align: middle;
	position: relative;
	padding-top: 30px;
}

/* Content cell - Lang change */
#head-pc .change-lang {
    position: absolute;
    top: 0;
    right: 0;
}

#head-pc .change-lang > button {
    border-radius: 0;
}

/* Content cell - Search Box */
#head-pc .content-cell form, #head-pc .content-cell .input-append {
	margin: 0px;
}

#head-pc .content-cell input {
	padding: 4px 10px;
}

#head-pc .content-cell form {
    /*margin-left: -250px;*/
    text-align: center;
}

#head-pc .content-cell .input-append input, #head-pc .content-cell .input-append button {
    height: 40px;
    font-size: 18px;
    box-sizing: border-box;
    border: #00305A solid 1px;
    border-radius: 5px;
    padding: 4px 10px;
}

#head-pc .content-cell .input-append button {
    width: 60px;
    background: #FFCC00;
    margin-left: 5px;
    text-shadow: 0 0 0;

    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;      
}

#head-pc .content-cell .input-append button:hover {
    background: #7ABAF2;
    color: #FFFFFF;

    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;  
}

/* Content cell - Social Network Icons */
#head-social-net {
	/*margin-bottom: 10px;*/
    float: right;
}

#head-social-net .fa {
    margin-right: 5px;
}

@media (max-width: 979px) {

    #head-social-net {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
}

#TA_socialButtonBubbles52, #TA_socialButtonBubbles678 {
	display: inline-block;
}

#head-social-net .socialWidgetContainer {
	display: block;
}

/* Navigation bar */
#nav-new {
	margin-top: 20px;
	text-align: center;
}

#nav-new ul {
    margin-left: 0px;
}

#nav-new ul li {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	padding-right: 20px;

    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: Dosis, sans-serif;
}

#nav-new ul li a {
	color: #7ABAF2;
	text-decoration: none;
}

#nav-new ul li a:hover, header a:hover {
	color: #FFCC00;
}

/* Hide in small resolutions */
@media (max-width: 599px) {
    
    #head-pc {
        display: none;
    }
}

/*=========================
    20.B - Header for mobile
  =========================*/

#head-mobile {
    width: 100%;
}

#head-mobile .main-table, #head-mobile .search-table {
    display: table;
    width: 100%;
}

#head-mobile .table-row {
    display: table-row;
}

/* Logo cell */
#head-mobile .logo-cell {
    display: table-cell;
    padding: 15px;
    width: 125px;
    padding-right: 0;
}

#head-mobile .logo-cell img {
    height: 50px;
    width: 125px;
}

/* Main cell */
#head-mobile .main-cell {
    display: table-cell;
    padding: 15px;

    text-align: right;
    vertical-align: middle;
}

#head-mobile .main-cell .dropdown {
    display: inline-block;
}

#head-mobile .main-cell .dropdown > .fa {
    margin-left: 10px;
}

/* Navigation DDL */
#head-mobile .main-menu {
    left: auto;
    right: -10px;
}

#head-mobile .main-menu li {
    text-align: left;
    text-transform: capitalize;
}

#head-mobile .main-menu li .fa {
    margin-right: 10px;
    margin-left: -5px;
    color: #e3e3e3;
}

#head-mobile .main-menu > li > a {
    color: #333;
}

/* Lang cell */
#head-mobile .lang-cell {
    display: table-cell;
    width: 70px;
    padding: 5px;
    text-align: right;
    vertical-align: middle;
}

/* Search box row */
#head-mobile .search-box-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 10px 15px;
}

#head-mobile .search-box-cell input {
    margin: 0;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    border: #00305A solid 1px;
}

#head-mobile .search-btn-cell {
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 15px 10px 10px;
}

#head-mobile .search-btn-cell button {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    background: #FFCC00;
    border: #00305A solid 1px;
}

/* More spacing between DDL items */
#head-mobile .dropdown-menu > li:first-child {
    margin-top: 5px;
}

#head-mobile .dropdown-menu > li:last-child {
    margin-bottom: 5px;
}

#head-mobile .dropdown-menu > li:not(:last-child) {
    margin-bottom: 10px;
}

#head-mobile .dropdown-menu > li:not(:first-child) {
    margin-top: 10px;
}

/* Hide in large resolutions */
@media (min-width: 600px) {

    #head-mobile {
        display: none;
    }
}






/*===================================================================
    21 - Styles for new tour img carousel
  ===================================================================*/

#tour-carousel {
    width: 100%;
    margin: 0;
}

#tour-carousel .carousel-inner {
    border: solid 1px #e3e3e3;
    background: #e3e3e3;
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
}

#tour-carousel img {
    width: 100%;
    height: 100%;
}

#tour-carousel .carousel-inner > .item {
    height: 450px;
}

#tour-carousel .carousel-control {
    top: 50%;
    background: none;
    border: 0;
    font-size: 100px;
}

@media (max-width: 767px) {

    #tour-carousel .carousel-inner > .item {
        height: 250px;
    }
}

/*=========================
    21.A - Main P. Carousel
  =========================*/

#main-carousel {
    width: 100%;
    margin: 0;
}

#main-carousel .carousel-inner {
    background: #e3e3e3;
}

#main-carousel img {
    width: 100%;
    height: auto;
    min-height: 550px;

    position: absolute;
    top: 0;
}

#main-carousel .carousel-inner > .item {
    height: 550px;
    overflow: hidden;
}

#main-carousel .carousel-control {
    top: 40%;
    background: none;
    border: 0;
    font-size: 100px;
}


@media (max-width: 767px) {

    #main-carousel img {
        height: 100%;
        width: auto;
        min-width: 100%;
        min-height: initial;
    }

    #main-carousel .carousel-inner > .item {
        height: 250px;
    }

    #main-carousel .carousel-control {
        font-size: 50px;
    }

    #main-carousel .carousel-indicators {
        display: none;
    }
}

/* Custom caption for main page */
#main-carousel-caption .price-container {
    display: inline-block;
    color: #FFCC00;
    margin-left: 10px;

    font-size: 36px;
    font-weight: 300;
    font-family: Dosis, sans-serif;
}

#main-carousel-caption .price-container > span {
    display: block;
}

#main-carousel-caption .price-container > span:first-child {
    font-size: 14px;
}

#main-carousel-caption {
    text-align: center;
    height: 90px;
    box-sizing: border-box;
    z-index: 20;
    
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 48, 90, 0.7);

}

/* More info btn */
#main-carousel-caption .button-container {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

#main-carousel-caption button {
    height: 60px;
    width: 150px;
    margin: 0;
    font-size: 22px;
    float: right;
}

#main-carousel-caption h4 {
    font-size: 60px;
    line-height: 100%;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
}

@media(max-width: 479px) {

    #main-carousel-caption {
        height: 70px;
    }

    #main-carousel-caption h4 {
        font-size: 38px;
    }

    #main-carousel-caption .price-container {
        font-size: 18px;
    }

    #main-carousel-caption button {
        width: auto;
        height: auto;
        font-size: 15px;
    }

    #main-carousel .carousel-inner > .item {
        height: 200px;
    }
}

@media (max-width: 479px) {
    #main-carousel-caption .container {
        padding-left: 0;
        padding-right: 0;
    }

    #main-carousel-caption .btn-yellow {
        padding: 10px;
    }

    #main-carousel-caption {
        padding: 15px 10px;
    }
}

/*===================================================================
    22 - Misc. Layout Fixes 
  ===================================================================*/

/* Hide Google Analytics Iframe */
iframe[name=google_conversion_frame] {
    display: none;
}

/* No highlight on area-head */
.area-head:hover {
    background: none !important;
    cursor: default !important;
}

/* Add right padding on area-head */
.area-head {
    padding-right: 20px;
}

/* Spacing between fa-list elements */
.fa-ul li {
    margin-top: 10px;
}

/* Remove body padding */
body {
    padding: 0px;
}

/* Tags header in home page */
#filter-tours .section-header {
    background: #7ABAF2;
}

#filter-tours .head-bottom-bar {
    background: #00305A;
}

@media (max-width: 767px) {
    
    .short-info p {
        font-size: 15px;
    }
    
    #filter-tours .section-header {
        font-size: 18px;
    }
}

/* Expand containers in small resolution */
@media (max-width: 479px) {

    .travels-inner {
        margin-right: 5px !important;
        margin-left: 5px !important; 
    }

}


/* Smaller headers in mobile */
@media (max-width: 767px) {

    .head h1 {
        font-size: 36px;
    }

    .travel-detail .head {
        font-size: 26px;
    }
}

/* Arrow to navigate through tags in mobile */
@media (max-width: 767px) {
    
    a.left-arrow-tab, a.go-left {
        left: -5px;
    }

    a.right-arrow-tab, a.go-right {
        right: -5px;
    }
}

/*=========================
    22.A - Footer
  =========================*/

footer {
    background: #00305A;
    padding: 0px 30px;
    margin-top: 30px;
}

.footer-head {
    font-family: 'Varela', sans-serif;
    margin-bottom: 10px;
    margin-top: 25px;
}

.footer-inner {
    padding-bottom: 0;
    border-bottom: 3px double;
}

.footer-line {
    border: 0;
    padding: 10px 0px;
}

footer .detail {
    padding-top: 0px;
    padding-bottom: 25px;
}

/* Apply round border to TripAdvisor widget */
#CDSWIDSSP .widSSPData {
    border-radius: 5px;
}

.sidebar-block .widSSPnarrow {
    width: 236.3px;
}

/* Custom contact list */
footer .fa-ul {
    color: #cccccc;
    font-size: 13px;
} 

footer .fa-ul li span {
    line-height: 30px;
    display: block;
}

footer .fa-ul li.more-spaced {
    margin-top: 20px;
}

/* Links in head and footer */
header a:link, footer a:link {
    color: #4192D9;
    text-decoration: none;
}

header a:hover, footer a:hover {
    color: #FFCC00;
    text-decoration: none;
}

/*===================================================================
    23 - New styles for booking page 
  ===================================================================*/

#excursion-to-book-info {
    padding: 10px;
    border: solid 0px #e3e3e3;
    margin-bottom: 25px;
    border-radius: 5px;
    background: whitesmoke;
}

#excursion-to-book-info img {
    border-radius: 5px;
    border: solid 2px #e3e3e3;
    box-sizing: border-box;
    width: auto;
    height: 50px;
}

@media (max-width: 599px) {
    #excursion-to-book-info > div > div:first-child {
        display: none !important;
    }
}

#excursion-to-book-info span {
    font-size: 12px;
}

#excursion-to-book-info h3 {
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin: 0;
    line-height: 100%;
}

/* Step number */
.booking-step-count {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
}

.booking-step-count .fa {
    margin-left: 2px;
}

/* Alert at the end of booking proccess */
.booking-final-alert {
    margin-top: 30px;
    margin-bottom: 0;
    color: #63666A;
}

/* Remember box in step 2 */
.booking-remember-box, .booking-final-alert {
    padding: 10px 15px;
    text-align: justify;
}

.booking-remember-box ol li, .booking-final-alert ol li {
    margin-bottom: 10px;
}

.booking-remember-box h3 {
    margin: 0px;
    margin-bottom: 5px;
    font-family: 'Varela', sans-serif;
}

/* Booking data review */
#booking_form .booking-data-review {
    text-align: justify;
    margin-bottom: 20px;
}

#booking_form .booking-data-review  ul {
    margin: 15px 30px 5px 30px;
    list-style-type: circle;
}

#booking_form .booking-data-review ul li {
    margin-bottom: 5px;
}

/* Apply varela to titles */
#booking_form h1, #booking_form h3, #booking_form h4 {
    font-family: 'Varela', sans-serif;
}

/* Deposit msg */
#booking_form .well {
    margin-top: 15px;
    margin-bottom: 0px;
}


/* Highlighted label */
label.highlighted {
    color: #4192D9;
}

/*=========================
    23.A - Form elements
  =========================*/

#booking_form h3 {
    font-size: 22px;
    border-bottom: solid 1px #e3e3e3;
    margin-bottom: 20px;
}

#booking_form .booking-input-container {
    text-align: justify;
    padding: 10px 0px;
}

#booking_form .input-contact {
    margin-bottom: 10px;
}

#booking_form button {
    margin-top: 0px;
}

#participants_div input {
    width: 100%;
    height: 30px;
    box-sizing: border-box; 
}

#booking_form label.head-lab {
  margin: 0;
  display: inline;
  font-size: 15px;
  font-weight: 700;
}

#booking_form label.invalid-input  {
    color: #b94a48;
}

#booking_form input.invalid-input, #booking_form select.invalid-input, #booking_form textarea.invalid-input  {
    border: solid 1px #b94a48;
}

#booking_form .validation-errors-container ul {
  margin-top: 10px;
}

/*=========================
    23.B - Sharing Tabs
  =========================*/

#sharing-title {
    color: #4192D9;
    font-size: 32px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 110%;
    margin-bottom: 20px;
    margin-top: 35px;
}

#sharing-tabs { margin-top: 20px; }

#sharing-tabs-container {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 0px 5px 5px 5px;
    border: solid 1px #e3e3e3;    
}

#sharing-tabs-container .tab-content {
    border: 0;
    padding: 0;
}

#sharing-tabs-container .tab-pane form {
    margin: 0;
}

#sharing-tabs-container .tab-pane button {
    display: block;
}

#sharing-tabs-container .tab-pane strong {
    display: block;
    margin: 10px 0px 5px 0px;
}

/* Tabs */
#sharing-tabs .nav-tabs {
    margin-bottom: 0px;
    border: 0;
}


#sharing-tabs .nav-tabs > li > a {
    padding: 10px 25px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 1px;
    border: solid 1px #e3e3e3;
}

#sharing-tabs .nav-tabs > li.active > a {
    border: solid 1px #e3e3e3;
    border-bottom: solid 1px #ffffff;
}

/*===================================================================
    24 - New styles for other pages
  ===================================================================*/

.title-box {
    margin-bottom: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
    font-size: 20px;
    position: relative;
    border: solid 1px #e3e3e3;
}

.title-box h1 { 
    margin: 0px;
    color: #4192D9;
    font-size: 46px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

/* Floating img on title */
.title-box .img-container {
    display: none;
}

@media (min-width: 600px) {
    .title-box .img-container {
        display: block;
        position:absolute;
        right: 20px;
        top: 10px;
        opacity: 0.3;
    }

    .title-box .img-container img {
        height: 80px;
        width: auto;
    }
}

/* Styles for sorting and pagination bars */
.cutom-pagination { margin-top: 40px; }

.cutom-pagination li a {
    padding: 10px 7px; 
}

.cutom-pagination li.active a {
    color: #FFF;
    background: #4192D9;
}

.cutom-pagination li a:hover {
    background:#FFCC00;
}

.sorting-methodes, .cutom-pagination ul {
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    max-height: 40px;
}

/* Styles for tags at the end */
ul.custom-related-areas {
    margin: 0;
    font-size: 14px;
    /*text-align: center;*/
    margin-bottom: 20px;
}

ul.custom-related-areas li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    background: #FFFFFF;
    border-radius: 5px;
}

ul.custom-related-areas li a:hover {
    color: #FFCC00;
    text-decoration: none;
}

.view-detail {
    margin-bottom: 15px;
}

/* Tours wrapper */
#our-travels .tours-wrapper {
    padding: 0px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: center;
}

/*===================================================================
    25 - Booking form in tour page
  ===================================================================*/

.excursion-booking-box {
    color: #63666A;
    background: whitesmoke;
    border: solid 1px #e3e3e3;

    margin: 20px 0px;
    border-radius: 5px;
    padding: 8px 14px 8px 14px;
}

.excursion-booking-box h3 {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 30px;
    margin-top: 0;
    color: #00305A;
    margin-bottom: 15px;
}

.excursion-booking-box span.final-price {
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 25px;

    color: #4192D9;

    font-weight: 500;
    font-family: 'Dosis', sans-serif;
    font-size: 35px;
}

.excursion-booking-box label:not(.radio) {
    font-weight: bold;
    /*margin-top: 10px;
    margin-bottom: 5px;*/

    margin: 10px 0px;
    font-size: 15px;
}

.excursion-booking-box form button {
    margin-top: 15px;
}

.excursion-booking-box button.close {
    color: #4192D9;
    opacity: 1;
}

.excursion-booking-box hr {
    margin-top: 0;
}

/* Participants table */
.excursion-booking-box .participants-table {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;

    font-size: 14px;
}

.excursion-booking-box .participants-table tr td:first-child, .excursion-booking-box .participants-table tr th:first-child {
    vertical-align: middle;
    padding-right: 25px;
}

.excursion-booking-box .participants-table .price-per-person {
    font-size: 10px;
}

.excursion-booking-box .participants-table input {
    width: 50px;
}

.excursion-booking-box .participants-table tr:first-child td {
    border: 0;
}

.participants-table tr th {
    padding: 5px;
    padding-top: 0;
    border-bottom: 1px solid #ddd;
}


/* Media Queries */
@media (max-width: 420px) {
    
    .excursion-booking-box {
        margin: 20px -10px;
    }

    .excursion-booking-box .participants-table input {
        width: 25px;
    }

    .excursion-booking-box .participants-table tr td:first-child, .excursion-booking-box .participants-table tr th:first-child {
        padding-left: 5px;
        padding-right: 10px;
    }

    .excursion-booking-box h3 {
        font-size: 28px;
    }
}


.iframe-container {
  overflow: hidden;
/*overflow-x: hidden; overflow-y: scroll ;*/
/*  padding-top: 56.25%;*/
  padding-top: 100%;
  position: relative;
}
 
.iframe-container iframe {
   border: 1;
   /*height: 75%;*/
   height: 100%;
   left: 10px;
   position: absolute;
   top: 0;
   width: 95%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  /*padding-top: 75%;*/
  padding-top: 100%;
}