/*Theme Name: Nordfolk */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --nf-dark-violet: #102b4e;
    --nf-violte: #43569f;
    --nf-light-violet: #909ac5;
    --nf-light-violet-500: rgba(144, 154, 197, 0.5);
    --nf-violet-light-200: rgba(144, 154, 197, 0.2);
    --nf-light-violet-100: rgba(144, 154, 197, 0.1);
    --nf-green: #a6cfc4;
    --nf-white: #fff;
    --nf-black: #000;
    --nf-dark-violet: #102b4e;

    --font-family: "Inter", sans-serif;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
ul {
    list-style: none;
}
button:focus {
    outline: none !important;
}
a:focus {
    outline: none;
}
a:active, a:hover {
    outline: 0;
}
a {
    display: inline-block;
    text-decoration: none;
}
input, textarea {
    outline: none;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
}
body {
    min-width: 320px;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 1.3;
    background: #43569f;
}
input[type="submit"], input[type="button"] {
    /* ios */
    -moz-appearance: none;
    -webkit-appearance: none;
}
input::-webkit-input-placeholder {
    opacity: 1;
    color: #333;
}
input::-moz-placeholder {
    opacity: 1;
    color: #333;
}
input:-moz-placeholder {
    opacity: 1;
    color: #333;
}
input[placeholder] {
    opacity: 1;
    color: #333;
}
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #333;
}
textarea::-moz-placeholder {
    opacity: 1;
    color: #333;
}
textarea:-moz-placeholder {
    opacity: 1;
    color: #333;
}
textarea[placeholder] {
    opacity: 1;
    color: #333;
}
.form-style input::-webkit-input-placeholder{  
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style input::-moz-placeholder{
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style input:-moz-placeholder{  
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style input[placeholder]{ 
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style textarea::-webkit-input-placeholder{
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style textarea::-moz-placeholder{    
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style textarea:-moz-placeholder{ 
    opacity: 1;
    color: rgba(255,255,255,0.5);
}
.form-style textarea[placeholder]{
    opacity: 1;
    color: rgba(255,255,255,0.5);
}

.base-container {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    margin: 0 auto;
    max-width: 1440px;
}
.wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 1440px;
}
.after-clear:after {
    content: '';
    display: block;
    clear: both;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}
p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    margin-bottom: 12px;
}
p:last-child {
    margin-bottom: 0;
}
.d-flex, .d-flex-wrap, .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.d-flex-wrap, .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
.col{
    box-sizing: border-box;
    padding: 0 15px;
}
.d-j {
    justify-content: space-between;
}
.d-m {
    align-items: center;
}
.d-jm {
    justify-content: space-between;
    align-items: center;
}
.d-c {
    justify-content: center;
}
.grid {
    display: grid;
}
.header{
    position: relative;
}
.hed-nav{
    padding-top: 36px;
    padding-bottom: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
}
.home .header.active .hed-nav{
	background: #102b4e;
	position: fixed;
}
.logo{
    display: block;
    line-height: 0;
}
.search-block{
    position: relative;
}
.search-block__wrap{
   position: absolute;
   z-index: 2;
   right: 0;
   margin-top: 7px;
   display: none;
}
.search-block-wrp input[type="text"]{
    color: #333;
    background: #fff;
    font-size: 18px;
    padding: 10px;
    padding-right: 41px;
    height: 40px;
    width: 280px;
    box-sizing: border-box;
    border: none;
}
.search-block-wrp input[type="submit"]{
    border: none;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    width: 34px;
    height: 34px;
    background: url('img/search2.svg') no-repeat;
}
.menu-top > li{
    margin-right: 40px;
}
.menu-top > li > a{
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--nf-white);
    transition: 0.25s;
}
.menu-top > li > a:hover{
    color: var(--nf-green);
}
.search-open{
    display: block;
    line-height: 0;
    background: url('img/search.svg') no-repeat;
    width: 24px;
    height: 24px;
}
.swiper-slide-top{
    position: relative;
    /* height: 840px; */
    min-height: 745px;
    max-height: calc(100vh - 200px);
    box-sizing: border-box;
}
.swiper-slide-top img{
    height: 100%;
    width: 100%;
    max-width: none;
    object-fit: cover;
    min-height: 745px;
}
.title-sl{
    font-size: 44px;
    line-height: 1;
    color: var(--nf-white);
    position: absolute;
    top: 174px;
    z-index: 2;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
}
.title-sl span{
    display: block;
    color: var(--nf-light-violet);
}
.sub-title-sl{
    font-size: 44px;
    line-height: 1;
    color: var(--nf-white);
    position: absolute;
    bottom: 60px;
    margin-left: 1440px;
    transform: translate(-100%, 0);
    white-space: nowrap;
    text-align: right;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
}
.sub-title-sl span{
    display: block;
    color: var(--nf-green);
}
.swiper-nav-style{
    /* position: absolute; */
    position: static;
    z-index: 3;
    left: 0;
    right: 0;
}
.swiper-button-prevv{
    position: absolute;  
    top: 50%;
    z-index: 3;
    transform: translate(0, -50%);
    left: calc((100% - 1440px) / 2);
    cursor: pointer;
    transition: 0.25s;
}
.swiper-button-nextt{
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translate(0, -50%);
    right: calc((100% - 1440px) / 2);
    cursor: pointer;
    transition: 0.25s;
}
.swiper-button-prevv:hover, .swiper-button-nextt:hover{
	transform: translate(0px, -50%) scale(1.3);
}
.block-product .swiper-button-prevv, .other .swiper-button-prevv{
    left: 0; 
}
.block-product .swiper-button-nextt, .other .swiper-button-nextt{
    right: 0;
}
.block-product .swiper-button-prevv:hover, .other .swiper-button-prevv:hover, .block-product .swiper-button-nextt:hover, .other .swiper-button-nextt:hover{
	transform: translate(0, -50%) scale(1.3);
}
.swiper-paginations-style{
    position: absolute;
    z-index: 3;
    left: 0!important;
    right: 0!important;
    bottom: 30px!important;
    display: flex;
    justify-content: center;
}
.swiper-style .swiper-paginations-style .swiper-pagination-bullet{
    margin: 0!important;
    margin-right: 20px!important;
    background: var(--nf-light-violet);
    opacity: 0.3;
    width: 30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
}
.swiper-style .swiper-paginations-style .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #909ac5;
    opacity: 1;
}
.swiper-style .swiper-paginations-style .swiper-pagination-bullet:last-child{
    margin-right: 0!important;
}
.group-categoty{
    grid-template-columns: repeat(6, 1fr);
}
.categoty-item{
    display: flex;
    background: url('img/bg-cat.webp') no-repeat;
    background-size: 100% 100%;
    min-height: 200px;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative;
    justify-content: center;
    align-items: flex-end;
}
.categoty-item-sub{
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #A6CFC4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: 0.25s;
	overflow: hidden;
	opacity: 0;
}
.categoty-item-sub a{
	display: block;
	color: #102B4E;
	font-size: 17px;
	margin-bottom: 8px;
}
.categoty-item:hover .categoty-item-sub {
	opacity: 1;
}
.categoty-item-sub a:last-child{
	margin-bottom: 0;
}
.categoty-item:nth-child(4), .categoty-item:nth-child(5){
    align-items: flex-start;
}
.categoty-item span{
    display: block;
    font-weight: 900;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: var(--nf-white);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 25px;
}
.block-product{
    padding-top: 70px;
    padding-bottom: 150px;
}
.title-product{
    position: relative;
    font-size: 32px;
    line-height: 1;
    color: var(--nf-white);
    padding-left: 54px;
    margin-bottom: 16px;   
    display: block;
    font-weight: 900;
    text-transform: uppercase;
}
.block-product .title-product{
    margin-left: 123px;
}
.title-product1:before{
    content: '';
    display: block;
    width: 41px;
    height: 39px;
    position: absolute;
    left: 0;
    top:50%;
    background: url('img/bg-title1.svg') no-repeat;
    transform: translate(0, -50%);
}
.title-product2:before{
    content: '';
    display: block;
    width: 41px;
    height: 39px;
    position: absolute;
    left: 0;
    top:50%;
    background: url('img/bg-title2.svg') no-repeat;
    transform: translate(0, -50%);
}
.block-product .wrap, .other .wrap{
    max-width: 1657px;
}
.product-sliders{
    padding: 0 110px;
    position: relative;
}
.block-product .swiper-button-nextt, .other .swiper-button-nextt, .block-product .swiper-button-prevv, .other .swiper-button-prevv, .product-sliders .swiper-slide img, .product-sliders .swiper-slide .product-sliders__name, .pr-bg-mob, .product-sliders .swiper-slide .product-sliders__name > *{
	transition: 0.25s;
}
.product-sliders .swiper-slide:hover img.attachment-full{
	transform: scale(1.1);
}
.product-sliders .swiper-slide:hover .product-sliders__name{
	background: #a6cfc4;
}
.product-sliders .swiper-slide:hover .product-sliders__name > *{
	color: #102b4e;
}
.title-product-int{
	margin-left: 123px;
}
.pr-bg-mob{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}
.product-sliders .swiper-slide:hover .pr-bg-mob{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.5);
}
.product-sliders__img{
    background: var(--nf-light-violet);
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.product-sliders__img img{
    object-fit: contain;
}
.product-sliders__name{
    padding: 20px;
    background: var(--nf-light-violet-500);
    box-sizing: border-box;
}
.bl-product-name{
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: var(--nf-white);
}
.bl-product-title{
    display: block;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--nf-white);
}
.swiper-product .swiper-slide{
     display: grid;
    grid-auto-flow: row;
    grid-template: 200px 1fr/ 1fr; 
    height: auto!important;
}
.swiper-product1{
    padding-bottom: 40px;
}
.block-kt__item{
    box-sizing: border-box;
    width: 50%;
}
.block-kt__item img{
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
}
.block-kt-cont{
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.25s;
    position: relative;
    overflow: hidden;
}
.block-kt-cont svg{
	transition: 0.25s;
	position: absolute;
	bottom: 0;
	/* zoom: 1; */
}
.block-kt-cont:hover svg{
	/* zoom: 1.2; */
	transform: scale(1.2) translate(-7%, -7%);
}
.block-kt-cont2:hover svg{
	transform: scale(1.2) translate(7%, -7%);
}
.block-kt-cont1 svg{
	right: 0;
}
.block-kt-img{
    line-height: 0;
}
.block-kt-cont__wrap{
    max-width: 516px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.block-kt-cont__wrap .more-kt{
	z-index: 2;
}
.block-kt-cont__wrap .p-wrp, .block-kt-cont__wrap h2{
	position: relative;
	z-index: 2;
}
.block-kt-cont h2{
    font-size: 44px;
    line-height: 1;
    color: var(--nf-light-violet);
    margin-bottom: 30px;
}
.block-kt-cont p{
    color: var(--nf-white);
}
.p-wrp{
    margin-bottom: 55px;
}
.block-kt-cont1 .more-kt{
	float: right;
}
.block-kt-cont1{
    background: var(--nf-dark-violet);
}
.block-kt-cont2{
    background: var(--nf-violte);
}
.block-kt-cont2 svg{
	left: 0;
}
.block-kt-cont3{
    background: var(--nf-light-violet);
}
.block-kt-cont3 svg{
	right: 0;
}
.more-kt{
    font-weight: 900;
    font-size: 18px;
    line-height: 2.44444;
    text-transform: uppercase;
    text-align: right;
    color: var(--nf-white);
    transition: 0.25s;
    position: absolute;
    right: 8%;

}
.more-kt-wrp{
	min-height: 44px;
}
.more-kt-wrp:after{
	content: '';
	display: block;
	clear: both;
}
img + .more-kt-wrp{
	margin-top: 40px;
}
.more-kt:hover{
    color: var(--nf-green);
}
.block-kt-cont2 .more-kt{
    left: 8%;
    right: auto;
}
.block-kt-cont2 h2{
    color: var(--nf-green);
}
.block-kt-cont3 h2{
    color: var(--nf-dark-violet);
}
.footer{
    background: var(--nf-dark-violet);
    padding-top: 41px;
    padding-bottom: 118px;
}
.logo-foot{
    display: block;
    line-height: 0;
}
.menu-foot li{
    margin-right: 60px;
}
.menu-foot li:last-child{
    margin-right: 0;
}
.menu-foot li a{
    display: block;
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    text-align: right;
    color: var(--nf-white);
    transition: 0.25s;
}
.menu-foot li a:hover{
   color: var(--nf-green); 
}

.header-page{
    background: var(--nf-dark-violet);
}
.header-page .hed-nav{
    position: static;
}
.crumbs{
    padding-top: 19px;
    padding-bottom: 19px;
}
.crumbs a, .crumbs li{
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
}
.crumbs a:hover{
    text-decoration: underline;
}
.crumbs li{
    margin-right: 46px;
    position: relative;
}
.crumbs li:last-child{
    margin-right: 0;
}
.crumbs li:before{
    content: '';
    display: block;
    position: absolute;
    right: -26px;
    top:50%;
    background: url('img/crumbs.svg') no-repeat;
    transform: translate(0, -50%);
    width: 7px;
    height: 10px;
}
.crumbs li:last-child:before{
    display: none;
}
.sidebar{
    width: 345px;
    margin-right: 20px;
    box-sizing: border-box;
}
.cat-content{
    width: calc(100% - 365px);
    box-sizing: border-box;
}
.cat-header{
    margin-bottom: 20px;
    padding: 27px 30px;
    background: var(--nf-dark-violet);
}
.cat-header-wrp{
    margin-bottom: 20px;
}
.cat-header-wrp .cat-header{
    margin-bottom: 0;
}
.cat-header img{
    flex-shrink: 0;
}
.cat-h{
    font-size: 44px;
    line-height: 1;
    color: var(--nf-white);
}
.cat-h span{
    color: var(--nf-light-violet);
}
.cat-header img{
    margin-right: 21px;
}
.cat-list{
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.cat-list-item{
    display: grid;
    grid-auto-flow: row;
    grid-template: 240px minmax(100px, 1fr) / 1fr;
}
.cat-list-item img.attachment-full, .cat-list-item .product-sliders__name, .cat-list-item .product-sliders__name *{
	transition: 0.25s;
}
.cat-list-item:hover img.attachment-full{
	transform: scale(1.1);
}
.cat-list-item:hover .pr-bg-mob{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.5);
}
.cat-list-item:hover .product-sliders__name{
	background: #a6cfc4;
}
.cat-list-item:hover .product-sliders__name * {
	color: #102b4e;
}
.cat-list-item .product-sliders__name{
    display: flex;
    align-items: center;
    background: var(--nf-dark-violet);
}
.catalog-wrap{
    padding-bottom: 175px;
}
.cat-bottom-block{
    padding-bottom: 100px;
}
.menu-cat > li{
    position: relative;
}
.menu-cat-link{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 72px;
    cursor: pointer;
}
.svg-active{
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -13px;
    opacity: 0.4;
    transition: 0.25s;
}
.menu-cat .svg-wrp svg, .menu-cat .svg-wrp img{
    opacity: 0.4;
}
.menu-cat__title .svg-active{
    opacity: 1;
}
.menu-cat__title .svg-wrp svg, .menu-cat__title .svg-wrp img{
    opacity: 1;
}
.svg-wrp{
    margin-right: 10px;
    margin-left: -12px;
    min-width: 34px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-cat .menu-cat-link a{
    font-weight: 800;
    font-size: 20px;
    color: #8e9ac5;
    display: block;
    padding: 12px 12px;
    padding-left: 0;
    padding-right: 48px;
    width: 100%;
    box-sizing: border-box;
}
.menu-cat > li.menu-cat__title .menu-cat-link a{
    font-weight: 800;
    font-size: 20px;
    color: var(--nf-white);
}
.menu-cat > li.active a{
    font-weight: 800;
    font-size: 20px;
    color: var(--nf-white);
}
.menu-cat > li.menu-cat__title.active{
    background: var(--nf-light-violet);
    padding: 12px 0;
    padding-left: 73px;
}
.menu-cat .active-in .menu-cat-link{
    background: var(--nf-light-violet);
}
.menu-cat .sub-menu{
    padding-bottom: 15px;
    background: #43569f;
    position: relative;
    z-index: 2;
    display: none;
}
.menu-cat .sub-menu a{
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    display: block;
    padding: 8px 10px;
    padding-left: 72px;
    transition: 0.25s;
}
.menu-cat .sub-menu .active a, .sub-menu a:hover{
    background: var(--nf-light-violet-500);
}
.menu-cat .active-in .svg-active{
    transform: rotate(90deg);
    opacity: 1;
}
.menu-cat .active-in .svg-active path{
    fill: #a2c5c4;
    opacity: 1;
}
.menu-cat .active-in .menu-cat-link a{
    color: #fff;
}
.menu-cat .active-in .svg-wrp svg, .menu-cat .active-in .svg-wrp img{
    opacity: 1;
}
.no-active{
    opacity: 0.5;
    cursor: default;
}
.card-page{
    background: var(--nf-dark-violet);
    padding-bottom: 30px;
    overflow: hidden;
}
.card-page__gallery{
    width: 49.3%;
    box-sizing: border-box;
}
.card-page__cont{
    width: 50.7%;
    box-sizing: border-box;
    padding-left: 87px;
    color: var(--nf-white);
}
.card-page__cont p{
    color: var(--nf-white);
}
.card-page__cont h1{
    font-weight: 900;
    font-size: 44px;
    line-height: 1;
    color: var(--nf-green);
    margin-bottom: 50px;
}
.crumbs-color{
    background: var(--nf-dark-violet);
}
.crumbs-in{
    padding-top: 4px;
    padding-bottom: 32px;
}
.btn-group{
    margin-bottom: 30px;
}
.btn-group a{
    display: block;
    width: 50%;
    box-sizing: border-box;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: var(--nf-white);
    padding: 17px 10px;
    background: transparent;
    transition: 0.25s;
}
.btn-group a.active{
    background: var(--nf-light-violet);
    color: var(--nf-dark-violet);
}
.card-desc, .card-desc p{
    color: var(--nf-white);
}
.card-characteristics__item > span{
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    width: 50%;
    box-sizing: border-box;
    padding: 14px 20px;
    display: block;
}
.card-characteristics__item:nth-child(odd){
    background: var(--nf-violet-light-200);
}
.card-characteristics__item{
    align-items: center;
}
.btn-content{
    display: none;
}
.btn-content1{
    display: block;
}
.other{
    padding-top: 140px;
    padding-bottom: 140px;
}
.other-wrap{
    margin: 0 auto;
    max-width: 1440px;
}
.other-pl{
    font-weight: 900;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--nf-white);
    padding: 8px;
    padding-left: 7px;
    display: block;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.other-pl svg{
    margin-right: 15px;
}
.other .product-sliders{
    margin-bottom: 30px;
    padding-bottom: 0;
}
.pl-cat{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 900;
    font-size: 44px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--nf-light-violet);
    padding: 37px 20px;
    padding-right: 104px;
    background: var(--nf-dark-violet);
}
.mySwiper img{
    height: 160px;
    width: 100%;
    max-width: none;
    object-fit: cover;
}
.mySwiper .swiper-slide{
    position: relative;
    cursor: pointer;
}
.mySwiper .swiper-slide:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(67,86,159,0.5);
}
.mySwiper .swiper-slide.swiper-slide-thumb-active:before{
    display: none;
}
.mySwiper2{
    position: relative;
    line-height: 0;
}
.swiper-btn{
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    transition: 0.25s;
}
.swiper-btn:hover{
	transform: translate(0, -50%) scale(1.3);
}
.swiper-button-next-in{
    right: -68px;
}
.swiper-button-prev-in{
    left: -68px;
}
.swiper-card-wrp{
    position: relative;
    margin-bottom: 30px;
}
.mySwiper2 .swiper-slide img{
    width: 100%;
    max-width: none;
}
.buy-content{
    width: calc(100% - 365px);
    box-sizing: border-box;
}
.title-bold{
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--nf-white);
}
.menu-cat2 .active-in .menu-cat-link{
    background: var(--nf-light-violet-500);
}
.menu-cat2 .sub-menu .active a, .menu-cat2 .sub-menu a:hover{
    background: var(--nf-violet-light-200);
}
.menu-cat > li.menu-cat__title.bg-none{
    background: none!important;
}
.menu-cat2 > li.menu-cat__title.active{
   padding: 0;
}
.menu-cat2 > li.menu-cat__title.active a{
    padding-top: 21px;
    padding-bottom: 21px;
    padding-left: 73px;
    display: block;
}
.menu-cat2 .menu-cat-link a{
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu-cat2 .sub-menu{
    padding-bottom: 0;
}
.buy-content-wrp{
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    display: none;
}
.buy-content-wrp1{
    display: grid;
}
.buy-content__item{
    display: grid;
    grid-auto-flow: row;
    grid-template: auto 1fr/ 1fr;
}
.buy-content__hed{
    display: flex;
    align-items: center;
    padding: 20px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--nf-white);
    background: var(--nf-light-violet);
}
.buy-content__data{
    padding: 20px;
    background: var(--nf-dark-violet);
}
.adres{
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    margin-bottom: 20px;
    padding-left: 31px;
    position: relative;
}
.adres:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    background: url('img/adres.svg') no-repeat;
    transform: translate(0, -50%);
    width: 15px;
    height: 21px;
}
.bue-tel{
    padding-left: 31px;
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    display: block;
    position: relative;
	margin-bottom: 14px;
}
.bue-tel:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    background: url('img/tel.svg') no-repeat;
    transform: translate(0, -50%);
    width: 10px;
    height: 22px;
}
.bue-site{
    padding-left: 31px;
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    display: block;
    position: relative;
}
.buy{
    padding-bottom: 20px;
}
.buy-bottom{
    padding-bottom: 100px;
}
.contacts__img{
    width: 50%;
    line-height: 0;
}
.contacts__img img{
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
}
.contacts__data{
    width: 50%;
    box-sizing: border-box;
    padding: 62px 25px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--nf-dark-violet);
}
.contacts-wrap{
    max-width: 660px;
    margin: 0 auto;
}
h1.h1-style{
    font-size: 44px;
    line-height: 1;
    color: var(--nf-green);
}
.contacts-wrap h1{
    margin-bottom: 30px;
}
.input-wrap{
    display: flex;
    align-items: center;
}
.label-form{
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    width: 111px;
    box-sizing: border-box;
    padding-right: 5px;
}
.input-wrp {
    width: calc(100% - 111px);
}
.input-wrp input{
    font-family: var(--font-family);
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    padding: 19px 20px;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: var(--nf-violet-light-200);
}
.input-wrp-alt input{
    background: var(--nf-light-violet-500);
}
.textarea-wrap textarea{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    width: 100%;
    display: block;
    padding: 19px 20px;
    box-sizing: border-box;
    height: 160px;
    resize: none;
    background: var(--nf-light-violet-500);
    border: none;
}
.input-wrp input:focus, .input-wrp textarea:focus{
    color: #fff;
}
.textarea-wrap{
    margin-top: -1px;
    margin-bottom: 53px;
}
.textarea-wrap .label-form{
    padding-top: 19px;
}
.wrp-sybmit input{
    cursor: pointer;
    background: transparent;
    border: none;
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 18px;
    line-height: 2.44444;
    text-transform: uppercase;
    color: var(--nf-white);
    width: 100%;
    height: 48px;
    display: block;
    margin: 0 auto;
    transition: 0.25s;
    width: calc(100% - 111px);
    float: right;
}
.wrp-sybmit input:hover{
	background: #A6CFC4;
	color: var(--nf-dark-violet);

}

