.slick-slider{
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:flex;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:inherit;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.html-slot{
    max-width:100%;
    font-family:didot;
    line-height:1.3
}
.html-slot h1,.html-slot h2,.html-slot h3{
    margin:0
}
.html-slot p{
    line-height:1.3;
    font-size:.9375rem
}
@media only screen and (min-width:992px){
    .html-slot p{
        font-size:1.0625rem
    }
    .html-slot .row__recommend .cards__card{
        padding: 15px;
    }
}
.html-slot .heading{
    font-size:1.1875rem;
    line-height:1.2
}
.html-slot .heading--italic{
    font-style:italic
}
.html-slot .heading--sans{
    font-family: 'futura-pt',sans-serif;
    font-weight:400;
    margin:0 0 5px
}
.html-slot .heading--uppercase{
    text-transform:uppercase
}
.html-slot .heading--sans-small{
    font-size:.8125rem
}
.html-slot .heading--alt{
    font-size:1.0625rem;
    line-height:1.3;
    letter-spacing:.2px
}
@media only screen and (min-width:576px){
    .html-slot .heading--alt{
        font-size:1.3125rem;
        line-height:1.38
    }
    .homepageTitle {
        width: 50%;
    }
}
@media only screen and (min-width:576px){
    .html-slot .heading{
        font-size:1.625rem;
        line-height:1.3
    }
    .html-slot .heading--white{
        color:#fff
    }
    .html-slot .heading--sans-small{
        font-size:.8125rem
    }
    .cards__card .amp-dc-image img {
        height: 100%;
    }
    .cards-single .box__text-section{
        width: 50%;
    }
}
@media only screen and (min-width:992px){
    .html-slot .heading{
        font-size:2.125rem;
    }
    .html-slot .header-editorial-hero .heading{
        font-size:2.125rem;
        color: white;
    }
    .html-slot .heading--sans-small{
        font-size:1.125rem;
    }
}
.html-slot .block-link{
    color:unset;
    display:block;
    cursor:pointer!important;
    width:100%;
    /* height:100% */
}
.html-slot .block-link:hover{
    text-decoration:none;
    color:unset
}
.html-slot .link-button{
    font-family: 'futura-pt',sans-serif;
    font-weight:400;
    font-size:.6875rem;
    border-radius:2px;
    display:inline-block;
    line-height:1;
    border:1px solid #001e42;
    text-transform:uppercase;
    padding:6px 18px 4.5px 18px;
    color:#001e42
}
.html-slot .link-button:hover{
    text-decoration:none
}
@media only screen and (min-width:576px){
    .html-slot .link-button--white{
        color:#fff;
        border:1px solid #fff
    }
    .html-slot .link-button--white a{
        color:#fff
    }
}
@media only screen and (min-width:992px){
    .html-slot .link-button{
        font-size:13px;
    }
}
.html-slot time{
    font-size:.6875rem;
    font-family: 'futura-pt',sans-serif;
    text-transform:uppercase;
    display:inline-block
}
.html-slot{
    width:100%;
    background-color:#fff
}
@media only screen and (min-width:576px){
    .html-slot .row-reverse-right{
        flex-direction:row-reverse
    }
}
.html-slot .box__text-section{
    padding:.9375rem;
    position:static
}
.html-slot .box__text-section .link-button{
    margin:10px 0 0;
}
.html-slot .box__text-section--product-info p{
    margin-top:0;
    font-family: 'futura-pt',sans-serif;
    font-size:12px;
    line-height:1.3
}
.html-slot .box__text-section--text-block{
    position:static;
    padding:15px 15px 15px
}
@media only screen and (max-width:576px){
    .html-slot .box__text-section--text-block .article-text-section.col-lg-8.no-gutters h2{
        padding-top:15px
    }
}
@media only screen and (min-width:576px){
    .html-slot .box__text-section{
        padding:.9375rem;
        position:absolute;
        top:0;
        left:0
    }
    .html-slot .box__text-section--text-block{
        position:static;
        padding:30px 30px 45px
    }
    .html-slot .box__text-section--text-block p{
        font-size:19px
    }
    .html-slot .box__text-section .link-button{
        margin:6px 0 0
    }
    .html-slot .box__text-section--static{
        position:static
    }
    .html-slot .box__text-section--static .heading{
        color:#001e42
    }
    .html-slot .box__text-section--editorial-article,.html-slot .box__text-section--product-info{
        position:static;
        padding:30px
    }
}
@media only screen and (min-width:992px){
    .html-slot .box__text-section{
        padding:1.5rem 1.8125rem
    }
    .html-slot .box__text-section .link-button{
        margin:12px 0 0
    }
    .html-slot .box__text-section--text-block{
        padding-top:45px;
        padding-bottom:60px;
        border-bottom:none;
        margin:0 30px 60px
    }
}
.html-slot .header{
    position:relative
}
.html-slot .header__bg{
    width:100%;
    height:100vh!important;
}
@media only screen and (max-width:576px){
    .html-slot .header__bg {
        width: 100%;
        height: 70vh!important;
    }
}
@media only screen and (min-width:576px){
    .html-slot .header__bg{
        width:100%;
        height:85vh;
    }
}
.html-slot .header__bg img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media only screen and (min-width:992px){
    .html-slot .header__bg img{
        height:auto;
        display:block
    }
}
.html-slot .header--editorial{
    margin-bottom:1.25rem
}
.html-slot .header--editorial .header__bg{
    padding:.9375rem .9375rem 0
}
.html-slot .header--editorial .header__bg img{
    height:auto
}
@media only screen and (min-width:576px){
    .html-slot .header--editorial .header__bg{
        padding:2rem 2rem 0
    }
}
@media only screen and (min-width:992px){
    .html-slot .header--editorial .header__bg{
        padding-right:0
    }
}
.html-slot .header--editorial--video,.html-slot .header--editorial .header__bg--video{
    padding:0
}
.html-slot .header--editorial time{
    margin:0 0 .8125rem
}
.html-slot .header--editorial .box__text-section{
    padding-top:0
}
@media only screen and (max-width:991px) and (min-width:576px){
    .html-slot .header--editorial .box__text-section{
        position:static!important;
        padding:1.0625rem 2rem 2rem
    }
    .html-slot .header--editorial .box__text-section h2,.html-slot .header--editorial .box__text-section p{
        max-width:70%;
        display:flex;
        justify-content:flex-start;
        align-items:flex-start
    }
    .html-slot .header--editorial .box__text-section p{
        float:left
    }
    .html-slot .header--editorial .box__text-section .link-button,.html-slot .header--editorial .box__text-section time{
        max-width:30%;
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
        float:right
    }
    .slider__slide.slick-slide picture img {
        height: 429px;
    }
    .header.header--no-copy {
        height: auto;
    }
    /* .header .header__bg picture{
        height: 723px !important;
    } */
    .html-slot .box__text-section{
        padding: 1.9375rem;
    }
}
@media only screen and (max-width:991px){
    .html-slot .header:after {
        content: "";
        display: block;
    }
}
@media only screen and (min-width:992px){
    .html-slot .header--editorial .box__text-section{
        position:static;
        text-align:center
    }
    .html-slot .header--editorial .box__text-section .heading{
        font-size:1.4375rem
    }
    .html-slot .header--editorial .box__text-section time{
        margin-top:7px
    }
    .slider__slide.slick-slide picture img {
        height: 797px;
    }
    .header.header--no-copy {
        height: auto;
    }
}
.html-slot .header--editorial p{
    margin-top:4px;
    font-size:1.0625rem
}
.html-slot .header.fixed-text .header__bg{
    position:absolute
}
.html-slot .header.fixed-text .box__text-section{
    position:absolute;
    position:-webkit-sticky;
    position:sticky;
}
.html-slot .header.fixed-text{
    width:100%;
    height: 100vh;
}
.html-slot .header.fixed-text:after{
    content:"";
    display:block;
    padding-bottom:56.9%;
    margin-top:-172px
}
.html-slot .header__faqs{
    padding:20% 15px;
    text-align:center
}
.html-slot .header__faqs h1{
    font-family: 'futura-pt';
    font-size:20px;
    text-transform:uppercase
}
@media only screen and (min-width:576px){
    .html-slot .header__faqs{
        padding:5% 30px
    }
}
.html-slot article p{
    margin-top:23px
}
@media only screen and (min-width:576px){
    .html-slot article p{
        font-size:17px
    }
}
@media only screen and (min-width:992px){
    .html-slot article p{
        font-size:19px
    }
}
.html-slot .article-product{
    padding:0 15px
}
.html-slot .article-product img{
    width:100%;
    padding-right:15px
}
.html-slot .article-product p{
    margin-top:0;
    font-family: 'futura-pt',sans-serif;
    font-size:12px;
    line-height:1.3
}
@media only screen and (min-width:576px){
    .html-slot .article-product{
        padding:0 30px
    }
}
@media only screen and (min-width:992px){
    .html-slot .article-product{
        padding:0
    }
}
.html-slot .article-snippet{
    padding:0 15px
}
.html-slot .article-snippet img{
    width:100%;
    display:block;
    padding-right:15px
}
.html-slot .article-snippet p{
    margin-top:0;
    padding-left:15px
}
.html-slot .section-heading{
    text-align:center;
    padding: 0 14% 2.8125rem 14%
}
@media only screen and (min-width:576px){
    .html-slot .section-heading{
        padding: 0 18% 3rem 18%
    }
}
@media only screen and (min-width:768px){
    .html-slot .section-heading{
        padding:0 20% 4rem 20%
    }
}
.html-slot .section-heading p{
    margin:.325rem 0 0
}
@media only screen and (min-width:576px){
    .html-slot .section-heading p{
        margin:.625rem 0 0
    }
}
@media only screen and (min-width:768px){
    .html-slot .section-heading p{
        margin:.6875rem 0 0
    }
}
.html-slot .cards__card{
    position:relative
}
.html-slot .cards__card .amp-dc-image,.html-slot .cards__card img{
    width:100%;
}
@media only screen and (max-width:576px){
    .html-slot .cards__card .amp-dc-image{
        height: auto;
    }
}
.html-slot .cards__card--book{
    text-align:center;
    padding:30px 40px 40px
}
.html-slot .cards__card--book .heading{
    margin-bottom:10px
}
.html-slot .cards__card--book p{
    font-size:1.1875rem
}
.html-slot .cards__text{
    padding:40px 15px
}
.html-slot .cards__text--variant{
    padding:15px
}
@media only screen and (min-width:576px){
    .html-slot .cards__text--variant p{
        font-size:19px
    }
}
@media only screen and (min-width:992px){
    .html-slot .cards__text--variant{
        padding:120px 80px
    }
}
@media only screen and (min-width:576px){
    .html-slot .cards__text{
        padding:30px 120px
    }
    .html-slot .cards__text p{
        font-size:19px
    }
}
@media only screen and (min-width:992px){
    .html-slot .cards__text{
        padding:120px 80px
    }
}
.html-slot .cards.fixed-text .cards__card{
    position:relative
}
.html-slot .cards.fixed-text .cards__card .amp-dc-image,.html-slot .cards.fixed-text .cards__card img{
    position:absolute
}
.html-slot .cards.fixed-text .cards__card .box__text-section{
    position:absolute;
    position:-webkit-sticky;
    position:sticky;
    top:77px
}
.html-slot .cards.fixed-text{
    width:100%
}
.html-slot .cards.fixed-text:after{
    content:"";
    display:block;
    padding-bottom:50%
}
.html-slot .cards:after{
    content:"";
    display:block;
    padding-bottom:50%
}
.html-slot .cards.fixed-text:after .cards__card{
    width:50%
}
.html-slot .cards-single{
    position:relative
}
.html-slot .cards-single__card{
    position:static
}
.html-slot .cards-single__card img{
    width:100%;
    display:block
}
.html-slot .cards-single.fixed-text .cards-single__card{
    position:relative
}
.html-slot .cards-single.fixed-text .cards-single__card img{
    position:absolute
}
.html-slot .cards-single.fixed-text .box__text-section{
    position:absolute;
    position:-webkit-sticky;
    position:sticky;
    top:77px;
    max-height:175px;
    width:50%
}
.html-slot .cards-single.fixed-text .box__text-section--right{
    left:50%
}
.html-slot .cards-single.fixed-text{
    width:100%
}
.html-slot .cards-single.fixed-text:after{
    content:"";
    display:block;
    padding-bottom:49.9%
}
.html-slot .cards-single.fixed-text:after .cards-single__card{
    width:50%
}

.html-slot .header__clp{
    width:100%
}
.html-slot .header__clp img{
    width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover
}
@media only screen and (min-width:992px){
    .html-slot .header__clp img{
        display:block;
    }
}

.html-slot .cards-clp__card{
    position:relative;
}
@media only screen and (max-width:575px){
    .html-slot .cards-clp__card{
        position:relative;
        margin-bottom: 30px;
    }
}
.html-slot .cards-clp__card picture{
    position:relative;
    height: 678px;
}
.html-slot .cards-clp__card img{
    width:100%;
    display:block;
}
.html-slot .cards-clp__card .box__text-section{
    position: relative;
    max-width:54%;
}
@media only screen and (max-width:768px){

    .html-slot .cards-clp__card .box__text-section{
        position: relative;
        max-width:85%;
    }
    .html-slot .cards-clp__card picture{
        position:relative;
        height: 300px;
    }
}
.html-slot .cards-clp__card .box__text-section p{
    margin:0;
}
@media only screen and (min-width:576px){
    .html-slot .cards-clp__card .box__text-section{
        bottom:0!important;
    }
}
.html-slot .cards-editorial img{
    width:100%;
    padding:.9375rem .9375rem 0;
    display:block
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial img{
        padding:2rem 2rem 0
    }
}
.html-slot .cards-editorial__card .box__text-section{
    padding-top:0;
    position:static
}
.html-slot .cards-editorial__card .box__text-section time{
    margin-bottom:.75rem
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card .box__text-section{
        padding:0 2rem 2rem
    }
}
.html-slot .cards-editorial__card--large img{
    padding:0
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card--large .box__text-section--header-style{
        position:static!important;
        padding:1.0625rem 2rem 2rem
    }
    .html-slot .cards-editorial__card--large .box__text-section--header-style h2,.html-slot .cards-editorial__card--large .box__text-section--header-style p{
        max-width:70%;
        display:flex;
        justify-content:flex-start;
        align-items:flex-start
    }
    .html-slot .cards-editorial__card--large .box__text-section--header-style p{
        float:left
    }
    .html-slot .cards-editorial__card--large .box__text-section--header-style .link-button,.html-slot .cards-editorial__card--large .box__text-section--header-style time{
        max-width:30%;
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
        float:right
    }
}
.html-slot .cards-editorial__card:nth-child(odd):not(.cards-editorial__card--large) .box__text-section,.html-slot .cards-editorial__card:nth-child(odd):not(.cards-editorial__card--large) img{
    padding-right:.46875rem
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card:nth-child(odd):not(.cards-editorial__card--large) .box__text-section,.html-slot .cards-editorial__card:nth-child(odd):not(.cards-editorial__card--large) img{
        padding-right:1rem
    }
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card:nth-child(odd):not(.cards-editorial__card--large) .heading{
        font-size:19px
    }
}
.html-slot .cards-editorial__card:nth-child(2n):not(.cards-editorial__card--large) .box__text-section,.html-slot .cards-editorial__card:nth-child(2n):not(.cards-editorial__card--large) img{
    padding-left:.46875rem
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card:nth-child(2n):not(.cards-editorial__card--large) .box__text-section,.html-slot .cards-editorial__card:nth-child(2n):not(.cards-editorial__card--large) img{
        padding-left:1rem
    }
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card:nth-child(2n):not(.cards-editorial__card--large) .heading{
        font-size:19px
    }
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial__card.cards-editorial__card--bleed:nth-child(odd) .box__text-section,.html-slot .cards-editorial__card.cards-editorial__card--bleed:nth-child(odd) img{
        padding-right:1rem
    }
    .html-slot .cards-editorial__card.cards-editorial__card--bleed:nth-child(2n) .box__text-section,.html-slot .cards-editorial__card.cards-editorial__card--bleed:nth-child(2n) img{
        padding-left:1rem
    }
}
@media only screen and (min-width:992px){
    .html-slot .cards-editorial__card.col-lg-3 .box__text-section,.html-slot .cards-editorial__card.col-lg-3 img{
        padding-left:1rem;
        padding-right:1rem
    }
}
.html-slot .cards-editorial p{
    margin-top:2px
}
@media only screen and (min-width:576px){
    .html-slot .cards-editorial p{
        margin-top:4px;
        font-size:1.0625rem
    }
}
@media only screen and (min-width:992px){
    .html-slot .cards-editorial--small-row{
        padding:0 1rem
    }
}
.html-slot .slider__slide{
    position:relative;
    margin:0 15px 0 0;
    width:334px
}
@media only screen and (min-width:576px){
    .html-slot .slider__slide{
        width:92vw;
        margin:0 31px 0 0
    }
}
@media only screen and (min-width:992px){
    .html-slot .slider__slide{
        max-width:1293px
    }
}

.html-slot .editorial-slider .slider__slide.slick-slide picture img {
    height: auto;
}

@media only screen and (min-width: 576px){

    .html-slot .editorial-slider .slider__slide {
        width: 33vw;
        margin: 0 31px 0 0;
    }
    
}
@media only screen and (max-width: 576px){

    .html-slot .editorial-slider {
        margin-bottom: 40px;
    }
    
}

.html-slot .slider__slide img{
    width:100%;
    height:auto
}
.html-slot .slider-details{
    margin:0;
    position:relative
}
.html-slot .slider-details__slide{
    position:relative;
    margin:0 auto;
    width:100%;
    height:100%;
    margin-bottom: 36.3px;
}
/* 30th june 2020: Home page product slider mobile cutoff fix */
@media only screen and (max-width:425px){
    .html-slot .slider-details__slide picture{
        height:100%;
    }
}
.html-slot .slider-details__slide .amp-dc-image,.html-slot .slider-details__slide img{
    margin:0 auto;
    width:100%;
}
@media only screen and (min-width:768px){
    .html-slot .slider-details__slide .amp-dc-image,.html-slot .slider-details__slide img{
        width:60vw;
    }
}
@media only screen and (min-width:992px){
    .html-slot .slider-details__slide .amp-dc-image,.html-slot .slider-details__slide img{
        width:auto;
        margin-top:13vh;
    }
}
.html-slot .slider-details__slide:focus{
    outline:none
}
.html-slot .slider-details__text-section{
    text-align:center;
    padding:5rem 0 0
}
@media only screen and (min-width:992px){
    .html-slot .slider-details__text-section{
        padding:4rem 0 0;
        max-width:40%;
        position:absolute;
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
.html-slot .slider-details__text-section h2{
    line-height:31px;
}
.html-slot .slider-details__text-section .link-button{
    margin:15px 0 20px 0;
    height:25px;
}
.html-slot .slider-details .slick-arrow{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    text-indent:-100000px;
    width:40px;
    height:40px;
    background-size:100%;
    padding:20px;
    z-index:10000;
    cursor:pointer
}
.html-slot .slider-details .slick-arrow:focus{
    outline:none
}
.html-slot .slider-details .slick-prev{
    left:20px;
    background:url(https://debeers.a.bigcontent.io/v1/static/left-arrow) 0 0 no-repeat;
    background-size:100%
}
.html-slot .slider-details .slick-next{
    right:20px;
    background:url(https://debeers.a.bigcontent.io/v1/static/right-arrow) 0 0 no-repeat;
    background-size:100%
}
.html-slot .slider-details .slick-dots{
    text-align:center;
    padding:0;
    height:40px;
    margin:0
}
@media only screen and (min-width:992px){
    .html-slot .slider-details .slick-dots{
        height:5rem
    }
}
.html-slot .slider-details .slick-dots li{
    display:inline-block;
    height:10px
}
.html-slot .slider-details .slick-dots li button{
    cursor:pointer;
    text-indent:-10000px;
    width:50px;
    height:1px;
    background:#bfbfbf;
    margin:0 7px;
    display:block
}
.html-slot .slider-details .slick-dots li button:focus{
    outline:none
}
@media only screen and (min-width:992px){
    .html-slot .slider-details .slick-dots li button{
        width:93px;
        margin:0 13px;
        height:2px
    }
}
.html-slot .slider-details .slick-dots li.slick-active button{
    background:#001e42;
    height:2px;
    transition:background-color .5s ease
}
@media only screen and (min-width:992px){
    .html-slot .slider-details .slick-dots li.slick-active button{
        height:3px
    }
}
.html-slot .faqs__main{
    padding:0 15px;
    list-style:none
}
.html-slot .faqs__main>li{
    font-family: 'futura-pt'
}
.html-slot .faqs__main>li h4{
    border-bottom:1px solid #001e42;
    padding:5px 0;
    font-size:16px;
    margin:0
}
.html-slot .faqs__main>li h4 a:focus,.html-slot .faqs__main>li h4 a:hover{
    text-decoration:none
}
.html-slot .faqs__main>li h4.faqs__header{
    cursor:pointer;
    background:url(../images/chevron.svg) 100% 50% no-repeat
}
.html-slot .faqs__main>li h4.faqs__header.active{
    background:url(../images/chevron-up.svg) 100% 50% no-repeat
}
@media only screen and (min-width:576px){
    .html-slot .faqs__main>li{
        padding:0 30px
    }
    .html-slot .faqs__main>li h4{
        font-size:11px
    }
    .html-slot .faqs__main>li li,.html-slot .faqs__main>li p{
        font-size:16px
    }
}
.html-slot .faqs__main .faqs__content{
    padding:20px 0 0
}
.html-slot .faqs__main ul{
    padding-left:0;
    margin-bottom:0;
    padding-bottom:20px
}
.html-slot .faqs__main li,.html-slot .faqs__main p{
    font-size:14px;
    list-style-type:none;
    line-height:1.5;
    margin-bottom:0
}
.html-slot .faqs__main p{
    padding-bottom:20px
}
.html-slot .row__recommend h4{
    font-family: 'futura-pt',sans serif;
    font-weight:400;
    border-bottom:1px solid #001e42;
    margin-bottom:15px;
    font-size:12px;
    line-height:1.5;
    text-transform:uppercase;
    padding: .9375rem;
}
/* .html-slot .cards-clp picture{
    height: 722px;
} */
@media only screen and (max-width:575px){
    .html-slot .row__recommend h4{
        padding: .9375rem;
    }
    /* .html-slot .cards-clp picture{
        height: 376px;
    } */
}
@media only screen and (max-width:768px){
    .html-slot .row__recommend h4{
        padding: .9375rem;
    }
    /* .html-slot .cards-clp picture{
        height: 384px;
    } */
}
/* .header .header__clp picture{
    height: 100%;
} */
/* .header .header__clp picture {
    min-height: 440px;
    height: 65vh;
    max-height: 65vh;
} */
/* .html-slot .cards__card .amp-dc-image{
    height: auto;
} */
@media only screen and (min-width:992px){
    .html-slot .row__recommend{
        padding:0 15px;
        margin-bottom:45px
    }
    .html-slot .row__recommend h4{
        margin:60px 15px 10px
    }
    .html-slot .row__recommend .cards__card .box__text-section{
        left:15px;
        top:15px
    }
    /* .header .header__clp picture{
        height: 605px !important;
    } */
    /* .html-slot .cards__card .amp-dc-image{
        height: 437px !important;
    } */
}
@media only screen and (max-width:768px){

    .header .header__clp picture{
        height: 557px !important;
    }

    .html-slot .header__bg.editorial-header{
        height: 557px!important;
    }
}
@media only screen and (max-width:575px){
    .box__text-section *{
        color:#001e42!important
    }
    .link-button{
        border:1px solid #001e42!important
    }
    .cards__card picture img {
        height: calc(100vw);
    }
    .slider__slide.slick-slide picture {
        display: contents !important;
    }
    .slider__slide.slick-slide picture img {
        height: 342px;
    }
    .header.header--no-copy {
        height: auto;
    }
    .header .header__clp picture{
        height: 358px !important;
    }

    /* .html-slot .cards__card .amp-dc-image{
        height: 358px !important;
    } */
}

.header__clp picture {
    height: auto;
}

.html-slot .header.fixed-text .box__text-section {
    height: 170px;
}

.contOpt1 picture img {
    height: 50vw;
}

.contOpt1 picture {
    height: 95% !important;
}

.contOpt2 picture img {
    height: calc(50vw - 8px);
}

.colHeight picture img {
    height: 43vw;
}

/*# sourceMappingURL=style.css.map */

/* Phase 2 */
    /* Card: UI- Footer - Mobile */
        /* F1: Space between arrow and line and end should be smaller - Need to create new css class   */
            @media only screen and (max-width:575px){
                .align-footer-icon::before {
                    margin-right: 0;
                }
            }
        /* F3: Spacing between section and list should be larger - Xuan need to add pb-2 to the code */
            /* Send to Everis if it doesnt work after upload*/
                footer .amp-dc-external-block.js_dc_external_block .row .collapse.show{
                    margin-bottom: 15px;
                    margin-top: 7px;
                }
    /* Card: PLP - Mobile and Desktop Header */
        /* added changes on line 942, 957 and 980 */
    /* PLP content slot rendering */
        /* added changes on line 945, 963 and 989 */    
    /* PLP - Basic Slider */
        .html-slot .slider h2.heading--sans-small {
            font-size: 34px;
            font-style: italic;
            font-family: Didot;
        }
        @media only screen and (max-width:991px){
            .html-slot .slider h2.heading--sans-small {
                font-size: 26px;
            }
        }
        @media only screen and (max-width:575px){
            .html-slot .slider h2.heading--sans-small {
                font-size: 19px;
            }
        }
    /* Home page UI issue */
        footer .text-uppercase {
            font-size: 12px!important;
        }
        .amp-viewer-kit .icon {
            background-color: transparent!important;
        }
        .amp-viewer-kit .icon.plus,
        .amp-viewer-kit .icon.minus
         {
            background-color: #c1bab0!important;
        }
        .amp-viewer-kit .desktop-normal-view .main-container .tooltip.image{
            font-size: 14pt!important;
            font-family:  'futura-pt'!important;
            text-transform: uppercase!important;
        }
        .amp-viewer-kit .desktop-full-view .main-container .nav-container ul .amp-anim-container li img,
        .amp-viewer-kit .desktop-full-view .nav-container .list .amp-slide .thumbnail,
        .amp-viewer-kit .desktop-full-view .main-container .nav-container ul .amp-anim-container li .tooltip.video,
        .amp-viewer-kit .desktop-full-view .nav-container .tooltip.video {
            display: none!important;
        }
        .amp-viewer-kit .desktop-full-view .main-container .icon.icon-left {
            background-color: transparent!important;
        }
        .amp-viewer-kit .desktop-full-view .main-container .icon.icon-right {
            background-color: transparent!important;
        }
        .amp-viewer-kit .desktop-full-view .nav-container .list .amp-slide.amp-selected::after {
            content: "";
            position: absolute;
            height: 2px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #001e42!important;
        }
        .amp-viewer-kit .desktop-full-view .nav-container .list .amp-slide::after {
            content: "";
            position: absolute;
            height: 2px;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #707175!important;
        }
        /* Editorial Page Issue */
        .html-slot .header__bg.editorial-header{
            height: 100vh;
        }
        .html-slot .editorial-full-width-banner{
            height: auto;
        }
        
        /* other */
        @media only screen and (max-width:575px){
            .html-slot .header__bg.editorial-header{
                height: 358px;
            }
            .html-slot .header__bg.editorial-header{
                height: 100vh;
            }
            .html-slot .slick-slider .box__text-section {
                padding: .9375rem 0;
                position: static;
            }
            .html-slot  .slick-slider .slick-current.slick-active .box__text-section {
                padding: .9375rem .9375rem;
                position: static;
            }
        }
        /* close icon */
        .amp-viewer-kit .icon.close {
            top: 0;
            right: 0;
            background-image: url(svg/ic_closeoverlay_24px.svg);
            background-color: black!important;
        }
        /* Editiorial header */
        @media only screen and (min-width: 992px){
            .html-slot .box__text-section--text-block {
                margin: 0;
            }
        }
        .header-editorial-hero{
            position: relative;
        }

        .header-editorial-hero .editorial-box__text-section h2{
            color: #ffffff;
        }
        @media only screen and (max-width: 768px){
            .header-editorial-hero .editorial-box__text-section h2{
                color: #001e42;
            }
        }
        .editorial-banner-container{
            position: relative;
        }
        .header-editorial-hero .editorial-box__text-section,
        .editorial-banner-container .editorial-box__text-section {
            padding: .9375rem;
            position: absolute;
            top: 0;
            left: 0;
        }

        @media only screen and (max-width: 768px){
            .header-editorial-hero .editorial-box__text-section,
            .editorial-banner-container .editorial-box__text-section  {
                position: relative;
                padding: 1.9375rem 0 0 1.9375rem;
            }
            .header-editorial-hero .editorial-box__text-section h2,
            .editorial-banner-container .editorial-box__text-section h2{
                color: #001e42;
            }
        }
        @media only screen and (max-width: 575px){
            .header-editorial-hero .editorial-box__text-section {
                position: relative;
                padding: 0.9375rem 0 0.9375rem 0.9375rem;
            }
            .header-editorial-hero .editorial-box__text-section h2{
                color: #001e42;
            }
        }
        .editorial-slide-card{
            max-width: 471px;
            max-height: 441px;
            width: 30vw;
        }
        @media only screen and (max-width: 768px){
            .editorial-slide-card{
                max-width: 304px;
                max-height: 304px;
                margin-bottom: 30px;
            }
        }
        @media only screen and (max-width: 575px){
            .editorial-slide-card{
                max-width: 300px;
                max-height: 300px;
                margin-bottom: 30px;
            }
        }
        .clp-image-no-text picture{
            height: 100%!important;
        }
        /* .product-grid .product{
            height: 450px;
        }
        .plp-content-slot{
            height: 900px;
        }
        @media only screen and (max-width: 575px){
            .product-grid .product{
                height: 300px;
            }
            .plp-content-slot{
                height: 300px;
            }
        } */
        /* PDP updates : below will work when Evaris applies code update I emailed */
        .pdp-double-card-row{
            margin: 0 0 0 30px;
        }
        /* Dont forget to add .row next to this */
        .pdp-double-card-container{
            width: 100%;
            display: flex;
            flex: auto;
        }
        .pdp-double-card-container .col-6{
            padding: 0;
        }
        .zoom-trap { 
            padding: 2px!important;
        }
        .tandc,
        .privacy,
        .delivery{
            padding: 0 29px;
            font-family:  'futura-pt';
            background-color: #fff;
            color: #001e42;
        }
        .tandc p,
        .tandc p span,
        .tandc p span span,
        .tandc p span span span,
        .tandc p span span span span,
        .privacy p,
        .privacy p span,
        .privacy p span span,
        .privacy p span span span,
        .privacy p span span span span,
        .delivery p,
        .delivery p span,
        .delivery p span span,
        .delivery p span span span,
        .delivery p span span span span,
        .tandc table tbody tr td p,
        .tandc table tbody tr td p span,
        .tandc table tbody tr td p span span,
        .tandc table tbody tr td p span span span,
        .tandc table tbody tr td p span span span span,
        .privacy table tbody tr td p,
        .privacy table tbody tr td p span,
        .privacy table tbody tr td p span span,
        .privacy table tbody tr td p span span span,
        .privacy table tbody tr td p span span span span,
        .delivery table tbody tr td p,
        .delivery table tbody tr td p span,
        .delivery table tbody tr td p span span,
        .delivery table tbody tr td p span span span,
        .delivery table tbody tr td p span span span span
        {
            font-family:  'futura-pt',Arial,sans-serif!important;
            background-color: #fff;
            color: #001e42;
        }
        .tandc h1,
        .privacy h1,
        .delivery h1 {
            font-family: Didot;
            font-size: 34px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.24;
            letter-spacing: -0.02px;
        }
        .tandc h2,
        .privacy h2,
        .delivery h2 {
            
            font-family: Didot;
            font-size: 23px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.26;
        }
        .tandc h3,
        .privacy h3,
        .delivery h3 {
            font-family: Didot;
            font-size: 23px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.26;
            letter-spacing: normal;
        }
        .tandc h4,
        .privacy h4,
        .delivery h4 {
            opacity: 0.2;
            font-family: Didot;
            font-size: 19px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.21;
        }
        /* Pre go live */
        .html-slot .cards-editorial__card--large picture{
            height: 84%;
        }
        .html-slot .campaign-text-with-cta {
            text-align:center;
            margin-top: 0;
        }
        @media only screen and (max-width: 575px){
            .html-slot .campaign-text-with-cta {
                text-align:center;
                margin-top: 20px;
            }
        }
        .html-slot .campaign-text-with-cta .link-button{
            color: #ffffff;
            background: #001e42;
        }
        .html-slot .editorial-text-and-image-card .cards__card.cards__text h2{
            margin-bottom: 20px;
        }
        /* FAQ Styles move start */
        .accordionWrapper{
            background:#fff;
            float:left;
            width:80%;
            box-sizing:border-box;
            padding: 15% 30px 30px 30px;
            margin: -10% 10% 10% 10%;
        }
        @media only screen and (max-width:575px){
            .accordionWrapper {
                padding: 0;
                background: #fff;
                float: left;
                width: 80%;
                box-sizing: border-box;
                margin: 5%;
            }
        }
        .accordionItem{
            float:left;
            display:block;
            width:100%;
            box-sizing: border-box;
            font-family:'Open-sans',Arial,sans-serif;
            border-top: solid 1px #0a2649;
        }
        .accordionItemHeading{
            cursor:pointer;
            margin:0px 0px 10px 0px;
            padding:10px;
            font-family:  'futura-pt';
            background-color: #fff;
            color: #001e42!important;
            width:100%;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            box-sizing: border-box;
    
            /* font-family:  'futura-pt'PT; */
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.36;
            letter-spacing: 0.34px;
        }
        .close .accordionItemContent{
            height:0px;
            transition:height 1s ease-out;
            -webkit-transform: scaleY(0);
            -o-transform: scaleY(0);
            -ms-transform: scaleY(0);
            transform: scaleY(0);
            float:left;
            display:block;
    
        }
        .open .accordionItemContent{
            padding: 20px;
            background-color: #fff;
            width: 100%;
            margin: 0px 0px 10px 0px;
            display:block;
            -webkit-transform: scaleY(1);
            -o-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: top;
            -o-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-transition: -webkit-transform 0.4s ease-out;
            -o-transition: -o-transform 0.4s ease;
            -ms-transition: -ms-transform 0.4s ease;
            transition: transform 0.4s ease;
            box-sizing: border-box;
                
            font-family:  'futura-pt';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.19;
            letter-spacing: normal;
        }
        .open .accordionItemHeading{
            margin:0px;
            background-color: #ffffff;
            color: #001e42;
        }
        /* FAQ tabs */
        .b-tab {
            padding: 20px;
            border: 1px solid #000;
            display: none;
            width: 64%;
            float: left;
        }
    
        .b-tab.active {
            display: block;
        }
    
        .b-nav-tab {
            display: inline-block;
        }
    
        .b-nav-tab.active {
            font-weight: bold;
        }
    
        /* new */
        .b-tab-holder{
            width: 28%;
            float: left;
            font-family:  'futura-pt';
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.31;
            letter-spacing: 0.3px;
            color: #001e42;
            padding: 20px 20px 20px 0;
        }
        @media only screen and (max-width: 768px){
            .b-tab-holder{
                width: 100%;
            }
            .b-tab-holder div{
                width: 100%;
            }
            .b-tab {
                width: 100%;
            }
        }
        .b-tab-holder div{
            text-decoration: none;
            text-transform: uppercase;
            font-family:  'futura-pt';
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.31;
            letter-spacing: 0.3px;
            color: #001e42;
            border-top: 1px solid #001e42;
            width: 100%;
            padding: 20px 0;
            cursor: pointer;
        }

        /* Friday */
        .html-slot .box__text-section--text-block .article-text-section h2{
            font-size: 19px;
            font-style: italic;
            padding-bottom: 20px;
        }
        /*PDP stack up on tablet*/
         @media only screen and (max-width: 768px){
            #pdpDesktopSlot1 .col-6 {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 30px;
            }
         }
        /* Video tag*/
        video{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* Video header desktop */
        .html-slot .video__bg{
            width:100%;
            height: 100vh;
        
        }
    
          /* Video header small desktop */
        @media only screen and (max-width:1440px){
            .html-slot .video__bg{
                width:100%;
                height: auto;
            
            }
        }
        /* Video header tablet */
        @media only screen and (max-width:768px){
            .html-slot .video__bg{
                width:100%;
                height: 45vh;
            
            }
        }
        /* Video header large mobile */
        @media only screen and (max-width:576px){
            .html-slot .video__bg{
                width: 100%;
                height: 45vh;
            }
        }
        /* Video header med mobile */
        @media only screen and (max-width:425px){
            .html-slot .video__bg{
                width: 100%;
                height: 40vh;
            }
        }
        /* Video header small mobile */
        @media only screen and (max-width:320px){
            .html-slot .video__bg{
                width: 100%;
                height: 30vh;
            }
        }


  
     
        /* FAQ styles move end */
        /* Changes made on lines: 
            - 284: also removed h-100 class from debeers-header-image-only.html on line 3, next to header__bg
            - 179: Mobile: Button height should be 26px and padding right/left 18px
            - 509: fixes title and button on homepage mobile - where it was misaligned
            - 1078: footer titles set to 12px

            - 1081: PDP-6
            - 1089: PDP-7, PS. video icon for full view needs to be fixed by Evaris or Amplience as we dont have it in code
            - 1084: PDP-13, PS. we left background grey as otherwise you cannot see zoom feature on white image
            - 1093: PDP-14
            - 1119: Editorial Page Issue
            - 284: Home page mobile height
            - 1135: HP2 � Title & button should be aligned to the image and when it slides to the current it should be as it is
            - 1144: Close icon for zoom environment
            - 644: Jewellery page overlapping
        */
/* Phase 2 Ends */


/* holiday */


/* hotspot start*/
    #amp-hotspot-debeers-container{
        position: relative;
        /* width:1000px; */
    }
    .spot {
        position: absolute;
        cursor:pointer;
        transform: translateX(-50%) translateY(-50%);
        width: 16px;
        height: 16px;
        z-index: 8;
    }
    .spot::before{
        content: '';
        position: relative;
        display: block;
        width: 300%;
        height: 300%;
        box-sizing: border-box;
        margin-left: -100%;
        margin-top: -100%;
        border-radius: 45px;
        background-color:#ffffff;
        animation: pulse-ring 1.75s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    }    
    .spot::after{
        content: '';
        position: absolute;
        left: 0; 
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0,0,0,.3);
        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
    }
    @keyframes pulse-ring {
        0% {
            transform: scale(.63);
        }
        80%, 100% {
            opacity: 0;
        }
    }
    @keyframes pulse-dot {
        0% {
            transform: scale(.8);
        }
        50% {
            transform: scale(1);
        }
        100% {
            transform: scale(.8);
        }
    }
    .btn-hotspot {
        background-color: transparent;
        -webkit-border-radius: 28;
        -moz-border-radius: 28;
        border-radius: 28px;
        font-family: Arial;
        color: #ffffff;
        font-size: 34px;
        padding: 10px;
        text-decoration: none;
        position: absolute;
        z-index: 9;
        left:-2px;
        top:-2px;
    }
    .btn-hotspot:hover {
    /* background-color: #f72a72; */
    text-decoration: none;
    }
    /* New */
    .dbj-hotspots{
        position: relative;
    }
    .dbj-hotspots .url{
        width: 200px;
        height: 100px;
        background-color: white;
        cursor: pointer;
        display: none;
        padding: 20px;
        color: black;
        text-decoration: none;
        position: relative;
        border-bottom: 2px solid #001e42;
        font-family: didot;
        line-height: 1.3;
        font-style: italic;
    }
    .dbj-hotspots .url a{
        color: black;
        text-decoration: none;
        width: 90%;
        display: block;
        font-style: italic;
    }
    .dbj-hotspots .url a span.link-button{
        font-family:  'futura-pt',sans-serif;
        font-weight: 400;
        font-size: .6875rem;
        border-radius: 2px;
        display: inline-block;
        line-height: 1;
        border: 1px solid #001e42;
        text-transform: uppercase;
        padding: 6px 18px 4.5px 0;
        color: #001e42;
        width: 100%;
        border: none;
        font-style: normal;
    }
    /* .dbj-hotspots div.url:before{
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 10px solid white;
        left: 27px;
        top: 54px;
        
    } */
    .dbj-hotspots .url:hover{
        display: block; 
        visibility: visible; 
        opacity: 1; 
    }
    .dbj-hotspots .closeHotSpot{
        position: absolute;
        right: -11px;
        top: -7px;
        padding: 10px;
    }

    /* @media only screen and (max-width:1200px){
        .dbj-hotspots .url{
            margin-left:-92px;
            font-size: 0.9375rem;
        }
    } */
/* hotspot end*/

/* Start styling rendering templates gift guide */
.html-slot .ggl1_hero_section {
    height: auto;
    }
    .html-slot .ggl1_hero_section .box__text-section {
        padding: 0;
        position: absolute;
        bottom: 50px;
        left: 42px;
        top: unset;
    }
     @media only screen and (max-width: 425px) {
        .html-slot .ggl1_hero_section .box__text-section {
            padding: 30px;
            position: absolute;
            bottom: 0;
            left: 0;
            top: unset;
        }
        .html-slot .ggl1_hero_section .box__text-section h2{
            color: #ffffff;
            font-size: 19px;
        }
        .html-slot .ggl1_hero_section .box__text-section h3{
            color: #ffffff;
            font-size: 15px;
        }
    }
    @media only screen and (max-width: 375px) {
        .html-slot .ggl1_hero_section .box__text-section {
            padding: 30px;
            position: absolute;
            bottom: 0;
            left: 0;
            top: unset;
        }
        .html-slot .ggl1_hero_section .box__text-section h2{
            color: #ffffff;
            font-size: 19px;
        }
        .html-slot .ggl1_hero_section .box__text-section h3{
            color: #ffffff;
            font-size: 15px;
        }
    }
    @media only screen and (max-width: 320px) {
        .html-slot .ggl1_hero_section .box__text-section {
            padding: 30px;
            position: absolute;
            bottom: 0;
            left: 0;
            top: unset;
        }
        .html-slot .ggl1_hero_section .box__text-section h2{
            color: #ffffff;
            font-size: 19px;
        }
        .html-slot .ggl1_hero_section .box__text-section h3{
            color: #ffffff;
            font-size: 15px;
        }
    }

.html-slot .ggl1_slider {
    background-color: #f1eade;
    color: black;
    padding: 0; }
    .html-slot .ggl1_slider .slider-multi {
    margin: 0;
    position: relative; }
    .html-slot .ggl1_slider .slider-multi .slick-list {
        padding: 0 16% 0 0 !important; }
    .html-slot .ggl1_slider .slider-multi .slick-arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-indent: -100000px;
        width: 40px;
        height: 40px;
        background-size: 100%;
        padding: 20px;
        z-index: 10000;
        cursor: pointer; }
        .html-slot .ggl1_slider .slider-multi .slick-arrow:focus {
        outline: none; }
    .html-slot .ggl1_slider .slider-multi .slick-prev {
        left: 20px;
        background: url(https://debeers.a.bigcontent.io/v1/static/left-arrow) 0 0 no-repeat;
        background-size: 100%; }
    .html-slot .ggl1_slider .slider-multi .slick-next {
        right: 20px;
        background: url(https://debeers.a.bigcontent.io/v1/static/right-arrow) 0 0 no-repeat;
        background-size: 100%; }
    .html-slot .ggl1_slider .slider-multi .slick-dots {
        text-align: center;
        padding: 0;
        height: 40px;
        margin: 0; }
        @media only screen and (min-width: 992px) {
        .html-slot .ggl1_slider .slider-multi .slick-dots {
            height: 5rem; } }
        .html-slot .ggl1_slider .slider-multi .slick-dots li {
        display: inline-block;
        height: 10px;
        position: relative;
        width: 50px; }
        @media only screen and (min-width: 992px) {
            .html-slot .ggl1_slider .slider-multi .slick-dots li {
            width: 150px; } }
        .html-slot .ggl1_slider .slider-multi .slick-dots li button {
            position: absolute;
            cursor: pointer;
            text-indent: -10000px;
            width: 50px;
            height: 1px;
            background: #bfbfbf;
            margin: 0 7px;
            display: block; }
            @media only screen and (min-width: 992px) {
            .html-slot .ggl1_slider .slider-multi .slick-dots li button {
                width: 150px;
                margin: 0 13px;
                height: 2px; } }
            .html-slot .ggl1_slider .slider-multi .slick-dots li button:focus {
            outline: none; }
        .html-slot .ggl1_slider .slider-multi .slick-dots li.slick-active button {
        background: #001e42;
        height: 2px;
        transition: background-color .5s ease; }
        @media only screen and (min-width: 992px) {
            .html-slot .ggl1_slider .slider-multi .slick-dots li.slick-active button {
            height: 3px; } }
    .html-slot .ggl1_slider .slider-multi .slider-details__slide {
        position: relative;
        margin: 0 auto;
        margin-bottom: 36.3px;
        width: 100% !important;
        height: auto;
        display: flex; }
        .html-slot .ggl1_slider .slider-multi .slider-details__slide picture {
        width: auto;
        height: auto; 
        margin: 13vh auto;
        }
        @media only screen and (max-width: 768px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture {
                margin: 4vh 0; 
                height: auto; 
            } }
        .html-slot .ggl1_slider .slider-multi .slider-details__slide picture img {
            margin: 0 auto;
            width: auto !important;
            height: auto !important;
            margin-top: auto;
        }
            @media only screen and (min-width: 992px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture img {
                width: 90%; } }
        @media only screen and (max-width: 425px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture img {
                width: 90%; 
                margin: auto;
                margin-top: unset;
            }
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture {
                height: auto; 
                margin: 3vh 0;
            } 
        }
        @media only screen and (max-width: 372px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture {
                margin: 6vh 0;
            } 
        }
        @media only screen and (max-width: 320px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide picture {
                margin: 6vh 0;
            } 
        }
            .html-slot .ggl1_slider .slider-multi .slider-details__slide .box__text-section{
                width: 100%;
                text-align: center;
                position: absolute;
                bottom: 0;
                left: 0;
                top: auto;
                }
                @media (min-width: 425px) {
                    .html-slot .ggl1_slider .slider-multi .slider-details__slide .box__text-section {
                        bottom: -50px;
                    } }
                    @media (min-width: 372px) {
                        .html-slot .ggl1_slider .slider-multi .slider-details__slide .box__text-section {
                            bottom: -50px;
                        } }
                        @media (min-width: 320px) {
                            .html-slot .ggl1_slider .slider-multi .slider-details__slide .box__text-section {
                                bottom: -50px;
                            } }

        .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
        color: #001e42;
        font-size: 0.75rem;
        font-family:  'futura-pt',Tahoma;
        text-align: center;
        margin: 12px auto;
        max-width: 60%;
        line-height: 1.125rem; 
        text-transform: uppercase;
            }
        @media (min-width: 320px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            max-width: 100%; } }
        @media (min-width: 375px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            max-width: 100%; } }
        @media (min-width: 425px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            max-width: 100%; } }
        @media (min-width: 768px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            font-size: 0.75rem;
            max-width: 100%; } }
        @media (min-width: 992px) {
        .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            font-size: 0.75rem;
            max-width: 80%; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_slider .slider-multi .slider-details__slide h2.title {
            font-size: 1.125rem;
            line-height: 1.5rem;
            max-width: 80%; } }
        .html-slot .ggl1_slider .slider-multi .slider-details__slide:focus {
        outline: none; }

