body {
    background: #fff;
}

.nav-logo {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/CB-logo-black.svg") no-repeat scroll 0 0/cover !important;
    width: 185px !important;
    height: 37px !important;
    top: 4px;
}

.nav-logo {}

.region-name-header {
    left: 110px;
}

.view-report {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/bg-report2.jpg") no-repeat center/cover !important;
    background-attachment: scroll;
    padding: 30px 0;
    background-attachment: fixed !important;
}



.navbar.always-open.shrink {
    background: #222222;
}

.shrink .nav-logo {
    width: 144px;
    height: 46px;
    top: 0px;
}






h1.qs-title {
    font-size: 24px !important;
}



.content-banner {
    height: 300px;
}



.content-banner.franchising {

    background: url('https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/Franchising.jpg') no-repeat center / cover;
    height: 250px;
}







/*---- ----*/

@media (min-width:768px) {
    .nav-logo {
        top: 7px;
        width: 185px;
        height: 37px;
    }


}





/*=================DELETE AFTER PORT----------*/

.banner-content-generic {
    text-align: center;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);

}

nav.mm-menu ul {
    padding-left: 0;
}

.right-nav {
    margin-top: 40px;
}

.mm-menu ul {
    list-style-type: none;
    padding-left: 0;
}



.mm-menu ul li a {
    display: block;
    padding: 10px 5px 10px 15px;
}

.banner-content-generic h1 {
    font-size: 36px;
    font-family: 'Sura', serif;
    text-align: center;
}

.banner-content-generic h1::after {
    content: '';
    display: block;
    margin: 30px auto 0;
    border-top: 2px solid #fff !important;
    width: 50px;
}

.banner-content-generic p {
    font-weight: 400;
}

.careers .banner-content-generic h1 {
    font-size: 28px;

}

.content-banner.careers {
    background: url('https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/Career.jpg') no-repeat center / cover;
}


.generic-body {
    margin-bottom: 30px;
}

.generic-body h2 {
    font-size: 22px;
    color: #000;
}

.generic-body h3 {
    font-size: 20px;
    color: #000;
}


.banner-officeagent-search {
    background-image: url('xxx');

}

.home-block-text {
    position: absolute;
    bottom: 0px;
    left: 30px;
}



.home-block-text h2 {
    color: #fff !important;
    font-weight: 400;
}

.home-block-text p {
    font-weight: 400;
}

.show {
    height: 50px;
}

.section-1 {
    text-align: center;
    margin-top: 30px;
}

.section-1 h2 {
    font-size: 30px;
}

.section-1::after {
    content: '';
    display: block;
    margin: 30px auto 0;
    border-top: 2px solid #3bcbe0 !important;
    width: 50px;

}

p.teaser {
    font-size: 19px !important;
    color: #979797;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.7px;
    max-width: 752px;
    margin: 40px auto 0;
}

.vertical-divider {
    width: 2px;
    height: 80px;
    background-color: #3bcbe0;
    border: none;
    margin: 60px auto 50px auto;
    z-index: 3;
    position: relative;
}

p.grey-font {
    font-size: 20px !important;
    color: #979797;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 40px;
    letter-spacing: -0.5px;
}

p.grey-font span {
    font-size: 26px;
    color: #201e1e;
    font-family: 'Sura', serif;
}

.section-1 h2 {
    font-family: 'Sura', serif;
}

h1.heading {
    font-size: 26px;
    color: #201e1e !important;
    font-family: 'Sura', serif;
    margin-top: 0;
}

.pad-fix-right {
    padding-right: 0px;
}

.margin-left-push {
    padding-left: 0px;
}

.heading-left-fix {
    margin-left: 0px !important;
}



.auto-margin {
    max-width: 680px;
    margin: 0 auto;
    text-align: center !important;
}


.heritage.content-banner {
    background: url('https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/Our-Heritage.jpg') center/cover no-repeat;
    height: 700px;
    margin-top: -90px !important;
    position: relative;
}

.bottomfix {
    top: 10%;
}

/*=================END DELETE AFTER PORT----------*/

