/*
Theme Name: Travelyucatan
Description: Travelyucatan Custom Wordpress Theme
Version: 1.0
Author: Olive Concepts
Author URI: https://oliveconcepts.com/
Tags: custom theme, light 
 */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
body{margin: 0;font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.67; color: #747474;font-size: 18px;}
a:hover, a:active { outline:0; }
img {max-width:100%;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: border-box;}
a{color: #333; text-decoration: none;}
a:hover{color: #cca147;}

/*Font Awesome */
/*@font-face{font-family:'FontAwesome';src:url('assets/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-search:before{content:"\f002"}*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/*End wordpress core css*/


.container {width: 100%; max-width: 1290px; margin: auto; padding-left: 15px; padding-right: 15px;}
.property_section h1, .blog_section h1, .video_section h1, h1.mian_heading {
    color: #cca147;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    padding: 50px;
    border-bottom: solid 1px #cca147;
    margin: 0 0 60px;
    line-height: 30px; position: relative;
}
.property_section h1:before, .blog_section h1:before, .video_section h1:before, h1.mian_heading:before {
    position: absolute;
    content: "";
    bottom: -21px;
    width: 62px;
    height: 42px;
    background: url(img/seprater-icon.png) #fff no-repeat center center;
    left: 50%;
    margin-left: -32px;
}

/* Header */
.header{position: relative;}
.locations_cities a {
    margin-right: 10px;
    color: #fff;
    display: inline-block;
}
.locations_cities{
    display: none;
    width: 100%;
}
.top-bar.location-open .locations_cities {
    display: table;
    margin-top: 8px;
}
.select-loation svg{
    height: 8px;
    width: 14px;
    color: #FFFFFF;
    fill: #FFFFFF;
    stroke: #FFFFFF;
    margin-left: 2px;
    transition: all .1s ease-in;
    transition-delay: .1s;
}
.location-open .select-loation svg{
    transform: rotate(180deg);
}
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#preloader-graphic-wrapper {
    position: fixed;
    width: auto;
    height: auto;
    border-radius: 0px;
    margin: 0 auto;
    overflow: hidden;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
    /*
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
    --webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.29);*/
    z-index: 111111;
}
#preloader-graphic-wrapper .loader-wrapper {
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}
#card span {
    position: fixed;
    top: 275px;
    font-size: 14px;
    left: -1px;
    text-align: center;
    line-height: 17px;
    color: #494949;
}
#card img {
    width: 110px;
    position: fixed;
    left: 31%;
    top: 316px;
}
.home .header_top {position: absolute;}
.header_top {position: static; top:0; width: 100%; padding: 0 40px; margin: 20px 0;    display: flex;
    align-items: center;}
