body { font-size: 14px; font-family: 'Open Sans', sans-serif; font-family: 'Nunito Sans', sans-serif; line-height: 1.5; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Nunito Sans', sans-serif; }
p { font-family: 'Open Sans', sans-serif; }

a { color: #2FB0E5; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.btn_map:focus, .btn_list:focus { background: #F79520; color: #fff; }

/* colours and global */
.colour_wte  { color: #F5f5f5; }
.colour_wte:hover  { color: #F5f5f5; }
.color_grey  { color: #ccc; }
.color_grey_1  { color: #979797; }
.bg_colour_wte  { background-color: #f5f5f5; }

.colour_1  { color: #EC6000; }
.bg_colour_1  { background-color: #EC6000; }

.color_facebook { color: #3B569D; }
.color_instagram { color: #EC2E58; }
.color_google { color: #DC512E; }
.color_pinterest { color: #B90813; }
.color_instagram { color: #000; }
.color_twitter { color: #5AB0FA; }
.trans { background: transparent; border: none; }

.txt_aln_ctr { text-align: center; }
.txt_aln_rt  { text-align: right; }

.blue_text { color: #2FB0E5; }

.padding_0 { padding: 0px; }
.padding_5 { padding: 5px; }
.padding_10 { padding: 10px; }
.padding_20 { padding: 20px; }

.padding_left_0 { padding-left: 0px; }
.padding_left_5 { padding-left: 5px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_15 { padding-left: 15px; }

.padding_right_0 { padding-right: 0px; }
.padding_right_5 { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_20 { padding-right: 20px; }
.padding_right_30 { padding-right: 30px; }

.padding_top_5 { padding-top: 5px; }
.padding_top_10 { padding-top: 10px; }
.padding_top_15 { padding-top: 15px; }
.padding_top_20 { padding-top: 20px; }

.padding_bottom_5 { padding-bottom: 5px; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_bottom_20 { padding-bottom: 20px; }

.padding_lr_0 { padding-left: 0px; padding-right: 0px; }
.padding_lr_5 { padding-left: 5px; padding-right: 5px; }

.overlay_holder { width: 100%; height: 100%; position: relative; }
.overlay_color { position: absolute;height: 50px;top: 0;width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.3); }
.overlay_color_4 { position: absolute;height: 50px;top: 0;width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.4); }
.overlay_color_5 { position: absolute;height: 50px;top: 0;width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.5); }

.pull_right { float: right; }

/*** nav ***/
.tel { font-size: 16px; font-family: 'Open Sans', sans-serif; }
.btn_enquire { cursor: pointer; transition: all 0.7s; background-color: #2FB0E5; color: #fff; text-transform: uppercase; border: none; padding: 5px 15px; border-radius: 5px; margin-top: 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; }
.btn_enquire_1 { cursor: pointer; transition: all 0.7s; background-color: #2FB0E5; color: #fff; text-transform: lowercase; border: none; padding: 5px 15px; border-radius: 5px; margin-top: 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; }
.btn_enquire_1a { cursor: pointer; line-height: 1; transition: all 0.7s; background-color: #2FB0E5; color: #fff; text-transform: lowercase; border: none; padding: 4px 10px 8px; border-radius: 5px; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.btn_enquire:hover, .btn_enquire_1:hover, .btn_enquire_1a:hover { cursor: pointer; text-decoration: none; transition: all 0.7s; background-color: #000; color: #fff; }
.t_but { margin-top: 20px; }

/*
 *.btn_popular { display: inline-block; transition: all 0.3s; padding: 3px 15px; background-color: rgba(0,0,0,0.6); color: #fff; text-transform: uppercase; border: none;  border-radius: 5px; font-size: 12px; letter-spacing: 1px; margin: 0px 2px 10px 2px; font-family: 'Open Sans', sans-serif; white-space: nowrap; }
*/
.btn_popular { display: inline-block; transition: all 0.3s; padding: 2px 13px; background-color: rgba(0,0,0,0.6); color: #fff; text-transform: uppercase; border: none;  border-radius: 4px; font-size: 12px; letter-spacing: 1px; margin: 0px 2px 10px 2px; font-family: 'Open Sans', sans-serif; white-space: nowrap; }
.btn_popular:hover { transition: all 0.3s; background-color: #F79520; color: #fff; text-decoration: none !important; }
/*
.btn_popular a { padding: 3px 15px; }
.btn_popular a:hover { text-decoration: none !important; }
*/
.right_border { border-right: 1px solid #65798E; }
.search_link:link { padding-top:7px; padding-right: 0px; }
.search_icon { padding: 6px 5px; border-radius: 5px; border: #fff 2px solid; }
.active a { color: #fff; }
.active a:hover { color: #fff; }

/*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: transparent; color: #fff; }*/
.white-nav .nav > li > a:focus, .nav > li > a:hover { background: transparent; color: #fff; }
.yamm-content .row { margin-left: 15px; }

/*** white nav scrolled styles ***/
.white-nav { background-color:#f5f5f5; color:#333; padding-bottom: 0px; }
.white-nav .navbar-brand img { max-height: 40px; padding-bottom: 0px; }
.white-nav .social_icons { display: none; }
.white-nav .tel, .white-nav .intl-tel-input, .white-nav .telephone_numbers, .white-nav #c_tels { display: none; }
.white-nav .btn_enquire { margin-top: 0px; cursor: pointer; }
.white-nav .navbar-nav > li > a { color: #333; font-size: 16px;}
.white-nav .colour_wte { color: #333; }
.white-nav .nav > li > a:focus, .nav > li > a:hover { color: #2FB0E5; background-color: transparent; border-bottom: none; }
.white-nav .right_border { border-right: 1px solid #ccc; }
.white-nav .nav > .active a { color: #fff; }

/*** carousel ***/

.carousel-caption-headline { font-weight: 500; line-height: 1.2; }

.we_recommend { font-size: 16px; color: #ddd; margin-top: 30px; }
.we_recommend_a { line-height: 2.4; width:70%; margin: 0px auto; }

.input-main-search { font-size: 24px; font-weight: 400; color: #777; width: 630px; padding: 0px 20px; height: 55px; }
.carousel_view_details a { color: #fff; text-decoration: none; }
.carousel_view_details { margin-top: -80px; text-align: center; z-index: 500; position: absolute; width: 100%; color: #fff; }
.carousel_view_details:hover { transition: all 0.2s; margin-top: -90px; text-align: center; z-index: 500; position: absolute; width: 100%; color: #fff; }
.carousel_bg { position: absolute; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Standard syntax (must be last) */ width: 100%; height: 100%; z-index: 999; }

/*** body ***/
.intro { margin-bottom: 20px; }
.intro h1 { margin-top: 30px; }
.big_txt { font-size: 20px; }
.blue_line { background: #2FB0E5; height: 4px; display: block; margin-top: 20px; }
.why_headline { font-size: 26px; font-weight: 600; margin-bottom: 30px; }
.why_text { font-size: 16px; font-weight: 600; }

.popular_destinations h2 { margin-top: 40px; text-transform: uppercase; font-weight: 600; color: #333; letter-spacing: 2px; font-size: 20px; }

.simple_text { line-height: 30px; font-size: 16px; font-weight: 300; }
.bg_grey { background: #D8E1E9; min-height: 300px; padding: 50px; }
.bg_quote { background-size: cover; min-height: 300px; padding: 20px 50px; }

.cta_bg { background-image: url('../img/cta-bg.jpg'); background-size: cover; min-height: 400px; text-align: center; }
.cta_bg_1 { background-image: url('../img/cta-bg-1.jpg'); background-size: cover; min-height: 400px; text-align: center; }
.cta_simple { min-height: 160px; text-align: center; color: #333; }
.cta_simple_text { font-size: 40px; color: #333; text-align: center; font-weight: bold; margin-top: 20px; }
.cta_text { font-size: 40px; color: #fff; text-align: center; margin-top: 120px; }
.cta_text_small { font-size: 30px; color: #fff; text-align: center; margin-top: 0px; }
.cta_text_small_1 { font-size: 30px; color: #333; text-align: center; margin-top: 0px; }

.cap_1 { position: absolute;bottom: 50%;color: #fff;font-size: 36px;font-weight: 500;width: 100%;padding-right: 20px;}
.cap_1_dest { font-family: 'Nunito Sans', sans-serif;  transition: all 0.4s; position: absolute;bottom: 30%;color: #fff;font-size: 30px;font-weight: 400;width: 100%;padding-right: 20px; padding-left: 20px; line-height: 1;}
.hover_up:hover .cap_1_dest { position: absolute; bottom: 35%;color: #fff;font-size: 30px;font-weight: 400;width: 100%;padding-right: 20px; line-height: 1;}
.cap_1_title { font-size: 30px; width: 80%; margin: 0px auto; line-height: 1.1; }

.btn_more { display: none; }
.hover_up:hover .btn_more { width: 80px; margin: 0px auto; display: block; transition: all 0.7s; background-color: rgba(47,0176,229,0.5); color: #fff; text-transform: uppercase; border: none; padding: 5px 15px; border-radius: 5px; margin-top: 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; text-decoration: none; }
.hover_up:hover .btn_more:hover { background-color: rgba(47,0176,229,1); text-decoration: none; }

.cap_1_dest em { font-size: 22px}
.cap_1_1 { position: absolute;top: 70px;color: #fff;font-size: 36px;font-weight: 500;width: 100%;padding-right: 20px;}
.cap_1a { margin-top: -10px; font-size: 25px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.cap_1_input { width: 70%; background-color: rgba(0,0,0,0.6); border: none; padding: 10px; font-size: 18px; font-weight: 300;}
.cap_1_but { font-size: 20px; margin-top: 10px; }
.cap_1_but:hover { cursor: pointer; transition: all 0.7s; font-size: 20px; margin-top: 10px; color:#2FB0E5;; }

.cap_1b { z-index: 999; position: absolute; padding: 10px; background-color: #fff; margin: 0px auto; color: #000; margin-left: 35px; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 15px;}
/** the below needs to be fixed with a left float **/
.cap_1b_a { width: 74%; left: 13px; }
.cap_1b_b { width: 40%; left: 72px; }
.cap_1b_c { width: 50%; left: 52px; }
.cap_2_c { font-size: 20px; margin-top: 10px; }
.cap_3a { font-size: 20px; font-weight: 300; }

/*** accommodation carousel ***/
.carousel-caption-1 { top: 130px; }
.carousel-caption-headline-2 { line-height: 1.2; letter-spacing: 2px; color: #f5f5f5; }
.carousel-caption-headline-2 em { font-size: 20px; }

/** accommodation listings **/
.breadcrumbs { float: left; font-size: 12px; letter-spacing: 1px; }
.breadcrumbs a { font-size: 12px; color: #2FB0E5; text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs h2 { font-family: 'Nunito Sans'; color: #666; }
.breadcrumbs h2 em { font-size: 20px; margin-left: 20px; }
.breadcrumbs_right { text-align: right; color: #aaa; }

.list_accom_type { font-size: 10px; margin-left: 5px; background-color: #ccc; padding: 2px; text-transform: uppercase; color: #fff; }
.list_accom_link { font-family: 'Open Sans', sans-serif;  transition: all 0.4s; position: absolute;bottom: 40%;color: #fff;font-size: 36px;font-weight: 400;width: 100%;padding-right: 20px; line-height: 1;}
.hover_up:hover .list_accom_link { position: absolute; bottom: 55%;color: #fff;font-size: 36px;font-weight: 400;width: 100%;padding-right: 20px; line-height: 1;}
.list_accom_heading { font-size: 20px; color: #666; margin-top: 5px; margin-bottom: 5px; }
.list_accom_price { font-size: 20px; color: #2FB0E5; line-height: 0.8; }
.list_similar_properties { text-align: center; text-transform: uppercase; margin-top: 60px; line-height: 1; }
.list_accom_curated { position: absolute;top: 210px;right: 0px; }

/** accommodation filter bar **/
.filters { margin-top: 20px; }
hr { background-color: #ccc; height: 1px; }
.filters_fixed { top: 46px; position: fixed; z-index: 1; width: 100%; background-color: #eee; padding: 5px 0px 10px 0px; }
.filters_fixed hr { display: none; }
.btn_more_filters { transition: all 0.7s; background-color: #2FB0E5; color: #fff; text-transform: uppercase; border: none; padding: 8px 25px; border-radius: 5px; margin-top: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-right: 10px; }
.btn_more_filters:hover { text-decoration: none; color: #fff; background-color: #000; }
.btn_map { cursor: pointer; transition: all 0.7s; background-color: #CCC; color: #fff; text-transform: uppercase; border: none; padding: 5px 15px; border-radius: 5px; margin-top: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.btn_map:hover { text-decoration: none; color: #fff; background-color: #000; }


.stars { position: absolute; left: 25px; top: 20px; }
.single_stars { float: left; margin-right: 15px; }
.stars .fa, .single_stars .fa { color: goldenrod; }

#mycarousel { list-style: none; padding-left: 0px; }

/** accommodation listing page nextgen overrides **/
.ngg-gallery-thumbnail-box { width: 100% !important; height: 100% !important; }
.ngg-gallery-thumbnail-box img { width: 100%; height: 260px; }
.ngg-navigation, .slideshowlink { display: none !important; }
.ngg-gallery-thumbnail-box { margin-bottom: 0px; }
.ngg-galleryoverview { margin-top: 0px; }

/** testimonial carousel **/
#ctct_review_carousel { letter-spacing: 2px; }
.testimonial_headline { text-transform: uppercase; font-weight: 500; color: rgb(47,176,229); font-size: 18px; margin-bottom: 10px; }
.testimonial_tripadvisor { color: rgba(255,255,255,0.5); margin-bottom: 30px; font-size: 20px; }
.testimonial_text { color: #333; font-size:  22px; font-weight: 300; margin-bottom: 30px; line-height: 1.2; min-height: 120px; }
.testimonial_person { color: #333; font-size:  18px; font-weight: 300; margin-bottom: 20px;}
.testimonial_customersure { color: #666; font-size: 10px; width: 250px; margin: 0px auto 40px; text-align: left; }
.testimonial_customersure a { color: #666; text-decoration: none; font-weight: bold; }
.testimonial_customersure a:hover { color: #666; }

/** accommodation detailed **/
.heading_container { float: left; margin-top: 20px; margin-bottom: 10px; margin-right: 15px; border-right: 2px solid #ccc; }
.accom_list_head h2 { margin-top:0px; padding-bottom: 0px; text-transform: uppercase; margin-bottom: 5px; color: #333; font-size: 26px; float: left; margin-right: 25px; }
.sub_nav a { font-size: 14px; color: #777; text-decoration: none; padding: 10px 20px 10px 0px; font-weight: bold;  }
.sub_nav a:hover { color: rgb(47,176,229); text-decoration: none; }
.sub_nav { margin: 10px 0px; }
.right_sidebar_fix { position: fixed; }
.right_sidebar input { margin-bottom: 5px; }
.accom_address { color: #999; clear: both; margin-right: 25px; }
.accom_detailed_price { font-family: Open Sans; color: rgb(47,176,229); font-size: 36px; line-height: 0.8 }
.accom_detailed_price_zar { font-size: 16px; }
.accom_detailed h3 { text-transform: uppercase; font-size: 20px; }
.accom_detailed h4 { font-size: 16px; }
.right_sidebar h3 { font-size: 18px;
    text-transform: none;
    text-align: center;
    border: 5px solid #2fb0e5;
    padding: 10px 0;
    width: 94%;}
.accom_amenities .fa { color: rgb(47,176,229); margin-right: 5px; }
.fac { padding-bottom: 5px; font-size: 14px; color: #666; font-family: 'Open Sans', sans-serif; }
.accom_sprite_beds { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) 0 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_baths { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -46px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_tv { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -92px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_wifi { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -138px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_garage { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -184px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_nogarage { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -184px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_pool { width: 46px; height: 46px; background: url(../img/facilities-icons-sprite.png) -230px 0; float: left; opacity: 0.5; cursor: pointer; }
.accom_sprite_beds:hover, .accom_sprite_baths:hover, .accom_sprite_tv:hover, .accom_sprite_wifi:hover, .accom_sprite_garage:hover, .accom_sprite_pool:hover { opacity: 1; }
.accom_sprite_count { color: #fff; background-color: #F79520; border-radius: 50px; float: left; padding: 0px 5px; margin-left: -20px; }

.owl-theme .owl-controls .owl-nav [class*=owl-] { background: none; }

.tour_intro { color: #fff; }
.tour_list { color: #666; margin-top: 5px; margin-bottom: 5px; }
/** Itinerary detailed **/
.itinerary_departs { color: #2FB0E5; font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 20px 0px; }
.itinerary_strapline { text-transform: uppercase; font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.itinerary_heading { font-size: 30px; color: #32B1E8; font-weight: bold; text-transform: capitalize; margin-bottom: 20px; }
.itinerary_heading_1 { font-weight: bold; font-size: 22px; margin-top: 20px; }

/** stories **/
.stories_list_item { margin-bottom: 20px; }
.list_thumb { position: relative; width: 100%; height: 300px; display: block; background-size: cover; }
.list_title { position: absolute; text-align: center; padding: 20px; bottom: -55px; color: #fff; font-size: 22px; font-weight: 600; }
.list_date { background-color: #32B1E8; color: #FFF;font-family: 'Nunito Sans';font-size: 15px; border-radius:100px; width: 45px; height: 45px; padding: 5px; margin: 10px auto 0px; }
.list_excerpt { text-align: center; margin: 40px 0px 30px 0px; line-height: 1.4; }
.list_link { text-align: center; color: #333; font-weight: 600; }

/** sidebar **/
.sidebar_popular_posts a { color: #333; }
#searchform { margin-bottom: 30px; }
#searchform label { display: none; }
#searchform input:focus { border: 1px solid #333; }
#sidebar { margin-top: 50px; }
#sidebar ul li, #sidebar h3 { color: #2FB0E5; text-transform: uppercase; font-size: 22px; list-style: none; }
#sidebar ul li ul { padding-left: 22px; line-height: 1.2; }
#sidebar ul li ul li { list-style: disc; }
#sidebar ul li ul li a { color: #333; text-transform: capitalize; font-size: 16px;font-weight:400; }

.custom-pagination { text-align: center; margin: 30px; }

/** quick enquiry styles **/
.form_heading { font-size: 40px; color: #fff; text-align: left; }
.form_quick_enquiry_div { background-color: rgba(47,0176,229,0.5); padding-top: 30px; padding-bottom: 30px; }
.form_bg { background-image: url('../img/form-bg.jpg'); background-size: cover; }
.form_quick_enquiry input { background-color: #FFF; border: #666 1px solid; padding: 10px; width: 100%; }
.form_quick_enquiry textarea { background-color: #FFF; border: #666 1px solid; padding: 10px; width: 100%; }

/*** transitions ***/
.hover_border:hover img { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; border: 5px solid #2FB0E5; }

/*** footer ***/
footer { background-color: #fff; padding-bottom: 20px; }
footer h4 {	margin-top: 20px; line-height: 2.8; margin-bottom: 15px; }
footer input { background-color: #717171; border: none; padding: 10px; width: 100%; margin-top: 5px; }
footer a:hover { color: #ccc; text-decoration: none; }

#menu-footer-first-navigation { padding-left: 0px; list-style: none; }
.footer_nav { color: #979797; }
.footer_nav h4 { font-size: 14px; font-weight: 600; }
.footer_nav a { color: #979797; text-decoration: none; }
.footer_nav a:hover { color: #ccc; text-decoration: none; }
.btn_subscribe { color: #fff; text-transform: uppercase; border: none; padding: 5px 0px; margin-top: 10px; font-size: 16px; background: transparent; }
.copyright { font-size: 12px; padding: 10px 0px; text-transform: uppercase; color: #979797; }

/*** mega nav ***/
/*
.mega-dropdown { position: static !important;}*/
.mega-dropdown-menu { padding: 0px 0px 0px 0px; width: 115%; box-shadow: none; -webkit-box-shadow: none;border: 1px solid #666;padding: 20px; border-top: none !important;
-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36); }
.mega-dropdown-menu h4 {
    color: #2FB0E5; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 15px;
    }
.mega-dropdown-menu > li > ul { padding: 0; margin: 0; }
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px; }
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus, dropdown-toggle:hover { text-decoration: none; color: #2FB0E5; }
.mega-dropdown-menu .dropdown-header { font-size: 18px; color: #333; padding: 5px 60px 5px 5px; line-height: 30px; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: #fff !important; }

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
}
.navbar-nav>li>.mega-dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dropdown-menu>li>a:hover { color: rgb(47,176,229) }
.dropdown-menu {
    border: none; padding: 20px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.36);
}
.mega-dropdown-menu > li.mega-haschild a:hover {
    background: #fff !important;
    color: #2FB0E5 !important;
}
.mega-dropdown-menu > li.mega-haschild:hover > a {
    background: #fff !important;
    color: #2FB0E5 !important;
}

.bg_nav_call { background-color: #2FB0E5; padding-top: 10px;  margin-top: 10px;padding-bottom: 14px; }
.bg_nav_search { background-color: #2FB0E5; padding-bottom: 20px; margin-top: 10px; }

/*** tel dropdown ***/
.white-nav input[type="tel"]#phone::-webkit-input-placeholder { color : transparent; text-shadow : 0 0 0 #333; }
input[type="tel"]#phone::-webkit-input-placeholder { color : transparent; text-shadow : 0 0 0 #FFF; }
input[type="tel"]#phone { background: transparent; border: none; cursor: default; }
.intl-tel-input .selected-flag .iti-arrow { border-top: 4px solid #FFF; }
.white-nav .intl-tel-input .selected-flag .iti-arrow { border-top: 4px solid #333; }
.country-name { color: #333; }
/** Gravity forms styles and overrides ***/
.gfield_label { display: none !important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100% !important; height: 35px !important; }
.gform_wrapper textarea.medium { width: 100% !important; }
.gform_wrapper ul li.gfield { clear: none !important; margin-top: 0px !important; }
.gform_wrapper .top_label div.ginput_container { margin-top: 2px; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    transition: all 0.7s; background-color: #2FB0E5; color: #fff; text-transform: uppercase; border: none; padding: 5px 15px; border-radius: 5px; margin-top: 0px; font-size: 18px !important; font-family: 'Open Sans', sans-serif; margin-left: 15px !important; }
.gform_wrapper .chosen-container.chosen-container-multi .chosen-choices { min-height: 30px !important; }
.modal_form .gform_wrapper ul.gform_fields li.gfield { padding-left: 0px !important; }
#gform_fields_6 .ginput_container input {
        border: 1px solid #ddd !important;
        background: #fff !important;
        color: #666 !Important;
}
#gform_fields_6 {
        width: 103% !important;
}
#gform_fields_6 .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 13px !important;
    padding: 5px 10px 4px !important;
    letter-spacing: normal !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    ::-webkit-input-placeholder: #bbb;
}
#gform_submit_button_6 {
    float: left !important;
    margin: 0 !important;
    padding: 11px 20px !important;
}

#gform_fields_6 .ginput_container input:focus {
    ::-webkit-input-placeholder: #ddd;
}
#gform_6 .ginput_container input[type=submit] {
    margin-right: 0 !important;
}

#gform_fields_6 select.medium {
    width: 100%;
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding-left: 10px !important;
    font-size: 13px !important;
    ::-webkit-input-placeholder: #bbb;
}
#gform_fields_6 textarea.medium {
    min-height: 25px;
    height: 110px !important;
    width: 100%;
    background: #fff !important;
    padding-left: 10px !important;
    border: 1px solid #ddd !important;
    font-size: 13px !important;
    ::-webkit-input-placeholder: #bbb;
}
#gform_fields_6 .gfield div {
    margin-top: 0 !important;
}
#gform_6 .gform_footer {
    padding: 0 !important;
}

#gform_submit_button_1 {
    width: 94% !Important;
    padding: 10px 0 !Important;
}

.gform_body select { padding: 0px 0px 0px 5px; }

.margin_top_8 { margin-top: 8px !important; }
#field_4_4, #field_4_6, #field_4_9, #field_4_10 { padding-top: 8px; }

.chosen-container-multi li.search-choice { top: inherit; }
select[multiple] + .chosen-container-multi ul.chosen-choices li.search-choice { left: inherit; }
li.gfield a.chosen-single span, li.gfield .chosen-container-multi .search-choice span { left: 0px; top: 0px; }
select[multiple] + .chosen-container-multi ul.chosen-choices li.search-choice { padding-bottom: 3px; padding-top: 3px; }
.gform_wrapper .chosen-container.chosen-container-multi .chosen-choices { min-height: 35px !important; padding: 2px; }
.gform_wrapper .medium, .medium + .ginput_counter, .medium + .chosen-container-multi { width: 100% !important; }
li.gfield a.chosen-single span, li.gfield .chosen-container-multi .search-choice span { position: inherit; }

.ui-datepicker-title select { color: #333; }
.ui-datepicker td a, .ui-datepicker td span { width: 100% !important; }

/** Lightbox style overrides ***/
#slb_viewer_wrap .slb_theme_slb_default .slb_container { border-radius: 0 !important; }
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-size: 15px !important; font-style: normal !important; }


.desktop_display_none { display: none; }
.fl { float: left; }

/* ----------- Tablets ----------- */

/* General GF Date Picker */
#ui-datepicker-div          { background: #FFF; border: 1px solid #ddd; border-radius:4px; .box-shadow(0px 3px 5px 0px rgba(50, 50, 50, 0.75)); display:none; padding:20px; width:300px; 
 
  .ui-icon                  { color: black; cursor: pointer; font-size: 0px; }
  .ui-icon:before           { color: @anchor-color; font-family:"FontAwesome"; font-size: 18px; }
 
  .ui-datepicker-prev       { float: left; width: 10%;
    .ui-icon:before         { content:'\f060'; }
    &.ui-state-disabled     { display:none; }
  }
  .ui-datepicker-next       { float: right; width: 10%;
    .ui-icon:before         { content:'\f061'; float: right; }
    &.ui-state-disabled     { display:none; }
  }
 
  .ui-datepicker-title      { 
    select                  { float: left;  width: 70%; }
 
    .ui-datepicker-month    { margin: 0px 5% 6px; }
    .ui-datepicker-year     { margin: 0px 15% 6px; }
  }
 
  .ui-datepicker-today      { background-color: @primary-color; border-radius: 4px;
    a                       { color: #FFF; }
  }
 
  table                     { width: 100%; 
    td, th                  { text-align: center; }
    td                      {  
      a                     { display: block; padding: 5px; }
    }
  } 
 
}

.overlay_top_banner { top: 0; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; display: block; position: absolute; }


/** ajax search **/
.ctct-ajax-search{
    position: absolute;
    background: #f2f2f2;
    width:500px;
    z-index: 999;
    border:1px solid #D8D5BF;
    border-top:none;
    padding: 0;
    display: none;
    padding: 20px;
}   
    
.ctct-ajax-search li{
    border-bottom: 1px solid #D8D5BF;
    padding: 5px 10px;
    list-style: none;
}

.menu-search-field { padding: 10px 15px; width: 300px; background-color: #2FB0E5 !important; color: #666; }
.menu-search-field::-webkit-input-placeholder {
  color: #ccc;
}

.carousel-control .fa { padding-top: 60%; }

#s { width: 66%; float: left; padding: 9px 5px; margin-bottom: 20px; }
#searchsubmit { padding: 12px 15px }

.modal-close {
         cursor: pointer;
    display: block;
    margin-top: 34px;
    width: 26px;
    height: 26px;
    float: right;
    background: url(../img/modal-close.png) no-repeat center center;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}
.carousel-inner-reviews {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel_100 { 
    height: 100px;
}

.destination_featured_links { height: 370px; width: 370px; display: block; }
.team_text { font-size: 26px; text-align: left; }    
.itinerary_holder { background-color: #e9e9e9; padding: 0px 20px 40px 20px; margin-top: 20px; }

.pagination h2 { display: none; }

.navigation ul {     margin-left: 0px; padding-left: 10px; margin-top: 30px; }
.navigation li { display: inline; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled, .page-numbers { color: #fff; text-decoration:none; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled, .page-numbers { font-weight: 500; padding: 5px 10px; margin: 0px 2px; background-color: #2FB0E5; border-radius: 3px; cursor: pointer; }
.navigation li a:hover, .navigation li.active a, .nav-links .current { background-color: #EC9125; }

.popup-banner { text-align: center; background: url('/wp-content/themes/ctct_theme/img/banner-2.jpg') no-repeat center bottom; background-size: cover; color: #fff; background-color: #2FB0E5; padding-top: 10px; height: 510px; }
.popup-heading { text-align: center; width: 100%;font-size:32px; letter-spacing: 1px; padding-top: 10px;font-weight: 300; }
.popup-intro { margin-top: 25px; margin-bottom:20px; font-size: 15px;font-weight: 300; }
.popup-callus { margin-top: 4%; background: #fff; padding: 0px; color: #333 }
.popup-callus1 { position: absolute; bottom: 30px; right: 40px; font-size: 20px; color: #999; z-index: 999; }

.icon-arrow-left:before, .ls-nav-left a:before, .ui-icon-circle-triangle-w:before { display: none !important; }
.icon-arrow-right:after, .ls-nav-right a:after, .ui-icon-circle-triangle-w:after { display: none !important; }
a.ui-datepicker-prev, a.ui-datepicker-next { height: 40px !important; }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    h1 { font-size: 26px; }
    
    .navbar-brand img { max-width: 100%; }
    .btn_enquire { font-size: 12px; }
    .navbar-nav > li > a, .white-nav .navbar-nav > li > a { font-size: 14px; }
    .tablet_display_none { display: none; }
    .tablet_display_block { display: block; }
    
    .cap_1_1 { padding-right: 10px; top: 55px; }
    .cap_1_dest { font-size: 26px; bottom: 30%; }
    .cap_1_dest em { font-size: 18px; }
    .cap_1 { font-size: 26px; bottom: 40%; padding-right: 0px; }
    .cap_1_title { font-size: 18px; width: 80%; margin: 0px auto; }
    .cap_1_input { font-size: 14px; padding: 8px; }
    .cap_1b { margin-left: 10%; }
    .cap_1b_a, .cap_1b_b, .cap_1b_c { width: 80%; left: 0px; }
    .cap_2_c { font-size: 13px; margin-top: 5px; }
    .cap_3a {     font-size: 13px;
    padding: 0px 10px; }
    .cap_3b { line-height: 1; }
    
    .form_heading { font-size: 26px; }
    .form_quick_enquiry_div { padding-bottom: 60px;}
    
    .cta_text { font-size: 30px; }
    .cta_simple_text { font-size: 30px; }
    .cta_text_small_1 { font-size: 20px; }

    .testimonial_text { font-size: 16px; }
    .testimonial_person { margin-bottom: 10px; }

    .list_accom_heading { float: left; font-size: 18px; }
    .list_accom_price { font-size: 18px;}
    .list_similar_properties { text-align: center; text-transform: uppercase; margin-top: 20px; line-height: 1.2; }

    .carousel-caption-1 { top: 90px; }
    .carousel-caption { font-size: 30px; }
    .carousel-caption { top: 120px; }
    .input-main-search { width: 300px; font-size: 18px; margin-top: 10px; }
    .right_border, .white-nav .right_border { border-right: none; }

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 

}

/* ----------- iPhone 5, 5s, 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
   .m_padding_left_15 { padding-left: 15px; }
   .m_padding_right_15 { padding-right: 15px; }
    /*** HEADER ***/
    .navbar-brand { width: 70%; float: left; transition: none; }
    .navbar-toggle { margin-top: 0px; }
    .navbar-brand img { width: 100%; }
    .tablet_display_none, .mobile_display_none { display: none; }
    .mega-dropdown-menu .mobile_display_none { display: block; }
    .navbar-nav { margin: 0px -15px; }

    .white-nav .navbar-brand img { max-height: 50px; width: 80%; transition: none; }
    .white-nav .navbar-nav > li > a { color: #fff; }

    .navbar .social_icons { display: none; }
    .cta_bg_1 .btn_enquire { margin: 20px auto; }
    .navbar .btn_enquire { display: none; font-size: 14px; }
    .bg_nav_call { background-color: #333; padding-top: 0px; margin-top: 0px;  }
    .bg_nav_search { background-color: #2FB0E5; padding-bottom: 20px; margin-top: 10px; padding-top: 10px; border-radius: 5px; }

.homepage_carousel  { height: 70px !important; } 

.owl-prev { left: 30px; }
.owl-next { right: 30px; }

    .navbar-collapse { margin-top: 20px; }
    .simple_carousel_image { height: 70px !important; } 
    .carousel_100 { height: 80px; }
    .dropdown-menu { background-color: #333; box-shadow: none !important;}
    .carousel-inner { height: inherit; }
    .carousel-caption { font-size: 19px; top: 50px; left: 10%; right: 10%; }
    /*.carousel_view_details { display: none; }*/
    .carousel-control { top: 30%; width: 5%; }
    .carousel-control .fa { font-size: 1em; }

    .destination-caption { top: 120px; }
    .destination-enquire { font-size: 16px; margin-top: 20px !important; }
    .destination_featured_links { height: 370px; width: 100%; display: block; }
    .intl-tel-input { display: none; }
    .right_border { border-right: none; }
    .navbar-collapse { background: #333; }
    .mobile_nav { margin-left: -30px; margin-top: -15px; }

    .nav > li.mega-haschild:focus > a, .nav > li.mega-haschild:hover > a { background-color: #2FB0E5 !important; color: #fff; border-top-right-radius: 0px; border-top-left-radius: 0px;  }
    .navbar-right li { border-bottom: 1px #555 solid; }
    .navbar-right li ul li { border-bottom: none; }

    .mega-dropdown-menu { width: 100% !important; }
    .mega-dropdown-menu > li > ul > li > a { color: #fff;     font-size: 16px;
    line-height: 1.6; }
    .dropdown-menu>li>a { color: #fff;     font-size: 16px;
    line-height: 1.6;}
    
    /*** GENERAL ***/
    h1 { font-size: 20px; }
    h2 { font-size: 18px; }
    .mobile-no-padding { padding: 0px; }
    .mobile-display-none { display: none; }

    /*** BODY ***/
    .cap_1_1 { padding-right: 10px }
    .cap_1_dest { font-size: 26px; }
    .cap_1_dest em { font-size: 18px; }
    .cap_1 { font-size: 26px; }
    .cap_1_title { font-size: 18px; width: 80%; margin: 0px auto; }
    .cap_1_input { font-size: 14px; padding: 8px; }
    .cap_1b_a, .cap_1b_b, .cap_1b_c { width: 70%; left: 5px; }
    .cap_3a { font-size: 16px; }
    .cap_3b { line-height: 1; }
    
    .t_but { margin-top: 0px; margin-bottom: 20px; }
    .no-right {     float: inherit !important; }
    .we_recommend { display: none; }

    .form_heading { font-size: 26px; }
    .form_quick_enquiry_div { padding-bottom: 10px;}

    .testimonial_headline, .accom_testimonial_headline { font-size: 18px; }
    .testimonial_text, .accom_testimonial_text { font-size: 14px; margin-bottom: 15px; padding: 0px 30px; }
    .testimonial_tripadvisor, .accom_testimonial_tripadvisor { margin-bottom: 10px; font-size: 14px; display: none; }
    .testimonial_person, .accom_testimonial_person { margin-bottom: 10px; font-size: 14px; font-weight: bold; }
    .testimonial_customersure, .accom_testimonial_customersure { font-size: 10px; }
    
    .list_accom_heading { float: left; font-size: 18px; }
    .list_accom_price { font-size: 15px;}
    .list_similar_properties { text-align: center; text-transform: uppercase; margin-top: 20px; line-height: 1.2; }

    .heading_container { margin-right: 0px; }
    .accom_list_head h2 { margin-right: 0px; }
    .tour_list { text-align: center; }
    .heading_container { border-right: none; }

    .carousel-caption-headline .btn_enquire { font-size: 16px; margin-top: 20px; }

    .team_text { font-size: 16px; text-align: left; }    
    .bg_quote { padding: 0px; min-height: inherit; }
    
    #gform_wrapper_4 select { padding: 0px 8px; }
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { margin-bottom: 10px  !important; }
    .gform_wrapper .gform_footer { margin-top: 0px !important; }
    .cta_bg_1 { min-height: 150px; padding: 30px 0px; }
    .cta_text { font-size: 22px; margin-top: 10px; }
    .cta_simple { min-height: 100px; }
    .cta_simple_text { font-size: 20px; margin-top: 8px; }
    .cta_text_small_1 { font-size: 16px; }
    .btn_enquire_1a { font-size: 15px; }

    #input_1_4, #input_1_9, #input_1_10, #input_5_4, #input_5_9, #input_5_10 { padding: 8px; }

    .itinerary_holder { background-color: #e9e9e9; padding: 0px 0px 40px 0px; margin-top: 20px; }
    .cta_text_small { font-size: 16px; }

    .btn_enquire { display: block ; margin: 0px 20px; }

    /*** FOOTER ***/
    .copyright img { width: 50%; }

    .pb_introtext { font-size: 18px; width: 80%; margin: 10px 10%; }

    .entry-content img { max-width: 100% !important; height: inherit; }

    .cta h2 { font-size: 24px; }
    .popup-banner { display: none; }
	.popup-heading { text-align: left; width: 100%;font-size:24px; letter-spacing: 0px; padding-top: 30px;font-weight: 300; }
	.popup-callus1 { display: none; }
	#gform_fields_6 textarea.medium { height: 50px !important; }
	#gform_submit_button_6 { padding: 0px !important; margin-bottom: 10px !important; }
	#field_6_11 { clear: both !important; }

	#field_6_7, #field_6_8, #field_6_9, #field_6_10 { width: 50% !important; float: left !important; }
	#form_filters .fl {  padding-left: 0px; clear: both;  width: 250px; }
	#form_filters .fl select {  margin-left: 30px; float: right; width: 140px; }
}

@media (min-width: 1200px) {
    #modal_enquiry .container {
        position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        width: 1100px !important;
    }
}
.list_title_blog {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
a.list_title_blog:hover {
    color: #fff;

}

/* 20 - 11 - 2018 */
.color_gry { color: #6a6a6a;}
.f_b { font-weight: 600;}
.color_blue { color: #33b0e6;}


@media(max-width: 767px){


#ui-datepicker-div{    width: 82% !important;}

}

@media(min-width: 768px){
	ul.nav li.dropdown:hover ul.dropdown-menu { display: block;/*position: relative; */}
#ctct_header_carousel .item.active img{width: 100%;}



}