@charset "utf-8";
/* CSS Document */
/******TRAVELSAVERS Sales Site****************Updated 26Aug 2018 /14:02**/


/***fonts*****/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@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=Cabin:400,400i,500,500i,600,600i,700,700i');
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@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=Montserrat:400,600,700,800,900');

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

.hide-for-ts {
    display: none !Important
}

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

/*hide preanimation state*/
.wow {
    visibility: hidden;
}
/****Committed to serving*/

.bwas-number {
    color: #000000;
    font-family: 'Open Sans', 'Muli','Roboto', sans-serif font-size: 15px;
    font-weight: normal;
    height: 180px !important;
    letter-spacing: 1px;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    width: 100%;
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-right: 20px;
    padding-left: 20px
}

.bwas-1 {
    background-image: url("https://media.americanmarketinggroup.com/media/vk4dgf3x/302470_one.webp");
    border-right: 1px solid #cccccc;
}

.bwas-2 {
    background-image: url("https://media.americanmarketinggroup.com/media/jkajjuif/302472_two.webp");
    border-right: 1px solid #cccccc;
}


.bwas-3 {
    background-image: url("https://media.americanmarketinggroup.com/media/3r4fht5p/302471_three.webp");
}

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

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

.onetwothree {
    margin-bottom: 30px
}

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


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

    .interested-agent-content h3 {
        margin-bottom: 10px;
        margin-top: 10px
    }

/***interested supplier***/
.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;
    }

    .interested-supplier-content h3 {
        margin-bottom: 10px;
        margin-top: 10px
    }


/***interested traveler***/
.become-traveler-box {
    width: 100%;
    background-color: #e1ecdb;
    height: auto;
    font-size: 20px;
    padding: 20px;
    margin-bottom: 10px
}

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

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

    .interested-traveler-content .fa {
        color: #e1ecdb
    }

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

    .interested-traveler-content h3 {
        margin-bottom: 10px;
        margin-top: 10px
    }


/***info***/
.interested-in {
    margin-top: -40px !Important
}

.bd_travelsavers-sales-responsive .interested-in {
    margin-top: 50px !Important
}

.info-box {
    width: 100%;
    background-color: #edf0f6;
    height: auto;
    font-size: 20px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
}

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

    .info-content p {
        text-align: left;
    }

.interested-in .info-content p {
    text-align: center;
    font-size: 1.4rem
}

.info-content h3 {
    text-align: left;
}

.info-content a {
    color: #588ad5;
    text-decoration: underline
}

.info-content .fa {
    color: #cad8e7
}

.info-content h3 {
    line-height: 1.5
}

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

.info-content h3 {
    margin-bottom: 10px;
    margin-top: 10px
}


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

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

    .circle-icon.fa-3x {
        font-size: 2.5em;
    }

    .circle-icon .fa-stack {
        font-size: 28px;
    }

.animated-duration-2 {
    animation-duration: 2000ms;
}

.animated-duration-3 {
    animation-duration: 3000ms;
}

@media (min-width: 968px) {
    .r-col {
        margin-top: -50px
    }
}



.fa-icon {
    font-size: 42px
}


/*.become-agent-box::after {
  content: "";
  background-image:url(https://www.travelsavers.com/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(https://www.travelsavers.com/media/287220/ts2.jpg)!Important;opacity: 0.4;}*/

.home-hlights p {
    font-size: 1.7rem;
}

.home-highlights-colorchange {
    color: #124e86
}

/*.home-hlights strong{color:#0c3c68}*/

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

.feature-box {
    width: 100%;
    background-color: #ffffff;
    height: auto;
    font-size: 24px;
    padding: 18px;
    margin-bottom: 20px;
    min-height: 350px;
    margin-top: 50px;
    text-align: left;
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.02), 0 2px 10px 0 rgba(45, 42, 42, 0.02);
}

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

.feature-box .fa {
    color: #ffffff;
}

.feature-box .fa-circle {
    color: #cad8e7;
}

.bd_About .ts-card {
    font-size: 1.5rem !Important;
    min-height: 325px;
    margin-bottom: 20px
}

/****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: #6c9dc9;
}

html {
    font-size: 62.5%;
}

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


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #343437;
    font-family: 'Muli','Cabin','Roboto','Roboto Condensed','Montserrat','Fjalla One', 'Merriweather', sans-serif;
    /*font-weight: 100;*/
    line-height: 1.3;
}