ul.sub-menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    top: -8px;
}
.logo {float: left;    line-height: 0;}
.main_nav {float: right;margin-left: auto;}
.main_nav ul{margin: 0; padding: 0; list-style: none;float: left;}
.main_nav ul li {float: left; margin: 8px 0;}
.main_nav ul li a {color: #000; text-transform: uppercase; font-size: 18px; text-decoration: none; padding: 0 30px;}
.main_nav ul li > a:hover{color: #cca147;}
.home .main_nav ul li > a:hover{color: #fff;}
ul.sub-menu {
    width: 200px;
    background: #3f8cda;
    position: absolute;
    left: 0;
    top: 25px;
    display: none;z-index: 1;
}
ul.mega_menu {
    display: none;
}
.main_nav ul li:hover ul.sub-menu{display: block !important;}
.nav-main-link:hover ul.mega_menu {
    display: block;
    width: 100%;
    position: absolute;
    padding: 20px 20px 0;
    margin: 0;
    background: #fff;
    z-index: 99;
    margin-top: 10px;
    left: 0;
   /* left: 50%;
    max-width: 1260px !important;
    -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);
    */
}
ul.mega_menu:before {
    content: " \f0d8";
    position: absolute;
    color: #fff;
    z-index: -1;
    font-family: fontawesome;
    right: 380px;
    font-size: 100px;
    top: -5px;
}
ul.mega_menu li {
    width: 24%;
    margin: 0 0.5% 20px;
    position: relative;
    border: solid 10px #fff;
    box-shadow: 0px 0px 8px #ccc;
}
ul.mega_menu li a {
    padding: 0;
    display: block;
    line-height: 0;
}
ul.mega_menu li span {
    display: block;
    text-align: center;
    background: rgba(0,0,0,0.6);
    height: 40px;
    bottom: 0;
    position: absolute;
    width: 100%;
}
ul.mega_menu li span a {color: #fff !important; line-height: 40px !important;}
ul.mega_menu li span a:hover {color: #cca147 !important; }


.sub-menu li {
    margin: 0 !important; display: block; width: 100%;
}
.home .main_nav ul li a, .main_nav ul .sub-menu li a:hover {
    color: #fff;
}
.home .main_nav ul li.current-menu-ancestor a {color: #fff;}
.main_nav ul li.current-menu-ancestor > a {color: #cca147;}
.main_nav .sub-menu li a {
    font-size: 14px !important; padding: 8px 20px !important; display: block; border-bottom: solid 1px #7dbeff; color: #fff;
}
.second_nav{
    float: right;
    width: auto;
    border-top: 0;border-bottom: 0; padding: 0;display: table;line-height: 20px;margin-left: auto;}
.second_nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
.second_nav li {
    float: left;position: relative; margin: 0 15px;
}
.second_nav ul li a {
    color: #969595;
    padding:0;
    margin: 10px 0;
    display: block;
    
    
}
.second_nav ul li.current_page_item a:before{content:"";position: absolute;height: 1px; width: 100%; top:-1px; left: 0;background: #cca147;}
.second_nav ul li.current_page_item a:after{content:"";position: absolute;height: 1px; width: 100%; bottom:-1px; left: 0;background: #cca147;}
.second_nav ul li a:hover{color: #cca147;}
.second_nav .title a {
    background: #cca147;
    color: #fff;
    padding: 10px 30px;
    position: relative;
    font-size: 18px;
    margin: 0 20px 0 0;
    line-height: 20px;
}
.second_nav .title a:hover {color: #fff;}
.second_nav .title a::before {
    content: "\f0da";
    position: absolute;
    left: 98%;
    font-family: fontawesome;
    font-size: 69px;
    color: #cca147;
    top: 11px;
}
.search {
    float: right;
    background: #cca147;
    padding: 7px 12px;
    color: #fff;
    margin-left: 15px;
}
.header_middle {
    position: absolute;
    top: 35%;
    width: 100%;
    max-width: 1000px;
    margin-left: -500px;
    left: 50%;
    text-align: center;
}
.home .header_middle{top:30%}
.home .header_middle {
    text-align: left;
}
.header_middle h1 {

    color: #fff;
    font-weight: 400;
    font-size: 34px;
    line-height:20px;
    text-shadow: 0 1px 2px #000;
    text-transform: uppercase;

}
.home .header_middle h1 {
    line-height: 40px;
    text-transform: none;
    margin-bottom: 15px;
    line-height: 20px;
}
.header_middle p {
    font-size: 34px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    margin-top: 0;
    margin-bottom: 20px;
}
.property_search select, .property_search input {
    border: 0;
    padding: 10px;
    width: 34%;
    border-radius: 5px;
    height: 50px;
    font-size: 16px;
    color: #969595; margin-right: 1%;
}
select:focus, .property_search input {outline: 0;}
.property_search input {width: 20%; opacity: 1;}
.property_search input.search_btn {width: 18%; margin-right: 0; cursor: pointer; background: #cca147; color: #fff; text-transform: uppercase;}
input:-moz-placeholder{color:#969595}input::-moz-placeholder{color:#969595;opacity:1}input:-ms-input-placeholder{color:#969595}input::-webkit-input-placeholder{color:#969595}


.header_bottom {color: #fff; text-align: center; width: 100%; position: absolute; bottom: 40px; max-width: 1200px; left: 50%; margin-left: -600px;}
.header_bottom div{display: inline-block; position: relative;}
.header_bottom .col_one{float: left;}
.header_bottom .col_three {float: right;}
.header_bottom h3{font-size: 30px; margin: 0 0 8px; font-weight: 400;line-height: 20px;}
.header_bottom p{font-size: 20px; margin: 0;}
.header_bottom div:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 8px;
    background: #cca147;
    bottom: -20px;
    left: 50%;
    margin-left: -40px;
}

.property_section {
    display: table;
    width: 100%;
}
.property_box {
    position: relative;
    width: 49%;
    float: left; margin-left: 0;overflow: hidden; margin-bottom: 30px;
}
.property_box img {width: 100%; height: auto;}
.property_section .property_box:nth-child(odd){
margin-left: 2%;
}
.opacity_bg {
    position: absolute;
    bottom: 0;width: 100%; height: 100px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.property_box:hover .opacity_bg{height: 100%;}
.box_content {
    position: absolute;
    bottom: -130px;
    padding: 20px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.property_box:hover .box_content {bottom: 0;}
.property_box h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0; font-weight: 400;
    line-height: 30px;
}
.property_box p {
    font-size: 16px;
    line-height: 20px;
}
.read_btn {
    background: #cca147;
    text-shadow: none;
    color: #fff;
    text-decoration: none;
    padding: 6px 14px 8px;
    border-radius: 5px;
}
.read_btn:hover{color: #fff;}
.map {background: url(img/map-bg.png) #4a9bec center top; text-align: center; clear: both; padding-top: 30px;     line-height: 0;margin-top: 50px;    margin-bottom: 15px;}

.logo_section {background: url(img/section-bg.jpg) center center; display: table; width: 100%; padding: 150px 0; background-size: cover; margin-top: 50px;     margin-bottom: 15px;}
.logo_section ul {margin: 0; padding: 0; list-style: none;}
.logo_section li {width: 16.6666%; text-align: center; float: left;}
.logo_section li img {height: 100px;}

.blog_section {
    display: table;
    width: 100%;
}
.blog_box {
    float: left;
    width: 23%;
    margin: 0 1%;
        border: solid 1px #efefef;
    border-radius: 5px;
    margin-bottom: 15px;
    min-height: 230px;
}

.blog_box img {width: 100%; height: auto;border-radius: 5px 5px 0 0;}
.blog_box a:last-child {
    font-size: 16px;
    margin: 0 15px 10px;
    display: block;
    line-height: 20px;
}

.breadcrumb {margin: 10px 0 30px; padding: 0; list-style: none; display: table; width: 100%; }
.breadcrumb li{float: left; color: #969595;list-style: none;}
.breadcrumb li a{color: #cca147;}
.breadcrumb li a:after{content: ">"; padding:0 5px;}

/*Footer*/
.footer{background: #3f8cda; border-top:solid 10px #7dbeff; display: table; width: 100%; margin-top: 50px; clear: both; padding: 50px 0;}
.footer_col {width: 25%; float: left;}
.footer_col ul {padding: 0; margin: 0; list-style: none;}
.footer_col ul li {display: block; margin: 5px 0;}
.footer_col ul li a {color: #fff;}
.footer_col h3{color: #fff; text-transform: uppercase; font-size: 22px; margin: 0 0 20px; font-weight: 400;}
.footer_col ul li a:before{content:"\f0da"; font-family: fontawesome;margin-right: 3px;}
.footer_bootom{background: #3f8cda; border-top:solid 1px #7dbeff; display: table; width: 100%; padding: 30px 0; clear: both;text-align: center;}
.bootom_col_one, .bootom_col_two, .bootom_col_three {display: inline-block;}
.bootom_col_two {text-align: center;}
.bootom_col_three {float: right;}
.bootom_col_three a {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-color: #4a9bec;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    margin: 0 0px 0 5px;
}
.bootom_col_one {
    color: #fff;
    font-size: 14px;
    margin-top: 23px;     float: left;
}
/*.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-youtube:before{content:"\f167"}
.fa-instagram:before{content:"\f16d"}
.fa-google-plus:before{content:"\f0d5"}
.fa-pinterest:before{content:"\f0d2"}
.fa-envelope:before{content:"\f0e0"}
.fa-star:before {
    content: "\f005";
}
.fa-star-half-alt:before {
    content: "\f5c0";
}*/

.two-columns-block {
display: inline-block;
width: 100%;
margin-bottom: 20px;
margin: 0;
}
.two-columns-block .columns {
width: 50%;
float: left;
margin: 0;
}
.two-columns-block .columns.col-1 { padding-right:10px; }
.two-columns-block .columns.col-2 { padding-left:10px; }


.three-columns-block {
display: inline-block;
width: 100%;
margin-bottom: 20px;
margin: 0;
}
.three-columns-block .columns {
width: 33.3%;
float: left;
margin: 0;
}
.three-columns-block .columns.col-1 { padding-right:10px; }
.three-columns-block .columns.col-2 { padding-right:10px; padding-left:10px; }
.three-columns-block .columns.col-3 { padding-left:10px; }

.four-columns-block {
display: inline-block;
width: 100%;
margin-bottom: 20px;
margin: 0;
}
.four-columns-block .columns {
width: 25%;
float: left;
margin: 0;
}
.four-columns-block .columns.col-1 { padding-right:10px; }
.four-columns-block .columns.col-2, .three-columns-block .columns.col-3 { padding-right:10px; padding-left:10px; }
.four-columns-block .columns.col-4 { padding-left:10px; }


.col_half {width: 49%;float: left; margin-left: 0; margin-bottom: 30px;}
.container .col_half:nth-child(even){margin-left: 2%;}
h2 {
    font-size: 32px;
    color: #cca147;
    font-weight: 400;
    text-transform: uppercase;
    margin: 5px 0 30px;
}

.view_more {
    background: #cca147;
    padding: 20px 80px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 30px auto 0;
    display: table;
        line-height: 20px;
            clear: both;
}
.view_more:hover{background: #333; color: #fff;}
.video_section{text-align: center;}

/*span.stars, span.stars span {
    display: block;
    background: url(img/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

span.stars span {
    background-position: 0 0;
}*/




/*Post Signle Page Start*/
.content_section{width: 70%; float: left;}
.right_sidebar{width: 27%; float: right;}
.post_content h2 {
    font-size: 30px !important;
    text-transform: none;
    margin: 30px 0 15px;
    font-weight: 500;
    line-height: 35px;
    clear: both;
    
}
.post_content img {
    height: auto;
}
.post_top {
    border: solid 1px #efefef;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    width: 100%;
    display: inline-table;
}
.post_title {
    width: 70%;
    float: left;
    padding-right: 50px;
}
.single-social-share.top-share {
    width: 30%;
    float: left;
    padding: 15px 0 0 10px;
    text-align: center;
}
.single-social-share a i.fa {
    font-size: 35px;
}
.single-social-share a.facebook-share i.fa {
    color: #2f5b9d;
}
.single-social-share a.twitter-share i.fa {
    color: #38bff1;
}
.single-social-share a.pinterest-share i.fa {
    color: #bd081c;
}
.single-social-share a {
    margin-right: 5px;
}
.single-social-share.bottom-share {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 15px; 
}
.single-social-share.bottom-share a i.fa {
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
}
.single-social-share.bottom-share a {
    
    display: inline-block;
    width: 200px;
    text-align: center;
    border-radius: 5px
}
.single-social-share.bottom-share a.facebook-share{
    background: #2f5b9d;
}
.single-social-share.bottom-share a.twitter-share{
    background: #38bff1;
}
.single-social-share.bottom-share a.pinterest-share{
    background: #bd081c;
}

.about_post {
    display: inline-block;
    width: 100%;
}
.post_top h1 {
    color: #cca147;
    margin: 10px 0 20px;
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
}
.about_post img {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    float: left;
    margin-right: 10px;
}
.about_post span {
    color: #969595;
    float: left;
}
.post_content h1 {
    color: #cca147;
    font-size: 45px !important;
}
.author_section {
    padding: 10px 20px;
    border: solid 1px #efefef;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    border-radius: 5px;
    margin-top:30px;
}
.author_name {
    font-size: 18px;
    color: #333;
}
.author_name span {
    color: #cca147;
}

.author_content img {
    float: left;
    margin: 0 15px 15px 0;
        width: 100px;
    height: 100px;
}
.post_featured_img img {
    width: 100%;
}
.post_content blockquote {
    border-left: 6px solid #cca147;
    padding: 20px 0 20px 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 150px;
    position: relative;
}
blockquote:before {
    content: "\f10d";
    font-family: fontawesome;
    position: absolute;
    left: -110px;
    top: 50%;
    font-size: 50px;
    margin-top: -10px;
    color: #dedede;
        font-style: italic;
        line-height: 20px;
}
.author_content a, .post_content a {
    color: #cca147;
}
.post_content h3 {
    font-size: 26px;
    font-weight: 400;
    margin: 40px 0 20px;
}
/*Post Signle Right Bar Srat*/
.sign_up_section {
    border: solid 1px #efefef;
    padding: 10px 20px 20px;
    border-radius: 5px 5px 0 0;
}
.sign_up_section h2:after, .sidebar-widget h3:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #cca147;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}
.sign_up_section h2, .sidebar-widget h3 {
    color: #cca147;
    font-size: 28px;
    text-transform: none;
    text-align: center;
    margin: 15px 0 20px;
    position: relative;
    padding-bottom: 20px;
    font-weight: 400;
        line-height: 20px;
}
p.choose {
    text-align: center;
    color: #969595;
}
.check_box label {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}
.sign_up_form input[type="email"] {
    border: solid 1px #cecece;
    border-radius: 5px;
    padding: 12px 10px;
    width: 100%;
    margin: 5px 0 10px;
}
input.sign_up_btn {
    background: #cca147;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
input.sign_up_btn:hover {
    background: #333;}
div#categories-2 {
    border: solid 1px #efefef;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 20px;
}
#tabs .ui-tabs-nav {
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    border: solid 1px #efefef;
    border-radius: 5px;
}
#tabs .ui-tabs-nav li {
    width: 50%;
    float: left;
}
#tabs .ui-tabs-nav li a {
    display: block;
    background: #fff;
    padding: 20px 0;
    text-align: center; color: #969595; font-size: 18px;
}
#tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #ededed;color: #333;
}
a:focus{outline: 0;}
.blog_sidebar_posts .blog_post_info h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 5px 0;
}
.page-template-guide-template .blog_sidebar_posts .blog_post_info h1, .group_posts .blog_sidebar_posts .blog_post_info h1{
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin: 5px 0;
        min-height: 50px;
}
.blog_sidebar_posts {
    border: solid 1px #efefef;
    border-radius: 5px;
    margin-bottom: 15px;
}
.blog_post_info {
    padding: 0px 15px 10px;
}
.blog_sidebar_posts .post_featured_img img {
    border-radius: 5px 5px 0 0;
}
.group_posts {
    display: inline-block;
}
.widget_categories ul {
    list-style: none;
    padding: 0;
}
.widget_categories ul li:before {
    content: "\f105";
    font-family: fontawesome;
    margin-right: 10px;
}
.widget_categories ul li {
    padding: 7px 0;
    border-bottom: solid 1px rgba(204,161,71,0.3);
}
.norm_row.sfsi_wDiv {
    width: 100% !important;
    display: table;
    position: relative !important;
    text-align: center !important;
    margin-top: 10px;
}
.social_share {
    text-align: center;
    margin-top: 20px;
}
.social_share a {
    margin: 0 3px;
}
.social_share i {
    color: #cca147;
    font-size: 45px;
}
.travel_breadcrumbs {
    padding: 0;    list-style: none;    display: table;
    width: 100%;
}
.travel_breadcrumbs a {
    color: #cca147;
}
.travel_breadcrumbs i {
    color: #cca147;
    padding: 0 6px;
    font-weight: bold;
}
.travel_breadcrumbs li.current_bread a {
    color: #969595;
    cursor: unset;
}
.travel_breadcrumbs li {
    float: left;
    text-transform: capitalize;
}
/*Post Signle Page END*/

.short_content {
    text-align: center;
    max-width: 80%;
    margin: 0 auto 30px;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts, .group_posts .blog_sidebar_posts {
    width: 32.3333%;
    float: left;
    margin-left: 1.5%;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts:nth-child(3n+1), .group_posts .blog_sidebar_posts:nth-child(3n+1){
margin-left: 0;
}

/*top bar css*/
.top-bar-left, .top-bar-left-text, .top-bar-left-destination {
    float: left;
    padding: 0;
    cursor: pointer;
}
.top-bar-right{
    float: right;
        margin-left: auto;
}
.top-bar-center-text p {
    margin: 0;
}
.top-bar {
    background: #000 !important;
    width: 100%;
display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    padding: 5px 40px;
    font-size: 13px;
}
.top-bar-left-text p {
    margin: 0;
}
.top-bar-right span {
    display: none;
}
select#travel_language {
    cursor: pointer;
    display: none;
}
.top-bar-center-text{margin-left: auto;}
.ttd-main ul{padding: 0;margin: 25px 0 0 0; display: inline-block;width:100%; }
.ttd-main{width: 100%;}  
.ttd-left-section{width: 30%;float: left;padding: 0 15px;}
.top_left_filter{border-bottom: 1px solid #f0f0f0;}
.top_left_filter h2 , .top_right_filter h2{
  font-size: 20px;
  text-transform: none;
  margin-bottom: 10px;
  color: #4b4b4b;
}

.top_left_filter_section h3 {
  color: #cca147;
  font-weight: normal;
  margin-bottom: 12px;
      line-height: 20px;
}
.top_left_filter_section li {
  position: relative;
  padding-left: 34px;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
}
.top_left_filter_section li input:checked + span:before {
  content: '';
left: 8px;
top: 8px;
width: 7px;
height: 12px;
border: solid #cca147;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 1;
}
.top_left_filter_section li span {
  text-transform: capitalize;
}
.top_left_filter_section li input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.top_left_filter_section li span::after {

    position: absolute;
    top: 5px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    content: "";
    border: 1px solid #c2c2c2;
    border-radius: 4px;

}
.top_left_filter_section ul {
    margin-top: 0;
}
.fa-star , .fa-star-o , .fa-star-half-empty{
    color: #cca147;
}
footer {
    display: inline-block;
    width: 100%;
}
.ttd-price-range-display {
  color: #cca147;
  font-size: 20px;
}
.attraction-types-list ul {
    margin: 0;
}
.travel_breadcrumbs li.item-current {
  color: #999;
  font-weight: 300;
}
.ttd-content h3 {
    margin-bottom: 0;
    line-height: 20px;
}
.ttd-attraction-types-filter li, .ttd-price-category-filter li, .ttd-price-range-filter li, .ttd-price-rating-filter li{list-style: none;}
.ttd-right-section{width: 70%;float: left; padding: 0 15px;}
.top_right_filter{border-bottom: 1px solid #f0f0f0;margin-bottom: 15px;}
.top_right_filter h2, .top_right_filter ul, .top_right_filter li{display: inline-block;margin: 7px 0 0px;width: auto;}
.top_right_filter li{display: inline-block; margin: -1px 10px;padding-bottom: 7px;}
.things-to-do-list .ttd-box:first-child {
    border: none !important;
    margin: 10px 0 0 0;
    padding: 0;
}
.ttd-box{width: 100%; border-top: 1px solid #f0f0f0;     margin-top: 20px;
    padding-top: 25px;display: inline-block; }
.ttd-image{width: 30%;float: left;}
.ttd-content{width: 70%;float: left;padding: 0 30px;}
.attraction-types-list ul li{display: inline-block;list-style: none;margin: 0 5px 0 0;}
.top_right_filter li.current {border-bottom: 1px solid #cca147;}
.ttd_pagination_main li:first-child {
    margin: 0;
}
.ttd_pagination_main li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
a.ttd_pagination {
    padding: 6px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.top-bar select {
    border: 0;
    background: transparent;
    color: #cca147;
    margin-left: 10px;
    margin-top: 3px;
}
/*post css*/
ul.road-signs-list li {
    list-style: none;
    float: left;
    width: 16.6%;
    text-align: center;
    padding: 10px;
    min-height: 170px;
}
ul.road-signs-list {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}
.content-dropcap {
position: relative;
top: 4px;
float: left;
margin-right: 10px;
padding: 0;
line-height: 52px;
color: #3f8cda;
font-size: 60px;
text-transform: uppercase;
}
.common-post-btn {
    text-align: center;
    color: #fff !important;
    background-color: #cca147;
    padding: 12px 20px;
}
.post-template-default ul li {
    list-style: none;
}
.middle-separator h3 {
display: inline-block;
background: #FFF;
padding: 0 10px 0 0;
position: absolute;
float: left;
margin: -15px 0 0 0;
font-size: 27px;
line-height: 30px;
color: #111;
}
.middle-separator {
margin: 30px 0;
position: relative;
display: inline-block;
width: 100%;
height: 1px;
background: #CCC;
}

.header > img {
    width: 100%;
}
.map_section {
    background-color: #4a9bec;
    background-image: url("/wp-content/uploads/2018/08/map-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0 solid #eae9e9;
        border-bottom-color: rgb(234, 233, 233);
    border-color: #eae9e9;
        border-top-color: rgb(234, 233, 233);
    border-top: 0 solid #eae9e9;
    padding: 40px 0 0;
}


/* single tour */
.important_info .accordion, .important_info .accordion_reviews {background-color: #eee;color: #444;cursor: pointer;padding: 15px;width: 100%;border: none;text-align: left;outline: none;font-size: 24px;transition: 0.4s;margin-top:15px;}
.important_info .active, .important_info .accordion:hover, .important_info .active, .important_info .accordion_reviews:hover {background-color: #ccc;}
.important_info .accordion.active, .important_info .accordion_reviews.active {background-color: #cca147;color: #fff;}
.important_info .accordion:after, .important_info .accordion_reviews:after {content: '\002B';color: #333;font-weight: bold;float: right;margin-left: 5px;}
.important_info .accordion.active:after, .important_info .accordion_reviews.active:after {content: "\2212";color: #fff;}
.important_info .panel, .accordion_reviews .panel{padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.wpcr3_button_1 {
    font-size: 14px;
    margin-top: 10px;
}

.tour-detail .panel ul{list-style: none; padding: 0;}
.tour-detail .panel ul li {    padding-left: 25px;
    position: relative;
    margin:5px 0;}
.tour-detail .panel ul li:before {    content: "\f00c";
    font-family: fontawesome;
    color: #cca147;
    margin-right: 6px;
    position: absolute;
    left: 0;}


blockquote {

    border-left: 6px solid #cca147;
    padding: 20px 0 20px 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 150px;
    position: relative;

}
.group_posts_content h2 {
    line-height: 24px;
    font-size: 26px;
    margin-bottom: 20px;

}
.group_posts_content ul li::before, .post_content ul li:before {
    content: "\f00c";
    font-family: fontawesome;
    color: #cca147;
    margin-right: 6px;
    position: absolute;
    left: 0;

}
.group_posts_content ul li, .post_content ul li {
  padding-left: 25px;
    position: relative;
    margin: 5px 0;
}
  

.group_posts_content .maplocation-fullwidth {
    margin-bottom: 20px;
}
.group_posts_content ul, .post_content ul {
list-style: none; padding: 0;

}
.guide_pagination {
    clear: both;
    margin: 40px 0 0;
    text-align: center;
    display: table;
}
.next.page-numbers, .prev.page-numbers {
    width: 120px;
}
.page-numbers {
    background: #efefef;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px 3px 0;
    display: inline-block;
    border-radius: 100px;
    font-size: 18px;
}
.page-numbers:hover, span.page-numbers.current{background: #cca147; color: #fff;}
.post_content h3, .post_content h3 b {
    font-weight: 400;
    margin: 30px 0 0;
    font-size: 24px;
    line-height: 30px;
    color: #333;
}

ul#menu-top-menu-bar {
    padding: 0;
    list-style: none;
    text-align: center;
}
ul#menu-top-menu-bar li {
    display: inline-block;
}
.destination_content_section {
    display: inline-block;
    width: 100%;
    margin: 60px 0 0;
}
.destination_content_section img {
    margin-top: 97px;
}
.page-template-guide-template .blog_sidebar_posts {
    min-height: 320px;
}

@media (max-width: 1280px){
.header_bottom {
    max-width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
}
@media (max-width: 1279px){
.header_bottom, .header_middle {
    max-width: 900px;
    margin-left: -450px;

}
.header_bottom {
    margin: 0 auto;
}

}

@media (max-width: 1127px){

.sign_up_section h2, .post_content h2 {
    font-size: 24px;
}
.post_top h1 {
    font-size: 24px;
    line-height: 30px;
        margin: 10px 0 20px;
}
.ttd-content h3 {
    margin-top: 15px;
}

.box_content {
    bottom: auto;
    top: 100%;
    margin-top: -64px;
}
.property_box h3 {
    font-size: 24px;
}
.property_box:hover .box_content {
    bottom: 0;
    top: 40%;
}
.bootom_col_three a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 0 0px 0 3px;
}
.page-template-guide-template .blog_sidebar_posts .blog_post_info h1 {
    font-size: 18px;
}
.sign_up_section h2, .sidebar-widget h3 {
    font-size: 24px;
}

}

@media (max-width: 1023px){
.logo_section li img {
    height: 70px;
}
.col_half {
    width: 100%;
}
.container .col_half:nth-child(even) {
    margin-left:0;
}
.video_section iframe {
    width: 100% !important;
}
.footer_col {
    width: 50%;margin-bottom: 20px;
}
.footer_bootom i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.bootom_col_three {
    float: left;margin-top: 8px;
}
.bootom_col_two {
    width: 100%;
}
.bootom_col_one, .bootom_col_three {
    float: none; text-align: center; width: 100%;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts, .group_posts .blog_sidebar_posts{
    width: 49%;
    margin-left: 2%;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts:nth-child(3n+1), .group_posts .blog_sidebar_posts:nth-child(3n+1){
    margin-left: 2%;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts:nth-child(2n+1), .group_posts .blog_sidebar_posts:nth-child(2n+1){
    margin-left: 0;
}
.short_content {
    max-width: 100%;
}
.ttd-content h3 {
    margin-top: 0;font-size: 16px;margin-bottom: 5px;
}
.attraction-types-list ul {
    margin: 5px 0;
}
.ttd-price-range-display {
    font-size: 16px;
}
.main_nav ul li a {
    padding: 0 15px;
}
.home .header_middle {
    margin-left: auto;
    left: 15px;
    top: 60px;
}
.header_middle p {
    font-size: 25px;
}
.home .header_middle h1 {
    line-height: 40px;
}
.header_bottom h3 {
    font-size: 24px;
}
.header_bottom p {
    font-size: 18px;
}
.header_bottom {
    max-width: 95%;
}
.property_section h1, .blog_section h1, .video_section h1, h1.mian_heading{
    font-size: 30px;
    padding: 35px;
    margin: 0 0 45px;
    line-height: 30px;
}
.box_content {
    padding: 10px;
    margin-top: -41px;
}
.property_box h3 {
    font-size: 20px;
}
.box_content p {
    margin-top: 0;
    font-size: 13px;
    line-height: 18px;
}
.logo_section {
    padding: 100px 0;
    margin-top: 20px;
 }
.footer {
    margin-top: 20px;
    padding: 30px 0;
}
.nav-main-link:hover ul.mega_menu {
    padding: 10px 10px 0;
    margin-top: 10px;
}
ul.mega_menu li span a {
    line-height: 30px !important;
}
ul.mega_menu li a {
    padding: 0 0;
}
ul.mega_menu li span {
    height: 30px;
}
ul.mega_menu li {
    margin: 0 0.5% 10px;
}
ul.mega_menu::before {
    content: " \f0d8";
    right: 305px;
}
.blog_box {
    width: 48%;
    margin: 1%;
}
.ttd-right-sidebar-section {
    width: 40% !important;
}
.ttd-left-content-section {
    width: 60% !important;
}
.right_sidebar {
    width: 100%;
    margin: 30px 0 10px;
}
.content_section {
    width: 100%;
}
.destination_content_section img {
    margin-top: 0;
}
}



@media (max-width: 767px){
.property_section h1, .blog_section h1, .video_section h1, h1.mian_heading {
    font-size: 21px;
    padding: 20px 00px;
    margin: 0 0 40px;
}

p {
    line-height: 22px;
}
.header_bottom, .main_nav, .second_nav {display: none;}
.header_top {padding: 0 20px;}
.header_middle {
    margin-left: 0; left: 5%; width: 90%;
}
.header > img {height: 450px;}

.home .header_middle {top: 15%;}
.blog_box {width: 100%; margin-right: 0;margin-bottom: 20px;margin-left: 0;}
.footer_col {width: 100%;}
.header_middle {text-align: left;top: 25%;}
.home .header_middle h1, .header_middle h1 {
    line-height: 22px;font-size: 20px;
}
.property_box:hover .box_content {
    top: 24%;
}
.bootom_col_one {
    margin-top: 0;
    margin-bottom: 5px;
}
.header_middle p {
    font-size: 16px;
}
h2 {
    font-size: 22px;
    margin: 5px 0 15px;
    line-height: 22px;
}

.content_section, .right_sidebar {
    width: 100%;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts, .group_posts .blog_sidebar_posts{
    width: 100%;
    margin-left: 0;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts:nth-child(3n+1), .group_posts .blog_sidebar_posts:nth-child(3n+1) {
    margin-left: 0;
}
.page-template-guide-template #popular_posts .blog_sidebar_posts:nth-child(2n+1), .group_posts .blog_sidebar_posts:nth-child(2n+1) {
    margin-left: 0;
}
.page-template-guide-template .blog_sidebar_posts .blog_post_info h1, .group_posts .blog_sidebar_posts .blog_post_info h1{
    min-height: 20px;
}
.ttd-left-section {
    width: 100%;
    padding: 0;
}
.ttd-right-section {
    width: 100%;
    padding: 0;
}
.top_right_filter h2, .top_right_filter ul, .top_right_filter li {
    display: block;
    margin: 7px 0 6px;
}
.top_right_filter li {
    display: block;
    margin: 5px 0;
}
.ttd-image {
    width: 100%;
 }
 .ttd-content {
    width: 100%;
    padding: 10px 0 0;
}
.top-bar {
    padding: 5px 15px;
}
.top-bar-left, .top-bar-left-text, .top-bar-left-destination {
  
    display: block;

}
.top-bar-right {
    float: left;
}
.logo_section {
    padding: 20px 0;
    margin-top: 10px;
}
.logo_section li {
    width: 33.33%;
    margin: 20px 0;
}
.ttd-left-content-section {
    width: 100% !important;
    padding: 0 !important;
}
.ttd-right-sidebar-section {
    width: 100% !important;
    padding: 0 !important;
}
.ttd-photos-main {
    width: 100% !important;
    height: 170px !important;
    border-right: 0px solid #ffffff !important;
    margin-bottom: 10px !important;
}
.ttd-photos-secondry {
    width: 100% !important;
    height: 185px !important;
    margin-bottom: 10px !important;
}
.ttd-photos-all {
    width: 100% !important;
    height: 175px !important;
    border: none !important;
    margin-bottom: 10px !important;
}
.post_title {
    width: 100%;
    padding-right: 0;
}
.post_top {
    padding: 10px 15px;
    margin-bottom: 15px;
}
.single-social-share.top-share {
    width: 100%;
    padding: 0 0 10px;
}
.post_content h2 {
    font-size: 24px !important;
}
.post_content blockquote {
    border-top: 6px solid #cca147;
    border-left: none;
    padding: 0px 0 10px 0;
    margin-top: 110px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0;
    text-align: center;
}
blockquote::before {
    content: "\f10d";
    font-family: fontawesome;
    left: 50%;
    top: -50px;
    margin-left: -25px;
}
.single-social-share.bottom-share a {
    margin: 5px 0 5px;
}
h2.tour-title {
    font-size: 20px !important;
    line-height: 26px !important;
}
.wpcr3_button_1 {
    white-space: normal;
}
blockquote {
    margin-top: 120px;
        margin-left: 0;
}
.wpcr3_respond_2 textarea {
    width: 100%;
}
}
@media (max-width: 640px){
.top-bar {
    display: table;

}
.top-bar-left, .top-bar-left-text, .top-bar-left-destination {
    width: 100%;
}
.top-bar {
    text-align: center;
}
.top-bar-right {
    float: none;
}
.next.page-numbers, .prev.page-numbers {
    width: 100px;
}
.page-numbers {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
}