@media (min-width:767px) {

    .auto-margin {
        max-width: 680px;
        margin: 0 auto;
        text-align: center !important;
    }

    .content-banner.franchising {

        height: 100vh;
    }

    p.grey-font {
        font-size: 20px !important;
        color: #979797;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 40px;
        letter-spacing: -0.5px;
    }

    p.grey-font span {
        font-size: 42px;
        color: #201e1e;
        font-family: 'Sura', serif;
    }

    h1.heading {
        font-size: 42px;
        color: #201e1e !important;
        font-family: 'Sura', serif;
        margin-top: 0;
    }

    .pad-fix-right {
        padding-right: 85px;
    }

    .margin-left-push {
        padding-left: 80px;
    }

    .heading-left-fix {
        margin-left: -117px !important;
    }

    /*=================DELETE AFTER PORT----------*/
    .banner-content-generic {
        width: 680px;
        position: absolute;
        bottom: 50%;
        text-align: center;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);

    }

    .generic-body h2 {
        font-size: 36px;
        color: #000;
    }

    .generic-body h3 {
        font-size: 24px;
        color: #000;
    }
    .banner-content-generic h1 {
        font-size: 42px;
        font-family: 'Sura', serif;
    }

    .banner-content-generic p {
        font-size: 24px !important;
    }

    .careers .banner-content-generic h1 {
        font-size: 50px;
    }

    .careers .banner-content-generic p {
        font-size: 22px !important;
    }



    .content-banner {
        height: 500px;
    }

    /*=================END DELETE AFTER PORT----------*/
    .nav-logo {
        top: 7px;
        width: 126px !important;
        height: 37px !important;
    }

    .shrink .nav-logo {
        top: 7px;
        width: 126px !important;
        height: 37px !important;
    }
    h1.qs-title {
        font-size: 32px !important;
    }



    .region-name-header {
        left: 150px;
        top: 15px;
    }
}



@media (min-width:992px) {

    .qs-position {
        top: 80%;
    }


    a.show {
        display: none !important;
    }
    ul.nav.navbar-nav.hidden-xs.hidden-sm {
        margin-right: 0px;
    }

    .auto-margin {
        max-width: 680px;
        margin: 0 auto;
        text-align: left !important;
    }

    .bottomfix {
        top: 10%;
    }

    .banner-content-generic .auto-margin {
        font-size: 20px !important;
        line-height: 25px;
    }

    .heritage.content-banner {
        background: url('https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/Our-Heritage.jpg') center/cover no-repeat;
        height: 960px;
        margin-top: -90px !important;

    }

    .content-banner.franchising {

        height: 100vh;
    }

    p.grey-font {
        font-size: 20px !important;
        color: #979797;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 40px;
        letter-spacing: -0.5px;
    }

    p.grey-font span {
        font-size: 42px;
        color: #201e1e;
        font-family: 'Sura', serif;
    }

    h1.heading {
        font-size: 42px;
        color: #201e1e !important;
        font-family: 'Sura', serif;
        margin-top: 0;
    }

    .pad-fix-right {
        padding-right: 85px;
    }

    .margin-left-push {
        padding-left: 80px;
    }

    .heading-left-fix {
        margin-left: -117px !important;
    }


    .show {
        height: 58px;
    }

    width: 130px;
    height: 42px;
    top: 2px;
}

.home-block-text {
    position: absolute;
    bottom: 30px;
    left: 60px;
}

/*=================DELETE AFTER PORT----------*/

.content-banner {
    height: 690px;
}

/*=================END DELETE AFTER PORT----------*/

h1.qs-title {
    font-size: 36px !important;
}

.region-name-header {
    left: 150px;
    top: 15px;
}

}

@media(min-width:1200px) {
    h1.qs-title {
        font-size: 42px !important;
    }
}

.gm-style .gm-style-iw {
    left: 28px !important;
}