h1 {
    color: #363a4e;
}

h5 {
    letter-spacing: 1px
}

/*
h1{
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
h1:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #0c3c68;
}*/


.services h1 {
    color: #333
}


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

h3{color:#1b6d8c}*/

a {
    color: #3470c9;
    /*-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;
    text-decoration: underline;
}

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

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

a.scrollto.bck1a span {
    display: none
}

/*Links*/
a:hover,
a:focus {
    text-decoration: underline;
    color: #CCCCCC
}

#contact a {
    color: #3470c9;
    text-decoration: underline
}

#contact i {
    color: #3470c9
}

#contact h2 {
    padding-bottom: 20px
}

.navbar a {
    text-decoration: none;
}

    .navbar a:hover {
        color: #CCCCCC
    }

.navbar {
    border: 0
}

.navbar {
    background-color: #363a4e;
    border-color: #080808;
}


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

.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.btn-primary:hover,
    .btn.btn-primary:focus {
        background: #2a95be;
    }







.dvSubmitResp .btn.btn-primary {
    color: #ffffff;
    background: #039be5
}

.btn-primary {
    background-color: #588ad5
}

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

.btn-hlight {
    border: 1px solid #cad8e7 !Important;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
    width: 100%;
    text-decoration: none !Important;
    color: #0c4071 !Important;
    margin-top: 20px;
    letter-spacing: 1px;
}

    .btn-hlight:hover {
        border: 1px solid #0c4071 !Important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
        color: #124e86 !Important
    }


a.btn-panel {
    text-decoration: underline;
    font-size: 18px;
    margin-top: 20px;
    border: 1px !Important! solid #cccccc;
    -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0);
    -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0);
    box-shadow: 5px 5px 5px rgba(68, 68, 68, 0);
    background-color: transparent;
    color: #404a4e;
    text-transform: underline
}

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

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

/***Form Styling***/

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

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

    .form-layout.sidebars {
        margin-bottom: 10px;
        margin-top: 10px !Important
    }

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

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

.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), 0 2px 10px 0 rgba(0,0,0,0)
}





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

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

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

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

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

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: #6c9dc9;
}

.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: #000000;
    padding: 10px 20px;
    font-weight: normal;
    font-family: "Muli","Roboto",sans-serif;
}

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


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

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




.item1 {
    background-image: url("https://media.americanmarketinggroup.com/media/xo3bvpwv/217250_full1.webp");
}

#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 {
    display: none;
    visibility: hidden;
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
    /*background-image: linear-gradient(rgba(38, 56, 117, 0.5), rgba(38, 56, 117, 0.5)), url("https://media.americanmarketinggroup.com/media/umsmwoxp/287235_ts4.webp");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
}

    #image_carousel .thumbnail {
        border: 0px solid #ddd
    }

    #image_carousel h2 {
        display: none
    }

    #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: #3470c9
    }

    .a24-icons .fa {
        background: #3470c9 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
    }


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

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

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

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

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

.form-layout .sidebars {
    color: #0c4071 !Important
}

/**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("https://media.americanmarketinggroup.com/media/q2vjt3uk/287221_pattern1.webp") 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("https://media.americanmarketinggroup.com/media/q2vjt3uk/287221_pattern1.webp") repeat scroll 0 0;
    background-color: rgba(0, 0, 0, 0.4)
}





/*.pattern-banner-3 {
   background: transparent url("https://media.americanmarketinggroup.com/media/q2vjt3uk/287221_pattern1.webp") 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("https://media.americanmarketinggroup.com/media/q2vjt3uk/287221_pattern1.webp") 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, .bg-overlay-goal, .bg-overlay-partners, .bg-overlay-47 {
        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, .pattern-banner-goal, .pattern-partners, .pattern-47 {
        background: transparent url("https://media.americanmarketinggroup.com/media/q2vjt3uk/287221_pattern1.webp") repeat scroll 0 0;
        background-color: rgba(0, 0, 0, 0.4)
    }
}




.header-supp {
}

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

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


.ablue {
    color: #588ad5
}

.header-supp {
    color: #fff;
    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("https://media.americanmarketinggroup.com/media/tzhbj1zy/217242_back.webp");
    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%;
}

.card-expertise {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02), 0 2px 10px 0 rgba(0,0,0,0.02);
    margin-top: 20px;
    min-height: 510px
}

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

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

.card > img:first-of-type {
    width: 100%;
}

.card-expertise a {
    margin-top: 4px;
    display: block
}

#main-content ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("https://media.americanmarketinggroup.com/media/dqkbdcxc/217221_sq.webp");
}


.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("https://media.americanmarketinggroup.com/media/dqkbdcxc/217221_sq.webp");
}


#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: #9da4b1;
    /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("https://www.travelsavers.com/media/287227/stars2.png");
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url("https://www.travelsavers.com/media/287227/stars2.png");*/
    background-position: center center;
    background-size: cover;
    height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

    .products .card {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        background-color: ffffff;
        color: #dddddd
    }