.html-slot .ggl1_shoppable_product_tile_with_copy {
    background-color: #fff;
    padding: 70px 30px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3; }
    @media (min-width: 425px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy {
        padding: 30px; } }
    @media (min-width: 768px) {
    .html-slot .ggl1_shoppable_product_tile_with_copy {
        padding: 70px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl1_shoppable_product_tile_with_copy {
        padding: 70px 30px; } }
    .html-slot .ggl1_shoppable_product_tile_with_copy h3 {
    font-size: 23px; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .amp-dc-image {
    display: block;
    width: 100%;
    height: auto; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .block_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%; }
        @media (max-width: 425px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .block_wrap {
                height: auto; }
        }
        @media (max-width: 768px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .block_wrap {
                height: auto; }
        }
    .html-slot .ggl1_shoppable_product_tile_with_copy .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block {
    display: block;
    padding: 20px 0px; }
    @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block {
        padding: 10px 40px; } }
    .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .heading {
        /* font-style: italic; */
        color: #001e42;
        font-size: 1.1875rem;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 992px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .heading {
                font-size: 23px; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .heading {
            font-size: 2.125rem; } }
    .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block .description p {
            font-size: 1.4375rem; } }
    .html-slot .ggl1_shoppable_product_tile_with_copy .copy_block a span {
        padding: 6px 30px 4.5px 30px; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .product_block {
    display: flex;
    justify-content: space-between;
    padding: 0px; }
    @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block {
        padding: 0px 10px;
        padding-top: 10px; } }
    @media (min-width: 1200px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block {
        padding: 0px 40px;
        padding-top: 60px; } }
    .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item {
        width: 50%; }
        @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item {
            width: 33%; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item {
            width: 30%; } }
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item .amp-dc-image {
        display: block;
        width: 100%; }
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item .amp-dc-image img {
            display: block;
            width: 80%;
            margin: 0 auto; }
            @media (min-width: 768px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item .amp-dc-image img {
                width: 80%; } }
            @media (min-width: 1200px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item .amp-dc-image img {
                width: 100%; } }
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item h2.title {
        color: #001e42;
        font-size: 0.75rem;
        font-family:  'futura-pt',Tahoma;
        text-align: center;
        margin: 12px auto;
        max-width: 60%;
        line-height: 1.125rem;
        text-transform: uppercase;
        }
        @media (min-width: 768px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item h2.title {
            font-size: 0.75rem;
            max-width: 80%; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item h2.title {
            font-size: 1.125rem;
            line-height: 1.5rem;
            max-width: 80%; } }
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item a {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 80%; }
        @media (min-width: 400px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item a {
            width: 60%; } }
        @media (min-width: 768px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item a {
            width: 90%; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item a {
            width: 80%; } }
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item a span {
            width: 100%; }
    .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item:last-child {
        display: none; }
        @media (min-width: 768px) {
        .html-slot .ggl1_shoppable_product_tile_with_copy .product_block .product_block_item:last-child {
            display: block; } }

.html-slot .ggl1_double_image_with_copy {
    background-color: #f1eade;
    padding: 40px 0px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3; }
    @media (min-width: 1200px) {
    .html-slot .ggl1_double_image_with_copy {
        padding: 90px 30px; } }
    .html-slot .ggl1_double_image_with_copy .left-block-wrap {
    width: auto;
    max-width: 100%;
    padding: 0px 30px; }
    @media (min-width: 768px) {
        .html-slot .ggl1_double_image_with_copy .left-block-wrap {
        width: 31%;
        float: left;
        margin-right: 7.4%;
        padding: 0px; } }
    .html-slot .ggl1_double_image_with_copy .left-block-wrap .left-block {
        width: 100%; }
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .left-block .amp-dc-image {
        display: block;
        width: 100%;
        height: auto; }
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .left-block .amp-dc-image img {
            display: block;
            width: 100%;
            margin: 0 auto; }
    .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block {
        display: block;
        padding: 20px 0px;
        padding-bottom: 40px; }
        @media (min-width: 768px) {
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block {
            padding: 10px 0px;
            padding-left: 20px; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block {
            padding: 10px 0px; } }
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin: 10px 0px; }
        @media (min-width: 768px) {
            .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .heading {
            font-size: 2.125rem;
            margin: 15px 0px; } }
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
            .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block .description p {
            font-size: 1.4375rem; } }
        .html-slot .ggl1_double_image_with_copy .left-block-wrap .copy_block a span {
        padding: 6px 30px 4.5px 30px; }
    .html-slot .ggl1_double_image_with_copy .right-block-wrap {
    width: 100%; }
    @media (min-width: 768px) {
        .html-slot .ggl1_double_image_with_copy .right-block-wrap {
        width: 61.6%; } }
    .html-slot .ggl1_double_image_with_copy .right-block-wrap .right-block {
        width: 100%; }
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .right-block .amp-dc-image {
        display: block;
        width: 100%;
        height: auto; }
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .right-block .amp-dc-image img {
            display: block;
            width: 100%;
            margin: 0 auto; }
    .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block {
        display: block;
        padding: 20px 30px; }
        @media (min-width: 768px) {
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block {
            padding: 10px 0px; } }
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin: 10px 0px; }
        @media (min-width: 768px) {
            .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .heading {
            font-size: 2.125rem;
            margin: 15px 0px; } }
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
            .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
            .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block .description p {
            font-size: 1.4375rem; } }
        .html-slot .ggl1_double_image_with_copy .right-block-wrap .copy_block a span {
        padding: 6px 30px 4.5px 30px; }