.buy-slider{
    padding-top: 105px;
}
.wrp-sybmit{
    position: relative;
	overflow: hidden;
}
.wrp-sybmit .wpcf7-spinner{
    position: absolute;
    left: 103px;
    right: 0;
	top:0;
    margin: -7px auto 0;
}
.form-style .wpcf7 form .wpcf7-response-output{
    margin: 0;
    padding: 7px 10px;
    font-size: 13px;
    color: #fff;
}
.form-style .wpcf7-not-valid-tip{
    font-size: 12px;
}
.nav-pagenati a{
    padding: 11px 0;
    color: #fff;
}
.page_search{
    padding-top: 50px;
}
.page_search .cat-content{
    width: 100%;
}
.page_search .cat-list{
    grid-template-columns: repeat(4, 1fr);
}
.active-base{
	display: table;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: var(--nf-white);
    position: relative;
    padding-left: 25px;
    text-decoration: none!important;
}
.active-base:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	background: url('img/fl2.svg') no-repeat;
	transform: translate(0, -50%);
	width: 14px;
	height: 10px;
}
.filter-sort{
	position: relative;
}
.filter-sort__wrap{
	position: absolute;
	padding: 15px;
	z-index: 5;
	background: #fff;
	border-radius: 3px;
	right: 0;
	margin-top: 7px;
	min-width: 175px;
	display: none;
}
.filter-sort__wrap a{
	display: block;
	font-size: 17px;
	color: var(--nf-dark-violet);
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.filter-sort__wrap a:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.filter-sort__wrap a.active{
	text-decoration: underline;
}
.product-sliders__img img{
    max-height: 100%;
    object-fit: contain;
}


/* responsive */
.product-sliders-mob, .filter-block, .menu-mob, .svg-ico2, .swiper-paginations-mb, .buy-h1, .other-pl-mob, .h1-mob{
    display: none;
}
@media screen and (max-width: 1610px){
    .card-page{
        padding-left: 85px;
    }
}
@media screen and (max-width: 1550px){
    .categoty-item span{
        font-size: 25px;
        font-weight: 700;
    }
    .p-wrp{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1480px){
    .title-sl{
        left: 20px;
    }
    .sub-title-sl{
        margin-left: 0;
        right: 20px;
        transform: translate(0, 0);
    }
    .header .swiper-button-prevv{
        left: 20px;
    }
    .header .swiper-button-nextt{
        right: 20px;
    }
    .mySwiper img{
        height: 120px;
    }
}
@media screen and (max-width: 1199px){
    .product-sliders{
        padding-left: 55px;
        padding-right: 55px;
    }
    .block-product .title-product, .title-product-int{
        margin-left: 64px;
    }
    .categoty-item span {
        font-size: 21px;
        font-weight: 500;
    }
    .block-kt-cont h2{
        font-size: 36px;
    }
    .bl-product-title{
        font-size: 17px;
    }
    .sub-title-sl{
        bottom: 80px;
    }
    .menu-cat-link, .menu-cat > li.menu-cat__title.active, .menu-cat .sub-menu a{
        padding-left: 15px;
    }
    .sidebar{
        width: 260px;
    }
    .cat-content {
      width: calc(100% - 280px);
    }
    .cat-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog-wrap{
        padding-bottom: 70px;
    }
    .card-page{
        padding-left: 20px;
    }
    .swiper-button-next-in, .swiper-button-prev-in{
        display: none;
    }
    .card-page__cont{
        padding-left: 30px;
    }
    .swiper-card-wrp{
        margin-bottom: 20px;
    }
    .swiper-paginations-mb{
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 20px!important;
        left: 0;
        right: 0;
        z-index: 3;
    }
    .swiper-paginations-mb .swiper-pagination-bullet{
        width: 15px!important;
        height: 15px!important;
        background: var(--nf-green)!important;
        opacity: 0.3;
        border-radius: 0!important;
        margin-right: 10px!important;
    }
    .swiper-paginations-mb .swiper-pagination-bullet:last-child{
        margin-right: 0!important;
    }
    .swiper-paginations-mb .swiper-pagination-bullet-active{
        background: var(--nf-green)!important;
        opacity: 1;
    }
    .other-pl-mob{
        display: flex;
    }
}
@media screen and (max-width: 1023px){
    .group-categoty {
        grid-template-columns: repeat(3, 1fr);
    }
    .categoty-item{
        min-height: auto;
        padding: 5px 11px;
    }
    .more-kt{
        bottom: 30px;
    }
    .block-kt-cont__wrap{
        padding-bottom: 0;
        padding-top: 0;
    }
    .block-kt-cont{
        padding: 35px 25px;
    }
    .block-product{
        padding-bottom: 70px;
    }
    .block-kt-cont1 .p-wrp{
        margin-bottom: 30px;
    }
    .card-page__cont{
        order: -1;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .content-txt{
        display: none;
    }
    .card-page__gallery{
        width: 100%;
    }
    .card-page .wrap{
        max-width: 700px;
    }
    .card-page{
        padding-left: 0;
        padding-right: 0;
    }
    .btn-group a{
        background: var(--nf-dark-violet);
    }
    .btn-group a.active{
        background: #43569f;
        color: #fff;
    }
    .btn-group{
        margin-left: -20px;
        margin-right: -20px;
    }
    .other{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .other-bottom{
        padding-bottom: 50px;
    }
    .other-wrap{
        margin-left: -20px;
        margin-right: -20px;
    }
    .buy .sidebar{
        display: none;
    }
    .buy-content{
        width: 100%;
    }
    .buy-h1{
        display: block;
        font-weight: 900;
        font-size: 32px;
        line-height: 1;
        color: var(--nf-green);
        margin-bottom: 20px;
    }
    .other-pl-mob{
        margin-left: -20px;
        margin-right: -20px;
    }
    .contacts__img, .contacts__data{
        width: 100%;
    }
    .contacts__img img{
        height: 600px;
        object-fit: cover;
        object-position: top center;
    }
    h2.h1-mob{
        display: block;
        font-weight: 900;
        font-size: 32px;
        line-height: 1;
        color: var(--nf-green);
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .contacts-wrap h1{
        display: none;
    }
    .contacts-wrap{
        width: 100%;
    }
    .textarea-wrap{
        margin-bottom: 10px;
    }
    .page_search .cat-list{
        grid-template-columns: repeat(3, 1fr);
    }
    .swiper-slide-top{
    	height: 840px;
    	max-height: none;
    	min-height: auto;
    }
    .swiper-slide-top img{
    	min-height: auto;
    }
}
@media screen and (max-width: 860px){   
    .hed-nav__block{
        display: none;
    }
    .hed-nav{
        position: static;
        background: var(--nf-dark-violet);
    }
    .menu-mob{
        display: block;
    }
    .click-mob{
        line-height: 0;
        display: block;
        width: 42px;
        height: 43px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-mob-wrap{
        position: absolute;
        right: 0;
        left: 0;
        z-index: 9;
        background: var(--nf-dark-violet);
        padding: 40px 20px;
        display: none;
        margin-top: 10px;
    }
    .mob-top-menu > li{
        margin-bottom: 40px;
    }
    .mob-top-menu{
        width: 100%;
    }
    .mob-top-menu > li > a{
        display: block;
        font-weight: 900;
        font-size: 18px;
        text-transform: uppercase;
        color: var(--nf-white);
    }
    .search-block__wrap{
        right: auto;
    }
    .click-mob.active .svg-ico1{
        display: none;
    }
    .click-mob.active .svg-ico2{
        display: block;
    }
    .hed-nav{
        padding-top: 30px;
        padding-bottom: 15px;
    }
	.home .header.active .hed-nav{
		position: absolute!important;
	}
    /* *** */
    .crumbs, .sidebar{
        display: none;
    }
    .cat-content{
        width: 100%;
    }
    .cat-header, .filter-block{
        margin-left: -20px;
        margin-right: -20px;
    }
    .filter-block{
        padding: 15px 0;
        background: var(--nf-dark-violet);
    }
    .filter-block-in{
        width: auto;
        position: relative;
        padding-right: 20px;
    }
    .filter-block-in a{
        display: table;
        margin: 0 auto;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        color: var(--nf-white);
        position: relative;
    }
    .filter-click-in{
        padding-left: 25px;
    }
    .filter-click-in:before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top:50%;
        background: url('img/fl.svg') no-repeat;
        transform: translate(0, -50%);
        width: 14px;
        height: 10px;
    }
    .cat-header{
        margin-bottom: 0;
    }
    .cat-list{
        padding-top: 20px;
    }
    .filter-block{
        display: flex;
        justify-content: flex-end;
    }
    .item-base{
        margin-bottom: 35px;
    }
    .item-base a{
        font-weight: 900;
        font-size: 18px;
        text-transform: uppercase;
        text-align: right;
        color: var(--nf-white);
    }
    .menu-cat > li.menu-cat__title.active, .menu-cat .active-in .menu-cat-link, .menu-cat .sub-menu .active a, .sub-menu a:hover, .menu-cat .sub-menu{
        background: none;
    }
    .menu-cat-last{
        padding-bottom: 40px;
    }
    .menu-cat .sub-menu{
        padding-left: 31px;
    }
    .menu-cat{
        max-width: 270px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .card-page__cont{
        padding-top: 15px;
    }
    .buy-h1{
        padding-top: 20px;
        background: var(--nf-dark-violet);
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    h2.h1-mob{
        padding-top: 20px;
        background: var(--nf-dark-violet);
        padding-left: 20px;
        padding-right: 20px;
    }
    .filter-sort__wrap{
    	right: 15px;
    }
    .filter-sort__wrap a{
    	display: block;
    	color: var(--nf-dark-violet);
    	margin-bottom: 8px;
    }
}
@media screen and (max-width: 767px){
    .title-sl, .sub-title-sl{
        font-size: 32px;
    }
    .swiper-slide-top{
        height: 670px;
    }
    .hed-nav{
        position: static;
    }
    .header{
        background: var(--nf-dark-violet);
    }
    .block-kt-cont h2{
        font-size: 30px;
    }
    .block-kt-cont p br{
        display: none;
    }
    .block-kt-cont {
        padding: 35px 20px;
    }
    .block-kt-cont p{
        font-size: 17px;
    }
    .title-sl{
        top: 50px;
    }
    .footer{
        padding: 22px 20px;
    }
    .menu-foot{
        display: block;
        padding-right: 11px;
    }
    .menu-foot li{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .menu-foot li:last-child{
        margin-bottom: 0;
    }
    .swiper-product3 .swiper-nav-style{
        display: none;
    }
    .swiper-product3{
        padding-left: 0;
        padding-right: 0;
        margin-left: -20px;
        margin-right: -20px;
    }
    .card-page__cont h1{
        font-size: 32px;
    }
    .buy-content-wrp {
        grid-template-columns: repeat(2, 1fr);
    }
    .contacts__img img{
        height: 500px;
    }
    .page_search .cat-list{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 599px){
    .swiper-product1, .swiper-product2{
        display: none;
    }
    .product-sliders-mob{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .swiper-slide-mob{
        display: grid;
        grid-auto-flow: row;
        grid-template: 200px 1fr/ 1fr;
    }
    .product-sliders__img{
        background: var(--nf-light-violet) url('img/pr-bg-mob.svg') center center no-repeat;
    }
    .product-sliders-mob1{
        margin-bottom: 23px;
    }
    .block-product .title-product, .title-product-int{
        margin-left: 15px;
    }
    .block-kt__item{
        width: 100%;
    }
    .block-kt2 .block-kt-img{
        order: -1;
    }
    .swiper-slide-top{
        height: 500px;
    }
    .swiper-style .swiper-paginations-style .swiper-pagination-bullet{
        height: 15px;
        width: 15px;
        margin-right: 10px!important;
    }
    .swiper-style .swiper-paginations-style .swiper-pagination-bullet:last-child{
        margin-right: 0!important;
    }
    .title-sl, .sub-title-sl{
        font-size: 29px;
    }
    .categoty-item span{
        font-size: 18px;
    }
    .block-kt-wrapper{
        padding-bottom: 50px;
    }
    .cat-list {
        gap: 8px;
    }
    .cat-list-item .product-sliders__name{
        padding: 20px;
        background: var(--nf-light-violet-500);
    }
    .cat-list-item{
        grid-template: 160px minmax(100px, 1fr) / 1fr;
    }
    .product-sliders__img img{
        max-height: calc(100% + 30px);
    }
    .pl-cat{
        padding-right: 56px;
        font-size: 32px;
        position: relative;
    }
    .pl-cat svg{
        width: 80px;
        height: 80px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translate(0, -50%);
    }  
    .mySwiper img{
        height: 100px;
        width: 100px;
    }
    .mySwiper .swiper-slide{
        width: 100px;
        line-height: 0;
    }
    .input-wrap{
        display: block;
        margin-bottom: 9px;
    }
    .label-form{
        margin-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .input-wrp input{
        height: 42px;
        background: var(--nf-light-violet-500);
    }
    .textarea-wrap textarea{
        height: 120px;
    }
    .textarea-wrap{
        display: block;
    }
    .textarea-wrap .label-form{
        padding-top: 0;
    }
    .input-wrp{
        width: 100%;
    }
    .contacts__data{
        padding-top: 23px;
    }
    .slider-cont{
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .slider-cont .product-sliders{
        margin-bottom: 20px;
    }
    .more-kt{
    	bottom: auto;
    }
    .wrp-sybmit input{
    	width: 100%;
    	float: none;
    }
    .cat-list-item .pr-bg-mob{
    	display: none;
    }
}
@media screen and (max-width: 480px){
    .header .swiper-nav-style{
        display: none;
    }
    .title-sl, .sub-title-sl{
        font-size: 24px;
    }
    .title-sl br{
        display: none;
    }
    .title-sl{
        right: 15px;
        left: 15px;
        top: 25px;
    }
    .sub-title-sl{
        right: 15px;
        left: 15px;
        bottom: 53px;
    }
    .swiper-paginations-style{
        bottom: 15px!important;
    }
    .swiper-slide-top{
        height: 500px;
    }
    .group-categoty {
        grid-template-columns: repeat(2, 1fr);
    }
    .categoty-item{
        height: 200px;
        box-sizing: border-box;
        padding: 0 11px;
    }
    .categoty-item img{
        object-fit: contain;
        max-height: 180px;
    }
    .categoty-item span{
        font-size: 20px;
        font-weight: 800;
        bottom: 14px;
    }
    .title-product, .title-product-int{
        margin-bottom: 20px;
    }
    .block-product{
        padding-top: 22px;
        padding-bottom: 60px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .block-kt-img img{
        height: 300px;
    }
    .block-kt-cont h2{
        font-size: 32px;
        max-width: 94%;
    }
    .block-kt-cont p{
        font-size: 18px;
    }
    .more-kt{
        right: 54px!important;
        left: auto!important;
        bottom: auto!important;
    }
    .block-kt-cont {
        background-size: 200px auto!important;
    }
    .logo-foot{
        max-width: 165px;
    }
    .footer .wrap{
        align-items: flex-start;
    }
    .logo{
        max-width: 187px;
    }
    .cat-list{
        margin-left: -12px;
        margin-right: -12px;
        padding-top: 10px;
    }
    .catalog-wrap{
        padding-bottom: 60px;
    }
    .cat-bottom-block{
        padding-bottom: 50px;
    }
    .cat-h{
        font-size: 32px;
    }
    .cat-header{
        padding: 12px 25px;
    }
    .bl-product-name{
        font-size: 14px;
    }
    .bl-product-title{
        font-size: 18px;
        font-weight: 800;
    }
    .cat-list-item .product-sliders__name{
        padding: 20px 15px;
    }
    .card-characteristics{
        margin-left: -20px;
        margin-right: -20px;
    }
    .card-characteristics__item > span{
        font-size: 16px;
    }
    .btn-group a{
        font-size: 4.2vw;
    }
    .card-page__cont h1{
        margin-bottom: 20px;
    }
    .buy-content-wrp {
        grid-template-columns: repeat(1, 1fr);
    }
    .buy-bottom{
        padding-bottom: 50px;
    }
    .other-pl-mob{
        margin-bottom: 20px;
    }
    .other.buy-slider{
        padding-top: 0;
    }
    .page_search h1{
        font-size: 25px;
    }
    .block-kt-cont__wrap{
    	padding-top: 0;
    }
    .block-kt-cont__wrap{
    	padding-bottom: 0;
    }
    .block-kt2 .block-kt-cont2 svg{
    	right: 0;
    	left: auto;
    	transform: rotate(-90deg);
    }
	.block-kt-cont:hover svg {
		transform: scale(1.2) translate(-7%, -7%);
	}

	.block-kt-cont2:hover svg{
		transform: scale(1.2) translate(-7%, -7%) rotate(-90deg);
	}
    .bl-product-title, .bl-product-name{
		word-break: break-all;
    }
}
@media screen and (max-width: 360px){
    .categoty-item span{
        font-size: 17px;
    }
    .product-sliders__name{
        padding: 10px;
    }
    .bl-product-title, .bl-product-name{
        font-size: 14px;
    }
    .title-product, .card-page__cont h1, h1.buy-h1, h2.h1-mob, .title-product-int{
        font-size: 28px;
    }
    .menu-foot{
        padding-right: 0;
    }
    .menu-foot li a{
        font-size: 15px;
    }
    .pl-cat{
        font-size: 25px;
    }
}