/******TRAVELSAVERS Consumer Site******************* Updated 12/10/2017/12:24**/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Muli:400,400italic,300italic,300');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600,700,600italic,700italic,800,800italic,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);


/***fonts*****/

@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i'); /*
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One:400,300,300italic,400italic);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');*/


html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding-top: 0px;
    background: #fff;
    font-family: 'Open Sans', 'Muli','Roboto', sans-serif;
    font-weight: 400;
    color: #252827;
    color: #333;
}


.wow {
    visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6, .monthlyPara {
    color: #343437;
   /* font-family: 'Muli','Cabin','Roboto','Roboto Condensed','Montserrat','Fjalla One', 'Merriweather', sans-serif;
    font-weight: 100;*/
    line-height: 1.3;
	font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
}

h1 {
    color: #333;
}

h5 {
    letter-spacing: 1px
}

/*.h2, h2 {
    font-size: 38px;
}

h3{color:#1b6d8c}*/

a {
    color: #588ad5;
    /*-webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;*/
    outline: 0 !Important;
}

.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    padding-top: 0px;
    border-top: 0px solid #ba9f66;
    -webkit-box-shadow: 0 -4px 0 0 #ba9f66 inset;
    -moz-box-shadow: 0 -4px 0 0 #ba9f66 inset;
    box-shadow: 0 -4px 0 0 #ba9f66 inset
}

.navbar .navbar-nav > .active > a {
    background-color: transparent
}

a.scrollto.bck1a span {
    display: none
}

/*Links*/
a:hover,
a:focus {
    text-decoration: none;
    color: #1b6d8c;
}

#contact2 a {
    color: #ba9f66;
    text-decoration: underline
}

#contact2 i {
    color: #ba9f66
}

#contact2 h2 {
    padding-bottom: 20px
}



.navbar {
    border: 0
}

.navbar {
    background-color: #124e86;
    border-color: #080808;
}


hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}



/**Updated 13-Jan-2017**/

.show-for-ts {
    display: block !Important
}

.a24-product-title {
    display: none !Important;
}

.ts-product-title {
    display: block !Important;
}

.gs {
    filter: grayscale(100%);
}

.hlight {
    color: #fc0;
}

#agent-search2 {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    margin-bottom: 10px;
    margin-top: 50px;
    padding: 10px 30px 20px;
}

    #agent-search2 h2, #agent-search2 h3 {
        color: #fff;
    }

#agent-search .form-control {
    margin-bottom: 10px
}

.delay-a {
    animation-delay: 1s
}


.delay-b {
    animation-delay: 2s
}


.delay-c {
    animation-delay: 3s
}

.content-panel {
    padding: 30px;
    background-color: #f2f4f6;
    min-height: 350px;
    margin-bottom: 30px;
    text-align: center
}
/***Center with flexbox**/
.flexbox-container-cent {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}


/****Become a Agent***/
.become-agent-box {
    width: 100%;
    background-color: #c8ddf4;
    height: auto;
    font-size: 24px;
    padding: 20px;
    margin-bottom: 20px;
}

.interested-agent-content {
    display: block;
    text-align: center;
    font-size: 16px
}

    .interested-agent-content a {
        color: #333;
        text-decoration: underline
    }

    .interested-agent-content .fa {
        color: #c8ddf4;
    }

    .interested-agent-content .fa-inverse {
        color: #ffffff;
    }

.become-supplier-box {
    width: 100%;
    background-color: #ece7db;
    height: auto;
    font-size: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.interested-supplier-content {
    display: block;
    text-align: center;
    font-size: 16px;
}

    .interested-supplier-content a {
        color: #333;
        text-decoration: underline
    }

    .interested-supplier-content .fa {
        color: #ece7db
    }

    .interested-supplier-content .fa-inverse {
        color: #ffffff;
    }

.become-supplier-box, .become-agent-box {
    margin-top: 50px
}

.circle-icon {
    margin-top: -65px
}

/*.become-agent-box::after {
  content: "";
  background-image:url(../media/287220/ts2.jpg)!Important;
 background-position: right top !important;
   background-attachment:fixed; 
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
	width: 100%; height:auto;
	   transition: all 0.3s ease-in-out 0s;
}

.become-agent-box:hover::after {  background-image:url(../media/287220/ts2.jpg)!Important;opacity: 0.4;}*/



/***Feature-box**/
.fa-stack .fa-fw1 {
    font-size: 32px
}

.feature-box {
    width: 100%;
    background-color: #d8ceca;
    height: auto;
    font-size: 24px;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 440px;
    margin-top: 50px
}

.feature-content {
    display: block;
    text-align: center;
    font-size: 16px
}

    .feature-content a {
        color: #333;
        text-decoration: underline
    }

    .feature-content .fa {
        color: #d8ceca;
    }

    .feature-content .fa-inverse {
        color: #ffffff;
    }




/****Updated 01-0602017***/

/***** 'Find an agent' Search (fixed to bottom)*/
#agent-search-fixed {
    position: fixed;
    margin-bottom: -300px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 0px 20px 20px;
    left: 420px;
    right: 420px;
    bottom: 0px;
    z-index: 22;
    -webkit-transition: margin-bottom 1s ease-in;
    transition: margin-bottom 1s ease-in;
}


    /***** Use affix class to fix appropriately as user scrolls*/
    #agent-search-fixed.affix {
        bottom: 0px;
        z-index: 22;
        margin-bottom: -12px;
        position: fixed;
        visibility: visible;
    }

@media (min-width: 1300px) {
    #agent-search-fixed {
        left: 420px;
        right: 420px;
    }
}

@media (max-width: 1300px) {
    #agent-search-fixed {
        left: 120px;
        right: 120px;
    }
}

@media (max-width: 768px) {
    #agent-search-fixed {
        left: 10px;
        right: 10px;
    }
}


/*****Offscreen when screen is at top*/
#agent-search-fixed.affix-top {
    margin-bottom: -300px;
}

/***Hide at bottom to ensure content is not covered*/
#agent-search-fixed.affix-bottom {
    visibility: hidden
}

/***styles for fixed search***/
#agent-search-fixed h2, #agent-search-fixed h3 {
    color: #fff;
}

#agent-search-fixed .btn-primary {
    margin-top: 0px
}


/*********************/

.rounded {
    border-radius: 20px 20px 20px 0;
}

.ablue {
    color: #45aed6;
}


.btn {
    border-width: 0;
    border-bottom-width: 0px;
    border-radius: 3px;
    border: 0px !Important;
    /**Jeff B - Removing this - was causing buttons on most client portal pages (like call detail) to be un-readable**/
    /**color:#45aed6;**/
}


.btn-primary:hover {
    background: #2a95be;
}



.btn-primary {
    background-color: #588ad5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
    color: #ffffff;
}

.btn-find-advisor {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
    color: #ffffff;
    background-color: #5a95f5;
}

.btn-special {
    background: transparent;
    border-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
    padding: 0px !Important;
    color: #588ad5;
}

.btn.btn-special:hover,
.btn.btn-special:focus {
    background: transparent !Important;
    border-color: transparent !Important;
    ;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
    padding: 0px !Important;
    color: #16789e
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.logo-header {
    background-color: #ffffff;
    min-height: 70px;
    padding-top: 0px;
    width: 100%;
}

#social {
    padding-top: 25px;
    text-align: right;
}

    #social a {
        color: #124e86
    }

        #social a:hover {
            color: #308ee5
        }

#login-info {
    color: #cccccc
}

    #login-info .fa-stack {
        color: #45aed6;
        -webkit-transition: color 400ms, background-color 400ms;
        -moz-transition: color 400ms, background-color 400ms;
        -o-transition: color 400ms, background-color 400ms;
        transition: color 400ms, background-color 400ms;
        outline: 0 !Important;
    }

.list-unstyled {
    list-style: outside none none;
    padding-left: 0;
}

.infobox-box-v1 {
    margin: 0;
}

    .infobox-box-v1 [class^="col-"] {
        overflow: hidden;
        padding: 0;
    }

    .infobox-box-v1 li {
        background: #333 none repeat scroll 0 0;
        position: relative;
    }

        .infobox-box-v1 li::after {
            content: " ";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .infobox-box-v1 li:hover::after {
            background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        }

        .infobox-box-v1 li::after, .infobox-box-v1 li:hover::after {
            transition: all 0.3s ease-in-out 0s;
        }

        .infobox-box-v1 li img {
            overflow: hidden;
            transition: all 0.3s ease-in-out 0s;
            width: 100%;
        }

        .infobox-box-v1 li:hover img {
            transform: scale(1.2);
        }

    .infobox-box-v1 .infobox-box-v1-in {
        font-family: "Open Sans",Arial,sans-serif;
        left: 0;
        margin-top: -100px;
        min-height: 150px;
        position: absolute;
        text-align: center;
        top: 50%;
        visibility: hidden;
        width: 100%;
        z-index: 1;
    }

    .infobox-box-v1 li:hover .infobox-box-v1-in {
        visibility: visible;
    }

    .infobox-box-v1 .infobox-box-v1-in h3 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 20px;
        position: relative;
        text-transform: uppercase;
    }

        .infobox-box-v1 .infobox-box-v1-in h3::after {
            background: #fff none repeat scroll 0 0;
            bottom: -10px;
            content: " ";
            height: 1px;
            left: 50%;
            margin-left: -20px;
            position: absolute;
            width: 40px;
        }

    .infobox-box-v1 .infobox-box-v1-in p, .infobox-box-v1 .infobox-box-v1-in h3 {
        color: #fff;
    }

    .infobox-box-v1 .infobox-box-v1-in p {
        font-size: 16px;
        margin-bottom: 0;
        padding: 10px;
    }

    .infobox-box-v1 .infobox-box-v1-in a.btn-u {
        font-weight: normal;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
}


.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%;
}

.dvLoginRememberMe [type="checkbox"]:checked, .dvLoginRememberMe [type="checkbox"]:not(:checked) {
    /* left: -9999px;
    position: absolute;
    visibility: hidden;*/
    left: 0px;
    position: relative;
    visibility: visible;
}


@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/*top menu*/

.navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #ffffff;
    box-shadow: 0 0px 0 0 #daf2fb inset
}

.navbar.navbar-nav > .active > a, .navbar .navbar-nav > .active > a:focus, .navbar.navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #3a3b3c;
    box-shadow: 0 0px 0 0 #cccccc inset
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > .open > a:hover {
    background-color: #3a3b3c;
    color: #fff;
}



.navbar {
    border-radius: 0px;
    margin-bottom: 0px
}

.navbar-brand {
    height: auto;
    margin-right: 20px;
}

.navbar-brand {
    padding: 0px;
}

    .navbar-brand img {
        /* max-height: 65px;*/
        margin-top: 25px;
        margin-bottom: 25px;
    }

.navbar.navbar-nav > li > a {
    color: #ffffff;
    font-size: 1.5rem;
}

.navbar-nav > li > a {
    padding-bottom: 40px;
    padding-top: 40px;
}

.navbar-nav {
    margin-left: 5%;
}

    .navbar-nav > li > a {
        font-weight: bold;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 0px
    }

    .navbar-nav > li {
        text-transform: uppercase
    }

        .navbar-nav > li a {
            color: #cccccc;
            font-family: "Oswald","Muli","Roboto",sans-serif;
            letter-spacing: 1px;
            font-weight: 100;
            font-size: 1.4rem;
        }

li a:hover {
    color: #1b6d8c
}

.nav > li {
    text-align: center
}

.navbar .navbar-collapse, .navbar .navbar-form {
    border-color: #e7e7e8;
}

.navbar-collapse {
    border-top: 0px
}

.navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #45aed6;
}

.dropdown {
    margin-top: 0px
}

.dropdown-menu {
    color: #3a3b3c !Important;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    border: 0 solid rgba(0, 0, 0, 0.15);
    list-style: outside none none;
    text-align: left;
}

.open .dropdown-menu {
    background-color: #ffffff !Important
}

.dropdown-menu > li > a {
    color: #323e48;
    padding: 10px 20px;
    font-weight: normal;
    font-family: "Muli","Roboto",sans-serif;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #45aed6;
        color: #ffffff !Important;
        text-decoration: none;
    }


/*Slider*/
#main-slider, #campaign-image {
    overflow: hidden;
    height: 500px;
}

    #main-slider .item {
        height: 500px;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }




.item1 {
    background-image: url("../media/217250/full1.jpg");
}

#main-slider .slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    #main-slider .slider-inner h2 {
        margin-top: 60px;
        line-height: 1;
        color: #5e5a5a;
        line-height: 46px;
        font-style: italic;
        font-weight: bold;
    }

    #main-slider .slider-inner .logo {
        margin-bottom: 20px;
        display: block
    }


    #main-slider .slider-inner h2 > span {
        color: #000000;
    }

    #main-slider .slider-inner .btn {
        margin-top: 40px;
        text-transform: none;
    }

#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 .owl-prev:hover,
    #main-slider .owl-next:hover {
        background-color: rgba(66, 13, 7, 0.3);
    }

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

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

#main-slider .active {
    background: #f0f2f3;
    none repeat scroll 0% 0%;
    padding-top: 0px;
    border-bottom: 0px solid #45aed6;
}

.owl-dots {
    margin: 0 auto !Important; /*for centering the dots*/
    width: 140px !Important;
    padding-top: 8px;
    text-align: center;
}

.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #f0f2f3;
    background: #ffffff;
    margin-right: 5px;
    display: inline-block; /*for making them horizontal, if you want vertical then you can use- display: block*/
}

    .owl-dot.active {
        background: #cccccc;
        box-shadow: 0 0px 0 0 #45aed6 inset;
        border: 1px solid #f0f2f3;
    }

.owl-item.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: 0 solid #ffffff;
    box-shadow: 0 0px 0 0 #ffffff inset;
    padding-top: 0;
}

#image_carousel {
    background-color: #2f3f7d;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: linear-gradient(rgba(38, 56, 117, 0.5), rgba(38, 56, 117, 0.5)), url("../media/287235/ts4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
}

    #image_carousel h2 {
        margin-bottom: 20px;
        color: #ffffff;
        margin-top: 30px;
        text-align: center
    }

    #image_carousel .active {
        border-bottom: 0px solid #45aed6;
    }

    #image_carousel .owl-carousel .owl-stage-outer {
        margin-right: -5px
    }
/*.carousel_img{margin-left:-15px}*/
.viewall {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #45aed6;
}

#progressBar {
    margin-top: -4px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}





.a24-icons {
    margin-top: 80px;
    margin-bottom: 80px
}

    .a24-icons .fa {
        color: #40adf0
    }

    .a24-icons .fa {
        background: #40adf0 none repeat scroll 0 0;
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        font-size: 32px;
        height: 90px;
        line-height: 1;
        margin-bottom: 0px;
        padding-top: 29px;
        transition: all 0.3s ease-in-out 1s;
        vertical-align: middle;
        width: 90px;
    }

    .a24-icons h5 {
        font-size: 18px;
        margin-bottom: 70px
    }

#leadForm {
    padding-top: 30px !Important
}

.sidebars {
    overflow: hidden;
    text-align: center;
    color: #333333;
    margin-top: 30px;
}

    .sidebars:before,
    .sidebars:after {
        border-top: 1px solid #edf1f5;
        border-bottom: 1px solid #edf1f5;
        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%;
    }


/**Carousel: Background overlay and pattern applies all items in the carousel**/

.bg-overlay {
    /* background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;*/
}

.pattern {
    /* background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.4)*/
}


/**Carousel: Background overlay and pattern applies to named items in the carousel**/
/*.bg-overlay-banner-1 {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pattern-banner-1 {
   background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.4)
}

.bg-overlay-banner-2 {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pattern-banner-2 {
   background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.3)
}

.bg-overlay-banner-4 {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pattern-banner-4 {
   background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.3)
}

.pattern-banner-3 {
   background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0);
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.bg-overlay-banner-5 {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pattern-banner-5 {
  background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.4)
}*/


/*
@media(max-width:791px){
.bg-overlay-banner-5,.bg-overlay-banner-4, .bg-overlay-banner-3 , .bg-overlay-banner-2 {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pattern-banner-5, .pattern-banner-4, .pattern-banner-3, .pattern-banner-2  {
   background: transparent url("/media/287221/pattern1.png") repeat scroll 0 0;
	background-color:rgba(0, 0, 0, 0.4)
}}
*/



.header-supp {
    font-family: "Fjalla One","Roboto",sans-serif;
}

@media(max-width:767px) {
}

.carousel-content h2 > span {
    color: #45aed6 !Important;
    font-style: normal !Important;
    ;
}


.ablue {
    color: #588ad5
}

.header-supp {
    color: #fff;
    font-family: "Fjalla One","Roboto",sans-serif;
    font-weight: normal;
    margin-bottom: 25px;
}

#about-summary {
    padding-top: 50px;
    padding-bottom: 50px
}


/*example cards**/
.examplecards {
    padding-bottom: 20px;
    padding-top: 20px;
}

.examplecards {
    background-attachment: fixed;
    background-color: #666;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/217242/back.jpg");
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 30px;
    width: 100%;
}

.services {
    background-attachment: fixed;
    background-color: #f7f7f5;
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}


#main-content ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("../media/217221/sq.jpg");
}


.rssfeed img {
    margin-bottom: 10px
}

.services ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("../media/217221/sq.jpg");
}


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

.services li {
    padding-left: 20px;
    margin-left: 20px;
    line-height: 24px
}

.btn .fa {
    margin-left: 10px;
}

.products {
    background-attachment: fixed;
    background-color: #666;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/287227/stars2.png");
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/287227/stars2.png");
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}



.card .card-reveal {
    padding: 20px;
    line-height: 1.5;
    background-color: #fbf5f5;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../media/226579/overaly.png");
    background-repeat: repeat;
    border: 1px solid #ffffff;
}

.card-wrapper .icon {
    border-radius: 50%;
    display: block;
    height: 102px;
    margin: -65px auto 0;
    overflow: hidden;
    width: 120px;
}

.card-title {
    color: #3e3b3b;
    font-family: "Fjalla One","Roboto",sans-serif;
    font-weight: normal;
    font-size: 20px !Important;
}

.products .card {
    min-height: 360px
}

    .products .card img {
        height: auto
    }

/*****Used nested medai to hide from IE****/
@media {
    @media {

        .products .card img {
            object-fit: cover;
            height: 260px;
        }
    }
}

.products .material-icons {
    display: none
}

.card-content {
    text-align: left
}



.special-offer {
    color: #28b939;
}

.atc {
    color: #c49922;
}

.package {
    color: #059ad2;
}

/*CTA*/
.counterIcon-left:before {
    content: '\f025';
    font-family: FontAwesome;
}

.counterIcon-center:before {
    content: '\f133';
    font-family: FontAwesome;
}

.counterIcon-right:before {
    content: '\f155';
    font-family: FontAwesome;
}

#cta {
    background-color: #eeeeee;
    padding: 50px 0;
}

    #cta h2 {
        margin-top: 0;
    }

    #cta .btn {
        margin-top: 40px;
    }

#cta2 .btn {
    margin-top: 10px;
}

#cta2 h2 {
    color: #fff;
    font-size: 40px;
    line-height: 1;
}

    #cta2 h2 > span {
        color: #45aed6;
    }

#cta2 {
    /*background: #242a33 url("../media/287235/ts4.jpg") no-repeat fixed 50% 50% / cover ;*/
    background-color: #242a33;
    background-image: linear-gradient(rgba(36, 42, 51, 0.7), rgba(36, 42, 51,0.7)), url("https://www.travelsavers.com/media/287235/ts4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px
}

.cta2_icons .fa {
    background: #40adf0 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 32px;
    height: 90px;
    line-height: 1;
    margin-bottom: 0px;
    padding-top: 29px;
    transition: all 0.3s ease-in-out 1s;
    vertical-align: middle;
    width: 90px;
}

#contact2 {
    /*background: #242a33;
    color: #fff;*/
    padding-top: 40px;
    padding-bottom: 40px
}

    #contact2 h2 {
        color: #fff;
        font-size: 40px;
        line-height: 1;
    }

        #contact2 h2 > span {
            color: #45aed6;
        }

.blue {
    color: #45aed6
}

.testimonial {
    margin-top: 80px !Important
}

.rssfeed {
    padding: 25px;
    background-color: #FFF;
    margin-top: 20px;
    margin-bottom: 20px
}

    .rssfeed li {
        list-style-type: none;
        line-height: 18px;
        margin-bottom: 4px
    }

        .rssfeed li a {
            color: #333
        }

            .rssfeed li a:hover {
                color: #44aed6
            }

ul {
    margin: 0px;
    list-style-type: none;
    list-style-image: url("../media/217221/sq.jpg");
}


li {
    line-height: 18px;
}

