﻿@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-light.otf");
    font-weight: 300;
}

@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-lightitalic.otf");
    font-weight: 300;
    font-style: italic;
}


@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-regular.otf");
    font-weight: 400;
}

@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-regularitalic.otf");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-medium.otf");
    font-weight: 500;
}

@font-face {
    font-family: "aeonik";
    src: url("../Custom/fonts/aeonik-mediumitalic.otf");
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-LightItalic.ttf");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-MediumItalic.ttf");
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-SemiBold.ttf");
    font-weight: 600;
}


@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-SemiBoldItalic.ttf");
    font-weight: 600;
    font-style: italic;
}


@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-Bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../Custom/fonts/CormorantGaramond-BoldItalic.ttf");
    font-weight: 700;
    font-style: italic;
}

/* Custom Classes for Custom fonts */

.font-1 *{
   font-family: "aeonik"!important;
}

.font-1-h1 h1,
.font-1-h1 .dw-h1,
.font-1-h2 h2,
.font-1-h2 .dw-h2,
.font-1-h3 h3,
.font-1-h3 .dw-h3,
.font-1-h4 h4,
.font-1-h4 .dw-h4,
.font-1-h5 h5,
.font-1-h5 .dw-h5,
.font-1-h6 h6,
.font-1-h6 .dw-h6,
.font-1-p p{
    font-family: "aeonik"!important;
}


.font-2 *{
    font-family:  "Cormorant Garamond"!important;
}

.font-2-h1 h1,
.font-2-h1 .dw-h1,
.font-2-h2 h2,
.font-2-h2 .dw-h2,
.font-2-h3 h3,
.font-2-h3 .dw-h3,
.font-2-h4 h4,
.font-2-h4 .dw-h4,
.font-2-h5 h5,
.font-2-h5 .dw-h5,
.font-2-h6 h6,
.font-2-h6 .dw-h6,
.font-2-p p{
    font-family: "Cormorant Garamond"!important;
}




header.sticky-top{
    position: fixed;
    top:0;
    width: 100%;
    transition: all 0.2s;
}

header.sticky-top.scrolled{
    background-color: white;
}

header.sticky-top.scrolled .dropdown-menu{
    background-color: white;
}

.hover-background-white,
header.sticky-top .dropdown-menu{
    transition: background-color 0.2s;
}

header.sticky-top.scrolled .dw-colorscheme-dark_copy, header.sticky-top.scrolled [data-dw-colorscheme="dark_copy"]{
    --dw-color-foreground: #000000;
}

header.sticky-top .hover-background-white:hover.dw-colorscheme-dark_copy, 
header.sticky-top [data-dw-colorscheme="dark_copy"].hover-background-white:hover{
    --dw-color-foreground: #000000;
    background-color: white;
}

header.sticky-top .hover-background-white:hover .dropdown-menu{
    background-color: white;
}


body{
    padding-top: 46px;
}



@media(min-width: 768px) {
    /* Custom Layouts */

    .grid-layout-grid-2-1 > div:nth-of-type(1){
        grid-area: 1 / 1 / 3 / 7; 
    }

    .grid-layout-grid-2-1 > div:nth-of-type(2){
        grid-area: 1 / 7 / 2 / 13;
    }

    .grid-layout-grid-2-1 > div:nth-of-type(3){
        grid-area: 2 / 7 / 3 / 13;
    }
}


[data-dw-custom-paralexbackground="True"]{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

[data-dw-custom-havevideo="True"]{
    position: relative;
}

[data-dw-custom-havevideo="True"] figure.position-absolute{
   
}



[data-dw-is-visualeditor="True"] [data-dw-custom-havevideo="True"]{
    position: static;
}

[data-dw-is-visualeditor="True"] [data-dw-custom-havevideo="True"] figure.position-absolute {
    z-index: -1;
    position: relative !important;
    height: 200px;
}

.hover-background-white{
    transition: all 0.3s;
}

.hover-background-white:hover{
    background-color: white;
}

.item_swift-v2_productmediagallery.desktop swift-video-player .ratio {
    --bs-aspect-ratio: 100%;
}

.item_swift-v2_productmediagallery.desktop swift-video-player .ratio video{
    object-fit: cover;
}


.dw-colorscheme-dark_copy, 
[data-dw-colorscheme="dark_copy"] {
/* Dark - transparent */
--dw-color-background: transparent;
}

.dw-colorscheme-light_copy, 
[data-dw-colorscheme="light_copy"] {
/* Light - transparent */
--dw-color-background: transparent;
}

.search-modal .modal-content{
    background-color: white;
}

.search-modal .modal *{
    color: #000000!important;
}

.hover-underline > a{
    text-decoration: none!important;
    box-shadow: none!important;
}

.hover-underline:hover > a:after {
    content: "";
    -webkit-transform: scaleX(.85);
    transform: scaleX(.85);
    transform-origin: left center;
}

.hover-underline > a {
    position: relative;
    font-size: 18px;
}

.hover-underline > a:after {
    background-color: #e30613;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
    margin: 0px;
}

.hover-underline-center > a:after {
    border: 0;
    background-color: #e30613;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%;
    margin: 0;
}

.hover-underline-center:hover > a:after {
    content: "";
    -webkit-transform: scaleX(.85);
    transform: scaleX(.85);
    -webkit-transform-origin: center;
    transform-origin: center;
}



.parallax-image-safari{
  display:none
}

[data-swift-page-header="6962"] ~ main .background-parallax,
[data-swift-page-header="7103"] ~ main .background-parallax{
	background-image: none!important;
    background-size: unset!important;
    background-attachment: unset!important;
    background-position: unset!important;
}

[data-swift-page-header="6962"] ~ main .background-parallax .parallax-image-safari,
[data-swift-page-header="7103"] ~ main .background-parallax .parallax-image-safari{
	display:block;
  	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
  	background-size: cover !important;
    background-attachment: unset!important;
}


#content > [data-dw-colorscheme]{
    background-color: var(--bs-body-bg);
}

[data-dw-custom-havevideo="True"][data-dw-custom-gradient="True"] figure.position-absolute:after{
    content:"";
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: var(--dw-row-background);
    z-index: 1;
}

[data-dw-custom-havevideo="True"][data-dw-custom-gradient="True"] [data-swift-gridcolumn]{
    z-index: 2;
}

[data-swift-gridrow][data-dw-row-gap-column="1"] {
    --dw-row-gap-column: 0.125rem;
}



 .image-zoom figure{
    overflow: hidden;
    display: inline-block;
  }

  .image-zoom img {
    transition: transform 0.3s ease;
  }

  .image-zoom:hover img {
    transform: scale(1.3);
  }

[data-dw-itemtype="swift-v2_signin"] .dropdown-menu.show {
    margin-top: -1px!important;
}

   .image-zoom-out figure{
    overflow: hidden;
  }

  .image-zoom-out img {
    transition: transform 0.5s ease;
    transform: scale(1.2);
  }

  .image-zoom-out img:hover {
    transform: scale(1);
  }

.standard-svg{
    width: 100%;
    height: auto
}

.form-control{
   --bs-border-radius: 0;
}

form button[type=submit]{
    --bs-border-radius: 0;
}


.shop-second-level{
    display: none;
}


.shop-second-level.active{
    display: block;
}

.icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--bs-body-color);
    color: var(--bs-body-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
