/******************fonts*****************************/
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,900");
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,500;1,600;1,700;1,800&display=swap');
/*@font-face {
  font-family: 'silver south script';
  src: url("/media/306156/silver-south-script-webfont.woff2") format("woff2"), url("/media/306155/silver-south-script-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }*/
/*#007043*/

#exclusives ul, ul li {
    list-style-type: disc;
    padding-left: 15px;
    margin-left: 15px;
}

.nav li {
    padding-left: 0px;
    margin-left: 0px;
}

/*html {
    font-size: 62.5%;
}*/

body {
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-size: 1.2rem;
    /* 1.4=14px */
}

p {
    margin-bottom: 30px;
}

/*************Links**************/
a {
    color: #045ea8;
}


    a:hover {
        color: #b6c0d9;
    }

    a:active, a:hover {
        text-decoration: none;
    }

#social a {
    color: #3b393e
}

#main-AEcontent a {
    color: #045ea8;
    text-decoration: underline;
}

    #main-AEcontent a:hover {
        color: #b6c0d9;
        text-decoration: underline;
    }

.card a:hover {
    color: #b6c0d9;
    text-decoration: underline;
}

.insidethisvolume a:hover {
    color: #b6c0d9;
    text-decoration: underline;
}

.hero-bannertext a:hover {
    color: #EFBE15 !important;
}


/********************************** Buttons ************************/

.btn {
    border-radius: 7px;
    /* border: 1px;*/
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 17px;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);*/
}

    .btn:hover {
        color: #ffffff;
    }

    .btn-primary, .btn.primary {
        background-color: #1b1717;
        color: #ffffff !important;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        text-decoration: none !important;
        /*border-style: solid;
border-color: #333;
border-width:2px*/
    }

        .btn-primary:hover, .btn.primary:hover {
            background-color: #ffffff !important;
            color: #1b1717 !important;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(75, 145, 206, 0.26)
            /*border-color: #333;*/
        }


    .btn-secondary, .btn.secondary {
        background-color: #ffffff;
        color: #1b1717;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        border-style: solid;
        border-color: #c5d7de;
        border-width: 2px;
        text-decoration: none !important;
    }

        .btn-secondary:hover, .btn.secondary:hover {
            background-color: #ffffff !important;
            color: #1b1717 !important;
            border-style: solid;
            border-color: #ffffff;
            border-width: 2px
            /*border-color: #333;*/
        }






/*********************nav bar **************************/
.logo-header .navbar-brand {
    float: none;
    max-width: 100%;
}

.logo-header .navbar-brand {
    float: none;
    max-width: 100%;
    height: auto;
    display: block;
}

.navbar {
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #67777e;
}


.navbar-nav > li.active > a {
    color: #1f1e1d;
}

@media (min-width:769px) {
    .navbar-nav > li > a:hover, .dropdown.open > a {
        border-bottom: #ebab14 .33em solid;
        color: #ffffff
    }
}

/*@media (max-width: 1299px){	.navbar-nav > li  {
border-right: 1px solid; border-right-color:#625f5f}
}*/


@media (min-width: 1299px) {

    .navbar-nav > li.dropdown a:after {
        content: '';
        position: absolute;
        background-color: #666a75;
        width: 1px;
        height: 60%;
        bottom: 5px;
        right: -10px
    }

    .navbar-nav > li.dropdown:last-child a:after {
        content: '';
        position: absolute;
        background-color: #ffffff !important;
        width: 0px;
        height: 0%;
        bottom: 0;
    }
}

.navbar-nav {
    margin-bottom: 10px
}

/**Center menu*/

@media (min-width: 768px) {
    .navbar .container {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


/***align social**/
.topbanner div.row div.col-lg-3 {
    position: absolute;
    right: 30px;
    top: 30px;
    text-align: right
}

#social {
    display: block;
}



@media (min-width: 768px) {
    .navbar-nav > li > a {
        border-bottom: #ffffff .33em solid;
    }

    .navbar-nav > li.active > a {
        color: #FFFFFF;
        border-bottom: #232303 .33em solid;
    }
}


/****navbar-toggle animation***/
.navbar-default .navbar-toggle .icon-bar {
    background-color: #3f4750;
}

.navbar-toggle {
    border: none;
    background: transparent !important;
    margin-top: 0px;
}

    .navbar-toggle:hover {
        background: transparent !important;
    }

    .navbar-toggle .icon-bar {
        width: 37px;
        height: 4px;
        transition: all 0.5s;
        background-color: #ffffff;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 6px;
        }

    .navbar-toggle .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
    }

    .navbar-toggle .middle-bar {
        opacity: 0;
    }

    .navbar-toggle .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }

    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggle.collapsed .bottom-bar {
        transform: rotate(0);
    }

    /**************ANIMATED X*******************/

    .navbar-toggle .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
    }

    .navbar-toggle .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .navbar-toggle .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
    }

.home-video {
    margin-top: 15px;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-nav > li > a {
    font-size: 1rem;
    padding: 10px 4px !important;
}

/* END ANIMATED X */





/*****************************Modal*************************/
.modal-body {
    min-height: 500px;
    min-height: 68vh;
}

.modal-open {
    padding: 0 !important;
}

body.modal-open .navbar {
    padding-right: 15px;
}


@media (min-width: 768px) {
    .hero {
        min-height: 400px;
        max-height: 550px;
    }

        .hero .headlineContainer h1 {
            margin: 0;
            padding: 0;
            line-height: normal;
            font-size: 15vw;
        }

        .hero > .masthead {
            max-width: 800px;
        }
}

@media (min-width: 992px) {
    .hero {
        min-height: 550px;
        max-height: 550px;
    }

        .hero .headlineContainer h1 {
            font-size: 160px;
        }

    .headlineRule {
        border: solid 18px #ffffff;
        padding: 10px 50px;
        padding-bottom: 0;
        display: inline-block;
    }

    .hero > p > img {
        transform: translate(0, 20%);
    }
}

@media (min-width: 1120px) {
    #homeSilo {
        left: -20px;
    }
}

@media (max-width: 768px) {
    .heroOverlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.1);
    }
}


/**************************************Blockquote******************************/

blockquote {
    font-size: 175%;
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    margin-left: 30px;
    margin-top: 10px;
    float: right;
    letter-spacing: .15em;
    line-height: normal;
    border: solid 9px #59c0f5;
    background-color: #59c0f5;
    position: relative;
    color: #f2f2f2;
}

    blockquote::before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: -39px;
        border-top: solid 20px transparent;
        border-right: solid 30px #59c0f5;
        border-bottom: solid 20px transparent;
    }