.overlay {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("https://media.americanmarketinggroup.com/media/hqacd5fd/226579_overaly.webp");
    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: "Roboto Condensed","Roboto","Fjalla One",sans-serif;
    font-weight: normal;
    font-size: 20px !Important;
}

.products .card {
    min-height: 360px;
    color: #666 !Important
}

.products .card-reveal {
    color: #666 !Important
}

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

.products .card-content .card-title {
    color: #000 !Important;
    font-size: 1.3rem !Important;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Cabin';
    margin-top: 0px;
    text-decoration: none;
    line-height: 1rem
}

.products .card-content {
    padding-top: 4px !Important;
}

.viewall {
    color: #ddd
}


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

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

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

.products .material-icons {
    display: none
}

.card-content {
    text-align: left;
    padding: 18px !Important
}

.card-grey {
    background-color: #f1f2f6 !Important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 0px 0 rgba(0,0,0,.12) !Important;
    margin-top: -20px;
    padding: 20px;
    padding-top: 30px !Important
}

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

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

#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("https://media.americanmarketinggroup.com/media/umsmwoxp/287235_ts4.webp") no-repeat fixed 50% 50% / cover ;*/
    background-color: #242a33;
    background-image: linear-gradient(rgba(36, 42, 51, 0.4), rgba(36, 42, 51,0.4)), url("https://media.americanmarketinggroup.com/media/umsmwoxp/287235_ts4.webp");
    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;
}

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

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

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

.blue {
    color: #45aed6
}


.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("https://media.americanmarketinggroup.com/media/dqkbdcxc/217221_sq.webp");
}


li {
    line-height: 18px;
}


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



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







#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("https://media.americanmarketinggroup.com/media/parbne5s/269573_b2.webp") 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.1), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/4pojohln/243741_e.webp");
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/4pojohln/243741_e.webp");
    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.1), rgba(0, 0, 0, 0.1)), url("https://www.travelsavers.com/library/2023/2023-about-us/desk-aboutus.jpg");
    background-position: left top;
    background-size: 100% auto;
}


/*****Powerful Partnerships*/
.header-Powerful-Partnerships {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/2aulbl1k/302421_team.webp");
    background-position: center bottom;
    background-size: 100% auto;
}

/*****Hotels & Resorts*/
.header-Hotel-Resorts-Program {
    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/top3.jpg");
    background-position: center bottom;
    background-size: 100% auto;
}


/*****Testimonials*/
.testimonials-head {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/cbtgjua2/302424_banner2.webp");
    background-position: center top;
    background-size: 100% auto;
}



/*****Marketing***/
.header-Marketing-That-Matters {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/cryla1t4/302391_marketing1.webp");
    background-position: center bottom;
    background-size: 100% auto;
}

/*****Corporate***/
.header-Corporate-Agencies- {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/j5hnjt1w/302385_corporate.webp");
    background-position: 0% 40%;
    background-size: 100% auto;
}

.header-Corporate-Programs {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/j5hnjt1w/302385_corporate.webp");
    background-position: 0% 40%;
    background-size: 100% auto;
}

/*****Luxury***/
.header-Luxury-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/deddglb2/302386_luxury.webp");
    background-position: 0% 40%;
    background-size: 100% auto;
}

/*****Leisure***/
.header-Leisure-Agencies {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://www.travelsavers.com/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), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/v1gpwhig/302420_leisure.webp");
    background-position: center bottom;
    background-size: 100% auto;
}

/***Our Value Proposition/Exclusive Territories**/
.header-Exclusive-Territories {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/krue5mts/302423_banner1.webp");
    background-position: 50% 40%;
    background-size: 100% auto;
}


