/* generic styles */
ul {
    list-style-position: inside;
}

.link .icon {
    display: none!important;
}

/* banners */
.usn_cmp_banner .btn, .usn_cmp_bannerblog .btn {
    border-color: white!important;
    background-color: transparent!important;
    color: white!important;
}

.usn_cmp_banner .btn:hover span, .usn_cmp_bannerblog .btn:hover span {
    display: none;
}

.usn_cmp_banner .item .inner {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%);
}

.usn_cmp_banner .item_takeover-banner .inner {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%);
}

/* locations with marker image to left */
.location-row {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-size: 30px 40px;
    background-position: 15px center;
}

.location-row p {
    margin: 10px 0;
}

/* this year at crestbridge area */
.year-summed-up .listing-pods .item .image img {
    height: 120px;
}

/* social links */
.social-links {
    display: flex;
    align-items: center;
}

.social-links p {
    margin: 0 25px 0 0;
    padding-top: 5px;
}

.social-links.light p {
    color: white;
}

.social-links .icons {
    display: flex;
    gap: 15px; /* property is valid */
}

.social-links img {
    height: 18px;
    border-radius: 0;
}

.social-links.column {
    flex-direction: column;
}

.social-links.column p {
    margin-right: 0;
    margin-bottom: 10px;
}

/* testimonials */
.testimonials-banner .item .inner {
    background: none;
}

.testimonials-banner .secondary-heading {
    position: relative;
}

.testimonials-banner .quote {
    padding-top: 0;
}

.testimonials-banner .quote::before {
    content: '';
}

.testimonials-banner .info {
    padding: 0 var(--base-half-spacing)!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:  15px 0;
}

.testimonials-banner .info .d-table {
    height:  auto!important;
}

/* newsletter area */
.discover-block .secondary-heading {
    position: relative;
}

.discover-block .secondary-heading::before {
    content: url('/media/r5lhqvay/eye.svg');
    width: 50px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 100%;
    background: none!important;
}

.discover-block .social-links {
    margin-top: 20px;
}

.newsletter-form .mktoGutter, 
.newsletter-form .mktoOffset {
    display: none;
}

.newsletter-form input[type=text], 
.newsletter-form input[type=email], 
.newsletter-form select.mktoField {
    background-color: transparent!important;
}

.newsletter-form .mktoButtonRow {
    width: 100%;
}

.newsletter-form, 
.newsletter-form input[type=text], 
.newsletter-form input[type=email], 
.newsletter-form select.mktoField, 
.newsletter-form .mktoFormCol, 
.newsletter-form .mktoFieldWrap, 
.newsletter-form .mktoHtmlText, 
.newsletter-form .mktoButtonRow, 
.newsletter-form .mktoButtonWrap,
.newsletter-form #LblmktoMarketingOptIn,
.newsletter-form .mktoHtmlText {
    width: 100%!important;
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 400!important;
}

.newsletter-form #LblmktoMarketingOptIn {
    padding-left: 40px;
}

.newsletter-form .mktoCheckboxList #LblmktoMarketingOptIn {
    padding-left: 0;
}

/* journey starts here area */
.journey-starts-here .component-introduction {
    width: 50%;
}

.journey-starts-here .component-introduction .info {
    flex: 1!important;
    max-width: none!important;
}

#mktoForm_1337 .mktoButton {
    background-color: #002C5B!important;
    color: white!important;
}

/* footer form  */
.footer-form {
    width: 100%!important;
}

.footer-form a:not(.btn) {
    color: #FFCE02!important;
}

.footer-form .mktoFormRow .mktoFormCol .mktoOffset, 
.footer-form .mktoFormRow .mktoFormCol .mktoGutter {
    display: none!important;
}

.footer-form .mktoFormRow .mktoFormCol {
    width: 100%!important;
}

.footer-form .mktoFormRow:first-of-type .mktoFormCol {
    width: 50%!important;
}

.footer-form .mktoFormRow:first-of-type .mktoFormCol:first-child {
    padding-right: 10px;
    padding-left: 0;
}

.footer-form .mktoFormRow:first-of-type .mktoFormCol {
    padding-left: 10px;
}