.home-search-element.btn.btn-srch.btn-block,
.btn-search-filters {
    background: rgba(86, 198, 218, 1);
    background: -moz-linear-gradient(top, rgba(86, 198, 218, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86, 198, 218, 1)), color-stop(100%, rgba(103, 161, 208, 1)));
    background: -webkit-linear-gradient(top, rgba(86, 198, 218, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -o-linear-gradient(top, rgba(86, 198, 218, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -ms-linear-gradient(top, rgba(86, 198, 218, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: linear-gradient(to bottom, rgba(86, 198, 218, 1) 0%, rgba(103, 161, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c6da', endColorstr='#67a1d0', GradientType=0);

}

.home-search-element.btn.btn-srch.btn-block:hover,
.btn-search-filters:hover {
    background: rgba(103, 161, 208, 1);
    background: -moz-linear-gradient(top, rgba(103, 161, 208, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103, 161, 208, 1)), color-stop(100%, rgba(103, 161, 208, 1)));
    background: -webkit-linear-gradient(top, rgba(103, 161, 208, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -o-linear-gradient(top, rgba(103, 161, 208, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: -ms-linear-gradient(top, rgba(103, 161, 208, 1) 0%, rgba(103, 161, 208, 1) 100%);
    background: linear-gradient(to bottom, rgba(103, 161, 208, 1) 0%, rgba(103, 161, 208, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a1d0', endColorstr='#67a1d0', GradientType=0);

}


.btn-search-currency {
    font-size: 14px;
    line-height: 25px;
}

.modal-body .agentcard-photo {
    display: none;
}

.contact-me-agent {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -4px -6px;
}

.topbar .btn-contact:hover > i.contact-me-agent,
i.contact-me-agent:hover {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -4px -56px;
}

.content-page.shrink .contact-me-agent {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -8px -108px;
}

.content-page.shrink .topbar .btn-contact:hover > i.contact-me-agent,
.content-page.shrink i.contact-me-agent:hover {
    background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -8px -145px;
}

.banner-content-generic h1 {
    text-shadow: none !important;
}





/*=========================ADD TO SOLUTION=========================*/

.show {

    position: absolute;
    left: -65px !important;
    top: 0px;
    cursor: pointer;
    background: transparent;
    padding: 16px 12px 15px;
    height: 50px;
}

.navbar-nav > li > .dropdown-menu {
    top: 38px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a,
#menu li a:link,
#menu li a:visited {
    text-transform: uppercase !important;
}

.navbar-nav li a {
    font-size: 14px;
}

.search-buttons {
    line-height: 26px;
}

.home-srch-element,
.btn-srch {
    height: 52px;
}

.btn-srch {
    line-height: 38px;
    font-size: 14px;
}

.row.home-srch input,
.row.home-srch select {
    color: #999;
    font-size: 14px;
}

.btn-search-currency {
    background: #fff;
}

.btn-more-filters {
    background: #f1f1f1;
    color: #404040;
}

.btn-search-currency:hover {
    font-size: 14px;

}

#ctl03_ucPublicListingSearchCriteria_divCurrencySymbol {
    max-width: 60px;
}

.search-buttons {
    font-size: 14px;
    margin-top: 35px;
}

ul.dropdown-menu li a {
    font-size: 14px;
}


.view-report .btn,
.find-agent .btn {
    margin-top: 30px;
}

.view-report p,
.find-agent p {
    margin-top: 20px;
}

.find-agent h2 {
    border-right: 2px solid #3bcbe0;
    padding: 10px 30px 10px 0;
    margin-right: -30px;
}

@media (max-width:768px) {

    .titlebar-listing-details-h1 {
        display: none;
    }
    titlebar-listing-details-price {
        width: 50%;
    }
    titlebar-listing-details-contact {
        width: 50%;
        padding-top: 10px;
    }

    .topbar {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .contact-me-agent {
        background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -4px -6px;
        height: 38px;
        width: 38px;
    }

    .topbar .btn-contact:hover > i.contact-me-agent,
    i.contact-me-agent:hover {
        background: url("https://repcms.blob.core.windows.net/cms/sites/cb-thailand/images/contact-button.png") no-repeat -4px -56px;
        height: 38px;
        width: 38px;
    }

    .text-right {
        text-align: left;
    }

    .nav-logo {
        width: 126px;
        height: 42px;
        top: 3px;
    }

    .home-block-text h2 {
        font-size: 16px;
    }

    .home-block-text p {
        font-size: 14px;
    }

    .home-block-text .block-btn {
        font-size: 14px;
    }

    .teaser {
        text-align: center;
    }

    .grey-font.text-right,
    .heading.text-right,
    .grey-font.margin-left-push,
    .grey-font,
    .heading.heading-left-fix {
        text-align: center;
    }

    .banner-content-generic {
        width: 90%;
    }

    .mobile-top-fix {
        bottom: 100px;
    }

    p.grey-font {
        margin-top: 20px;
    }

    .nav-logo {
        top: 7px;
        width: 126px !important;
        height: 37px !important;
    }

    .shrink .nav-logo {
        top: 7px;
        width: 126px !important;
        height: 37px !important;
    }

    .home-srch-element,
    .btn-srch {
        height: 34px;
    }

    .btn-srch {
        line-height: 20px;
    }

    .search-carousel .carousel-inner > .item > img {
        height: 100%;
    }
}


.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase !important;
}

.socialmed a {

    border-right: 0 !important;
    padding: 0 10px !important;

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.6);
}

@media (min-width:769px) {
    .search-carousel .carousel-inner > .item > img {
        transform: scale(1.3);
        top: 0;
    }
}

.nav > li > a > img {
    max-width: 20px;
}


@media (max-width:1300px) {
    ul.nav.navbar-nav.hidden-xs.hidden-sm {
        display: none !important;
    }

    a.show {
        display: block !important;
    }
}