@media (min-width: 992px) {
    blockquote {
        position: relative;
        left: -60px;
        margin-left: 0;
    }
}

.contentHero {
    min-height: 280px;
    /*margin-top: 60px;*/
    margin-bottom: 30px;
    background-size: cover;
    position: relative;
}


.logo {
    text-align: center;
    color: #808080;
    background-color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

    .logo img {
        margin-left: auto;
        margin-right: auto;
        max-height: 50px;
        max-width: 200px;
    }






.contactInfo {
    text-align: center;
    font-size: 20px;
}






@media (min-width: 768px) {
    .contactInfo {
        text-align: right;
    }

    .agentLogo {
        text-align: left;
    }

    .agencyName {
        text-align: left;
    }

    .agentLogo img {
        margin-left: 0;
        margin-right: 0;
    }
}
/*body {
    font-family: $body-font
    font-size: 16px;
    line-height: 1.5em;
    color: #444444;
    width: 100%;
    overflow-x: hidden;
}*/


.desktopOnly {
    display: none;
}


/*******************************Form Fields****************************/
input.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 1.42857;
    padding: 8px 14px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 15px;
}

/**remove yellow autofill background color*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}



/**** Hero background video***/
.jumbotron {
    padding-top: 0px;
    padding-bottom: 0px;
}

.wrapper {
    width: 100%;
    /* height: 250px;*/
    overflow: hidden;
}

/***fallback background image*/
.wrapper {
    background-image: url("/media/305602/hero-background.jpg");
    background-position: center;
    background-size: cover;
}

    .wrapper video {
        /*object-fit: contain;*/
        /*       object-fit: fill; */
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

@media only screen and (min-width: 768px) {
    .wrapper {
        height: 700px;
    }
}

@media only screen and (max-width: 768px) {
    .hero .masthead {
        max-width: 70%;
    }
}


/***Hero****/
.carousel-item {
    height: 70vh;
    background-repeat: none !Important;
    background-size: cover;
    background-position: center;
}

.overlay-logo {
    position: absolute;
    top: 105px;
    left: 80px;
    z-index: 100;
}

.top-menu-space {
    height: 100px;
    background-color: #343a40 !important;
}

/*.navbar-toggle:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none;
  border: 0px !Important; }

.navbar a:hover {
  color: #c5d7de ;
  background-color: #fff !important; }

.navbar a.bck1a span {
  display: none; }*/

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

input[type=date] {
    padding: 0px 10px;
}

.umbraco-forms-submitmessage {
    padding: 30px;
    text-align: center;
    background-color: #F7F7F7;
}

.field-validation-error {
    font-size: 1.3rem;
}

#panel_about_content img {
    margin-bottom: 30px;
}

/*****************Fixes horizontal scrollbar issue**********************/
#main-content {
    padding: 50px 0;
}

#exclusives {
    padding-top: 30px;
}

.main-image {
    margin-bottom: 0px !Important;
}

/*navbar updated**/
/*@media (max-width: 769px) {
  #exclusives {
    padding-left: 15px;
    padding-right: 15px; }

  .navbar-brand img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto; }

  .navbar-header {
    margin-top: 0px; } }
*/

@media (max-width: 691px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

@media (min-width: 770px) {
    .navbar-nav > li {
        padding-right: 10px;
        padding-left: 10px;
    }

        .navbar-nav > li:last-child {
            border: none;
        }
}

@media (max-width: 769px) {
    .nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav > li {
        border-bottom: 1px solid #cccccc;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        display: block;
    }

        .navbar-nav > li:last-child {
            border: none;
        }
}



@media only screen and (min-width: 768px) {
    .articleThumb img {
        border: 2px solid #ffffff;
        box-shadow: 0px 0px 2px 1px #666666;
        -webkit-transition: box-shadow .5s;
        transition: box-shadow .5s;
    }
}

.articleThumb h4 {
    color: #808080;
    font-weight: normal;
    letter-spacing: unset;
}

#CenterRightAds {
    padding-top: 30px;
}

#moreArticles {
    padding: 0px 30px;
}



@media (max-width: 968px) {
    .carousel-content.right {
        margin-top: 210px;
    }
}

@media (max-width: 768px) {
    .carousel-content.right {
        margin-right: 0px;
        margin-top: 230px;
    }

        .carousel-content.right:after {
            content: "";
            position: absolute;
            bottom: -15px;
            /* value = - border-top-width - border-bottom-width */
            left: 50px;
            /* controls horizontal position */
            border-width: 25px 25px 0;
            /* vary these values to change the angle of the vertex */
            border-style: solid;
            border-color: #fcdc45 transparent;
            /* reduce the damage in FF3.0 */
            display: none;
            width: 0;
        }
}


.form-control {
    min-height: 40px;
    font-size: 1.5rem;
}

label {
    font-size: 1.3rem;
    margin-bottom: 5px;
    color: #666;
    margin-top: 10px;
}

.agency-search label {
    font-weight: normal;
    margin-right: 30px;
    margin-top: 5px;
    font-size: 1.6rem;
    color: #333;
    display: block;
}

.cent {
    text-align: center;
}



.modal-footer {
    justify-content: center;
}

.cta {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}

.br {
    border-right: 1px solid #d8daed;
}



.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}


.panel {
    border: 0px solid transparent;
}


/************************Form Fields************************/

.form-control {
    min-height: 40px;
    padding: 10px;
}

select[multiple],
select[size] {
    padding: 10px;
    height: auto;
}

.fa-th {
    margin-right: 7px;
}

label {
    font-weight: normal;
}

.carousel-indicators li {
    display: inline-block;
    width: 40px;
    height: 5px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0px solid #fff;
    border-radius: 0px;
}

    .carousel-indicators li .active {
        background-color: white;
        margin: 1px;
    }

.carousel-indicators .active {
    width: 40px;
    height: 5px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .row.display-flex .panel {
        height: 100%;
    }



#myCarousel {
    background-color: #333;
}

@media (max-width: 768px) {
    .navbar-collapse {
        background-color: #f6f7f8;
    }

    .navbar {
        padding: 0px;
    }

    .navbar-nav {
        padding-top: 0px;
    }

    .navbar-brand img {
        padding-left: 0px;
    }

    .navbar .logo-header {
        float: none;
    }

    .navbar-brand {
        max-width: 100%;
    }
}







