﻿body { font-family: Arial, sans-serif; font-style: normal; font-weight: 500; color: #163b69; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #003366;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 10px; margin-top: 10px; }
.darkheader { color: #000; }
body.main { background: #fff none repeat scroll 0 0; }
#main-wrap { overflow: hidden; }
.full-width { overflow: hidden; width: 100%; }
.full-width-image img { height: auto; width: 100%; }

.home-top-image { height: 100%; margin-bottom: -30px; max-height: 100%; overflow: hidden; position: relative; width: 100%; }
    .home-top-image img { height: auto; margin: auto; vertical-align: middle; width: 100%; }
.white-banner-callout { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: auto; padding: 5px 25px 25px 25px; position: absolute; right: 6%; top: 35%; width: 420px; border-radius: 2px; }
    .white-banner-callout a { font-size: 20px; margin-top: 10px; }
    .white-banner-callout .button-wrapper { width: 30%; margin-top: 10px; margin-bottom: 15px; }
    .white-banner-callout .intro-text { font-size: 14px; color: #163b69; margin-left: 5px; }

    .white-banner-callout .linkFindout { float: right; text-align: right; width: 50%; margin-top: 20px; line-height: 14px }
        .white-banner-callout .linkFindout a { font-size: 12px; color: #666; }
            .white-banner-callout .linkFindout a:hover { color: #21518e; }

    .white-banner-callout .hp-contact-button { font-size: 14px; font-weight: 500; margin: 0 15px 15px; padding: 7px 10px; position: relative; top: -6px; }
.top-intro-banner { height: 40px; background: rgba(0, 0, 0, 0.60) none repeat scroll 0 0; text-align: center; padding: 5px; position: absolute; top: 0; width: 100%; z-index: 500; }
    .top-intro-banner h2 { color: #fff; font-size: 20px; margin-top: 5px; }
#sticky-nav { background: rgba(79,129,189, 0.8) none repeat scroll 0 0; position: relative; z-index: 999; }

.navbar-wrapper .navbar-inverse ul.navbar-nav li a { transition: all 0.3s ease 0s; }
.navbar-wrapper img { height: 76px; transition: all 0.3s ease 0s; }
.navbar-wrapper .navbar-toggle { transition: all 0.3s ease 0s; }
.navbar-wrapper.shrink .navbar-inverse ul.navbar-nav li a { margin-top: 15px; transition: all 0.3s ease 0s; }
.navbar-wrapper.shrink img { height: 50px; transition: all 0.3s ease 0s; }
.navbar-wrapper.shrink .navbar-toggle { margin-top: 8px; transition: all 0.3s ease 0s; }

.navbar-toggle { background-color: #21518e; margin-top: 20px; }
    .navbar-toggle .icon-bar { background-color: #fff !important; }
.navbar-wrapper .navbar-inverse { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #d1d3d4; }
    .navbar-wrapper .navbar-inverse .navbar-brand { padding: 0 0 0 90px; }
    .navbar-wrapper .navbar-inverse ul.navbar-nav { float: right; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav li { color: #eee; font-size: 13px; font-weight: bold; text-transform: uppercase; }
            .navbar-wrapper .navbar-inverse ul.navbar-nav li a { color: #ddd; margin-right: 20px; margin-top: 5px; padding: 0; }
                .navbar-wrapper .navbar-inverse ul.navbar-nav li a:hover { color: #fff; }
            .navbar-wrapper .navbar-inverse ul.navbar-nav li.button-style a { color: #ffffff; line-height: 145%; padding: 5px 15px; position: relative; top: -4px; }
                .navbar-wrapper .navbar-inverse ul.navbar-nav li.button-style a:hover { background: #8db261 none repeat scroll 0 0; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav .active a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 4px solid #524339; color: #524339; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav .last a { background: rgba(0, 0, 0, 0) url("/images/static/nav-arrow.png") no-repeat scroll right 6px; margin-right: 20px; padding-right: 10px; }
            .navbar-wrapper .navbar-inverse ul.navbar-nav .last a:hover, .navbar-wrapper .navbar-inverse ul.navbar-nav .last.active a { background: rgba(0, 0, 0, 0) url("/images/static/nav-arrow-active.png") no-repeat scroll right 6px; }
.navbar-wrapper .navbar { margin-bottom: 0; }
.navbar { min-height: 75px; }
    .navbar img { margin: 15px 5px 5px 5px; }

.font-18 { font-size: 18px; }


.footer-left { text-align: left; }

.navbar .hide-till-scroll { display: none; }
.show-mobile-only { display: none !important; }
#intro p { font-size: 1.2em; opacity: .9; }
/*Custom button in LI item*/
.navbar-nav > li > .btn { color: #fff !important; background-color: #0093cf !important; font-size: 12px !important; border-radius: 2px !important; font-weight: bold !important; text-transform: uppercase !important; padding: 6px 12px !important; margin: 8px 0 0 10px; }
.navbar-nav > li > .get-started-btn:hover {
    background-color: #fd7e14 !important;
    text-decoration: none !important;
}
/* =========================================================================================== */
/* RESPONSIVE STYLES */
/* =========================================================================================== */
.img-responsive {
    display: inline;
}

@media (min-width: 1401px) {
    .destinations #header-wrap, .destinations #header-wrap .header-inner #header-content-wrap { height: 575px; }
    .calendar.destinations #header-wrap, .calendar.destinations #header-wrap .header-inner #header-content-wrap { height: auto; }
}

@media (max-width: 1400px) {
    .destinations #header-wrap, .destinations #header-wrap .header-inner #header-content-wrap { height: 475px; }
    .calendar.destinations #header-wrap, .calendar.destinations #header-wrap .header-inner #header-content-wrap { height: auto; }
    #prop-gallery-wrap .prop-climate { padding: 80px 0; }
    #prop-gallery-wrap .prop-club-type { padding-top: 50px; }
    .destination.property .prop-links { padding-top: 45px; }
}

@media (max-width: 1200px) {
    .destinations #header-wrap, .destinations #header-wrap .header-inner #header-content-wrap { height: 440px; }
        .destinations #header-wrap.expanded, .destinations #header-wrap.expanded .header-inner #header-content-wrap { height: 560px; max-height: 560px; }
    #prop-gallery-wrap .prop-climate { padding: 40px 0; }
    #prop-gallery-wrap .prop-club-type { padding-top: 30px; }
    #prop-map-wrap #map-container { width: 900px; }
    #map { left: 5%; top: 90px; }
    div#calendar-tips { top: 300px !important; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li a { width: 160px; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li.my-membership.expanded .popup-membership { left: -210px; }
    .row.experiences .col-md-4 h2 { margin: 30px -1px 15px; }
        .row.experiences .col-md-4 h2.quintess { margin: 30px 50px 15px; }
    a.trans-overlay-property { font-size: 12px; }
    .row.properties .col-lg-4 { margin-bottom: 20px; }
    .row.quintess-life .testimonial p { font-size: 14px; padding: 6px 10px 0; }
    .element.testimonial, .element.iso-black-test { width: 706px; }
    .height-382 { height: 317px; }
    #pre-footer .call-out { padding: 33px 97px; }
    #pre-footer .contact-us { padding: 30px 100px 29px; }
        #pre-footer .contact-us a.email { display: inline-block; margin-bottom: 10px; }
        #pre-footer .contact-us a.contact { display: inline-block; }
    .destination.property .prop-links { padding: 15px 50px 0 30px; }
        .destination.property .prop-links a { font-size: 12px; padding: 7px 0; }
    .destination.property .address { width: 100%; }
    .destination.property .bedding-config-table #prop-map { margin: 0 0 20px; text-align: left; width: 100%; }
}

@media (max-width: 992px) {
    .white-banner-callout { height: auto; right: 10%; top: 10%; width: 400px; }
        .white-banner-callout h2 { font-size: 22px; }
    .home-top-image { margin-bottom: -30px; }
    .navbar-wrapper img { height: 50px; }
    .navbar-wrapper .navbar-toggle { margin-top: 8px; }
    .navbar-wrapper .navbar-inverse ul.navbar-nav { padding-left: 20px; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav li a { font-size: 12px; margin-right: 14px; margin-top: 4px; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav li .active a { border-bottom: medium none; }
    .destination #header-wrap .header-inner img.stretch-bg, .guide #header-wrap .header-inner img.stretch-bg { min-height: inherit; min-width: inherit; }
    .destinations #header-wrap, .destinations #header-wrap .header-inner #header-content-wrap { max-height: 400px; }
    #map, .view-map, #prop-map-wrap { display: none !important; }
    .desktop-only { display: none !important; }
    .tablet-only { display: block !important; }
    .stay-floated { float: left; width: 33.3%; }
    .no-left-pad { padding-left: 15px !important; }
    .no-right-pad { padding-right: 15px !important; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-content-main { font-size: 18px; }
    #header-wrap .header-inner img.stretch-bg { left: -24%; max-width: 150%; position: relative; width: 150%; }
    .element.testimonial, .element.iso-black-test { width: 98%; }
    .row.experiences .col-md-4 h2, .row.experiences .col-md-4 h2.quintess { margin: 30px 0 15px; }
    a.trans-overlay-property { font-size: 14px; }
    .row.life { padding: 20px 0 50px 30px; }
    .row.quintess-life .testimonial p { font-size: 16px; padding: 25px 100px 0; }
    .height-382 { height: auto; padding-bottom: 30px !important; }
    #footer .social-icons { float: left; padding: 50px 10px 50px 30px; }
    .navbar-wrapper .navbar-inverse .navbar-brand { padding: 0; }
    .destination.property .prop-links { float: left; padding: 65px 80px 20px; width: 50%; }
        .destination.property .prop-links a { font-size: 14px; padding: 10px 0; }
    .destination.property .prop-club-type { float: left; width: 50%; }
    .destination.property .bedding-config-table .summary { float: left; width: 49%; }
    .destination.property .bedding-config-table .rooms { float: right; width: 49%; }
}

@media (max-width: 768px) {
    .home-top-image { margin-bottom: -50px; }
    .width-tablet-100 { width: 100% !important; }
    .white-banner-callout { height: auto; right: 5%; top: 5%; width: 60%; }
        .white-banner-callout h2 { font-size: 18px; }
        .white-banner-callout a { xdisplay: none; }
        .white-banner-callout h3 { font-size: 16px; }
    body.property { padding-top: 50px; }
        body.property #sticky-nav { bottom: inherit !important; position: fixed !important; top: 0 !important; width: 100% !important; }
    .navbar-wrapper img { height: 50px; }
    .navbar-wrapper .navbar-toggle { margin-top: 8px; }
    .navbar-wrapper .navbar-inverse ul.navbar-nav { padding-left: 20px; }
        .navbar-wrapper .navbar-inverse ul.navbar-nav .active a { border-bottom: medium none; }
    #header-wrap #header-content-wrap .header-content { left: 40px; top: 40px; }
    #header-wrap #header-content-wrap .header-content-bot { bottom: 0; font-size: 10px; right: 0; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li a { padding: 8px 15px 6px; width: auto; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li.share.expanded a.share-link { width: 150px; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li.share.expanded .addthis_toolbox { opacity: 1; padding: 8px 0; width: 150px; }
    .main.my_quintess .col-section, .main.planner .col-section, .main.security .col-section, .main.book .col-section, .main.wish .col-section { padding: 15px; }
    .my_quintess .col-md-4, .wish .col-md-4, .my_quintess .col-md-8, .wish .col-md-8 { padding-left: 0; padding-right: 0; }
    .row.featurette.gray-bg .col-md-12 p.lead { padding: 30px 0 0; }
    .row.properties { padding: 0 50px; }
    .row.experiences .col-md-4 h2, .row.experiences .col-md-4 .btn { font-size: 18px; }
    .marketing.container .overview-experiences { padding: 30px 80px; }
    .filters a.button-rounded, .filters-buttons a.button-rounded { display: block; margin-bottom: 5px; padding: 5px 10px; }
    .filters ul li, .filters-buttons ul li { margin-bottom: 0; }
    .main.dashboard .travel-planning .width-70 p { width: 100%; }
    #pre-content .pre-content-inner .call-out { padding: 40px !important; }
    #footer .social-icons { float: none; padding: 20px 0 0; text-align: center; }
    #footer .contact-info { padding-top: 10px; }
        #footer .contact-info .address { text-align: right; }
    .element.big { height: auto; width: 98%; }
        .element.big a.trans-overlay-experience { font-size: 11px; }
            .element.big a.trans-overlay-experience span { float: right; margin-left: 0; }
    .element.small, .element.med, .element.audio, .element.video, .element.dest, .element.dest.details.supplier, .element.dest.details { height: auto; text-align: center; width: 98%; }
    .element.testimonial, .element.iso-black-test { width: 98%; }
    .element.customer-experience { width: auto; }
    .row.life { padding: 20px 0; }
    .element.video .featurette-banner-full { display: none; }
    .element.video .play-button { margin-top: -75%; width: 30%; }
    .destination.property .prop-links { float: none; padding: 20px 150px; width: 100%; }
    .destination.property .prop-club-type { float: none; width: 100%; }
    .destination.property .bedding-config-table .summary, .destination.property .bedding-config-table .rooms { width: 100%; }
    .footer-left { text-align: left; margin-bottom: 20px; }
    #intro p { font-size: 1em; }
    .hiw-item { font-size: 14px !important; }
}

@media (max-width: 480px) {
    .flex-direction-nav { display: none; }
    .flex-caption { font-size: 10px !important; top: 70% !important; }
    .hide-mobile { display: none; }
    .show-mobile-only { display: block !important; }

    .top-intro-banner h2 { font-size: 12px; }
    h4.orange span.grey-top-bottom { font-size: 14px; font-weight: bold; padding: 5px; }
    .destinations #header-wrap, .destinations #header-wrap .header-inner #header-content-wrap { max-height: 250px; }
    .home-top-image { margin-bottom: 0; }
        .home-top-image img { left: -40%; position: relative; width: 200%; }
    .navbar { min-height: 40px; }

    .nav-external { margin-top: 6px; }
    .white-banner-callout { height: auto; padding: 0; top: 50px; width: 65%; }
    .flex-caption { display: none !important; }

    .white-banner-callout .button-wrapper { width: 100%; margin-top: 8px; text-align: center; margin-bottom: 8px; }
    .white-banner-callout .intro-text { font-size: 12px; padding: 4px; }
    .white-banner-callout h2 { font-size: 16px; margin: 10px; }
    .white-banner-callout h3 { font-size: 12px; margin: 10px; display: none; }
    .white-banner-callout p, .white-banner-callout a { xdisplay: none; font-size: 12px; }
    #header-wrap .header-inner #header-content-wrap .header-content { left: 20px; }
        #header-wrap .header-inner #header-content-wrap .header-content .header-content-main { font-size: 12px; }
        #header-wrap .header-inner #header-content-wrap .header-content .header-content-sub { display: none; }
    #header-wrap .header-inner #header-content-wrap .header-content-bot { display: none; }
    #header-wrap .header-inner img.stretch-bg { left: -49%; max-width: 200%; position: relative; width: 200%; }
    .destination #header-wrap .header-inner img.stretch-bg { left: -75%; max-width: 300%; width: 300%; }
    .navbar-wrapper .navbar-inverse ul.navbar-nav { float: none; }
    #header-wrap.property-header { height: 59px; }
        #header-wrap.property-header ul.top-info-links { clear: left; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li a { font-size: 10px; padding: 8px 8px 6px; }
    #header-wrap .header-inner #header-content-wrap .header-content-wrap-inner .header-subnav-wrap li.share.expanded .addthis_toolbox { top: -44px; }
    #photo-gallery div.controls, #fp-gallery div.controls { top: 35%; }
    .marketing.container .overview-experiences { padding: 30px; }
    .row.featurette.gray-bg .col-md-12 { padding: 30px; }
        .row.featurette.gray-bg .col-md-12 p.lead { padding: 15px 0 0; }
    .row.experiences { width: auto; }
        .row.experiences .col-md-4 { padding: 0 10px; }
            .row.experiences .col-md-4 h2, .row.experiences .col-md-4 .btn { font-size: 14px; }
    .row.properties { padding: 0; }
    .row.quintess-life .testimonial p { padding: 25px 15px 0; }
        .row.quintess-life .testimonial p.author { padding-left: 30px; padding-right: 15px; }
    .filters ul, .filters-buttons ul { margin-left: 20px; }
        .filters ul li, .filters-buttons ul li { float: none; }
    #pre-footer .call-out { padding: 30px !important; }
    #pre-footer .contact-us { padding: 50px 40px; }
        #pre-footer .contact-us a.email { margin-right: 0; }
    #footer .social-icons { padding: 20px 0 0; text-align: center; }
    #footer .contact-info { font-size: 13px; padding: 30px 20px; text-align: center; }
        #footer .contact-info .contact { float: none !important; margin: 0; }
        #footer .contact-info .address { text-align: center; }
    .element.big a.trans-overlay-experience { font-size: 9px; letter-spacing: normal; }
    .destination.property .prop-links { padding: 20px 50px; }
    .destination.property .prop-gallery-link .button-rounded { font-size: 10px; padding: 5px 10px; }

    .footer-left { font-size: .8em; }
}

.clear { clear: both; }





/*FORMS*/
.form-field-label { font-size: 16px; margin-left: 5px; }
input, select, textarea, textarea:focus { vertical-align: baseline; margin: 5px; color: #666; background-color: #ddd; border-radius: 3px; padding: .7em; font-size: 1.15em; font-weight: bold; }
    textarea:focus, input:focus, select:focus { border: inset 1px #192833; color: #000; outline: none; background-color: #fff; }
    textarea.wide, input.wide, select.wide { width: 250px; }
    textarea.narrow, input.narrow, select.narrow { width: 150px; }

.input-light, .select-light { vertical-align: baseline; margin: 5px; color: #666; background-color: #fff; border-radius: 2px; padding: 9px; font-size: 1.15em; font-weight: bold; border: inset 1px #192833; }
    .input-light:focus, .select-light:focus { color: #333; border: inset 1px #192833; background-color: #fff; }



/*MORE CUSTOMIZATION*/
.ui-widget-overlay { background: #000 none repeat scroll 0 0; opacity: 0.7; }
.ui-dialog { overflow: visible; }
    .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: -20px; top: -13px; width: 36px; margin: -10px 0 0 0; padding: 1px; height: 36px; }
    .ui-dialog .ui-dialog-content { padding: .5em 0 .5em 1em; }
.ui-dialog { border: 1px solid #666666 !important; background: #3C5F7D !important; color: #222222 !important; }
.ui-icon { width: 36px; height: 36px; background-image: url(/assets/img/close.png); }
.ui-widget-content .ui-icon { background-image: url(/assets/img/close.png); }
.ui-widget-header .ui-icon { background-image: url(/assets/img/close.png); }
.ui-state-default .ui-icon { background-image: url(/assets/img/close.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/assets/img/close.png); }
.ui-state-active .ui-icon { background-image: url(/assets/img/close.png); }
.ui-state-highlight .ui-icon { background-image: url(/assets/img/close.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/img/close.png); }
.ui-icon-closethick { background-position: 0 0; height: 45px; width: 45px; margin-left: -25px; margin-top: 15px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: none; font-weight: normal; color: #026890; }
.ui-dialog .ui-dialog-titlebar-close { padding: 0; background: transparent; border: none; }

#bestPracticesForNonProfitsContent { color: #ffffff; }
    #bestPracticesForNonProfitsContent h1 { font-family: "Trebuchet MS", Helvetica, sans-serif; font-style: italic; color: #ffffff; font-weight: normal; width: 97%; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 10px 0 20px 0; font-size: 1.7em; }

.answer { margin-left: 30px; }

.hiw-wrapper { padding-left: 50px; clear: both; margin-top: 20px }
.hiw-line { clear: both; margin-top: 15px; }
.hiw-num { float: left; font-size: 16px; border: 2px solid #fff; border-radius: 50px; height: 22px; width: 25px; text-align: center; padding-top: 3px; margin-right: 10px; }
.hiw-item { float: left; font-size: 18px; margin-top: 3px; }
.hiw-image { float: left; margin-left: 30px; margin-top: -15px; }

.content-title { font-size: 28px; font-weight: 500; }

.flex-caption { position: absolute; width: auto; padding: 6px 10px; left: 0; top: 85%; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 14px; line-height: 18px; display: block; border-radius: 2px; z-index: 999 !important; }
.faq-q { clear: both; font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 8px; }
    .faq-q:before { content: "Q. "; }
.faq-a { line-height: 20px; font-weight: normal; font-size: 16px; margin-left: 25px; margin-bottom: 30px; }
    .faq-a a {
        color: #e6b076;
        text-decoration: underline;
    }
#slideshow { xbackground-image: url(/assets/img/slides/santorini-greece-wallpaper_43pct.jpg); xbackground-image: url(/assets/img/slides/sheraton_3000x1300.jpg); xbackground-image: url(/assets/img/slides/web-BF-DyeClub_1400_600_90_s_c1.jpg); xbackground-image: url(/assets/img/slides/cq5dam.web.1280.1280.jpeg); xbackground-image: url(/assets/img/slides/MSC1216384_DI_ShipExterior.jpg); xbackground-image: url(/assets/img/slides/GroupChildren01.jpg); }


.flexslider { margin: 0; padding: 0; }

.flexslider, .slides { max-height: 580px; overflow: hidden; border: 0px; }

    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; overflow: hidden; min-height: 580px; }

.flexslider { margin: 0 0 0 0; background: #ffffff; border: 0px solid #ffffff; position: relative; zoom: 1; /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    */ }
    .flexslider .slides { zoom: 1; min-height: 500px; overflow: hidden; }
        .flexslider .slides img { min-height: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }

.flex-direction-nav a { top: 60%; height: 60px; }

/*New styles as of May, 2019*/
.intro-header {
    /*background-color:#21518e;*/
    position:relative;
    height: 450px;
    background-image: url("/assets/img/home/auction-cropped.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background: no-repeat rgb(255,255,255) 50% 50% / cover fixed;*/
}
.intro-overlay {
    background-color: rgba(31, 101, 163, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.intro-header h1 {
    font-size: 36px;
    font-family: "Titillium Web";
    line-height: 50px;
    margin-bottom: 2px;
    color: #fff;
}
    .intro-header h2 {
        font-size: 20px;
        font-family: "Titillium Web";
        line-height: 27px;
        margin-bottom: 2px;
        color: #fff;
    }

.tp-stats {
    padding: 40px 0 80px 0;
    /*background-color: #ff6a00;*/
    text-align: center;
    font-size: 20px;
    position: relative;
    background-image: url("/assets/img/home/orangestats.jpg");
    background-repeat: no-repeat;
    background-position: 0 35%;
    background-size: cover;
}
 
    .tp-stats .stat-column {
        justify-content: center;
        align-content: center;
        align-items: center;
        text-align:center;  
    }
    .tp-stats .stat-number {
        font-size: 76px;
        font-family: "Titillium Web";
        line-height: 85px;
        color: #fff;
        font-weight: 700;
        padding-bottom: 10px;
        text-shadow: 5px 5px 10px #333;
    }
    .tp-stats .stat-horiz-line {
        background-color:white;
        width:60px;
        height:2px;
        margin:auto;
    }
    .tp-stats .stat-text {
        padding-top:10px;
        color:#fff;
        font-size:20px;
        font-style:italic;
        letter-spacing:1.7px;
    }

#featured h3 {
    font-size: 21px;
    font-family: "Titillium Web";
    line-height: 29px;
    font-weight: 500;
    margin: 2px;
    color: #98a0a6;
}
.mobile-bidding {
    background-color: rgb(234,241,244);
}
    .mobile-bidding h1 {
        font-size: 27px;
        font-weight:700;
        font-family: "Titillium Web";
        line-height: 37px;
        margin-bottom: 5px;
        color:#003366;
    }
    .mobile-bidding h2 {
        font-size: 16px;
        font-weight: 500;
        font-family: Arial;
        line-height: 26px;
        margin-bottom: 2px;
        margin-top: 0px;
        color: #163b69;
    }
    .mobile-bidding h3 {
        font-size: 20px;
        font-weight: 500;
        font-family: Arial;
        line-height: 32px;
        margin-bottom: 0px;
        color: #003366;
    }
    .mobile-bidding .img-checkmark-holder {
        float: left;
        width: 7%;
        padding-top: 12px;
    }
    .mobile-bidding .mobile-bidding-points {
        float: left;
        width: 90%;
    }
    .home-how-it-works {
        background-color: rgb(234,241,244);
        padding-top: 30px;
        padding-bottom: 50px;
    }
.home-how-it-works h1{
    font-size:27px;
    font-family:"Titillium Web";
    line-height:37px;
    margin-bottom:2px;
}
    .home-how-it-works h1.hLeft{
        font-size:36px;
        margin-top:45px;
    }
.home-how-it-works p {
    font-size: 18px;
    font-family: "Titillium Web";
    line-height: 23px;
    margin-bottom:15px;
}
    .home-how-it-works .down-arrow{
        margin-top:5px;
        margin-bottom:20px;
    }
    .home-how-it-works .how-icon{
        margin-bottom:10px;
    }

.flex-slider-text {
    position: absolute;
    text-align: center;
    width: 300px;
    padding: 20px 20px 30px 20px;
    left: 10%;
    top: 15%;
    /*background: rgba(0,0,0,.7);*/
    background: rgba(2,45,85,.8);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    font-size: 18px;
    line-height: 26px;
    display: block;
    border-radius: 4px;
    z-index: 999 !important;
}

#slideshow {
    padding: 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 700px;
}

    #slideshow h1 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 60px;
    }

    #slideshow a {
        margin: 0 5px
    }

    #slideshow h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

#slideshow .flex-slider-text h1{
    font-size:28px;
    font-weight:700;
    color:#fff;
}
    #slideshow .flex-slider-text .see-more-link {
        /*margin-top: 8px;*/
        border: 1px solid #fff;
        width: 120px;
        margin: 15px auto;
    }
#slideshow .flex-slider-text a {
    color: #fff;
}



#blogSlider{
    max-height:700px !important;
    box-shadow:none !important;
}
#blogSlider .slide-content {
    padding: 0 5px;
}
#blogSlider .slides-blog {
    max-height: 800px !important;
}

#blogSlider .slides > li{
    /*min-width:50%;*/
}

#blogSlider .slide-img {
    overflow:hidden;
    position:relative;
}
    #blogSlider .slide-img a {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        min-height: 340px;
        width: 100%;
    }
    #blogSlider .slide-wrapper {
        height: 350px;
        background-color: #fff;
        padding: 20px 30px;
        position: relative;
    }
        #blogSlider .slide-wrapper .slide-title {
        }
            #blogSlider .slide-wrapper .slide-title h4 {
                color: #111;
                font-size: 25px;
                letter-spacing: .03em;
                line-height: 1.2;
                margin-top: 10px;
                margin-bottom: 4px;
            }
        #blogSlider .slide-wrapper .slide-subtitle {
            display:none;
        }
        #blogSlider .slide-wrapper .slide-content {
            margin-top:20px;
            padding-bottom:30px;
        }
            #blogSlider .slide-wrapper .slide-content p {
                color: #7a7a7a;
                font-size: 15px;
                line-height: 20px;
            }
        #blogSlider .slide-wrapper .slide-button {
            width: 100px;
            position: absolute;
            bottom: 80px;
        }
    #blogSlider .flex-direction-nav a { 
        top: 30%; height: 60px; 

    }

.section-relative {
    position: relative;
    margin: 0 auto;
}

.item-block {
    display: block;
    height: 100%;
    width: 100%;
}

.item-absolute {
    position: absolute;
}

.section-inner {
    height: 100%;
}

.section-fit {
    max-width: 90rem;
}


#tp-testimonials {
    height: 40rem;
    max-width: 100%;
}

    #tp-testimonials .section-holder-border {
        border: 0;
    }

    #tp-testimonials .section-holder-overlay {
        opacity: 0.86;
        background-color: #F47226;
        display: block;
    }

    #tp-testimonials .section-block {
        background: repeat rgb(68,68,68) center center / cover fixed;
        background-image: url(//v.fastcdn.co/u/a1ab1db8/6573808-0-image.jpg),url(//v.fastcdn.co/t/1ff1e715/92c4a447/1573408803-6573808-ghost-image.jpg);
        height: 40rem;
    }

#quote-content {
    top: 8.125rem;
    left: .5rem;
    height: 6.9375rem;
    width: 90rem;
    z-index: 4;
    color: #000000;
    font-size: 2.4768rem;
    line-height: 3.5rem;
    text-align: center;
}

    #quote-content .quote-fontColor {
        text-align: center;
        line-height: 5.5rem;
        font-size: 4rem;
        color: #ffffff;
    }

#quote-name {
    top: 20rem;
    left: 60rem;
    height: 4rem;
    width: 12rem;
    z-index: 5;
    color: #FFFFFF;
    font-size: 2rem;
    line-height: 2.625rem;
    text-align: left;
}

    #quote-name h1 {
        text-align: left;
        line-height: 2.625rem;
        font-size: 3.5rem;
        font-weight: bold;
        color: #FFFFFF;
    }

#quote-title {
    top: 25rem;
    left: 60rem;
    height: 1.8125rem;
    width: 50rem;
    z-index: 6;
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.8375rem;
    text-align: left;
}

    #quote-title .quote-fontColor {
        text-align: left;
        line-height: 1.8125rem;
        font-size: 1.8rem;
        color: #ffffff;
    }