p.regionaltag {
    margin: 13px 15px !important;
}

    p.regionaltag a {
        font-weight: normal !important;
    }

.morenews {
    color: #cccccc;
    font-size: 18px;
    padding-bottom: 20px
}

.big {
    color: #40adf0;
    font-size: 46px;
    margin-bottom: 0px
}

.cta2_icons {
    padding-bottom: 40px
}

.intro_head {
    clear: both;
    margin-top: 80px;
    display: block;
    padding: 0px 30px;
    margin-left: 10px
}
/*hero-mainhead{ font-style:normal; font-weight:300;color: #ffffff;
    font-family: "Fjalla One","Oswald","Roboto",sans-serif;
    font-size: 42px;
    font-style: normal;
    line-height: 1.1;line-height:1.2;
display:block; margin-top:10px}

.hero-subhead{ color:#ffffff;
  line-height:1.2;
  font-weight:lighter;
  font-style:italic;
  font-size: 20px;
  font-family:"Merriweather","Muli","Roboto",sans-serif;}*/


.intro_head {
    clear: both;
    margin-top: 50px;
    display: block;
    max-width: 470px
}

    .intro_head .hero-mainhead {
        padding: .2rem 1.3rem;
        color: #fff;
        /*box-shadow: 12px 0 0 #43134d, -12px 0 0 #43134d;*/
        background-color: #2d6f8f;
        font-family: "Montserrat","Fjalla One","Oswald","Roboto",sans-serif;
        font-size: 4.5rem;
        line-height: 6.5rem;
        text-transform: uppercase;
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone;
        box-decoration-break: clone;
        font-weight: 700;
        clear: both;
        margin-right: 30px
    }



/****force a return between the two inline elements*/
.hero-mainhead:after {
    content: '\A';
    white-space: pre;
}



/*.hero-mainhead{ font-style:normal; font-weight:300;color: #ffffff;
    font-family: "Fjalla One","Oswald","Roboto",sans-serif;
    font-size: 64px;
    font-style: normal;
    line-height: 1.1;line-height:1.1;
display:block; margin-top:10px;
text-transform:uppercase}*/

.intro_head .hero-subhead {
    padding: .2rem 1.3rem;
    color: #fff;
    /*box-shadow: 10px 0 0 #682e7e, -10px 0 0 #682e7e;*/
    background-color: #39a1c1;
    font-family: "Montserrat","Fjalla One","Oswald","Roboto",sans-serif;
    font-size: 4.5rem;
    line-height: 6.5rem;
    text-transform: uppercase;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 700
}



.owl-item:nth-of-type(odd) .hero-mainhead {
    background-color: #2d6f8f;
}

.owl-item:nth-of-type(odd) .hero-subhead {
    background-color: #39a1c1;
}



.owl-item:nth-of-type(even) .hero-mainhead {
    background-color: #633b78
}

.owl-item:nth-of-type(even) .hero-subhead {
    background-color: #935ca7
}



/*
.owl-item:nth-of-type(2) .hero-mainhead{
   background-color:red
}

.owl-item:nth-of-type(2) .hero-subhead {
   background-color:red
}


.owl-item:nth-of-type(3) .hero-mainhead{
   background-color:blue
}

.owl-item:nth-of-type(3) .hero-subhead {
   background-color:blue
}

.owl-item:nth-of-type(4) .hero-mainhead{
   background-color:yellow
}

.owl-item:nth-of-type(4) .hero-subhead {
   background-color:yellow
}
*/

#main-content {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fafaf9
}

.right_content {
    padding-top: 20px
}

.left_content {
    padding-top: 20px
}

.intro_head > btn-lg {
    display: block;
    margin-top: 120px;
    clear: both
}

.rssfeed {
    width: 100%;
    background-color: white;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 0px solid #eeeeee;
}

#columns3 {
    padding-top: 20px;
    padding-bottom: 20px
}

.navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
}

.navbar-nav {
    margin-left: 0%;
}

.navbar-collapse {
    padding-left: 0px;
}

.navbar-toggle {
    margin-top: 10px;
    margin-right: 30px;
}



/**********************Content page headers*******************************************/

/*Content pages headers default 
*/
.bg-overlay2.pattern {
    /* background: transparent url("/media/269573/b2.png") repeat scroll 0 0;
    opacity: 0.1;*/
}

/*Content pages headers default background*/
.bg-overlay2 {
    /* background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;*/
}

.main-image {
    height: 250px;
    position: relative;
}


/****Header Image: all content pages : Default***/
.about-top {
    height: 250px;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("/media/243741/e.jpg");
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("/media/243741/e.jpg");
    background-position: left top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

/****Header Image : all content pages : per name page/class ***/
.banner-image-content {
    font-weight: 100;
    color: #cccccc;
    font-family: "Roboto","Fjalla One","Oswald",sans-serif;
    font-size: 40px;
    font-style: normal;
    line-height: 1.2;
    display: block;
    margin-top: 0px;
    letter-spacing: 1px;
}

.header-About-TRAVELSAVERS {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../media/287220/ts2.jpg");
    background-position: left top;
    background-size: 100% auto;
}

.header-Select-offers-for-Banyan-School-Friends-and-Family {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("http://www.travelsavers.com/library/2019/04-banyan/kids.jpg");
    background-position: center -220px !Important;
    background-size: 100% auto;
}

/****Article Example***/

.header-Welcome-to-Miami {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("http://services.travelsavers.com/AMGService.svc/REST/GetImage?ImageID=86bc5b88-6cf5-e711-80eb-782bcb667b27");
    background-position: center bottom;
    background-size: 100% auto;
}

.header-Inspiration {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/inspire.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

.header-Find-An-Advisor {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/map1.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}


.bd_Agency .about-top {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/map1.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}


.header-Agency-Profile {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/map1.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

.header-Join-TRAVELSAVERS {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/travel-6.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

/**Article page***/
.bd_ArticlePreview .main-image .header- {
    background-image: linear-gradient(rgba(8, 29, 89, 0.92), rgba(26, 84, 149, 0.92)), url("/media/243741/e.jpg")
}

/* .bd_ArticlePreview  .article-container{margin-top: -250px;}
.bd_ArticlePreview  .article-container h1{color:#ffffff} TS-120 */

.bd_ArticlePreview .inspiration-menu {
    margin-top: 190px
}

/*****Powerful Partnerships*/
.header-Powerful-Partnerships {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../media/302421/team.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

/*****Why TS*/
.header-Why-TRAVELSAVERS- {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/travel-5.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}



/*****Marketing***/
.header-Award-Winning-Marketing {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../media/302391/marketing1.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

/*****Corporate***/
.header-Corporate-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../media/302385/corporate.jpg");
    background-position: 0% 40%;
    background-size: 100% auto;
}

/*****Luxury***/
.header-Luxury-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../media/302386/luxury.jpg");
    background-position: 0% 40%;
    background-size: 100% auto;
}

/*****Leisure***/
.header-Leisure-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../media/287220/ts2.jpg");
    background-position: 50% 40%;
    background-size: 100% auto;
}

/***Leisure-Agencies*/
.header-Leisure-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../media/302420/leisure.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}

/***What we Offer**/
.header-What-We-Offer {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../media/287220/ts2.jpg");
    background-position: 50% 40%;
    background-size: 100% auto;
}
/***What we Offer**/
.header-Training-Opportunities {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url("../media/302405/training.jpg");
    background-position: 50% 40%;
    background-size: 100% auto;
}




/*****Technology***/
.header-Technology {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("../media/302400/tech2.jpg");
    background-position: center top !Important;
    background-size: 100% auto;
}


.header-Overview {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../media/243664/about.jpg");
    background-position: left top;
    background-size: 100% auto;
}



.header-Account-Management-and-Customer-Service {
    background-image: url(../media/242208/bck4.jpg);
}

.header-Overview-and-History, .header-Meet-The-Team, .header-Contact-Us, .header-Careers, .header-FAQs {
    background-image: url(../media/243664/about.jpg) !Important;
    background-position: left bottom !important;
    background-size: 100% auto;
    background-attachment: scroll
}

.header-Why-Use-agent24 {
    background-image: url(../media/257815/b-fade-v2.jpg) !Important;
    background-position: right top !Important;
    background-attachment: fixed;
    background-size: 100%
}

.header-Our-Technology {
    /*background-image:url(../media/243665/a24desk.jpg)!Important;
	background-image:url(../media/269601/tech2.jpg)!Important;
	background-image:url(../media/269610/tech2.jpg)!Important;
	background-image:url(../media/269611/overhead.jpg)!Important;
	background-image:url(../media/269616/overhead-v3.jpg)!Important;*/
    background-image: url(../media/269617/overhead-v4.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}



.header-Our-Products-and-Services,
.header-Account-Management-and-Customer-Service,
.header-Online-Booking-Tool-Support,
.header-Trip-Disruption-Services,
.header-Flexible-Contact-Solutions {
    background-image: url(../media/243745/i.jpg) !Important;
    background-position: right top !Important;
    background-size: 100% auto;
    background-attachment: fixed
}


.header-Queue-Monitoring {
    background-image: url(../media/243756/r.jpg) !Important;
    background-position: right top !Important;
    background-size: 100% auto;
    background-attachment: fixed
}



.header-Online-Booking-Tool-Support {
    background-image: url(../media/243755/p.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-After-hours-Services {
    background-image: url(../media/243740/d.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Dedicated-Agent-Teams {
    background-image: url(../media/243754/o.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}


.header-VIP-and-Elite-Services {
    background-image: url(../media/243748/l.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Trip-Disruption-Services {
    background-image: url(../media/243742/f.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Global-Hotel-Program {
    background-image: url(../media/243757/q.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}



.header-Virtual-Temp-Services {
    background-image: url(../media/243744/h.jpg) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}


.rssfeed {
    margin-top: 20px
}


.left_content {
    padding-right: 30px;
    padding-left: 30px;
}
/***Logos*/
#image_carousel > .container-fluid {
    width: 95%
}

/* {
    border-left: 8px solid #40adf0;
    margin: 0 0 20px;
    padding: 20px 20px;
	background-color:#FFF;
	quotes: "\201C" "\201D" "\2018" "\2019"
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
 font-family:Georgia, "Times New Roman", Times, serif;
}
blockquote:after {
  visibility: hidden;
  color: #111;
  content: close-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans|Ubuntu:300,400,700);

blockquote {
    display: block;
    border-width: 2px 0;
    border-style: solid;
    border-color: #eee;
    padding: 20px;
    margin: 1.5em 0;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0) !Important;
    overflow: visible !Important;
    background-color: transparent !Important;
    padding-top: 40px;
    font-size: 2.3rem;
    margin-top: 20px;
    color: #5e5e5e
}

    blockquote:before {
        content: '\201C';
        position: absolute;
        top: -50px;
        left: 50%;
        background-color: #fafaf9 !Important;
        width: 7rem;
        height: 6rem;
        font-size: 11rem;
        background-color: #ffffff;
        color: #0c4071;
        text-align: center;
        font-family: Georgia;
    }

    blockquote:after {
        content: "\2013 \2003" attr(cite);
        display: block;
        text-align: right;
        font-size: 0.875em;
        color: #e74c3c;
    }

.testimonial {
    max-width: 900px;
    margin: 40px auto;
    font-size: 1.8rem;
    line-height: 1.42857143;
}

.testimonial-author {
    display: block;
    font-weight: bold;
    color: #0c4071;
    margin-top: 10px
}

.testimonial-title {
    font-style: italic;
    margin-top: 0px
}

@media(max-width:767px) {
    .navbar-brand {
        text-align: center !Important;
        padding-bottom: 10px;
        width: 100% !Important;
        position: relative
    }

        .navbar-brand img {
            margin: 10px auto;
        }

    #social {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center
    }
}





/* Extra Small */
@media(max-width:767px) {
    #agent-search2 {
        margin-top: 10px;
        margin-left: 50px;
        margin-right: 50px;
    }


    .navbar-nav > li {
        border-bottom: 1px solid #f3f7fb !important;
		
    }

    .intro_head {
        !Important;
        width: 80% !Important;
        line-height: 36px;
        margin-left: 20px;
        margin-bottom: 10px;
        line-height: 1.2;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px !Important;
        text-align: center;
        border: 0px dashed #ffffff;
        padding: 20px
    }

        .intro_head .hero-mainhead {
            font-size: 3.5rem;
            line-height: 5.3rem;
            margin-right: 0px
        }

        .intro_head .hero-subhead {
            font-size: 3.5rem;
            line-height: 5.3rem;
        }

    .active {
        background: #ffffff none repeat scroll 0% 0%;
        padding-top: 0px;
        border-bottom: 7px solid #45aed6;
    }

    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
        background-color: #e5e5e0;
        color: #fff;
    }

    .intro_head > span {
        font-size: 32px;
        line-height: 1.2;
        color: #ffffff !Important;
        text-align: center;
    }
}

@media(max-width:467px) {
    .intro_head .hero-mainhead {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-right: 0px
    }

    .intro_head .hero-subhead {
        font-size: 3rem;
        line-height: 4.6rem;
    }
}


@media(max-width:991px) {
    .open .dropdown-menu > li > a {
        padding: 10px 20px !Important;
        text-align: center;
    }

        .open .dropdown-menu > li > a:hover {
            color: #000000
        }

    .about-top {
        background-attachment: scroll;
        background-size: cover
    }
}



/* Small */
@media(min-width:768px) and (max-width:991px) {
    .navbar-brand > img {
        max-height: 60px;
    }

    .left_content {
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-nav > li > a {
        font-size: 13px;
        font-weight: normal;
        padding-left: 6px;
        padding-right: 6px
    }

    .navbar-nav > li {
        border-right: 0px solid #0b4071 !important;
    }

        .navbar-nav > li:last-child {
            border-right: medium none !important;
        }
}




/* Medium */
@media(min-width:992px) and (max-width:1199px) {
    .navbar-nav > li > a {
        font-size: 15px;
        font-weight: normal;
        padding-left: 12px;
        padding-right: 12px
    }
}



/* Large */
@media(min-width:1200px) {
    .navbar-nav > li > a {
        font-weight: normal;
        padding-left: 18px;
        padding-right: 18px letter-spacing:1px
    }
}

@media(max-width: 769px) {
    .navbar-nav > li:hover {
        background: rgba(0, 0, 0, .4) none repeat scroll 0 0;
    }
}

/***** Add underline on nav item hover to larger screens*/
@media(min-width: 769px) {
    .navbar-nav > li:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-top: 0 solid #ba9f66;
        box-shadow: 0 -4px 0 0 #ba9f66 inset;
        padding-top: 0;
    }
}

/***** Dropdown on mouseoveris for larger screens only****/
@media (min-width: 769px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

@media(min-width:992px) {
    .rssfeed {
        width: 300px;
        background-color: white;
        border: 1px solid #eeeeee;
        font-size: 14px
    }

    .right_content {
        background-color: #F7F7F7
    }

    .navbar-nav > li > a {
        padding-bottom: 12px;
        padding-top: 12px;
        letter-spacing: 2px;
    }

    .navbar-nav > li.active > a {
        padding-bottom: 12px;
        padding-top: 12px;
    }


    .left_content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .intro_head {
        padding: 0px 0px;
    }

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

        .navbar-brand > img {
            /* max-height:70px;*/
            margin-bottom: 20px;
        }
}


.navbar .navbar-toggle {
    border-color: transparent;
    color: #2a2a2b;
}

.navbar-toggle {
    margin-right: 30px;
    margin-top: 10px;
}

.navbar-toggle {
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.navbar .navbar-toggle .icon-bar {
     background-color: #bca27b !Important
}

.navbar .navbar-toggle:focus {
    background-color: transparent;
    color: #ffffff;
}

.navbar .navbar-toggle:hover {
    color: #40adf0;
}

.navbar-toggle .icon-bar {
    border-radius: 0;
    display: block;
    height: 5px;
    width: 32px;
}

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


@media(max-width:668px) {
    .fcontent {
        margin-bottom: 30px;
        border-bottom: 0px solid #e7e7e8;
        text-align: center
    }
}

/* ADDED FROM CUSTOM.CSS  */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size: 17px;
    background-color: #9ccc6b;
    border-bottom-width: 1px;
}

    #custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(248, 248, 248, 0);
    }

        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
            color: rgba(51, 51, 51, 1);
            background-color: rgba(248, 248, 248, 0);
        }

    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
        color: rgba(3, 3, 0, 1);
        background-color: rgba(255, 255, 255, 1);
    }

    #custom-bootstrap-menu.navbar-default .navbar-toggle {
        border-color: #ffffff;
    }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
            background-color: #ffffff;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #0a0101;
        }

#main-slider {
    overflow: hidden;
    height: 500px;
}

    #main-slider .item {
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
        /*background-attachment:fixed;*/
    }

@media (max-width: 992px) {
    #main-slider {
        height: 530px;
    }

        #main-slider .item {
            height: 500px;
        }

    .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {
        box-shadow: 0 0px 0 0 #cccccc inset !Important
    }
}


@media (max-width: 979px) {
    #main-slider {
        height: 400px;
    }

        #main-slider .item {
            height: 400px;
        }

    .intro_head {
        margin: 30px auto 0;
        margin-top:
    }

    #main-slider .slider-inner {
        color: #fff;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

        #main-slider .slider-inner h2 {
            color: #fff;
            font-size: 36px;
            line-height: 1;
            margin-top: 70px;
            text-transform: uppercase;
        }

        #main-slider .slider-inner .logo {
            display: block;
            margin-bottom: 20px;
        }

        #main-slider .slider-inner h2 > span {
            color: #45aed6;
        }

        #main-slider .slider-inner .btn {
            margin-top: 20px;
        }

    #main-slider .owl-prev, #main-slider .owl-next {
        background-color: rgba(250, 250, 250, 0.2);
        border-radius: 100px;
        color: #ccc;
        display: inline-block;
        font-size: 30px;
        height: 70px;
        line-height: 70px;
        margin-top: -50px;
        position: absolute;
        text-align: center;
        top: 50%;
        transition: background-color 400ms ease 0s;
        width: 70px;
        z-index: 5;
    }



        #main-slider .owl-prev:hover, #main-slider .owl-next:hover {
            background-color: rgba(69, 174, 214, .3);
            color: #ffffff;
        }

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

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



#bar {
    background: #45aed6 none repeat scroll 0 0;
    height: 4px;
    max-width: 100%;
    width: 0;
}

#progressBar {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    margin-top: -4px;
    position: relative;
    width: 100%;
    z-index: 999;
}

#cta {
    background-color: #eeeeee;
    padding: 50px 0;
}

    #cta h2 {
        margin-top: 0;
    }

    #cta .btn {
        margin-top: 40px;
    }

#cta2 {
    /*background: #3b5571 url("../media/217244/cta2-bg.jpg") no-repeat fixed 50% 50% / cover ;*/
    color: #fff;
    padding-top: 70px;
    display: none !important;
}

    #cta2 .btn {
        margin-top: 10px;
    }

    #cta2 h2 {
        color: #fff;
        font-size: 44px;
        line-height: 1;
    }

        #cta2 h2 > span {
            color: #45aed6;
        }

/**********************Site changes August 2018***************/
/***Hide sections not needed in consumer site****/
.products {
    display: none !Important;
    visibility: hidden
}

#image_carousel {
    display: none;
    visibility: hidden
}

#agent-search-fixed {
    display: none;
    visibility: hidden
}

#about-summary {
    display: none;
    visibility: hidden
}

.services {
    display: none;
    visibility: hidden
}

#main-content { /* min-height:600px; */
}


.card-expertise {
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.1), 0 2px 10px 0 rgba(45, 42, 42, 0.1);
    margin-top: 20px
}

    .card-expertise h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.5rem;
        letter-spacing: 1px;
        font-family: 'Cabin';
        margin-top: 0px
    }

.find-advisor {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.1), 0 2px 10px 0 rgba(45, 42, 42, 0.1)
}

    .find-advisor h3 {
        margin-top: 0px;
        color: #3f4f71;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.3rem;
        letter-spacing: 1px;
    }

    .find-advisor .fa-search {
        margin-right: 4px
    }

.ts-card {
    padding: 20px;
    padding-top: 20px;
    padding-top: 30px;
    min-height: 380px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 10px 0 rgba(0,0,0,.05);
}

/***Form Styling***/


.form-layout {
    margin-top: -220px;
    background-color: #FFF;
    padding: 30px;
}


    .form-layout .sidebars:before,
    .form-layout .sidebars:after {
        border-top: 2px solid #2465a1;
        border-bottom: 0px solid #2465a1;
        width: 35%
    }

    .form-layout .sidebars {
        color: #0c4071 !Important;
        margin-bottom: 50px !Important;
        margin-top: 10px;
    }