.footer-form .mktoFormRow .mktoFormCol .mktoFieldWrap,
.footer-form input[type=text], 
.footer-form input[type=email], 
.footer-form select.mktoField {
    width: 100%!important;
}

.footer-form #LblmktoMarketingOptIn,
.footer-form .mktoHtmlText {
    width: 100%!important;
    color: white!important;
}

.footer-form .mktoHtmlText span {
    color: white!important;
}

.footer-form .mktoRadioList label {
    color: white;
}

.footer-form #LblmktoMarketingOptIn {
    padding-left: 40px;
}

.footer-form .mktoCheckboxList #LblmktoMarketingOptIn {
    padding-left: 0;
}

.newsletter-form .mktoCheckboxList, .footer-form .mktoCheckboxList {
    width: 30px!important;
    position: absolute;
    top: 5px;
    left: 0;
}

.footer-form .mktoButtonRow,
.footer-form .mktoButtonWrap, 
.footer-form .mktoButton {
    width: 100%;
}

/* all external forms */
.mktoHtmlText {
    line-height: 1.5!important;
}

.mktoForm a:not(.btn) {
    display: inline;
}

.mktoForm input[type=text], 
.mktoForm input[type=email] {
    text-align: center!important;
}

#mktoForm_1337 .mktoButton, 
#mktoForm_1139 .mktoButton,
#mktoForm_1432 .mktoButton {
    margin: 15px 0 0!important;
    padding: 0 20px!important;
    width: 100%!important;
}

.mktoForm input[type=checkbox] + label::before, 
.mktoForm input[type=radio] + label::before {
    box-shadow: none!important;
}

/* footer logo area */
#site-footer .logo-block img, 
#site-footer .social-links {
    max-width: 250px;
}

#site-footer .social-links {
    margin-top: 20px;
}

/* footer links */
#site-footer .large-links,
#site-footer .small-links {
    text-transform: uppercase;
}

#site-footer .large-links a:hover,
#site-footer .small-links a:hover {
    text-decoration: underline!important;
}

#site-footer .large-links .icon,
#site-footer .small-links .icon {
    display: none;
}

#site-footer .large-links {
    font-size: 16px;
}

#site-footer .large-links .listing {
    border-right: 1px solid #FFCF1C;
}

#site-footer .large-links .item {
    margin-bottom: 16px;
}

#site-footer .small-links {
    font-size: 13px;
}

nav.footer-navigation {
    padding-top: 20px;
}

nav.footer-navigation ul li.site-credit {
    display: none;
}

/* footer bottom navigation */
.footer-navigation ul {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-left: 0;
}

nav.footer-navigation ul li {
    margin: 0 0 0 20px;
}

/* desktop navigation */
@media only screen and (min-width: 992px) {
    nav.main ul li span a::before {
        content: '__';
        position: absolute;
        bottom: 2px;
        right: calc(100% - 10px);
    }
    
    li.site-credit {
        display: none;
        visibility: hidden;
    }
    
    div.logo-footer {
        position: absolute;
        width: 75%
        height: 75%;
    }
    
    div.social{
        left: 0;
        position: relative;
        top: 120px;
    }
    
    .footer-secondary-heading {
        text-align: center;
    }
    
    
    .logo-footer .image img{
        width: 75%;
        height: 75%;
    }
    
    nav ul {
        display: block;
        margin-left: 50px;
     }
    
     nav ul li img {
        height: 40%;
        width: 40%;
        justify-content: flex-end;
     }
    
    nav.footer-navigation {
        border-top: 1.5px solid #FFCF1C;
        text-align: left;
    }
    
    nav.main ul {
        margin-right: -10px;
    }
    
    nav.main ul li {
        margin-left: 15px;
    }
    
    nav.main ul li:nth-child(1) span a::before {
        color: #72C595;
    }
    
    nav.main ul li:nth-child(2) span a::before {
        color: #E83E66;
    }
    
    nav.main ul li:nth-child(3) span a::before {
        color: #6DACDE;
    }
    
    nav.main ul li:nth-child(4) span a::before {
        color: #EE7923;
    }
    
    nav.secondary {
        display: flex;
        flex-direction: row-reverse;
        width: calc(100% - 290px);
        border-bottom: 1px solid #FFCF1C;
    }
    
    /* this year at crestbridge area */
    .year-summed-up .listing-pods .item {
        flex: 0 0 var(--items-6)!important;
        padding: 0 20px;
    }
    
    /* social links */
    .social-links.desktop-right {
        height: 100%;
        justify-content: flex-end;
    }
    
    /* journey starts here area */
    .journey-starts-here .column:last-child {
        border-left: 2px solid #002C5B;
    }
    
    .journey-starts-here .column:last-child > div {
        height: 100%;
    }
    
    /* testimonials */
    .testimonials-banner .secondary-heading {
        padding-top: 80px;
    }
    
    .testimonials-banner .secondary-heading::before {
        content: url('/media/dcvd1mkk/testimonial-person-icon.svg');
        width: 75px;
        height: 80px;
        position: absolute;
        left: 0;
        bottom: calc(100% - 80px);
        background: none!important;
        margin: 0;
        margin-bottom: 10px;
    }
    
    .testimonials-banner .quote {
        padding-top: 50px;
    }
    
    .testimonials-banner .quote::before {
        content: url('/media/q5pjydcy/testimonial-speech-icon.svg');
        width: 48px;
        top: 3px;
        transform: none;
    }
}

