﻿.www-store-menu-txt {
    margin-top:-15px!important;
}


.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;
    background-color: #e7e7e7 !important;

}
    /* sku zoom related css*/

.wtd-grey {
    background-color: #e7e7e7 !important;
}
.wtd-mega-menu a {
    color: rgba(0,0,0,.7);
}
.www-menu-text {
    color: rgba(0,0,0,.7);
    text-decoration: none;
}


body {
    background: #fff !important;
}

.www-nav-submenus .card-title {
    /*padding-left: .2rem;*/
    font-weight: 600;
    /* text-decoration:none;
    color:#000;*/
}
.wtd-bottom-wrap {
    position: absolute;
    bottom: 30px;    
    text-align: center;
    z-index: 1040;
}
.www-nav-submenus .card-title a,
.wtd-top-nav .nav-link-sm {
    text-decoration: none;
    color: rgba(0,0,0,.7);
    letter-spacing: 1.2px;    
}
.wtd-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);
}

.wtd-href-link, .wtd-href-link:hover{
    text-decoration: none !important;
}
/*.wtd-top-navbar .navbar-nav .nav-link {
    padding-bottom: 30px;
    padding-top: 30px;
}*/
.wtd-navbar .nav-link {
    position: relative;
    color: #000;
    text-decoration: none;
   
}

    .wtd-navbar .nav-link:hover {
        color: #000;
    }

.wtd-navbar .nav-link-lg:not(.eyetest-lnk)::after {
    content: "";
   /* position: absolute;*/
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.wtd-navbar .nav-link-lg:not(.eyetest-lnk):hover::after {
    transform: scaleX(1);
}


.dropdown:hover::before {
    background-color: #fff;
}


.wtd-pl-6 {
    padding-left: .5rem !important;
}

.wtd-pr-6 {
    padding-right: .5rem !important;
}


.wtd-image-wrapper {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    overflow: hidden;
    z-index: 0;
}


.framefront-md, .frameangle-v3-lg {
    margin-top: -25% !important;
    margin-bottom: -10% !important;
    overflow: hidden !important;
}




.www-td-nav-tabs .nav-link:focus, .www-td-nav-tabs .nav-link:hover, .www-td-nav-tabs .nav-link.active {
    border-color: #000 !important;
}

.www-td-nav-link {
    color: #000;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

    .www-td-nav-link.active {
        color: #fff !important;
        cursor: default;
        background-color: #000 !important;
        border: 1px solid #000;
    }

.wtd-btn-wrap {
    z-index: 9;
    position: relative;
}



.wtd-hr {
    border-bottom: .01px solid rgba(255,255,255,.5);
}

.wtd-hr-b {
    border-bottom: .01px solid rgba(0,0,0,.5);
}


/*special scenario*/
.wtd_all_wrap {
    padding: 54px 5px 0;
}
/* .body-g11n-GB .wtd_all_wrap {
        padding: 55px 0 0;
    }*/




.home-section-header, .wtd-section-header {
    font-family: 'gillsanslight';
}

.text-sanslight {
    font-family: 'gillsanslight';
}



    /*#wtd_navbar_top01.up, #wtd_navbar_top02.up {
        transform: translateY(-150%);*/
        /*transition: .9s cubic-bezier(.5,0,.5,1);*/
    /*}*/


    #tTopmenu a.thisurl, .wtd-active-sub-menu a {
        color: #ffffff !important;
        font-weight: 500;
    }

    .wtd-txt-sm:hover,
    .wtd-txt-lg:hover,
    .wtd-txt-md:hover {
        text-decoration: none;
    }

.wtd-small, .wtd-txt-sm {
    font-size: 70%;
    letter-spacing: 1px;
    text-decoration: none;
}

    .wtd-txt-lg {
        font-size: 90%;
        text-decoration: none;
    }

    .wtd-txt-md {
        font-size: 85%;
        letter-spacing:1px;
        text-decoration: none;
    }

    .wtd-eyetest-lnk {
        border: 1px solid #000;
    }
    /*top nav bar*/
    .bg-nav-grey {
        background-color: #3b3d3c;
    }

    .lh-1 {
        line-height: 1 !important;
    }

    .wtd-nav-link {
        padding: .3rem;
        text-decoration: none !important;
    }

    #tTopmenu {
        padding-left: .7rem;
    }

    .btn-eyetest {
        padding: 0.75rem 1.2rem !important;
        font-size: 1.3rem !important;
        line-height: 1.7;
        border-radius: 0.2rem;
    }