img {
    -ms-interpolation-mode: bicubic;
}

.som-ad {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.view-all-offers {
    text-align: center;
}

/**************************Cards************************************************/
.card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 2px 10px 0 rgba(0, 0, 0, 0.09);
}

.card-agent {
    min-height: 260px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 2px 10px 0 rgba(0, 0, 0, 0.09);
    line-height: 26px;
    margin-bottom: 30px;
    height: 100%;
}

.card-panel {
    padding: 20px;
}

.row.display-flex .card {
    height: 100%;
}

.agencyInfo .findanagentresulttext {
    line-height: 25px;
    color: #2d538b;
    font-size: 20px;
}

a.selectanagent {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

/*********************************sidebars**********************************************/

.sidebars {
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
    height: 70px;
}

    .sidebars:before,
    .sidebars:after {
        border-top: 1px solid #edf1f5;
        border-bottom: 1px solid #edf1f5;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 40%;
        margin-bottom: .15em;
    }

    .sidebars:before {
        right: 20px;
        margin-left: -210%;
    }

    .sidebars:after {
        left: 20px;
        margin-right: -210%;
    }

h3.sidebars {
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}





/*.details-for-agent{background-color:#FFFFFF}*/
.search-results {
    margin-bottom: 30px;
}


.center {
    text-align: center;
}

.back-to {
    right: 14px;
    top: -20px;
    z-index: 100;
    position: absolute;
}

    .back-to a {
        color: #CCC;
        font-size: 14px;
    }

.findanagentresultsubmit {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    margin-top: 40px !Important;
    font-size: 16px;
}

.tnc {
    text-align: left;
    font-size: 1.2rem;
    color: #808080;
    line-height: 2rem;
}


.agency-details {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 30px;
    padding-top: 20px;
    background-color: #F7F7F7;
    text-align: center;
}

    .agency-details h3 {
        padding-bottom: 10px;
    }

    .agency-details h4 {
        margin-bottom: 0px;
        color: #999999;
        font-size: 12px;
    }

    .agency-details .panel-body {
        padding: 0px;
    }

    .agency-details .btn {
        margin-top: 10px;
    }


#main-content ul {
    list-style-image: url("../media/217221/sq.jpg");
}

#main-content li {
    padding-left: 20px;
    margin-left: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}



/*Workaround for flex issue in ie on smaller screens*/
@media (max-width: 768px) {
    .row.display-flex {
        display: block;
    }
}
/*agent exclusive snipe*/
.agency-exclusive {
    background-color: #f6d627;
    color: #f6d627;
    color: #083d60;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 800;
    font-size: 1.25rem;
    left: -5px;
}


/*********************** Styles for object-fit replacement in IE*********************/
.check-img-ie {
    width: 100%;
    height: 240px;
}

/*** offer-img using object-fit**/
.offer-img,
.featured-offer > img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

/*hide offer-img if its being replaced for IE*/
.check-img-ie.compat-object-fit .offer-img {
    opacity: 0;
}

/****************alternative to object-fit********************/
.check-img-ie.compat-object-fit {
    background-size: cover;
    background-position: center center;
}

.featuredOffers .display-flex > .col-md-3 {
    flex-grow: 1;
}


.dvLoginForgotUsername {
    padding-bottom: 8px;
}

.dvLoginForgotPassword {
    padding-bottom: 8px;
}

#about-summary {
    display: none;
}









.main-slider-container {
    padding: 4%;
}

    .main-slider-container .col-sm-6 {
        width: 100%;
    }

#main-slider .item {
    position: relative;
}

#main-slider {
    padding-top: 0;
}

.intro_head {
    width: 100%
}

#main-slider .intro_head span {
    text-align: center;
    color: #FFFFFF;
    display: block;
    margin: auto;
}

    #main-slider .intro_head span.hero-mainhead::before {
        content: 'experience';
        text-align: center;
        font-size: 23vw;
        color: #f68b37;
        display: block;
        font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
        text-transform: lowercase;
        font-weight: normal;
    }

    #main-slider .intro_head span.hero-mainhead {
        font-family: "Barlow Condensed", "Open Sans", sans-serif;
        font-size: 16vw;
        line-height: 69%;
        font-weight: 900;
        text-transform: uppercase;
    }

    #main-slider .intro_head span.hero-subhead {
        font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
        font-size: 18vw;
    }

.main-slider-container img {
    width: 230px;
}

#main-slider {
    overflow: hidden;
}

    #main-slider .owl-prev {
        left: -35px;
        text-indent: 12px;
    }

    #main-slider .owl-next {
        right: -35px;
        text-indent: -12px;
    }

    #main-slider .owl-prev,
    #main-slider .owl-next {
        position: absolute;
        top: 50%;
        background-color: rgba(170, 170, 170, 0.1);
        color: #fff;
        font-size: 35px;
        display: inline-block;
        margin-top: -55px;
        height: 70px;
        width: 70px;
        line-height: 60px;
        text-align: center;
        border-radius: 100px;
        z-index: 5;
        -webkit-transition: background-color 400ms;
        transition: background-color 400ms;
    }

    #main-slider .item {
        height: 50vh;
        background-repeat: none !Important;
        background-size: cover;
        background-position: top;
        clear: both;
    }


@media (min-width: 768px) {
    #main-slider .item {
        height: 50vh;
    }

    #main-slider .intro_head span.hero-mainhead::before {
        font-size: 10vw;
    }

    #main-slider .intro_head span.hero-mainhead {
        font-size: 15vw;
        line-height: 55%;
    }

    #main-slider .intro_head span.hero-subhead {
        font-size: 8vw;
    }
}

@media (min-width: 1600px) {
    #main-slider .intro_head span.hero-mainhead::before {
        font-size: 135px;
    }

    #main-slider .intro_head span.hero-mainhead {
        font-size: 230px;
    }

    #main-slider .intro_head span.hero-subhead {
        font-size: 140px;
    }

    #main-slider .item {
        background-position: top;
    }
}


footer {
    background: #222222 url("https://www.travelsavers.com/library/2021/2021-agent-edge-redesign/hotel-w.png") no-repeat bottom center;
    color: #f8f8f8;
    font-size: 12px;
    padding-top: 145px;
    padding-bottom: 45px;
    background-position-y: 90px;
    height: 500px;
}