.lighthead {
    color: #efeff4;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-bottom: 20px;
}


.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%;
}


.umbraco-forms-field-wrapper input {
    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 label {
    font-size: 1.6rem !Important;
    font-weight: bold !Important;
    margin-bottom: 6px !Important;
    margin-top: 10px !Important;
}

.question {
    padding-bottom: 1.8rem;
    display: block
}

    .question h4 {
        font-weight: bold !Important;
        font-size: 1.6rem !Important
    }

/***Style the checkboxes***/

input[type=checkbox] + label:before {
    transition: all 0.25s;
}

input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

.form-layout label {
    font-weight: normal;
    margin-right: 30px;
}
/***Hide the native checkbox***/
.form-layout input[type=checkbox] {
    display: none
}

    /* Style for unchecked icon */
    .form-layout input[type=checkbox] + label:before {
        content: "\f096";
        font-size: 21px;
        color: #CECECE;
        cursor: pointer;
        max-width: 26px;
    }

    .form-layout input[type=checkbox]:hover {
        cursor: pointer
    }

.form-layout label {
    font-weight: normal
}

label::before {
    vertical-align: middle
}

.question h4 {
    font-weight: bold;
    margin-bottom: 6px
}

/* space between checkbox and label */
.form-layout input[type=checkbox] + label:before {
    letter-spacing: 10px;
}

/* checked icon */
.form-layout input[type=checkbox]:checked + label:before {
    content: "\f14a";
    font-size: 21px;
    color: #4677bf;
    max-width: 26px
}

/* allow space for check mark */
.form-layout input[type=checkbox]:checked + label:before {
    letter-spacing: 10px;
}

.btn-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.05)
}

/**pinterest layout for Inspiration page*/

/**,
*:before,
*:after {
	box-sizing: border-box;
}*/

.pinterest-layout {
    margin-top: -30px;
}

    .pinterest-layout .row {
        margin-left: 15px;
        margin-right: 15px;
    }

    /******Thi sis is what simulates the pinterest column layout***/
    .pinterest-layout .row {
        /* column width */
        -moz-column-width: 19em;
        -webkit-column-width: 19em;
        column-width: 19em;
        /* space between columns */
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
    }

    .pinterest-layout .item {
        display: inline-block;
        width: 100%;
    }
    /********************************/
    .pinterest-layout .panel-heading {
        padding: 0px
    }


        .pinterest-layout .panel-heading img {
            border-radius: 20px 20px 0px 0px
        }

    .pinterest-layout .panel {
        border-radius: 20px;
        background-color: #ffffff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 2px 10px 0 rgba(0,0,0,.05);
        min-height: 500px;
    }

    .pinterest-layout .visual {
        min-height: unset !important;
    }

    .pinterest-layout .panel-body {
        padding: 25px;
        padding-top: 0px
    }

    .pinterest-layout img {
        border-radius: 20px
    }

.hoverable:hover {
    cursor: pointer
}

.pinterest-layout .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(176, 221, 248, 0.9);
    text-align: center;
    padding: 1.2rem;
    padding-top: 3rem;
    background-image: url("none.png");
    border-radius: 20px
}

.pinterest-layout .fa-stack {
    margin-top: 2rem
}

.icon-view:hover .fa-circle {
    color: #18b371
}

.icon-find:hover .fa-circle {
    color: #6394ef
}

.icon-trip:hover .fa-circle {
    color: #ce4d47
}

.icon-share:hover .fa-circle {
    color: #ef9d63
}

.pinterest-layout .fa-stack:hover {
    color: #46b5f9
}

.pinterest-layout .panel:hover .overlay {
    opacity: 1;
}

.pinterest-layout .overlay a {
    color: #000000
}

    .pinterest-layout .overlay a:hover {
        color: #ffffff
    }

.pinterest-layout .panel {
    position: relative
}

.pinterest-layout .text {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.force-full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.bottom-right {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.pinterest-layout .fa-ellipsis-h {
    color: #F2F2F2
}

/*.bd_Inspiration #main-content > .container
{padding-right:30px;
padding-left:30px;
margin-right:auto;
margin-left:auto;
width:100%
}*/
/*.bd_Inspiration #main-content .col-md-12 >h1{color:#ffffff}*/
.bd_Find #main-content .col-md-12 > h1 {
    color: #ffffff
}

.bd_Agency-Profile #main-content .col-md-12 > h1 {
    color: #ffffff
}

/*.pinterest-article span img{ display: block;max-width: 100%;height: auto;margin:10px; }
.pinterest-article img:first-child{ display: block;max-width: 100%;height: auto;margin-bottom:30px}*/

.pinterest-article span[style] {
    font-size: 1.6rem !Important;
    line-height: 2.8rem !Important;
    ;
    font-family: 'Open Sans', 'Muli','Roboto', sans-serif !Important;
}

.pinterest-article p[style] {
    margin: 0 0 10px !Important;
}

.article-container h1 {
    max-width: 750px
}

.pinterest-article img {
    display: none
}

.pinterest-article-main-img {
    display: block !Important;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px !Important
}

.homepagevideoframe {
    width: 600px;
    height: 500px;
}
/**End Pinterest type layout*/
/***Inspiration Article***/
.inspiration-menu {
    margin-top: -25px;
    margin-left: 25px
}

    .inspiration-menu h3 {
        text-transform: uppercase
    }

/***Find an Agent****/
.card-agent {
    min-height: 260px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.01), 0 2px 10px 0 rgba(0,0,0,.09);
    line-height: 26px;
}

    .card-agent.hoverable:hover {
        cursor: pointer
    }

.agency-search .sidebars {
    margin-bottom: 10px;
    margin-top: 10px;
}

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

.agency-search label {
    font-weight: normal;
    margin-right: 30px;
}

.agencyInfo .findanagentresulttext {
    font-weight: bold;
    line-height: 1.3;
    font-size: 18px;
}

.search-results {
    margin-bottom: 30px;
}

.agency-search .sidebars::before, .agency-search .sidebars::after {
    border-top: 2px solid #2465a1;
    border-bottom: 0px solid #2465a1;
}

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

.bd_Agency-Profile #main-content h1 {
    display: none
}

.bd_Agency-Profile label {
    font-weight: bold
}

.bd_Agency label {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px
}

.bd_Agency-Profile .form-layout {
    margin-top: -230px
}

.be-inspired {
    margin-top: 50px
}

    .be-inspired:hover {
        filter: hue-rotate(20deg);
        -webkit-filter: hue-rotate(20deg);
    }


.article-link {
    border-bottom: 1px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%
}

.ctas {
    padding-top: 30px
}

.btn-ts {
    display: block;
    font-size: 1.5rem;
    margin-top: 10px !Important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
}

    .btn-ts .fa {
        margin-right: 10px;
    }

.agency-search .btn-find-advisor {
    margin-top: 0px
}

.services {
    display: none !Important;
    visibility: hidden !Important
}

@media (max-width:1268px) {
    #social {
        text-align: center;
        margin-bottom: 20px
    }

    .logo {
        text-align: center
    }

    .navbar-brand img { /*display:inline-block;*/
        margin-bottom: 0px
    }

    .navbar-brand {
        float: none;
        margin-right: 0px
    }
}

.home-hlights {
    padding: 20px
}

#contact2 .contact {
    font-size: 14px
}

#contact2 .fa {
    margin-right: 8px !Important;
}


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

    .row.display-flex .col-md-4 {
        margin-bottom: 20px
    }
    /*.row.display-flex .card .card-content{padding-bottom:0px}*/

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

.card ul {
    padding: 0px !Important
}

.card li {
    padding-left: 10px !Important
}


.panel-heading iframe {
    border-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel-body h4 {
    color: #333;
    margin-top: 0px
}

.panel-video {
    background-color: #eaeeec
}

.selectanagent {
    color: #4677bf;
    text-decoration: underline;
    padding-top: 10px;
    padding-bottom: 10px
}

    .selectanagent:hover {
        color: #cccccc
    }


/*****IE specific CSS to style headlines differently on IE as  box-decoration-break: clone; does not work in IE**/

/*IE6,7,9,10*/
@media screen\0 {
    .intro_head .hero-mainhead {
        display: block;
        text-align: center;
        margin-bottom: 0px;
        margin-right: 0px;
        font-weight: 700
    }

    .intro_head .hero-subhead {
        display: block;
        text-align: center;
        line-height: 4.8rem;
        font-weight: 700
    }
}

/*IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    @import url(https://fonts.googleapis.com/css?family=Montserrat:700);

    .intro_head .hero-mainhead {
        display: block;
        text-align: center;
        margin-bottom: 0px;
        margin-right: 0px;
        font-weight: 700;
        font-size: 4.1rem;
        line-height: 5rem
    }

    .intro_head .hero-subhead {
        display: block;
        text-align: center;
        line-height: 4.8rem;
        font-weight: 700;
        padding-bottom: 30px;
        padding-top: 30px;
        font-size: 4.1rem;
        line-height: 5rem
    }


    .owl-item:nth-of-type(odd) .hero-mainhead {
        background-color: rgba(45, 111, 143, 0.83);
    }

    .owl-item:nth-of-type(odd) .hero-subhead {
        background-color: rgba(57, 161, 193, 0.83);
    }



    .owl-item:nth-of-type(even) .hero-mainhead {
        background-color: rgba(99, 59, 120, 0.83);
    }

    .owl-item:nth-of-type(even) .hero-subhead {
        background-color: rgba(147, 92, 167, 0.83)
    }
}


/***Banyan offers*/
.bd_BanyanSchool #main-content .container .row .col-md-12 h1 {
    display: none;
}

.bd_BanyanSchool #main-content .container-fluid .row .col-md-12 h1 {
    display: none;
}

.bd_BanyanSchool .card .card-content p {
    margin: 0 0 10px;
    color: inherit;
}

.bd_BanyanSchool .btn-primary {
    margin-top: 20px
}

.bd_BanyanSchool .replacement-hd {
    color: #0c4071;
    font-size: 36px
}

.bd_BanyanSchool .card-content {
    padding-bottom: 70px
}

.offer-logo {
    max-width: 170px;
    width: 170px;
    margin: 10px auto;
    margin-top: 10px;
    max-height: 120px;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 40px;
}

.offer-footer {
    background-color: #405e86;
    padding-bottom: 20px;
    padding-top: 25px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    padding-bottom: 30px
}

    .offer-footer .btn-primary {
        color: #588ad5;
        background-color: #ffffff;
        font-size: 18px;
        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

        .offer-footer .btn-primary:hover {
            color: #ffffff;
            background-color: #588ad5;
        }

    .offer-footer .btn .fa {
        margin-right: 15px !Important
    }

    .offer-footer h2 {
        color: #ffffff;
    }

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

.bd_BanyanSchool .offer-footer {
    margin-left: -15px;
    margin-right: -15px
}

.bd_BanyanSchool #main-content > .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.header-The-Path-Leads-Forward {
    background-image: url(/media/307066/path-forward-hero.jpg);
}

.special-message {
    background: #ebebeb;
    padding: 30px;
    padding-top: 15px;
}

.counter, .counter-off {
    font-family: 'Fjalla One','Roboto Condensed','Roboto','Cabin', 'Muli','Merriweather', sans-serif;
    font-weight: bold
}

.circle-icon {
    width: 55px;
    height: 55px;
    background: #296db6;
    color: #ffffff;
    margin: 0 auto;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border-width: 3px;
    border-color: #383951;
    font-size: 18px;
    border-color: #383951 !important;
    border: solid;
}

.bd_Careers #main-content .container {
    max-width: 960px
}

.bd_Careers .main-image {
    height: 400px
}

.bd_Careers .banner-image-content {
    color: #ffffff; /*text-shadow: 1px 1px 11px #514a59;*/
}

.bd_Careers .header-Careers {
    height: 400px;
    background-image: linear-gradient(90deg, rgba(0,7,36,0.4) 0%, rgba(93,93,106,0) 77%),url(../media/317915/careers-hd-1.jpg) !Important;
    background-attachment: fixed;
    background-position: right top !important;
}

@media (min-width: 992px) {
    .bd_Careers .col-md-2 {
        width: 20% !important;
    }
}

.btn-careers {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.04), 0 2px 10px 0 rgba(0,0,0,.04);
    margin-bottom: 20px;
    border-width: thin;
    border: 1px !important;
    border-style: solid !important;
    padding: 10px;
    border-color: #a7bad1 !important;
    background-color: #ffffff;
    color: #204f88;
}


/*********************************************************** New CSS - Digital Campaigns*******************/

/*****Current Campaigns Page***/
/**Offers page hero~***/
.bd_Campaign .hero-mainhead {
    display: none
}

.bd_Campaign .hero-subhead {
    display: none
}

.bd_Campaign .img-banner-overlay {
    visibility: visible !important
}

.recent-campaigns {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px
}

    .recent-campaigns .col-md-3 {
        padding-right: 7px;
        padding-left: 7px
    }

    .recent-campaigns .campaign-banner {
        margin-bottom: 4px
    }

.campaign-banner:hover {
    transform: scale(1.04);
    transition: all 0.5s;
}

.card {
    border-radius: 7px
}

/********************Individual Campaign Page**********/

/*****************Offers page hero************************/
. bd_Campaign .img-banner-overlay {
    visibility: visible
}

/****Banner image header ***/
.header-Virgin {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url(https://www.travelsavers.com/library/2023/12261-vv/hero-acrobats.jpg);
    background-position: center bottom;
    background-size: 100% auto;
}

.header-Americas {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url(../home_files/banner-macaw.jpg);
    background-position: right bottom;
    background-size: 100% auto;
    height: 300px
}


.banner-image-content {
    margin-top: 10px;
    height: 100px !important;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: 0px;
    max-width: 80vmin;
    margin-left: 30px;
    z-index: 101;
}

.banner_image_head {
    text-shadow: 0px 0px 0px black !important;
    text-transform: none !important;
    font-size: 44px !important;
    color: #fff;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 2.25rem;
    margin-top: 0px;
}





/**************Offer Panels************************/
/*.display-offer .panel-body{min-height:470px;margin-bottom:30px}*/


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

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

.display-offer h2 {
    padding-top: 20px;
    color: #262831;
    font-weight: 400;
    line-height: 2.7rem;
}

.panel-body {
    padding: 30px;
}

.display-offer .offer-logo {
    max-width: 170px;
    /*width:170px;*/
    margin: 5px auto;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 20px;
}

.display-offer .panel-body {
    padding-top: 0px;
    padding-bottom: 190px;
}

.display-offer h2 {
    padding-top: 20px;
    color: #262831;
    font-weight: 400;
    line-height: 2.7rem;
    font-size: 2.4rem;
    font-weight: bold
}


@media (max-width: 768px) {
    .display-offer .panel-body {
        min-height: auto;
        margin-bottom: 30px;
    }
}

.display-offer {
    margin-bottom: 20px
}

    .display-offer .btn-primary, .featured-offer a, .display-offer a, .agent-btn, .btn-offer {
        border-width: 1px;
        font-size: 12px;
        letter-spacing: 1px;
        padding: 5px 10px;
        border-style: solid;
        border-color: #254c6d !important;
        transition: 0.1s background-color linear, 0.1s color linear;
        display: inline-block;
        margin-top: 14px;
        color: #254c6d !important;
        background: transparent;
        font-weight: 500;
        text-transform: uppercase;
    }

.agent-btn {
    border-color: #d5d7df !important
}

.specialists {
    background-color: #414457;
    padding-top: 40px;
    padding-bottom: 40px
}

    .specialists h1 {
        color: #ffffff;
        text-align: center
    }

.agent-btn {
    margin-right: 15px; /* width:120px;*/
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px
}

    .display-offer a:hover, .agent-btn:hover, .btn-offer:hover {
        border-width: 1px;
        background: #262831 !important;
        color: #ffffff !important;
    }

#offers .container {
    padding-bottom: 40px
}

.offer-logo {
    max-width: 250px;
    max-height: 70px;
    margin-top: 40px;
    margin-bottom: 50px;
    width: auto;
}

/* Styles for offer image 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;
}


/****Remove padding at bottom of main-content for this page**/
.bd_Campaign #main-content {
    padding-bottom: 0px
}


/*** Campaign Offers page footer section ***/
/******Footer banner image for the bottom of all campaign pages. should show footer image specific to campaign***/
#Campaign-footer-image {
    background-color: #f0f3f9;
    display: block;
    background-attachment: fixed;
    height: 340px;
    width: 100%;
    background-position: top;
    background-size: cover;
}


