:root {
    --main-color: #00539A;
    --second-color: #F5F2EF;
    --third-color: #BDBDBD;
    --text-color: #3D3D3D;
    --title-color: #3D3D3D;
    --link-color: #3D3D3D;
}
html{
    margin: 0 !important;
}
body {
    color: var(--text-color);
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    background: #fff;
    padding: 0 !important;
}
a{
    text-decoration: none;
    color: var(--link-color);
}
a:hover{
    color: var(--main-color);
}
img {
    max-width: 100%;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    color: var(--title-color);
}
*{
    transition: all 0.2s ease-out;
}

.placehold{
    padding: 500px 0;
}

header{
    padding: 15px 25px;
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    z-index: 10;
}
ul.menu{
    display: flex;
    align-items: center;
    gap: 20px;
}
ul.menu li a{
    font-size: 12px;
}
ul.menu li a.active,
ul.menu li:hover a{
    font-weight: 600;
    color: var(--main-color);
}
header .middle{
    text-align: center;
}
header .right{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    font-size: 12px;
}
ul.lang{
    display: flex;
    align-items: center;
    gap: 5px;
}
ul.lang li.active a{
    color: var(--main-color);
    text-decoration: underline;
}
ul.lang li{
    position: relative;
}
ul.lang li:before{
    content: "/";
    margin-right: 5px;
}
ul.lang li:first-child:before{
    content: unset;
}
header .menu-item:hover{
    font-weight: 600;
}

section{
    padding: 60px 0;
}
section.home-video{
    padding: 0;
}

section.home-video video{
    display: block;
    width: 100%;
    height: auto;
}

h2.title{
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 30px;
}

.brand-item{
    display: block;
    position: relative;
    width: 100%;
}
.brand-item:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4;
}
.brand-item .brand-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 2;
}

section.area-1{
    background: var(--second-color);
    padding: 0;
}
h3.title{
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 30px;
}
section.area-1 p{
    font-size: 20px;
}

.counter-item{
    border-top: 1px solid var(--second-color);
    border-bottom: 1px solid var(--second-color);
    padding: 30px;
}
.counter-item h6{
    font-weight: 600;
    font-size: 60px;
}
.counter-item p{
    font-size: 18px;
    margin: 0;
}

.custom-item-1{
    position: relative;
    display: block;
    width: 100%;
}
.custom-item-1:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4;
}
.custom-item-1 h3{
    z-index: 2;
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 50px;
}
.custom-item-1 img{
    width: 100%;
}
section.history{
    background: var(--second-color);
}

.history-item{
    width: 100%;
    padding: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    background: #fff;
    display: flex;
    position: relative;
    gap: 10px;
    height: 100%;
}
.history-item img{
    height: 35px;
    object-fit: contain;
    max-width: 150px;
}
.history-item span{
    font-weight: 700;
    color: var(--third-color);
    font-size: 36px;
    text-align: center;
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
    border-left: 1px solid #D9D9D9;
}
.history-item p{
    font-size: 12px;
    margin: 0;
    border-top: 1px solid #D9D9D9;
    margin-top: 10px;
    padding-top: 10px;
    line-height: 1.3;
}
.history-item h6{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
}
.history-item h6 strong{
    font-size: 32px;
    font-weight: 700;
}

.gallery-item{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1.25;
    object-fit: cover;
}
.btn-theme{
    border: 1px solid #000000;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #231F20;
}
.btn-theme:hover{
    background: #000;
    color: #fff;
}
footer{
    border-top: 1px solid #EAEAEA;
    padding-top: 33px;
}
footer .alt{
    margin-top: 33px;
    background: #F6F6F6;
    padding: 17px;
    text-align: center;
    border-top: 1px solid #D9D9D9;
}
footer .alt p{
    font-size: 12px;
    margin: 0;
}
footer .item h4{
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 12px;
}
footer .item ul li a{
    font-size: 12px;
}
footer .item + .item{
    margin-top: 12px;
}
ul.social{
    display: flex;
    gap: 10px;
    align-items: center;
}
ul.social li a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 25px;
    height: 25px;
}

