﻿
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 0s;
}
.wmd_all_wrap {
    padding: 54px 5px 0;
}
.wmd-mega-menu {
    z-index:99999;
}
.bottom-static {
    bottom: 1rem;
}
.bottom-5 {
    bottom: 0rem;
}
.bottom-4 {
    bottom: 0rem;
}
.bottom-2 {
    bottom: 0rem;
}

.wmd-p5 {
    padding: 1rem !important;
}
h1.wtd-heading-lg.playfair {
    font-size: 1.8rem !important;
    font-family: 'playfair_display';
   /* font-weight: 900;*/
}
h2.wtd-heading-lg.playfair {
    font-size: 1.6rem !important;
    font-family: 'playfair_display';
    font-weight: 900;
}
h3.wtd-heading-lg.playfair {
    font-size: 1.4rem !important;
    font-family: 'playfair_display';
    /*font-weight: 900;*/
}

h4.wtd-heading-lg.playfair {
    font-size: 1.3rem !important;
    font-family: 'playfair_display';
    /*font-weight: 900;*/
}

h5.wtd-heading-lg.playfair {
    font-size: 1.1rem !important;
    font-family: 'playfair_display';
    /*font-weight: 900;*/
}

h6.wtd-heading-lg.playfair {
    font-size: 1rem !important;
    font-family: 'playfair_display';
   /* font-weight: normal;*/
}
.md-txt-align {
    text-align:justify;
}

.sku-img-container {
    /* background: linear-gradient(135deg, rgba(219,219,219,1) 25%, rgba(231,231,231,1) 96%);*/
    mix-blend-mode: multiply;
}
.skuview-carousel-item {
    background: unset !important;
    mix-blend-mode: multiply;
}
.bg-md-body {
    background-color: #083017;
}
.bg-md {
    background: #eff8f5 !important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.wmd-navbar .dropdown-menu {
    border: none;
    background-color: #fff !important;
}

.wmd-mega-menu .dropdown-item {
    padding-left: .3rem;
    padding-right: .3rem;
}
.www-nav-submenus .card-title a,
.wmd-top-nav .nav-link-sm {
    text-decoration: none;
    color: rgba(0,0,0,.7);
    letter-spacing: 1.2px;
}