/***Training**/
.header-Training-Support {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/wzhbiztq/302405_training.webp");
    background-position: 50% 40%;
    background-size: 100% auto;
}

.div[class*="Reputation"] {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/krue5mts/302423_banner1.webp");
    background-position: 50% 40%;
    background-size: 100% auto;
}


/*****Technology***/
.header-State-of-the-art-Technology {
    background-attachment: fixed;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("https://media.americanmarketinggroup.com/media/ebqfrtew/302400_tech2.webp");*/
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/top2.jpg");
    background-position: center top !Important;
    background-size: 100% auto;
}

.header-Why-Exclusive-Territories-Matter {
    background-attachment: fixed;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("https://media.americanmarketinggroup.com/media/ebqfrtew/302400_tech2.webp");*/
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/top1.jpg");
    background-position: center top !Important;
    background-size: 100% auto;
}

.header-In-The-News {
    background-attachment: fixed;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("https://media.americanmarketinggroup.com/media/ebqfrtew/302400_tech2.webp");*/
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/news2.jpg");
    background-position: center top !Important;
    background-size: 100% auto;
}

.header-Sample-Press-Release {
    background-attachment: fixed;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("https://media.americanmarketinggroup.com/media/ebqfrtew/302400_tech2.webp");*/
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://www.travelsavers.com/library/2018/2018-ts-consumer/news2.jpg");
    background-position: center top !Important;
    background-size: 100% auto;
}

.header-Overview {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://media.americanmarketinggroup.com/media/i54ecevb/243664_about.webp");
    background-position: left top;
    background-size: 100% auto;
}