#quote-link {
    top: 33rem;
    left: 70rem;
    height: 1.5rem;
    width: 23.0625rem;
    z-index: 71;
    color: #000000;
    font-size: 1.1146rem;
    line-height: 1.575rem;
    text-align: justify;
}

    #quote-link .quote-linkText {
        text-align: right;
        line-height: 1.5625rem;
        font-size: 1.7rem;
        font-weight: bold;
    }

        #quote-link .quote-linkText a {
            color: #ffffff;
        }

@media only screen and (max-device-width : 440px) {
    #tp-testimonials {
        display: none;
    }
}



    .travelpledge-advantage {
    }

    .travelpledge-advantage h1 {
        font-size: 30px;
        font-family: "Titillium Web";
        line-height: 42px;
        font-weight:700;
        margin-bottom: 2px;
        color:#003366;
    }
    .travelpledge-advantage h2 {
        font-size: 21px;
        font-family: "Titillium Web";
        line-height: 29px;
        font-weight: 500;
        margin: 2px;
        color: #98a0a6;
    }
    .travelpledge-advantage h3 {
        font-size: 27px;
        font-family: "Titillium Web";
        line-height: 40px;
        font-weight: 500;
        margin-bottom: 2px;
        color: #003366;
    }
    .travelpledge-advantage .tp-adv-title {
        padding: 0 30px;
    }
    .travelpledge-advantage .middle-square {
        border-left: 2px solid #C2D5DF;
        border-right: 2px solid #C2D5DF;
    }
    .travelpledge-advantage .tp-adv-text {
        padding: 8px 20px;
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 29px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #98a0a6;
    }
    .travelpledge-advantage .tp-adv-quote {
        font-size: 17px;
        font-family: Arial, sans-serif;
        font-style:italic;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #98a0a6;
    }
    .travelpledge-advantage .tp-adv-quote-author {
        margin-top:20px;
        font-size: 17px;
        font-family: Arial, sans-serif;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #98a0a6;
    }

    .travelpledge-advantage .btn {
        background: #003366;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 52px;
        font-family: Roboto;
        font-weight: 400;
        border-radius: 3px;
    }
        .travelpledge-advantage .btn:hover {
            background: #0D1A2B;
        }

