
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.mohave-<uniquifier> {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body{
	margin:0px;
background: radial-gradient(52.29% 85.04% at 63.58% 37.22%, #303030 0%, #020202 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(52.29% 13.04% at 63.58% 8.22%, #303030 0%, #222222 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}
*{
	
    font-family: Roboto;
    color:white;
}
h1 {
    text-align: left;
    color:white;
}
h2.center, h3.center, span.center, a.center,.center{
    text-align: center
}

h2.left, h3.left, span.left, a.left,.left {
    text-align: left
}

h2.right, h3.right, span.right, a.right,.right {
    text-align: center
}
.modal.hide,.hide{
	display:none
}
a {
	text-decoration: none;
	cursor:pointer;
	color:;
}
a:hover{
	color:black;
}
a.a-yellow {
    color: #FFDF00;
}
a.row {
    gap: 1em;
}
.breadcrumbs {
    margin: 1rem  0em 0em 0px;
    
}
ul.breadcrumbs__list {
    marker: none;
    list-style: none;
    font-size: 14px;
    color: white;
    padding-left: 0px;
    margin-left: 0em;
    margin-bottom: 1em;
}
.breadcrumbs__divider {
    margin: 0em 0.2em;
}
ul.breadcrumbs__list a {
color: white;
}
.breadcrumbs__item_state_current {
    font-weight: 600;
    opacity: 0.5;
}
.container {
    justify-content: center;
    display: -webkit-inline-flex;
    display: inline-flex;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0px;
    align-items: center;
	max-width:100vw;
	overflow:hidden;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    width:;
    /* max-width: 1420px;*/
    flex-wrap: nowrap;
    /*margin: auto*/
}
.hide{
	display:none!imortant;
}
.full {
    width: 100%;
}
.slim {
    max-width: 1380px;
    padding: 0px 15px;
    margin:auto;
    box-sizing: border-box;
}
.super-slim {
    max-width: 740px;
    /*padding: 0px 10px;*/
    margin:auto;
}
.sticky {
    position: sticky;
    top: 60px;
}
.f-content{
	width:fit-content;
    margin: 0;
}
.f-wrap{
flex-wrap:wrap	
}
.m-auto{
	margin:auto
}
.column {
    display: flex;
    flex-direction: column;
}
.h-full{
	height:100%
}
.row.hide,.column.hide,.hide,.container.hide{
	display:none
}
.row.x-center {
    justify-content: center
}

.row.x-bet {
    justify-content: space-between
}

.row.x-ar {
    justify-content: space-around
}

.row.x-ev {
    justify-content: space-evenly
}

.row.x-left {
    justify-content: flex-start;
}

.row.x-right {
    justify-content: flex-end
}

.row.y-top {
    align-items: flex-start
}

.row.y-str {
    align-items: stretch
}

.row.y-bot {
    margin-bottom: 0px;
    align-items: flex-end;
}

.row.y-center {
    align-items: center
}

.column.x-center {
    align-items: center;
}

.column.x-left {
    align-items: flex-start
}

.column.x-right {
    align-items: flex-end
}

.column.y-top {
    justify-content: flex-start;
    margin-top: 0px;
	
}

.column.y-str {
    justify-content: space-between;
}
.column.y-bet {
    justify-content: space-between;
}
.column.h-inh{
	height:inherit
}
.column.y-bot {
    justify-content: flex-end
}

.column.y-center {
    justify-content: center
}

.column.y-bet {
    justify-content: space-between
}

.column.y-ar {
    justify-content: space-around
}

.column.y-ev {
    justify-content: space-evenly
}

.column.mcol-y, .row.mcol-y {
    display: none
}
.accent a,.accent span,.accent{
	color:#FFDF00;
}
main {
    overflow-x: clip;
}
*.a-yellow{
    color:#FFDF00;
}
.grad{
background: linear-gradient(90deg, #FFDF00 0%, #E501FF 100%), linear-gradient(90deg, #FFDF00 0%, #E501FF 100%), #0071BB;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.btn-grad {
background: linear-gradient(90deg, #FFDF00 0%, #E501FF 100%);
    text-transform: uppercase;

}
.btn-slide{
    background: #292929;
    box-shadow: inset -3px 3px 6px rgba(16, 16, 16, 0.2), inset 3px -3px 6px rgba(16, 16, 16, 0.2), inset -3px -3px 6px rgba(66, 66, 66, 0.9), inset 3px 3px 8px rgba(16, 16, 16, 0.9);
    border-radius: 37.5px;
    width: calc(fit-content + 60px);
      width: fit-content;
    width: calc-size(fit-content, size + 60px);
    max-width: 100%;
    /* padding-right: 60px; */
    padding: 3px;
    display: flex;
    justify-content: flex-start;

}
.btn-slide:hover{
    justify-content: flex-end;
}
a.logo{
    display:flex;
}
.logo img {
    max-width: 240px;
    width:240px;
}
.fixed .logo img {
    max-width: 143px;
    animation: animate_reduce 0.5s;
}
@keyframes wow {
          0% { opacity: 0; }
          100% { opacity: 1; }
        }
@keyframes fade {
          0% { height: 0px; }
          100% { height: auto; }
        }        
@keyframes animate_reduce {
	0% {
		transform:scale3d(1)}
	100% {
		transform:scale3d(0.5);
	}
}
.btn-zap {
    animation: color_ch 5s infinite;
}
@keyframes color_ch {
	0% {
		filter: hue-rotate(1deg);
	    
	}
	100% {
		filter: hue-rotate(358deg);
	}
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
header.fixed,header.mob-header.fixed  {
    background: #0f0f0fb8;
    position: fixed;
    top: 0px;
    z-index: 4;
    box-shadow: 0px 1px 9px 2px #0000004f;
    backdrop-filter: blur(5px);
}
header.fixed .header-info{
    margin-top:0px;
    margin-bottom:0px;
}
.top-row {
    background: black;
    padding: 10px 0px;
    box-sizing: border-box;
}
.top-row *, .top-row a{
	font-size:13px;
    color: white;
    color: #fff;
    font-size: 13px;
}
.top-row img,.top-row span{
	
	margin-right:0.5em
}
.prod-cat-1,.prod-cat-2,.prod-cat-3,.prod-cat-4{
    align-items: stretch;
}
.prod-cat-1 .prod-tile {
    max-width: 100%;
}
.prod-cat-2 .prod-tile {
    max-width: 44%;
}
.prod-cat-3 .prod-tile {
    max-width: 33%;
}
.prod-cat-4 .prod-tile {
    max-width: 19%;
    width: 19%;
}
.row.prod-cat-3 {
    margin: 1em 0em;
}
.prod-tile {
    padding: 3%;
	border-radius:6px;
    height: inherit;
    position: relative;
}
.prod-tile form{
	height:100%;
}
.prod-tile:hover {
    box-shadow: 4px 4px 6px 3px #00000033;
}
button.btn,button.cat_add_cart {
    font-weight: 500;
    font-family: Roboto;
    font-size: 22px;
    color: white;
    border-radius: 20px;
    background: ;
    border: none;
    padding: 0.5em 1em;
    width: fit-content;
	cursor:pointer
}
button.btn:hover,button.cat_add_cart:hover {
    /*color: #F37D1E;
    background: white;*/
  /*  padding: calc(0.5em - 2px) calc(1em - 2px);*/
    /*border: 2px solid #F37D1E;*/
	/*box-shadow: inset 0px 4px 4px rgb(0 0 0 / 20%)*/
	color:;
}
.btn.btn-black,button.btn.btn-black {
    display: inline-block;
    background: #1C1B1A;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 16px;
    padding: 17px 30px;
    border: 1px solid transparent;
    transition: all .3s;
    text-align: center;
    border-radius: 2px;
}
.btn.btn-white,button.btn.btn-white {
    display: inline-block;
    background: #fff;
    color:#1C1B1A ;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 16px;
    padding: 17px 30px;
    border: 1px solid transparent;
    transition: all .3s;
    text-align: center;
    border-radius: 2px;
}
button.btn.btn-white-border,.btn.btn-white-border {
    border: 1px solid black;
}
.btn.btn-white:hover,button.btn.btn-white:hover {
    background:#FFDF00;
}
.btn.btn-gold,button.btn.btn-gold {
    border-radius: 0px;
    /* aspect-ratio: 1; */
    padding: 13px;
    height: 100%;
    width: auto;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFDF00;
    color: #fff;
}
.btn.btn-gold:hover,button.btn.btn-gold:hover{
    background:black;
}
button.btn.row.full,.btn.row.full{
        width: 100%;
    margin-bottom: 1em;
}
.btn .btn-ico-r{
    margin-left:42px;
    width:42px;
}
img.ico {
    max-height: 15px;
}
img.ico.search {
    max-height: 25px;
}
a.notg:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('/assets/img/ico/no-tg.svg');
    position: absolute;
    z-index: 11;
}
a.notg {
    position: relative;
    /* display: inline-flex; */
    /* width: fit-content; */
}
.row-review img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}
.row.row-review {
    padding: 0.5em 0em;
    margin: 0.5em 0em;
    border-bottom: 1px solid #adadad5e;
	width: 100%;
    padding: 1em;
    background: #f7f7f7;
    max-width: 369px;
}
.row-review .desc {
    font-size: 12px;
	text-align:left;
}
.row-review .name {
    font-size: 14px;
	font-weight:600px;
	margin:0.5em 0em
}
.star-row img {
    height: 12px;
}
div.cat_add_cart{
	font-weight: 500;
    font-family: Roboto;
    font-size: 18px;
    color: #F37D1E;
    background: white;
    padding: calc(0.5em - 2px);
    border-radius: 20px;
    border: none;
    padding: 0.5em 1em;
    width: fit-content;
    border-style: solid;
    border-width: 2px;
    border-color: #F37D1E;
}
button.btn.btn-danger{
    font-weight: 500;
    font-family: Roboto;
    font-size: 14px;
    color: white;
    border-radius: 20px;
    background: #d9d9d9;
    border: none;
    padding: 0.5em 1em;
    font-weight: 100;
}
button.btn.btn-danger:hover {
    color: #F37D1E;
        background: white;
    padding: calc(0.5em - 1px) calc(1em - 1px);
    border: 1px solid #828282;
    border-radius: 0px;
}
span.minus {
    width: 16px;
    padding: 1em;
    padding: 0em 0.5em 0em 0em;
    font-size: 27px;
    line-height: 17px;
    height: 1;
    color: #525252;
}
span.plus {
    padding: 0em 0em 0em 0.5em;
    font-size: 27px;
    line-height: 0;
    height: 1;
    color: #525252;
}
span.count-num {
    font-size: 20px;
    font-weight: 500;
    line-height: 0;
}
.product-tile__old-price{
	text-align: left;
    font-weight: 600;
    font-family: Roboto;
	font-size:24px;
	color:black;
	text-decoration:none;
}
span.old-price:after {
    content: '';
    height: 0px;
    border: 1px solid #9b9999;
    width: 100%;
    position: absolute;
}
span.old-price {
    font-size: 0.7em;
    position: relative;
    width: fit-content;
    display: flex;
    font-weight: 400;
    align-content: center;
    align-items: center;
    color: #939393;
    text-decoration: line-through;
}
span.old-price+span {
    color: #F37D1E;
    text-decoration: underline;
}
.prod-tile-modal.hide {
    display: none;
}
 .header-info{
	 padding:0em 15px;
    box-sizing: border-box;
 }
 .main {
    padding: 2em;
    margin-bottom: 2em;
}
 header, .block-1 {
    background: ;
}
header{
    /*border-bottom: 1px solid #f1f1f1;*/
    position:relative;
}
.block-1 {
    background-image: linear-gradient(176deg, #DEFEFE 85%, white 10%);
    min-height: calc(100vh - 153px);
    position: relative;
}
.block-1 * {
    z-index: 2;
}
.block-1 .content-block.slim.full {
    z-index: 2;
    max-width: 78%;
}
.block-1 .content-block.slim.full p {
    font-size: 28px;
    text-align: left;
    z-index: 2;
    font-family: 'Roboto';
    font-weight: 400;
}

.block-1 .content-block p strong {
    font-weight: 600;
}
/* Rectangle 5 */

p a.wa {
background: linear-gradient(90deg, #6BF38B 0%, rgba(149, 214, 164, 0) 100%);
}
p a.tg {
background: linear-gradient(90deg, #40B3E0 0%, rgba(149, 214, 164, 0) 100%);
}
p a.vb {
background: linear-gradient(90deg, #AE95D6 0%, rgba(149, 214, 164, 0) 100%);
}
.block-1.pechat-a4:before {
    content: 'A4';
    /* background: white; */
    /* width: 20vw; */
    /* height: 20vw; */
    color: #defefef2;
    position: absolute;
    font-size: 23vw;
    z-index: 1;
    right: 9vw;
    top: 8vh;
    font-family: Roboto;
    font-weight: 600;
    font-size: 19.2vw;
    text-shadow: 3px 2px 6px #b5b5b536; 
}
.block-1.pechat-a4:after {
    content: '';
    width: 26vw;
    top: 2vh;
    right: 3vw;
    height: 65vh;
    position: absolute;
    background: #ffffff91;
    box-shadow: 5px 5px 16px 4px #9f9f9f40;
    z-index: 0;
	background-image: url(/favicon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 289px 217px;
}
.block-1.pechat-vizitok-v-ivanovo:after {
    content: '';
    background-image: url(/assets/img/webp/visitki.webp);
    width: 26vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 2vh;
    right: 12vw;
    height: 65vh;
    position: absolute;
    /* background: #ffffff91; */
    /* box-shadow: 5px 5px 16px 4px #9f9f9f40; */
    z-index: 0;
}
.block-1.pechat-konvertov:after {
    content: '';
    background-image: url(/assets/img/webp/convert.webp);
    width: 26vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 2vh;
    right: 12vw;
    height: 65vh;
    position: absolute;
    /* background: #ffffff91; */
    /* box-shadow: 5px 5px 16px 4px #9f9f9f40; */
    z-index: 0;
}
.block-1.listovki:after {
    content: '';
    background-image: url(/favicon3.svg);
    width: 26vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 200px 159px;
    top: 2vh;
    right: 12vw;
    height: 65vh;
    position: absolute;
    background-color: #ffffff91;
    opacity: 0.9;
    /* box-shadow: 5px 5px 16px 4px #9f9f9f40; */
    z-index: 0;
}
.block-1.listovki:before {
    content: 'Листовки';
    /* background: white; */
    /* width: 20vw; */
    /* height: 20vw; */
    color: #defefef2;
    position: absolute;
    font-size: 23vw;
    z-index: 1;
    right: 25vw;
    top: 8vh;
    font-family: Roboto;
    font-weight: 600;
    font-size: 19.2vw;
    text-shadow: 3px 2px 6px #b5b5b536; 
}
.block-1.pechat-vizitok-v-ivanovo:before {
    content: 'Визитки';
    /* background: white; */
    /* width: 20vw; */
    /* height: 20vw; */
    color: #defefef2;
    position: absolute;
    font-size: 23vw;
    z-index: 0;
    right: 33vw;
    top: 8vh;
    font-family: Roboto;
    font-weight: 600;
    font-size: 19.2vw;
    text-shadow: 3px 2px 6px #b5b5b536; 
}
button.btn.next-block {
    font-family: Roboto;
    font-size: 24px;
    margin-top: 2em;
    font-weight: 100;
}
.calc-block {
	max-width: 476px;
    padding: 4.1em;
    box-shadow: 6px 6px 6px 2px #a3a3a385;
    border-radius: 6px;
    margin: 2em;
}
/* Rectangle 9 */

.sum {
    padding: 0.5em;
background: #D9D9D9;
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
    color: #6F6F6F;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1em;
    max-width: -webkit-fill-available;
}
.sum span {
    color: black;
    margin: 0em 1em;
}
.row.calc-row {
    text-align: left;
    margin: 0.8em 0em;
    font-size: 18px;
    font-weight: 600;
}
.row.calc-row span {
    width: 85%;
}
.row.calc-row input {
    max-width: 15%;
}
button.btn.download {
    font-size: 18px;
    font-family: 'Roboto';
    width: 90%;
    margin-top: 2em;
    white-space: nowrap;
    padding: 0.5em 1em;
    font-weight: 100;
}
#count-list {
	box-shadow: inset 0px 4px 4px rgb(0 0 0 / 20%);
    padding: 0.2em 0.5em;
    font-size: 18px;
    font-weight: 500;
    border: none;
    border-radius: 2px;
    text-align: center;
	}
	input#count-list::-webkit-outer-spin-button,
input#count-list::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.popup_title {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
}
.desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #828282;
    margin-bottom: 50px;
}
label {
    margin-bottom: 1em;
}
	input[type="radio"]{
		
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	}
		input[type="checkbox"]{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	input[type="checkbox" i] {
    border: none;
    display: none;
}
input[type="radio" i] {
    border: none;
    display: none;
}
#filters label {
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 9px 13px;
    border: 1px solid #E0E0E0;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
        margin-right: 4px;
    margin-bottom: 8px;
    position: relative;
}
#filters input[type="number"] {
    position: ;
    font-size: 13px;
    line-height: 1;
    top: calc(50% - 7.5px);
    left: 15px;
        padding: 0 15px 0 35px;
    font-size: 13px;
    line-height: 1;
    height: 33px;
    border-radius: 50px;
}
#filters input:checked + *{
        border-color: #FFDF00;
        color:#FFDF00;
}
/*	input[type="checkbox"]:after {
    content: '';
    width: 30px;
    height: 30px;
    right: -3px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 20%);
    font-size: 18px;
    background: white;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    position: absolute;
}

	input[type="radio"]:after {
    content: '';
    width: 30px;
    height: 30px;
    right: -3px;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 20%);
    font-size: 18px;
    background: white;
    font-weight: 500;
    border: none;
    border-radius: 50%;
    position: absolute;
}
input[type="radio"]:checked:before {
    content: '';
    width: 16px;
    height: 16px;
    right: 4px;
    font-size: 18px;
    font-weight: 500;
    border: none;
    border-radius: 500px;
    position: absolute;
    z-index: 1;
    background: radial-gradient(52.63% 68.42% at 55.26% 18.42%, #00AAFF 0%, #0286C8 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
input[type="checkbox"]:checked:before {
    content: '';
    width: 19px;
    height: 9px;
    right: 4px;
    font-size: 18px;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    rotate: 314deg;
    bottom: 3px;
    background: transparent;
    border-style: solid;
    border-color: #00AAFF;
    border-width: 0px 0px 8px 8px;
}
*/
  footer{
	 padding:2em 1em;
    margin-top: 130px;
    box-sizing: border-box;
 }
 footer a, footer h3 {
    text-align: center;
    text-transform: none;
 }
 footer .menu-unit a{ 
     color:;
     
 }
  footer a:hover,footer .menu-unit:hover>a{
    color:#ffdf00;
    font-weight: normal;
  }
 footer h3 {
    letter-spacing: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
}
 footer span {
	
    text-align: left;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    max-width: 411px;
 }
 .row.block-btn-soc{
    max-width: 80vw;
    flex-wrap: wrap;
    font-weight: 100;
 }
 .foot-desc{
     margin-top: 50px;
    line-height: 1.5;
 }
 .foot-bottom a {
    padding: 0em 1em;
}
.column.block-btn-soc{
    max-height: 140px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch;
 }
.milo {
    width: 100%;
    height: 100%;
    background: red;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
    background: #24242494;
    backdrop-filter: blur(3px);
}
.close-site-block {
    display: flex;
    position: fixed;
    background: #ffffffa8;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.close-site-block div {
    max-width: 460px;
    padding: 1em;
    border-radius: 6px;
    background: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    box-shadow: 7px 7px 16px 1px #8383837a;
}
label.payment img{
	max-width:40px
} 
.prod-tile-modal .img-prod-block {
    position: relative;
    margin-right: 1em;
}
.modal,.prod-tile-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 9;
}
.modal-block {
    display: flex;
    width: fit-content;
    padding: 50px;
    background: white;
    border-radius: 10px;
    max-width: 600px;
}
.prod-tile-modal .stick {
    font-size: 1em;
}

.prod-tile-modal .img-prod-block img {
    max-height: 400px;
}
.prod-tile-modal .prod-block {
    background: white;
    border-radius: 8px;
    padding: 2em;
    position: relative;
    padding-top: 3em;
}
.closeform {
    position: absolute;
    z-index: 1;
    right: 1em;
    top: 1em;
    width:50px;
    height:50px;
}
.closeform svg{
    color: white;
    font-size: 30px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 3);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none;
}
span.rev-title {
    margin-top: 2em;
}
input#af_rev_text {
    height: 3em;
}
header button.btn.openform.add-review {
    margin: auto;
    margin-left: 3em;
    background: white;
    color: #666666;
    padding: 0em;
    border-bottom: 1px dashed #666666c9;
    border-radius: 0px;
}
.closeform img {
    max-height: 25px;
}
.stick-row {
    z-index: 1;
    position: absolute;
    right: 3%;
}
.stick {
    background: #ffffff00;
    box-shadow: 1px 1px 3px 3px #ebebeb69;
    margin-left: 5px;
    padding: 0px 5px;
    color: white;
    font-size: 0.7em;
    border-radius: 4px;
}
.stick.new {
    background: #3434d1;
}
.stick.old_price {
    background: red;
    font-size: 1.2em;
}
.stick.pie {
    background: #dd8700;
}
.stick.chili {
    background: ;
}
.stick.hot {
    background: red;
}
.title-row{
	margin-bottom:1em;
}
.title-row>div{
	font-weight: 500;
    font-family: Roboto;
    font-size: 14px;
	color:#747474;
}
.title-prod {
    text-align: left;
    font-weight: 600;
    font-family: Roboto;
	font-size:20px;
	color:black;
	text-decoration:none;
    max-width: 80%;
	margin:0px
}
.prod-tile-mini .img-prod img {
    object-fit: cover;
    aspect-ratio: 1;
    object-position: center;
    width: auto;
    
}
.prod-cat-3 .prod-tile-mini {
    max-width: 25%;
    max-width: 25%;
    width: 25%;
}
.prod-tile.prod-tile-mini button.cat_add_cart {    
    background: #b0b0b0;
}
.prod-tile.prod-tile-mini {
    padding: 0% 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prod-tile.prod-tile-mini img {
    max-width: 100px;
}
.prod-tile.prod-tile-mini *{
	font-size:0.9em;
    white-space: nowrap;
}
button.btn.openform.add-review {
    font-weight: 400;
    font-family: Roboto;
    font-size: 15px;
    color: white;
    border-radius: 20px;
    background: #666666;
    border: none;
    padding: 0.5em 1em;
    width: fit-content;
    margin-top: 2em;
	cursor:pointer
}

.review-modal .form-popup__heading.js-popup-heading {
    font-size: 22px;
}
.review-modal .form-group {
    margin: 1em auto;
}
.review-modal .form-control {
    width: 265px;
}
.desc-prod {
    text-align: left;
    font-weight: 400;
    font-family: Roboto;
	font-size:14px;
    margin-bottom: 16px;
    max-width: 400px;
}
.img-prod {
    overflow: hidden;
    aspect-ratio: 1;
}
.img-prod img {
    object-fit: cover;
    aspect-ratio: 1;
    object-position: center;
    width: auto;
    height: 100%;
}
.slide-desc {
    max-width: 800px;
    position: absolute;
    top: 0;
}

.banner-main{
overflow:hidden;
margin:2em 0em;
}
h1.page-title,.main-title h1 {
    font-size: 30px;
    font-family: 'Roboto';
    text-align: left;
	margin-bottom: 2em;
}
.title-block{
    position:relative;
    margin-top:130px;
}
.no-title-block{
    position:relative;
    margin-top:50px;
}
.main-title h2 {
    text-align: left;
    font-weight: 600;
    font-size: 26px;
    font-family: 'Roboto';
    margin-bottom: 2em;
}
.main-block {
    margin-bottom: 5em;
}
.send-block {
    max-width: 650px;
}
.send-block h3 {
    text-align: left;
    font-size: 28px;
    font-weight: 500;
}
.send-block p {
    text-align: left;
}
button.btn {
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 500px;
    padding: 8px 1.5em;
	cursor:pointer
}
button.btn.btn-send{
	background: white;
	border:2px solid #F37D1E;
	color:#F37D1E;
    min-width: 302px;
    margin: 0.5em;
	font-family: 'Roboto';
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
    justify-content: space-between;
	text-decoration:none;
	cursor:pointer
}
button.btn.wa {
    background: #95d6a4;
	color:white;
	border:none
	cursor:pointer
}
button.btn.tg {
    background: #40b3e0;
	color:white;
	border:none
	cursor:pointer
}
button.btn.vb {
    background: #AE95D6;
	color:white;
	border:none
	cursor:pointer
}
button.btn img {
    /*max-width: 30px;
    margin-right: 4px;*/
	cursor:pointer
}
button.btn.btn-send:hover{
/*	background: white;
	border:2px solid black;*/
	box-shadow: inset 0px 4px 4px rgb(0 0 0 / 20%);
	color:black;
}
button.btn.btn-send span {
    color: black;
}
.btn.btn-round{
    font-size: ;
    border-radius: 50px;
    padding: 0.5em 2em;
    width: fit-content;
}
.b-blue{
    /*background: #025993;*/
        background: #d905f9;
    color: white;
}
.b-black {
    background: #2C2C2C;
    border: 1px solid #FFFFFF;
    border-radius: 37.5px;
}
.brd-blue{
    color: #025993;
    border: 1px solid #025993;
}
footer *{
	color:white;
	z-index:1
}
footer img.ico {
    max-height: 40px;
    margin-right : 1em;
}
footer.full {
    padding: 2em 0em;
    /* background: #F5F5F5; */
    background-image: url(/assets/img/webp/fon5.webp);
    background-position: center;
    background-attachment: fixed;
    background-position: top;
	position:relative;
    overflow: hidden;
}
footer:before {
    /*content: '';*/
    width: 100%;
    height: 101%;
    position: absolute;
    top: 0px;
    filter: blur(3px) contrast(0.7);
    z-index: 0;
    /* background: #67676742; */
    padding: 2em 0em;
    background-image: url(/assets/img/webp/fon5.webp);
    background-attachment: fixed;
    background-position: top;
    box-sizing: border-box;
}
footer .foot-medium .menu-unit a{
    
    text-transform: none;
    display: block;
    padding: 5px 0;
    transition: all .3s;
    margin: 0 0;
    margin-bottom: 10px;
}
.header-phone {
    color: #F37D1E;
    font-family: 'Roboto';
    text-decoration: none;
    text-align: left;
    margin: 0em 0em;
    /*font-weight: 800;*/
    font-size: 22px;
    font-size: 13px;
}
header .a_link {
    margin-left: 20px;
    display: flex;
    align-items: center;
    position: relative;
}
a#msMiniCart {
    height: fit-content;
    display: flex;
    position: relative;
}

span.mini-cart__count,.header-info__favorite-count {
    font-weight: 300;
    font-family: 'Roboto';
    text-decoration: none;
    min-width: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    right: -4px;
    top: -3px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    color: #828282;
    margin-left: 8px;
}
.header-info {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
header .header-phone {
    margin: 0.5em 2em;
}
header .header-phone img {
    margin-right: 0.5em;
}
footer.full {
    padding: 4em 0em 0em;
}
.foot-top {
    padding: 30px 0px;
    border: 1px solid #e8e8e8;
    border-width: 1px 0px;
}
.foot-medium {
    margin: 50px auto 50px;
}
.foot-medium>.column.x-left {
    min-width: 24%;
}

.foot-medium>.column{
    gap:30px
}
footer a.follow-link {
    border-bottom: 1px solid #828282;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.foot-bottom *{
    font-size:14px;
    font-weight:normal;
    
}
.footer-title {
    /* color: #F37D1E; */
    font-family: 'Roboto';
    text-decoration: none;
    text-align: left;
    margin: 1em 0em;
    font-weight: 500;
    font-size: 18px;
}
.footer-desc {
    text-align: left;
    font-family: 'Roboto';
    font-size: 18px;
    margin-top: 1em;
}
.nav-row {
    
}
.menu-unit{
	position:relative;
}
.nav-row .menu-unit:not(:last-child) {
	/*border-right:1px solid #f1f1f1;*/
    /*color: #f1f1f1;*/
}

.menu-unit a {
    text-decoration: none;
    margin: 0em 1.2vw;
    line-height: 1;
    text-transform: none;
    flex: 1;
    white-space: nowrap;
    margin: 0px;
    padding: 8px 0px;
    display: block;
    transition: all .3s;
    cursor: pointer;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 22.5px;
    line-height: 26px;


}

.menu-item-sub>a {
    padding-right: 28px;
    position:relative;
}
.menu-unit.menu-item-sub>a:after {
        content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0px;
    bottom: 17px;
    rotate: 45deg;
    border: 1px solid #ffffff;
    border-width: 0px 2px 2px 0px;
}
.menu-unit:hover>a:after {
    border-color: #FFDF00;
    rotate: 225deg;
    bottom: 12px;
}
/*.menu-unit a.active {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-bottom: 2px solid #f1f1f1;
	
    border-image: linear-gradient(to right, #f37d1e 0%, #f37d1e00 100%) 1;
}*/
.menu-unit:hover>a {
    color: #FFDF00;
    font-weight: 400;
}
.swiper-slide img.mcol-y {
    width: 1530px;
}
form.search {
        position: absolute;
    width: 100%;
    left: 0px;
    bottom: -79%;
    padding: 1em 0%;
    box-sizing: border-box;
    z-index: 11;
    background: white;
    /* border-top: 1px solid #878787; */
    border-bottom: 1px solid #f1f1f1;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    
}
form.search.hide{
    visibility: hidden;
opacity: 0;
    transform: translateY(-100%);
    transition: all .5s;
    z-index: 10;
}
form.search label {
    margin-bottom: 0em;
}
 form.search .close svg{
     color: black;
    width: 28px;
}
.search input[type="submit"] {
    background-image: url(/assets/img/ico/lupa.svg);
    background-position: center;
    background-size: contain;
    width: 23px;
    height: 25px;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.search fieldset {
    height: fit-content;
    display: flex;
    padding: 0px 1em;
    height: 33px;
    align-items: center;
    border: 0px solid #878787;
    border-radius: 0px;
}
.search input[name="search"] {
    border: none;
}
.search input[name="search"]:focus,.search input[name="search"]:active {
    border: none;
  outline: none;
}
.search input[name="search"]:placeholder{
	font-size:18px;
	color:#B4B4B4;
    font-family: 'Roboto';
}
/*корзина*/
div#msCart {
    width: 61%;
    margin-top: 0px;
    padding: 0em;
    /*box-shadow: 5px 4px 8px 2px #00000059;*/
    border-radius: 20px;
    margin-bottom: 2em;
}
div#msCart .title a {
    text-align: left;
    font-weight: 600;
    font-family: Roboto;
    font-size: 15px;
    color: black;
    text-decoration: underline;
}
.row.msProduct{
    
    gap: 50px;
}
.column.x-left.info-prod {
    align-self: flex-start;
}
#msProduct .old_price, #msCart .old_price {
    color: #b7b7b7;
    font-style: italic;
    text-decoration: line-through;
}
table.table.table-striped {
    width: 100%;
}
tr.ms-header {
    box-shadow: 0px 1px 0px #d5d5d5;
    border-bottom: 1px solid red;
}
form#msOrder {
    margin-top: 0px;
    padding: 2em;
    margin-bottom: 2em;
    background: rgba(242, 242, 242, 0.5);
    padding: 30px 25px;
}
.form-group.row.input-parent:not(.required) {
    display: none;
}
/*.form-group.input-parent.required {
    margin-bottom: 2em;
}*/
input.form-control[name="count"] {
    max-width: 40px;
}