#offerCards h2 {
    margin-bottom: 45px;
    text-align: center;
}

section h1:first-of-type,
section h2:first-of-type,
section h3:first-of-type {
    margin-top: 0;
}

h1,
h2,
h3,
h4 {
    line-height: 1.35em;
    font-weight: bold;
}

h1 {
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 3rem;
    line-height: 3.3rem;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
}

h2 {
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 30px;
}

h3 {
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 2.1rem;
    margin-bottom: 2rem;
}

.bd_CampaignResources h3 {
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-size: 30px;
    color: #000000;
}

h5 {
    font-size: 16px;
    color: #808080;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}





.panel-body {
    padding: 30px;
}




/******NEW not from SCSS******************************************************************************/
/*** make Logo header full width as its in a col***/
.logo-header {
    margin-bottom: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .logo-header .col-lg-9.col-sm-9.col-xs-12.logo {
        width: 100%
    }

    .logo-header .navbar-brand {
        float: none;
        max-width: 100%
    }

.logo img {
    max-width: 300px;
    max-height: none
}

#main-slider .item {
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-slider .intro_head span.hero-mainhead {
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 5.2vmin;
    line-height: 4.5vmin;
    font-weight: 400;
    color: #fff;
}

#main-slider .intro_head span.hero-subhead {
    font-family: "Work Sans", helvetica, arial, sans-serif;
    font-size: 3vmin;
    font-weight: 200;
    line-height: 3vmin;
    margin-top: 10px;
}

#main-slider .intro_head span.hero-mainhead::before {
    display: none
}

/************ Inside This volume******************************/
/**Use this to break section out of parent container and go full width.. just for demo site***/
.break {
    margin: 0 calc(50% - 50vw)
}

body {
    overflow-x: hidden !Important;
}

.insidethisvolume {
    background-color: #1a1b1d;
    color: #ffffff;
    min-height: 320px;
    padding: 15px;
    margin-bottom: 30px !Important;
    padding-top: 40px;
    padding-bottom: 90px
}

    .insidethisvolume h1 {
        text-align: center;
        color: #ffffff;
        font-size: 4.5rem;
        letter-spacing: 1px;
        text-transform: none
    }

    .insidethisvolume h2 {
        color: #ffffff;
        text-decoration: underline;
        width: 100%;
        letter-spacing: 1px;
        margin-top: 30px !important
    }

    .insidethisvolume a {
        color: #ffffff;
    }


/***************supplier spotlight*******************/
.supplier-spotlight h1 {
    text-align: center;
    color: #1f1e1d;
    font-size: 3.5rem;
    letter-spacing: 1px;
    text-transform: none;
    margin-bottom: 0px !important
}

.supplier-spotlight {
    background-color: #f8f8f8;
    color: #ffffff;
    min-height: 320px;
    padding: 15px;
    margin-bottom: 0px !Important;
    padding-top: 40px;
    padding-bottom: 40px;
}

.bd_AgentEdge #main-content {
    padding-top: 0px
}

#main-slider {
    padding-bottom: 0px
}


/**************bottom Banner image**************/
#cta2_notused {
    background-image: url(/media/311488/hero2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 300px
}

    #cta2_notused .container {
        display: none
    }

/***hide services (secondary content)section from mockup*/
.services {
    display: none
}


/*** hide featured offers section from mockup***/
.featuredOffers {
    display: none
}


/*** hide contact section from mockup***/
#contact {
    display: none
}


/*.supplier-logo{display:block;margin:0 auto;  ;margin-bottom:15px;margin-top:30px}*/

.supplier-logo {
    display: block;
    margin: 0 auto;
    /* max-height: 70px; */
    margin-top: 5px;
    width: 170px;
    object-fit: contain;
}


a {
    color: #045ea8;
}

#main-article-content a {
    text-decoration: underline;
}

.insidethisvolume a {
    text-decoration: none !important;
}


/******************banner images.. we'd need to be able to update these in content mangement****/
#main-image {
    background-position: center;
    height: 380px;
    height: 400px;
    background-size: cover;
    /*background-attachment:fixed;*/
    text-align: center;
    background-color: #c5d7de
}

/*.bd_Feature #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/hero4.jpg);
}

.bd_Stockholm #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/stockholm.jpg);
}

.bd_Hyatt #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/hyatt.jpg);
}

.bd_TRAVELSAVERSHOTELPROGRAM  #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_ContactTheTeam  #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_FindATRAVELSAVERSAgency  #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_BecomeAnAgencyMember #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_BecomeASupplier  #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_SubscribeToAgentEdge  #main-image {
  background-image:linear-gradient(180deg, rgba(28,38,48,0.7511205165660014) 0%, rgba(35,40,46,0.7007003484987745) 66%),url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel1.jpg);
}

.bd_AdvisorsAdvice   #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/adviser.jpg);
}

.bd_Technology  #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-business.jpg);
}

.bd_AirNews #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-air.jpg);
}

.bd_HotelNews #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-hotel.jpg);
}

.bd_On-DemandLearning  #main-image {
  background-image: url(https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/banner-ondemand.jpg);
}*/
/***************** Limit the width of main content col *****************/
.bd_Feature #main-content div.container, .bd_SupplierSpotlight #main-content div.container {
    max-width: 900px
}

.bd_BWHHotelGroup #main-content div.container {
    max-width: 900px
}

.bd_Hyatt #main-content div.container {
    max-width: 900px
}

.bd_Technology #main-content div.container {
    max-width: 900px
}

.bd_BecomeASupplier #main-content .container {
    max-width: 900px;
}

.bd_BecomeAnAgencyMember #main-content .container {
    max-width: 900px;
}

.bd_TRAVELSAVERSHOTELPROGRAM #main-content .container {
    max-width: 900px;
}

.bd_Hyatt #main-content #main-content .container {
    max-width: 900px;
}

.bd_OmniHotels #main-content .container {
    max-width: 900px;
}

.cnt_Spotlight {
    max-width: 900px;
}
/*.bd_G6Hospitality #main-content .container{max-width:900px;}
.bd_HotelREZ #main-content .container{max-width:900px;}
.bd_AvisBudgetGroup #main-content .container{max-width:900px;}*/
/*.bd_BusinessNews #main-content .container{max-width:900px;}*/