/*****Why TS*/
.header-campaigns {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("./banner-campaigns.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}


/****Virgin Voyages footer image***/

.footer-campaign-virgin {
    background-image: url(https://www.travelsavers.com/library/2023/12261-vv/back-ship-1.jpg);
}

.footer-campaign-americas {
    background-image: url(https://www.travelsavers.com/library/2022/11798-americas/arch.jpg);
}

/***Campaign page footer navigation to other campaigns**/
.campaign-footer {
    width: 100%;
    background-color: #414457;
    padding-top: 0px;
    padding-bottom: 60px
}

    .campaign-footer .sidebars {
        color: #ffffff !important
    }

.recent-campaigns-nav {
    display: flex;
    flex-direction: row;
}

    .recent-campaigns-nav .campaign-nav-item {
        padding: 7px;
    }



/******Offer Detail page*****************/

.bd_Campaign .about-top {
    background-position: center top !important;
    height: 300px !important;
    background-size: cover;
    background-attachment: fixed;
}

.offer-logo-container {
    text-align: center;
    width: 100%
}

.offer-logo {
    position: relative;
    max-width: 200px;
    max-height: 100px;
    margin: 0 auto;
    margin-top: 40px
}

@media only screen and (min-width: 992px) {
    .bd_Campaign #main-content #exclusives .container .row .col-md-8 {
        margin-left: 16.66666667%;
        background-color: rgba(255, 255, 255, 0.75);
        margin-top: -230px !important;
        padding: 30px;
        padding-top: 10px;
        margin-bottom: 100px;
        box-shadow: #cccccc;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    }
}

.panel_about_content ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("https://www.travelsavers.com/media/217221/sq.jpg") !important;
}

.panel_about_content li {
    padding-left: 20px;
    margin-left: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

.interested-headline {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.interested {
    margin-top: 30px;
    border-radius: 12px;
    transition: all .2s ease-in-out;
}

    .interested:hover {
        transform: scale(1.02);
    }

.img-banner-overlay {
    margin-top: 100px
}

@media only screen and (min-width: 992px) {
    .bd_Campaign-Americas .img-banner-overlay {
        max-width: 750px;
        margin-top: 50px
    }

    .bd_Campaign_virgin .img-banner-overlay {
        max-width: 600px
    }
}

.featured-listings-section {
    padding: 30px
}

.featured-listing {
    margin-bottom: 10px;
    display: block
}

.campaign-Ad {
    margin-bottom: 30px;
    text-align: center;
}

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

    .campaign-Ad h3 {
        margin-top: 0px
    }

    .campaign-Ad img {
        margin: 0 auto;
        border-radius: 7px 7px 0px 0px; /*box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.1), 0 2px 10px 0 rgba(45, 42, 42, 0.1);*/
    }

.campaign-banner {
    border-radius: 7px 7px 0px 0px;
}

.campaign-description {
    min-height: 220px
}

.offer-logo-block {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.Monthly-Specials .card-content {
    padding-bottom: 120px
}

.potm-header, .lifestyle-header {
    background-color: #06212882;
    text-align: center;
    color: #ffffff;
    height: 45px;
    /*margin-left: 8px;
  margin-right: 8px;*/
    padding-top: 15px;
    position: relative;
    margin-top: -45px;
    padding: 8px !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: 'Muli','Cabin','Roboto','Roboto Condensed','Montserrat','Fjalla One', 'Merriweather', sans-serif;
}


/*.tempy.display-flex   [class*="col-"] {
  display: flex;
  flex-direction: column;
}*/

.Monthly-Specials { /*background-color: #3b4f6d;
  background-image: linear-gradient(#3b4f6d, rgba(59, 79, 109, 0.8)), url("https://agents.travelsavers.com/media/302539/bck1.jpg");
  background-position: center center;
  background-size: cover;
  height: auto;
  margin-top: 0px;
  width: auto;
  background-attachment: fixed;
padding-top:30px;
padding-bottom:30px;
	width: auto;*/
}

    .Monthly-Specials .sidebars {
        color: #ffffff
    }

.full-width-section {
    background-color: #3b4f6d;
    background-image: linear-gradient(#3b4f6d, rgba(59, 79, 109, 0.8)), url("https://agents.travelsavers.com/media/302539/bck1.jpg");
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0px;
    width: auto;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px;
    /*	width: auto;
	width: 100vw;
margin-left: 50%;
transform: translateX(-50%);*/
    width: auto;
    background-image: linear-gradient(#3b4f6d, rgba(59, 79, 109, 0.8)), url("https://agents.travelsavers.com/media/302539/bck1.jpg");
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px
}

/**** extend to full width on desktop**/
@media only screen and (min-width: 768px) {
    .full-width-section {
        margin-left: -500px;
        margin-right: -500px;
    }
}

@media only screen and (min-width: 992px) {
    .card-find-an-agent {
        /*padding: 0px 110px !important;*/
        padding-top: 30px !important
        /*background-image:  linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.9)), url("./home-files/agent.jpg");
	background-size: cover!important; */
    }
}




.display-offer .btn-primary {
    background-color: #ffffff !important
}



.card-meet-float {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 100px;
    min-width: 220px
}

    .card-meet-float .card-content {
        text-align: center;
        padding: 10px;
        padding-top: 0px
    }

    .card-meet-float .agent-headshot {
        border-radius: 120px;
        width: 120px;
        height: 120px;
        margin-top: 15px
    }

    .card-meet-float .agent-name {
        font-size: 22px
    }

    .card-meet-float .agent-btn {
        margin-bottom: 0px;
        width: 90px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .card-meet-float h4 {
        text-align: center;
        margin: 0px;
    }


/****Headshots***/

.agent-headshot {
    border-radius: 120px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 30px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (min-width: 768px) {
    .agent-headshot:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 2px;
        transition: all 0.3s ease-in-out 0s;
    }
}

.agent-headshot:hover {
    filter: brightness(110%);
}



.card-meet .card-content {
    text-align: center
}

.agent-name {
    margin-bottom: 0px;
    font-size: 26px;
    margin-bottom: 5px
}

.agent-location {
    font-style: italic
}

.agent-buttons {
    display: flex;
    justify-content: center;
}

.why-use-link {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

#main-content {
    overflow-x: clip;
}


/*.agent-buttons .agent-btn{padding-right:30px;padding-left:30px}*/
#offer {
    margin-top: -280px;
    max-width: 1100px
}

.offer-details {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 30px;
    padding-top: 30px;
    padding-top: 10px;
    margin-bottom: 100px;
    box-shadow: #cccccc;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    margin-top: 15px
}

.has-agent-panel {
    display: flex;
    align-items: flex-start;
}



/*****Sticky Agent***/
/** Needs to sit in a parent flex conatiner******/
.sticky-agent {
    width: 250px;
    height: auto;
    position: sticky;
    top: 0px;
    right: 20px
}



.card-meet-float {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 100px;
    min-width: 220px
}

    .card-meet-float .card-content {
        text-align: center;
        padding: 10px;
        padding-top: 0px
    }

    .card-meet-float .agent-headshot {
        border-radius: 120px;
        width: 120px;
        height: 120px;
        margin-top: 15px
    }

    .card-meet-float .agent-name {
        font-size: 22px
    }

    .card-meet-float .agent-btn {
        margin-bottom: 0px;
        width: 90px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .card-meet-float h4 {
        text-align: center;
        margin: 0px;
        color: #124e86
    }

.card-plan {
    margin-left: 10px;
    margin-bottom: 30px
}

.find-another {
    padding: 0px 20px;
    padding-bottom: 20px
}


@media only screen and (max-width: 792px) {
    .sticky-agent {
        display: none
    }

    .offer-details {
        max-width: 900px
    }
}


.all-agents.row.display-flex > [class*="col-"] {
    flex-grow: 1;
}

.card-som {
    margin-bottom: 25px;
    margin-right: 15px;
    margin-left: 15px;
}

    .card-som .card-content {
        padding-top: 20px;
        padding-left: 15px;
        padding-bottom: 30px !important
    }

.full-width-section .card-som .card-content {
    padding-bottom: 120px !important
}

.som-specials .sidebars {
    color: #ffffff
}

.som-logo {
    max-width: 170px;
    width: 170px;
    position: absolute;
    bottom: 20px
}

.call-now a {
    font-size: 18px;
    color: #ba9f66
}

    .call-now a:hover {
        font-size: 18px;
        color: #2d86d9
    }

.card-som h3 {
    margin-bottom: 0px !important;
    margin-top: 0px
}

.som-logo-home {
    width: 170px;
    margin-bottom: 5px
}

.som-image-home {
    object-fit: cover;
    height: 160px;
    width: 100%
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid white;
    margin-top: -25px;
    z-index: 99;
    position: absolute;
    left: 15px;
}

.recent-campaigns .campaign-banner {
    margin-bottom: 0px
}

.current-campaigns-headline {
    margin-top: 0px !important
}

.card-campaign .card-content {
    padding: 0px;
}

.card-campaign .btn-offer {
    margin: 0 auto;
    margin-top: 0px !important;
    display: block;
    text-align: center;
    max-width: 100%;
    border: 0px;
    padding: 15px;
    margin-top: 0px
}

.card-pom .display-offer .offer-logo {
    max-width: 100px
}

.card-pom .card-content {
    padding-bottom: 70px
}

.card-som .card-content {
    padding-bottom: 30px
}


/***** Make offers smaller - html changed from col-md-4 to col-md-3***/
.all-offers .offer-img {
    height: 160px;
}

.all-offers .check-img-ie {
    height: 160px
}

.display-offer h2 {
    font-size: 2rem !important;
    padding-top: 7px
}

.display-offer .panel-body {
    padding-bottom: 100px
}

.display-offer .offer-logo {
    max-width: 110px;
    margin-top: 0px
}


/****Agency Details Panel***/
.customsite .agency-details h3 {
    font-size: 24px;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: 0px
}

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

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

    .agency-details p {
        margin-bottom: 10px !important;
    }

.topbanner .agency-logo {
    max-width: 300px
}

#contact2-agency .agency-logo {
    max-width: 350px;
    margin-bottom: 20px
}

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

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

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


#contact2-agency {
    padding-top: 30px;
    padding-bottom: 50px
}

    #contact2-agency h2 {
        margin-bottom: 30px
    }

.customsite .campaign-footer {
    background-color: #474957;
    padding-bottom: 10px
}

.customsite .navbar-brand {
    float: left
}

html {
    scroll-behavior: smooth;
}

.talkto {
    display: block;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .card.card-som .col-sm-5 img.img-responsive {
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 768px) {
    .about-us {
        padding-right: 35px
    }
}

.talkto-all {
    color: #ffffff;
    text-align: center;
    width: 100%;
    margin-top: 20px
}

    .talkto-all a {
        text-decoration: underline;
        text-color: #ffffff
    }

.customsite .navbar-brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: 15px;
    margin-bottom: 10px
}

.customsite .topbanner .agency-logo {
    max-width: 300px;
    max-height: 120px;
}

.customsite .logo-header {
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
}

.topbanner img, .footer-agency-logo img, .campaign-offer-logo {
    max-height: 100px;
}

.accredited-img, .emptyImg {
    max-width: 80px;
}

.agent-logo {
    max-height: 200px;
}


/****Update Special Offers Carousel***/

.featured-listings-section #offersCarousel.carousel .carousel-control {
    display: none
}

.featured-listings-section .month-specials .carousel .carousel-indicators li {
    background-color: #dfe6e8
}

.featured-listings-section .month-specials .carousel .carousel-indicators .active {
    height: 20px;
    width: 20px;
    background-color: #4a68b0;
    -webkit-box-shadow: 0 0px 0 0 #588ad5 inset !important;
    -moz-box-shadow: 0 0px 0 0 #588ad5 inset !important;
    ;
    box-shadow: 0 0px 0 0 #588ad5 inset !important;
}

.premium-offer-item.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    padding-top: 0px;
    border-top: 0px solid #588ad5;
    -webkit-box-shadow: 0 0px 0 0 #588ad5 inset !important;
    -moz-box-shadow: 0 0px 0 0 #588ad5 inset !important;
    ;
    box-shadow: 0 0px 0 0 #588ad5 inset !important;
}

.featured-listings-section #offersCarousel .offerPanel {
    margin-bottom: 5px
}

.featured-listings-section #offersCarousel .premium-offer-item p {
    color: #44546d;
    text-decoration: underline
}

.featured-listings-section #offersCarousel .premium-offer-item .premiumSupplierWrap p {
    text-decoration: none;
    font-weight: bold
}

.featured-listings-section .month-specials {
    padding-bottom: 50px
}

    .featured-listings-section .month-specials .carousel-indicators {
        bottom: -60px;
    }

.monthlyPara {
    font-size: 20px
}


/**Fix Campaign offer placement**/
.bd_CampaignOffer .about-top {
    height: 300px !important
}

.bd_CampaignOffer #offer {
    position: relative;
    margin-top: -470px !important;
}

.bd_CampaignOffer .banner_image_head {
    display: none
}

/*** Agent headshot mouseover***/
@media only screen and (min-width: 768px) {
    .agent-headshot:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 2px;
        transition: all 0.3s ease-in-out 0s;
    }
}

.fa-mobile-screen {
    margin-right: 5px
}

.agent-btn {
    min-width: 150px
}


.bd_AllTravelDeals #offersCarousel .active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.card-meet-float {
    margin-left: 30px !important
}

.profileImageMain {
    max-height: 280px;
}

.profileImage {
    max-height: 200px;
}

#Campaign-footer .card-find-an-agent {
    background-color: transparent !important
}


/*** Remove extra card background**/
#all-agents-section .card-find-an-agent {
    background-color: transparent !important
}

/*** Fix card widths on mobile**/
.row.display-flex .card {
    height: 98%;
}

.row.display-flex .card-find-an-agent .card {
    height: 98%;
}

@media only screen and (max-width:990px) {
    .som-specials .row.display-flex .col-md-3 {
        width: 100%
    }

    .som-specials .offer-img {
        height: 340px
    }

    .som-specials .check-img-ie {
        height: 340px
    }
}

.card-som {
    margin-right: 0px;
    margin-left: 0px;
}

/**** Fix SOM card image display***/
.card-som {
    width: 100% !important;
}

.bd_Home .card-som .row.no-gutters div.col-sm-5 {
    padding: 0px
}

    .bd_Home .card-som .row.no-gutters div.col-sm-5 img {
        width: 100%;
        height: auto
    }

/***Agent Profile display**/

.small-profile {
    min-height: 460px;
    text-align: center;
}

    .small-profile .btn.btn-primary {
        margin-bottom: 10px;
    }

.profileImage, .profileImageMain {
    border-radius: 120px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (min-width: 768px) {
    .profileImage:hover, .profileImageMain:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 2px;
        transition: all 0.3s ease-in-out 0s;
    }
}

.full-agent-profile .agent-logo {
    margin-bottom: 30px
}

.full-agent-profile .col-md-3 {
    text-align: center
}

.head-our-team {
    margin-top: 40px !important
}

.accredited-img {
    max-width: 80px;
    display: inline-block;
    margin: 10px;
}

.bd_CampaignDetails .about-top {
    background-size: cover;
    background-position: center right !important;
}

.campaign-offer-logo {
    max-width: 250px;
    margin: 30px 0px;
}

.recent-campaigns #AgencySearchForm .find-advisor {
    box-shadow: none;
}

.snipe {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .snipe span {
        position: absolute;
        display: block;
        width: 240px;
        padding: 12px 0;
        background-color: #E8C12B;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #261f1f;
        font: bold 12px/1 'Signika', sans-serif;
        /* text-shadow: 0 1px 1px rgba(0,0,0,.2);*/
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px
    }


/* top left*/
.snipe-top-left {
    top: 0px;
    left: 0px;
}

    .snipe-top-left span {
        right: -20px;
        top: 30px;
        transform: rotate(-45deg);
    }

/* top right*/
.snipe-top-right {
    top: 0px;
    right: 0px;
}

    .snipe-top-right span {
        left: -7px;
        top: 20px;
        transform: rotate(45deg);
    }

/* bottom left*/
.snipe-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .snipe-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.snipe-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .snipe-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }



/******* background of campaign detail images to show overlay on small screens******/
@media (max-width: 1269px) {
    #campaign-image .about-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(120deg, #3f5b9b, #5381dd);
        opacity: .7;
    }

    .banner_image_head {
        filter: brightness(0) invert(1);
    }
}

@media (max-width: 700px) {
    #campaign-image .banner-image-content img[style] {
        width: 95% !important;
    }

    #campaign-image .banner-image-content img {
        margin: 0 auto !important;
    }
}


@media (max-width: 1200px) {
    #campaign-image .banner-image-content img {
        margin: 0 auto !important;
    }
}

/****Card meet alignment issue on mobile**/

@media only screen and (max-width: 792px) {
    .card-meet-float {
        margin-left: 0px !important;
        margin-top: 30px;
    }
}

/* prevent borders around images without [src] value/attribute*/
img[src=""],
img:not([src]) {
    opacity: 0;
}

img[src] {
    opacity: 1;
}


/***Fix issues with btns extended too far on mobile when they have long labels****/
.btn {
    /*text-wrap: wrap;
  overflow-wrap: break-word;
  word-break: break-all;
  max-width: 100vw;*/
    white-space: normal;
padding: 5px 22px
}


@media (max-width: 1269px) {
    #campaign-image .about-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(120deg, #3f5b9b, #5381dd);
        opacity: .7;
    }
}

@media (max-width: 760px) {
    .banner-image-content {
        margin-left: 0px
    }
}

/***Updates to camapaign offer display***/

.offer-details {
    border-radius: 7px;
}

.bd_CampaignOffer #offer {
    z-index: 99
}

.bd_CampaignOffer .offer-details {
    background-color: rgb(255, 255, 255);
}

.bd_CampaignOffer #offer {
    position: relative;
    margin-top: -320px;
}

.bd_CampaignOffer #campaign-image {
    height: 300px;
}

.bd_CampaignOffer .about-top::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #101d3c, #303c55);
    opacity: .8;
    height: 300px;
    width: 100%;
    z-index: 1;
}

.offer-details #panel_about_content img {
    margin-bottom: 30px !important;
    /*width: 100%*/
}

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



.navbar-toggle .icon-bar {
    transition: all 0.5s;
}

    .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: 0% 15%;
    }

    .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: 7% 90%;
    }


/* 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: 1.6rem;
    padding: 10px 14px !important;
}

/* END ANIMATED X */

.bd_CampaignOffer #offer {
    position: relative;
    margin-top: -270px !important;
}

.bd_CampaignDetails #campaign-image .banner-image-content {
    margin-top: -170px
}

#campaign-image .about-top {
    background-size: auto !important;
    background-position: right top !important;
    background-attachment: fixed;
}


.call-now {
    margin-top: 15px;
    margin-bottom: 15px;
}


/****Fix agent details on mobile ****/
.offer-details {
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.1), 0 2px 10px 0 rgba(45, 42, 42, 0.1);
}

@media only screen and (max-width: 792px) {

    .bd_CampaignOffer #offer {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .sticky-agent {
        display: block !important;
        width: 100%
    }

        .sticky-agent .card-meet-float {
            margin-top: 0px
        }

    .offer-details {
        margin-bottom: 30px
    }
}

/***Switch the Read More/Less link text*/
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

/***Fix issue with banner-image-content size**/

.banner-image-content {
    margin-top: 0px !important;
    max-width: 550px;
    height: auto !important;
}

@media only screen and (min-width: 1268px) {
    .banner-image-content {
        margin-left: -15px
    }
}

#campaign-image .about-top {
    background-size: auto !important;
    background-position: right top !important;
    background-attachment: fixed;
}

@media only screen and (min-width: 1930px) {
    #campaign-image .about-top {
        background-size: cover !important;
    }
}


/******************Updated to match ATC branding ************/

.card-meet-float h4 {
  text-align: center;
  margin: 0px;
  color: rgba(23,23,25,1.00);
}

/***Offer cards headline ***/
.all-offers .display-offer h2 {
    font-size: 1.7rem !important;
    letter-spacing: 1px;
    line-height: 2.5rem;
}
/** Offer detail  h1****/
.offer-details h1 {
    font-size: 30px;
    letter-spacing: 1px !important;
    line-height: 34px;
}

/*Links and Buttons*/
a {
    color: #ba9f66;
}

a:hover {
    color: #666 !Important;
    text-decoration: underline
}

.btn-primary {
  background-color: #ba9f66 !Important;
  color: #ffffff !Important;
  font-family: 'Alegreya Sans';
  padding-left: 40px;
  padding-right: 40px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 1px;
	line-height:18px
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #9d834c !important;
    color: #fff !important;
}


/*Updated Nav bar*/



.navbar {
  border: 0px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  background-color: #fbfbfb;
  border-color: #ffffff;
  font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/*.navbar-default .navbar-nav>li>a {
    color: #777 !Important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ba9f66 !Important;
}*/

.dropdown-menu>li a {
    color: #666 !Important
}

/*.navbar-default .navbar-nav>li>a {
    color: #777 !Important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ba9f66 !Important;
}*/

.dropdown-menu>li a {
    color: #666 !Important
}

  .supplier-logo {
  width:auto;
	  max-width: 170px;
  margin-top: 40px;
}

.recent-campaigns-nav .campaign-nav-item {
  padding: 7px;
  flex-basis: 150px;
  transition: all 0.3s ease-in-out 0s;
}

#offers .sidebars{margin-bottom:30px}

.footer {
  background-color: #344237;
  color: #ffffff;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer-main-content h3 {color:#ffffff;text-align:center; padding-top:50px;padding-bottom:50px}

.navbardefault {
    background-color: #474553;
}

#ads {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #d8d0bc;
}

/***Read More****/
.readmore {
    padding-bottom: 35px;
}

    .readmore + [data-readmore-toggle],
    .readmore[data-readmore] {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
        width: 200px
    }

.readmore-fade {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #ffffff);
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 40px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

/***side lines****/


.readmore + [data-readmore-toggle]::before,
.readmore + [data-readmore-toggle]::after {
    border-bottom: 1px solid #edf1f5;
    border-top: 1px solid #edf1f5;
    display: inline-block;
    height: 1px;
    margin-bottom: 0.15em;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    vertical-align: middle;
    width: 20%;
}

.checkbox {
    padding-left: 20px;
    outline: 0;
}

/************** jb *********************/

/* CSS Document */
@charset "utf-8";
/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
/*@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);*/
@import url(https://fonts.googleapis.com/css?family=Crimson+Text|Libre+Baskerville|Playfair+Display);

/*Sofia*/
@font-face {
    font-family: 'sofia_prolight';
    src: url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.eot');
    src: url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.woff2') format('woff2'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.woff') format('woff'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.ttf') format('truetype'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/webfont/sofiapro-light-webfont.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    left: 0;
    position: relative;
    visibility: visible;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.wow {
    visibility: hidden;
}

.product-card .btn-primary {
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !Important;
}

body {
    font-size: 16px
}

.product-card {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .16), 0 0px 0px 0 rgba(0, 0, 0, .12);
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    max-width: 800px;
    line-height: 1.3;
}

    .product-card h5 {
        line-height: 1.5;
    }

;

.prod-desc {
    line-height: 2.5 !Important;
    color: red !Important;
}

.agency-panel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .12);
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    max-width: 800px;
    margin-bottom: 20px
}

    .agency-panel img {
        max-height: 170px
    }

.agency-panel {
    text-align: center
}

@media only screen and (max-width : 768px) {
    .product-card {
        margin-left: 20px;
        margin-right: 20px;
        padding: 30px
    }

        .product-card img {
            margin-bottom: 30px;
        }
}

.product-card-link {
    color: #333333 !Important;
    text-decoration: none !Important;
    display: block
}

.product-card:hover {
    cursor: pointer;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 2px, .16), 0 0px 0px 0 rgba(0, 0, 2px, .12) !Important;
}

.slidingDivhide {
    display: none;
}

.intro-text {
    margin-top: 0px !Important;
    padding-top: 0px !Important;
}

    .intro-text p {
        padding-left: 2% !Important;
        ;
        padding-right: 2% !Important;
        margin-top: 10px !Important;
        padding-top: 0px !Important;
    }

.intro-more {
    text-align: center
}

.Intro-headline {
    text-align: center;
    font-size: 24px
}

.rm-top-padding {
    padding-top: 0px !Important
}

.extra-padding {
    padding-top: 10px
}

.show_hide {
    display: block;
    padding-top: 30px;
    padding-bottom: 20px
}

a.show_hide::before,
a.show_hide::after {
    border-bottom: 1px solid #edf1f5;
    border-top: 1px solid #edf1f5;
    content: "";
    display: inline-block;
    height: 1px;
    margin-bottom: 0.15em;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    vertical-align: middle;
    width: 20%;
}

a.show_hide {
    outline: 0;
}

/*****Used nested media to hide this from IE as object-fit is not supported correctly in IE****/
@media {
    @media {
        .cover-property {
            object-fit: cover;
            height: 300px
        }
    }
}