ul.social li a img{
    width: 25px;
    height: 25px;
    object-fit: contain;
}

header .theme-switcher .checkbox{opacity:0;position:absolute;}
header .theme-switcher .checkbox-label{border:1px solid #D9D9D9;background-color:#fff;width:46px;height:22px;border-radius:39px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
header .theme-switcher .checkbox-label .ball{background-color:var(--text-color);width:16px;height:16px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform 0.2s linear;}
header .theme-switcher .checkbox:checked + .checkbox-label .ball{transform:translateX(24px);}
header .theme-switcher .checkbox:checked + .checkbox-label{
    background: #D9D9D9;
}

section.bredcrumb{
    position: relative;
    width: 100%;
    padding: 0;
}
section.bredcrumb img{
    width: 100%;
    display: block;
}

h2.title-2{
    font-size: 28px;
    font-weight: 300;
}

.contact-item{
    position: relative;
    width: 100%;
    padding: 30px 0;
}
.contact-item h5{
    font-size: 15.75px;
    font-weight: 400;
    line-height: 24px;
}
.contact-item p{
    font-size: 16.31px;
    line-height: 24px;
    font-weight: 300;
}
.contact-item a{
    display: block;
    font-size: 16.31px;
    line-height: 24px;
    font-weight: 300;
}
.contact-item a.mail{
    text-decoration: underline;
}
.team-item{
    width: 100%;
}
.team-item img{
    width: 100%;
    display: block;
}
.team-item h5{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 15px;
}
.team-item h5 small{
    font-size: 12px;
}

section.page p{
    font-size: 18px;
}
@media(min-width: 769px){
    .reverse-d{
        flex-direction: row-reverse;
    }
}
hr{
    border-color: #EAEAEA;
}

.btn-download{
    border: 1px solid #000000;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #231F20;
    display: flex;
    gap: 15px;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}
.btn-download:hover{
    border: 1px solid #000000;
    background: var(--second-color);
}
.btn-download img{
    height: 23px;
    object-fit: contain;
}

.legal table td{
    border: 1px solid black;
    padding: 10px;
}
.legal h2{
    font-size: 21.61px;
    line-height: 32.41px;
    font-weight: 700;
}

section.navbar{
    padding: 15px 25px;
    border-bottom: 1px solid #EAEAEA;
}
section.navbar ul{
    display: flex;
    gap: 5px;
    width: 100%;
    justify-content: space-evenly;
}
section.navbar ul li a{
    font-size: 10px;
    font-weight: 400;
}
section.navbar ul li.active a{
    color: var(--main-color);
    font-weight: 600;
}
section.navbar ul li{
    padding: 0 5px;
}
section.navbar ul li.active{
    border-bottom: 1px solid var(--main-color);
}

.btn-theme-2{
    border: 1px solid #000000;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #231F20;
    display: flex;
    gap: 15px;
    align-items: center;
    width: max-content;
}
.btn-theme-2:hover{
    border: 1px solid #000000;
    background: var(--second-color);
}
.btn-theme-2 img{
    height: 23px;
    object-fit: contain;
}

section.brand .btns{
    display: flex;
    gap: 20px;
    justify-content: center;
}
section.brand .brand-logo{
    text-align: center;
}
section.brand .content{
    margin-top: 3rem;
}
section.brand .btns{
    margin-top: 3rem;
}
section.brand .media{
    margin-top: 3rem;
}
section.brand .media video,
section.brand .media img{
    display: block;
    width: 100%;
}
section.brand .brand-logo img{
    max-height: 200px;
    object-fit: contain;
}
@media(min-width: 769px){
    section.brand .brand-logo img{
        max-width: 600px;
    }
}

@media(min-width: 769px){
    .only-m{
        display: none !important;
    }
}
@media(max-width: 768px){
    .only-d{
        display: none !important;
    }

    .brands .col-4{
        padding: 5px !important;
        margin: 0 !important;
    }
    .area-1 .row{
        flex-direction: column-reverse;
    }
    h2.title{
        font-size: 24px;
    }
    body{
        font-size: 12px;
    }
    .area-1 .px-5{
        padding: 3rem;
        text-align: center;
    }
    h3.title{
        font-size: 24px;
    }
    section.area-1 p{
        font-size: 12px;
    }
    .counter-item h6{
        font-size: 36px;
    }
    .counter-item p{
        font-size: 12px;
    }
    section.area-1 + section{
        padding: 0;
    }
    .custom-item-1 h3{
        font-size: 24px;
        align-items: flex-end;
        bottom: 100px;
    }
    section.history h3{
        margin-bottom: 0;
    }
    section.history h3 + p{
        display: none;
    }
    footer .col-6{
        margin-bottom: 20px;
    }
    section.breadcrumb img{
        height: 300px;
        object-fit: cover;
    }
    section.navbar ul{
        overflow: scroll;
    }
    section.navbar ul li a{
        text-wrap: nowrap;
    }
    table{
        display: block;
        overflow: scroll;
    }
    section.page p{
        font-size: 12px;
    }
    section.page img{
        margin-bottom: 20px;
    }
    section{
        padding: 40px 0;
    }
    .team-item h5{
        font-size: 10px;
        line-height: 16px;
    }
    .team-item h5 small{
        font-size: 7px;
    }
    section.page h2.title{
        text-align: center;
    }
}
header{
    position: relative;
}

.submenu{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    transition: all 0.4s ease;
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    gap:0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: none;
}
.submenu::-webkit-scrollbar {
  display: none;
}

.submenu-item{
  min-width: 33.333vw;
  height: 100%;
  scroll-snap-align:start;
  position:relative;
  transition:filter .35s, opacity .35s, transform .35s;
  flex:0 0 33.333vw;
  padding: 18px 30px;
}
.submenu-item:not(.is-active){
  filter: grayscale(100%);
  opacity:.6;
}


.submenu-item ul.items.c2{
    column-count: 2;
}
.submenu-item ul.items{
    width: 50%;
}
.submenu-item ul.items li a{
    font-size: 12px;
}
.submenu-item ul.items li{
    margin-bottom: 5px;
}
.submenu-item{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.submenu-item img{
    width: 50%;
    aspect-ratio: 1.35;
    object-fit: cover;
    height: auto;
}
header.menu-active{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
ul.mobile-menu{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 76px;
    width: 100%;
    height: calc(100dvh - 76px);
    background: #fff;
    z-index: 5;
    overflow: scroll;
}

ul.mobile-menu > li{
    padding: 20px;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
}
ul.mobile-menu li a{
    font-size: 12px;
}
ul.mobile-menu > li ul{
    display: none;
}

ul.mobile-menu li.multiple:before{
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 32px;
    font-weight: 300;
    top: calc(59px / 2);
    transform: translateY(-50%);
}
ul.mobile-menu li.multiple.active:before{
    content: "-";
}

ul.mobile-menu > li.active ul{
    display: block;
    padding: 15px 15px 0 15px;
}
ul.mobile-menu > li.active ul li{
    padding: 4px;
}

header .menu-toggle{
    display: none;
}
header .menu-toggle.active i:before{
    content: "\f00d";
}

ul.mobile-menu{
    display: none;
}

ul.mobile-menu.active{
    display: block;
}

ul.mobile-menu .social-m{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul.mobile-menu .social-m div{
    display: flex;
    gap: 5px;
    align-items: center;
}

@media(max-width: 768px){
    header .right .menu-item,
    header .left div.submenu,
    header .left ul.menu{
        display: none;
    }
    header .right{
        gap: 5px;
    }
    header .menu-toggle{
        display: block;
        font-size: 26px;
    }
    header{
        padding: 15px;
    }
}

body.dark{
    background: #000;
    color: #fff;
}
body.dark header{
    background: #000;
}
body.dark a{
    color: #fff;
}
body.dark .logo img{
    filter: brightness(0) invert(1);
}

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{
    color: #fff;
}
body.dark section.area-1,
body.dark footer .alt,
body.dark section.history{
    background: #000;
}
body.dark .history-item h6,
body.dark .history-item p{
    color: #000 !important;
}
body.dark  .btn-download,
body.dark .btn-theme-2,
body.dark .btn-theme{
    border-color: #fff;
    color: #fff;
}
body.dark  .btn-download img,
body.dark .btn-theme-2 img{
    filter: brightness(0) invert(1);
}
body.dark .legal table td{
    border-color: #fff;
}
body.dark .submenu{
    background: #000;
}

.location-search{
    display: flex;
    width: 100%;
}
.location-search .loc-find{
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #E3E3E3;
    padding: 10px;
}
.location-search input{
    width: 100%;
    color: #757575;
    padding: 10px;
    font-style: italic;
    border-width: 1px;
    border-style: solid;
    border-color: #E3E3E3;
}


.nav-tabs.loc-group .nav-link{
    border: none;
    font-size: 13px;
    color: var(--text-color);
    padding: 10px 0;
    margin-right: 30px;
}
.nav-tabs.loc-group{
    border: none;
    padding: 15px 15px 0 15px;
}
.nav-tabs.loc-group .nav-item.show .nav-link, .nav-tabs.loc-group .nav-link.active{
    border-bottom: 1px solid var(--text-color);
}
section.navbar{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}
body.dark section.navbar{
    background: #2b2b2b;
}

section.brand .brand-logo img.second{
    display: none;
}
body.dark section.brand .brand-logo img{
    display: none;
}
body.dark section.brand .brand-logo img.second{
    display: inline-block;
}
body.dark .invert-img-dark{
    filter: brightness(0) invert(1);
}

section.navbar + hr#lacoste{
    margin: 0;
    border: none;
}

.map-page aside {
    border-right: 1px solid #eee;
    overflow: auto;
    background: #fafafa;
    display: flex;
    flex-direction: column;
}
.map-page div.aside-head {
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #F0F0F0;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
}
.map-page .back-btn {
    appearance: none;
    border: none;
    background: transparent;
    border-radius: 8px;
    padding: 0;
    margin-right: 10px;
    cursor: pointer;
    font-weight: 600;
}
.map-page .back-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.map-page .title {
    font-weight: 700;
    text-transform: uppercase;
}
.map-page .pane {
    padding: 12px 0;
}
.map-page .list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.map-page .item {
    padding: 0;
    border-radius: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
}
/*
.map-page .item:hover {
    border-color: #cde3ff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.map-page .item.active {
    border-color: #1a73e8;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.15);
}
*/
.map-page .muted {
    color: #666;
    font-size: 13px;
    margin-top: 6px;
}
.map-page .store-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 18px;
}
.map-page .store-title i{
    margin-right: 5px;
}
.map-page .store-item{
    padding: 10px 0;
}
.map-page #map {
    width: 100%;
    height: 600px;
}
body.dark .map-page .store-title,
body.dark .map-page .item,
body.dark .map-page .back-btn{
    color: #fff;
}
body.dark .map-page .muted{
    color: #b7b7b7;
}
.location-search .loc-find{
    background: #fff;
}

.map-page .pane{
    height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
}

section.press img{
    width: 100%;
}
section.press h6{
    font-size: 14px;
    font-weight: 400;
    color: var(--main-color);
    line-height: 1.2;
    text-align: center;
}
section.press h2{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--main-color);
}
section.press p{
    font-size: 16px;
    font-weight: 400;
}
@media(max-width: 768px){
    section.press h6{
        text-align: left;
    }
    section.press .col-md-4{
        order: 3;
    }
    section.press h2{
        font-size: 22px;
    }
    section.press p{
        font-size: 14px;
    }
}
body.menu-open{
position:fixed;
width: 100%;
}
section.page .btn img{
    margin-bottom: 0;
}
@media(min-width: 769px) and (max-width:1480px){
	ul.menu li a{
		font-size: 11px
	}
	ul.menu{
		gap: 10px;
	}
	header .right{
		font-size:11px;
	}
}