.header-Account-Management-and-Customer-Service {
    background-image: url(https://media.americanmarketinggroup.com/media/swxelhyi/242208_bck4.webp);
}

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

.header-Why-Use-agent24 {
    background-image: url(https://media.americanmarketinggroup.com/media/vkyfbphn/257815_b-fade-v2.webp) !Important;
    background-position: right top !Important;
    background-attachment: fixed;
    background-size: 100%
}

.header-Our-Technology {
    /*background-image:url(https://media.americanmarketinggroup.com/media/e1gmpccw/243665_a24desk.webp)!Important;
	background-image:url(https://media.americanmarketinggroup.com/media/jbsfq2ub/269601_tech2.webp)!Important;
	background-image:url(https://media.americanmarketinggroup.com/media/m1umbc3c/269610_tech2.webp)!Important;
	background-image:url(https://media.americanmarketinggroup.com/media/alofaxby/269611_overhead.webp)!Important;
	background-image:url(https://media.americanmarketinggroup.com/media/c35daw0u/269616_overhead-v3.webp)!Important;*/
    background-image: url(https://media.americanmarketinggroup.com/media/vuspexcg/269617_overhead-v4.webp) !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(https://media.americanmarketinggroup.com/media/imcfpw5c/243745_i.webp) !Important;
    background-position: right top !Important;
    background-size: 100% auto;
    background-attachment: fixed
}


.header-Queue-Monitoring {
    background-image: url(https://media.americanmarketinggroup.com/media/fkmiphpt/243756_r.webp) !Important;
    background-position: right top !Important;
    background-size: 100% auto;
    background-attachment: fixed
}



.header-Online-Booking-Tool-Support {
    background-image: url(https://media.americanmarketinggroup.com/media/dvknadxj/243755_p.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-After-hours-Services {
    background-image: url(https://media.americanmarketinggroup.com/media/fzqppdnp/243740_d.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Dedicated-Agent-Teams {
    background-image: url(https://media.americanmarketinggroup.com/media/33cjnwfm/243754_o.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}


.header-VIP-and-Elite-Services {
    background-image: url(https://media.americanmarketinggroup.com/media/02nfhbok/243748_l.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Trip-Disruption-Services {
    background-image: url(https://media.americanmarketinggroup.com/media/bfgdbbim/243742_f.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}

.header-Global-Hotel-Program {
    background-image: url(https://media.americanmarketinggroup.com/media/koln5iyf/243757_q.webp) !Important;
    background-position: right top !important;
    background-size: 100% auto;
    background-attachment: fixed
}



.header-Virtual-Temp-Services {
    background-image: url(https://media.americanmarketinggroup.com/media/f4kbsusm/243744_h.webp) !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%
}

.testimonial {
    margin-top: 40px;
    border-radius: 0px !Important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 5px 0 rgba(0,0,0,0) !Important;
    font-size: 22px;
    color: #3d4059;
}
/*
blockquote {
    border-left: 22px solid #3470c9;
    margin: 0 0 20px;
    padding: 30px 30px;
	background-color:#FFF;
	quotes: "\201C" "\201D" "\2018" "\2019"
}
blockquote:before {
  color: #3470c9;
content: open-quote;
font-size: 7rem;
line-height: 0.6rem;
margin-right: 0.15em;
vertical-align: -3rem;
font-family: "monserrat", "Times New Roman", Times, serif;
font-weight: bold;
}
blockquote:after {
  visibility: hidden;
  color: #111;
  content: close-quote;
  font-size: 4em;
  line-height: 0;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
*/

/*
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-author{display: block;
font-weight: bold;
color: #0c4071;
margin-top: 20px;
font-size: 18px;
line-height: 12px;}
.testimonial-title{font-style:italic;margin-top:0px;font-size:18px};*/

@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: -60px;
        left: 50%;
        background-color: #fafaf9 !Important;
        width: 7rem;
        height: 7rem;
        font-size: 10.5rem;
        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: 700px;
    margin: 40px auto;
    font-size: 1.52rem;
    line-height: 1.72857143;
}

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

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

/***Form Styling***/

.field-validation-error {
    color: #dd1927
}

.umbraco-forms-navigation .btn:hover {
    background-color: #4677bf;
}

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

    .form-layout input[type=submit] {
        width: 100%;
        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);
        background-color: #588ad5;
        color: #ffffff;
    }

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

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

.lighthead {
    color: #677680;
    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%;
}

.mand {
    color: #093;
    padding-left: 4px
}


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

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


/***Style the radio buttons***/
input[type=radio] + label:before {
    transition: all 0.25s;
}

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

/***Hide the native radio***/
.form-layout input[type=radio] {
    display: none
}

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

/***remove fieldset boarder and padding***/
fieldset {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/***Hide the native radio***/
.form-layout input[type=radio] {
    display: none !important;
}

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

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

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





/***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);
    background-color: #4677bf
}

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

.umbraco-forms-field .umbraco-forms-field-wrapper {
    margin-bottom: 30px;
    color: #333
}

.umbraco-forms-field .umbraco-forms-label {
    color: #677680;
    font-family: "Work Sans","Roboto",sans-serif;
}

.umbraco-forms-indicator {
    color: #093;
    padding-left: 4px;
}

form {
    margin-top: 60px
}

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

        .navbar-brand img {
            margin: 0 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 #0e487e !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: 6rem;
        }

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

    .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: #45aed6;
        color: #fff;
    }

    .intro_head > span {
        text-align: center;
    }

    .hero-mainhead {
        margin-top: 40px !Important;
        margin-right: 0px !Important
    }

    .hero-subhead {
    }
}

@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-size: 1.4rem;
        font-weight: normal;
        padding-left: 18px;
        padding-right: 18px;
        letter-spacing: 2px
    }
}

@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 #588ad5;
        box-shadow: 0 -4px 0 0 #588ad5 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;
    }

    .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: 30px;
        }
}


.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: #ffffff;
}

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

.navbar .navbar-toggle:hover {
    color: #588ad5;
}

.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("https://media.americanmarketinggroup.com/media/qfkd0ng5/217244_cta2-bg.webp") no-repeat fixed 50% 50% / cover ;*/
    color: #fff;
    padding-top: 70px;
}

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

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

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

.interested-in {
    text-align: left;
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.02), 0 2px 10px 0 rgba(45, 42, 42, 0.02);
    margin-bottom: 30px
}

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

    .interested-in .fa-search {
        margin-right: 4px
    }

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

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

.card-lead {
    min-height: 530px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02), 0 2px 10px 0 rgba(0,0,0,0.02);
}

.form-layout {
    margin-top: -250px;
    background-color: #FFF;
    padding: 30px;
    -webkit-box-shadow: -1px -4px 5px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: -1px -4px 5px 0px rgba(0,0,0,0.12);
    box-shadow: -1px -4px 5px 0px rgba(0,0,0,0.12);
}

@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: 24px;
    padding-left: 0px
}

    .home-hlights p {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
/*Latest*/
.products {
    display: none;
    visibility: hidden
}

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

.fa-check-square {
    margin-right: 20px;
    color: #cad8e7;
    margin-left: 30px
}

#social a {
    color: #363a4e
}

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

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

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

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

@media (min-width:768px) {
    .dropdown .dropdown-menu {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }

    .dropdown:hover .dropdown-menu {
        max-height: 500px;
        opacity: 1;
    }
}

.bd_InTheNews .interested-in {
    margin-top: 30px !Important
}

.bd_InTheNews .consumer-article img {
    margin-bottom: 30px !Important;
    margin-top: 25px;
}

.bd_AboutTRAVELSAVERS .feature-box {
    min-height: 490px
}

.card-bio {
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.01), 0 2px 10px 0 rgba(0,0,0,0.01);
}

/*homepage modal*/
#letter-modal .close-btn {
    text-align: right;
    color: #ffffff;
}

    #letter-modal .close-btn a i {
        color: #ffffff;
        opacity: .5;
    }

        #letter-modal .close-btn a i:hover {
            opacity: 1;
        }

#letter-modal .modal-header {
    background-color: #363a4e;
}

    #letter-modal .modal-header img {
        max-width: 200px;
        padding-left: 30px;
    }

#letter-modal h1 {
    margin-bottom: 0;
}

#letter-modal h2 {
    margin-top: 0;
    font-size: 24px;
}

.lead {
    font-weight: 600;
    color: #40adf0;
}

.title {
    font-size: .85em;
}

.modal-content {
    padding-bottom: 30px;
}

@media (max-width: 968px) {
    .topbanner {
        padding-top: 20px
    }
}

/**Fix Interested in panel display overlap on mobile**/
@media (max-width: 992px) {
    .interested-in {
        margin-top: 30px !Important
    }
}

/**Remove double scrollbar on long modal window**/
body.modal-open {
    overflow: hidden !important;
}


/**Set a style for collapsed/expanded icon bar*/
.navbar-toggle .icon-bar {
    border-radius: 0;
    display: block;
    height: 5px;
    width: 32px;
}

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

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 200ms ease-in-out;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(1) {
    top: 9px;
    transform: rotate(45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
    top: -11px;
    transform: rotate(-45deg);
}

.bg-overlayimage {
    max-width: 500px;
    position: absolute;
    bottom: 15px;
    margin-left: 91px;
}

.owl-item:nth-of-type(3) .intro_head, .owl-item:nth-of-type(7) .intro_head {
    max-width: 412px;
}

    .owl-item:nth-of-type(3) .intro_head .hero-subhead, .owl-item:nth-of-type(7) .intro_head .hero-subhead {
        background-color: transparent;
        font-size: 1.8rem;
        line-height: 2.5rem;
        padding: 0;
        position: relative;
        top: 15px;
        text-shadow: 1px 1px 6px #000000;
    }

@media (max-width: 768px) {
    .owl-item:nth-of-type(3) .intro_head .hero-subhead, .owl-item:nth-of-type(7) .intro_head .hero-subhead {
        font-size: 1.5rem;
        line-height: 1rem;
        position: relative;
        top: 5px;
    }
}

.bd_OXP-More-Information .about-top {
    height: 400px;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/ss3pl02x/308543_ts-oxp-back.webp");
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("https://media.americanmarketinggroup.com/media/ss3pl02x/308543_ts-oxp-back.webp");
    background-position: left top !important;
    background-size: 100% auto;
    background-attachment: fixed;
}

.bd_OXPThankYou .about-top {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://media.americanmarketinggroup.com/media/ss3pl02x/308543_ts-oxp-back.webp");
}

    .bd_OXPThankYou .about-top .banner-image-content {
        text-align: center
    }

.bd_OXP-More-Information .bd_OXPThankYou #main-content {
    min-height: 500px
}

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


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

/*** Used where grid is used to build coloumns****/
.equal-cols .row {
    display: flex;
    flex-wrap: wrap;
}

    .equal-cols .row div.column div {
        height: 98%;
    }

.bd_AboutUs .header-, .bd_AboutTRAVELSAVERS .header-About-TRAVELSAVERS- {
    background-image: url(https://www.travelsavers.com/library/2023/2023-about-us/desk-aboutus.jpg) !Important;
}


.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(https://media.americanmarketinggroup.com/media/25lp3fut/317915_careers-hd-1.webp) !Important;
    background-attachment: fixed;
    background-position: right top !important;
}


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

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

.bd_JobPostings .header- {
    height: 400px;
    background-image: linear-gradient(90deg, rgba(0,7,36,0.4) 0%, rgba(93,93,106,0) 77%),url(https://media.americanmarketinggroup.com/media/25lp3fut/317915_careers-hd-1.webp) !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;
}

.bd_JobPostings .btn-careers {
    margin-bottom: 5px !important;
    width: 190px !important
}
/**********Job Postings************/

/***Style lists on job postings page**/
.partner-listing ul {
    margin: 0px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-image: url("https://media.americanmarketinggroup.com/media/dqkbdcxc/217221_sq.webp");
}


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

/***********Seperate Job Postings******/
.bd_JobPostings .partner-listing {
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.07), 0 2px 10px 0 rgba(45, 42, 42, 0.07);
    margin-bottom: 40px;
    padding: 30px
}

.dvResourcesContent {
    padding-top: 30px;
    padding-bottom: 40px
}

.bd_JobPostings .dvResourcesContent .container {
    max-width: 960px
}

.col-sm-10.partner-listing-content {
    width: 100%
}

.bd_JobPostings .btn-careers i {
    margin-right: 5px
}


/*****************About Us*****************/
.bd_AboutUs .card .card-content p {
    margin-bottom: 10px !important
}

.about-headshot {
    border-radius: 120px !important;
    width: 220px !important;
    height: 220px;
    margin: 0 auto;
    margin-top: 30px;
    object-fit: cover;
    object-position: top;
}

.card-meet {
    padding-bottom: 20px
}

.card-meet {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.equal-cols .card-meet {
    margin-bottom: 20px;
    padding-bottom: 10px
}

.card-meet .card-content p {
    margin-bottom: 15px
}

.card-expertise {
    height: 98%;
}

.card-content {
    height: auto !important
}
/*#collapse-JM, #collapse-NM, #collapse-KM{height:auto!important}*/

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


.header-Meet-The-Team, .header-Giving-Back, .bd_OurMission {
    background-size: auto;
    background-position: top !important
}

.card-meet, .card-expertise {
    border-radius: 7px !important
}

.header-Meet-The-Team, .header-Giving-Back, .bd_OurMission .about-top {
    background-image: url(https://www.travelsavers.com/library/2023/2023-about-us/meet.jpg) !Important;
    background-position: center !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: top right !important;
    background-size: cover;
    background-attachment: fixed;
    height: 250px;
}

.card .card-content p {
    margin-bottom: 10px;
}

p {
    line-height: 30px
}

/***Hiding view more button as 2 article panels on page***/
#dvViewAllNews {
    display: none
}

#dvViewAllMediaCoverage {
    display: none
}


/**** In the News banner***/

.bd_InTheNews .about-top, .bd_InTheNews-AllPressReleases .about-top, .bd_ArticlePreview .about-top, .bd_InTheNews-AllMediaCoverage .about-top {
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)), url("https://media.americanmarketinggroup.com/media/aembdy2k/320225_back-3.webp");
    background-position: center !important;
    background-attachment: fixed;
    background-position: top right !important;
    height: 270px;
}

.bd_ArticlePreview .banner_image_head {
    color: #ffffff !important;
    font-size: 45px
}

.bd_InTheNews .banner_image_head {
    color: #ffffff !important;
    font-size: 45px
}

.bd_InTheNews-AllPressReleases .banner_image_head {
    color: #ffffff !important;
    font-size: 45px
}

.bd_InTheNews-AllMediaCoverage .banner_image_head {
    color: #ffffff !important;
    font-size: 45px
}

.bd_ArticlePreview .inspiration-menu p a {
    display: none
}

    .bd_ArticlePreview .inspiration-menu p a.article-link {
        display: inline-block
    }

.card-horizontal {
    padding: 20px
}

    .card-horizontal .col-md-8 {
        padding: 0px 25px
    }

    .card-horizontal p {
        margin-bottom: 15px !important;
        display: inline-block
    }

@media only screen and (min-width: 960px) {
    .card-horizontal h3 {
        margin-top: 0px
    }
}


/****Temp form test***/
.bd_testform .umbraco-forms-form textarea {
    height: 80px;
    max-width: 100% !important;
    border-radius: 7px;
}

.bd_testform form {
    margin-top: 10px;
}

.bd_testform legend {
    margin-left: 15px !important
}

.bd_testform label.umbraco-forms-label {
    font-weight: normal;
    color: #484e56 !important;
}


.bd_testform .umbraco-forms-field div label {
    font-weight: normal
}

.bd_testform legend.umbraco-forms-legend {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.2em;
    display: block;
    font-family: "Work Sans","Roboto",sans-serif;
    margin-bottom: 5px;
    margin-left: 0px !important;
    color: #484e56 !important;
}

.bd_testform .btn {
    margin-right: 15px
}

.bd_testform .umbraco-forms-form fieldset {
    margin-bottom: 15px !important;
}


/************************New CSS Post migration ***************************/
/**** Hide native check box as styling (:before) instead***/
.form-layout  .umbraco-forms-form .checkboxlist input, .umbraco-forms-form .radiobuttonlist input, .umbraco-forms-form .checkbox input[type="checkbox"] {
  display: none!important;
}


/* Equal-height Meet The Team cards for Umbraco Block Grid rows */

.bd_MeetTheTeam .umb-block-grid__area-container{
    align-items: stretch;
    column-gap: 25px;
    row-gap: 30px;
}

.bd_MeetTheTeam .umb-block-grid__area,
.bd_MeetTheTeam .umb-block-grid__area .umb-block-grid__layout-container,
.bd_MeetTheTeam .umb-block-grid__area .umb-block-grid__layout-item,
.bd_MeetTheTeam .umb-block-grid__area .umb-block-grid__layout-item > div{
    display: flex;
    flex-direction: column;
}

.bd_MeetTheTeam .umb-block-grid__area > *,
.bd_MeetTheTeam .umb-block-grid__area .umb-block-grid__layout-container > *,
.bd_MeetTheTeam .umb-block-grid__area .umb-block-grid__layout-item > div{
    flex: 1 1 auto;
}

.bd_MeetTheTeam .card-meet{
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.bd_MeetTheTeam .card-meet .card-content{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.bd_MeetTheTeam .card-meet .card-content > p:last-child{
    margin-top: auto;
    padding-top: 10px;
}

/*** Ricks card layout is different***/
.bd_MeetTheTeam [data-content-element-type-alias="amgOneColumnLayoutBlock"] .card-content{
    display: block;
}

/****hover for about us heashots****/

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


/**** Fix gaps on Meet the team**/
.bd_MeetTheTeam .card-meet {margin-bottom: 0px;}
.bd_MeetTheTeam .card-expertise {margin-top: 0px;}

/*** Round the ts-cards on Family of Brands ****/
.bd_FamilyofBrands .ts-card{border-radius: 9px;}

/** standardise the ts-card image displays.****/
.bd_FamilyofBrands.ts-card img{display: block; margin-left: auto; margin-right: auto; width: 220px;}

/*** Make .bd_FamilyofBrands ts-cards stretch to equal height ****/
.bd_FamilyofBrands .umb-block-grid__area,
.bd_FamilyofBrands .umb-block-grid__area .umb-block-grid__layout-container,
.bd_FamilyofBrands .umb-block-grid__area .umb-block-grid__layout-item,
.bd_FamilyofBrands .umb-block-grid__area .umb-block-grid__layout-item > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bd_FamilyofBrands .ts-card {
    height: 100% !important;
    min-height: 0 !important;   
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.bd_FamilyofBrands .umb-block-grid__layout-container {
    row-gap: 15px;    
}

/* Ensure cards on other pages are equal height. using .card-lead cards class so it works site-wide. Applies wherever .card-lead is used inside the Umbraco Block Grid. 
Saves haviung to scope it per page */

.umb-block-grid__area:has(.card-lead),
.umb-block-grid__area:has(.card-lead) .umb-block-grid__layout-container,
.umb-block-grid__area:has(.card-lead) .umb-block-grid__layout-item,
.umb-block-grid__area:has(.card-lead) .umb-block-grid__layout-item > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-lead {
    height: 100% !important;
    min-height: 0 !important;   /* overrides any inline min-height */
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;  
}

.card-lead .card-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}


.card-lead > p:first-child > img.img-responsive:first-child {
   /* height: 180px;*/
    width: 100%;
    object-fit: cover;
    flex-shrink: 0;
}

/*** Round corners. Fix gaps between lead-cards. Using grid gaps instead****/
.card-lead{border-radius: 9px;margin-bottom:0px;margin-top: 0px}