@media only screen and (max-width: 1460px) {
    /* testimonials */
    .testimonials-banner .container {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 1199px) {
    #site-footer .footer-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    
    #site-footer .form-block {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    nav.footer-navigation ul {
        justify-content: space-between;
    }
    
    nav.footer-navigation ul li {
        margin-left: 0;
        margin-right: 20px;
    }
    
    nav.footer-navigation ul li:first-child {
        margin-right: 0;
    }
}

/* below desktop */
@media only screen and (max-width: 991px) {
    /* this year at crestbridge area */
    .year-summed-up .listing-pods .item .info p {
        text-align: center;
    }
    
    #site-header #logo {
        width: 133px;
    }
}

/* below portrait tablet */
@media only screen and (max-width: 767px) {
    .discover-block .component-inner {
        padding-top: var(--pc-spacing_sm);
    }
    
    .newsletter-form-wrapper {
        padding-top: var(--base-spacing);
    }
    
    /* journey starts here area */
    .journey-starts-here .component-introduction {
        width: 100%;
    }
    
    nav.footer-navigation ul {
        flex-wrap: wrap;
        justify-content: stretch;
    }
    
    nav.footer-navigation ul li {
        width: 33.33%;
        margin-right: 0;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    #site-footer .footer-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #site-footer .form-block {
        display: block;
    }
    
    #site-footer .footer-item .code-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    #site-footer .footer-item .listing {
        text-align: center;
    }
    
    #site-footer .large-links .listing {
        border-right: none;
    }
    
    .footer-form .mktoFormRow .mktoFormCol {
        width: 100%;
        padding-left: 0;
    }
    
    .footer-form .mktoFormRow .mktoFormCol:first-child {
        padding-right: 0;
    }
    
    .footer-form #LblmktoMarketingOptIn, 
    .footer-form .mktoHtmlText {
        width: 100%!important;
    }
    
    .footer-form .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList {
        right: 0;
    }
    
    .footer-form a, .newsletter-form a {
        padding: 0!important;
    }
    
    .footer-form .mktoFormRow:first-of-type .mktoFormCol {
        width: 100%!important;
    }
    
    .footer-form .mktoFormRow:first-of-type .mktoFormCol:first-child {
        padding-right: 0;
    }
    
    .footer-form .mktoFormRow:first-of-type .mktoFormCol {
        padding-left: 0;
    }
    
    nav.footer-navigation ul li {
        width: 50%;
    }
}

.footer__iframe-wrap iframe {
  position: relative;
  width: 100%;
  height: 500px;
}

@media only screen and (min-width: 1350px)  {
  .footer__iframe-wrap iframe {
    min-height: 500px;
  }
}

@media only screen and (max-width: 1349px)  {
  .footer__iframe-wrap iframe {
    min-height: 610px;
  }
}

@media only screen and (max-width: 450px)  {
  .footer__iframe-wrap iframe {
    min-height: 740px;
  }
}

@media only screen and (max-width: 300px)  {
  .footer__iframe-wrap iframe {
    min-height: 810px;
  }
}