/***Ad for new temp site***/
.som-ad {
    text-align: center;
    background-color: #f2ede0;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .som-ad h3 {
        text-align: center
    }

/*****************Ribbons for new temp site*********************/

/* The ribbons */

.corner-ribbon {
    width: 500px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 9999;
    font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif;
    font-size: 20px
}

    /* Custom styles */

    .corner-ribbon.sticky {
        position: fixed;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }

    /* Different positions */


    .corner-ribbon.top-right {
        top: 30px;
        right: -190px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        line-height: 24px;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .corner-ribbon.gold {
        background: #b99f66;
    }

    .corner-ribbon.top-left {
        top: 50px;
        left: -70px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

/***General***/
#loaderDiv img {
    width: 100px
}

.highlight {
    color: #000000;
    /*display:block; clear:both; text-transform:uppercase;font-size:36px; font-style:normal*/
}

.navbar-nav > .active {
    background-color: #f5f5f500 !Important !Important;
    border-bottom: 4px solid #ba9f66;
    padding-top: 0;
}

/*.navbar-default .navbar-nav > .active > a {
    background-color: #ffffff !Important;
    color: #ba9f66
}*/

.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 12px 20px !Important;
    white-space: nowrap;
    font-size: 16px !Important;
}

.dropdown-menu > li {
    text-align: center !Important;
}

@media only screen and (min-width : 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu > li {
        text-align: left !Important;
    }
}

.dvminheight {
    min-height: 180px;
}

/*Links and Buttons*/
a {
    color: #ba9f66 !Important;
}

    a:hover {
        color: #666 !Important;
        text-decoration: underline
    }

/*.navbar-default .navbar-nav > li > a {
    color: #777 !Important;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #ba9f66 !Important;
    }*/

.dropdown-menu > li a {
    color: #666 !Important
}

#social a {
    color: #666 !Important
}

.join {
    background-color: #333;
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px
}

.testimonials {
    background-color: #dfd4bc;
    padding-top: 100px;
    padding-bottom: 100px;
}

    .testimonials .item {
        min-height: 300px;
    }

    .testimonials p {
        line-height: 30px
    }

    .testimonials blockquote {
        border-left: 0px solid #eee;
        font-size: 18px
    }

        .testimonials blockquote::before {
            font-size: 50px;
            margin-right: 30px;
            margin-bottom: 30px
        }

    .testimonials hr {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .testimonials .carousel-indicators {
        bottom: -50px;
    }

        .testimonials .carousel-indicators .active {
            background-color: #d5c29a;
        }

        .testimonials .carousel-indicators li {
            border: 1px solid #d5c29a
        }

.author-desc {
    font-style: italic;
    clear: both;
    display: block;
    text-align: right
}

.author {
    font-weight: bold;
    clear: both;
    display: block;
    text-align: right
}

.testimonials .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: -10px;
}

.testimonials .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    left: auto;
    left: -10px;
}

.carousel-control,
.carousel-control .active {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    color: #ffffff !Important
}

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        opacity: 0.4;
        outline: 0 none;
        text-decoration: none;
    }

/********************Top Nav************/
.nav > li > a {
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 12px;
    padding-right: 12px;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .nav > li > a {
        font-size: 16px;
        letter-spacing: 3px;
        padding-left: 16px;
        padding-right: 14px;
    }

    .dvminheight {
        min-height: initial;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px !Important;
        letter-spacing: 4px;
    }

    .dvminheight {
        min-height: initial;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .nav > li {
        border-right: 1px solid #f1eaea !important;
    }

        .nav > li:last-child {
            border-right: none !important;
        }

        .nav > li > a {
            padding-left: 4px;
            padding-right: 4px;
            font-size: 13px !Important;
            letter-spacing: 0px;
        }

    .dvminheight {
        min-height: initial;
    }
}




/* Medium Devices, Desktops */
@media only screen and (min-width : 923px) {
    .nav > li > a {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 13px !Important;
        letter-spacing: 0px;
    }

    .dvminheight {
        min-height: 180px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 994px) {
    .nav > li > a {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 15px !Important;
        letter-spacing: 1px;
    }

    .dvminheight {
        min-height: 180px;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width : 1230px) {
    .nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px !Important;
        letter-spacing: 1px !Important;
    }

    .dvminheight {
        min-height: 180px;
    }
}

body,
p {
    font-family: 'Nunito Sans', 'Open Sans', sans-serif;
}

p {
    line-height: 28px;
}

blockquote {
    font-size: 16px;
    line-height: 34px;
    padding: 18px 20px 1px 20px;
    margin-left: 3px;
    margin-bottom: 40px;
    text-align: left;
    font-weight: 100
}

    blockquote:before {
        color: #ba9f66;
        font-size: 30px;
        line-height: 0.5em;
        margin-right: 0.27em;
        content: "\f10d";
        font-family: FontAwesome;
        float: left;
    }

.specialist-testimonial {
    background-color: #e2ddcf;
    padding-top: 40px;
    padding-bottom: 40px
}

    .specialist-testimonial blockquote {
        border-left: 7px solid #ba9f66;
        background-color: #cbc4b0;
        padding: 30px
    }

        .specialist-testimonial blockquote p {
            font-size: 20px;
            font-weight: normal;
            line-height: 34px;
            padding-left: 20px
        }

label {
    font-size: 10px;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    font-weight: nbold
}

.col-centered {
    margin: 0 auto;
    float: none;
}

.firstcharacter {
    float: left;
    color: #000;
    font-size: 125px;
    line-height: 90px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif;
}

.bw {
    transition: all 1.4s linear 0s;
}

    .bw:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        /* Firefox 10+, Firefox on Android */
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */
    }

/***Headings**/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    letter-spacing: 3px
}

.upper {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-style: normal;
    font-weight: bold;
}

.spAddress {
    font-size: 18px;
}

.carouselhead {
    text-align: center
}

.intro {
    padding-top: 30px
}

    .intro p {
        padding: 30px 15%
    }

.intro-temp p {
    padding: 15px 15%;
    line-height: 28px
}

.about p {
    padding-top: 10px;
    padding-bottom: 10px
}

.intro h3 {
    padding-bottom: 30px;
    font-style: italic;
}

.exclusive-amenity {
    color: #ba9f66 !important;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: bold
}

.exclusive-explanation {
    border: 1px solid #ae9271;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 40px
}

.tnc {
    font-size: 10px
}

.terms-conditions {
    padding-top: 30px;
    padding-bottom: 30px
}

    .terms-conditions p {
        padding: 2px 12%
    }

/*Forms*/
.form-control {
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    min-height: 40px
}

#productfilters .form-control {
    margin-bottom: 10px
}

#contactModal .form-control {
    margin-bottom: 10px
}

.contactme .fa {
    color: #ba9f66;
    padding-left: 7px;
    padding-right: 0px
}

.callme .fa {
    color: #ba9f66 !Important;
    padding-right: 7px
}

.callme {
    color: #333 !Important;
    padding-right: 0px;
    font-size: 18px !Important;
}

a.contactme {
    font-size: 14px !Important;
    line-height: 24px;
    text-transform: none !Important
}

/*Horizontal lines*/
hr.short {
    border: 0;
    height: 1px;
    background: #333;
    width: 10%;
    margin-top: 20px;
    margin-bottom: 20px
}

hr.short-white {
    border: 0;
    height: 1px;
    background: #fff;
    width: 10%;
    margin-top: 20px;
    margin-bottom: 20px
}

hr.wide {
    border: 0;
    height: 1px;
    background: #ccc;
    width: 80%
}

hr.short-thin {
    border: 0;
    height: 1px;
    background: #333;
    width: 10%
}

hr.short-left {
    border: 0;
    height: 1px;
    background: #333;
    width: 100px;
    margin-left: 0;
}

.btn-primary {
    background-color: #ba9f66 !Important;
    color: #ffffff !Important;
    ;
    font-family: 'Alegreya Sans';
    padding-left: 40px;
    padding-right: 40px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px
}

    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #9d834c !important;
        color: #fff !important;
    }

.atc-find a {
    color: #333
}

    .atc-find a:hover {
        color: #9d834c
    }

.testimonial-author {
    font-weight: normal;
    display: block;
    font-style: italic
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.img-cent {
    margin-left: auto;
    margin-right: auto
}

/*Filter Results*/
.filter {
    width: 100%;
    background-color: #f8f6f1;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
}


.specialist-testimonial:after {
    border-top: 70px solid #e2ddcf;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -80px;
    width: 0;
}

#section-selection::after {
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 70px solid #ffffff;
    content: "";
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 0;
}

/*#mag::after {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #ffffff;
    content: "";
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 0;
}*/


.filter-head {
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px;
    font-size: 22px;
}

.select-country {
    width: 400px;
    padding: 10px !Important;
    text-align: center;
}

.subscribe-options {
    padding-top: 70px
}

    .subscribe-options fieldset {
        border: 0px solid silver;
    }

#subscribe label {
    margin-top: 20px
}

.subscribe-checkbox {
    background-color: #ba9f64 !Important;
    color: #ffffff;
    font-weight: normal !Important;
    ;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    padding: 14px
}

.covers {
    margin-bottom: 15px !Important;
}

    .covers img {
        width: 100%
    }

.view-current {
    text-align: center;
    margin-bottom: 70px;
    text-transform: uppercase
}

.or-col {
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width : 768px) {
    .navbar-nav > .active {
        background-color: #cccccc !Important;
        border-bottom: 0px solid #ba9f66;
        padding-top: 0
    }
}

.logos img {
    filter: grayscale(100%);
}

@media only screen and (max-width : 968px) {
    .atc-about-icons .fa {
        margin-top: 70px
    }

    #ads img {
        margin-top: 10px !Important;
        margin: 0 auto;
    }

    /*.testimonials .carousel-control.right {
    right: 0px!Important;
	left: 0px!Important;
}

.testimonials .carousel-control.left {  left: 0px!Important;
  right: 0px!Important;}*/
}



/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .subscribe-checkbox {
        height: 250px;
    }

    .or-col {
        height: 140px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .subscribe-checkbox {
        height: 300px;
    }

    .or-col {
        height: 300px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .subscribe-checkbox {
        height: 220px;
    }

    .or-col {
        height: 180px;
    }
}

.or-circle {
    text-align: center;
    background-color: #344337;
    color: #FFF;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.subscribe-select-country {
    width: 100%;
    padding: 10px !Important;
}

.subscribe-select-state {
    width: 100%;
    padding: 10px !Important;
}

.results {
    padding-top: 10px
}

    .results img {
        margin-bottom: 30px
    }

/*section: header*/
#header {
    padding-top: 30px;
    padding-bottom: 10px
}

/*Find Your Local Specialist*/
.atc-find {
    text-align: center;
    align-items: center;
}

    .atc-find:hover {
        cursor: pointer;
        color: #C90
    }

.find-label {
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px
}

/*ATC Logo*/
.atc-logo {
    text-align: center;
    padding-top: 30px
}

/*social*/
.atc-social {
    text-align: center;
    padding-top: 30px
}

#social a {
    color: #656f67
}

    #social a:hover {
        color: #000000 !Important
    }

/*Nav bar*/

.navbar {
    border: 0px;
    background-color: #474553;
    border-color: #ffffff;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    margin-bottom: 0px
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #ae9271;
}

.return {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
}

    .return a {
        color: #999
    }

        .return a:hover {
            color: #069
        }

@media only screen and (max-width : 768px) {
    .atc-find {
        display: none
    }

    .atc-social {
        display: none
    }

    .atc-logo {
        padding-top: 0px;
    }

        .atc-logo img {
            max-width: 190px
        }

    #header {
        padding-top: 20px !Important;
        padding-bottom: 0px !Important
    }

    nav.navbar.navbar-default {
        margin-top: 0px !Important
    }
}

/***Main Section Selection***/
#section-selection {
    padding-top: 30px;
    padding-bottom: 30px
}

#section-selection-2 {
    padding-top: 40px;
    padding-bottom: 40px
}

.select-section {
    background-size: cover, cover;
    color: #fff;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: normal;
    height: 200px !important;
    margin-bottom: auto;
    margin-top: auto;
    /*   text-shadow: 2px 2px 4px #000000;*/
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.flexcontainer-center {
    display: -webkit-box;
    display: box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

/***Homepage panel images*/
.destinations {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/287355/destinations.jpg");
}

.travel-experiences {
    background-image: radial-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, 1)), url("https://www.theaffluenttraveler.com/media/287362/travel-experiences.jpg");
}

.featured-offers {
    background-image: radial-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, 1)), url("https://www.theaffluenttraveler.com/media/287356/featured.jpg");
}

.travel-blog {
    background-image: radial-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, 1)), url("../images/travel-blog.jpg");
}

.exclusive-amenities {
    background-image: radial-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, 1)), url("https://www.theaffluenttraveler.com/media/287363/excl.jpg");
}

/***Section: book-with-a-specialist**/
#book-with-a-specialist {
    background-color: #e3dfdf;
    padding-top: 20px;
    padding-bottom: 0px
}

    #book-with-a-specialist hr.short {
        margin-top: 10px;
        margin-bottom: 10px
    }

.zero-line-height {
    line-height: 0px
}

.bwas-home {
    padding-bottom: 0px !Important
}

#mag {
    padding-top: 30px;
    padding-bottom: 0px
}

.intro {
    text-align: center
}

.easyas {
    text-align: center;
    font-weight: bold;
}

    .easyas p {
        padding-left: 35px;
        padding-right: 35px
    }

.easyas-num {
    font-family: "Times New Roman", Times, serif;
    font-size: 56px;
    color: #ae9271;
    font-style: italic;
    text-align: center;
    font-weight: normal;
    line-height: 58px
}

/****Book with a specialist 1,2,3 images*/

.bwas-number {
    color: #000000;
    font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    font-weight: bold;
    height: 180px !important;
    letter-spacing: 1px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    width: 100%;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.bwas-1 {
    background-image: url("https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/images/one.png");
}

.bwas-2 {
    background-image: url("https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/images/two.png");
}

.bwas-3 {
    background-image: url("https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/images/three.png");
}

.footnote {
    font-size: 11px
}

/***Section:  Why Choose ATC**/
#why-choose {
    background-color: #f2ede0;
    padding-top: 50px;
    padding-bottom: 50px
}

#ads {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #d8d0bc
}

.ads {
    margin-top: 10px
}

/***Section:  Selection Mag/Promo/App/find********/

.the-magazine {
    background: linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/302678/the-mag.jpg");
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/302678/the-mag.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover
}

.e-newsletter {
    background: linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287354/current-promotion.jpg");
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287354/current-promotion.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover
}

.the-app {
    background: linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287359/the-app.jpg");
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287359/the-app.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover
}

.about-us {
    background: linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/302677/about-us.jpg");
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/302677/about-us.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover
}

.find-a-specialist {
    background: linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287357/find-a-specialist.jpg");
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("https://www.theaffluenttraveler.com/media/287357/find-a-specialist.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover
}

/***The Fab 5********/
.consumerMedia {
    background-color: #f2ede0;
    padding-top: 50px;
    padding-bottom: 50px
}

/*find a specialist*/
#find-a-specialist-select {
    background-color: #f2eee3;
    padding-top: 50px;
    padding-bottom: 60px
}

/*The app*/
#ipad {
    margin-top: 100px;
    margin-bottom: 100px
}

#atc-icons {
    text-align: center;
    font-size: 12px;
    margin-bottom: 100px
}

.atc-icon {
    text-align: center;
    vertical-align: top
}

#atc-icons img {
    margin-bottom: 10px;
    width: 90px
}

.why-choose-icons {
    padding-top: 20px;
    padding-bottom: 20px
}

    .why-choose-icons .fa {
        color: #b99f66
    }

.counter {
    font-weight: bold;
    font-size: 40px;
    color: #2d2f30
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

.key {
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    letter-spacing: 1px
}

/**Agency***/
.agency {
    padding-bottom: 20px
}

    .agency a {
        color: #666;
        text-transform: uppercase;
        font-size: 11px
    }

.profile-title {
    color: #ae9271;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    letter-spacing: 6px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center
}

.agency-profile p {
    text-align: center
}

.agent-profile {
    vertical-align: top;
    margin-bottom: 40px
}

.agent-name {
    font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif;
    text-align: center;
    font-size: 18px
}

.agent-title {
    font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px
}

.agent-contact {
    font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px
}

.agent-image {
    margin-bottom: 20px
}

.agent-more {
    text-align: center;
    margin-bottom: 10px;
    color: #ccc !Important;
    font-size: 14px
}

    .agent-more a {
        color: #797676 !Important
    }

.blocklink {
    display: block
}

.agency-profile-main {
    margin-bottom: 30px
}

/**Temporarily hide agency testimonials and overview**/
.testimonials-overview {
    display: none;
    margin-bottom: 30px
}

/***Footer********/
#footer {
    background-color: #344237;
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px
}

#footer-social {
    padding: 40px 0px;
}

    #footer-social a {
        color: #b99f66
    }

    #footer-social .fa-inverse {
        color: #344237
    }

    #footer-social a:hover {
        color: #ffffff
    }

/*****Destination panel images**/
.destinations-africa {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
    background-position: center;
}

.destinations-asia {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
    background-position: center;
}

.destinations-the-caribbean {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/287353/caribbean.jpg");
    background-position: center;
}

.destinations-caribbean {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/287353/caribbean.jpg");
    background-position: center;
}

.destinations-mexico {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299405/mexico.jpg");
    background-position: center;
}

.destinations-us {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
    background-position: center;
}

.destinations-south-america {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
    background-position: center;
}

.destinations-cruise-lines {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299409/cruise-lines.jpg");
    background-position: center;
}

.destinations-antarctica {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306475/antarctica.jpg");
    background-position: center;
}

.destinations-australia {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299400/aus1.jpg");
    background-position: center;
}

.destinations-europe {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
    background-position: center;
}

.destinations-canada {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302633/panel-canada.jpg");
    background-position: center;
}

.destinations-the-pacific-islands {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302635/panel-pacific.jpg");
    background-position: center;
}

.destinations-central-america {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302634/panel-central-america.jpg");
    background-position: center;
}

.destinations-middle-east {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/library/2023/ATC-More-Destinations/me.jpg");
    background-position: center;
}

.destinations-view-TE {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299395/banner-travelexperiences.jpg");
    background-position: center;
}


.background-destinations {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299383/banner-destinations.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299383/banner-destinations.jpg");
}

.background-destinations-the-caribbean {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299384/banner-destinations-caribbean.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299384/banner-destinations-caribbean.jpg");
}

.background-destinations-africa {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
}

.background-destinations-australia {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302262/banner-australia.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302262/banner-australia.jpg");
}

.background-destinations-mexico {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302369/banner-mexico.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302369/banner-mexico.jpg");
}

.background-destinations-united-states {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
}

.background-destinations-europe {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
}

.background-destinations-south-america {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
}

.background-destinations-asia {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
}

.background-destinations-canada {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302630/banner-canada.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302630/banner-canada.jpg");
}

.background-destinations-central-america {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302631/banner-centralamerica.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302631/banner-centralamerica.jpg");
}

.background-destinations-pacific-islands,
.background-destinations-pacific-region {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302632/banner-pacific.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302632/banner-pacific.jpg");
}

/*****travelexperience panel images**/
.travelexperiences-resorts {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299369/panel-resorts.jpg");
}

/*.travelexperiences-resorts {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../The%20Magazine-Updated_files/resorts.jpg");
}

.travelexperiences-cruise {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../The%20Magazine-Updated_files/panel-ocean2.jpg");
}*/


.travelexperiences-boutique {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299359/panel-boutique.jpg");
}

.travelexperiences-city {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299360/panel-city.jpg");
}

.travelexperiences-cruise {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299361/panel-cruise.jpg");
}

/*.travelexperiences-cruise {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302559/panel-ocean.jpg");
}*/

.travelexperiences-adventure2 {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299357/panel-adventure.jpg");
}

.travelexperiences-adventure {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302556/panel-adventure2.jpg");
}

/*.travelexperiences-tailor {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299372/panel-tailor.jpg");
}*/

.travelexperiences-tailormade {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306468/panel-tailormade.jpg");
}

.travelexperiences-villa {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306469/panel-villa.jpg");
}

.travelexperiences-lgbt {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299367/panel-lgbt.jpg");
}

.travelexperiences-family {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302555/panel-family3.jpg");
}

.travelexperiences-allin {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299358/panel-allin.jpg");
}

.travelexperiences-romance {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299371/panel-romance.jpg");
}

.travelexperiences-river {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299370/panel-river.jpg");
}

.travelexperiences-rail {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299368/panel-rail.jpg");
}

.travelexperiences-rail {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302567/panel-rail2.jpg");
}