.html-slot .ggl1_single_image_with_copy {
    background-color: #f1eade;
    padding: 40px 30px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3;
    flex-direction: row-reverse;
    position: relative; }
    @media (min-width: 320px) {
        .html-slot .ggl1_single_image_with_copy {
        padding: 40px 30px 0 30px; } }
    @media (min-width: 768px) {
    .html-slot .ggl1_single_image_with_copy {
        padding: 70px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl1_single_image_with_copy {
        padding: 70px 30px; } }
    .html-slot .ggl1_single_image_with_copy .white-bg {
    position: absolute;
    width: 100%;
    height: 45%;
    background: #fff;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media (min-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .white-bg {
        width: 80%;
        height: 100%;
        margin: 0px;
        left: auto; } }
    .html-slot .ggl1_single_image_with_copy .amp-dc-image {
    display: block;
    width: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .amp-dc-image {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl1_single_image_with_copy .amp-dc-image {
            height: auto; }
    }
    .html-slot .ggl1_single_image_with_copy .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .amp-dc-image img {
            width: 100%; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_single_image_with_copy .amp-dc-image img {
            width: 90%; } }
    .html-slot .ggl1_single_image_with_copy .block_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .block_wrap {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl1_single_image_with_copy .block_wrap {
            height: auto; }
    }
    .html-slot .ggl1_single_image_with_copy .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle; }
    .html-slot .ggl1_single_image_with_copy .copy_block {
    display: block;
    padding: 20px 0px; }
    @media (min-width: 320px) {
        .html-slot .ggl1_single_image_with_copy .copy_block {
        padding: 20px 0px 0px 0px; } }
    @media (min-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .copy_block {
        padding: 10px 40px; } }
    .html-slot .ggl1_single_image_with_copy .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_single_image_with_copy .copy_block .heading {
            font-size: 2.125rem; } }
    .html-slot .ggl1_single_image_with_copy .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
        .html-slot .ggl1_single_image_with_copy .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_single_image_with_copy .copy_block .description p {
            font-size: 1.4375rem; } }
    .html-slot .ggl1_single_image_with_copy .copy_block a span {
        padding: 6px 30px 4.5px 30px; }