/*.banner_image_head{font-family: "Work Sans", helvetica, arial, sans-serif;
font-size: 7vmin;
line-height: 7.2vmin;
font-weight: 200;color:#ffffff; text-align:center;text-align: center;
margin-top: 80px;display:inline-block;background-color: #46433e4d;
  display: block;
  padding: 30px;
  max-width: 550px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  width: 35vmin;
  height: 35vmin; }*/


.bd_Feature #main-content div.col-md-12 > h1 {
    display: none
}

.bd_Destination #main-content div.col-md-12 > h1 {
    display: none
}


.section-panel {
    background-color: #fff;
    border-radius: 7px;
    margin: 0.5rem 0 1rem;
}

.select-section {
    background-size: cover, cover;
    color: #fff;
    font-size: 21px;
    letter-spacing: 3px;
    font-weight: bold;
    height: 200px !important;
    margin-bottom: auto;
    margin-top: auto;
    text-shadow: -4px 0px 10px #0c0c0c;
    ;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.select-section {
    height: 250px !Important;
}

.section-panel {
    height: 250px
}

/***Homepage panel images*/
.more-in-this {
    padding-right: 15px;
    padding-left: 15px
}

    .more-in-this h2 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px
    }

.panel-a, .panel-b, .panel-c, .panel-d {
    display: flex;
    justify-content: center;
    align-items: center
}

.panel-a {
    background-image: radial-gradient(rgba(22, 55, 85, 0.16), rgba(29, 43, 120, 0.08)), url("https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/sweden.jpg");
}

.panel-b {
    background-image: radial-gradient(rgba(22, 55, 85, 0.16), rgba(29, 43, 120, 0.08)), url("https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/hyatt-banner.jpg");
}

.panel-c {
    background-image: radial-gradient(rgba(22, 55, 85, 0.16), rgba(29, 43, 120, 0.08)), url("https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/wyn-banner.jpg");
}

.panel-d {
    background-image: radial-gradient(rgba(22, 55, 85, 0.16), rgba(29, 43, 120, 0.08)), url("https://www.travelsavers.com/library/2021/2021-Agent-Edge-Redesign/tech.jpg");
}

#main-content {
    padding-bottom: 30px
}

h1, h2, h3, h4 {
    font-weight: normal
}
/*h1{line-height:6.2rem;}*/

/***************Drop cap********************************/
.firstcharacter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

.bottom-ads {
    margin-top: 30px
}

#social .fa-stack:hover {
    transform: scale(1.2);
    transition-duration: 1.1s;
}

/**** Make any image responsive by adding this class to its container ***/
.responsive-img-container img {
    display: block;
    max-width: 100%;
    height: auto;
}


/******************* Air News *************************/
.bd_AirNews .card {
    margin-top: 30px
}

.bd_AirNews .air-logo {
    max-width: 200px !important;
    margin: 0 auto;
    margin-top: 30px
}

.bd_AirNews .card-content {
    padding: 50px;
    padding-top: 20px;
}

#main-content {
    padding-bottom: 0px
}

.more-in-this {
    padding-bottom: 40px;
    background-color: #e2e6eb;
    margin-top: 20px
}



/************************* dropdown menus **********************************/
.navbar-nav {
    margin-bottom: 5px;
}

.dropdown-menu {
    box-shadow: 0 10px 12px rgba(0,0,0,.35);
    border: none;
    margin-top: 0px !important
}

    .dropdown-menu li {
        list-style-type: none;
        padding: 10px
    }

.navbar a:hover {
    background-color: transparent !Important
}
/***  right align last dropdown***/
/*.dropdown:last-child {{float: right !important}*/
.dropdown:last-child > .dropdown-menu {
    right: 0;
    left: auto;
}

/****Open on hover***/
@media (min-width:769px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width:769px) {
    .dropdown-menu > li > a {
        text-align: center
    }
}

/*** slide in dropdown**/
@media (min-width:769px) {
    .dropdown .dropdown-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        /*display: block;*/
        overflow: hidden;
        opacity: 0;
    }

    .dropdown:hover .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
        max-height: 300px;
        opacity: 1;
    }
}

.dropdown-menu li:hover {
    background-color: #1b1717 !important
}

    .dropdown-menu li:hover a {
        color: #ffffff !important
    }

/******************** About Us ***************************/
.aboutus-name {
    margin-bottom: 0px
}

.who-we-are .card {
    margin-bottom: 30px
}

.who-we-are .card-content {
    padding-bottom: 30px
}

.who-we-are {
    padding-bottom: 40px
}

.aboutus-email a {
    text-decoration: underline;
    word-wrap: break-word;
}

.aboutus-email, .aboutus-title {
    font-size: 1rem
}

.aboutus-tel {
    font-weight: bold
}

.umbraco-forms-form .checkboxlist label {
    float: none !important
}

.mbed-form {
    margin-top: -170px;
    background-color: #ffffff;
    padding: 40px;
    -webkit-box-shadow: 0px -4px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0px -4px 6px -2px rgba(0,0,0,0.4);
    margin-bottom: 30px
}



/***************Form Fields****************/
input:focus {
    border: 3px solid #e0e5ec !Important;
    outline: none;
}

label.umbraco-forms-label {
    font-weight: normal !important
}

.umbraco-forms-field-wrapper .text {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.umbraco-forms-field {
    margin-bottom: 25px
}



.bd_SubscribeToAgentEdge .umbraco-forms-form {
    border-left: solid;
    border-left-width: 1px;
    padding: 20px;
    border-left-color: #ddd;
    margin-bottom: 30px
}



/***** Fix menu wrapping****/
@media only screen and (min-width: 769px) and (max-width: 1100px) {
    .navbar-nav > li > a {
        font-size: 1.3vw;
        padding: 10px 0px !important;
        word-wrap: normal;
        max-width: 80px !important;
        text-align: center;
        letter-spacing: 0px;
        line-height: 1.2rem
    }

    .navbar-nav > li {
        padding-right: 3px;
        padding-left: 3px;
        border-right: 0px solid;
    }
}



@media only screen and (min-width: 1100px) and (max-width: 1300px) {
    .navbar-nav > li > a {
        font-size: 1.4rem;
        padding: 10px 2px !important;
        word-wrap: normal;
        max-width: 120px;
        text-align: center;
        letter-spacing: 0px;
        line-height: 1.3rem
    }

    .navbar-nav > li {
        padding-right: 2px;
        padding-left: 2px;
        border-right: 0px solid;
    }
}

/**** Position the select Volume/Issue button**/

.dvVolDropDown {
    position: absolute !important;
    left: 30px !important;
    top: 30px !important;
    width: 150px !important;
}

/*Remove extra padding from these sections on home page**/
[class*="bd_Issue"] #main-content {
    padding: 0px
}

