@font-face {
    font-family: "Gilroy"; 
    src: url("../fonts/Gilroy/Gilroy-Light.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
} 
@font-face {
    font-family: "MiamaNueva"; 
    src: url("../fonts/MiamaNueva/miamanueva.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
} 
@font-face {
    font-family: "NeverMindSemiSerif"; 
    src: url("../fonts/nevermind-serif/NeverMindSerif-Regular.woff") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
} 
@font-face {
    font-family: "NeverMindCompact"; 
    src: url("../fonts/nevermind_compact/NeverMindCompact-Light.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
} 

body {
    background: #F2ECE8;
    color: #373737;
}
.logo-white-top {
    /*top:30px;*/
    right:0px;
    left:0px;
    text-align:center;
    z-index:1;
    margin:auto;
    display:block;
}
.logo-white-bottom {
    bottom:30px;
    right:0px;
    left:0px;
    text-align:center;
    z-index:1;
}
.copy-white {
    right:40px;
    left:40px;
    color:#FFFFFF;
    font-size:21px;
    font-family: "Gilroy"; 
    z-index:1;
}
.position-absolute .copy-white {
    bottom:15px;
}
.bg-type {
    background: #465568 url(../images/women.jpg) no-repeat left center;
    background-size: cover;
    height: 100vh;
    width: 100%;
    display:block;
    text-decoration: none;
    position: relative;
}
.bg-type > div {
    color:#FFFFFF;
    font-family: "MiamaNueva"; 
    font-size:24px;
    position:absolute;
    bottom:25%;
    left:20%;
}
.bg-type div span {
    font-family: "NeverMindSemiSerif"; 
    font-size:68px;
    text-transform: uppercase;
    display:block;
    margin-top:30px;
}




footer {
    margin:50px auto;
    color:#373737;
}
footer.position-absolute {
    left: 0px;
    right: 0px;
    margin-top: -50px;
}
.woman .copy-white {
    color:#373737;
}
.man .copy-white {
}
.woman {
    background: #F2ECE8;
}
.man {
    background: #373737;
}
.logo-white-top {
    margin-top:30px;
}
.woman h1, .man h1 {
    color:#373737;
    font-family: "MiamaNueva"; 
    font-size:24px;
    margin-top:40px;
    margin-bottom:60px;
}
.man h1 {
    color:#FFFFFF;
}
h1 span {
    font-family: "NeverMindSemiSerif"; 
    font-size:68px;
    text-transform: uppercase;
    display:block;
    margin-top:25px;
}
.catalog > div {
    margin-bottom:60px;
}
.catalog a {
    font-family: "NeverMindSemiSerif"; 
    font-size:28px;
    color:#373737;
    text-decoration: none;
    margin-right:50px;
    display:block;
    position: relative;
}
.man .catalog a {
    color:#fff;
}
.catalog > div:nth-child(2n) .product-item-container > a {
    margin-right:0px;
    margin-left:50px;
}
.catalog a > img {
    display:block;
    margin-bottom:40px;
}


@media (max-width: 1440px) {
    body .bg-type div span {
        font-size:31px;
        margin-top:30px;
    }
}

@media (max-width: 1024px) {
    body .image-modal .row > div:nth-child(1) {
        padding:0;
    }
    body h1 {
        font-size: 14px!important;
        text-align: center;
    }
    body h1 span {
        font-size: 31px!important;
        text-align: center;
    }
    body .bg-type {
        background-position: center;
    }
    body .bg-type div {
        font-size:14px;
        bottom:30%;
        left:20%;
        right:20%;
        text-align:center;
    }
    

    body .catalog > div a {
        margin-right:0px!important;
        margin-left:0px!important;
        font-family: "MiamaNueva"; 
        font-size:18px;
    }
    body .catalog > div,
    body .catalog img {
        margin-bottom:0px;
    }

    body .catalog > div a div {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        padding:150px 10px 10px 10px;
        color:#FFFFFF;
        background: linear-gradient(179.86deg, rgba(0, 0, 1, 0) 56.46%, rgba(0, 0, 1, 0.6) 81%);
        display:block;
    }

    body footer {
        margin-top:50px;
    }
    body footer div:nth-child(2){
        position:static!important;
        text-align: center!important;
    }

    body .image-modal h3, body .image-modal h2 {
        font-size: 40px;
        line-height: 41.6px;
        margin-top: 50px;
    }
    body .image-modal .content {
        padding-top:0px;
    }

    body .image-modal .row > div:nth-child(2) {
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
}
@media (max-width: 768px) {
    body .h-100 {
        height:auto!important;
    }
}

@media (max-width: 425px) {
    body .image-modal .tns-1  .tns-controls{
        top: -65px;
    }
    body .image-modal .tns-2 .tns-controls{
        top: -105px;
    }
    /*body .image-modal .tns-controls {
        display:none;
    }*/

    /*body .buy-slider .list-inline-item,
    body .otziv-slider .list-inline-item {
        margin-right: 0rem;
    }*/

    body .image-modal .content {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    body footer.position-fixed {
        position:static!important;
    }
}

.man .image-modal .modal-content {
    background: #373737;
}
.woman .image-modal .modal-content {
    background: #F2ECE8;
}
.image-modal .modal-content {
    border-radius: 0;
}
.image-modal .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size:35px;
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.25 8.75L8.75 26.25" stroke="%23736B66" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.75 8.75L26.25 26.25" stroke="%23736B66" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.image-modal .modal-body {
    padding:0px;
}
.image-modal .row > div:nth-child(1) {
    padding-left:0px;
}
.image-modal .row > div:nth-child(2) {
    padding-left:50px;
}
.image-modal h2 {
    font-family: 'NeverMindSemiSerif';
    font-size: 69px;
    font-weight: 400;
    line-height: 71.76px;
    margin-top:80px;
}
.man .image-modal h2 {
    color:#fff;
}
.image-modal h3 {
    font-family: 'NeverMindSemiSerif';
    font-size: 69px;
    font-weight: 400;
    line-height: 71.76px;
    margin-top:0px;
    margin-bottom:30px;
}
.man .image-modal h3 {
    color:#fff;
}
.image-modal .row > div:nth-child(2) p {
    font-family: 'NeverMindCompact';
    font-size: 16px;
    line-height: 20px;
}
.man .image-modal .row > div:nth-child(2) p {
    color:#fff;
}
.image-modal .piramid {
    margin-top:30px;
}
.image-modal .img-main {
    margin-bottom:20px;
    width:100%;
}
/*.image-modal .image-slider img {
    max-width:115px;
    max-height:115px;
}*/
.image-modal .content {
    padding:50px;
}
.image-modal .tns-outer {
    position: relative;
}
.image-modal .tns-controls button:nth-child(1) {
    position: absolute;
    left:5px;
    top:33%;
}
.image-modal .tns-controls button:nth-child(2) {
    position: absolute;
    right:5px;
    top:33%;
}
.image-modal .tns-ovh {
    margin-right:60px!important;
    margin-left:60px!important;
}
.image-modal .tns-inner a {
    margin-right:0px;
}
.image-modal .tns-inner li {
    margin-right:0px;
}
.image-modal .tns-slider {
    margin-bottom:0px;
}
.image-modal .tns-controls button {
    border:0px;
    background: none;
    color:#C9C2C4;
    font-family: 'MiamaNueva';
    font-size: 36px;
}
.image-modal .tns-controls .arrow-prev {
   background: url(../images/arrow.svg) center center no-repeat;
   width:14px;
   height:28px;
   display:block;
   margin-right:25px;
}
.image-modal .tns-controls .arrow-next {
   background: url(../images/arrow.svg) center center no-repeat;
   width:14px;
   height:28px;
   transform: rotate(180deg);
   display:block;
}

.image-slider .list-inline-item {
    margin:0px;
    text-align:center;
}
.image-slider .list-inline-item a {
    display: inline-block;
    padding:0 13px;
}
.image-modal .list-inline-item img {
    display: inline-block;
    margin:auto;
}

.otziv-slider li > div {
    background: #fff;
    padding:30px;
    margin:5px;
}
.man .total {
    color:#fff;
}
.total img {
    margin-top:-6px;
}
.total li:last-child {
    color:#4F4F4F;
    font-family: 'NeverMindSemiSerif';
    font-size:16px;
}
.man .total li:last-child {
    color:#C9C2C4;
}
.otziv-slider .title {
    margin:10px 0;
}
.otziv-slider p {
    color:#000;
}
.otziv-slider span {
    color:#373737;
    font-family: 'NeverMindSemiSerif';
    font-size:14px;
    margin-top:25px;
    display:block;
}