.html-slot .ggl1_client_service {
    background-color: #f1eade;
    color: black;
    padding: 40px 0px;
    margin: 0px; }
    @media (min-width: 768px) {
    .html-slot .ggl1_client_service {
        padding: 60px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl1_client_service {
        padding: 90px 0px; } }
    .html-slot .ggl1_client_service .amp-dc-image {
    display: block;
    width: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl1_client_service .amp-dc-image {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl1_client_service .amp-dc-image {
            height: auto; }
    }
    .html-slot .ggl1_client_service .amp-dc-image img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto; }
        @media (max-width: 768px) {
            .html-slot .ggl1_client_service .amp-dc-image img {
                height: 237px;
                }
        }
        @media (max-width: 425px) {
            .html-slot .ggl1_client_service .amp-dc-image img {
                height: auto;}
        }
    .html-slot .ggl1_client_service .block_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff; }
    @media (max-width: 768px) {
        .html-slot .ggl1_client_service .block_wrap {
            height: auto;}
    }
    @media (max-width: 425px) {
        .html-slot .ggl1_client_service .block_wrap {
            height: auto;}
    }
    .html-slot .ggl1_client_service .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle; }
    .html-slot .ggl1_client_service .copy_block {
    display: block;
    padding: 60px 0px; }
    @media (max-width: 768px) {
        .html-slot .ggl1_client_service .copy_block {
            display: block;
            padding: 60px 30px; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl1_client_service .copy_block {
            display: block;
            padding: 60px 30px; }
    }
    @media (min-width: 768px) {
        .html-slot .ggl1_client_service .copy_block {
        padding: 10px 40px; } }
    @media (min-width: 992px) {
        .html-slot .ggl1_client_service .copy_block {
        padding: 50px 40px 10px 40px; } }
    .html-slot .ggl1_client_service .copy_block h2.heading {
        font-family:  'futura-pt',Tahoma;
        color: #001e42;
        font-size: 0.8125rem;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase; 
    }
    .html-slot .ggl1_client_service .copy_block h3.heading {
        color: #001e42;
        margin-bottom: 10px;
        font-family: Didot;
        font-size: 17px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.24;
        letter-spacing: 0.01px;
        text-align: center;
    }
    .html-slot .ggl1_client_service .copy_block .description p {
        color: #001e42;
        font-size: 1.0625rem;
        text-align: center;
        max-width: 80%;
        margin: 0 auto; }
        @media (min-width: 768px) {
        .html-slot .ggl1_client_service .copy_block .description p {
            font-size: 0.8125rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl1_client_service .copy_block .description p {
            font-size: 1.0625rem; } }
    .html-slot .ggl1_client_service .copy_block a {
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        text-align: center; }
        .html-slot .ggl1_client_service .copy_block a span {
        padding: 6px 20px 4.5px 20px;
        background: #001e42;
        color: #fff;
        text-transform: uppercase; }
    .html-slot .ggl1_client_service .copy_block ul.share-icons-block {
        width: 100%;
        list-style: none;
        display: inline-block;
        text-align: center;
        margin: 5px 0 0 0;
        padding: 0px; }
        .html-slot .ggl1_client_service .copy_block ul.share-icons-block li {
        list-style: none;
        display: inline-block; }
        .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a {
            display: block;
            margin-top: 40px; }
            @media (min-width: 768px) {
            .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a {
                margin-top: 25px; } }
            @media (min-width: 1200px) {
            .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a {
                margin-top: 10px; } }
            .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a i::before {
            font-size: 40px;
            color: #001e42; }
            @media (min-width: 768px) {
                .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a i::before {
                font-size: 45px; } }
            @media (min-width: 1200px) {
                .html-slot .ggl1_client_service .copy_block ul.share-icons-block li a i::before {
                font-size: 52px; } }

.html-slot .ggl1_you_may_also_like {
    background-color: #f1eade;
    padding: 0px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3;
    padding-bottom: 20px;
    font-family: didot; }
    @media (min-width: 768px) {
    .html-slot .ggl1_you_may_also_like {
        padding-bottom: 70px; } }
    .html-slot .ggl1_you_may_also_like h4 {
    font-family: didot;
    font-weight: 400;
    color: #001e42;
    border-bottom: 1px solid #001e42;
    margin-bottom: 40px;
    font-size: 1.1875rem;
    line-height: 1.5;
    padding: .9375rem;
    font-style: italic;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0px; }
    @media (min-width: 768px) {
        .html-slot .ggl1_you_may_also_like h4 {
        margin-bottom: 40px;
        font-size: 1.75rem; } }
    @media (min-width: 1200px) {
        .html-slot .ggl1_you_may_also_like h4 {
        margin-bottom: 70px;
        margin-left: 60px; } }

.html-slot .ggl2_single_image_with_copy_reverse {
    background-color: #f1eade;
    padding: 40px 30px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3;
    position: relative; }
    @media (min-width: 768px) {
    .html-slot .ggl2_single_image_with_copy_reverse {
        padding: 70px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl2_single_image_with_copy_reverse {
        padding: 70px 30px; } }
    .html-slot .ggl2_single_image_with_copy_reverse .white-bg {
    position: absolute;
    width: 100%;
    height: 45%;
    background: #fff;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .white-bg {
        width: 80%;
        height: 100%;
        margin: 0px;
        right: auto; } }
    .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image {
    display: block;
    width: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image {
            height: auto; }
    }
    .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image img {
            width: 100%; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_reverse .amp-dc-image img {
            width: 90%; } }
    .html-slot .ggl2_single_image_with_copy_reverse .block_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .block_wrap {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl2_single_image_with_copy_reverse .block_wrap {
            height: auto; }
    }
    .html-slot .ggl2_single_image_with_copy_reverse .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle; }
    .html-slot .ggl2_single_image_with_copy_reverse .copy_block {
    display: block;
    padding: 20px 0px;
    padding-bottom: 0px; }
    @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .copy_block {
        padding: 10px 40px; } }
    .html-slot .ggl2_single_image_with_copy_reverse .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_reverse .copy_block .heading {
            font-size: 2.125rem; } }
    .html-slot .ggl2_single_image_with_copy_reverse .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_reverse .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_reverse .copy_block .description p {
            font-size: 1.4375rem; } }
    .html-slot .ggl2_single_image_with_copy_reverse .copy_block a span {
        padding: 6px 30px 4.5px 30px; }