[class*="bd_Issue"] #main-article-content {
    padding-top: 0px
}

/** hide empty section on homepage that causes white line**/
[class*="bd_Issue"] #main-content {
    display: none
}

#main-slider {
    background-color: #829bbc
}


/*** Center text on select-section panels**/
.select-section {
    height: 250px !Important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

#cta2 {
    display: none
}

#bottomBannerImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 300px;
}

.supplier-spotlight {
    margin-top: 50px
}

#main-AEcontent {
    padding-top: 0px;
    padding-bottom: 0px
}

.umbracoRightAd {
    margin: 0 auto
}

.img-banner-overlay {
    display: block !important;
    visibility: visible !important
}

    .img-banner-overlay[style] {
        visibility: visible !important;
        margin: 0 auto;
        position: relative;
        max-width: 170px;
        margin-bottom: 30px;
        margin-top: 20px;
        z-index: 99;
        animation-name: zoomIn !Important
    }

@media only screen and (max-width: 769px) {
    .logo {
        margin-top: 110px
    }
}

.overlay-a {
    background: rgba(0, 0, 0, 0.5);
}

.News-logo {
    margin: 0 auto;
    max-width: 230px;
    margin-top: 40px
}

.home-page-ads {
    margin-top: 20px
}
/*.select-section{background-image: radial-gradient(rgba(22, 55, 85, 0.36), rgba(29, 43, 120, 0.88))!important}*/
/*.article-content img {width:100%!important; height:auto!important}*/

/***Add overlay to ensure text legibility-  main hero slider***/
.bg-overlay {
    /***** full item overlay****/
    /*position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#000000;
opacity: .3;*/
}

/***Add overlay to ensure text legibility- page banners (#main-image) ***/
.bg-overlay2 {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color:#000000;
opacity: .4;*/
    display: block !important;
}

/**main image needs to be relative to accomodate absolute overlay**/
#main-image {
    position: relative;
    padding: 0px
}

/**override inline style***/
.bg-overlay2[style] {
    display: block !important;
}

/** hide for bottom banner overlay*/
#bottomBannerImage .bg-overlay2 {
    display: none !important
}


/***Center text on page banners (#main-image)***/
.header-Feature div.container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-image {
    display: flex
}

.about-top {
    align-self: center
}




/*#main-image .banner_image_head {
  background-color: #46433e4d;
  display: block;
  padding: 30px;
  max-width: 550px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  width: 35vmin;
  height: 35vmin;
}*/


.main-AEcontent {
    padding-bottom: 40px
}



/***** Update Volume Select**/
#selVol {
    background-color: #fff;
    color: #000000;
    /* padding: 12px;*/
    width: 200px;
    border: solid 1px;
    font-size: 18px;
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0);
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    border-color: #cfd0d0;
    font-weight: bold;
    margin-left: 20px;
}

/**** Center all items in hero***/
.owl-item .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-banner-overlay {
    transition: all 1.1s ease-in-out;
}

    .img-banner-overlay:hover {
        transform: scale(1.1) rotate(2deg) !important;
        transition: all 1s ease-in-out !important;
    }


/***Add semi trans background to headline.. replaceing overlay on full item**/
.carousel-content {
    background-color: black;
    display: block;
    padding: 35px 30px 2px 30px;
    padding-bottom: 1px;
    max-width: 850px;
    margin: 0 auto;
}


/*.carousel-content{  */
/*********Remove corners -- ref ...https://css-tricks.com/notched-boxes/*/
/*********make notch size variable**/
/********* polygon clip path**/
/*	clip-path: 
    polygon(
      0% var(--notchSize),
      var(--notchSize) 0%,
      100% 0%,
      100% 0px,  
      100% calc(100% - var(--notchSize)),  
      calc(100% - var(--notchSize)) 100%,  
      0px 100%, 
      0 0%    
    );
}*/




/****Supplier spotlight section... 
flex-grow:1- make cols fill width of parent to ensure optimal display of 2 or 3 items***/
/*** flex-grow:0- keep cards the same**/
.supplier-spotlight .row.display-flex .col-md-4 {
    flex-grow: 0
}


/*#selVol::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 10;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
  color: #000000;
  background-color: #ffffff;
  pointer-events: none;
}

#selVol:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

#selVol option {
  padding: 30px;
}*/

/***Temporarily hide volume select for first volume***/

@media only screen and (max-width: 769px) {
    .img-banner-overlay {
        width: 140px !important
    }
}

/*** ensure padding around logo in articles***/
.article .-logo {
    margin: 40px 0px
}

.article .Spotlight-logo {
    margin: 40px 0px
}

/*.supp-logo-container{height:200px}*/
/*** Make sure logos are sized consistently and don't push down supplier spotlight cards to different starting points***/
.supp-logo-container img {
    width: 170px;
    height: 90px;
    object-fit: contain;
    margin-top: 30px;
}

.supp-logo-containerAE img {
    width: 170px;
    height: 90px;
    object-fit: contain;
}

.footer-links {
    margin-left: -40px
}

footer a {
    color: #ffffff
}

footer .text-center {
    color: #726b6b
}

    footer .text-center span {
        display: none
    }

.footer-divider {
    margin: 0px 15px
}


/*** Conatiner no ads***/
.AEcont {
    max-width: 900px
}

.bd_ContactTheTeam .AEcont {
    max-width: 1170px
}

/** Use .AEcont_ads for has ads**/
/**  .cnt_default is used if no article type specified***/


/***Update Find An Agent **/
/*.bd_FindATRAVELSAVERSAgency #main-content .container{max-width:800px}*/
.bd_FindATRAVELSAVERSAgency #main-content {
    min-height: 700px
}


/************* Grow Hotel Highlights columns to fit container so it works to have 2,3 or 4***/
.hotel-highlight {
    flex-grow: 0
}

/**4 columns of additional hotel highlights. Don't ex grow wrapped 5th  */
.additional-highlight {
    flex-grow: 0
}

/*** Make Hotel News container full 1170**/
.bd_HotelNews .AEcont {
    max-width: 900px
}

/***article img***/
.article-content img {
    width: 100% !important;
    height: auto !Important
}


#main-content {
    min-height: 650px;
}