.certified-pro{

}
    .certified-pro h1 {
        font-size: 27px;
        font-family: "Titillium Web";
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 2px;
        color: #003366;
    }
    .certified-pro h2 {
        font-size: 17px;
        font-family: Arial, sans-serif;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #98a0a6;
    }

.testimonial {
    width: 100%;
    float: left;    
    padding-bottom: 20px;
    padding-top: 20px;
}

.testimonial-photo {
    float: left;
    width: 150px;
}

    .testimonial-photo img {
        max-width: 125px;
        padding-right: 20px;
        padding-bottom: 10px;
    }

.testimonial-details {
    /*padding-left: 150px;*/
}

.testimonial-person {
    font-weight: bold;
    font-size: 1.2em;
}

.testimonial-quote {
    padding-top: 15px;
}

.testimonial-link, .testimonial-link a, .testimonial-link a:hover, .testimonial-link a:focus {
    color: white !important;
}

.h-25px {
    height: 25px;
}

@media screen and (max-width: 1200px) {
    .flexslider, .slides {
        max-height: 400px;
    }

        .flexslider .slides > li {
            min-height: 400px;
        }
}

/*COL-SM*/
@media screen and (max-width: 996px) {
    .navbar-top{
        min-height:63px;
    }

    .navbar-top-with-message {
        min-height: 111px;
    }

    .travelpledge-advantage .middle-square {
        border-left: 0px solid #C2D5DF;
        border-right: 0px solid #C2D5DF;
    }
    .tp-stats {
        padding: 30px 0 80px 0;
    }
    .stat-text{
        padding-bottom:30px;
    }
    .mobile-bidding .img-checkmark-holder {
        width:9%;
    }
    .mobile-bidding .mobile-bidding-points {
        font-size:12px;
    }
    .mobile-bidding .img-checkmark-holder img {
        height: 22px;
    }
    #testimonials .quote{
        font-size:13px;
    }
    .carousel-indicators{
        top:75%;
    }
}
@media screen and (max-width: 900px) {
    .flexslider, .slides {
        max-height: 300px;
    }

        .flexslider .slides > li {
            min-height: 300px;
        }
}

@media screen and (max-width: 760px) {
    .flexslider, .slides {
        max-height: 240px;
    }

        .flexslider .slides > li {
            min-height: 240px;
        }
}

@media screen and (max-width: 420px) {
    .flexslider, .slides {
        max-height: 200px;
    }

        .flexslider .slides > li {
            min-height: 200px;
        }
    #blogSlider{
        display:none;
    }
}

.min-height-calc {
    min-height: calc(100vh - 90px - 318px);
}

.page.container.min-height-calc {
    margin-top: unset !important;
    padding-top: 1em;
}

.footer-title-text {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif !important;
}

addres-section {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    line-height: 2em;
}

.addres-section p {
    display: flex;
    padding-left: 0;
    margin-bottom: 1rem;
}

.footer-title {
    padding-bottom: 20px;
}

#footer-section-ditels {
    padding-bottom: 50px;
}

.location-ditels {
    padding-left: 15px;
    color: white;
}

.socile-icon {
    color: #ffffff;
    font-size: 18px;
}

.copright-text {
    color: #ffffff;
}