.html-slot .ggl2_large_single_image_with_copy {
    background-color: #f1eade;
    padding: 20px 0px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3;
    padding-bottom: 40px; }
    @media (min-width: 768px) {
    .html-slot .ggl2_large_single_image_with_copy {
        padding: 70px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl2_large_single_image_with_copy {
        padding: 90px 30px; } }
    .html-slot .ggl2_large_single_image_with_copy .block-wrap {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
        .html-slot .ggl2_large_single_image_with_copy .block-wrap {
        padding: 0px 30px; } }
    @media (min-width: 1200px) {
        .html-slot .ggl2_large_single_image_with_copy .block-wrap {
        max-width: 80%;
        padding: 0px; } }
    .html-slot .ggl2_large_single_image_with_copy .block-wrap .amp-dc-image {
        display: block;
        width: 100%;
        height: auto;
        }
        @media (max-width: 768px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .amp-dc-image {
                height: auto;
            }
        }
        @media (max-width: 425px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .amp-dc-image {
                height: auto;
            }
        }
        .html-slot .ggl2_large_single_image_with_copy .block-wrap .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
    .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block {
        display: block;
        padding: 20px 30px;
        padding-bottom: 0px; }
        @media (min-width: 768px) {
        .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block {
            padding: 30px 0px;
            padding-bottom: 0px; } }
        .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .heading {
            font-size: 2.125rem; } }
        .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem;
        margin-bottom: 15px; }
        @media (min-width: 768px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .description p {
            font-size: 1.0625rem;
            margin-bottom: 25px; } }
        @media (min-width: 1200px) {
            .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block .description p {
            font-size: 1.4375rem; } }
        .html-slot .ggl2_large_single_image_with_copy .block-wrap .copy_block a span {
        padding: 6px 30px 4.5px 30px; }