/*** Style/seperate the inside this volumne menu items**/
.insidethisvolume a {
    text-decoration: none !important;
    /*margin-bottom: 4px;*/
    display: inline-block;
    text-indent: -12px;
    /* padding-left:2px;*/
}

.insidethisvolume .navigationMenuItem_notused {
    margin-left: 22px;
}

.insidethisvolume a::before {
    /*  font-family: "Font Awesome 5 Free";
  content: "\f111";*/
    font-family: "arial";
    content: '\25cf';
    color: #4f4c4c;
    display: inline-block;
    padding-right: 12px;
    display: inline-block;
    padding-right: 12px;
    font-size: 21px
}

.col-sm-6.overlay-1 {
    float: none;
}

.hotel-highlight > .card > img {
    width: 100%;
}

.bd_HotelNews .row.display-flex:first-of-type {
    justify-content: center;
}

@media (min-width:1200px) {
    .hotel-highlight {
        max-width: 70%;
    }
}

.article-content img.article-headshot {
    width: auto !important;
    max-width: 100%;
}

@media (min-width: 992px) {
    .bd_Volume3 .supplier-spotlight .display-flex div.col-md-4 {
        max-width: 400px
    }
}



/*** Update so taht single columns no longer stretch tp full width**/
.bd_HotelNews .row.display-flex:first-of-type {
    justify-content: left;
}


.bd_HotelNews .hotel-highlight {
    flex-grow: 0;
}

/*********** Horizontal layout for hotel pages***/
.hotel-horizontal {
    text-align: center
}

    .hotel-horizontal img {
        margin-bottom: 15px
    }

        .hotel-horizontal img.supplier-logo {
            margin-bottom: 0px;
            margin-top: 0px;
            padding-top: 0px
        }

.hotel-divider {
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    display: inline-block;
    border-top: 2px solid #eee;
}

.card-content {
    padding-top: 0px !important;
}
/*******New************************/
/*** Hide Social**/
#social {
    display: none
}

/**** Spotlight glass treatment for carousel content*****/
.carousel-content {
    background-color: black;
    display: block;
    padding: 10px;
    padding-bottom: 10px;
    padding-bottom: 2px;
    padding-bottom: 1px;
    max-width: 550px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    width: 40vmin;
    height: 40vmin;
}

.carousel-content {
    background: #12151eb5;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    /*backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.5s ease-in-out;*/
}



    /**Opaque to clear on hover****/
    .carousel-content:hover {
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
    }

/****Used for Read More Link****/
.hero-bannertext a {
    text-decoration: underline;
    text-align: center;
    color: #ffffff;
    display: block;
    padding: 10px;
    width: 200px;
    margin: 0 auto;
    margin-top: 15px;
    font-weight: bold;
}

/**** Update site nav ****/
/***** Nav bar*****/

.logo-header {
    background-color: #ffffff;
}

.navbar {
    background-color: #292c35
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.navbar-nav {
    margin-bottom: 0px;
    margin-top: 0px
}


    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
        text-transform: uppercase;
        color: #292c35;
        font-weight: normal
    }

@media (min-width: 768px) {
    .navbar-nav > li > a {
        border-bottom: 0.33em solid rgb(41 44 53);
        color: #FFFFFF;
    }
}



/*** Cards ***/
.card {
    border-radius: 12px;
}

    .card .card-content {
        /*padding-top:40px!important;
  padding-bottom:40px!important;*/
        color: black;
    }


/*** InsideThisVolumne section not needed for SS. There will be a Spotlight On section instead, lower down on all pages1****/
#main-article-content {
    padding-top: 50px !important
}

.card-spotlight {
    margin-bottom: 30px
}

.fa-home {
    margin-right: 4px
}

@media (max-width: 768px) {
    .carousel-content {
        width: 70vmin !important;
        height: 70vmin !important;
    }

    #main-slider .intro_head span.hero-mainhead {
        font-size: 4vmin;
    }

    #main-slider .intro_head span.hero-subhead {
        font-size: 5vmin;
        line-height: 5vmin
    }
}

.mask {
    width: 0%;
    height: 0%;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    display: none !important visibility:hidden!important
}

/*** Round some corners ***/
.supporting-img {
    margin-top: 15px;
    border-radius: 12px
}

.article-content img {
    margin-bottom: 15px;
    border-radius: 7px;
}

#main-AEcontent .col-md-6 img {
    border-radius: 7px
}

#main-AEcontent .home-page-ads .col-md-6 img {
    border-radius: 0px
}

.more-in-this .overlay-a, .more-in-this .section-panel {
    border-radius: 7px
}

.more-in-this img {
    border-radius: 7px
}




/*** Fix menu offset***/
@media (min-width: 769px) {
    .dropdown:hover .dropdown-menu {
        margin-left: 10px;
    }
}


.select-section {
    background-size: 100%;
    transition: all 0.7s ease-in-out;
    background-position: center;
}

    .select-section:hover {
        background-size: 150%;
        background-position: center;
    }

/*.main-image .banner_image_head{
  font-family: "Work Sans", helvetica, arial, sans-serif;
  font-size: 3.1vmin;
  line-height: 4vmin;
  font-weight: 700 !important;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  width: 100%;
	justify-content: center;
	align-items:center;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
  backdrop-filter: blur(5px);
}
.main-image .banner_image_head:hover{backdrop-filter: blur(0px);}*/

/*.mask:hover{backdrop-filter: blur(5px);}*/


.bd_Webinars #main-content #panel_about_content.col-md-12 h1 {
    display: none
}

.bd_Webinars #main-content {
    padding-top: 0px
}

.bd_Webinars section.spotlight-content {
    padding-top: 0px
}

html.objectfit.object-fit body.bd_RespStBody.bd_Webinars section#main-content div.container div.row div#panel_about_content.col-md-12 div.umb-grid div.grid-section div div.row.clearfix div.col-md-12.column div section.dvArticleList.col-md-12 section.spotlight-content div.container.SS-container div.row div div.row.clearfix div.col-md-6.column div div {
    background-color: #f4f2f0;
    border-radius: 7px;
}


/***********Updates 29-Jan-2026***************/
.featured-supplier-spotlight-section {
    padding-top: 25px
}

    .featured-supplier-spotlight-section h1 {
        margin-bottom: 25px !important
    }

.card .card-content {
    padding: 30px;
    padding-bottom: 40px !important
}

#footer-main-content {
    margin-top: 30px
}