.text-nowrap {
    white-space: nowrap !important;
}
tbody, td, tfoot, th, thead, tr {
    
    border-color: inherit;
    border-style: unset;
    border-width: 0;
    border-spacing: 0px;
    border-collapse: revert-layer;
    text-indent: revert-layer;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
}
form#do_form {
    margin-top: 50px;
}
form#do_form .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid black;
    border-radius: 0px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
form#do_form .form-group {
    margin-bottom: 1em;
}
form#do_form .row>.form-group {
    width: 49%;
}
.column-form-title{
    margin-bottom:2em;
}
form .form_title {
    font-weight: 500;
    font-size: 21px;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}
form#do_form .form_desc {
    font-size: 14px;
    margin-bottom: 50px;
}
form#do_form .control-label{
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 8px;
    }
.col-form-label {
    padding-top: calc(0.375rem + var(--bs-border-width));
    padding-bottom: calc(0.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
@media (min-width: 1200px){
.h4, h4 {
    font-size: 1.5rem;
    margin-top: 0px;
}
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    /*background-color: var(--bs-btn-hover-bg);*/
    border-color: var(--bs-btn-hover-border-color);
}
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #F37D1E;
    --bs-btn-border-color: #F37D1E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #F37D1E;
    --bs-btn-active-border-color: #F37D1E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}
label.col-form-label.payment.input-parent img{
    margin-right: 1em;
    opacity: 0.2;
}
label.col-form-label.payment.input-parent input:checked+img {
    margin-right: 1em;
    opacity: 1;
}
/*sale*/
.sale-block {
    margin: 2em 0em;
    padding: 6em 0em;
    box-sizing: border-box;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
}
.sale-block-ban{
    background-attachment:unset;
	
}
.sale-block>div>* {
	margin-bottom:2rem
}
.sale-block h2 {
    color: #0a0a0a;
    padding: px;
    text-align: center;
    font-size: 50px;
    line-height: 59px;
    font-weight: bold;
}
.sale-block img {
    max-width: 406px;
}
.sale-block a{
    text-decoration: none;
    text-align: left;
    color: black;
	font-size:14px
}
.sale-block span{
color: #020202;
    padding: px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 3px;
    font-weight: lighter;
}
.btn.black{
    border: 0px solid;
    border-radius: 25px;
    letter-spacing: px;
    line-height: 16px;
    font-size: 16px;
    background-color: #020202;
    padding: 15px 25px;
    margin: ;
    color: #ffffff;
	border: 1px solid black;
}
.btn.black:hover{
    color: black;
	background:white;
    background: #ffffff00;
	border: 1px solid black;
}
.sale-block h2,.sale-block h3,.sale-block h4{
    margin-top: 0em;
}
.sale-desc{
    margin-left: 2em;
}
.sale-text {
    max-width: 806px;
	
    text-decoration: none;
    text-align: left;
    color: black;
}
.order-row {
	border: 1px solid #eee;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}
.order-row th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.order-row td {
	padding: 5px 10px;
	border: 1px solid #eee;
	text-align: left;
}
.order-row tbody tr:nth-child(odd) {
	background: #fff;
}
.order-row tbody tr:nth-child(even) {
	background: #F7F7F7;
}
.order-row {
	width: 100%;
	margin-bottom: 20px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse; 
	outline: 3px solid #F37D1E;
	font-size: 15px;
	background: #fff!important;
}
.order-row th {    
	font-weight: bold;
    padding: 7px;
    background: ;
    border: none;
    text-align: left;
    font-size: 15px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #ffffff;
    border-radius: 6px;
    color: white;
}
.order-row .address-order th {
    background: #a9a9a9;
}
.order-row .info-order th {  
    background: #3d7eff;
}
.order-row .product-order th {  
    background: #e7be2d;
}
.order-row td {
	padding: 7px;
	border: none;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 15px;
}
.order-row tbody tr:nth-child(even){
	background: #f8f8f8!important;
}
th.order-show {
    background: white;
    color: black;
    display: flex;
    align-items: center;
}
.order-show:after{
	background:white;
	color:black
}
.order-show>span {
    width: 6px;
    height: 6px;
    border-width: 0px 2px 2px 0px;
    border-color: black;
    border-style: solid;
    background: white;
    transform: rotate(45deg);
    content: '';
    margin-left: 0.5em;
    margin-bottom: 4px;
}
.order-show.open>span {
    transform: rotate(226deg);
    margin-top: 4px;
    margin-bottom: 0px;
}
.reg-btn	{
    margin: 1em auto;
    color: white;
    background: #bfbfbf;
    padding: 0.5em 2em;
    text-decoration: none;
    font-size: 13px;
    border-radius: 50px;
}
fieldset.loginLoginFieldset {
    border-radius: 6px;
}
legend.loginLegend {
    font-size: 22px;
}
 .login-form input , .register input ,.loginLoginForm label {
    margin-bottom: 1em;
}
 .login-form  input,  .register  input, .loginLoginForm label input {
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid #E0E0E0;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 20px;
    box-sizing: border-box;
}
.input:focus {
    border-color: #FFDF00;
}
span.loginLoginButton input,.register  .btn.primary{
    font-weight: 600;
    color: white;
    background: ;
    padding: 0.5em 2em;
    border: none;
    border-radius: 50px;
}
.reg-sms-block {
    position: relative;
    max-width: 300px;
    background: white;
    border-radius: 10px;
}
.b24-widget-button-position-bottom-right[dir="ltr"] {
    right: 24px;
    bottom: 173px;
}
.column-rev {
    flex-direction: column-reverse;
}
.s-text * {
    text-align: left;
}
.bage-rating.fixed {
    position: fixed;
    left: 20px;
    bottom: 20px;
}
main {
    padding: 2em 0em;
}
h2 {
    font-size: 24px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 2em;
}

 .contact-block{
	 
 }
 .contact-block>* {
    margin: 0.5em 0em;
    font-weight: 600;
    font-size: 17px;
    text-align: left;
}
.contact-block a {
    color: #bdbdbd;
    font-weight: 500;
}
.baner {
   margin-top: 130px;
}
.baner h2{
    
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 70px;
line-height: 82px;
}
.baner-block:last-child {

    margin-top: 2em;
}
a.baner {
    display: flex;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: flex-end;
    font-size: 1.4em;
    padding-bottom: 2em;
    box-sizing: border-box;
    justify-content: center;
    color: white;
    text-transform: uppercase;
	position:relative;
	z-index:0;
    border-radius: 20px;
    overflow: hidden;
}

.sub-baner-block{
    max-width: 52.5%;
    margin: 0;
}

a.baner:hover {
    /* padding-bottom: 2.5em; */
    font-size: 1.6em;
}
a.baner.baner-2:hover {
    margin-bottom: calc(2em / 160* 100);
	padding-bottom: calc(2em / 160* 100);
}
a.baner:before {
    content: '';
    background: linear-gradient(0deg, #0000005e 10%, #00000024);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}
/* Этапы работы */
.title-block{
    position:relative;
}
.main-title {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 59px;
color: #FFFFFF;
}
.no-main-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    gap: 1em;
}
/* WORK */

.main-title+span {
position:absolute;
font-family: 'Mohave';
font-style: normal;
font-weight: 700;
font-size: 150px;
line-height: 209px;
/* identical to box height */
color: #FFFFFF;
opacity: 0.03;
}

.servs {
    height:600px;
    gap: 10% 4%;

}
.serv-block {
    width: 48%;
    height: 45%;
    border-radius: 15px;
    background: #121212;
    padding: 2em;
    box-sizing: border-box;
    position:relative;
    overflow: hidden;
    background: rgba(34, 34, 34, 0.9);
    border: 1px solid #585858;
    backdrop-filter: blur(2px);
}
.serv-block:first-child{
    height:100%;
    background: linear-gradient(336deg, rgba(2, 0, 36, 1) 0%, rgba(1, 89, 146, 1) 38%, rgba(229, 1, 255, 1) 100%);
}
.servs h3 {
    max-width: 64%;
    font-size: 30px;
    color: white;
    position: relative;
    z-index: 2;
}
.servs img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
    object-position: 300px;
    margin-right: 0em;
    right: 0px;
    top: 1em;
}
.servs .serv-block:first-child img {
    object-position: 150px;
}
.servs .serv-block:hover img {
    width: 101%;
    animation: servslide 0.5s ease-in-out ;
}
@keyframes servslide {
    0% {width: 100%;}
    100% {width: 101%;}
}
.about{
    z-index: 1;
}
.b-gray {
    сщдщк: кув;
    color: white;
    box-sizing: border-box;
    background: rgba(34, 34, 34, 0.9);
    border: 1px solid #585858;
    backdrop-filter: blur(2px);
    border-radius: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}
.text-block {
    padding: 2em 4em 5em;
    height: inherit;
    margin-bottom: -2em;
    margin-top: 2em;
    margin-left: -2em;
    z-index: -1;
}
.mySwiper_folio img {
    width: 100%;
    border-radius: 10px;
}
.mySwiper_folio:after {
    content: '';
    height: 100%;
    background: #0e0e0e0f;
    width: 30%;
    position: absolute;
    right: -30%;
    z-index: 1;
}
.mySwiper_folio span.swiper-pagination-bullet {
    background: white;
        width: 36px;
    height: 5px;
    border-radius: 1px;
}
.main-title-block {
margin:2rem 0rem;	
}
.main-title-block span{
    color: #a3a3a3;
    padding: px;
    text-align: center;
	margin-bottom:1rem ;	
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 3px;
    font-weight: lighter;
}
.main-title-block h2{
    padding: px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: px;
    font-weight: bold;
	margin-bottom:1rem ;
}
.price-item {
    max-width: ;
    padding: 1em; 
    padding: 1em;
    box-sizing: border-box;
    margin-bottom: 1em;
}
.price-item-title-row {
    border-bottom: 1px solid #f1f1f1;
	border-bottom: 1px solid #bcbcbc;
    padding-bottom: 0.2em;
}
.price-item h2{
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #89937A;
	margin-bottom: 0em;
}
.price-item ul {
    padding-left: 1em;
	margin: 0.5em 0em;
}

.price-item .price{
    font-size: 15px;
	font-weight:600;
}
.price-item .desc{
	margin:1em 0em;
	text-align:left;
	line-height: 19px;
    font-size: 14px;
	text-align:left
}
.price-item p,.price-item li{
	text-align:left;
	line-height: 19px;
    font-size: 14px;
    margin: 0px;
	text-align:left

}
.ps-btn {
    border-radius: 60px;
    padding: 0.2em 0.5em;
    border: 1px solid #bcbcbc;

}
.green{
	color:white;
	background-color: #89937a;
}
.pink{
	color:white;
	background-color: #FFDF00;
}
.info-block {
    padding: 2em;
    box-sizing: border-box;
}
.info-block h2 {
    color: #89937a;
    font-size: 16px;
    margin-bottom: 1em;
}
.info-block p {
    line-height: 19px;
    font-size: 14px;
    margin: 0em 0em 1em;
}
.info-block a button.btn,.info-block span button.btn {
    font-size: 13px;
    line-height: 13px;
    margin-top: 2em;
    text-transform: uppercase;

}
.info-row {
    margin-bottom: 2em;
    border: 1px solid #f1f1f1;
}
.info-row img {
    /* height: 100%; */
    aspect-ratio: 1.29;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 48%;
}
/*.info-row>* {
    max-width: 48%;
}*/
.info-row:nth-child(2n) .info-block:not(.sert) {
	order:-1;
	/*padding-left:0px;*/
}
.info-row:nth-child(2n) .info-block.sert img {
	transform: scale(-1, 1)
	/*padding-left:0px;*/
}
.info-block.sert {
	 order:0
}
.info-block.sert h2 {
	 margin-top:1em
}
/*a.usluga-link-block:not(:nth-child(4n)) {
    margin-right: 3%;
}*/
.back-face:before {
    content: '';
    background: linear-gradient(0deg, #0000005e 10%, #00000024);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}
.price-item-col {
    width: 50%;
}

.price-item-col h2 {
	text-align:left
}

.price {
	white-space:nowrap
}
button.plus.quadro {
    width: 1.6em;
    height: 1.6em;
    border: none;
    border-radius: 3px;
    font-size: 1.2em;
    box-sizing: border-box;
    padding: 0px;
    font-weight: 600;
    line-height: 0em;

}
.price-item-col:last-child .price-item:nth-child(2n + 1) {
    background: #fff2f2;
}
.price-item-col:first-child .price-item:nth-child(2n) {
    background: #fff2f2;
}
.main-title-block.ggchild {
    background: #f2f2f2;
	padding:1em
}
.main-title-block.ggchild h2 {
    font-size: 23px;
    font-weight: 600;
	margin-bottom:0em
}
.sub_menu.show {
        position: absolute;
    background: #1c1c1c66;
    display: flex
;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width: 190px;
    width: fit-content;
    left: 0px;
    z-index: 2;
    padding: 1em 0em;
    box-shadow: 1px 4px 5px 2px #141414;
    opacity: 0;
    animation: wow 0.3s forwards, fade 0.3s forwards;
    /* max-height: 84vh; */
    /* overflow-y: scroll; */
    color: white;
    border-radius: 10px;
    backdrop-filter: blur(6px);
}
.fixed .sub_menu.show {
    position: absolute;
    background: #1c1c1cf5;
    
}
.sub_menu.show:-webkit-scrollbar {
  width: 1px;               /* ширина scrollbar */
}
.sub_menu.show:-webkit-scrollbar-track {
  background: #e0e0e0;        /* цвет дорожки */
}
.sub_menu.show:-webkit-scrollbar-thumb {
  background-color: black;    /* цвет плашки */
  border-radius: 0px;       /* закругления плашки */
  border: 0px solid #e0e0e0;  /* padding вокруг плашки */
}
.sub_menu.show :-webkit-scrollbar-button{
    display:none;
    opacity:0;
    background:transparent
}
.sub_menu.show *::-webkit-scrollbar-button:vertical:start:increment,
.sub_menu.show *::-webkit-scrollbar-button:vertical:end:decrement,
.sub_menu.show *::-webkit-scrollbar-button:horizontal:start:increment,
.sub_menu.show *::-webkit-scrollbar-button:horizontal:end:decrement {
    display: none;
}
.sub_menu.show {
  /*scrollbar-width: thin;     
  scrollbar-color: black #e0e0e0;*/   
}
.sub_menu a{
	padding: 11px 20px;
    /* border-bottom: 1px solid #f1f1f1; */
    text-align: left;
    /* background-color: #fff; */
    position: relative;
    /* box-shadow: 0px 2px 5px #f1f1f1; */
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    color: white;
    float: left;
    width: 100%;
    margin: 0px;
}
.sub_menu a:hover {
	color: #FFDF00;
    font-weight: 600;
}
.sub_menu.row.full.show:after {
    width: 100%;
    height: calc(100vh - 100%);
    background: #e1e1e142;
    -content: '';
    position: absolute;
    top: 100%;
    backdrop-filter: blur(1px);
    pointer-events: none;
}
.info-row img.img-full-h {
    height: 100%;
    aspect-ratio: 0;
}
a[name="Услуги"] {
    pointer-events: none;
}
.sale-block-no-center {
	margin: 1em 0em;
    padding: 0em 0em;
}
.sale-block-no-center>div>* {
    margin-bottom: 0px;
}
.sale-block.sale-block-no-center img {
    min-width: 50%;
    max-width: 50%;
    margin-bottom: 0px;
	
}
div.img-sale-block {
    width: 50%;
    height: 100%;
    aspect-ratio: 1.5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: inherit;
}
.sale-block-no-center .sale-sub-block {
        border: 1px solid #f1f1f1;
}
.sale-block-no-center h2 {
    margin-bottom: 0.5em;
    text-align: left;
    font-size: 24px;
    line-height: 1.5em;
}
.sale-block-no-center p,.sale-block-no-center span {
    margin-bottom: 2em;
    text-align: left;
	    line-height: 19px;
    font-size: 14px;
    margin: 0em 0em 1em;
}
.sale-block-no-center .sale-info{
	width: 50%;
    margin-top: 1em;
    padding: 0em 3em;
    box-sizing: border-box;
}
.sale-block.action {
    margin-bottom: 4em;
}
a#scroll_top {
        position: fixed;
    right: 10px;
    /* max-width: 10px; */
    bottom: 209px;
    border-radius: 0px;
}
a#scroll_top img{
    max-width: 76px;
    padding: 7px;
    width:31px;
    box-sizing: border-box;
    opacity: 0.6;
    box-shadow: 1px 1px 5px 4px #4949490d;
    border-radius: 0%;
}
[button-placement=bottomRight].transition-fast-all {
    max-width: 76px;
    bottom: 7px;
    right: 10px;
    align-items: center;
    align-content: center;
    justify-content: center;
}
[button-placement=bottomRight].transition-fast-all svg {
    max-width: 76px;
}
.copy {
    background: black;
    padding: 0.2em 2em;
    box-sizing: border-box;
}
.copy *, .copy a {
    color: white;
    font-size: 14px;
    font-weight: 600;
    
}
ul.pagination {
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: center;
}
ul.pagination li {
    min-width: 40px;
    line-height: 38px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    padding: 0 5px;
    text-align: center;
    color:black;
    box-sizing: border-box;
    cursor: pointer;
}
ul.pagination li a{

    color:black;display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    
}
ul.pagination li.active {
    border-color: #000;
}
ul.pagination li.page-item.disabled {
    display: none;
}
button.btn.btn-link {
    background: transparent;
    border: 0px;
    margin: auto;
    font-weight: 400;
}
.mySwiper {
    aspect-ratio:1903/800;
    height: auto;
}
.mySwiper.swiper-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper .swiper-pagination-custom,.mySwiper .swiper-pagination-fraction {
    position: absolute;
    bottom: 4.5vw;
    z-index: 1;
    left: 0;
    width: 100%;
    text-align: center;
}
.mySwiper-gal {
    width:100%;
    position:relative;
}
.mySwiper-gal .swiper-slide {
    width:100%;
    display: flex;
    height:540px;
    overflow:hidden;
}
.mySwiper_gal {
    width:100%;
}
.mySwiper-gal .swiper-slide a {
    background-position: center;
    background-size: cover;
    color: white;
    font-size: 1em;
    padding: 1em;
    display: flex;
    align-items: flex-end;
    text-align: left;
    font-weight: 300;
    width: 100%;

}

.mySwiper-gal .swiper-slide a:before {
        content: '';
    background: linear-gradient(0deg, #0000004f, transparent);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
    position: absolute;
}
.mySwiper-gal .swiper-slide a:hover {
     /*background-size: 200%;;*/
    scale: 1.03;
}
.mySwiper-gal .swiper-slide h3 {
    margin-bottom: 1em;
    font-size: 1.5em;
    font-size: 1em;
    font-weight: 300;
    z-index:1;
}
.mySwiper-gal:before {
    content: '';
    position: absolute;
    height: 100%;
    background: #ffffff59;
    background: linear-gradient(270deg, white, #ffffffd1);
    background: linear-gradient(274deg, #ffffff 10%, #ffffff00 90%);
    width: 300px;
    z-index: 2;
    right: auto;
    left: 100%;
    width: calc((100vw - 1220px) / 2);
    backdrop-filter: blur(3px);
}
.mySwiper-gal:after {
    content: '';
    position: absolute;
    height: 100%;
    background: #ffffff59;
    background: linear-gradient(270deg, white, #ffffffd1);
    background: linear-gradient(91deg, #ffffff 10%, #ffffff00 90%);
    width: 300px;
    z-index: 2;
    right: 100%;
    left: auto;
    width: calc((100vw - 1220px) / 2);
    backdrop-filter: blur(3px);
}
form#filters {
    margin: 50px 0px;
    position: relative;
    font-size: 13px;
}
form#filters label.col-sm-1.control-label {
    font-size: 13px;
    background: red;
    padding: 9px 15px;
    line-height: 1;
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    border-radius: 50px;
    display: flex;
    width: 160px;
    box-sizing: border-box;
    cursor: pointer;
        margin-bottom: 7px;
    margin-top: 7px;

}
form#filters select{
    border:none;
    outline: none;
    margin-right:20px;
}
.info-page-title {
    font-size: 58px;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
    font-weight: normal;
}
.info-hed-button {
    margin: 50px auto;
}
.info-tab {
    padding: 15px 0;
    border:none;
    border-bottom: 1px solid transparent;
    margin: 0 30px;
    line-height: 1;
    background:transparent;
    
}
.tab_content {
    margin-bottom: 2em;
}
.info-hed-button.fixed {
    background: white;
    position: fixed;
    top: 63px;
    z-index: 3;
    box-shadow: 0px 2px 5px 0px #d7d7d7;
    width: 100%;
    max-width: inherit;
    margin: auto;
    padding: 5px 0px;
}
.info-tab.active {
    border-color: #FFDF00;
}
div#auth {
    min-width: 27vw;
}
#auth.fancybox-content {
    padding:0px;
}
login-form h2, .loginLoginFieldset h2 {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
    font-weight: 400;
}
fieldset.loginLoginFieldset.column.full.x-center.y-center , .login-form fieldset{
    borer: none;
    border: none;
    max-width: 520px;
    padding: 48px;
    box-sizing: border-box;
}
.delim.row {
    margin-bottom: 2em;
    font-size: 20px;
    
    z-index: 0;
    position: relative;
}
.delim span {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #828282;
    background: #fff;
    padding: 0 10px;
    background: white;
    z-index: 1;
    position: relative;
    padding: 0em 1em;
}
.delim:after{
    content:'';
    position:absolute;
    content: '';
    display: block;
    height: 1px;
    top: 6px;
    left: 0;
    right: 0;
    background: #E0E0E0;
    
}
.reg-row>.column {
    /* min-width: 50%; */
    min-width: calc(50% - 50px);
    flex-grow: 1;
}
.col-reg{
    flex: none;
    padding-right: 50px;
    margin-right: 50px;
    border-right: 1px solid #E0E0E0;
    box-sizing: content-box;
}
.modal.age-mod {
    background: #c3c3c37a;
    backdrop-filter: blur(6px);
}
.age-mod-block {
    background: white;
    padding: 2em 3em;
    border-radius: 13px;
}
.form_desc {
    max-width: 600px;
}
.quad{
    
border-radius: 5px;
transform: rotate(45.18deg);
box-sizing: border-box;
    z-index: -1;
position: absolute;
}
.quad-pink{
border: 1px solid #E501FF;
box-shadow: 0px 0px 11px 12px rgba(229, 1, 255, 0.25);
}
.quad-yellow{
border: 1px solid #FFDF00;
box-shadow: 0px 0px 11px 12px rgba(255, 223, 0, 0.05);
}
.quad-pink-1{
width: 120px;
height: 120px;
left: 1168.12px;
top: 77px;
}
.quad-yellow-1{
width: 100px;
height: 100px;
left: 1274.93px;
top: 106px;
}
/* Rectangle 4 */

.quad-yellow-2{
position: absolute;
width: 168px;
height: 168px;
left: 1359.16px;
top: 250px;
}
.quad-pink-2{
width: 120px;
height: 120px;
left: 1430.12px;
top: 673px;

}
.quad-yellow-3 {
width: 168px;
height: 168px;
left: 1309.16px;
top: 1888px;
}
.quad-pink-3{
width: 120px;
height: 120px;
left: 1451.12px;
top: 2090px;
}
.swiper-container-horizontal {
    position: relative;
}
/*result*/
.btns-row {
    gap: 14px 4%;
    margin: 30px 0px;
}
.btns-row.fixed {
    background: linear-gradient(180deg, #0f0f0f8c, transparent);
    padding: 1em;
    position: fixed;
    top: 29px;
    width: 100%;
    max-width: 1380px;
    z-index: 3;
    /* box-shadow: 0px 1px 9px 2px #0000004f; */
    backdrop-filter: blur(5px);
}
/* Rectangle 3 */
.btn-scroll.active {
    color:#FFDF00;
background: #292929;
box-shadow: inset -3px 3px 6px rgba(16, 16, 16, 0.2), inset 3px -3px 6px rgba(16, 16, 16, 0.2), inset -3px -3px 6px rgba(66, 66, 66, 0.9), inset 3px 3px 8px rgba(16, 16, 16, 0.9);
border-radius: 37.5px;
}
.res-row {
    gap: 18px;
    margin-bottom: 100px;
}
.res-row .img-block {
    width: 24%;
}
.res-row .img-block img{
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
/*product*/
.row .picture_wrap{
    width:50%;
}
.picture_wrap img{
    width:100%;
}
div#intro-content {
    max-width: 750px;
    line-height: 1.5;
}
.content {
    max-height: 600px;
    overflow: hidden;
    position: relative;
    padding-bottom: 2em;
}
span.read_more {
        margin-top: 20px;
    font-size: 22px;
    font-weight: 600;
    bottom: -1px;
    box-sizing: border-box;
}
.show_all{
    
    max-height: fit-content;
}
.answer-row {
    font-size: 14px;
    padding: 1em;
}
h3.quest-row.row {
    gap: 20px;
    border-bottom: 1px solid white;
    padding: 8px 0px;
    font-size: 20px;
}
.rotate {
    rotate: 45deg;
}