.html-slot .ggl2_single_image_with_copy_flush_right {
    background-color: #f1eade;
    padding: 40px 30px;
    margin-right: 0;
    margin-left: 0;
    font-family: didot;
    line-height: 1.3;
    position: relative; }
    @media (min-width: 768px) {
    .html-slot .ggl2_single_image_with_copy_flush_right {
        padding: 70px 0px; } }
    @media (min-width: 1200px) {
    .html-slot .ggl2_single_image_with_copy_flush_right {
        padding: 90px 30px; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .white-bg {
    position: absolute;
    width: 100%;
    height: 65%;
    background: #fff;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .white-bg {
        width: 80%;
        height: 80%;
        margin: 0px;
        right: auto; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image {
    display: block;
    width: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image {
            height: auto; }
    }
    .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image img {
            width: 100%; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .amp-dc-image img {
            width: 90%; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%; }
    @media (max-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap {
            height: auto; }
    }
    @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap {
        margin-top: -13%; } }
    @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap {
        margin-top: -12%; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle; }
    .html-slot .ggl2_single_image_with_copy_flush_right .copy_block {
    display: block;
    padding: 40px 0px;
    padding-top: 0px; }
    @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .copy_block {
        padding: 10px 40px; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .heading {
        font-style: italic;
        color: #001e42;
        font-size: 1.1875rem;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .heading {
            font-size: 1.4375rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .heading {
            font-size: 2.125rem; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .description p {
        color: #001e42;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .description p {
            font-size: 1.0625rem; } }
        @media (min-width: 1200px) {
        .html-slot .ggl2_single_image_with_copy_flush_right .copy_block .description p {
            font-size: 1.4375rem; } }
    .html-slot .ggl2_single_image_with_copy_flush_right .copy_block a span {
        padding: 6px 30px 4.5px 30px; }

.html-slot .slider-multi-youmaylike {
    margin: 0;
    position: relative; }
    .html-slot .slider-multi-youmaylike .slick-list {
    padding: 0 16% 0 0 !important; }
    @media (min-width: 1200px) {
        .html-slot .slider-multi-youmaylike .slick-list {
        padding: 0px !important; } }
    .html-slot .slider-multi-youmaylike .slider-details__slide {
    position: relative;
    margin: 0 auto;
    height: 100%; }
    @media (max-width: 1024px) {
        .html-slot .slider-multi-youmaylike .slider-details__slide {
            height: auto; }
    }
    @media (max-width: 768px) {
        .html-slot .slider-multi-youmaylike .slider-details__slide {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .slider-multi-youmaylike .slider-details__slide {
            height: auto; }
    }
    @media (min-width: 768px) {
        .html-slot .slider-multi-youmaylike .slider-details__slide {
        width: 30% !important; } }
    .html-slot .slider-multi-youmaylike .slider-details__slide:focus {
        outline: none; }
    .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card {
        max-width: 90%; }
        @media (min-width: 1200px) {
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card {
            max-width: 100%; } }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a {
        display: block;
        width: 100%; }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a:focus {
            outline: none; }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a .amp-dc-image {
            margin: 0 auto;
            width: 100%;
            display: block; }
            @media (max-width: 768px) {
                .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a .amp-dc-image
                 {height: auto; }
            }
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a .amp-dc-image img {
            width: 100% !important;
            height: auto !important; }
            @media (min-width: 768px) {
                .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card a .amp-dc-image img {
                    float: none;
                    width: 100% !important;
                    margin-top: auto;
                } }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section {
        padding: .9375rem;
        position: relative;
        display: block; }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section h2 {
            font-size: 1.1875rem;
            font-style: italic;
            font-family: didot;
            color: #001e42;
            font-weight: normal;
            margin-bottom: 8px; }
            @media (min-width: 768px) {
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section h2 {
                font-size: 2.125rem;
                margin-bottom: 15px;
                color: #fff; } }
        .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section p {
            font-family: didot;
            color: #001e42;
            font-size: 0.9375rem;
            font-weight: normal;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
            @supports (-webkit-line-clamp: 2) {
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: initial;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; } }
            @media (min-width: 768px) {
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section p {
                font-size: 1.4375rem;
                color: #fff; }
                @supports (-webkit-line-clamp: 1) {
                .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section p {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: initial;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical; } } }
        @media (min-width: 576px) {
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section {
            padding: .9375rem;
            position: absolute;
            top: auto;
            bottom: 0;
            left: 30px; } }
        @media (min-width: 768px) {
            .html-slot .slider-multi-youmaylike .slider-details__slide .cards__card .box__text-section {
            padding: .9375rem;
            position: absolute;
            top: auto;
            bottom: 0;
            left: 0; } }

/* start couture multi item slider styling start - used multi-slider-youmaylike styles as cloned */
.html-slot .slider-multi-couture {
    margin: 0;
    position: relative; }
    .html-slot .slider-multi-couture .slick-list {
    padding: 0 16% 0 0 !important; }
    @media (min-width: 1200px) {
        .html-slot .slider-multi-couture .slick-list {
        padding: 0px !important; } }
    .html-slot .slider-multi-couture .slider-details__slide {
    position: relative;
    margin: 0 auto;
    height: 100%; }
    @media (max-width: 1024px) {
        .html-slot .slider-multi-couture .slider-details__slide {
            height: auto; }
    }
    @media (max-width: 768px) {
        .html-slot .slider-multi-couture .slider-details__slide {
            height: auto; }
    }
    @media (max-width: 425px) {
        .html-slot .slider-multi-couture .slider-details__slide {
            height: auto; }
    }
    @media (min-width: 768px) {
        .html-slot .slider-multi-couture .slider-details__slide {
        width: 30% !important; } }
    .html-slot .slider-multi-couture .slider-details__slide:focus {
        outline: none; }
    .html-slot .slider-multi-couture .slider-details__slide .cards__card {
        max-width: 90%; }
        @media (min-width: 1200px) {
        .html-slot .slider-multi-couture .slider-details__slide .cards__card {
            max-width: 100%; } }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card a {
        display: block;
        width: 100%; }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card a:focus {
            outline: none; }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card a .amp-dc-image {
            margin: 0 auto;
            width: 100%;
            display: block; }
            @media (max-width: 768px) {
                .html-slot .slider-multi-couture .slider-details__slide .cards__card a .amp-dc-image
                 {height: auto; }
            }
            .html-slot .slider-multi-couture .slider-details__slide .cards__card a .amp-dc-image img {
            width: 100% !important;
            height: auto !important; }
            @media (min-width: 768px) {
                .html-slot .slider-multi-couture .slider-details__slide .cards__card a .amp-dc-image img {
                    float: none;
                    width: 100% !important;
                    margin-top: auto;
                } }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section {
        padding: .9375rem;
        position: relative;
        display: block; }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section h2 {
            font-size: 1.1875rem;
            font-style: italic;
            font-family: didot;
            color: #001e42;
            font-weight: normal;
            margin-bottom: 8px; }
            @media (min-width: 768px) {
            .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section h2 {
                font-size: 2.125rem;
                margin-bottom: 15px;
                color: #fff; } }
        .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section p {
            font-family: didot;
            color: #001e42;
            font-size: 0.9375rem;
            font-weight: normal;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
            @supports (-webkit-line-clamp: 2) {
            .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section p {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: initial;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; } }
            @media (min-width: 768px) {
            .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section p {
                font-size: 1.4375rem;
                color: #fff; }
                @supports (-webkit-line-clamp: 1) {
                .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section p {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: initial;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical; } } }
        @media (min-width: 576px) {
            .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section {
            padding: .9375rem;
            position: absolute;
            top: auto;
            bottom: 0;
            left: 30px; } }
        @media (min-width: 768px) {
            .html-slot .slider-multi-couture .slider-details__slide .cards__card .box__text-section {
            padding: .9375rem;
            position: absolute;
            top: auto;
            bottom: 0;
            left: 0; } }
/* end couture multi item  */
/* End styling rendering templates gift guide */

/* DBJ couture start  */
.html-slot .dbjc-video-countdown {
    margin: 0 auto;
    max-width: 1054px;
    max-height: 600px;
    position: relative; }
    .html-slot .dbjc-video-countdown .video-opac {
      width: 100%;
      height: 88%;
      position: absolute;
      left: 0;
      top: 0; }
    .html-slot .dbjc-video-countdown .col-12 {
      padding: 0;
      position: relative; }
      .html-slot .dbjc-video-countdown .col-12 .countdown {
        font-family: Didot;
        font-size: 60px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.03px;
        text-align: center;
        color: white;
        margin: 0 auto;
        position: absolute;
        top: 30%;
        z-index: 999;
        width: 100%; }
        @media only screen and (max-width: 375px) {
          .html-slot .dbjc-video-countdown .col-12 .countdown {
            bottom: 15%;
            left: 5%;
            width: 100%; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-video-countdown .col-12 .countdown {
            font-size: 30px;
            bottom: 10%;
            left: auto;
            width: 100%; } }
        .html-slot .dbjc-video-countdown .col-12 .countdown .under-counter {
          font-family: Didot;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.83;
          letter-spacing: normal;
          text-align: center;
          width: 100%;
          float: left;
          text-transform: uppercase;
          margin: 40px 0 0 0; }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-video-countdown .col-12 .countdown .under-counter {
              width: 100%;
              font-size: 19px;
              margin: 20px 0 0 0; } }
          @media only screen and (max-width: 320px) {
            .html-slot .dbjc-video-countdown .col-12 .countdown .under-counter {
              padding: 10px; } }
        .html-slot .dbjc-video-countdown .col-12 .countdown .timer {
          width: 100%;
          height: auto;
          float: left;
          margin: 0 auto;
          color: white;
          display: flex;
          justify-content: center; }
          .html-slot .dbjc-video-countdown .col-12 .countdown .timer .timeUnit {
            width: 20%;
            float: left;
            padding: 15px; }
            .html-slot .dbjc-video-countdown .col-12 .countdown .timer .timeUnit .timeUnitAmount {
              margin: 0 auto;
              font-family: Didot;
              font-size: 60px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: -0.03px;
              text-align: center; }
              @media only screen and (max-width: 560px) {
                .html-slot .dbjc-video-countdown .col-12 .countdown .timer .timeUnit .timeUnitAmount {
                  font-size: 36px; } }
            .html-slot .dbjc-video-countdown .col-12 .countdown .timer .timeUnit .timeUnitLabel {
              margin: 0 auto;
              font-family: Didot;
              font-size: 18px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.61;
              letter-spacing: -0.01px;
              text-align: center;
              text-transform: uppercase; }
              @media only screen and (max-width: 560px) {
                .html-slot .dbjc-video-countdown .col-12 .countdown .timer .timeUnit .timeUnitLabel {
                  font-size: 12px; } }
      .html-slot .dbjc-video-countdown .col-12 video {
        height: auto;
        }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-video-countdown .col-12 video {
            height: 376px;
            width: 100%; } }
  
  .html-slot .dbjc-appointment {
    width: 100%;
    padding: 70px 75px;
    background-color: white; }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-appointment {
        padding: 70px 40px;
        margin: auto; } }
    .html-slot .dbjc-appointment h1 {
      font-family: Didot;
      font-size: 23px;
      font-weight: 300;
      font-stretch: normal;
      line-height: 1.24;
      letter-spacing: normal;
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 30px 0; }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-appointment h1 {
          font-size: 19px; } }
    .html-slot .dbjc-appointment .the-text {
      width: 50%;
      text-align: center;
      margin: 0 auto;
      font-family: Didot;
      font-size: 19px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.26;
      letter-spacing: -0.01px;
      text-align: center; }
      @media only screen and (min-width: 1440px) {
        .html-slot .dbjc-appointment .the-text {
          width: 33.3%; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-appointment .the-text {
          width: 100%;
          font-size: 15px; } }
      .html-slot .dbjc-appointment .the-text .the-button-block {
        margin: 32px 0 0 0;
        float: left;
        width: 100%; }
        .html-slot .dbjc-appointment .the-text .the-button-block .the-button {
          font-family:  'futura-pt',sans-serif;
          font-weight: 400;
          font-size: .6875rem;
          border-radius: 2px;
          display: inline-block;
          line-height: 1;
          border: 1px solid #001e42;
          text-transform: uppercase;
          color: #001e42;
          padding: 6px 30px 4.5px 30px;
          font-size: 13px;
          margin: 0 auto; }
  
  .html-slot .dbjc-video {
    margin: 0 auto;
    width: 1054px;
    max-width: 1054px;
    max-height: 600px;
    height: 600px; }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-video {
        width: 100%;
        height: 375px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-video {
        width: 100%;
        height: 375px; } }
    .html-slot .dbjc-video .col-12 {
      padding: 0;
      position: relative; }
      .html-slot .dbjc-video .col-12 video {
        height: 600px; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-video .col-12 video {
            height: 600px; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-video .col-12 video {
            height: 375px; } }
  
  .html-slot .dbjc-bg-image-text-on-top {
    width: 75%;
    max-width: 1054px;
    height: 500px;
    margin: 0 auto;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-bg-image-text-on-top {
        width: 100%; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-bg-image-text-on-top {
        padding: 0;
        height: 375px;
        margin: -10px 0 0 0; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-bg-image-text-on-top picture img {
        padding: 0;
        height: 500px; } }
    .html-slot .dbjc-bg-image-text-on-top h1 {
      color: white;
      font-family: Didot;
      font-size: 34px;
      font-weight: 300;
      font-stretch: normal;
      font-style: italic;
      line-height: 1.24;
      letter-spacing: normal;
      text-align: center;
      position: absolute;
      max-width: 90%; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-bg-image-text-on-top h1 {
          font-size: 30px; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-bg-image-text-on-top h1 {
          font-size: 28px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-bg-image-text-on-top h1 {
          font-size: 18px; } }
  
  .html-slot .dbjc-links-section {
    width: 100%;
    padding: 70px 75px 0 75px;
    float: left;
    background-color: white; }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-links-section {
        width: 100%;
        padding: 40px;
        float: left;
        background-color: white;
        margin: 0; } }
    .html-slot .dbjc-links-section h1 {
      font-family: Didot;
      font-size: 34px;
      font-weight: 300;
      font-stretch: normal;
      line-height: 1.24;
      letter-spacing: normal;
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 70px 0; }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-links-section h1 {
          font-size: 19px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-links-section h1 {
          margin: 0 0 35px 0; } }
    .html-slot .dbjc-links-section .the-links {
      max-width: 1054px;
      margin: 0 auto 42px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-links-section .the-links {
          max-width: 100%; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-links-section .the-links {
          margin: 0; } }
      .html-slot .dbjc-links-section .the-links .link {
        font-family:  'futura-pt'PT;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 3.5;
        letter-spacing: 0.4px;
        text-align: center;
        text-decoration: underline;
        text-transform: uppercase;
        width: 33.3%;
        padding: 40px 90px; }
        .html-slot .dbjc-links-section .the-links .link:nth-last-child(-n+2) {
          width: 50%; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-links-section .the-links .link {
            font-size: 13px;
            padding: 34px; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-links-section .the-links .link {
            font-size: 13px;
            padding: 10px; } }
  
  .html-slot .dbjc-two-image-text-top {
    margin: 0 0 17px;
    font-family: Didot;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.01px;
    position: relative;
    width: 100%;
    float: left;
    height: auto; }
    @media only screen and (max-width: 1440px) {
      .html-slot .dbjc-two-image-text-top {
        height: auto; } }
    @media only screen and (max-width: 1024px) {
      .html-slot .dbjc-two-image-text-top {
        height: auto; } }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-two-image-text-top {
        width: 100%;
        height: 500px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-two-image-text-top {
        width: 100%;
        height: 900px; } }
    .html-slot .dbjc-two-image-text-top .left-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: auto;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-two-image-text-top .left-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-two-image-text-top .left-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-top .left-block {
          width: 384px;
          height: 370px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-top .left-block {
          width: 100%;
          height: 370px; } }
      .html-slot .dbjc-two-image-text-top .left-block .half-line {
        width: 30%;
        position: absolute;
        top: 57px;
        right: 0;
        height: 1px;
        background-color: #001e42;
        float: left; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-top .left-block .half-line {
            top: 37px;
            width: 30%; } }
      .html-slot .dbjc-two-image-text-top .left-block h2 {
        font-family: Didot;
        font-size: 48px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: uppercase;
        width: 50%;
        margin: 30px 0 0 30px;
        position: absolute;
        left: 40px;
        top: 0; }
        @media only screen and (max-width: 1024px) {
          .html-slot .dbjc-two-image-text-top .left-block h2 {
            font-size: 34px; } }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-top .left-block h2 {
            font-size: 30px; } }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-top .left-block h2 {
            font-size: 36px; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-two-image-text-top .left-block h2 {
            font-size: 19px;
            width: 63%;
            left: 20px;
            top: 0; } }
    .html-slot .dbjc-two-image-text-top .right-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: auto;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-two-image-text-top .right-block {
          width: 40%; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-two-image-text-top .right-block {
          width: 40%; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-top .right-block {
          position: relative;
          width: 384px;
          height: 370px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-top .right-block {
          width: 100%;
          height: 370px; } }
      .html-slot .dbjc-two-image-text-top .right-block .the-text {
        position: absolute;
        width: 100%;
        bottom: 40px; }
        @media only screen and (max-width: 1024px) {
          .html-slot .dbjc-two-image-text-top .right-block .the-text {
            bottom: -20px; } }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-top .right-block .the-text {
            bottom: -95px; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-two-image-text-top .right-block .the-text {
            bottom: -60px; } }
        .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
          margin: 0 44px 0 88px;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px;
          text-align: left; }
          @media only screen and (min-width: 1440px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
              margin: 0 44px 0 88px; } }
          @media only screen and (max-width: 1440px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
              margin: 0 44px 0 13px; } }
          @media only screen and (max-width: 1024px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
              margin: 0 44px 0 13px;
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
              margin: 0 44px 0 48px;
              font-size: 18px; } }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .the-description {
              font-size: 15px;
              margin: 10% 0 0 12%;
              width: 80%; } }
        .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
          text-transform: uppercase;
          font-family: Didot;
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px;
          margin: 26px 0 0 88px;
          float: left; }
          @media only screen and (min-width: 1441px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              margin: 26px 44px 0 88px;
              font-size: 18px; } }
          @media only screen and (max-width: 1440px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              margin: 26px 0 0 13px;
              font-size: 18px; } }
          @media only screen and (max-width: 1024px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              margin: 16px 44px 16px 13px;
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              font-size: 18px;
              margin: 20px 0 0 48px; } }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              font-size: 15px;
              margin: 20px 0 0 48px; } }
          @media only screen and (max-width: 320px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              font-size: 15px;
              margin: 20px 0 0 46px; } }
          @media only screen and (max-width: 320px) {
            .html-slot .dbjc-two-image-text-top .right-block .the-text .cta {
              font-size: 15px;
              margin: 20px 0 0 40px; } }
    .html-slot .dbjc-two-image-text-top .the-line {
      width: 80%;
      max-width: 80%;
      margin: 0 auto 50px auto;
      border-bottom: 1px solid #001e42; }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-two-image-text-top .the-line {
          margin: 25px auto 50px auto; } }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-two-image-text-top .the-line {
          margin: 25px auto 50px auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-top .the-line {
          margin: 100px auto 15px auto; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-top .the-line {
          width: 80%; } }
  
  .html-slot .dbjc-two-image-text-bottom {
    margin: 0 0 17px;
    font-family: Didot;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.01px;
    position: relative;
    width: 100%;
    float: left;
    height: 700px; }
    @media only screen and (max-width: 1024px) {
      .html-slot .dbjc-two-image-text-bottom {
        height: auto; } }
    @media only screen and (max-width: 1440px) {
      .html-slot .dbjc-two-image-text-bottom {
        height: auto; } }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-two-image-text-bottom {
        height: 370px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-two-image-text-bottom {
        height: 740px; } }
    .html-slot .dbjc-two-image-text-bottom .left-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: 700px;
      float: left;
      position: relative;
      border-bottom: solid 3px #001e42;
      padding: 30px; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          height: 370px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          width: 100%;
          height: 370px; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          width: 384px;
          height: 370px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-bottom .left-block {
          width: 100%;
          height: 370px; } }
      .html-slot .dbjc-two-image-text-bottom .left-block .half-line {
        width: 50%;
        position: absolute;
        top: 57px;
        right: 0;
        height: 3px;
        background-color: #001e42;
        float: left; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-bottom .left-block .half-line {
            top: 37px;
            width: 30%; } }
      .html-slot .dbjc-two-image-text-bottom .left-block h2 {
        font-family: Didot;
        font-size: 48px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: uppercase;
        width: 50%;
        margin: 30px 0 0 0; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-two-image-text-bottom .left-block h2 {
            font-size: 36px; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-two-image-text-bottom .left-block h2 {
            font-size: 19px;
            width: 63%;
            margin: 0; } }
    .html-slot .dbjc-two-image-text-bottom .right-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: 700px;
      float: left;
      position: relative;
      border-bottom: solid 3px #001e42; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-two-image-text-bottom .right-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-two-image-text-bottom .right-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-two-image-text-bottom .right-block {
          position: relative;
          width: 384px;
          height: 370px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-two-image-text-bottom .right-block {
          width: 100%;
          height: 370px; } }
      .html-slot .dbjc-two-image-text-bottom .right-block .the-text {
        position: absolute;
        width: 100%;
        bottom: 40px; }
        .html-slot .dbjc-two-image-text-bottom .right-block .the-text .the-description {
          margin: 0 44px 0 88px;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px;
          text-align: left; }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-two-image-text-bottom .right-block .the-text .the-description {
              font-size: 18px; } }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-two-image-text-bottom .right-block .the-text .the-description {
              font-size: 15px;
              margin: 10% 0 0 10%;
              width: 80%; } }
        .html-slot .dbjc-two-image-text-bottom .right-block .the-text .cta {
          text-transform: uppercase;
          font-family: Didot;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px;
          margin: 26px 0 0 88px;
          float: left; }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-two-image-text-bottom .right-block .the-text .cta {
              margin: 20px 0 0 40px;
              font-size: 15px; } }
  
  .html-slot .dbjc-bg-image-text-on-top-full-width {
    width: 100%;
    height: 455px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-bg-image-text-on-top-full-width {
        height: 350px;
        padding: 0; } }
    .html-slot .dbjc-bg-image-text-on-top-full-width picture {
      height: 455px;
      width: 100%; }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-bg-image-text-on-top-full-width picture {
          height: 350px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-bg-image-text-on-top-full-width picture img {
          padding: 0; } }
    .html-slot .dbjc-bg-image-text-on-top-full-width h2 {
      color: white;
      font-family: Didot;
      font-size: 34px;
      font-weight: 300;
      font-stretch: normal;
      font-style: italic;
      line-height: 1.24;
      letter-spacing: normal;
      text-align: center;
      max-width: 1057px;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      transform: translate(10%, -50%);
      max-width: 80%; }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-bg-image-text-on-top-full-width h2 {
          font-size: 28px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-bg-image-text-on-top-full-width h2 {
          font-size: 19px; } }
  
  .html-slot .dbjc-hero-large-image-left {
    margin: 0 0 50px;
    font-family: Didot;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.01px;
    position: relative;
    width: 100%;
    float: left;
    height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0; }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-hero-large-image-left {
        height: auto; } }
    .html-slot .dbjc-hero-large-image-left .left-block {
      width: 50%;
      height: 700px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-hero-large-image-left .left-block {
          width: 100%;
          height: 350px; } }
    .html-slot .dbjc-hero-large-image-left .right-block {
      width: 50%;
      height: 700px;
      float: left;
      position: relative;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-hero-large-image-left .right-block {
          width: 100%;
          height: auto; } }
      .html-slot .dbjc-hero-large-image-left .right-block .the-text {
        position: unset;
        bottom: unset;
        width: 100%; }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-hero-large-image-left .right-block .the-text {
            padding: 0 20px 20px 20px; } }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-hero-large-image-left .right-block .the-text {
            bottom: 10%; } }
        .html-slot .dbjc-hero-large-image-left .right-block .the-text h2 {
          font-family: Didot;
          font-size: 34px;
          font-weight: 300;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.24;
          letter-spacing: normal;
          width: 100%;
          margin: 30px 0 20px 0; }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-hero-large-image-left .right-block .the-text h2 {
              margin: 0 0 10px 0;
              font-size: 19px; } }
        .html-slot .dbjc-hero-large-image-left .right-block .the-text .the-description {
          margin: 0 44px 0 0;
          font-family: Didot;
          font-size: 19px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.21;
          letter-spacing: 0.02px; }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-hero-large-image-left .right-block .the-text .the-description {
              font-size: 15px; } }
        .html-slot .dbjc-hero-large-image-left .right-block .the-text .cta {
          text-transform: uppercase;
          font-family: Didot;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px;
          margin: 26px 0 0 88px;
          float: left; }
    .html-slot .dbjc-hero-large-image-left .the-line {
      width: 1200px;
      max-width: 1200px;
      margin: 0 auto 50px auto;
      border-bottom: 1px solid #001e42; }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-hero-large-image-left .the-line {
          width: 80%; } }
  
  .html-slot .dbjc-full-width-image-right {
    margin: 0 0 17px;
    font-family: Didot;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.01px;
    position: relative;
    width: 100%;
    height: 700px; }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-full-width-image-right {
        height: 375px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-full-width-image-right {
        height: auto;
        width: 100%; } }
    @media only screen and (max-width: 1024px) {
      .html-slot .dbjc-full-width-image-right {
        height: auto; } }
    @media only screen and (max-width: 1440px) {
      .html-slot .dbjc-full-width-image-right {
        height: auto; } }
    @media only screen and (min-width: 1440px) {
      .html-slot .dbjc-full-width-image-right {
        height: 780px; } }
    .html-slot .dbjc-full-width-image-right .right-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: 700px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-full-width-image-right .right-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-full-width-image-right .right-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-full-width-image-right .right-block {
          height: 375px;
          width: 384px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-right .right-block {
          height: 375px;
          width: 100%; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-right .right-block picture {
          height: 375px;
          width: 100%; } }
      .html-slot .dbjc-full-width-image-right .right-block h2 {
        font-family: Didot;
        font-size: 48px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: uppercase;
        width: 50%;
        margin: 30px 0 0 0; }
    .html-slot .dbjc-full-width-image-right .left-block {
      width: 50%;
      height: 700px;
      display: flex;
      align-items: center;
      padding: 26px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-full-width-image-right .left-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-full-width-image-right .left-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-full-width-image-right .left-block {
          height: 375px;
          width: 384px;
          padding: 9% 20px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-right .left-block {
          height: auto;
          width: 100%; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-right .left-block picture {
          height: 375px;
          width: 100%; } }
      .html-slot .dbjc-full-width-image-right .left-block .the-text {
        width: 90%; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-full-width-image-right .left-block .the-text {
            bottom: unset;
            right: unset; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-full-width-image-right .left-block .the-text {
            width: 100%; } }
        .html-slot .dbjc-full-width-image-right .left-block .the-text h2 {
          font-family: Didot;
          font-size: 34px;
          font-weight: 300;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.24;
          letter-spacing: normal;
          width: 100%;
          margin: 30px 0 20px 0; }
        .html-slot .dbjc-full-width-image-right .left-block .the-text .the-description {
          margin: 12px 0 0;
          font-family: Didot;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px; }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-full-width-image-right .left-block .the-text .the-description {
              font-size: 18px; } }
        .html-slot .dbjc-full-width-image-right .left-block .the-text .cta {
          text-transform: uppercase;
          font-family:  'futura-pt'PT;
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.31;
          letter-spacing: 0.33px;
          text-align: center;
          margin: 28px 0 0 0;
          float: left;
          padding: 4px 18px 5px;
          border-radius: 2px;
          border: 1px solid #001e42;
          width: 135px; }
  
  .html-slot .dbjc-full-width-image-left {
    margin: 0 0 17px;
    font-family: Didot;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -0.01px;
    position: relative;
    width: 100%;
    height: 700px; }
    @media only screen and (max-width: 1024px) {
      .html-slot .dbjc-full-width-image-left {
        height: auto; } }
    @media only screen and (max-width: 1440px) {
      .html-slot .dbjc-full-width-image-left {
        height: auto; } }
    @media only screen and (max-width: 768px) {
      .html-slot .dbjc-full-width-image-left {
        height: 375px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc-full-width-image-left {
        height: 670px;
        width: 100%; } }
    .html-slot .dbjc-full-width-image-left .left-block {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 50%;
      height: 700px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-full-width-image-left .left-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-full-width-image-left .left-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-full-width-image-left .left-block {
          height: 375px;
          width: 384px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-left .left-block {
          height: 375px;
          width: 100%; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-left .left-block picture {
          height: 375px;
          width: 100%; } }
      .html-slot .dbjc-full-width-image-left .left-block h2 {
        font-family: Didot;
        font-size: 48px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: uppercase;
        width: 50%;
        margin: 30px 0 0 0; }
    .html-slot .dbjc-full-width-image-left .right-block {
      width: 50%;
      height: 700px;
      display: flex;
      align-items: center;
      padding: 26px;
      float: left;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        .html-slot .dbjc-full-width-image-left .right-block {
          height: auto; } }
      @media only screen and (max-width: 1440px) {
        .html-slot .dbjc-full-width-image-left .right-block {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-full-width-image-left .right-block {
          height: 375px;
          width: 384px;
          padding: 20px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-left .right-block {
          height: 375px;
          width: 100%;
          padding: 0 20px 20px 20px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc-full-width-image-left .right-block picture {
          height: 375px;
          width: 100%; } }
      .html-slot .dbjc-full-width-image-left .right-block .the-text {
        width: 100%; }
        @media only screen and (max-width: 768px) {
          .html-slot .dbjc-full-width-image-left .right-block .the-text {
            width: 80%;
            bottom: 7%; } }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-full-width-image-left .right-block .the-text {
            width: 100%;
            bottom: 0; } }
        .html-slot .dbjc-full-width-image-left .right-block .the-text h2 {
          font-family: Didot;
          font-size: 34px;
          font-weight: 300;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.24;
          letter-spacing: normal;
          width: 100%;
          margin: 30px 0 20px 0; }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-full-width-image-left .right-block .the-text h2 {
              font-size: 28px; } }
        .html-slot .dbjc-full-width-image-left .right-block .the-text .the-description {
          margin: 12px 0 0;
          font-family: Didot;
          font-size: 23px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.26;
          letter-spacing: -0.01px; }
          @media only screen and (max-width: 768px) {
            .html-slot .dbjc-full-width-image-left .right-block .the-text .the-description {
              font-size: 18px; } }
          @media only screen and (max-width: 560px) {
            .html-slot .dbjc-full-width-image-left .right-block .the-text .the-description {
              margin: 0; } }
        .html-slot .dbjc-full-width-image-left .right-block .the-text .cta {
          text-transform: uppercase;
          font-family:  'futura-pt'PT;
          font-size: 13px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.31;
          letter-spacing: 0.33px;
          text-align: center;
          margin: 28px 0 0 0;
          float: left;
          padding: 4px 18px 5px;
          border-radius: 2px;
          border: 1px solid #001e42;
          width: 135px; }
  
  .html-slot .dbjc_client_service {
    color: #001e42;
    padding: 40px 0px;
    margin: 0px;
    width: 100%; }
    @media (min-width: 768px) {
      .html-slot .dbjc_client_service {
        padding: 60px 0px; } }
    @media (min-width: 1200px) {
      .html-slot .dbjc_client_service {
        padding: 40px 0px; } }
    @media only screen and (max-width: 560px) {
      .html-slot .dbjc_client_service {
        padding: 0; } }
    .html-slot .dbjc_client_service .amp-dc-image {
      display: block;
      width: 100%; }
      .html-slot .dbjc_client_service .amp-dc-image img {
        display: block;
        width: 100%;
        margin: 0 auto; }
    .html-slot .dbjc_client_service .block_wrap {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: #fff; }
      .html-slot .dbjc_client_service .block_wrap .block_content {
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc_client_service .block_wrap .block_content .copy_block {
            padding: 0 20px; } }
        .html-slot .dbjc_client_service .block_wrap .block_content .copy_block .description {
          padding-bottom: 10px; }
    .html-slot .dbjc_client_service .copy_block {
      display: block;
      padding: 60px 0px; }
      @media (min-width: 768px) {
        .html-slot .dbjc_client_service .copy_block {
          padding: 10px 40px; } }
      @media only screen and (max-width: 560px) {
        .html-slot .dbjc_client_service .copy_block {
          display: block;
          padding: 60px 20px;
          text-align: center; } }
      .html-slot .dbjc_client_service .copy_block .heading {
        font-family:  'futura-pt',Tahoma;
        color: #001e42;
        font-size: 0.8125rem;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase; }
      .html-slot .dbjc_client_service .copy_block .description p {
        color: #001e42;
        font-size: 1.0625rem;
        text-align: center;
        max-width: 80%;
        margin: 0 auto; }
        @media (min-width: 768px) {
          .html-slot .dbjc_client_service .copy_block .description p {
            font-size: 0.8125rem; } }
        @media (min-width: 1200px) {
          .html-slot .dbjc_client_service .copy_block .description p {
            font-size: 1.0625rem; } }
      .html-slot .dbjc_client_service .copy_block a {
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        text-align: center; }
        .html-slot .dbjc_client_service .copy_block a span {
          padding: 6px 20px 4.5px 20px;
          background: #001e42;
          color: #fff;
          text-transform: uppercase; }
      .html-slot .dbjc_client_service .copy_block ul.share-icons-block {
        width: 100%;
        list-style: none;
        display: inline-block;
        text-align: center;
        margin: 0px;
        padding: 0px; }
        .html-slot .dbjc_client_service .copy_block ul.share-icons-block li {
          list-style: none;
          display: inline-block; }
          .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a {
            display: block;
            margin-top: 40px; }
            @media (min-width: 768px) {
              .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a {
                margin-top: 25px; } }
            @media (min-width: 1200px) {
              .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a {
                margin-top: 10px; } }
            .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a i::before {
              font-size: 45px;
              color: #001e42; }
              @media (min-width: 768px) {
                .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a i::before {
                  font-size: 45px; } }
              @media (min-width: 1200px) {
                .html-slot .dbjc_client_service .copy_block ul.share-icons-block li a i::before {
                  font-size: 52px; } }
  
  .html-slot .dbjc-couture-three-images-blocks {
    background-color: #ffffff; }
    .html-slot .dbjc-couture-three-images-blocks .slider-details__slide picture {
      margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .html-slot .dbjc-couture-three-images-blocks .slider-details__slide picture {
          width: 100%; } }
      .html-slot .dbjc-couture-three-images-blocks .slider-details__slide picture img {
        margin-top: 36px;
        height: 80%; }
  
/* DBJ couture end  */

/* 11 feb tablet fixes home page slider  */
/* :start */
@media only screen and (max-width:768px){
    .html-slot .header__bg a picture{
        height: 100%;
    }
    .html-slot .slider-details__slide {
        height: auto;
    }
    .html-slot .slider-details__slide .amp-dc-image{
        height: auto;
    }
    .html-slot .slider__slide .amp-dc-image{
        height: auto;
    }
    .html-slot .dbjc_client_service .copy_block {
        padding: 0; 
    } 
}
/* :end */
.html-slot .dbjc-video-banner  {
    margin: 0 auto;
    max-width: 1054px;
    max-height: 600px;
    position: relative; }
    .html-slot .dbjc-video-banner .video-opac {
      width: 100%;
      height: 88%;
      position: absolute;
      left: 0;
      top: 0; }
    .html-slot .dbjc-video-banner .col-12 {
      padding: 0;
      position: relative; }
      .html-slot .dbjc-video-banner .col-12 video {
        height: auto;
        }
        @media only screen and (max-width: 560px) {
          .html-slot .dbjc-video-banner .col-12 video {
            height: 376px;
            width: 100%; } }


/*START Temporary fix for Welcome Modal - delete once on debeersglobal.css */
#customCountry .amp-dc-external-block.js_dc_external_block picture {
    display: block;
    height: auto;
}
/*END Temporary fix for Welcome Modal - delete once on debeersglobal.css */

/*START Welcome Modal image overlap fixed*/
@media (max-width: 425px) {
    #subscribeModal .content-img {
        margin-top: 20%;
    }
}
/*END Welcome Modal image overlap fixed*/

/* START PLP Hero fix */
.plp-top-banner .html-slot-container picture.amp-dc-image {
    height: auto !important;
}
/* END PLP Hero fix */

/* START New Global font styling - Font changes development - Amplience - 180278 */
@media (min-width: 576px) {
    .html-slot .header .box__text-section {
        top: 50%;
        transform: translateY(-50%);
        padding: 0 0 0 29px;
        padding-top: 0 !important;
        height: auto !important;
    }
}

.html-slot .header .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .header .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
.html-slot .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
.html-slot .slider-details__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .slider-details__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
.html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
.html-slot .box__text-section--text-block h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .box__text-section--text-block h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
    font-family: "didot", serif;
    margin: 8px 0 24px 0;
    font-size: 1.625rem;
    line-height: 1.31;
    text-transform: none;
}

@media (min-width: 576px) {

    .html-slot .header .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .header .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
    .html-slot .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
    .html-slot .slider-details__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .slider-details__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
    .html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2,
    .html-slot .box__text-section--text-block h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .box__text-section--text-block h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
        font-size: 2.625rem;
        margin-top: 23px;
        margin-bottom: 29px;
    }
}

.html-slot .header .box__text-section .heading.heading--italic,
.html-slot .header .box__text-section .link-button,
.html-slot .header .box__text-section .heading.heading--sans-small,
.html-slot .header .box__text-section .article-text-section p,
.html-slot .box__text-section .heading.heading--italic,
.html-slot .box__text-section .link-button,
.html-slot .box__text-section .heading.heading--sans-small,
.html-slot .box__text-section .article-text-section p,
.html-slot .slider-details__text-section .heading.heading--italic,
.html-slot .slider-details__text-section .link-button,
.html-slot .slider-details__text-section .heading.heading--sans-small,
.html-slot .slider-details__text-section .article-text-section p,
.html-slot .row--no-gutters-slider .box__text-section .heading.heading--italic,
.html-slot .row--no-gutters-slider .box__text-section .link-button,
.html-slot .row--no-gutters-slider .box__text-section .heading.heading--sans-small,
.html-slot .row--no-gutters-slider .box__text-section .article-text-section p,
.html-slot .editorial-box__text-section .heading.heading--italic,
.html-slot .editorial-box__text-section .link-button,
.html-slot .editorial-box__text-section .heading.heading--sans-small,
.html-slot .editorial-box__text-section .article-text-section p,
.html-slot .box__text-section--text-block .heading.heading--italic,
.html-slot .box__text-section--text-block .link-button,
.html-slot .box__text-section--text-block .heading.heading--sans-small,
.html-slot .box__text-section--text-block .article-text-section p {
    font-family: "futura-pt", sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.html-slot .header .box__text-section .heading.heading--sans-small,
.html-slot .box__text-section .heading.heading--sans-small,
.html-slot .slider-details__text-section .heading.heading--sans-small,
.html-slot .row--no-gutters-slider .box__text-section .heading.heading--sans-small,
.html-slot .editorial-box__text-section .heading.heading--sans-small,
.html-slot .box__text-section--text-block .heading.heading--sans-small {
    font-family: "didot", serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.html-slot .slider-details__text-section .heading.heading--sans-small {
    font-family: "futura-pt", sans-serif;
}

.html-slot .row__recommend h4,
.html-slot .cards__text p {
    font-family: "futura-pt", sans-serif;
}

.html-slot .header-editorial-hero .editorial-box__text-section .heading.heading--italic:only-child {
    font-family: "didot", serif;
    font-size: 1.625rem;
    text-transform: none;
}

@media (min-width: 576px) {
    .html-slot .header-editorial-hero .editorial-box__text-section .heading.heading--italic:only-child {
        font-size: 2.625rem;
    }
}

.html-slot .header .box__text-section .heading.heading--italic,
.html-slot .box__text-section .heading.heading--italic,
.html-slot .editorial-box__text-section .heading.heading--italic {
    margin: 0 0 8px 0;
    font-size: 0.8125rem;
    line-height: 1.31;
    text-transform: uppercase;
}

@media (min-width: 768px) {

    .html-slot .header .box__text-section .heading.heading--italic,
    .html-slot .box__text-section .heading.heading--italic,
    .html-slot .editorial-box__text-section .heading.heading--italic {
        font-size: 0.8125rem;
    }
}

.html-slot .header .box__text-section .heading,
.html-slot .box__text-section .heading,
.html-slot .editorial-box__text-section .heading {
    max-width: 300px;
    margin: 8px 0 24px 0;
    font-size: 1.625rem;
    line-height: 1.31;
}

@media (min-width: 576px) {

    .html-slot .header .box__text-section .heading,
    .html-slot .box__text-section .heading,
    .html-slot .editorial-box__text-section .heading {
        margin: 8px 0 32px 0;
        font-size: 2.375rem;
        width: 100%;
        max-width: 450px;
    }
}

@media (min-width: 768px) {

    .html-slot .header .box__text-section .heading,
    .html-slot .box__text-section .heading,
    .html-slot .editorial-box__text-section .heading {
        font-size: 3rem;
        line-height: 1.17;
    }
}

.html-slot .header .box__text-section .link-button,
.html-slot .box__text-section .link-button,
.html-slot .editorial-box__text-section .link-button {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.36;
    letter-spacing: 0.36px;
}

@media (min-width: 576px) {

    .html-slot .header .box__text-section .link-button,
    .html-slot .box__text-section .link-button,
    .html-slot .editorial-box__text-section .link-button {
        font-size: 0.8125rem;
        letter-spacing: 0.33px;
    }
}

@media (min-width: 768px) {

    .html-slot .header .box__text-section .link-button,
    .html-slot .box__text-section .link-button,
    .html-slot .editorial-box__text-section .link-button {
        font-size: 0.8125rem;
        line-height: 1.31;
        letter-spacing: 0.33px;
    }
}

.html-slot .box__text-section {
    padding-top: 24px;
    padding-bottom: 64px;
}

@media (min-width: 576px) {
    .html-slot .box__text-section {
        padding-top: 24px;
    }
}

.html-slot .box__text-section .heading {
    max-width: 100%;
}

.html-slot .slider-details__text-section {
    max-width: none;
    padding-top: 100px;
}

.html-slot .slider-details__text-section .heading.heading--sans-small {
    margin: 0 0 8px 0;
    font-size: 0.8125rem;
    line-height: 1.31;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .html-slot .slider-details__text-section .heading.heading--sans-small {
        font-size: 0.8125rem;
    }
}

.html-slot .slider-details__text-section .heading {
    margin: 8px 0 24px 0;
    font-size: 1.625rem;
    line-height: 1.31;
}

@media (min-width: 576px) {
    .html-slot .slider-details__text-section .heading {
        margin: 8px 0 32px 0;
        font-size: 2.375rem;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .html-slot .slider-details__text-section .heading {
        font-size: 2.125rem;
        line-height: 1.17;
    }
}

.html-slot .slider-details__text-section .link-button {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.36;
    letter-spacing: 0.36px;
    height: auto;
}

@media (min-width: 576px) {
    .html-slot .slider-details__text-section .link-button {
        font-size: 0.8125rem;
        letter-spacing: 0.33px;
    }
}

@media (min-width: 768px) {
    .html-slot .slider-details__text-section .link-button {
        font-size: 0.8125rem;
        line-height: 1.31;
        letter-spacing: 0.33px;
    }
}

.html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
    font-size: 1.625rem;
}

@media (min-width: 576px) {

    .html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .row--no-gutters-slider .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
        font-size: 4rem;
        margin-top: 0;
    }
}

.html-slot .row--no-gutters-slider .box__text-section .heading.heading--italic {
    margin: 0 0 8px 0;
    font-size: 0.8125rem;
    line-height: 1.31;
    text-transform: uppercase;
    letter-spacing: 0.14px;
}

@media (min-width: 768px) {
    .html-slot .row--no-gutters-slider .box__text-section .heading.heading--italic {
        font-size: 0.8125rem;
    }
}

.html-slot .row--no-gutters-slider .box__text-section .heading.heading--sans-small {
    max-width: 560px;
    margin: 8px 0 24px 0;
    font-size: 1.1875rem;
    line-height: 1.26;
    letter-spacing: -0.01px;
}

@media (min-width: 576px) {
    .html-slot .row--no-gutters-slider .box__text-section .heading.heading--sans-small {
        margin: 8px 0 32px 0;
        font-size: 3rem;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .html-slot .row--no-gutters-slider .box__text-section .heading.heading--sans-small {
        font-size: 4rem;
        line-height: 1.13;
        letter-spacing: -1.67px;
    }
}

.html-slot .header-editorial-hero .editorial-box__text-section {
    padding: 29px;
    padding-bottom: 0;
}

@media (min-width: 576px) {
    .html-slot .header-editorial-hero .editorial-box__text-section {
        padding-top: 64px;
    }
}

.html-slot .header-editorial-hero .editorial-box__text-section .heading.heading--italic {
    margin: 0 0 8px 0;
    font-size: 0.8125rem;
    line-height: 1.31;
}

@media (min-width: 768px) {
    .html-slot .header-editorial-hero .editorial-box__text-section .heading.heading--italic {
        font-size: 0.8125rem;
    }
}

.html-slot .header-editorial-hero .editorial-box__text-section .heading {
    max-width: 560px;
    font-size: 1.625rem;
    line-height: 1.31;
}

@media (min-width: 576px) {
    .html-slot .header-editorial-hero .editorial-box__text-section .heading {
        margin: 8px 0 32px 0;
        font-size: 2.375rem;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .html-slot .header-editorial-hero .editorial-box__text-section .heading {
        font-size: 3rem;
        line-height: 1.17;
    }
}

.html-slot .box__text-section--text-block .article-text-section p {
    font-size: 1.125rem;
    padding: 14px;
    padding-top: 8px;
    padding-bottom: 0;
    text-align: left;
}

.html-slot .box__text-section--text-block .article-text-section h1 {
    font-size: 1.5rem;
    padding: 14px;
}

@media (min-width: 576px) {
    .html-slot .box__text-section--text-block .article-text-section h1 {
        font-size: 2.625rem;
    }
}

.html-slot .box__text-section--text-block .article-text-section h2 {
    font-size: 1.3125rem;
    padding: 14px;
    font-style: normal;
}

@media (min-width: 576px) {
    .html-slot .box__text-section--text-block .article-text-section h2 {
        font-size: 2rem;
        padding-bottom: 8px;
    }
}

.html-slot .box__text-section--text-block .article-text-section h6 {
    padding: 14px;
    padding-bottom: 0;
}

.html-slot .box__text-section--text-block .article-text-section ul {
    list-style: none;
    padding-left: 28px;
}

.html-slot .box__text-section--text-block p {
    font-size: 1rem;
    line-height: 1.47;
}

.html-slot .row__recommend .cards__card .box__text-section {
    padding-top: 24px !important;
}

.html-slot .row__recommend .box__text-section {
    padding-top: 24px;
}

.html-slot .row__recommend .box__text-section .heading {
    font-size: 1.125rem;
    max-width: 100%;
}

@media (min-width: 576px) {
    .html-slot .row__recommend .box__text-section .heading {
        font-size: 2.125rem;
    }
}

.html-slot .cards.fixed-text .cards__card .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
.html-slot .cards.fixed-text .cards__card .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
    font-family: "didot", serif;
    margin: 8px 0 24px 0;
    font-size: 1.625rem;
    line-height: 1.31;
    text-transform: none;
}

@media (min-width: 576px) {

    .html-slot .cards.fixed-text .cards__card .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2),
    .html-slot .cards.fixed-text .cards__card .box__text-section h2.heading.heading--italic:first-child:nth-last-child(2)~h2 {
        font-size: 2.125rem;
        margin-top: 23px;
        margin-bottom: 29px;
    }
}

.html-slot .cards.fixed-text .cards__card .box__text-section .heading.heading--italic {
    font-style: normal;
}

@media (min-width: 576px) {
    .html-slot .cards.fixed-text .cards__card .box__text-section .heading.heading--italic {
        font-size: 0.8125rem;
    }
}

.html-slot .cards.fixed-text .cards__card .box__text-section .heading {
    font-size: 2.125rem;
}

.html-slot .cards.fixed-text .cards__card p {
    font-size: 1.125rem;
    line-height: 1.47;
}
/* END New Global font styling - Font changes development - Amplience - 180278 */


/* START Additional Font styling - Terms*/
.accordionWrapper h1 {
    font-size: 2.25rem;
}

.accordionWrapper h1,
.accordionWrapper h2,
.accordionWrapper h3 {
    font-family: "didot", serif;
}

.accordionWrapper h2 {
    font-size: 1.625rem;
    padding: 10px;
}

.accordionWrapper h3 {
    font-size: 0.8125rem;
}

.accordionWrapper p {
    font-family: "futura-pt", sans-serif;
}

.accordionWrapper .b-tab {
    margin-top: 20px;
}

.tandc,
.privacy,
.delivery {
    margin-top: 40px;
    font-family: "futura-pt", sans-serif;
}

.tandc a,
.privacy a,
.delivery a {
    text-decoration: underline;
}

.tandc td p a strong,
.privacy td p a strong,
.delivery td p a strong {
    font-family: "didot", serif;
    font-size: 1.125rem;
    padding-right: 20px;
}

.tandc h1,
.privacy h1,
.delivery h1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 2.25rem;
}

.tandc h1,
.privacy h1,
.delivery h1,
.tandc h2,
.privacy h2,
.delivery h2,
.tandc h3,
.privacy h3,
.delivery h3,
.tandc h4,
.privacy h4,
.delivery h4 {
    font-family: "didot", serif;
}

.tandc h2 {
    margin-top: 40px;
}

.delivery h2 {
    font-size: 1.625rem;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .delivery {
        width: 70%;
    }
}

/* END Additional Font styling - Terms*/


/*START Service Carousel Slider*/
.html-slot .service-carousel-container {
    width: auto;
    padding: 1.5rem 0 2rem;
    text-align: center;
    background-color: #faf7f2;
    overflow: hidden;
    margin: 25px 0;
}

@media (min-width: 768px) {
    .html-slot .service-carousel-container {
        padding: 1.5rem 0 3rem;
        margin: 50px 0;
    }
}

.html-slot .service-carousel-container .service-carousel-slider {
    min-height: 320px;
    max-width: 1440px;
    margin: auto auto;
    display: none;
}

@media (min-width: 991px) {
    .html-slot .service-carousel-container .service-carousel-slider {
        min-height: 0;
    }
}

.html-slot .service-carousel-container .service-carousel-slider.slick-initialized {
    display: block;
}

.html-slot .service-carousel-container .service-carousel-slider a.service-carousel-slider-block__href {
    display: block;
}

.html-slot .service-carousel-container .service-carousel-slider a.service-carousel-slider-block__href:hover {
    text-decoration: none;
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block h2 {
    font-family: "didot", serif;
    font-size: 1.1875rem;
    line-height: 1.26;
    max-width: 255px;
    text-align: center;
    margin: auto auto;
    margin-top: 24px;
}

@media (min-width: 768px) {
    .html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block h2 {
        font-size: 1.4375rem;
    }
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block p {
    font-family: "futura-pt", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.47;
    letter-spacing: 0.01px;
    max-width: 325px;
    text-align: center;
    margin: auto auto;
    margin-top: 16px;
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block p a {
    border-bottom: solid 1.4px #001e42;
    text-decoration: none;
    padding-bottom: 1px;
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block .service-carousel-slider-block__cta a {
    font-family: "futura-pt", sans-serif;
    font-size: 0.6875rem;
    line-height: 1.36;
    letter-spacing: 0.34px;
    border-bottom: solid 1.4px #001e42;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom: 2px;
    text-align: center;
    margin: auto auto;
    margin-top: 24px;
    display: inline-block;
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block .service-carousel-slider-block__icon i:before {
    font-size: 2rem;
}

.html-slot .service-carousel-container .service-carousel-slider .service-carousel-slider-block .service-carousel-slider-block__icon img {
    width: 32px;
    height: auto;
    text-align: center;
    margin: auto auto;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-slide {
    margin: 10px 66px 0 66px;
}

@media (min-width: 768px) {
    .html-slot .service-carousel-container .service-carousel-slider .slick-slide {
        margin: 10px;
        margin-bottom: 0;
    }
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots {
    text-align: center;
    padding: 0;
    height: 10px;
    margin: 0;
    margin-top: 48px;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots li {
    display: inline-block;
    height: 50px;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots li button {
    font-size: 0;
    cursor: pointer;
    text-indent: -10000px;
    height: 1px;
    background-color: #001e42;
    margin: 0 4px;
    display: block;
    width: 16px;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots li button:focus {
    outline: none;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots li button:after {
    content: '';
    position: absolute;
    top: -15px;
    bottom: -15px;
}

.html-slot .service-carousel-container .service-carousel-slider .slick-dots li.slick-active button {
    background-color: #001e42;
    height: 2px;
    transition: background-color .5s ease;
}

/*END Service Carousel Slider*/


/*START In-page Messaging*/
.html-slot .in-page-messaging-content {
    min-height: 148px;
    text-align: center;
    margin: auto;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.html-slot .in-page-messaging-content h2 {
    margin: 0 0 8px;
    font-family: "didot", serif;
    font-size: 1.1875rem;
    line-height: 1.26;
    letter-spacing: normal;
    color: #001e42;
}

@media (min-width: 768px) {
    .html-slot .in-page-messaging-content h2 {
        font-size: 1.4375rem;
    }
}

.html-slot .in-page-messaging-content p {
    margin: 0 0 24px;
    padding: 0 10px;
    font-family: "futura-pt", sans-serif;
    font-size: 0.6875rem;
    line-height: 1.31;
    letter-spacing: 0.3px;
    color: #001e42;
}

@media (min-width: 768px) {
    .html-slot .in-page-messaging-content p {
        font-size: 0.8125rem;
        padding: 0;
    }
}

.html-slot .in-page-messaging-content .link-button {
    font-family: "futura-pt", sans-serif;
    font-size: 0.8125rem;
    color: #001e42;
    border: 1.2px solid #001e42;
    line-height: 1.31;
    letter-spacing: 0.32px;
    padding: 11px 16px 10px;
    border-radius: 2px;
}

.html-slot .header-full-line h2 {
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .html-slot .header-full-line h2 {
        font-size: 1.5rem;
    }
}

.html-slot .header-full-line,
.html-slot .header-short-line {
    min-height: 64px;
}

.html-slot .header-full-line h2,
.html-slot .header-full-line p,
.html-slot .header-short-line h2,
.html-slot .header-short-line p {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "futura-pt", sans-serif;
    margin: 0 16px;
    line-height: 1.75;
    letter-spacing: 3.09px;
    color: #001e42;
    text-transform: uppercase;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}

.html-slot .header-full-line h2:before,
.html-slot .header-full-line h2:after,
.html-slot .header-full-line p:before,
.html-slot .header-full-line p:after,
.html-slot .header-short-line h2:before,
.html-slot .header-short-line h2:after,
.html-slot .header-short-line p:before,
.html-slot .header-short-line p:after {
    content: '';
    border-top: 1px solid;
    margin: 0 16px 0 0;
    flex: 1 0 20px;
}

.html-slot .header-full-line h2:after,
.html-slot .header-full-line p:after,
.html-slot .header-short-line h2:after,
.html-slot .header-short-line p:after {
    margin: 0 0 0 16px;
}

.html-slot .header-short-line {
    width: 85%;
}

@media (min-width: 768px) {
    .html-slot .header-short-line {
        width: 100%;
    }
}

.html-slot .header-short-line h2 {
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .html-slot .header-short-line h2 {
        font-size: 1.5rem;
    }
}

.html-slot .header-short-line p {
    margin: 0 16px;
    padding: 0;
    font-family: "futura-pt", sans-serif;
    font-size: 1.0625rem;
    line-height: 1.18;
    letter-spacing: 0.01px;
    text-transform: none;
    color: #001e42;
}

.html-slot .header-short-line p:before,
.html-slot .header-short-line p:after {
    content: '';
    border-top: 1px solid;
    margin: 0 16px 0 0;
    flex: 0 0 16px;
}

.html-slot .header-short-line p:after {
    margin: 0 0 0 16px;
}

@media (min-width: 768px) {
    .html-slot .header-short-line p {
        font-size: 1.25rem;
    }

    .html-slot .header-short-line p:before,
    .html-slot .header-short-line p:after {
        flex: 0 0 32px;
    }
}
/*END In-page Messaging*/


/* START Full Image Banner with Credit info - CSS */
.html-slot .full-image-banner-with-credit {
    margin: 25px 0;
}

@media (min-width: 767px) {
    .html-slot .full-image-banner-with-credit {
        margin: 50px 0;
    }
}

.html-slot .full-image-banner-with-credit__container {
    display: flex;
    flex-wrap: wrap;
    margin: auto auto;
    max-width: 999px;
}

.html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__image {
    margin: 0;
}

.html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__image picture {
    display: block;
    height: auto;
}

@media (min-width: 767px) {
    .html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__image picture {
        display: flex;
    }
}

.html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__text {
    max-width: 754px;
    margin: 14px 0 0 17px;
    padding: 0;
}

@media (min-width: 767px) {
    .html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__text {
        margin: 14px 0 0 14px;
    }
}

.html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__text p {
    font-family: "futura-pt", sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

@media (min-width: 767px) {
    .html-slot .full-image-banner-with-credit__container .full-image-banner-with-credit__text p {
        font-size: 0.875rem;
        line-height: 1.21;
        letter-spacing: 0.02px;
    }
}
/* END Full Image Banner with Credit info - CSS */

/* START Two Image Banner with Credit info - CSS */
.html-slot .two-image-banner-with-credit {
    margin: 25px 0;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit {
        margin: 50px 0;
    }
}

.html-slot .two-image-banner-with-credit__container {
    display: flex;
    flex-wrap: wrap;
    margin: auto auto;
}

.html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__image {
    margin: 0;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__image {
        margin: 0;
    }
}

.html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__image picture {
    height: auto;
    width: 100vw;
    margin: auto;
    display: block;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__image picture {
        width: auto;
        display: flex;
    }
}

.html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text {
    max-width: 523px;
    margin: 14px 14px 35px 17px;
    padding: 0 20px;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text {
        margin: 14px 50px 50px 40px;
        padding: 0;
    }
}

.html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text--flush {
    margin-left: 17px;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text--flush {
        margin-left: 0;
    }
}

.html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text p {
    font-family: "futura-pt", sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

@media (min-width: 767px) {
    .html-slot .two-image-banner-with-credit__container .two-image-banner-with-credit__text p {
        font-size: 0.875rem;
        line-height: 1.21;
        letter-spacing: 0.02px;
    }
}
/* END Two Image Banner with Credit info - CSS */