.travelexperiences-wellness,
.travelexperiences-wellnessspa,
.travelexperiences-wellbeing {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302560/panel-wellbeing.jpg");
}

.travelexperiences-culinary {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299362/panel-culinary.jpg");
}

.travelexperiences-guided,
.travelexperiences-tour {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299366/panel-guided.jpg");
}

.travelexperiences-golf {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299365/panel-golf.jpg");
}

[class*="sizzling"] {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/305585/banner-sizzling-19.jpg");
}

.banner {
    position: relative;
    width: 100%;
    height: 330px;
    padding: 0 5%;
    overflow: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -ms-flex-align: center;
}

.bannercust {
    position: relative;
    width: 100%;
    height: 330px;
    height: 25vw;
    overflow: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -ms-flex-align: center;
}

.banner-big {
    height: 530px;
}

.banner-home {
    height: 600px;
    display: block;
    transition: height 0.4s
}

@media only screen and (max-width : 1200px) {
    .banner-home {
        height: 500px
    }
}

@media only screen and (max-width : 1000px) {
    .banner-home {
        height: 400px
    }
}

@media only screen and (max-width : 800px) {
    .banner-home {
        height: 300px
    }
}

@media only screen and (max-width : 600px) {
    .banner-home {
        height: 250px
    }
}

@media only screen and (max-width : 500px) {
    .banner-home {
        height: 210px
    }
}

.carousel-inner > .item {
    -webkit-transition: 2.2s ease-in-out left;
    transition: 2.2s ease-in-out left;
    -webkit-transition: 2.2s, ease-in-out, left;
    -moz-transition: 2.2s, ease-in-out, left;
    -o-transition: 2.2s, ease-in-out, left;
    transition: 2.2s, ease-in-out, left;
}

.background-image {
    height: 600px !Important
}

/*.background-home {
	background-image: -webkit-radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-1.jpg");
	background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-1.jpg");
	height: 600px!Important
}


.background-home-3 {

	background-image: -webkit-radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-3.jpg");

	background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-3.jpg");
	height: 600px!Important
}

.background-home-2 {

	background-image: -webkit-radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-2b.jpg");
	background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/main-2b.jpg");
	height: 600px!Important
}*/

.background-editorial {
    /*old Safari*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../images/banner-editorial.jpg");
    /*Others*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../images/banner-editorial.jpg");
}

.background-editorial_noimage img {
    width: 100%
}

.background-magazine {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299391/banner-magazine.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299391/banner-magazine.jpg");
}



span[class*="terms"] {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302523/atc-tnc.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302523/atc-tnc.jpg");
}

.background-travelexperiences {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302523/atc-tnc.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302523/atc-tnc.jpg");
}

.background-destinations-the-caribbean-results {
    /*old Safari*/
    background-image: url("https://www.theaffluenttraveler.com/media/299385/banner-destintaions-car-results.jpg");
    height: 440px !Important
}

.background-travelexperiences {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299395/banner-travelexperiences.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299395/banner-travelexperiences.jpg");
}

.background-travelexperiences-resort {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299396/banner-travelexperiences-resorts.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299396/banner-travelexperiences-resorts.jpg");
}

.background-travelexperiences-resorts {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299396/banner-travelexperiences-resorts.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299396/banner-travelexperiences-resorts.jpg");
}

.background-travelexperiences-boutique {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302514/atc-boutique.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302514/atc-boutique.jpg");
}

.background-travelexperiences-culinary {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("media/302520/atc-culinary.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302520/atc-culinary.jpg");
}

.background-travelexperiences-city {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302519/atc-city.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302519/atc-city.jpg");
}

.background-travelexperiences-ocean {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302546/banner-ocean.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302546/banner-ocean.jpg");
}

.background-travelexperiences-tour {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302571/banner-adventure.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302571/banner-adventure.jpg");
}

.background-travelexperiences-river {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302566/banner-river2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302566/banner-river2.jpg");
}

.background-travelexperiences-rail {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302564/banner-rail2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302564/banner-rail2.jpg");
}

.background-travelexperiences-golftennis {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302562/banner-golf2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302562/banner-golf2.jpg");
}

.background-travelexperiences-wellbeing,
.background-travelexperiences-wellness,
.background-travelexperiences-wellnessspa {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302558/banner-wellbeing.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302558/banner-wellbeing.jpg");
}

.background-travelexperiences-tailor {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302557/banner-tailor.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302557/banner-tailor.jpg");
}

.background-travelexperiences-adventure2 {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302547/banner-adventure.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302547/banner-adventure.jpg");
}

.background-travelexperiences-adventure {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302548/banner-adventure2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302548/banner-adventure2.jpg");
}

.background-travelexperiences-lgbt,
.background-travelexperiences-gaylesbian {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302553/banner-lgbt.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302553/banner-lgbt.jpg");
}

.background-travelexperiences-family {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302552/banner-family2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302552/banner-family2.jpg");
}

.background-travelexperiences-allinclusive {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302550/banner-allinc2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302550/banner-allinc2.jpg");
}

.inclusive {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302550/banner-allinc2.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302550/banner-allinc2.jpg");
}

.background-travelexperiences-romance {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302521/atc-romance.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302521/atc-romance.jpg");
}

.background-featured-offers {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299388/banner-feature-offers.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299388/banner-feature-offers.jpg");
}

.background-blog {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299381/banner-blog.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299381/banner-blog.jpg");
}

.background-aboutus {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299379/banner-aboutus.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299379/banner-aboutus.jpg");
}


.background-travelexperiences-villa {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306469/panel-villa.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306469/panel-villa.jpg");
}

.background-travelexperiences-tailormade {
    background-image:
    /*old Safari*/
    -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306466/banner-tailormade.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306466/banner-tailormade.jpg");
}

.atc-about-icons {
    margin-top: 30px;
    margin-bottom: 30px
}

    .atc-about-icons .fa {
        color: #b99f66
    }

.background-magazine {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299391/banner-magazine.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299391/banner-magazine.jpg")
}

.background-enews {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg")
}

.background-editorial {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299392/banner-magazine-editorial.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299392/banner-magazine-editorial.jpg");
}

.background-find-a-specialist {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299390/banner-find-a-specialist.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299390/banner-find-a-specialist.jpg");
}

.background-app {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299380/banner-app.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299380/banner-app.jpg");
}

.background-exclusive {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299387/banner-exclusive.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299387/banner-exclusive.jpg");
    background-position: top, top !Important
}

.background- {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299387/banner-exclusive.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299387/banner-exclusive.jpg");
    background-position: top, top !Important
}

/* Default image container 
.banner .background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: translate3d(0, 0, 0) scale(1.25);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center, center
}*/
/* Default image container */
#wide-banner .background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    transform: translate3d(0, 0, 0) scale(1.45);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: #ffffff;
}
/* #main-mag-slider #wide-banner .background{
	top: -40%;
} */

/* Loaded image container */
#wide-banner.loaded .background {
    transform: scale(1);
    transition: 7.5s transform;
}

/*********Carousel scale-in the images*/
.carousel-inner .item .background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translate3d(0, 0, 0) scale(1.15) !Important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center, center;
    background-color: #ffffff;
}

/* active image container */
.carousel-inner .item.active .background {
    transform: scale(1) !Important;
    transition: 5.5s transform !Important;
}

/******************************/
/* Homepage image container 
#wide-banner img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: translate3d(0, 0, 0) scale(1.45);

}

#wide-banner.loaded img {
	transform: scale(1);
	transition: 7.5s transform;
}*/





/*Section: Magazine Editorial***/

.archives {
    padding-top: 40px;
    padding-bottom: 70px;
    text-align: center
}

    .archives .col-centered {
        margin-bottom: 30px
    }

    .archives img {
        margin-bottom: 10px;
        width: 100%
    }

    .archives hr {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .archives img:hover {
        box-shadow: 0px 0px 10px #cccccc;
        z-index: 999;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 200ms ease-in;
        transform: scale(1.05);
    }

.edition {
    text-align: center
}

.archives a {
    color: #cccccc !Important
}

.inside1 {
    /*background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("../images/brazil.jpg");*/
    background-color: #dddddd;
    min-height: 300px;
}

.white-bck-txt {
    border-style: solid;
    border-width: 2px;
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
    padding: 10px;
    font-weight: bold;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    min-width: 80%;
    position: absolute;
    margin: 12px;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
}

.inside1 img {
    height: 470px;
    /*position:absolute;	
left: 50%;
transform: translateX(-50%);*/
}

/*****Used nested media to hide this from IE as object-fit is not supported correctly in IE****/
@media {
    @media {
        .inside1 img {
            object-fit: cover;
            height: 470px;
        }
    }
}

.inside2 {
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("../images/costarica.jpg");
    min-height: 300px;
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover;
}

.inside3 {
    background: -webkit-linear-gradient(rgba(7, 48, 86, 0.2), rgba(7, 48, 86, 0.5)), rgba(0, 0, 0, 0) url("../images/iceland.jpg");
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover;
    min-height: 300px
}

/***subscribe today**/
#subscribe {
    background-color: #f2eee3;
    padding-top: 50px;
    padding-bottom: 50px;
}


#inside-issue {
    background-color: #f7f5f1;
    padding-top: 20px;
    padding-bottom: 50px;
}

.intro {
    text-align: center
}

.easyas {
    text-align: center;
    font-weight: bold;
}

    .easyas p {
        padding-left: 35px;
        padding-right: 35px
    }

.easyas-num {
    font-family: "Times New Roman", Times, serif;
    font-size: 56px;
    color: #ae9271;
    font-style: italic;
    text-align: center;
    font-weight: normal;
    line-height: 58px
}

.editorial-img {
    margin-top: 30px;
    margin-bottom: 30px
}

.editorial-box {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    min-width: 190px;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.more-editorial {
    margin-bottom: 50px
}

/**Updated 24/01*/
.banner-big {
    height: 630px !Important
}

.editorial-box .upper {
    font-family: Playfair Display, Crimson Text, Georgia, Times New Roman, Times, serif;
    color: #000000;
    font-size: 64px;
    text-transform: uppercase
}

.editorial-box p {
    text-align: center;
    font-style: italic;
    padding: 10px
}

@media only screen and (max-width : 869px) {
    .background-editorial_noimage img {
        width: auto !Important
    }

    .editorial-box .upper {
        font-family: Playfair Display, Crimson Text, Georgia, Times New Roman, Times, serif;
        color: #000000;
        font-size: 28px;
        text-transform: uppercase
    }

    .editorial-box p {
        text-align: center;
        font-style: italic;
        padding: 8px
    }
}

/****End Updated 24/01****/



.pullquote {
    font-size: 22px;
    line-height: 34px;
    font-style: italic;
    text-align: center;
    padding: 20px
}

.pagination {
    margin-top: 20px;
    margin-bottom: 40px
}

    .pagination a {
        margin-left: 20px;
    }

.property {
    margin-top: 20px;
    margin-bottom: 20px
}

.property-images {
    margin-bottom: 30px
}

.property-exclusive {
    text-align: center;
    margin-top: 30px
}

.property-detail p {
    line-height: 28px
}

.property-logo {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .property-logo img {
        max-width: 270px
    }

.owl-carousel {
    background-color: #f4f2f2;
}

/*********ff icon********/
@font-face {
    font-family: 'icomoon';
    src: url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/icomoon/fonts/icomoon.eot?x660lt');
    src: url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/icomoon/fonts/icomoon.eot?x660lt#iefix') format('embedded-opentype'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/icomoon/fonts/icomoon.ttf?x660lt') format('truetype'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/icomoon/fonts/icomoon.woff?x660lt') format('woff'), url('https://www.theaffluenttraveler.com/Library/CDN/ATC Consumer/icomoon/fonts/icomoon.svg?x660lt#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

i.ico,
.icomoon-liga {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-aflogo7:before {
    content: "\e907";
}

.icon-aflogo5:before {
    content: "\e902";
}

.ff {
    background-color: #ba9f66 !important;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 16px;
    height: 24px;
    padding: 4px 6px;
    text-align: center;
    width: 24px;
    line-height: 1px;
    margin-right: 10px
}

/****************Blog*********************************/
.blog-detail {
    margin-top: 30px
}

    .blog-detail h4 {
        font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
        ;
        text-transform: uppercase;
        margin-top: 30px;
    }

.archive-blog {
    margin-bottom: 20px
}

.archive-title {
    margin-bottom: 20px
}

@media only screen and (min-width : 768px) {

    .archive h3,
    .archive h4 {
        margin-top: 0px
    }
}

/***Back to top button***/
#back-to-top {
    bottom: 20px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 20px;
    color: #333;
    -moz-user-select: none;
    background-color: rgba(69, 174, 214, 0.1);
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 170px;
}

.featured-offer {
    text-align: center;
    margin-bottom: 0px
}

    .featured-offer .btn {
        margin-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        letter-spacing: 4px
    }

    .featured-offer img {
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 575px
    }

.feat-logo {
    max-width: 250px !Important;
    margin-bottom: 40px !Important;
    margin-top: 0px !Important;
}

.featured-offer .long-thin {
    margin-top: 70px
}

/***Featured Offer Detail**/
#featured-offer-detail {
    text-align: left;
    margin-top: 0px !Important
}

.featured-offer-detail-heading {
    text-align: center
}

.featured-offer-detail-logo {
    text-align: center
}

.filter .btn {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    letter-spacing: 4px;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

#results .btn {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#results h3 {
    margin-top: 30px
}

.searchfor {
    text-decoration: underline
}

.property h3 {
    margin-top: 0px !important;
}

#results .agency h3 {
    margin-top: 0px !important;
}

.property {
    margin-bottom: 40px
}

#find-a-specialist-select .btn {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    letter-spacing: 4px;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.featured-offer-title {
    color: #ae9271;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    letter-spacing: 6px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase
}

/*******************Wide Banner fonts******************/
/****Home page**/
.banner-home .bighead {
    font-size: 40px !Important;
    padding-top: 30px
}

.banner-home .subhead {
    font-size: 20px !Important;
}

/**All other pages**/
#wide-banner .bighead {
    font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    font-size: 30px;
    letter-spacing: 8px
}

.shadow {
    -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

#wide-banner .subhead {
    font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    line-height: 40px;
    margin-top: -15px
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 520px) {
    .banner-home .bighead {
        font-size: 17px !Important;
        padding-top: 30px
    }

    .banner-home .subhead {
        font-size: 10px !Important;
    }

    #wide-banner .bighead {
        font-size: 12px;
        letter-spacing: 8px
    }

    #wide-banner .subhead {
        font-size: 12px;
        letter-spacing: 8px
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .banner-home .bighead {
        font-size: 25px !Important;
    }

    .banner-home .subhead {
        font-size: 15px !Important;
    }

    #wide-banner .bighead {
        font-size: 40px;
        letter-spacing: 14px
    }

    #wide-banner .subhead {
        font-size: 20px;
        letter-spacing: 14px
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .banner-home .bighead {
        font-size: 60px !Important;
        padding-top: 20px
    }

    .banner-home .subhead {
        font-size: 30px !Important;
    }

    .bighead {
        font-size: 70px;
        letter-spacing: 26px
    }

    .subhead {
        font-size: 35px;
        letter-spacing: 26px
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .banner-home .bighead {
        font-size: 80px !Important;
    }

    .banner-home .subhead {
        font-size: 30px !Important;
    }

    #wide-banner .bighead {
        font-size: 60px;
    }

    #wide-banner .subhead {
        font-size: 30px;
    }

    .atc-social {
        text-align: right;
        padding-top: 0px;
    }

    .atc-find {
        text-align: left;
        align-items: center;
    }

    .select-section {
        height: 150px !important;
    }
}

/***Read More****/
.readmore {
    padding-bottom: 35px;
}

    .readmore + [data-readmore-toggle],
    .readmore[data-readmore] {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
        width: 200px;
    }

.readmore-fade {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #ffffff);
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 40px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

/***side lines****/


.readmore + [data-readmore-toggle]::before,
.readmore + [data-readmore-toggle]::after {
    border-bottom: 1px solid #edf1f5;
    border-top: 1px solid #edf1f5;
    display: inline-block;
    height: 1px;
    margin-bottom: 0.15em;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    vertical-align: middle;
    width: 20%;
}

.checkbox {
    padding-left: 20px;
    outline: 0;
}

label {
    font-size: 13px;
    font-weight: bold
}

.question {
    display: inline-block;
    font-size: 16px;
    margin-top: 30px;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    font-weight: bold
}

.becomeAgentSubmit {
    display: inline-block;
    margin-top: 40px !Important;
    text-align: center;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0)
}

    .becomeAgentSubmit .fa {
        margin-right: 10px
    }

/*** custom checkboxes ***/

.login-panel input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

/* unchecked icon */
input[type=checkbox] + label:before {
    content: "\f0c8";
    font-size: 18px;
    margin-top: 4px;
    color: #ffffff;
    cursor: pointer;
}

/* space between checkbox and label */
input[type=checkbox] + label:before {
    letter-spacing: 10px;
}

/* checked icon */
input[type=checkbox]:checked + label:before {
    content: "\f14a";
    font-size: 18px;
    color: #ba9f66
}

/* allow space for check mark */
input[type=checkbox]:checked + label:before {
    letter-spacing: 10px;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    display: none
}

/*#chkUseContactInfo{  opacity: 100;
	display:inline-block}*/
/*
.checkbox label {
    display: inline-block;
    padding-left: 25px;
    position: relative;
	font-size:16px;
	padding-top:-10px!Important
}
.checkbox label::before {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 17px;
}
.checkbox label::after {
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    width: 16px;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline:0;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    font-family: "FontAwesome";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #af9574;
    border-color: #af9574;

}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}*/
#travel-agent-request-form::after {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #ffffff;
    content: "";
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 0;
}

/******Images width 100%***/
.img-fullwidth {
    width: 100%;
    object-fit: cover;
}

.img-cruise,
.img-tour,
.img-restaurant,
.img-excursion,
.img-hotel {
    object-fit: cover;
    width: 100%;
    height: 190px;
}

.img-exclusives {
    max-height: 250px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.dropdown-menu > .active > a {
    background-color: #eee !Important;
}

.specialistMessage {
    padding: 100px;
    text-align: center;
}

.dvconsumerlogin {
    padding: 50px;
}

/******Animated navbar toggle****/
.navbar-toggle {
    border: none;
    background: transparent !important;
    margin-right: 3px;
    margin-bottom: 3px;
}

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

    .navbar-toggle .icon-bar {
        width: 27px;
        height: 3px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #bca27b
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #bca27b !Important
}

.navbar-toggle.x.collapsed .icon-bar {
    margin-bottom: 5px;
    height: 2px;
}

/* ANIMATED X */
.navbar-toggle.x .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.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .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%;
}

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

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

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

/* END ANIMATED X */

.prod-desc {
    line-height: 28px;
}

#amenity-terms {
    margin-top: 20px;
    margin-bottom: 40px;
    border: 1px solid #ba9f66;
    padding: 40px;
    margin-left: 8%;
    margin-right: 8%;
    text-align: center
}

.icon-amenity-terms {
    margin-bottom: -85px;
    display: block
}

#amentity {
    line-height: 28px
}

#terms {
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

    #terms p {
        line-height: 18px;
        margin-top: 6px !Important
    }

#dvsummary {
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 28px;
    font-style: normal;
    /*text-transform: lowercase;*/
}

    #dvsummary p {
        padding-top: 10px;
        padding-bottom: 10px;
    }

#dvintro {
    line-height: 28px;
    margin-bottom: 20px;
    font-style: italic
}

#dvoverview {
    margin-bottom: 40px;
    margin-top: 40px;
    line-height: 28px
}

#dvhighlights {
    background-color: #f2f0e5;
    padding: 10px;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 30px;
    padding-top: 30px !Important
}

#highlights {
    line-height: 28px;
    margin-bottom: 30px
}

#dvbody {
    line-height: 28px
}

    #dvbody .exclusive-amenity {
        text-align: center;
        margin-top: 30px;
        color: #000000 !Important;
        display: block;
        font-weight: bold;
        font-size: 18px
    }

#amenity-terms .property-exclusive {
    margin-top: 0px
}

.property-exclusive .exclusive-amenity {
    font-size: 22px;
    font-weight: normal;
}

.product-card .exclusive-amenity {
    font-size: 16px
}

.property-images img {
    margin-bottom: 10px;
    height: 300px;
    object-fit: cover
}

@media only screen and (max-width : 768px) {
    .bannercust {
        height: 200px
    }

    #section-selection {
        padding-top: 10px
    }

    .property-logo img {
        max-width: 300px
    }

    #dvhighlights {
        margin-right: 0px;
        margin-left: 0px
    }
}

@media only screen and (max-width : 468px) {
}

#dvbody ul,
#dvbody ul li {
    list-style-type: disc;
}

#dvbody ul {
    padding: 10px;
    padding-left: 18px;
    line-height: 22px
}

#dvbody h1,
#dvbody h2,
#dvbody h3,
#dvbody h4,
#dvbody h5 {
    margin-top: 20px;
}

/*#dvimagebanner{transform: translate3d(0, 0, 0) scale(1.45);}*/

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

#login-form {
    background-color: #cccccc;
    padding: 120px 0;
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
}

    #login-form input[type="text"],
    #login-form input[type="password"],
    #login-form textarea,
    #login-form textarea.form-control {
        background: #fff none repeat scroll 0 0;
        border: 3px solid #fff;
        border-radius: 4px;
        box-shadow: none;
        color: #888;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 300;
        height: 40px;
        line-height: 50px;
        margin: 0;
        padding: 0 20px;
        transition: all 0.3s ease 0s;
        vertical-align: middle;
        margin-bottom: 10px
    }

.login-panel {
    background: rgba(250, 250, 250, 0.45) none repeat scroll 0 0;
    border-radius: 7px;
    padding: 50px
}

#username {
    width: 100%
}

/*not sure why this wasn't being picked up from Bootstrap*/
.form-control:focus {
    border: 3px solid #66afe9 !Important;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)!Important;*/
    box-shadow: none !Important;
    outline: 0 none !Important;
}

/***Login to Newsletter ***/


.login-panel input[type="text"],
.login-panel input[type="password"],
.login-panel textarea,
.login-panel textarea.form-control {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: none;
    color: #363434 !Important;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 2px 20px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    margin-bottom: 0px
}

.login-panel {
    background: rgba(250, 250, 250, 0.90) none repeat scroll 0 0;
    border-radius: 7px;
    padding: 50px;
    padding-top: 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !Important;
}

    .login-panel img {
        margin-bottom: 20px
    }

    .login-panel .LoginTextBox {
        width: 100%
    }

.LoginButton {
    background-color: #ba9f66 !Important;
    color: #ffffff !Important;
    font-family: 'Alegreya Sans';
    padding-left: 40px;
    padding-right: 40px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 31px;
    padding: 5px 22px;
    padding-right: 62px;
    padding-left: 62px;
    border: 0;
    border-radius: 2px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    margin-bottom: 20px;
}

#submit {
    background-color: #ba9f66 !Important;
    color: #ffffff !Important;
    font-family: 'Alegreya Sans';
    padding-left: 40px;
    padding-right: 40px;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 31px;
    padding: 5px 22px;
    padding-right: 62px;
    padding-left: 62px;
    border: 0;
    border-radius: 2px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0) !Important;
    height: 50px
}

.dvForgotUsername {
    margin-bottom: 10px;
    color: #221f1f
}

.dvRememberme {
    margin-bottom: 10px;
    color: #221f1f
}

.dvLoginForgotUsername {
    margin-bottom: 4px;
    font-size: 12px;
    text-transform: underline;
    color: #000000
}

.dvLoginForgotPassword {
    margin-bottom: 4px;
    font-size: 12px;
    color: #282829;
    text-transform: underline
}

.login-panel .LoginTextBox:focus {
    border: 1px solid #ba9f66 !Important;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)!Important;*/
    box-shadow: none !Important;
    outline: 0 none !Important;
}

.login-panel #username:focus,
.login-panel #password:focus {
    border: 1px solid #ba9f66 !Important;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)!Important;*/
    box-shadow: none !Important;
    outline: 0 none !Important;
}

.atc-login {
    padding-top: 30px;
    background-repeat: no-repeat;
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    min-height: 1000px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dvForgotUsername {
    margin-bottom: 20px
}

.dvRememberme {
    margin-bottom: 20px
}

.dvLoginUsername {
    margin-bottom: 20px
}

.dvLoginPassword {
    margin-bottom: 20px
}

.login-panel .LoginTextBox:focus {
    border: 1px solid #ba9f66 !Important;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)!Important;*/
    box-shadow: none !Important;
    outline: 0 none !Important;
}

.login-panel label {
    font-weight: normal !Important
}

.atc-login {
    background-color: #000000;
    padding-top: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299386/banner-enews.jpg");
    min-height: 1000px;
    background-attachment: fixed;
    background-position: center
}

.atc-login-body {
    background-color: #131514
}


/*background-position:fixed*/

@media only screen and (max-width : 768px) {
    .atc-login {
        padding-top: 10px
    }
}

@media only screen and (max-width : 968px) {
    .LoginButton {
        width: 100%
    }
}



/*** custom checkboxes --no label***/

/*background-position:fixed*/

@media only screen and (max-width : 768px) {
    .atc-login {
        padding-top: 10px
    }
}

@media only screen and (max-width : 968px) {
    .LoginButton {
        width: 100%
    }
}

.travelproduct_filterlabel
/*, .dvtravelproductsearchbuttons*/ {
    display: none;
}

#trackit {
    display: none;
}

fieldset {
    border: none;
}

.noImage {
    display: none;
}

/***************************New CSS for Hero update****************/


#wide-banner .subhead {
    padding-top: 10px !Important;
    padding-bottom: 0px !Important;
    line-height: 1.1
}

#wide-banner .bighead {
    padding-top: 0px !Important;
    padding-bottom: 0px !Important;
    line-height: 1.1
}

.carouselhead {
    margin-top: 80px
}

@media only screen and (max-width : 1068px) {
    .carouselhead {
        margin-top: 20px !Important;
    }

    #wide-banner .subhead {
        margin-top: 0px;
        letter-spacing: 6px !Important;
    }

    #wide-banner .bighead {
        letter-spacing: 6px !Important;
        ;
    }
}

.item-btn img {
    max-width: 120px;
    width: 20%;
    margin-top: 30px;
    visibility: visible !important;
}

/*.item-btn {
    transition: all 700ms
}*/

.item-btn:hover {
    filter: grayscale(100%);
    ;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: grayscale(100%);
    transform: scale(1.1);
    filter: grayscale(100%);
}

@media only screen and (max-width : 968px) {
    .item-btn img {
        margin-top: 10px
    }

    .carousel-indicators {
        position: absolute;
        margin-left: 10px;
        left: 0px;
        bottom: 0px;
        width: auto;
        margin-bottom: 0px;
        list-style: none;
    }
}

@media only screen and (min-width : 768px) {
    .navbar-nav {
        margin: 7.5px -15px;
        display: flex;
        justify-content: center;
        float: none;
        margin-bottom: 0px
    }
}


@media only screen and (max-width : 920px) {
    .carouselhead {
        margin-top: 10px !Important;
    }
}

.featured-destination img {
    width: 280px;
    margin-bottom: 20px
}

@media only screen and (max-width : 820px) {
    .featured-destination img {
        width: 200px;
        margin-top: 20px;
    }
}

.subhead {
    color: #333;
    letter-spacing: 10px;
}

.subhead-wh {
    color: #FFFFFF;
    letter-spacing: 10px;
}


input::-webkit-input-placeholder {
    color: #ccc !important;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc !important;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc !important;
}

input:-ms-input-placeholder {
    color: #CCC !important;
}

/**** Search bar - Niall- Nov 2018***/
#search-bar {
    width: 100%;
    background-color: #e3e7ec;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search-menu-item {
    margin-left: 10px
}

/*moving btn closer to search field*/
.btn-col {
    margin-left: -20px
}

.btn-search {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .01), 0 2px 10px 0 rgba(0, 0, 0, .01);
    color: #666;
    background-color: #cccdd7;
    height: 40px
}

    .btn-search:hover {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03), 0 2px 10px 0 rgba(0, 0, 0, .03);
        color: #ba9f66;
        background-color: #fff
    }

/**fixeds pixalation on low size fa font*/
.fa-search {
    transform: rotate(0.001deg);
    font-size: 14px
}

.search-menu-item .fa {
    transform: rotate(0.001deg);
    font-size: 14px
}

#search-field {
    height: 40px
}


/*Always display bar on smaller screens (no collpase/expand)*/
@media screen and (max-width:769px) {
    #search-bar {
        display: block !important;
        visibility: visible !important;
        height: 60px !important
    }

        #search-bar.collapsed {
            display: block !important;
            visibility: visible !important;
            height: 60px !important
        }

    /*hide search item in menu on smaller screens as we don't need to click to see the search bar*/
    .search-menu-item {
        display: none !Important
    }
}

/*****Billboard***/
/*#billboard {
	background-color: #e3dfdf;
	display: none
}
#billboard img {
	margin: 0 auto
}
.billboard {
	padding-top: 20px;
	padding-bottom: 20px;
}
.close-btn {
	float: right;
	margin-right: 20px;
	margin-top: 20px
}
.close-btn .fa {
	color: #fff;
	padding-bottom: 10px
}
.close-btn .fa:hover {
	color: #09F;
}
.close-btn .fa-lg {
	font-size: 24px
}
.container-fluid .close-btn {
	position: absolute;
	top: 0px;
	right: 0px
}
.container-fluid .billboard {
	padding-top: 0px;
	padding-bottom: 0px;
}
#billboard .container-fluid {
	padding-left: 0px;
	padding-right: 0px
}*/
/*****Modal****/
/*Modal*/
/*.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .75s linear;
	-o-transition: all .75s linear;
	transition: all .75s linear;
}
.fade-scale.in {
	opacity: 1;
	transform: scale(1);
}
.modal-backdrop {
	background: rgba(0, 0, 0, 1);
}
#atc-modal .logo {
	margin-top: 0px;
	margin-bottom: 40px;
	max-width: 300px
}
#atc-modal {
	padding-right: 0px!Important
}
#atc-modal .modal-dialog {
	text-align: center;
	padding: 0;
	margin: 30 auto!Important;
	max-width: 1200px;
	margin-top: 20px
}
.close-btn {
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	text-align: right;
	filter: alpha(opacity=50);
	opacity: .8;
	margin-botton: 10px
}*/
/*#atc-modal .fa {
	color: #fff;
	padding-bottom: 10px
}
#atc-modal .fa:hover {
	color: #09F;
}
#atc-modal .modal-content {
	min-height: 75%;
	height: auto;
	border-radius: 0;
	background-color: #f0eee2;
}
#atc-modal .modal-header {
	border: 0px solid rgba(0,0,0,.2)
}
#atc-modal .modal-footer {
	border: 0px solid rgba(0,0,0,.2)
}
#countdown {
	padding-top: 1rem;
	color: #ffffff
}
#atc-modal h1 {
	font-size: 2.6rem;
	line-height: 3rem;
	letter-spacing: 3px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	margin-top: 20px
}
#atc-modal p {
	font-size: 1.6rem
}
#atc-modal .cta {
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.5rem;
	margin-top: 30px;
	display: block
}*/
/*.cta:hover {
	cursor: pointer
}
 @media (min-width: 468px) {
#atc-modal .modal-dialog {
	width: 90%;
	height: 90%;
	margin: 30px auto;
}
}
 @media (min-width: 768px) {
#atc-modal .modal-dialog {
	width: 90%;
	height: 90%;
	margin: 30px auto
}
;
}
 @media (min-width: 1268px) {
.modal-body {
	padding-right: 10%;
	padding-left: 10%
}
}*/




/*************Modal**********/

/*@media (max-width: 768px) { 	
	#atc-modal .modal-content{background-position:center;
		background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.8)), url("../img/hero2.jpg");}
}*/
/*@media (max-width: 468px) {
#atc-modal .modal-content {
	padding-bottom: 10px;
	line-height: 3.8rem !Important;
}
/*.header-img {
	object-fit: cover;
	width: 120%;
	height: 400px;
}*/
/*}*/
/*.featured-tag {
	background-color: #ffffff;
	padding: 10px;
	font-size: 1.4rem;
	letter-spacing:2px;
	font-family: 'sofia_prolight', 'Alegreya Sans', 'Poppins', 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	;
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
		margin-bottom:42px;
		margin-top:-65px;
		height:42px
}*/




/***CSS version of Featured Destoinatoion box***/
/*.arrow-box {
	position: relative;

}
.arrow-box:after {
	content: "";
	position: absolute;
	left: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right:20px solid #ffffff;
	border-bottom: 23px solid transparent;
}
.arrow-box:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #ffffff;
	border-top: 20px solid transparent;
	border-bottom: 23px solid transparent;
}



	.featured-tag{margin-bottom:12px;
	height:42px;	padding: 12px;
	margin-top:-67px;
	font-size:1.2rem}
	
.arrow-box:after {
	content: "";
	position: absolute;
	left: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right:20px solid #ffffff;
	border-bottom: 23px solid transparent;
}
.arrow-box:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #ffffff;
	border-top: 20px solid transparent;
	border-bottom: 23px solid transparent;
}*/



/***lines to side of element***/
/*
.lines {
  line-height: 0.5;
  text-align: center;
  margin-bottom:50px;
  }
.lines span {
  display: inline-block;
  position: relative;  
}
.lines span:before,
.lines span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top: 0;
  width: 1200px
}
.lines span:before {
  right: 100%;
  margin-right: 15px;
}
.lines span:after {
  left: 100%;
  margin-left: 15px;
}*/

.coronaSection img {
    padding-top: 45px;
}

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

/*#atc-nav li {padding-left:20px;padding-right:20px}*/
.coronaSection {
    padding-top: 30px
}

.ad-img {
    padding-top: 45px;
}

/*.join, .consumerMedia ,#section-selection-2, #why-choose, #ads{display:none}*/
.inside1 {
    min-height: 250px
}

.bwas-number {
    height: 130px !Important
}

#book-with-a-specialist {
    padding-top: 60px
}

    #book-with-a-specialist h3 {
        padding-top: 40px
    }

#inside-issue {
    padding-bottom: 40px
}

    #inside-issue::after {
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
        border-top: 70px solid #f7f5f1;
        content: "";
        left: 50%;
        margin-left: -80px;
        position: absolute;
        width: 0;
    }



/*.side-property img{padding-top:0px!Important;margin-bottom:10px!Important}
.side-property{margin-bottom:10px!Important; padding-bottom:0px}*/

img.inline-image {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    padding-top: 0px !Important;
    padding-left: 0px
}

.inline-article-img-tag {
    font-size: 14px;
    padding: 15px;
    display: inline-block
}

.inline-left,
.inline-right {
    margin: 20px
}

.inline-left {
    float: left !important;
    margin-left: 0px
}

.inline-right {
    float: right !important;
    margin-right: 0px
}

@media (max-width: 768px) {
    .col-centered {
        margin-right: 0px
    }

    .inline-left,
    .inline-right {
        float: none !Important;
        display: block !Important;
        ;
        clear: both !Important;
        margin: 20px auto
    }
}

.product-card-link {
    margin-top: 7px
}

.drop-cap {
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 44rem
}

.side-property {
    padding-bottom: 0px !Important;
    padding-top: 10px !Important
}


/*carousel-wrapper {
    overflow: hidden;
}

.carousel {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 6000px;
}

.carousel-inner {
    display: flex;
}*/


/***Hero****/
#main-slider .item {
    height: 70vh;
    background-repeat: none !Important;
    background-size: cover;
    background-position: center;
    clear: both;
}

.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
}

/****Navigation****/
.bg-light {
    background-color: #ffffff !Important
}

#leadForm section#intro div.row div.col-sm-12 h3 {
    text-align: center;
    padding-bottom: 20px
}

#leadForm input#cbSignUp.form-check-input {
    display: none
}

#leadForm section#intro {
    padding-top: 50px;
    min-height: 720px;
    padding-bottom: 60px
}

.contact-submit-btn {
    width: 100%;
}

    .contact-submit-btn .btn {
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 25px;
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !Important;
    }

.agency-logo img {
    max-width: 240px
}

.proud-member-logo {
    display: flex;
    /*  justify-content: flex-end !important;*/
    align-items: center;
    padding-top: 10px;
}

    .proud-member-logo img {
        max-width: 175px;
        border-left: 1px solid #e7e2e2;
        padding-left: 30px;
    }

#mag .atc-agencydetails {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 2px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
    width: 90%
}

#MagazineRightAds img {
    margin: 0 auto
}


@media only screen and (max-width : 768px) {
    .proud-member-logo {
        display: flex;
        justify-content: center !Important;
        padding-bottom: 30px;
    }

        .proud-member-logo img {
            border-left: 0px solid #e7e2e2 !Important;
            padding-left: 0px;
            max-width: 170px;
            margin-top: 20px
        }

    .agency-logo img {
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 220px
    }
}


#main-mag-slider .bighead {
    font-size: 5.2vw !Important;
    color: #ffffff;
    text-shadow: 0px 0px 30px black;
}

#main-mag-slider .subhead {
    font-size: 2.5vw !Important;
    color: #46494b;
    color: #ffffff;
    text-shadow: 0px 0px 20px black;
}

.atc-agencydetails h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.atc-agencydetails h3 {
    content: "";
    display: block;
    margin: 0 auto;
    width: 70%;
    padding-top: 20px;
    border-bottom: 1px solid #f4f2f2;
    ;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.atc-agencydetails h4 {
    margin-top: 16px;
    margin-bottom: 3px
}

.atc-agencydetails img {
    max-width: 200px;
    max-height: 120px;
    margin: 0 auto;
    padding-bottom: 40px !Important
}

.col-sm-4.agency-logo {
    width: auto;
}

.agency-logo img {
    max-width: 220px;
    padding-bottom: 0px !Important
}

.atc-agencydetails .panel {
    webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 10px
}

.lead-ad {
    margin-bottom: 30px;
    /* margin-top: 30px; */
}

#inside-issue .inside1 {
    min-height: 300px !Important;
}

#inside-issue .white-bck-txt {
    margin: 0px
}

.blocklink {
    margin-bottom: 25px
}

.first-char {
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

#nextID {
    text-align: right;
}

#offer_subject {
    font-size: 6pt;
}

.atcsidebar {
    background-color: #fffae4;
    padding: 20px;
    margin-top: 30px;
}

#MagazineRightAds img {
    margin-bottom: 15px
}


/*****************************Updating BWAS section ********************************/

#book-with-a-specialist {
    padding-bottom: 110px !important;
    padding-top: 90px !important;
    background-image: linear-gradient(#2b292bab, #1e1d1d99),url("https://www.theaffluenttraveler.com/media/310482/agents.jpg");
    background-size: cover;
    background-attachment: fixed;
    color: #FFF;
    background-color: #333
}

    #book-with-a-specialist.v2 {
        background-image: linear-gradient(#2b292bab, #1e1d1ded),url("https://www.theaffluenttraveler.com/library/2021/11662-TAT-32/emails/agents-4.jpg") !Important;
    }

    #book-with-a-specialist h3, #book-with-a-specialist .intro {
        padding-top: 0px !important
    }

    #book-with-a-specialist a.searchfor {
        color: #c9b481 !Important
    }

.bwas-number {
    color: #ffffff;
    font-size: 20px;
    ;
    max-width: 340px;
    margin: 0 auto;
}

    .bwas-number p {
        margin-top: 70px;
    }

.highlight {
    color: #ffffff;
    font-size: 20px
}

#book-with-a-specialist hr.short {
    background-color: #ffffff;
    display: none
}

.bwas-number:before {
    background: #ffffffb8;
    color: #000000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    clear: both;
    padding: 12px;
    position: absolute;
    top: 0px;
    margin-bottom: 20px
}

.bwas-1, .bwas-2, .bwas-3 {
    background-image: none
}

    .bwas-1:before {
        Content: "1"
    }

    .bwas-2:before {
        Content: "2"
    }

    .bwas-3:before {
        Content: "3"
    }

@media only screen and (max-width : 768px) {
    .bwas-number {
        margin-top: 30px
    }
}

.agent-image {
    display: none
}


.subscribeSection {
    display: none
}

.MagazineRightAdsSlide {
    padding-top: 20px;
}

.adrow {
    marin-left: 0px;
    margin-right: 0px
}

/***** New Middle East panel background header ***/
.background-destinations-middle-east {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/library/2023/ATC-More-Destinations/me.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/library/2023/ATC-More-Destinations/me.jpg");
}


/***** Making the grid of panels more evenly spaced (optional)******/
#section-selection .col-lg-3.col-sm-6 {
    padding-right: 7px;
    padding-left: 7px;
}

#section-selection .section-panel {
    margin-bottom: 7px;
}

@media only screen and (min-width: 768px) {
    .filler-panel {
        flex-grow: 1;
    }
}

@media only screen and (min-width: 768px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
}

.destinations-view-Destinations {
    background-image: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299383/banner-destinations.jpg");
    background-position: center;
}


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

    /**************Offer Panels************************/
    /*.display-offer .panel-body{min-height:470px;margin-bottom:30px}*/


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

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

.display-offer h2 {
    padding-top: 20px;
    color: #262831;
    font-weight: 400;
    line-height: 2.7rem;
}