/***Add rectangle to banner-image head***/
#main-image .banner_image_head {
    margin-top: 0px;
    background-color: #12151eb5;
    display: block;
    padding: 30px;
    max-width: 750px;
    margin: 0 auto;
    font-family: "Barlow Condensed", "Open Sans", sans-serif;
    font-size: 5.3vmin;
    line-height: 4.7vmin;
    font-weight: 400;
    color: #fff;
    min-height: 250px;
    max-width: 550px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    text-transform: uppercase;
}

.supLogoDisplay {
    max-width: 250px;
    margin: 60px auto;
    margin-top: 10px
}

.Feature-logo {
    margin-top: 20px;
    margin-bottom: 20px
}


/**************Rotate Cards **************/
.card-wrapper .fa-repeat, .card-wrapper .fa-undo {
    font-size: 20px;
    margin-top: 12px;
}


/**** Cards requested from txp****/
.card-wrapper .card-up img {
    min-width: auto
}

.card-wrapper .fa-repeat, .card-wrapper .fa-undo {
    color: #c4d3db;
    font-size: 15px;
    line-height: 17px
}

.card-wrapper .card-up {
    overflow: auto;
    height: auto;
}

h3 {
    line-height: 3rem
}

.card-rotating p {
    margin-bottom: 10px
}

.fa-repeat, .fa-undo {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.card-wrapper {
    margin-bottom: 20px;
    border-radius: 7px
}

h3 {
    font-size: 2.6rem;
    line-height: 2.5rem;
}

.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.07), 0 2px 10px 0 rgba(0,0,0,.07);
}

.header-Supplier-Spotlight{display:none}

.supplier-logo.Hotel.News-logo {
    margin-bottom: 20px;
    margin-top: 20px
}

.card-rotating h3{
  font-size: 2rem;
  line-height: 2.1rem;
}

/***Kailey requestd to hide h3 on back of card**/

.card-rotating__back h3{display:none}

/***Requested read more/less for one of the pages. Added in content***/
/***Switch the Read More/Less link text*/
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

/*** Kailey: On the homepage under Supplier Spotlight, can we remove the name of the supplier since we have their logos there already?**/
#main-article-content .featured-supplier-spotlight-section .card-spotlight .card-content h2{display:none}


  .navbar {
	  border-radius: 0px;}

.aboutus-tel a{text-decoration:none!important; color:#000000!important; margin-top:12px; display:inline-block}


/***** Fix menu wrapping ******************/
/*** consistent font size****/
.navbar-nav > li > a{font-size:.8rem!important;
padding: 10px 3px !important;}
/* ══════════════════════════════════════════
   NAVBAR BREAKPOINT OVERRIDES
   Hamburger below 1200px, horizontal above
══════════════════════════════════════════ */

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .navbar-nav > li > a {
        max-width: none !important;
        word-wrap: normal !important;
        white-space: nowrap !important;
        line-height: normal !important;
    }
    .navbar-nav > li {
        padding-right: 0 !important;
        padding-left: 0 !important;
        border-right: none !important;
    }
}

@media (max-width: 1200px) {
    .navbar-collapse.collapse:not(.in) { display: none !important; }
    .navbar-collapse.in { display: block !important; }
    .navbar-toggle { display: block !important; }

    .navbar .container { width: 100% !important; display: block !important; }
    .navbar-header { float: none !important; }

    .navbar-nav { float: none !important; width: 100%; margin: 0; }
    .navbar-nav > li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border-bottom: 1px solid #ddd !important;
        padding: 0 !important;
    }
    .navbar-nav > li > a {
        display: block !important;
        padding: 12px 15px !important;
        font-size: 1.2rem !important;
        max-width: none !important;
        white-space: normal !important;
        word-wrap: normal !important;
        line-height: normal !important;
        color: #292c35 !important;
    }
    .navbar-nav > li > a:hover { color: #292c35 !important; }
    .navbar-nav > li.dropdown a::after { display: none !important; }
    .navbar-collapse { background-color: #f6f7f8 !important; }

    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover {
        background-color: #eee !important;
        border-color: #337ab7 !important;
    }

    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background-color: #ffffff !important;
    }
    .dropdown-menu > li > a {
        text-align: center !important;
        color: #292c35 !important;
    }
    .dropdown-menu > li:hover { background-color: #eee !important; }
    .dropdown-menu > li:hover a { color: #292c35 !important; }
}

@media (min-width: 1201px) {
    .navbar-collapse,
    .navbar-collapse.collapse,
    .navbar-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        background-color: transparent !important;
    }
    .navbar-toggle { display: none !important; }

    .navbar .container { display: flex !important; justify-content: center !important; }
    .navbar-nav { float: left !important; margin: 0 !important; }
    .navbar-nav > li {
        float: left !important;
        display: inline-block !important;
        width: auto !important;
        border-bottom: none !important;
        white-space: nowrap !important;
        padding: 0 5px !important;
    }
    .navbar-nav > li > a {
        max-width: none !important;
        white-space: nowrap !important;
        line-height: 50px !important;
        padding: 0 8px !important;
        font-size: 0.85rem !important;
        color: #ffffff !important;
        border-bottom: 0.33em solid rgb(41, 44, 53) !important;
    }
    .navbar-nav > li > a:hover {
        border-bottom: 0.33em solid #ebab14 !important;
        color: #ffffff !important;
    }
    .navbar-nav > li.dropdown a::after { display: inline-block !important; }
    .dropdown-menu { position: absolute !important; }
    .dropdown-menu > li > a { color: #292c35 !important; }
    .dropdown-menu > li:hover { background-color: #1b1717 !important; }
    .dropdown-menu > li:hover a { color: #ffffff !important; }
}



@media (max-width: 1200px) {
    .navbar-nav > li > a {
        border-bottom: none !important;
		  font-size: .9rem !important;
    }
    /* fix dropdown offset */
    .navbar-nav .dropdown-menu {
        margin-left: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
    /* smaller font on open menu items */
    .dropdown-menu > li > a {
        font-size: 1rem !important;
        padding: 8px 15px !important;
    }
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent}


@media (min-width: 769px) {
  .dropdown:hover .dropdown-menu {
    margin-left: 5px;
  }
}

@media (min-width: 1201px)and  (max-width:1300px) {
    .navbar-nav > li > a {
        font-size: 0.75rem !important;
        padding: 0 4px !important;
    }
 
}