.wmd-top-nav {
    background-color: #fff;
    margin-bottom: 0rem;
    margin-top: 0rem;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.wmd-small,
.wmd-txt-sm {
    font-size: 70%;
    letter-spacing: 1px;
    text-decoration: none;
}

.wmd-txt-lg {
    font-size: 90%;
    text-decoration: none;
}

.wmd-txt-md {
    font-size: 85%;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight:600;
}
.wtd-heading-md {
    font-size: .8rem !important;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: .8;
}

.wtd-heading-lg {
    font-size: 1.1rem !important;
    
}


h2.wtd-heading-lg {
    font-size: 1.6rem !important;
}

h3.wtd-heading-lg {
    font-size: 1.5rem !important;
}
h4.wtd-heading-lg {
    font-size: 1.3rem !important;
}
h5.wtd-heading-lg {
    font-size: 1.1rem !important;
}
@media (min-width: 768px) {
    h1.wtd-heading-lg, h2.wtd-heading-lg {
        font-size: 1.8rem !important;
    }

    .wtd-heading-md {
        font-size: .9rem !important;
    }

    .bottom-5 {
        bottom: 1rem;
    }

    .bottom-4 {
        bottom: 1rem;
    }

    .wmd-p5 {
        padding: 2rem !important;
    }

    h1.wtd-heading-lg.playfair {
        font-size: 3.2rem !important;
        font-family: 'playfair_display';
      
    }

    h3.wtd-heading-lg.playfair {
        font-size: 1.8rem !important;
        font-family: 'playfair_display';
       
    }

    h4.wtd-heading-lg.playfair {
        font-size: 1.3rem !important;
        font-family: 'playfair_display';
        
    }

    h5.wtd-heading-lg.playfair {
        font-size: 1.1rem !important;
        font-family: 'playfair_display';
      
    }

    h6.wtd-heading-lg.playfair {
        font-size: 1rem !important;
        font-family: 'playfair_display';
       
    }

}



@media (min-width: 992px) {
    .wmd-txt-sm {
        font-size: 80%;
    }
    .bottom-5 {
        bottom: 2rem;
    }

    .bottom-4 {
        bottom: 2rem;
    }

    .wmd-p5 {
        padding: 2rem !important;
    }

    h1.wtd-heading-lg.playfair {
        font-size: 3.8rem !important;
        font-family: 'playfair_display';
       
    }

    h3.wtd-heading-lg.playfair {
        font-size: 2.8rem !important;
        font-family: 'playfair_display';
        
    }

    h4.wtd-heading-lg.playfair {
        font-size: 1.3rem !important;
        font-family: 'playfair_display';
        
    }

    h5.wtd-heading-lg.playfair {
        font-size: 1.1rem !important;
        font-family: 'playfair_display';
        
    }

    h6.wtd-heading-lg.playfair {
        font-size: 1rem !important;
        font-family: 'playfair_display';
       
    }
}

@media (min-width: 1200px) {
    .wmd-txt-sm {
        font-size: 75%;
    }
    .wmd_all_wrap {
        padding: 80px 0 0;
    }
    .collapse.show.nav-lg {
        display: none;
    }

    .wmd-nav-collapse {
        display: block !important;
    }
   
    .md-txt-align {
        text-align: center;
    }
    .bottom-5 {
        bottom: 4rem;
    }

    .bottom-4 {
        bottom: 3rem;
    }

    .wmd-p5 {
        padding: 3rem !important;
    }
    h1.wtd-heading-lg.playfair {
        font-size: 4.2rem !important;
        font-family: 'playfair_display';
        
    }

    h3.wtd-heading-lg.playfair {
        font-size: 2.5rem !important;
        font-family: 'playfair_display';
        
    }

    h4.wtd-heading-lg.playfair {
        font-size: 2rem !important;
        font-family: 'playfair_display';
        
    }

    h5.wtd-heading-lg.playfair {
        font-size: 1.6rem !important;
        font-family: 'playfair_display';
       
    }

    h6.wtd-heading-lg.playfair {
        font-size: 1.4rem !important;
        font-family: 'playfair_display';
       
    }
}
@media (min-width: 1500px) {
    .wmd-txt-sm {
        font-size: 80%;
    }
    .bottom-5 {
        bottom: 5rem;
    }

    .bottom-4 {
        bottom: 4rem;
    }
    .bottom-2 {
        bottom: 2rem;
    }

    .wmd-p5 {
        padding: 3rem !important;
    }

    h1.wtd-heading-lg.playfair {
        font-size: 4.8rem !important;
        font-family: 'playfair_display';
       /* font-weight: 900;*/
    }
    h2.wtd-heading-lg.playfair {
        font-size: 3.8rem !important;
        font-family: 'playfair_/*display';
       /* font-weight: 900;*/
    }
    h3.wtd-heading-lg.playfair {
        font-size: 2.5rem !important;
        font-family: 'playfair_display';
       /* font-weight: 900;*/
    }

    h4.wtd-heading-lg.playfair {
        font-size: 2rem !important;
        font-family: 'playfair_display';
        /*font-weight: 900;*/
    }

    h5.wtd-heading-lg.playfair {
        font-size: 1.6rem !important;
        font-family: 'playfair_display';
        /*font-weight: 900;*/
    }

    h6.wtd-heading-lg.playfair {
        font-size: 1.4rem !important;
        font-family: 'playfair_display';
        font-weight: normal;
    }

}

@media (min-width: 1800px) {
}
    /*21 03 2022 */
  
/*

.cl-mr-0 {
    margin-right: 0px !important;
}

.cl-ml-0 {
    margin-left: 0px !important;
}

.wtd-fa-previous {
    position: fixed;
    margin-top: 30px !important;
    cursor: pointer;
    z-index: 999;
}

.framecard-container {
    background: rgb(219,219,219);
    background: linear-gradient(135deg, rgba(219,219,219,1) 25%, rgba(231,231,231,1) 96%);
    margin-top: 12px !important;
}

img.gallery-framefront, img.viewmore-frame, img.frame-alt-lg {
    mix-blend-mode: multiply;
}

img.transition-to {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    animation-name: cross-fade;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 4s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

.body-g11n-US .wtd-pink, .body-g11n-US .wtd-pink-white, .body-g11n-US .frame-info-wrap .card {
    background: #e6e4dc !important;
}

.wtd-grey {
    background: #e2eaf0 !important;
}


body {    
    background: #ffffff !important;
    overflow-x: hidden;*/
    /*background: #d2d2d3 !important;
    background-color: rgb(210, 210, 211);*/
    /*}

.wtd-fa-previous {
    margin-top: 30px !important;
    cursor: pointer;
}

.cl-mr-10 {
    margin-right: 10px !important;
}

.cl-ml-10 {
    margin-left: 10px !important;
}

.cl-pr-0 {
    padding-right: 0px !important;
}

.cl-pl-0 {
    padding-left: 0px !important;
}

.frameux-mt {
    margin-top: 10px !important;
    border: 0 !important;
}

.cl-pl-pr {
    padding: 4rem !important;
}

.frame-alt-imgcontainer {*/
    /*background: linear-gradient(135deg, rgba(50,50,50,0.4) 9%,rgba(150,150,150,0.1) 46%,rgba(50,50,50,0) 100%);*/
    /*background: rgb(219,219,219);
    background: linear-gradient(135deg, rgba(219,219,219,1) 25%, rgba(231,231,231,1) 96%);
}

img.frameimg-alt-blendmode {
    mix-blend-mode: multiply;
}

.frame-legacyimgcontainer {*/
    /*background: linear-gradient(135deg, rgba(50,50,50,0.4) 9%,rgba(150,150,150,0.1) 46%,rgba(50,50,50,0) 100%);*/
    /*background: rgb(219,219,219);
    background: linear-gradient(135deg, rgba(219,219,219,1) 25%, rgba(231,231,231,1) 96%);
}

img.frame-legacyimg-framefront {
    mix-blend-mode: multiply;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}*/
    /* Top left text */
    /*.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}*/
    /* Top right text */
    /*.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}*/
    /* Bottom right text */
    /*.bottom-right {
    position: absolute;
    bottom: 25px;
    right: 120px;
}

.rounded {
    border-radius: .7rem !important;
}

.cl-frame-btn {
    padding-top: 1.3rem !important;
}

.btn-border-white {
    border: 1.5px solid #ffffff !important;
}

.wtd-cl-btn-small {
    width: 4em;
    height: 4em;
}

.cl-btn-small {
    display: inline-block;
    font-weight: 500 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1.5px solid #000000;
    padding: 0.4rem .8rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2.4rem;
    color: #000;
    text-decoration: none !important;
    padding-bottom: .6rem !important;
}

.banner-centered {
    position: unset;
    top: auto;
    left: unset;
    transform: unset;
    padding-top: 15px !important;
}

.banner-text-white {
    color: #000000 !important;
}

.banner-text-black {
    color: #000000 !important;
}

.cl-btn {
    display: inline-block;
    font-weight: 500 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1.5px solid #000000;
    padding: 0rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2.2rem;
    color: #000;
    text-decoration: none !important;
    padding-bottom: .4rem !important;
}


.cl-bottom-center {
    position: absolute;
    bottom: 1%;
}

.cl-bottom-right {
    position: absolute;
    bottom: 3%;
    right: 8%;
}

    .cl-bottom-right h3 {
        font-size: 1rem;
    }

    .cl-bottom-right small {
        font-size: 60%;
    }
.md-bottom-center {
    position: absolute;
    bottom: 10%;
}
.md-h2 {
    font-size:2.2rem;
}
.md-history-banner {
    margin-left: 30px;
    margin-top: 8px;
}
*/
    body, .header {
        background-color: white;
    }



    .rounded {
        border-radius: 0 !important;
    }


    /* vimeo video */
    cl-vimeo-vid {
    }

    .md1888-txt-centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    /* g11n */
    body.body-g11n-waiting {
        display: none;
    }

    body:not(.body-g11n-GB) .g11n-only-GB,
    body:not(.body-g11n-US) .g11n-only-US,
    body:not(.body-g11n-CA) .g11n-only-CA,
    body.body-g11n-GB .g11n-non-GB,
    body.body-g11n-US .g11n-non-US,
    body.body-g11n-CA .g11n-non-CA {
        display: none !important;
    }


    @font-face {
        font-family: 'gillsanslight';
        src: url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/gillsanslight/gillsanslight.eot?#iefix') format('embedded-opentype'), url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/gillsanslight/gillsanslight.woff') format('woff'), url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/gillsanslight/gillsanslight.ttf') format('truetype'), url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/gillsanslight/gillsanslight.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .md-font {
        font-family: 'gillsanslight' !important;
    }

@font-face {
    font-family: 'playfair_display';
    /*src: url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/playfair_display/static/PlayfairDisplay-Regular.ttf');*/
    src: url('https://d1odcpzff7vdha.cloudfront.net/_static/.v-202506080155/fonts/playfair_display/static/PlayfairDisplay-Black.ttf');
    /*src: url('/gillsanslight-webfont.eot?#iefix') format('embedded-opentype'), url('/gillsanslight-webfont.woff') format('woff'), url('/gillsanslight-webfont.ttf') format('truetype'), url('/gillsanslight-webfont.svg#gillsans_lightregular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}


    body {
        font-family:  'gillsanslight';
        font-size: 1.2rem;
    }