.panel-body {
    padding: 30px;
}

.display-offer .offer-logo {
    max-width: 170px;
    /*width:170px;*/
    margin: 5px auto;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 20px;
}

.display-offer .panel-body {
    padding-top: 0px;
    padding-bottom: 190px;
}

.display-offer h2 {
    padding-top: 20px;
    color: #262831;
    font-weight: 400;
    line-height: 2.7rem;
    font-size: 2.4rem;
    font-weight: bold;
	margin-top:0px
}


@media (max-width: 768px) {
    .display-offer .panel-body {
        min-height: auto;
        margin-bottom: 30px;
    }
}

.display-offer {
    margin-bottom: 10px
}

    .display-offer .btn-primary, .featured-offer a, .display-offer a, .agent-btn, .btn-offer {
        border-width: 1px;
        font-size: 12px;
        letter-spacing: 1px;
        padding: 5px 10px;
        border-style: solid;
        border-color: #8e959b !important;
        transition: 0.1s background-color linear, 0.1s color linear;
        display: inline-block;
        margin-top: 14px;
        color: #8e959b !important;
        background: transparent;
        font-weight: 500;
        text-transform: uppercase;
        background-color: #ffffff !important
    }

.agent-btn {
    border-color: #d5d7df !important
}

.specialists {
    background-color: #414457;
    padding-top: 40px;
    padding-bottom: 40px
}

    .specialists h1 {
        color: #ffffff;
        text-align: center
    }

.agent-btn {
    margin-right: 15px; /* width:120px;*/
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px
}

    .display-offer a:hover, .agent-btn:hover, .btn-offer:hover {
        border-width: 1px;
        background: #262831 !important;
        color: #ffffff !important;
    }

#offers .container {
    padding-bottom: 40px
}

.offer-logo {
    max-width: 250px;
    max-height: 70px;
    margin-top: 40px;
    margin-bottom: 50px;
    width: auto;
}

/* Styles for offer image 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;
}

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

@media only screen and (min-width: 992px) {
    .card-find-an-agent {
        padding: 0px 70px !important;
        padding-top: 0px;
        padding-top: 30px !important;
    }
}


#show-campaigns {
    padding-top: 30px;
    padding-bottom: 40px
}

.recent-campaigns .campaign-banner {
    margin-bottom: 0px
}

.current-campaigns-headline {
    margin-top: 0px !important
}

.card-campaign .card-content {
    padding: 0px;
}

.card-campaign .btn-offer {
    margin: 0 auto;
    margin-top: 0px !important;
    display: block;
    text-align: center;
    max-width: 100%;
    border: 0px;
    padding: 15px;
    margin-top: 0px
}

.sidebars {
    overflow: hidden;
    text-align: center;
    color: #333333;
    margin-top: 30px;
}

    .sidebars:before,
    .sidebars:after {
        border-top: 1px solid #edf1f5;
        border-bottom: 1px solid #edf1f5;
        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%;
    }


.all-offers .offer-img {
    height: 160px;
}

.all-offers .check-img-ie {
    height: 160px
}

.display-offer h2 {
    font-size: 2rem !important;
    padding-top: 7px
}

.display-offer .panel-body {
    padding-bottom: 130px
}

.display-offer .offer-logo {
    max-width: 110px;
    margin-top: 0px
}

@media only screen and (min-width: 768px) {
    .card.card-som .col-sm-5 img.img-responsive {
        margin-left: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

footer {
    padding-top: 20px
}


.display-offer .btn-primary {
    background-color: #ffffff !important
}



.card-meet-float {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 100px;
    min-width: 220px
}

    .card-meet-float .card-content {
        text-align: center;
        padding: 10px;
        padding-top: 0px
    }

    .card-meet-float .agent-headshot {
        border-radius: 120px;
        width: 120px;
        height: 120px;
        margin-top: 15px
    }

    .card-meet-float .agent-name {
        font-size: 22px
    }

    .card-meet-float .agent-btn {
        margin-bottom: 0px;
        width: 90px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .card-meet-float h4 {
        text-align: center;
        margin: 0px;
    }


/****Headshots***/

.agent-headshot {
    border-radius: 120px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 30px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (min-width: 768px) {
    .agent-headshot:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 2px;
        transition: all 0.3s ease-in-out 0s;
    }
}

.agent-headshot:hover {
    filter: brightness(110%);
}

#campaign-intro {
    padding-top: 50px !important;
    margin-top: 300px !important;
}

.background-campaign-suite-life {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)), url("../img/hero.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)), url("../img/hero.jpg");
    height: 470px !important
}

.background-campaign-epic {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)), url("../img/epic-hero.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)), url("../img/epic-hero.jpg");
    height: 470px !important;
    background-position: right !important;
}

.find-another {
    padding: 40px
}

.blog-item h3 {
    color: #0D0C0C;
    margin-top: 0px
}

.sidebars {
    margin-bottom: 25px
}


.btn, .card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.10), 0 2px 10px 0 rgba(0,0,0,.10);
}

#show-campaigns .filter-head {
    padding-bottom: 10px
}

#featured-offers {
    padding-top: 30px;
    padding-bottom: 40px
}

    #featured-offers .sidebars {
        color: #ffffff;
        margin-bottom: 0px !important;
    }

    #featured-offers .display-offer .panel-body {
        text-align: center;
        padding-bottom: 20px;
    }

.panel {
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

#offers .sidebars {
    margin-bottom: 50px
}

.card-meet-float {
    margin-bottom: 20px
}

.display-offer {
    margin-bottom: 20px
}

.all-offers label {
    color: #ffffff
}

.all-offers .filter {
    margin-bottom: 0px
}

.campaign-banner:hover {
    transform: scale(1.04);
    transition: all 0.5s;
}

.recent-campaigns-nav {
    display: flex;
    flex-direction: row;
}

    .recent-campaigns-nav .campaign-nav-item {
        padding: 7px;
        flex-basis: 150px;
        transition: all 0.3s ease-in-out 0s;
    }


/*.agent-buttons .agent-btn{padding-right:30px;padding-left:30px}*/
#offer {
    margin-top: -280px;
    max-width: 1100px
}

.offer-details {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 30px;
    padding-top: 30px;
    padding-top: 10px;
    margin-bottom: 100px;
    box-shadow: #cccccc;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    margin-top: 15px
}

.has-agent-panel {
    display: flex;
    align-items: flex-start;
}



/*****Sticky Agent***/
/** Needs to sit in a parent flex conatiner******/
.sticky-agent {
    width: 250px;
    height: auto;
    position: sticky;
    top: 0px;
    right: 20px
}



.card-meet-float {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 100px;
    min-width: 220px
}

    .card-meet-float .card-content {
        text-align: center;
        padding: 10px;
        padding-top: 0px
    }

    .card-meet-float .agent-headshot {
        border-radius: 120px;
        width: 120px;
        height: 120px;
        margin-top: 15px
    }

    .card-meet-float .agent-name {
        font-size: 22px;
        line-height: 30px
    }

    .card-meet-float .agent-btn {
        margin-bottom: 0px;
        width: 90px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .card-meet-float h4 {
        text-align: center;
        margin: 0px;
        color: rgba(23,23,25,1.00)
    }

.card-plan {
    margin-left: 0px;
    margin-bottom: 30px
}

.find-another {
    padding: 0px 20px;
    padding-bottom: 20px
}


@media only screen and (max-width: 792px) {
    .sticky-agent {
        display: none
    }

    .offer-details {
        max-width: 900px
    }
}


/***************Agent Branded****************/
.BD-agent-branded-site .navbar-default {
    background-color: #474553;
    border-radius: 0px;
}

    .BD-agent-branded-site .navbar-default .navbar-nav > .active > a {
        background-color: #474553 !Important;
        color: #ba9f66;
    }

    .BD-agent-branded-site .navbar-default .navbar-nav > li > a {
        color: #ffffff !important
    }

.BD-agent-branded-site #contact-agency {
    padding-top: 40px;
    padding-bottom: 70px
}

@media only screen and (min-width: 768px) {
    .BD-agent-branded-site .nav > li {
        border-right: 1px solid #474553 !important;
    }
}

#contact-agency .agency-logo {
    max-width: 350px;
    margin-bottom: 20px
}

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

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

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


#contact-agency {
    padding-top: 30px;
    padding-bottom: 50px
}

    #contact-agency h2 {
        margin-bottom: 30px
    }

.start-btn {
    background-color: #474553 !important
}


@media only screen and (min-width: 768px) {
    .navbar-nav {
        margin: 0px -15px;
        margin-bottom: 05px;
        display: flex;
        justify-content: left;
        float: none;
        margin-bottom: 0px;
    }

    .navbar {
        min-height: auto;
    }

        .navbar #exclusives ul, ul li {
            list-style-type: none;
        }

    .taCombinable {
        top: 110px;
    }

    #offers {
        padding-top: 20px;
    }

        #offers .container {
            padding-bottom: 0px;
        }

    .offer-details {
        margin-bottom: 30px
    }



    /*************** Animate menu underline****/
    .nav > li > a:focus {
        background-color: transparent !important;
    }

    .navbar-nav > li > a {
        border-bottom: transparent 0em solid !important;
        transition: all ease-in-out .2s;
    }

        .navbar-nav > li > a::after {
            content: '';
            position: absolute;
            width: 0px;
            height: 4px;
            left: 50%;
            bottom: -4px;
            background-color: #9593a2;
            transition: all ease-in-out .2s;
        }

        .navbar-nav > li > a:hover::after {
            width: 100%;
            left: 0;
        }

    @media (max-width: 769px) {
        .navbar-nav > li > a::after {
            background-color: transparent;
        }

        .navbar-nav > li > a:hover {
            background-color: #9593a2 !important;
            color: #ffffff !important;
        }
    }

    @media only screen and (min-width: 1230px) {
        .nav > li > a {
            padding-left: 15px;
            padding-right: 15px;
        }

        .panel {
            border: 0px solid transparent;
        }

        html {
            scroll-behavior: smooth;
        }

        .talkto-all {
            color: #ffffff;
            margin-bottom: 15px;
            text-align: center;
            width: 100%;
            margin-top: 20px
        }

        .wherever {
            color: #ffffff;
            margin-bottom: 35px;
            text-align: center;
            width: 100%;
            margin-top: 10px
        }
    }
}

.supplier-logo {
    max-width: 300px;
}

#wide-banner_campaign {
    padding: 0px;
}

    #wide-banner_campaign .container-fluid .col-sm-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

.banner_image_head img {
  object-fit: cover;
  height: auto;
  max-width: 100%;
	max-width:450px
}
/***Offer cards headline ***/
.all-offers .display-offer h2 {
    font-size: 1.7rem !important;
    letter-spacing: 1px;
    line-height: 2.5rem;
}
/** Offer detail  h1****/
.offer-details h1 {
    font-size: 30px;
    letter-spacing: 1px !important;
    line-height: 34px;
}

/*******************Corner Snipes*************/
.snipe {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .snipe span {
        position: absolute;
        display: block;
        width: 240px;
        padding: 12px 0;
        background-color: #E8C12B;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #261f1f;
        font: normal 12px/1 'Signika', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
    }


/* top left*/
.snipe-top-left {
    top: 0px;
    left: 0px;
}

    .snipe-top-left span {
        right: -20px;
        top: 30px;
        transform: rotate(-45deg);
    }

/* top right*/
.snipe-top-right {
    top: 0px;
    right: 0px;
}

    .snipe-top-right span {
        left: -7px;
        top: 20px;
        transform: rotate(45deg);
    }

/* bottom left*/
.snipe-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .snipe-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.snipe-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .snipe-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }


/***Agent Profile display**/

.small-profile {
    min-height: 460px;
    text-align: center;
}

    .small-profile .btn.btn-primary {
        margin-bottom: 10px;
    }

.full-agent-profile .col-md-3 {
    text-align: center
}


.profileImage, .profileImageMain {
    border-radius: 120px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
    object-fit: cover;
    object-position: top;
}

@media only screen and (min-width: 768px) {
    .profileImage:hover, .profileImageMain:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 2px;
        transition: all 0.3s ease-in-out 0s;
    }
}

@media only screen and (max-width: 996px) {
    .specialists .col-md-3 {
        width: 100%;
    }
}

.agent-profile .agent-logo {
    max-width: 200px;
    margin-bottom: 70px;
}

.agency-profile-info label {
    font-weight: bold;
}

#offers .display-offer .offer-logo {
    max-width: 140px;
    width: auto
}

#panel_about_content .campaign-offer-logo {
    width: auto
}

.offer-details #panel_about_content img {
    margin-bottom: 30px !important
}

#panel_about_content .findanagentresultsubmit.btn-primary {
    margin-bottom: 30px
}



/***Find an Agent****/
.card-agent {
    min-height: 260px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.01), 0 2px 10px 0 rgba(0,0,0,.09);
    line-height: 26px;
}

    .card-agent.hoverable:hover {
        cursor: pointer
    }

.agency-search .sidebars {
    margin-bottom: 10px;
    margin-top: 10px;
}

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

.agency-search label {
    font-weight: normal;
    margin-right: 30px;
}

.agencyInfo .findanagentresulttext {
    font-weight: bold;
    line-height: 1.3;
    font-size: 18px;
}

.search-results {
    margin-bottom: 30px;
}

.agency-search .sidebars::before, .agency-search .sidebars::after {
    border-top: 2px solid #2465a1;
    border-bottom: 0px solid #2465a1;
}

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

.bd_Agency-Profile #main-content h1 {
    display: none
}

.bd_Agency-Profile label {
    font-weight: bold
}

.bd_Agency label {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px
}

.bd_Agency-Profile .form-layout {
    margin-top: -230px
}

.be-inspired {
    margin-top: 50px
}

    .be-inspired:hover {
        filter: hue-rotate(20deg);
        -webkit-filter: hue-rotate(20deg);
    }

/*example cards**/
.examplecards {
    padding-bottom: 20px;
    padding-top: 20px;
}

.examplecards {
    background-attachment: fixed;
    background-color: #666;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/217242/back.jpg");
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 30px;
    width: 100%;
}

.services {
    background-attachment: fixed;
    background-color: #f7f7f5;
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}


#main-content ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("../media/217221/sq.jpg");
}


.rssfeed img {
    margin-bottom: 10px
}

.services ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("../media/217221/sq.jpg");
}


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

.services li {
    padding-left: 20px;
    margin-left: 20px;
    line-height: 24px
}

.btn .fa {
    margin-left: 10px;
}

.products {
    background-attachment: fixed;
    background-color: #666;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/287227/stars2.png");
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("../media/287227/stars2.png");
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}



.card .card-reveal {
    padding: 20px;
    line-height: 1.5;
    background-color: #fbf5f5;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../media/226579/overaly.png");
    background-repeat: repeat;
    border: 1px solid #ffffff;
}

.card-wrapper .icon {
    border-radius: 50%;
    display: block;
    height: 102px;
    margin: -65px auto 0;
    overflow: hidden;
    width: 120px;
}

.card-title {
    color: #3e3b3b;
    font-family: "Fjalla One","Roboto",sans-serif;
    font-weight: normal;
    font-size: 20px !Important;
}

.products .card {
    min-height: 360px
}

    .products .card img {
        height: auto
    }

#campaign-intro .main-intro {
    font-size: 17px;
    padding-left: 70px;
    padding-right: 70px;
    line-height: 27px;
}

    #campaign-intro .main-intro h1 {
        margin-bottom: 30px !important
    }

#campaign-intro .card-expertise.card-meet-float.card-plan .card-content {
    padding: 20px !important
}

#campaign-intro .fa-search {
    margin-right: 5px
}

.card {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.10), 0 2px 10px 0 rgba(0,0,0,.10)
}

.panel.display-offer {
    box-shadow: 0 2px 3px rgba(0,0,0,.2) !important
}


.card-meet-float {
    margin-left: 30px !important;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .agent-headshot:hover {
        border-radius: 0px;
        width: 100%;
        height: 310px;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 0px;
        object-fit: cover;
        object-position: center 0px;
        transition: all 0.3s ease-in-out 0s;
    }
}

#offer {
    position: relative;
    margin-top: -270px !important;
    z-index: 99
}

.agent-buttons .btn {
    font-size: 12px;
    padding: 10px
}

.find-another-advisor .btn {
    font-size: 12px;
    padding: 10px
}

.campaign-footer {
    padding-bottom: 40px
}

#panel_about_content .supplier-logo {
    max-width: 170px;
    margin-top: 40px
}

/**** Update wide banner/offer on camapign details*/
#wide-banner_campaign {
    position: absolute;
    width: 100%;
}

/*#main-content #offer {
    position: relative;*/
   /* margin-top: 40px !important;*/
    /*z-index: 99;
}*/

.bd_CampaignOffer #offer {
    position: relative;
    margin-top: -270px !important;
}

 .all-agents .card.card-expertise.card-find-an-agent{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0,0,0,0) !important;}
#featured-offers .filter-head{color:#ffffff}
#main-content {
	padding-bottom: 0px;}

.card-meet-float {
	padding:0px !important;}

.card-meet .card-content .agency-logo-section .agency-logo{margin-top:15px;margin-bottom:15px}

.agency-details .btn {
 padding-top:15px;padding-bottom:15px;
	box-shadow:none
}

/**** Update wide banner/offer on camapign details*/
#wide-banner_campaign {
    position: absolute;
    width: 100%;
}

#main-content #offer {
    position: relative;
    margin-top: 40px !important;
    z-index: 99;
}

.monthlyofferspanel img {
    max-width: 340px;
    max-height: 200px;
}

.featuredOffersPaginationMoreOffers {
    color: white;
}

.featuredOffersPagination {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
}

    .featuredOffersPagination ul li {
        font-size: 22px !important;
    }

    .featuredOffersPagination a {
        color: #999
    }

        .featuredOffersPagination a:hover {
            color: #069
        }


/***Update Agent Details**/
.bd_AgentProfile .agency-profile-info{max-width: 600px;
  margin:0 auto;
  text-align: center;}

.bd_AgentProfile .agency-profile-info label {
  font-weight: bold;
  color: #c8c1c1;
margin-top:5px;
	margin-right: 0px;
	margin-bottom:0px
}

.bd_AgentProfile .form-layout .sidebars {
	color: #474553 !Important;}

.bd_AgentProfile .form-layout .sidebars{margin-bottom:20px!important}

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


.form-layout .sidebars::before, .form-layout .sidebars::after {
  border-top:2px solid #c3c2ce;
  border-bottom:
0px solid #2465a1;
  width: 35%;
}

 .sidebars::after {
  left: 20px;
  margin-right: -210%;
}
.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;
}
.all-agent-profiles .small-profile .btn.btn-primary {padding:15px 30px;box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0)}

.about-top{background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("https://www.theaffluenttraveler.com/media/299379/banner-aboutus.jpg");}
.agent-job-title{margin-bottom:0px}


.featured-listings-section {
  padding:0px;
	padding-top:20px
}

 .monthlyofferspanel img {
  height:200px;
  width: 100%;
  object-fit: cover;
  width: 100%;
	 margin-bottom: 20px;border-radius:7px}

.card.agency-details .card-content{text-align:center}
.month-specials .sidebars{margin-top:0px}

.current-campaigns-headline .filter-head{display:inline-block;font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  letter-spacing: 3px;text-transform:none;font-size:30px;padding-bottom:0px}

.pagination > li > a{font-size:12px}
.recent-campaigns{padding-bottom:20px}

.premiumSupplierWrap .monthlyPara {
  font-size: 20px;
  letter-spacing: 1px;
	font-weight:normal!important
}

.month-specials  h2.sidebars{margin-bottom:35px}


#campaign-image .about-top {
  background-size: auto !important;
  background-position: right center !important;
  background-attachment: fixed;
}


#main-content #offer {
  position: relative;
	margin-top: -270px !important;}

.groups_exc, .combinable_exc {
    text-align: center;
    color: #ffffff !important;
    background-color: #9d12c5;
    padding: 5px 7px;
    width: 120px;
    margin: 10px 0px;
    box-shadow: 0px 0px 2px rgba(107, 103, 103, 0.2);
    border-radius: 4px;
    letter-spacing: 1px;
	font-size:12px
}


.bd_CampaignDetails .all-offers .combinable_exc
 {
  margin-left: 10px;
}

.bd_CampaignOffer #panel_about_content img.img-responsive{width:100%}

@media only screen and (min-width: 768px) {
  .offer-details {
    margin-bottom: 70px;
  }
}

/*** Fix new layout issues***/
.dvFindAnAgent .agent-buttons
 {
  display: inherit;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

.agency-logo-section{margin:30px}

.extra-logo{display:none}

#footer-main-content img{
max-width: 250px;
	margin-bottom: 30px;}