.wtd-navbar .dropdown-menu {
    border: none;
    background-color: #fff !important;
}
.wtd-mega-menu .dropdown-item {
    padding-left: .3rem;
    padding-right: .3rem;
}
.wtd-heading-md {
    font-size: .6rem !important;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: .8;
}
.wtd-heading-lg {
    font-size: 1.1rem !important;
    font-weight: 500;
    letter-spacing: 2px;
}

h1.wtd-heading-lg, h2.wtd-heading-lg {
    font-size: 1.6rem !important;
}

h3.wtd-heading-lg {
    font-size: 1.5rem !important;
}

h5.wtd-heading-lg {
    font-size: 1.2rem !important;
}
.nongallery-container .gallery-ml {
    margin-left: 0rem !important;
}
.nongallery-container .gallery-mr {
    margin-right: 0rem !important;
}



@media (min-width: 500px) {
}
.nongallery-container .margin-outer {
    margin-left: 1rem !important;
    margin-right: 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;
        }
    }

    @media (min-width: 992px) {
        .wtd_all_wrap {
            padding: 80px 0 0;
        }
        
        .wtd-btn-wrap {
            z-index: 99;
        }

        .wtd-small, .wtd-txt-sm {
            font-size: 70%;
        }
        .wtd-navbar .nav-link-lg:not(:first-child) {
            padding-left: 1.5rem !important;
            padding-right: 0rem !important;
        }
        .wtd-top-nav {
            background-color: #fff;
            margin-bottom: 0rem;
            margin-top: 0rem;
        }
        

       
    }

    @media (min-width: 1200px) {
        .www-store-menu-txt {
            margin-top:unset!important;
        }
    .wtd-nav-collapse {
        display: block !important;
    }
        .wtd-mega-menu {
            z-index: 99999;
            padding-top: 3rem !important;
            border: 1px solid rgba(0,0,0,.15);
        }
    .collapse.show.nav-lg {
        display: none;
    }     

    
    .wtd-small, .wtd-txt-sm {
        font-size: 55%;
    }    

    .wtd-collapse {
        display: block !important;
    }

        .wtd-navbar .nav-item {
            padding: 0rem 0rem;
        }
    }
    @media (min-width: 1300px) {
        .wtd-small, .wtd-txt-sm {
            font-size: 65%;
        }
    }
    @media (min-width: 1400px) {
        .wtd-small, .wtd-txt-sm {
            font-size: 72%;
        }
        .wtd-navbar .nav-item {
            padding: .1rem .1rem;
        }
    }

    @media (min-width: 1600px) {
        .wtd-navbar .nav-item {
            padding: .2rem .2rem;
        }
        .wtd-small, .wtd-txt-sm {
            font-size: 80%;
        }
    }

    @media (min-width: 1800px) {
        .wtd-navbar .nav-item {
            padding: 1.35rem .5rem;
        }
        .nongallery-container .margin-outer {
            margin-left: 4rem !important;
            margin-right: 4rem !important;
        }

        .nongallery-container .gallery-ml {
            margin-left: 4rem !important;
        }

        .nongallery-container .gallery-mr {
            margin-right: 4rem !important;
        }
    }





    @font-face {
        font-family: 'gillsanslight';
        src: url('https://d1u3tbowg43alx.cloudfront.net/_static/.v-202508070111/fonts/gillsanslight/gillsanslight.eot?#iefix') format('embedded-opentype'), url('https://d1u3tbowg43alx.cloudfront.net/_static/.v-202508070111/fonts/gillsanslight/gillsanslight.woff') format('woff'), url('https://d1u3tbowg43alx.cloudfront.net/_static/.v-202508070111/fonts/gillsanslight/gillsanslight.ttf') format('truetype'), url('https://d1u3tbowg43alx.cloudfront.net/_static/.v-202508070111/fonts/gillsanslight/gillsanslight.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }


