@media (min-width: 1767px) {
	.container {
    max-width: 1740px!important;
}
body {
    zoom: 1.2;
}
}@font-face {
    font-family: TTNorms;
    src: url(../fonts/TTNorms-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: TTNorms;
    src: url(../fonts/TTNorms-Light.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: TTNorms;
    src: url(../fonts/TTNorms-Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: TTNorms;
    src: url(../fonts/TTNorms-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}

body {
	font-family: 'TTNorms', sans-serif;
}

.fbox3>div[class*=col] {
	padding-top: 5px;
	padding-bottom: 5px
}
.img-payment2 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 200px;
	border-radius: 20px;
}
.img-payment {
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 130px;
}
.videotut video {
    display: block;
    width: 100%;
    padding: 1vw;
    object-fit: cover;
    border-radius: 20px;
    height: 10vw;
    padding: 0;
}
.seotext{padding-top:3vw}
.menu-description-wrap {
	display: flex;
	margin-top: 45px;
	align-items: center
}

.h-menu-description {
	font-weight: 900;
	margin-left: 15px;
	font-size: 28px
}

.p-logos {
	font-weight: 500;
	text-align: center;
	margin-top: 10px
}

.btn-profile {
	font-size: 14px;
	max-width: 400px;
	height: 95px
}

.div-gerb-zdravnadzor {
	display: flex;
	align-items: center;
	padding: 5px;
	border-radius: 10px;
	max-width: 260px
}

.span-gerb {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 500;
	text-align: left;
	display: block
}

.icon-zdrav {
	width: 40px
}

.p-video-about {
	padding-top: 6px !important;
	border-radius: 5px;
	background: #f8744a;
	padding: 5px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;

}

.h1-check {
	margin-bottom: 30px;
	font-size: 52px;
	margin-top: 25px;
	max-width: 1200px
}

.h-check {
	font-size: 24px
}

.materials-h {
	margin-top: 10px;
	font-size: 21px;

}

@media (max-width: 767px) {
	.number-circle-wrap-check {
		display: none
	}
	.timehead {
    font-size: 14px;
    margin-bottom: 1px;
    position: relative;
    padding-left: 3.625vw!important;
}
	.timehead::before {
    content: '';
    border-radius: 50%;
    width: 2vw!important;
    height: 2vw!important;
    background-color: #52b060;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    -webkit-animation: online 2s infinite;
    animation: online 2s infinite;
}
	.main-top{display:none}
.formmain {
    padding: 80px 15px 70px!important;
   
}
	.check-col-text {
		margin-top: 10px;
		margin-bottom: 15px
	}
	.premo {
    margin-bottom: 2.5vw;
    position: relative;
    font-size: 15px;
    padding: 10px 0 15px;
    border-bottom: 1px solid #f3f3f3;
}
}

.number-circle-wrap-check {
	position: absolute;
	display: flex;
	width: 50px;
	height: 50px;
	background: #00bff8;
	border-radius: 50px;
	justify-content: center;
	align-items: center
}

.number-circle-text {
	color: #fff;
	font-weight: 900;
	font-size: 17px
}

.check-col-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;
	margin-bottom: 50px
}

@media (max-width: 767px) {
	#section-main-check {
		padding: 15px 0
	}

	.materials-col {
		margin-bottom: 15px
	}
}

#section-main-check {
	background-size: cover !important;
	background: url(../images/bg-main-check.webp) center bottom;
	padding: 30px 15px
}

.div-zoom-span,
.materials-col {
	text-align: center
}

#main-content h1,
.row-check-info {
	margin-top: 50px
}

@media (max-width: 767px) {
	.row.row-check-info {
		margin: 20px 0 15px
	}

	#section-second-check {
		padding: 30px 0
	}

	.h1-quiz {
		margin-top: 30px !important
	}
}

#section-second-check {
	padding: 80px 15px;
	border-bottom: 1px solid #e4e4e4
}

@media (max-width: 767px) {
	.p-h1-quiz {
		margin-top: 20px;
		text-align: center;
		font-size: 20px;
		margin-bottom: 30px
	}

	#main-quiz {
		padding: 15px 0 30px
	}
}

.p-h1-quiz {
	margin-top: 40px;
	margin-bottom: 50px;
	font-size: 24px
}

#main-quiz {
	background: url(../images/bg-main.webp) center top no-repeat;
	padding: 30px 15px 0
}

@media (max-width: 767px) {

	.btn-main-quiz,
	.btn-quiz2 {
		margin: 0 auto !important;
		height: 67px !important;
		max-width: 330px !important;
		font-size: 11px !important;
		max-width: 330px;
		letter-spacing: 1px
	}

	#quiz {
		padding: 30px 0!important;
	}
}

.btn-main-quiz {
	line-height: 1.4;
	font-size: 16px;
	max-width: 450px;
	height: 95px;
	margin-top: 50px
}

#application,
#contacts,
#quiz {
	padding: 70px 15px 80px 15px;
}

.quiz__name {
	cursor: pointer;
	font-size: 16px;
	color: #919ba4;
	font-weight: 500;
	line-height: 1.2
}

.span-blue {
	border-radius: 10px;
	padding: 0 10px;
	font-weight: 900;
	background: #e6f9ff;
	color: #f8403e
}

.bold-span-check {
	font-weight: 900;
	color: #f37c10
}

.p-check {
	margin-top: 20px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto
}

.btn-quiz2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	height: 85px;
	font-size: 14px;
	margin-top: 30px
}

.h2-quiz {
	font-size: 46px !important
}

.h-span,
strong {}

.partners-model {
	border-bottom: none !important
}

.span-main-one {
	font-size: 15px !important
}

.one-img-flag {
	width: 50px
}

.h1-bahily {
	max-width: 790px
}

.div-phone-up {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.manufacture-row,
.row-production {
	margin-top: 40px
}

.production-card-menu {
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	padding: 15px;
	display: flex;
	flex-direction: column
}

.heading-menu {
	margin-bottom: 20px;
	font-weight: 900;
	font-size: 24px
}

.col-menu {
	padding: 10px
}

.link-menu {
	flex-grow: 1;
	align-items: flex-start;
	display: flex;
	text-decoration: underline;
	font-size: 16px;
	margin-bottom: 10px
}

.link-menu img {
	margin-top: 6px;
	width: 13px;
	margin-right: 10px
}

.link-menu-main {
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 900;
	font-size: 22px
}

.img-menu {
	margin-bottom: 10px
}

.content-text,
.logo-col {
	margin-bottom: 20px
}

#content ul {
	color: #00bff8
}

#content h3 {
	text-transform: uppercase;
	font-size: 20px
}

#content h2,
.checkboxes {
	margin-bottom: 40px
}

#content {
	background: url(../images/bg-catalog.webp) center top no-repeat;
	border-bottom: 1px solid #ededed;
	padding: 80px 15px
}

#content img {
	margin-bottom: 20px;
	margin-top: 20px
}

#main-content {
	background: url(../images/bg-main-content.webp) center bottom no-repeat;
	padding: 85px 15px 80px
}

.breadcrumb {
	margin-top: 15px;
	padding: 0;
	background: rgba(255, 255, 255, 0)
}

.img-wrap-dop .production-img-small-wrap,
li-menu {
	margin-top: 5px
}

@media (max-width: 1400px) {
	#main-kombinezony-odnorazovye {
		background: url(../images/bg-main.webp) 60% top no-repeat
	}
}
.bg2{background: url(../images/bg2.webp) center top no-repeat!important;}
.bg3{background: url(../images/bg3.webp) center top no-repeat!important;}
.bg4{background: url(../images/bg4.webp) center top no-repeat!important;}
.bg5{background: url(../images/bg5.webp) center top no-repeat!important;}
#main,
#main-kombinezony-odnorazovye {
	padding: 77px 15px 80px;
	background-size: cover!important;
	background: url(../images/bgmain.webp) center top no-repeat;
}
.bg15{padding: 77px 15px 10px!important;}
@media (max-width: 991px) {
	.col-menu {
		padding: 6px
	}

	#main-kombinezony-odnorazovye {
		background: url(../images/bg-main.webp) 70% 0 no-repeat;
		min-height: auto
	}

	.hidden-lg {
		display: none !important
	}
}

#main-halaty h1 {
	font-size: 53px;
	max-width: 900px
}

#main-bah h1 {
	font-size: 55px;
	max-width: 880px
}

#main-opz h1,
.h1-description-taivek {
	max-width: 800px
}

.carousel-fade .item>img {
	width: 100%;
	height: auto
}

.carousel-fade .item.slide-zoomin-lefttop>img,
.carousel-fade .item.slide-zoomout-lefttop>img,
.carousel-fade .slide-zoomin-lefttop .item>img,
.carousel-fade .slide-zoomout-lefttop .item>img {
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.carousel-fade .item.slide-zoomin-righttop>img,
.carousel-fade .item.slide-zoomout-righttop>img,
.carousel-fade .slide-zoomin-righttop .item>img,
.carousel-fade .slide-zoomout-righttop .item>img {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.carousel-fade .item.slide-zoomin-rightbottom>img,
.carousel-fade .item.slide-zoomout-rightbottom>img,
.carousel-fade .slide-zoomin-rightbottom .item>img,
.carousel-fade .slide-zoomout-rightbottom .item>img {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.carousel-fade .item.slide-zoomin-leftbottom>img,
.carousel-fade .item.slide-zoomout-leftbottom>img,
.carousel-fade .slide-zoomin-leftbottom .item>img,
.carousel-fade .slide-zoomout-leftbottom .item>img {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

.carousel-fade .item.active.slide-zoomin-leftbottom>img,
.carousel-fade .item.active.slide-zoomin-lefttop>img,
.carousel-fade .item.active.slide-zoomin-rightbottom>img,
.carousel-fade .item.active.slide-zoomin-righttop>img,
.carousel-fade .item.active.slide-zoomin>img,
.carousel-fade .slide-zoomin .item.active>img,
.carousel-fade .slide-zoomin-leftbottom .item.active>img,
.carousel-fade .slide-zoomin-lefttop .item.active>img,
.carousel-fade .slide-zoomin-rightbottom .item.active>img,
.carousel-fade .slide-zoomin-righttop .item.active>img {
	animation: 6s ease-in-out forwards zoomin
}

.carousel-fade .item.slide-zoomout-leftbottom>img,
.carousel-fade .item.slide-zoomout-lefttop>img,
.carousel-fade .item.slide-zoomout-rightbottom>img,
.carousel-fade .item.slide-zoomout-righttop>img,
.carousel-fade .item.slide-zoomout>img,
.carousel-fade .slide-zoomout .item>img,
.carousel-fade .slide-zoomout-leftbottom .item>img,
.carousel-fade .slide-zoomout-lefttop .item>img,
.carousel-fade .slide-zoomout-rightbottom .item>img,
.carousel-fade .slide-zoomout-righttop .item>img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.carousel-fade .item.active.slide-zoomout-leftbottom>img,
.carousel-fade .item.active.slide-zoomout-lefttop>img,
.carousel-fade .item.active.slide-zoomout-rightbottom>img,
.carousel-fade .item.active.slide-zoomout-righttop>img,
.carousel-fade .item.active.slide-zoomout>img,
.carousel-fade .slide-zoomout .item.active>img,
.carousel-fade .slide-zoomout-leftbottom .item.active>img,
.carousel-fade .slide-zoomout-lefttop .item.active>img,
.carousel-fade .slide-zoomout-rightbottom .item.active>img,
.carousel-fade .slide-zoomout-righttop .item.active>img {
	animation: 6s ease-in-out forwards zoomout
}

.carousel-fade .carousel-control.left,
.carousel-fade .carousel-control.left:focus,
.carousel-fade .carousel-control.right,
.carousel-fade .carousel-control.right:focus {
	background: #fff;
	color: #000;
	top: 50%;
	width: 25%;
	height: 90px;
	line-height: 60px;
	margin-top: -45px;
	padding: 12px 0;
	opacity: 0;
	-webkit-transition: .4s;
	transition: .4s;
	text-shadow: none
}

.carousel-fade .controls-invert .carousel-control.left,
.carousel-fade .controls-invert .carousel-control.left:focus,
.carousel-fade .controls-invert .carousel-control.right,
.carousel-fade .controls-invert .carousel-control.right:focus {
	background: #000;
	color: #fff
}

.carousel-fade:hover .carousel-control.left,
.carousel-fade:hover .carousel-control.right {
	opacity: .4;
	width: 60px;
	height: 60px;
	padding: 0;
	margin-top: -30px
}

.carousel-fade .carousel-control.left:hover {
	padding-left: 20px;
	width: 80px
}

.carousel-fade .carousel-control.right:hover {
	padding-right: 20px;
	width: 80px
}

.carousel-fade .item.slide-dark>img,
.carousel-fade .slide-dark .item>img {
	position: relative;
	z-index: 0
}

.carousel-fade .item.slide-dark:after,
.carousel-fade .slide-dark .item:after {
	background: rgba(0, 0, 0, .5);
	content: ' ';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.carousel-fade .carousel-indicators {
	height: 20px;
	bottom: 0
}

.carousel-fade .carousel-indicators li {
	width: 25px;
	height: 4px;
	background: #fff;
	opacity: .3;
	border-radius: 0;
	-webkit-transition: .6s;
	transition: .6s;
	margin: 0 3px !important;
	position: relative;
	border: none
}

.carousel-fade .carousel-indicators li:after,
.carousel-fade .carousel-indicators li:before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: ""
}

.carousel-fade .carousel-indicators li:before {
	top: -10px
}

.carousel-fade .carousel-indicators li:after {
	bottom: -10px
}

.carousel-fade .carousel-control.left:hover,
.carousel-fade .carousel-control.right:hover,
.carousel-fade .carousel-indicators li.active,
.carousel-fade .carousel-indicators li:hover,
.xslideshow .carousel-indicators li:hover {
	opacity: .9
}

.carousel-fade .slide-center .item {
	bottom: initial;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.carousel-fade .carousel-caption {
	-webkit-transition: .6s ease-out;
	transition: .6s ease-out;
	margin-bottom: 50px;
	padding: 10px 15px;
	opacity: 0;
	left: 25%;
	right: auto;
	width: 50%
}

.carousel-fade .item.active:not(.left):not(.right) .carousel-caption {
	margin-bottom: 20px;
	opacity: 1
}

.carousel-fade .slide-center .carousel-caption {
	top: 50%;
	transform: translateY(-10%);
	bottom: auto
}

.carousel-fade .slide-center .item.active:not(.left):not(.right) .carousel-caption,
.carousel-fade .slide-center.active:not(.left):not(.right) .carousel-caption {
	transform: translateY(-50%)
}

.carousel-fade .carousel-caption>* {
	position: relative;
	z-index: 2;
	margin: 5px 0
}

.carousel-fade .carousel-caption>:not(.btn) {
	color: #fff
}

.carousel-fade .slide-invert .carousel-caption>:not(.btn) {
	color: #000;
	text-shadow: 0 1px 2px rgba(255, 255, 255, .6)
}

.carousel-fade .indicators-invert.carousel-indicators li {
	background: #000
}

.carousel-fade .slide-border .carousel-caption:after,
.carousel-fade .slide-border .carousel-caption:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.carousel-fade .slide-border .carousel-caption:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 100%;
	width: 0
}

.carousel-fade .slide-border .carousel-caption:after {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 100%;
	height: 0
}

.carousel-fade .slide-invert.slide-border .carousel-caption:after,
.carousel-fade .slide-invert.slide-border .carousel-caption:before {
	border-color: #000
}

.carousel-fade .slide-border .active .carousel-caption:before,
.carousel-fade .slide-border.active .carousel-caption:before {
	animation: .6s ease-out .2s forwards borderH
}

.carousel-fade .slide-border .active .carousel-caption:after,
.carousel-fade .slide-border.active .carousel-caption:after {
	animation: .6s ease-out .2s forwards borderV
}

.carousel-fade .slide-background .carousel-caption {
	background: rgba(0, 0, 0, .5)
}

.carousel-fade .slide-invert.slide-background .carousel-caption {
	background: rgba(255, 255, 255, .5)
}

.carousel-fade .slide-bigcaption .carousel-caption * {
	font-size: 16px
}

.carousel-fade .slide-bigcaption .carousel-caption h3 {
	font-size: 30px
}

@media (min-width: 768px) {
	.carousel-fade .slide-bigcaption .carousel-caption :not(.btn) {
		font-size: 22px
	}

	.carousel-fade .slide-bigcaption .carousel-caption h3:not(.btn) {
		font-size: 40px
	}
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	bottom: initial
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}

.carousel-fade .carousel-control {
	z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.active.left,
	.carousel-fade .carousel-inner>.item.active.right,
	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.prev {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.carousel-fade .carousel-inner>.item.active,
	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.popup {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px;
	overflow-y: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: 150ms linear;
	-o-transition: 150ms linear;
	transition: 150ms linear;
	opacity: 0;
	visibility: hidden
}

.popup.active {
	flex: 9;
	opacity: 1;
	visibility: visible;
	position: relative;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px
}

.popup__content {
	margin: auto;
	position: relative;
	display: none;
	max-width: 554px;
	width: 100%;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.popup__content.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.popup__content--callback {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
	text-align: center;
	padding: 45px 55px 75px
}

.popup__content--callback::after {
	content: "";
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: -14px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	top: 50%;
	background: #fff;
	z-index: -1
}

.popup__content--quiz {
	max-width: 1140px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .08);
	padding: 15px;
	z-index: 5
}

.popup__content--callback .form-field {
	margin: 0 auto 8px
}

.popup__content--callback .button {
	margin: 0 auto
}

.popup__content--callback .attachment {
	max-width: 276px;
	width: 100%;
	text-align: left;
	margin: 0 auto 20px
}

.popup__title {
	color: #d24a44;
	font-size: 44px;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.popup__sub-title {
	color: #3c2c22;
	font-size: 22px;
	line-height: 27px;
	margin-bottom: 35px;
	padding-bottom: 25px;
	position: relative
}

.popup__sub-title::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	height: 1px;
	width: 356px;
	background-color: #d3bbb0
}

.quiz {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid #f2f2f2;
	border-radius: 10px
}

.quiz__step {
	width: 100%;
	overflow: hidden;
	padding: 40px 30px 50px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	display: none
}

.quiz__step--active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.quiz__step::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 311px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

.quiz__step--final {
	width: 100%
}

.quiz__step--final .quiz__title-wrap {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center
}

.quiz__step--final .quiz__title-wrap span {
	display: inline
}

.quiz__step--final .button {
	margin: 0 auto 30px;
	z-index: 1
}

.quiz__choice {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1
}

.quiz__choice--large .quiz__item {
	width: calc(25% - 15px);
	margin-right: 15px;
	margin-bottom: 30px
}

.form-adv-wrap>div:last-child,
.main-adv-block:last-child,
.manufacture-adv-wrap>div:last-child,
.quiz__choice--large .quiz__item:last-child,
.soc-image:last-child {
	margin-right: 0
}

.quiz__choice--large .quiz__image {
	height: 309px
}

.quiz__choice--medium {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-right: 150px
}

.quiz__choice--medium .quiz__item {
	max-width: 209px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 209px;
	-ms-flex: 1 0 209px;
	flex: 1 0 209px;
	margin: 0 22px 24px 0
}

.quiz__choice--medium .quiz__image {
	height: 128px
}

.quiz__choice--small {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.quiz__choice--small .quiz__item {
	max-width: 171px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 171px;
	-ms-flex: 1 0 171px;
	flex: 1 0 171px;
	margin: 0 10px 15px 0
}

.quiz__choice--small .quiz__image {
	height: 127px
}

.quiz__item {
	width: calc(25% - 15px);
	position: relative;
	cursor: pointer
}

.quiz__item--active .quiz__image::before {
	opacity: 1;
	visibility: visible
}

.quiz__image {
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	margin-bottom: 15px;
	border-radius: 5px
}

.quiz__image::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../fonts/quiz_choice.svg) center no-repeat rgba(254, 178, 30, .6);
	-webkit-transition: 150ms linear;
	-o-transition: 150ms linear;
	transition: 150ms linear;
	opacity: 0;
	visibility: hidden
}

.quiz__name sup {
	position: relative;
	top: -5px;
	left: 1px;
	font-size: 14px
}

.quiz__number {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	position: absolute;
	right: 50px;
	top: 70px
}

.quiz__number .wrap {
	font-family: Proxima-Nova-Regular;
	font-size: 16px;
	color: #919ba4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.quiz__count {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 103px;
	height: 103px;
	background-color: #dbc9c2;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	overflow: hidden;
	margin-right: 30px
}

.quiz__count span {
	position: relative;
	top: 5px;
	font-family: "DIN Pro Cond";
	font-size: 73px;
	line-height: 53px;
	color: #f7f2f1
}

.quiz__title-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.quiz__title {
	font-weight: 900;
	color: #000;
	font-size: 30px;
	max-width: 700px
}

.quiz__title span {
	display: block;
	color: #d24a44
}

.quiz__title b {
	display: block;
	font-weight: 400;
	font-size: 27px;
	line-height: 28px;
	font-family: "DIN Pro"
}

.quiz__field-block {
	margin-bottom: 23px
}

.quiz__field-block label {
	display: block;
	font-family: Panton-Regular;
	color: #919ba4;
	font-size: 17px;
	margin-bottom: 5px
}

.quiz__field-block input {
	max-width: 326px;
	width: 100%;
	padding: 0 10px;
	height: 52px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid rgba(211, 187, 176, .92);
	background-color: #fff;
	outline: 0;
	font-size: 14px;
	font-weight: 400;
	color: #8e7469;
	font-family: Panton-Regular
}

.quiz__field-block input:focus {
	border: 1px solid #919ba4;
	background: rgba(211, 187, 176, .1)
}

.quiz__form .checkbox {
	position: relative;
	padding-left: 42px;
	display: block;
	color: #919ba4;
	font-family: Panton-Regular;
	font-size: 20px;
	cursor: pointer
}

.quiz__form .checkbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border: 1px solid #919ba4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 150ms linear;
	-o-transition: 150ms linear;
	transition: 150ms linear;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center
}

.quiz__form .checkbox.active::before {
	border-color: #d24a44;
	background-color: #d24a44;
	background-image: url(../fonts/checkbox.svg)
}

.quiz .buttons {
	margin-top: 40px;
	display: flex;
	z-index: 10000 !important
}

.quiz .buttons .prev-step {
	margin-right: 30px
}

.quiz .buttons .prev-step img {
	margin-left: 0;
	margin-right: 25px
}

.quiz .attachment {
	margin: 0
}

.quiz .attachment label {
	color: #fff;
	font-weight: 400;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	margin: 0
}

.button {
	font-size: 14px;
	width: 100%;
	max-width: 335px;
	height: 75px
}

.quiz__choice--large {
	width: 100%;
	flex-flow: wrap;
	margin-bottom: -30px
}

.form-field--phone input {
	margin-bottom: 25px;
	border: 1px solid rgba(211, 187, 176, .92);
	background: rgba(211, 187, 176, .1);
	max-width: 326px;
	width: 100%;
	padding: 0 10px;
	height: 52px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	outline: 0;
	font-size: 16px;
	font-weight: 400;
	color: #919ba4;
	font-family: TT-Norms-Regular
}

.form-field--email input {
	border: 1px solid rgba(211, 187, 176, .92);
	background: rgba(211, 187, 176, .1);
	max-width: 326px;
	width: 100%;
	padding: 0 10px;
	height: 52px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	outline: 0;
	font-size: 16px;
	font-weight: 400;
	color: #919ba4;
	font-family: TT-Norms-Regular
}

.checkboxes .checkbox {
	margin-bottom: 15px
}

.quiz__step--final .quiz__title {
	max-width: none
}

.quiz-fin-text {
	font-size: 20px;
	text-align: center;
	margin-top: 20px
}

.quiz-form-wrap {
	margin-left: auto;
	margin-right: auto
}

.procent-line {
	position: relative;
	margin-top: 5px;
	height: 5px;
	width: 80%;
	background: #d9d9d9;
	border-radius: 3px
}

.quiz-procent-block {
	margin-bottom: 30px
}

.procent-line-active {
	position: absolute;
	height: 5px;
	border-radius: 3px;
	background: #f97949
}

.quiz-block-bonus {
	flex: 3;
	margin-left: 70px
}

@media (max-width: 1199px) {
	.quiz-block-bonus {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 40px 0 30px
	}
}

@media (max-width: 767px) {
	.production-card-menu {
		border-radius: 10px;
		border: 1px solid #f5f5f5;
		padding: 10px;
		display: flex;
		flex-direction: column
	}

	.link-menu {
		flex-grow: 2;
		align-items: flex-start;
		display: flex;
		text-decoration: underline;
		font-size: 14px;
		margin-bottom: 10px
	}

	.link-menu-main {
		margin-top: 10px;
		margin-bottom: 15px;
		font-weight: 900;
		font-size: 18px
	}

	#content h2 {
		margin-bottom: 20px
	}

	.content-text {
		font-size: 15px;
		margin-bottom: 10px
	}

	#content {
		padding: 30px 15px
	}

	#main-content,
	#main-kombinezony-odnorazovye {
		padding: 75px 0 30px;
		background: #fcfcfc
	}

	.breadcrumb {
		justify-content: center;
		align-items: center;
		display: flex
	}

	#main-content h1 {
		margin-top: 15px
	}

	.production-img-big.img-one {
		width: 70%;
		margin: auto
	}

	.carousel-fade:hover .carousel-control.left,
	.carousel-fade:hover .carousel-control.right {
		display: none
	}

	.procent-line {
		width: calc(100% - 15px)
	}

	.quiz-procent-block {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.quiz-block {
		margin-top: 20px
	}

	.quiz-block-bonus {
		margin-top: 0;
		margin-bottom: 10px
	}
}

.quiz-block {
	display: flex;
	align-items: start;
	margin-top: 40px
}

.quiz-present-h-wrap {
	position: relative;
	height: 101px;
	width: 328px;
	margin: 15px 0 30px
}

.quiz-present-h-block {
	background: url(../images/quiz-presents-form.webp) center center no-repeat;
	width: 300px;
	height: 101px;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 1 !important;
	position: absolute
}

.quiz-present-img-block {
	position: absolute;
	width: 158px;
	height: 153px;
	background: url(../images/quiz-present.webp) center center no-repeat;
	top: -85px;
	z-index: 0 !important;
	right: -35px
}

@media (max-width: 1500px) {
	.quiz-present-img-block {
		right: -20px !important
	}
}

.quiz-present-h-block span {
	text-transform: uppercase;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	margin: 20px
}

.form-icon-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.form-icon-block:first-child {
	background: url(../images/present-bg-1.webp) 60px 30px no-repeat
}

.form-icon-block:last-child {
	margin-top: 30px;
	background: url(../images/present-bg-2.webp) 60px 10px no-repeat
}

@media (max-width: 600px) {
	.form-icon-wrap {
		justify-content: center;
		align-items: start
	}

	.form-icon-block img {
		width: 100%;
		max-width: 120px
	}
}

.quiz-icon-text {
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
	color: #000;
	line-height: 1.4;
	max-width: 240px
}

@media (max-width: 1550px) {
	.quiz__image {
		height: 250px !important
	}
}

@media (max-width: 1290px) {
	.quiz__image {
		height: 210px !important
	}
}

@media (max-width: 900px) {
	.quiz__image {
		height: 320px !important
	}

	.quiz__item.ff-din-cond {
		width: calc(50% - 15px)
	}
}

@media (max-width: 590px) {
	.quiz__image {
		height: 220px !important;
		margin-bottom: 10px
	}
}

@media (max-width: 420px) {
	.quiz__image {
		height: 170px !important
	}
}

@media (max-width: 540px) {
	.quiz__item.ff-din-cond {
		margin-right: 0;
		margin-bottom: 20px;
		width: calc(50% - 20px)
	}
}

.quiz__form .buttons {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width: 1280px) {
	.quiz__number {
		display: none
	}
}

.quiz-form-wrap {
	z-index: 1000
}

.p-center-all {
	text-align: center !important
}

@media (min-width: 992px) {
	.carousel-fade .slide-bigcaption .carousel-caption :not(.btn) {
		font-size: 26px
	}

	.carousel-fade .slide-bigcaption .carousel-caption h3:not(.btn) {
		font-size: 50px
	}

	.visible-lg {
		display: none !important
	}
}

.container {
	max-width: 1440px;
}

p {
	margin-bottom: 0
}

@media (min-width: 1200px) {
	.carousel-fade .slide-bigcaption .carousel-caption :not(.btn) {
		font-size: 30px
	}

	.carousel-fade .slide-bigcaption .carousel-caption h3:not(.btn) {
		font-size: 60px
	}

	.visible-xl {
		display: none
	}
}

.hidden {
	display: none !important
}

.container-rel,
.form-col-text {
	position: relative
}

@media (max-width: 991px) {
	.p-center-lg {
		text-align: center
	}

	body {
		zoom: 100% !important
	}
}

@media (max-width: 1600px) {
	body {
		zoom: 80%
	}
}

h1,
h2,
h3 {
	font-weight: 700;
	color: #000
}

h3 {
	font-size: 50px;
	line-height: 1.3;
	font-weight: 700;
}
}

a,
p,
span {
	font-weight: 500;
	color: #000
}

.nav-link {
	font-size: 14px;
	color: #000 !important
}

.nav-pdf-block span {
	font-weight: 900;
	color: #f7403c;
	font-size: 15px;
	margin-left: 10px
}

.bold-span,
.nav-link-tel,
h1 span {}

#main-bah {
	background: url(../images/bg-main-bah.webp) center top no-repeat;
	min-height: 1010px;
	padding: 85px 15px 80px
}

#main-halaty {
	background: url(../images/bg-main-halaty.webp) center top no-repeat;
	min-height: 1010px;
	padding: 85px 15px 80px
}

#main-opz {
	background: url(../images/bg-opz.webp) center top no-repeat;
	min-height: 1010px;
	padding: 85px 15px 80px
}

h1 {
	font-size: 55px;
	max-width: 700px;
	line-height: 1.3;
	font-weight: 700;
}

.footer-row,
.main-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0;
	border-top: 1px solid rgba(28, 28, 28, .07);
}

.main-col-logo-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.main-col-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.logo-text {
	display: block;
	font-size: 13px;
	color: #000000;
	margin-left: 20px
}

.main-col-soc {
	display: flex;
	justify-content: center;
	align-items: center;
	-ms-flex: 0 0 20%;
	flex: 0 0 18%;
	max-width: 18%;
	flex-direction: column;
}

.soc-wrap {
	display: flex;
	justify-content: center;
	align-items: center
}

.soc-image {
	display: block;
	margin-right: 5px;
	cursor: pointer;
	width: 38px;
	height: 38px;
}

.main-col-mail {
	display: flex;
	justify-content: start;
	align-items: center;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.main-col-tel {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	-ms-flex: 0 0 20%;
	flex: 0 0 22%;
	max-width: 22%;
}

.main-tel-text {
	font-size: 14px;
	color: #8c8c8c
}

.main-tel {
	font-size: 21px;
	font-weight: 700;
}

.main-circle-wrap {
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .15);
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0
}

.main-circle-wrap img {
	width: 22px;
	height: 22px
}

.main-mail-text {
	font-size: 13px;
	color: #8c8c8c
}

.main-mail {
	font-size: 16px;
	font-weight: 500;
}

.h1-description {
	font-size: 22px;
	max-width: 550px;
	font-family: 'Montserrat', sans-serif;
}

.h1-description-wrap {
	display: flex;
	margin-top: 30px;
	align-items: start
}

.h1-description-wrap img {
	margin: 5px 15px 0 0
}

.main-btn-wrap {
	display: flex;
	align-items: center;
	margin-top: 55px;
	position: relative;
}

.btn {
	padding: 1.7vw 2.76vw;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	z-index: 6;
	cursor: pointer;
	font-size: 13px;
	background: #13d16d;
	border-radius: 500px;
	color: #fff;
	border: none;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	position: relative;
	font-weight: 700;
	letter-spacing: .08vw;
}

.btn2 {
	padding: 0.9vw 1.76vw;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	margin-top: 5px;
	z-index: 6;
	cursor: pointer;
	margin-right: 0 !important;
	font-size: 13px;
	background: #12c868;
	border-radius: 500px;
	color: #fff;
	border: none;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	position: relative;
	font-weight: 700;
	letter-spacing: .08vw;
}

.main-btn {
	font-size: 16px;
	max-width: 440px;
	width: 100%;
	height: 110px
}

.main-btn-text-wrap {
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.main-btn-text-wrap img{width:35px}
.card-dop-btn-block p,
.dop-main-description span,
.main-btn-text-wrap span {
	display: block;
	font-size: 14px;
	color: #0d0d0d;
	margin-left: 10px;
}

.main-adv-wrap {
	margin-top: 100px;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap
}

.main-adv-block {
	max-width: 292px;
	width: 30%;
	background: #fff;
	border-radius: 10px;
	padding: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 25px;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .3)
}

.main-adv-block-border {
	border-radius: 10px;
	border: 1px solid #f2f2f2;
	min-height: 280px;
	width: 100%;
	padding: 20px
}

.main-adv-h {
	line-height: 1.3;
	font-size: 20px
}

.main-adv-text {
	font-size: 14px;
	color: #535353;
	margin-top: 10px
}

.main-adv-block-border img {
	margin-top: -60px;
	margin-bottom: 10px
}

.main-bg-descr-wrap span {
	font-size: 15px;
	color: #8c94a2
}

.main-bg-descr-wrap img {
	width: 27px;
	margin-right: 10px
}

.main-bg-descr-wrap {
	position: absolute;
	right: 5%;
	bottom: 4%
}

@media (max-width: 1199px) {
	.quiz-block {
		flex-flow: column-reverse;
		align-items: center
	}

	.form-icon-wrap {
		display: flex
	}

	.p-center-xl {
		text-align: center
	}

	.hidden-xl {
		display: none !important
	}

	h1 {
		font-size: 48px;
		max-width: 760px
	}

	.main-tel {
		font-size: 20px
	}
}

@media (max-width: 991px) {
	h1 {
		font-size: 42px !important;
		max-width: 600px !important
	}
}

@media (max-width: 767px) {
	
	.inner {
	flex-direction: column!important;
	margin-top: 0!important;
}
.main-row{padding:0;border: none;}
	
	
	.quiz-block {
		margin-top: 10px
	}

	.quiz-present-h-wrap {
		display: flex;
		justify-content: center;
		margin: 10px 0 5px;
		height: 82px;
		width: 250px
	}

	.quiz-present-img-block {
		display: none
	}

	.form-icon-block {
		width: 50%
	}

	.quiz__title {
		font-size: 23px;
		text-align: center !important;
		line-height: 1.3;
		margin: auto
	}

	.quiz__form form {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.quiz__choice.quiz__choice--large.flex {
		display: flex;
		justify-content: space-between;
		text-align: center
	}

	.buttons {
		justify-content: space-around
	}

	.hidden-md {
		display: none !important
	}

	.p-center-md {
		text-align: center
	}

	h1 {
		font-size: 30px !important;
		width: 100% !important;
		text-align: center !important;
		margin: 15px auto 0 !important;
		max-width: 550px !important;
	}
	.articles__item .item-title {
    font-weight: 700;
    font-size: 4.25vw!important;
    line-height: 1.3!important;
}.articles__item .item-link div {
   margin-top:10px!important;
    font-size: 2.8333333333vw!important;
    line-height: 1.3!important;
    letter-spacing: 0.04em;
}
	.articles h1{line-height:1.1;
    margin-bottom: 5.0416666667vw!important;
}.articles__item{width:100%!Important;text-align: center;-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;}
.main-col-mail {display:none}
	.main-row>div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		justify-content: center !important;
		margin-bottom: 15px;
		text-align: center
	}
}

@media (max-width: 1000px) {
.main-col-tel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -ms-flex: 0 0 20%;
    flex: 0 0 30%;
    max-width: 30%;
}

.main-col-logo-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -ms-flex: 0 0 20%;
    flex: 0 0 10%;
    max-width: 10%;
}
	
	.logo-text,
	.main-circle-wrap {
		display: none
	}
.main-title__dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 7px;
    margin-right: 18px;
}
	.main-title__dots {
    display:none!important
}






	
}

@media (max-width: 1400px) {
	#main {
	}

	#main-bah {
		background: url(../images/bg-main-bah.webp) 60% top no-repeat
	}

	#main-halaty {
		background: url(../images/bg-main-halaty.webp) 60% top no-repeat
	}
}

@media (max-width: 991px) {
	#main {
		background: url(../images/bg-gel.webp) 70% 0 no-repeat;
		min-height: auto
	}

	#main-bah {
		background: url(../images/bg-main-bah.webp) 70% 0 no-repeat;
		min-height: auto
	}

	#main-halaty {
		background: url(../images/bg-main-halaty.webp) 70% 0 no-repeat;
		min-height: auto
	}
}

@media (max-width: 767px) {

	.h1-description-wrap,
	.main-btn-wrap {
		justify-content: center;
		margin-top: 20px
	}

	.h1-description-wrap img {
		display: none
	}

	.h1-description {
		text-align: center;
		font-size: 20px
	}
}

@media (max-width: 1290px) {

	.main-btn-text-wrap,
	.nav-link-tel {
		display: none
	}
}

@media (max-width: 767px) {
	.main-btn {
		max-width: 310px;
		height: 67px;
		font-size: 13px
	}

	.main-adv-h {
		font-size: 18px;
		line-height: 1.3
	}

	.main-adv-text {
		font-size: 13px;
		line-height: 1.3;
		margin-top: 5px
	}

	.main-adv-block-border {
		min-height: auto;
		padding: 3px;
		text-align: center;
		border: none
	}

	#main {
		padding: 75px 0 30px;
		background-size: auto!important;
	}
	.specials {
    padding: 0px 0 50px;
}
	h3{font-size: 7vw;}
	.fz36 {
    font-size: 25px!important;
}
	.gel-banner__title {font-size:23px!important}
#footer {
    padding: 30px 15px 0px!important;
}
.h-pr {
    line-height: 1.4;
    margin-top: 20px;
    text-align: center;
    font-size: 15px!important;
}
	.img-payment {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
	
}

.nav-item {
	margin-right: 25px
}

@media (max-width: 1460px) {
	.nav-item {
		margin-right: 15px
	}
}

@media (max-width: 1380px) {
	.nav-item {
		margin-right: 0
	}
}

#manufacture {
	position: relative;
	padding: 50px 15px 80px 15px;
}

h2 {
	font-size: 50px;
	text-align: center
}

.h2-description {
	font-size: 22px;
	text-align: center;
	color: #000000;
	margin: 30px 0px;
	font-family: 'Montserrat', sans-serif;
}

.manufacture-h {
	font-size: 30px;
	line-height: 1.3;

}

.manufacture-h-descr {
	font-size: 20px;
	color: #8c94a2;
	margin-top: 25px;
	line-height: 1.35
}

.manufacture-text {
	font-size: 17px;
	margin-top: 25px
}

.form-adv-wrap,
.manufacture-adv-wrap {
	margin-top: 50px;
	display: flex
}

.form-adv-wrap>div,
.manufacture-adv-wrap>div {
	width: calc(50% - 30px);
	max-width: 225px;
	margin-right: 30px
}

.manufacture-adv-wrap p {
	font-size: 15px
}

#pr {
	padding: 80px 15px;
}
#uslugi {
	padding: 80px 15px;
}
#production::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: -7%;
	right: -35%;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/bgn.svg);
	opacity: 0.2;
}

#production,
#production-dop {
	position: relative;
	overflow: hidden;
	padding: 80px 15px;
	border-bottom: 1px solid #ededed;
}

.production-btn:last-child {
	border-radius: 0 10px 10px 0;
	border-right: none !important
}

.production-row,
.production-row-dop {
	margin-top: 30px
}

.production-card {
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	padding: 40px;
	display: flex;
	align-items: flex-start;
	position: relative
}

.production-card-wrap {
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	max-width: 700px;
	background: #fff;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .3)
}

h4 {
	font-size: 22px;
	font-weight: 900;
	color: #000
}
.h-proekty{margin-bottom:40px}
.seo-text h4{margin-bottom:10px!important}
.seo-text p{margin-bottom:20px!important}
.production-h-descr {
	font-size: 18px;
	color: #8c94a2;
	font-weight: 900;
	margin-top: 10px
}

.production-list {
	margin-top: 10px;
	padding-left: 15px;
	color: #40c8f8;
	font-size: 15px;
	margin-bottom: 20px;
	text-align: left
}

.production-info-wrap {
	width: 100%;
	max-width: 370px;
	background: #f2f3f5;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 15px
}

.production-info-wrap span {
	font-size: 16px;

}

.production-info-wrap img {
	margin-right: 10px
}

.red-span {
	color: #e42a14
}

.production-card-btn {
	max-width: 335px;
	height: 77px;
	width: 100%;
	font-size: 13px;
	margin-top: 15px
}

.production-card>div:first-child {
	position: relative;
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start
}

.production-card>div:last-child {
	width: calc(70% - 20px);
	margin-left: 20px
}

.production-img-small {
	display: block;
	width: calc(33% - 2px);
	margin-bottom: 4px
}

.production-img-big {
	width: 100%;
	margin-bottom: 4px
}

.loop-block span,
.zoom-span {
	font-size: 13px;
	color: #40c8f8;
	margin-left: 5px
}

.loop-block {
	position: absolute;
	width: 200px;
	transform: rotate(270deg);
	left: -120px;
	top: 80px
}

.production-col {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: start
}

#form {}

.formmain {
	padding: 80px 75px 70px 75px;
	background: url(../images/bg-form.webp) center bottom no-repeat;
	border-radius: 50px;
	background-size: cover;
}

.formmain2 {
	padding: 80px 75px 70px 75px;
	background: url(../images/bg-form2.webp) center bottom no-repeat;
	border-radius: 50px;
	background-size: cover;
}

.h2-form {
	text-align: left;
	max-width: 510px;
	color: #fff;
}

.h2-description-form {
	text-align: left;
	max-width: 530px;
	font-size: 20px;
	color: #fff;
}

.form-text {
	font-size: 16px;
	margin-top: 30px;
	width: 100%;
	max-width: 540px
}

.form-adv-wrap p {
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
}

.form-block {
	border-radius: 10px;
	border: 1px solid #3838385c;
	padding: 30px
}

.form-wrap {
	border-radius: 10px;
	padding: 15px;
	width: 100%;
	max-width: 490px;
	background: #00000054;
}

.form-col {
	display: flex;
	justify-content: flex-end;
	align-items: start
}

.h-form {
	font-weight: 900;
	text-align: center;
	color: #fff;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 1.3
}

.h-form-descr {
	font-size: 15px;
	text-align: center;
	margin-bottom: 30px;
	color: #758599
}

.form-field {
	margin-left: auto;
	margin-right: auto;
	max-width: 380px;
	width: 100%;
	display: none;
	border: none !important;
	border-radius: 5px;
	height: 70px;
	font-size: 17px !important;
	text-align: center;
	margin-bottom: 20px;
	box-shadow: inset .04235em .04235em .29412em 0 #f4f4f4
}

.form-control {
	margin: 30px 0
}

.type-name {
	font-size: 12px;
	text-align: center;
	display: block;
	color: #fff;
}

.form-btn {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 365px;
	width: 100%;
	min-height: 89px;
	font-size: 15px
}

.type {
	height: 90px !important;
	width: 22%;
	cursor: pointer;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.type-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px
}

.icon-forma {
	width: 28px;
	margin-bottom: 8px
}

.active-input {
	font-weight: 500;
	display: block !important;
	background: #1a1a1a!important;
	box-shadow: none;
	border-radius: 50px;
	color: #fff!important;
}

.li-check {
	color: #fdfdfd;
	font-size: 13px
}

.div-check {
	text-align: left;
	width: 100%;
	max-width: 360px;
	margin: 20px auto 0
}

.check-form {
	width: 10px !important;
	height: 10px !important;
	margin-right: 8px
}

.type.active {
	box-shadow: 0 0 20px 5px rgb(197 199 188 / 10%);
}

#form-name {
	right: 0px;
	top: 500px;
	position: absolute;
	width: 208px;
	height: 45px;
	background: #014fda;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(43 133 235);
	box-shadow: inset 0 2px 15px 0 rgb(43 133 235);
	-webkit-transform: skew(340deg);
	-moz-transform: skew(340deg);
	-o-transform: skew(340deg);
	transform: skew(340deg);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10
}

.form-name-text {
	font-weight: 900;
	font-size: 17px;
	color: #fff;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg)
}

#form-description {
	right: 0px;
	top: 540px;
	position: absolute;
	width: 230px;
	height: 45px;
	background: #212121;
	-webkit-transform: skew(340deg);
	-moz-transform: skew(340deg);
	-o-transform: skew(340deg);
	transform: skew(340deg);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 20px 5px rgb(92 92 92 / 15%);
}

.form-description-text {
	font-size: 14px;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
	color: #ffffff;
}

@media (max-width: 1450px) {
	#form-name {
		right: 0
	}

	#form-description {
		right: -60px
	}
}

@media (max-width: 1250px) {

	#form-description,
	#form-name {
		display: none
	}
}

@media (max-width: 1150px) {
	#form {
		background: #f5f1ee
	}
}

@media (max-width: 1199px) {
	h2 {
		font-size: 44px
	}

	.h2-quiz {
		font-size: 44px !important
	}
}

@media (max-width: 991px) {

	.form-text,
	.h2-description-form,
	.h2-form {
		text-align: center;
		color: #000;
	}

	.form-col-text {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	#form {
		background: url(../images/bg-gel.webp) left bottom/cover no-repeat;
	}
.formmain{background:none}
	.formmain2{background:none}
	.formmain2 {
    padding: 30px 15px 70px!important;
}
	.form-col {
		margin-top: 30px;
		justify-content: center
	}

	h2 {
		font-size: 38px
	}

	.h2-quiz {
		font-size: 38px !important
	}

	.manufacture-img-big {
		display: flex;
		justify-content: center;
		align-items: start
	}
}

@media (max-width: 767px) {

	#main-bah,
	#main-halaty,
	#main-opz {
		padding: 75px 0 30px;
		background: #fcfcfc
	}

	.main-adv-block-border img {
		margin-bottom: 5px;
		max-width: 150px
	}

	.main-adv-wrap {
		margin-top: 70px;
		flex-direction: column
	}

	.main-adv-block {
		margin: 0 auto 60px !important;
		width: 100%;
		max-width: 300px
	}

	.main-adv-block:last-child {
		margin-bottom: 0 !important
	}

	.reviews-btn {
		width: 90%;
		max-width: 500px;
		height: 70px;
		margin: auto auto 2px;
		border: none !important;
		border-radius: 8px !important
	}

	.form-control {
		font-size: 15px !important
	}
#pr {
    padding: 80px 15px 0px;
	
}
	#uslugi {
    padding: 80px 15px 0px;
	
}
	#form {
		padding: 30px 0 0px 0;
	}

	h2 {
		font-size: 30px
	}
.seo-text h2, .seo-text h3 {
    font-size: 20px!important;
    text-align: left;
}
	.h2-quiz {
		font-size: 30px !important
	}
.premka{padding: 10px!important;}

	.gel-banner {
    padding: 15px 15px!important;
    margin-top: 30px!important;
    background: none!important;
    border-radius: 0!important;
}
 .flexleftgel{width:100%!important}
 .flexrightgel{width:100%!important;flex-flow: wrap;gap: 15px;justify-content: center!important;}
	.gelv{    background: #f5f5f5!important;}
	.flexleftgel p {
    font-size: 15px !important;
}
	.gel-banner .row {
    flex-direction: column!important;
    margin-top: 0!important;
}.videotut video {
    display: block;
    width: 100%;
    padding: 1vw;
    object-fit: cover;
    border-radius: 20px;
    height: 35vw;
    padding: 0;
}
	.h2-description {
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.3
	}
	.vico__check {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    background-color: #197aff;
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

@media (max-width: 930px) {
	.production-btn-wrap {
		margin-top: 20px;
		flex-wrap: wrap
	}

	.production-btn {
		background: #e7e7e7;
		width: calc(50% - 5px);
		margin: 0 auto 8px;
		height: 63px;
		border-radius: 10px !important;
		border: 1px solid #d2d2d2
	}
}

#carousel1 .carousel-indicators,
.img-main-mob {
	display: none
}

#carousel1 {
	margin: 10px 50px 0
}

.manufacture-img-col {
	padding: 0 5px
}

.manufacture-img-row {
	margin: 0 -5px
}

.carousel-control-next,
.carousel-control-prev {
	width: 48px;
	height: 48px;
	border-radius: 50px;
	background: linear-gradient(to bottom, #f98644, #f86151);
	opacity: 1;
	top: auto;
	bottom: 20%
}

.carousel-control-prev {
	left: -55px
}

.carousel-control-next {
	right: -55px
}

@media (max-width: 991px) {
	.manufacture-col-text {
		margin-top: 30px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0 !important
	}
}

.logo {
	width: 265px;
}

.manufacture-col-text {
	margin-left: 40px;
	padding: 0 50px
}

.span-head-bg {
	border-radius: 10px;
	font-weight: 300;
}

.p-proizvod-icon {
	margin-top: 15px
}

.col-application {
	padding: 15px;
	margin-bottom: 10px
}

.p-application {
	margin-top: 20px;
	text-align: center
}

.row-application {
	margin: 40px -5px -10px
}

#certificates {
	border-top: 1px solid #ededed;
	padding: 80px 15px;
	border-bottom: 1px solid #ededed;
	background: url(../images/bg-certificates-1.webp) center top no-repeat
}

.row-certificates {
	margin: 40px -5px 0
}

.col-certificates {
	padding: 20px
}

.img-certificate {
	margin-right: auto;
	margin-left: auto;
	padding: 9px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 14px 59px 0 rgba(163, 169, 183, .15)
}

@media (max-width: 575px) {
	.quiz-present-h-block {
		width: 250px;
		height: 82px;
		background-size: contain;
		text-align: center
	}

	.quiz-present-h-block span {
		font-size: 12px
	}

	.quiz-icon-text {
		font-size: 13px
	}

	.hidden-sm {
		display: none !important
	}

	.p-center-sm {
		text-align: center
	}

	h1 {
		font-size: 26px
	}

	.h1-description {
		font-size: 18px
	}

	.main-adv-h {
		font-size: 16px;
		line-height: 1.2
	}

	h2 {
		font-size: 24px
	}

	.h2-quiz {
		font-size: 24px !important
	}

	.production-card {
		padding: 20px !important;
		flex-direction: column
	}

	.production-card>div:last-child {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: flex-start
	}

	.production-card>div:first-child {
		width: 100%;
		justify-content: space-between
	}

	.production-img-big {
		width: calc(40% - 4px)
	}

	.production-img-small {
		width: calc(33.333% - 3px)
	}

	.production-img-small:nth-child(6) {
		margin-left: 4px
	}

	.production-img-small:nth-child(7) {
		margin-right: auto;
		margin-left: 4px
	}

	.col-application {
		padding: 5px;
		margin-bottom: 10px
	}

	.p-application {
		font-size: 12px;
		margin-top: 20px;
		text-align: center
	}

	.zoom-span {
		font-size: 12px;
		color: #40c8f8;
		margin-left: 5px
	}

	.p-certificate {
		margin-bottom: 10px;
		font-size: 13px !important;
		margin-top: 10px;
		font-family: Proxima-Nova-Bold;
		text-align: center
	}
}

.p-certificate {
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: 10px;
	font-weight: 900;
	text-align: center
}

#payment::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: -7%;
	left: -35%;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/bgn.svg);
	opacity: 0.2;
}

#payment {
	position: relative;
	padding: 30px 15px;
}

.premkablack .h-payment {
	color: #fff;
	margin-top: 0;
}

.premka .h-payment {}

.h-payment {
	line-height: 1.3;
	margin-top: 15px;
	text-align: center;
	font-size: 19px;
}

.h-pr {
	line-height: 1.4;
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
}

.p-payment {
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
}

.prem {
	margin-bottom: 30px;
}

.premka:after {
	content: "";
	position: absolute;
	width: 96%;
	height: 30px;
	background-color: #fff;
	left: 2%;
	bottom: -7px;
	transform: translateZ(-1px);
	box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.premka {
	background: #fff;
	transform-style: preserve-3d;
	position: relative;
	border-radius: 15px;
	box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.05);
	height: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.premkablack {
	transform-style: preserve-3d;
	position: relative;
	border-radius: 15px;
	box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.05);
	height: 100%;
	padding: 30px;
	display: flex;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #282728 url(../images/bg-black.webp) center left no-repeat;
	background-size: auto 150%;
	color: #fff;
}

.row-steps {
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto
}

.row-payment {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto
}

.row-pr {
	max-width: 1170px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto
}

#partners {
	border-bottom: 1px solid #ededed;
	padding: 80px 15px
}

.logo-row {
	margin-top: 40px;
	margin-bottom: -30px
}

.logo-wrap {
	background: #fff;
	border-radius: 10px;
	padding: 8px;
	width: 100%;
	box-shadow: 0 0 20px 5px rgba(225, 225, 225, .3)
}

.logo-block {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	padding: 10px
}
@media (max-width: 1070px) {
	.main-top{display:none!important}
}


@media (max-width: 767px) {

	#contacts,
	#manufacture,
	#partners,
	#production {
		padding: 30px 0
	}

	.production-btn p {
		font-size: 13px !important
	}

	.production-row {
		margin-top: 15px
	}

	.form-adv-wrap p,
	.manufacture-adv-wrap p {
		text-align: center;
		color: #000;
		font-size: 14px;
	}

	.form-adv-wrap {
		justify-content: center;
		margin-top: 0;
	}
.form-adv-wrap>div, .manufacture-adv-wrap>div {
    width: calc(50% - 15px);
    max-width: 225px;
    margin-right: 20px;
}
	.manufacture-adv-wrap {
		justify-content: center;
		margin-top: 25px
	}

	.manufacture-col-text,
	.manufacture-row {
		margin-top: 20px
	}

	.manufacture-h {
		font-size: 22px
	}

	.manufacture-h-descr,
	.manufacture-text {
		margin-top: 15px;
		font-size: 16px
	}

	.production-card-wrap {
		padding: 0 !important
	}

	.logo-row {
		margin: 25px -5px -10px
	}

	.logo-col {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.logo-wrap {
		padding: 0
	}

	#map {
		margin-top: 25px !important;
		height: 450px
	}
}

#map {
	margin-top: 60px;
	width: 100%;
	height: 600px;
	border-radius: 10px
}

.contacts-wrap {
	position: absolute;
	bottom: 100px;
	left: 11%;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
	width: 100%;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .3);
	max-width: 300px;
	z-index: 100000
}

.contacts-block {
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	padding: 30px 20px;
	min-height: 375px
}

.contacts-info-name {
	font-size: 14px;
	color: #8c8c8c;
	margin-top: 20px;
	margin-bottom: 3px
}

.contacts-tel {
	font-size: 22px;

}

.contacts-info-name:first-child {
	margin-top: 0
}

.contacts-mail {
	font-size: 16px;
	color: #00bff8
}

.contacts-text {
	font-size: 16px;
	line-height: 1.3
}

#form-2 {
	margin-top: -200px;
	background: url(../images/bg-bottom.webp) center top no-repeat;
	padding: 180px 15px 80px
}

.form-2-list {
	color: #f37c10;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 0
}

.form-2-icon-wrap {
	margin-top: 40px;
	display: flex;
	align-items: center;
	padding-left: 20px
}

.form-2-icon-wrap p {
	font-size: 15px;
	max-width: 250px;
	width: 100%;
	margin-left: 30px
}

.form-2-circle {
	width: 210px;
	height: 210px;
	border-radius: 210px;
	background: #00bff8;
	position: absolute;
	top: 20px;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.form-2-circle-block {
	border-radius: 190px;
	width: 190px;
	height: 190px;
	border: 1px solid #b1eafa;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.form-2-circle-block span {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin-top: 15px
}

.form {
	width: 100%;
	max-width: 390px;
	margin: auto
}

#footer {
	padding: 30px 15px 60px
}

.footer-col-logo {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start
}

.logo-text-footer {
	margin-top: 5px;
	margin-left: 60px
}

.footer-col-nav {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.footer-col-nav p {
	font-size: 15px;
	font-weight: 900;
	margin-bottom: 5px
}

.footer-col-nav a {
	display: block;
	font-size: 14px;
	color: #8c94a2
}

.footer-col-info {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.footer-col-info p {
	font-size: 14px;
	margin-top: 7px
}

.footer-col-info .soc-wrap {
	justify-content: flex-start;
	margin-bottom: 12px
}

.footer-col-info a {
	color: #00bff8;
	text-decoration: underline
}

.footer-col-tel {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start
}

.smart-link {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: start
}

.logo-scg {
	max-width: 100px;
	width: 50%;
	margin-right: 10px
}

.p-scg {
	margin-top: -6px;
	font-size: 11px;
	line-height: 1.4;
	color: #565656;
	width: 50%;
	text-align: left
}

#work {
	padding: 80px 15px;
}

.work-block {
	margin-top: 200px;
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-bottom: -15px
}

.work-adv-wrap {
	background: #fff;
	border-radius: 10px;
	padding: 8px;
	width: 100%;
	max-width: 640px;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .3);
	margin-bottom: 15px
}

.work-adv {
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	padding: 5px 40px 5px 15px;
	display: flex;
	align-items: center
}

.work-adv p {
	margin-left: 30px;
	font-size: 18px;
	font-family: Kontora-Medium
}

.work-adv span {
	font-weight: 900;
	color: #00a4d9;
	text-decoration: underline
}

.about-photo-mob {
	display: none;
	margin-top: 20px
}

@media (max-width: 991px) {
	.contacts-wrap {
		position: relative;
		bottom: auto;
		margin: 40px auto 0;
		left: 0
	}

	.contacts-block {
		min-height: auto
	}

	.footer-row>div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100% !important;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-bottom: 15px
	}

	.footer-col-info .soc-wrap {
		justify-content: center
	}

	#work {
		background: #fff
	}

	.work-block {
		margin-top: 40px;
		margin-right: auto !important;
		margin-left: auto;
		align-items: center
	}

	.about-photo-mob {
		display: block
	}

	#form-description,
	#form-name {
		display: flex
	}

	#form-name {
		bottom: 5%;
		top: auto;
		right: 30%
	}

	#form-description {
		bottom: calc(5% - 40px);
		top: auto;
		right: calc(30% - 70px)
	}
}

.col-btn-profile {
	justify-content: center;
	align-items: center;
	display: flex;
	margin-top: 70px;
	margin-bottom: 50px
}

.navbar {
	background: #faf8f9
}

.bt-main {
	outline: 0;
	transition: .3s;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	margin-right: 20px;
}

.bt-animate:after {
	content: "";
	margin-left: 60px;
	width: 30px;
	height: 300px;
	background: #fff;
	-webkit-animation-delay: .05s;
	animation-delay: .05s;
	position: absolute;
	left: -40px;
	top: -150px;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-transition: .1s;
	transition: .1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 0
}

@keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0
	}

	100%,
	30% {
		left: 110%;
		margin-left: 80px
	}
}

.btn:hover {
	background: #21e27c;
	box-shadow: inset 0 0 22px rgba(255, 255, 255, .25);
	color: #fff
}

@media (max-width: 1900px) {
	#bg-dop-image {
		display: none
	}
}

#bg-dop-image {
	width: 422px;
	height: 479px;
	position: absolute;
	background: url(../images/bg-dop-image.webp) center center no-repeat;
	left: 0;
	top: -170px;
	z-index: 0
}

#certificates-oval,
#payment-oval {
	top: 20px;
	left: -30px;
	position: absolute;
	width: 267px;
	height: 84px;
	background: #40c8f8;
	border-radius: 42px;
	display: flex;
	justify-content: center;
	align-items: center
}

#certificates-oval span,
#payment-oval span {
	color: #fff;
	text-align: center
}

.menu-social {
	display: flex;
	justify-content: space-between;
	margin-right: 10px
}

@media (min-width: 767px) {

	.menu-social,
	.visible-md {
		display: none !important
	}
}

@media (max-width: 768px) {
	.nav-pdf-block {
		display: none !important
	}
}

.menu-social a {
	margin-right: 5px
}
.menu-social a:last-child {
	margin-right: 0
}

.h1-politica {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 30px
}

#section-politica {
	padding: 50px 15px
}

.manufacture-h-block {
	display: flex;
	align-items: start;
	position: relative
}

.manufacture-h-block img {
	position: absolute;
	left: -35px;
	top: 10px
}

.main-circle {
	width: 210px;
	height: 210px;
	border-radius: 210px;
	background: #fff;
	position: absolute;
	top: 250px;
	right: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .1)
}

.main-circle-block img {
	width: 70px
}

.main-circle-block {
	border-radius: 190px;
	width: 190px;
	height: 190px;
	border: 1px solid #f4f4f4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.main-circle-block span {
	text-align: center;
	font-size: 15px;
	font-weight: 900;
	display: block;
	line-height: 1.3;
	margin-top: 0
}

.main-circle-block a {
	font-weight: 900;
	font-size: 10px;
	text-transform: uppercase;
	color: #40c8f8;
	text-decoration: underline;
	margin-top: 8px
}

.main-circle-block img {
	margin-top: -15px;
	margin-bottom: 5px
}

@media (max-width: 1300px) {

	.form-2-circle,
	.main-bg-descr-wrap,
	.main-circle {
		display: none
	}
}

@media (max-width: 576px) {
	.p-logos {
		font-size: 10px
	}

	.h-menu-description {
		font-size: 22px
	}

	.check-col-text {
		margin-top: 10px
	}

	.h-form {
		font-size: 20px
	}

	.type-name {
		font-size: 11px;
		text-align: center;
		display: block
	}

	.form-btn,
	.production-card-btn {
		font-size: 12px
	}

	.form-block {
		padding: 20px
	}

	.col-certificates {
		padding: 5px
	}

	.form-name-text {
		font-size: 15px
	}
}

.p-rusprofile {
	margin-left: 15px;
	margin-right: 15px
}

@media (max-width: 767px) {
	.contacts-block {
		padding: 15px;
		text-align: center
	}
.btn {
    padding: 4.7vw 8vw;
}
.btn svg {
    width: 4.042vw;
    margin-left: 4.5625vw;
}
.bt-main {
   
    margin-right: 0px;
}
.premos {
   margin-right:0;
   margin-top: 40px;
   text-align: center;
   width: 70%;
}
	.contacts-wrap {
		margin-top: 25px;
		padding: 0
	}

	.contacts-info-name {
		margin-top: 10px
	}

	#form-2 {
		padding: 30px 0 !important
	}

	.form-btn,
	.production-card-btn {
		max-width: 300px;
		height: 64px
	}

	.form-2-icon-wrap,
	.row-application,
	.row-certificates {
		margin-top: 15px
	}

	#application,
	#certificates,
	#payment,
	#section-politica,
	#work {
		padding: 30px 0
	}

	.row-payment {
		margin-top: 15px;
		margin-bottom: -15px
	}

	#production img {
		width: 100%;
		max-width: 100px;
		height: 60px;
		width: 60px;
	}

	.row-payment>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 15px;
	}

	#certificates .div-zoom-span img {
		display: none !important
	}

	.zoom-span {
		display: block;
		line-height: 1.3
	}

	.work-adv p {
		margin-left: 20px;
		font-size: 15px;
		width: 100%;
		max-width: 300px
	}

	.work-block {
		margin-top: 25px
	}

	.work-adv {
		justify-content: center
	}

	.img-main-mob {
		display: block;
		margin: 20px auto 0;
		width: 100%;
		max-width: 350px
	}

	.form-2-list span {
		font-size: 16px
	}

	.form-2-list {
		margin-top: 20px
	}

	.col-btn-profile {
		flex-direction: column;
		margin-top: 15px;
		margin-bottom: 0
	}

	.btn-profile {
		font-size: 11px;
		margin-top: 15px;
		height: 67px;
		max-width: 320px
	}

	.p-rusprofile {
		margin-top: 10px;
		font-size: 14px;
		text-align: center
	}

	#carousel-logo .carousel-control-next,
	#carousel-logo .carousel-control-prev {
		top: -45px
	}
}

@media (max-width: 1520px) {

	#certificates-oval,
	#payment-oval {
		display: none
	}
}

.production-circle {
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	border-radius: 210px;
	background: #fff;
	position: absolute;
	top: 30px;
	right: 10px;
	box-shadow: 0 0 20px 5px rgba(197, 199, 188, .1)
}

.production-circle span {
	text-align: center;
	font-size: 10px;
	font-family: Proxima-Nova-Bold
}

.production-circle img {
	max-width: 50px;
	width: 100%;
	margin-top: -20px
}

#video-block {
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 1000000;
	width: 210px;
	background: 0 0 !important;
	border-radius: 15px
}

#video-close {
	position: absolute;
	left: auto;
	top: -30px;
	right: -30px;
	bottom: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 32px;
	height: 32px;
	margin-top: 4px;
	margin-right: 4px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	background-color: #fff;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .25);
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

#video-close img {
	position: relative;
	left: auto;
	top: 0;
	right: 0;
	bottom: auto;
	width: 12px;
	height: 12px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	background-color: transparent;
	color: transparent;
	cursor: pointer
}

#carousel-logo .carousel-control-next,
#carousel-logo .carousel-control-prev {
	bottom: 40%
}

#carousel-logo {
	margin: 0 50px
}

.carousel-indicators {
	bottom: -80px !important
}

.carousel-indicators li {
	width: 12px !important;
	height: 12px !important;
	border-radius: 30px !important;
	border: 1px solid #c4c1c1 !important;
	opacity: 1 !important
}

.carousel-indicators .active {
	background: #c4c1c1 !important
}

.production-row-wrap-active {
	display: block
}

.production-img-small-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.span-blue span {
	font-family: inherit;
	color: #a6a6a6
}

.production-col-dop {
	display: flex;
	justify-content: center;
	align-items: start
}

.production-col-dop .production-card-wrap {
	width: 100%;
	max-width: none;
	padding: 20px
}

.production-dop-info-block {
	width: 60% !important;
	display: flex;
	flex-direction: column
}

.production-dop-img-block {
	width: 40% !important;
	display: flex;
	justify-content: flex-end;
	position: relative !important;
	margin-left: 0 !important
}

.card-dop-h {
	font-size: 26px;
	line-height: 1.3;

}

.card-dop-block {
	display: flex;
	align-items: start;
	position: relative;
	margin-bottom: 20px
}

.card-dop-block img {
	margin-right: 25px;
	margin-top: 5px
}

.loop-block-dop {
	left: -5% !important;
	top: 62px !important
}

.production-img-dop img {
	width: 100%;
	max-width: 390px !important
}

.card-dop-btn-block {
	margin-top: 15px;
	display: flex;
	align-items: center;
	width: 100%
}

.card-dop-btn-block .production-card-btn {
	margin-top: 0 !important
}

.production-col-dop .production-card {
	padding-bottom: 30px;
	flex-wrap: wrap
}

@media (max-width: 1199px) {
	.logo-scg {
		width: 100%;
		max-width: 120px;
		margin-bottom: 10px
	}

	.manufacture-col-text {
		margin-left: 0
	}

	.card-dop-btn-block p {
		display: none
	}
}

#main-neva-classic {
	background: url(../images/neva-classic-bg.webp) center top no-repeat;
	padding: 30px 15px 0
}

.h1-quiz {
	max-width: 900px;
	margin-top: 70px;
	font-size: 53px;
	line-height: 1.2
}

@media (max-width: 991px) {
	#form-2 {
		margin-top: 0;
		padding-top: 80px;
		background: url(../images/bg-bottom.webp) left top/cover no-repeat
	}

	.card-dop-block img,
	.carousel-indicators {
		display: none
	}

	#main-neva-classic {
		background: url(../images/neva-classic-bg.webp) 70% 0 no-repeat;
		min-height: auto
	}

	.production-dop-info-block {
		width: 100% !important;
		align-items: center !important;
		text-align: center
	}

	.production-dop-img-block {
		width: 100% !important;
		justify-content: center;
		margin-top: 30px
	}

	.card-dop-btn-block {
		justify-content: center
	}
}

.dop-main-description {
	position: absolute;
	right: 7%;
	display: flex;
	align-items: center
}

@media (max-width: 1100px) {
	.dop-main-description {
		display: none
	}
}

.img-wrap-dop:first-child {
	margin-right: 5px
}

@media (max-width: 575px) {
	.h-payment {
		margin-top: 20px;
		text-align: center;
		font-size: 14px!important;
	}

	.form-wrap {
		padding: 15px;
		background: #121212;
	}

	#production .loop-block {
		display: none
	}

	.work-adv img {
		width: 100%;
		max-width: 150px
	}

	#carousel1 .carousel-control-next,
	#carousel1 .carousel-control-prev {
		bottom: 15%;
		width: 30px;
		height: 30px
	}

	#carousel1 {
		margin: 10px 30px 0
	}

	#carousel1 .carousel-control-prev {
		left: -40px
	}

	#carousel1 .carousel-control-next {
		right: -40px
	}

	.production-img-small-wrap {
		width: 60%
	}

	.production-img-wrap-4 .production-img-big {
		width: calc(25% - 4px)
	}

	.production-img-wrap-4 .production-img-small-wrap {
		width: 75%
	}

	.production-dop-img-block .production-img-big {
		width: 100%;
		margin-bottom: 4px
	}

	.production-dop-img-block {
		flex-direction: row !important;
		margin-top: 20px !important
	}

	.production-dop-img-block .production-img-small-wrap {
		width: 100%
	}
}

@media (max-width: 767px) {
	#carousel-logo {
		margin: 60px 0 0
	}

	#carousel-logo .carousel-control-prev {
		left: 30%
	}

	#carousel-logo .carousel-control-next {
		right: 30%
	}

	.main-col-soc,
	.production-dop-img-block .loop-block {
		display: none
	}

	#production-dop {
		padding: 30px 0
	}

	#main-neva-classic {
		padding: 15px 0 30px;
		background: #fcfcfc
	}

	.card-dop-h {
		font-size: 22px
	}

	.h-check {
		margin-top: 25px;
		font-size: 18px
	}

	#content span {
		font-size: 14px
	}

	#content h3 {
		text-transform: uppercase;
		font-size: 16px
	}

	h4 {
		font-size: 20px
	}
}

#main-kombinezony-odnorazovye h1 {
	font-size: 50px;
	max-width: 920px
}

@media (max-width: 1200px) {
	#main-kombinezony-odnorazovye h1 {
		font-size: 42px;
		max-width: 760px
	}
}

.btn--orange {
	background: #f38120;
	box-shadow: inset 0 0 22px rgba(255, 255, 255, .25);
}

.btn--orange:hover {
	background: #fd9c49;
	box-shadow: inset 0 0 22px rgba(255, 255, 255, .25);
}

.btn svg {
	width: 1.042vw;
	margin-left: 1.5625vw;
}

.online {
	position: relative;
	font-size: 13px;
	margin-bottom: 5px;
}

.timehead::before {
	content: '';
	border-radius: 50%;
	width: .365vw;
	height: .365vw;
	background-color: #52b060;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	-webkit-animation: online 2s infinite;
	animation: online 2s infinite
}

@-webkit-keyframes pulseiconLine {
	0% {
		transform: translateX(-55%) scale(.7)
	}

	50% {
		transform: translateX(-65%) scale(1)
	}

	100% {
		transform: translateX(-55%) scale(.7)
	}
}

@keyframes pulseiconLine {
	0% {
		transform: translateX(-55%) scale(.7)
	}

	50% {
		transform: translateX(-65%) scale(1)
	}

	100% {
		transform: translateX(-55%) scale(.7)
	}
}

@-webkit-keyframes online {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes online {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.link {
	transition: all .4s;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	letter-spacing: .7px;
	padding-bottom: 0.3125vw;
	font-size: 12px;
	color: #12c868;
	font-weight: 700;
}

.link--underline::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #39cb59;
	transition: all .4s;
}

.link.link--colored::before {
	border-color: #6cb644;
}

.timehead {
	font-size: 14px;
	margin-bottom: 1px;
	position: relative;
	padding-left: 0.625vw;
}

.main-title__dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 7px;
	margin-right: 18px;
}

.main-title__dots span:nth-child(1) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.main-title__dots span:nth-child(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.main-title__dots span:nth-child(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.main-title__dots span:nth-child(4) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.main-title__dots span {
	border: 2px solid #ff8400;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	-webkit-animation: main-dots 1s linear infinite;
	animation: main-dots 1s linear infinite;
}

@-webkit-keyframes main-dots {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes main-dots {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.inner {
	display: flex;
	align-items: center;
	margin-top: 1vw;
	flex-direction: row-reverse;
	justify-content: start;
}

.molding {
	position: relative
}

.premos {
	background: #fff;
	box-shadow: 0 0 75px rgba(0, 0, 0, .03);
	border-radius: 1.042vw;
	padding: 2.135vw;
	margin-right: 4.246vw;
}

.premo {
	margin-bottom: 2.5vw;
	position: relative;
	font-size: 15px;
}

.premo:last-child {
	margin-bottom: 0
}

.premo:last-child::before {
	display: none
}

.hero-text {
	display: flex;
	align-items: center
}

.hero-text .circles {
	margin-top: .3vw;
	margin-right: .833vw
}


.main-top {
	position: absolute;
	width: 180px;
	height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	top: 60%;
	right: 7%;
	transform: translate(calc(100% + 150px), -50%);
	border-radius: 50%;
	color: #8e8898;
	background-color: #fff;
	text-transform: uppercase
}

.main-top span {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
}

.main-top span:first-child {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
}

.main-top::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/topmain.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: rotate 16s linear infinite reverse
}

@-webkit-keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(-360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(-360deg)
	}
}


.vico__check {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
	padding: 5px 10px;
	color: #fff;
	font-weight: 500;
	background-color: #197aff;
	border-radius: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vico__check::after {
	background-color: #2e83e7;
}

.vico__check img {
	width: 0.688vw;
}

.s8 {
	margin: 2.813vw 0 4.375vw 0;
}

.steps-block__num {
	position: absolute;
	top: 10%;
	left: 40%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #12c868;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	font-weight: 700;
	font-size: 24px;
	color: #fff;
}

/***********************************/
.specials {
	padding: 70px 0 50px;
}

.specials .slide-item .slider-item-block .up-swslider {}

.specials .slide-item .slider-item-block .card-fiolet {
	background: linear-gradient(89.8deg, #454545 0.16%, #141414 83.37%);
}

.specials .slide-item .slider-item-block .card-orange {
	background: linear-gradient(270.58deg, #f38120 0.53%, #ffa65a 99.55%);
}

.specials .slide-item .slider-item-block .card-green {
	background: linear-gradient(93.2deg, #32cc78 1.73%, #10a255 97.24%);
}

.specials .slide-item {}

.specials .slide-item .slider-item-block {}

.specials .slide-item .slider-item-block div {
	border-radius: 20px;
	position: relative;
	padding: 30px;
	color: #fff;
	min-height: 260px;
	box-sizing: border-box;
}

.specials .slide-item .slider-item-block h2 {
	font-size: 25px;
	text-transform: uppercase;
	line-height: 1.3;
	margin: 0;
	text-align: left;
	color: #fff;
}

.specials .slide-item .slider-item-block img {
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0px 0px 20px 0px;
}

.specials .slide-item .slider-item-block .slider-descr {
	padding: 0;
	margin: 15px 0;
	min-height: auto;
}

.specials .slide-item .slider-item-block a {
	box-shadow: inset 0px 4px 39px rgb(255 255 255 / 40%);
	background: #ffffff;
	color: #000;
	padding: 12px 30px;
	border-radius: 30px;
	font-size: 16px;
	display: table;
	font-weight: 700;
	z-index: 10;
	position: relative;
}

.specials .slide-item .slider-item-block {}

.specials .slide-item .slider-item-block {}

.specials .slider-item-block {}

.up-swslider .slick-list {
	margin-left: -27px;
}

.up-swslider .slide-item {
	margin-left: 27px;
	/*width: 200px;*/
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin-top: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}
.imgslick {
    display: block;
    width: 350px!important;
}
.slick-slide img {
	display: block;
	width: 200px;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	width: 60px;
	height: 60px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	top: calc(50% - 30px);
	background: #fff;
	border-radius: 3px;
	z-index: 1;
}

/*.slick-prev
{
    left: 25px;
    background: #fff url(../images/left-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}
.slick-next
{
    left: 95px;
    background: #fff url(../images/right-arrow.svg);
        background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
}*/
.recomendation-slider .slick-prev,
.portfolio .slick-prev {
	left: 0px;
	background: #fdde9e url(../fonts/left-arr.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	box-shadow: 0 2px #e1ba6f;
	border: none;
	box-sizing: border-box;
	border-radius: 14px;
	color: #51575b;
	font-family: var(--font-bold);
	text-transform: uppercase;
	padding: 20px 30px;
	font-size: 0;
}

.recomendation-slider .slick-next,
.portfolio .slick-next {
	right: 0px;
	background: #fdde9e url(../fonts/right-arr.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	box-shadow: 0 2px #e1ba6f;
	border: none;
	box-sizing: border-box;
	border-radius: 14px;
	color: #51575b;
	font-family: var(--font-bold);
	text-transform: uppercase;
	padding: 20px 30px;
	font-size: 0;
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	display: none !important;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
	display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
	position: fixed;
	z-index: 9999;
	top: -5000px;
	right: -5000px;
	bottom: -5000px;
	left: -5000px;
	display: none;
}

/* Necessary styles of the wrapper */
.modal-content {
	text-align: left;
}

.remodal-wrapper {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
	display: inline-block;
	height: 100%;
	margin-left: -0.05em;
	content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
	position: relative;
	outline: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.remodal-is-initialized {
	/* Disable Anti-FOUC */
	display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
	background: rgba(45, 45, 45, 0.7);
	backdrop-filter: blur(5px);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
	-webkit-animation-name: remodal-overlay-opening-keyframes;
	animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
	-webkit-animation-name: remodal-overlay-closing-keyframes;
	animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
	padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 35px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	color: #2b2e38;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
	-webkit-animation-name: remodal-opening-keyframes;
	animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
	-webkit-animation-name: remodal-closing-keyframes;
	animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
	vertical-align: middle;
}

/* Close button */
.remodal-close {
	width: 40px;
	height: 40px;
	background: #F8F8F8 url(../fonts/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	border: none;
	cursor: pointer;
}

.remodal-close:hover,
.remodal-close:focus {
	color: #2b2e38;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
	.remodal {
		max-width: 400px;
	}
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
	background: #2b2e38;
}

.lt-ie9 .remodal {
	width: 700px;
}

/**************************/
.remodal input[type="text"],
.remodal input[type="tel"] {
	padding: 15px 20px;
	font-size: 16px;
	font-family: inherit;
	box-sizing: border-box;
	margin: 0;
	border-radius: 15px;
	width: 100%;
	color: #000 !important;
	resize: none;
	margin-bottom: 15px;
	background: #FFFFFF;
	border: 1px solid rgb(226, 226, 233);
	background-position: 15px center;
	background-repeat: no-repeat;
}

form input[type="submit"] {
	margin: 0 0 3px 0;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1;
	border: none;
	width: 100%;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	font-family: var(--font-regular);
	cursor: pointer;
	background: #80bef3;
	color: #fff;
}

.contact-form__button {
	margin: 0 0 3px 0;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1;
	border: none;
	position: relative;
	padding: 30px 50px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;

	border-radius: 10px;
	color: #FFFFFF;
	background: #12c868;
	border-radius: 500px;
	color: #fff;
	border: none;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
	box-shadow: inset 0 2px 15px 0 rgb(49 236 137);
}

.contact-form__title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500;
}


@media (max-width: 480px) {


	.up-swslider .slide-item {
		margin-left: 10px;
		width: 320px;
	}

	.specials .slide-item .slider-item-block div {
		padding: 20px;
	}

	.specials .slide-item .slider-item-block h2 {
		font-size: 18px;
	}

	.specials .slide-item .slider-item-block .slider-descr {
		line-height: 1.2;
		font-size: 14px;
	}

	.specials .slide-item .slider-item-block a {
		padding: 8px 20px;
		font-size: 16px;
	}
}

.title-bold {
	font-weight: 700;
	background: url(../images/brown-txt-line.svg) repeat-x left bottom 0px/auto 5px;
}


.total {
	position: relative;
	margin-bottom: 6.25vw
}

.total__container {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.total__content .content-banner {
	margin-right: -200px;
	position: relative;
	padding: 150px 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	overflow: hidden
}

.total__content .content-banner::before {
	content: "";
	z-index: 1;
	background: -webkit-gradient(linear, left top, right top, color-stop(26.96%, rgba(0, 0, 0, .5)), color-stop(64.75%, transparent));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 26.96%, transparent 64.75%);
	background: linear-gradient(90deg, rgba(0, 0, 0, .5) 26.96%, transparent 64.75%)
}

.total__content .content-banner .banner-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 10px 0 0 10px;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none
}

.total__content .content-banner .banner-main {
	min-width: 41.6666666667vw;
	position: relative;
	z-index: 1;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.total__content .content-banner .banner-main::after {
	content: "";
	height: 150px;
	position: absolute;
	left: -300px;
	right: -80px;
	bottom: -35px;
	z-index: -1;
	background-image: url(../images/benbg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right
}

.total__content .content-banner .banner-numbers {
	font-weight: 800;
	font-size: 13.0208333333vw;
	line-height: 11.4583333333vw;
	margin-bottom: 1.8229166667vw
}

.total__content .content-banner .banner-text {
	font-weight: 700;
	font-size: 1.5625vw;
	line-height: 1.9791666667vw
}


.gel-banner {
	padding: 54px 85px;
	background: #f9f9f9;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	border-radius: 50px;
	margin-top: 50px;
}

.gel-banner:last-child {
	margin-bottom: 0
}

.gel-banner__img {
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 160%;
	width: 100%
}

.gel-banner__img img {
	height: 100%;
	width: auto;
	margin-left: auto
}

.flexleftgel {
	width: 100%;
}

.flexleftgel p {
	margin-bottom: 30px;
	font-size: 16px;
}

.gelv {
	background: #fff;
	border-radius: 20px;
	padding: 25px 30px;
	font-size: 18px !important;
}

.flexrightgel {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
}

.flexrightgel iframe {
	border-radius: 10px
}

.gel-banner__title {
	font-size: 36px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: none;
	position: relative;
	margin-bottom: 30px;
}

.gel-banner__ul {
	margin: 24px 0;
	font-size: 18px;
	line-height: 167%;
	position: relative
}

.gel-banner__ul li {
	list-style: none;
}

.gel-banner__ul li {
	padding-left: 32px;
	position: relative
}

.gel-banner__ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 8px;
	width: 5px;
	height: 5px;
	background-color: #393939;
	border-radius: 50%
}

.gel-banner__btn {
	min-width: 380px
}

.gel-banner_right {
	padding: 48px 85px;
	padding-left: calc(50% + 72px)
}

.gel-banner_right .gel-banner__ul {
	margin: 15px 0
}

.gel-banner_right .gel-banner__img img {
	margin-left: 70px
}

.remodal h2 {
	
}

form input[type="tel"].field_required.error {
	border: 2px solid #f44336;
}

.remodal-product-modal {
	padding: 0 !important;
}

.remodal {
	border-radius: 15px !important;
}

.remodal-overlay {
	background: rgb(26 26 26 / 50%) !important;
}

.pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #ffffff url(../images/bg-gel.webp) center  top no-repeat;
  justify-content: center;
  background-size: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-transition: 1s;
  transition: 1s;
}
.pre-loader.active .pre-loader__main {
  opacity: 1;
  top: 45%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pre-loader.md-hidden {opacity: 0;pointer-events: none;}
.pre-loader__main {
  position: absolute;
  top: 110%;
  left: 52%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.pre-loader__main.md-step-1 .main-icon .first-img {
  -webkit-animation: preloader_click_first_img 1s linear forwards;
          animation: preloader_click_first_img 1s linear forwards;
}
.pre-loader__main.md-step-1 .main-icon .second-img {
  -webkit-animation: preloader_click_second_img 1s linear forwards;
          animation: preloader_click_second_img 1s linear forwards;
}
.pre-loader__main.md-step-1 .main-bottom .bottom-text {
  opacity: 1;
}
.pre-loader__main.md-step-2 .main-bottom .bottom-text {
  width: 100%;
}
.pre-loader__main .main-icon {
  position: absolute;
  left: -35%;
  bottom: 7%;
  width: 4.7vw;
  height: 4.7vw;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.pre-loader__main .main-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pre-loader__main .main-icon .first-img {
  top: 0;
  opacity: 0;
}
.pre-loader__main .main-icon .second-img {
  opacity: 0;
}
.pre-loader__main .main-img {
  width: 16vw;
  height: 7.7vw;
  -o-object-fit: contain;
  object-fit: contain;
}
.pre-loader__main .main-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 61%;
  margin-top: 0.2208333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pre-loader__main .main-bottom .bottom-text {
  width: 1.4229166667vw;
  height: 3.4229166667vw;
  overflow: hidden;
  position: relative;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.pre-loader__main .main-bottom .bottom-text span {
  font-size: 1.2625vw;
  position: absolute;
  top: 50%;
  color: #000;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  letter-spacing: -1.3px;
  font-weight: 500;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.pre-loader__main .main-bottom .bottom-text::after {
  content: "";
  width: 100%;
  height: 0.1vw;
  background-color: #00c959;
  position: absolute;
  border-radius: 50px;
  left: 0;
  top: 0.6vw;
}

@-webkit-keyframes preloader_click_first_img {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes preloader_click_first_img {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes preloader_click_second_img {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes preloader_click_second_img {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 768px){
	.pre-loader__main .main-bottom .bottom-text::after {
    content: "";
    height: 0.6vw;
    position: absolute;
    border-radius: 50px;
    left: 0;
    top: -0.4vw;
}
.seo__btn::before {
  
    padding: 1.3vw!important;
    
}
.pre-loader__main .main-img {
    width: 100%;
    height: 10.7vw;
    -o-object-fit: contain;
    object-fit: contain;
}
.pre-loader__main .main-icon {
    position: absolute;
    bottom: -27%;
    left: -33%;
    width: 13vw;
    height: 13vw;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.pre-loader__main .main-bottom {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 95%;
    margin-top: 1vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pre-loader__main .main-bottom .bottom-text span {
    font-size: 3.2vw;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: 0px;
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
}
.pre-loader__main .main-bottom .bottom-text {
    width: 1.4229166667vw;
    height: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
}

}
.seo-text h2{font-size:27px;text-align:left}
.seo-text h3{font-size:23px}
.seo-text.active {
    max-height: 3700px;
}

.seo-text.active::before {
    opacity: 0
}

.seo-text::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(to top, #ffffff 0, rgba(255, 255, 255, 0) 100%);
    transition: .3s
}

.seo__wrapper {
    width: 100%;
    display: flex;
    justify-content: center
}

.seo__btn {
    position: relative;
    cursor: pointer
}

.seo-text {
    max-height: 250px;
    position: relative;
    overflow: hidden;
    transition: .5s;
}
.seo__btn::before {
    content: '';
    border: solid #000;
    border-width: 0 0.108vw 0.108vw 0;
    display: inline-block;
    padding: 0.3vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    transition: .4s;
}

.btnye{background: #ff931e;
	border-radius: 500px;
	color: #ffffff;
	border: none;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(255 155 0 / 37%);
    box-shadow: inset 0 2px 15px 0 rgb(226 124 0 / 57%);
}

.btnye:hover{background: #ff931e;
	border-radius: 500px;
	color: #ffffff;opacity:0.9;
	border: none;
	-webkit-box-shadow: inset 0 2px 15px 0 rgb(255 155 0 / 37%);
    box-shadow: inset 0 2px 15px 0 rgb(226 124 0 / 57%);
}
.md-main-title {
    font-weight: 700;
    font-size: 2.725vw;
    line-height: 4.1666666667vw;
    text-align: center;
    max-width: 100%;
}
.articles{margin:30px 0}

.articles {
  margin-bottom: 4.1666666667vw;
}
.articles__title {
  margin-bottom: 3.0416666667vw;
}
.articles__text {
  font-weight: 500;
  font-size: 1.6666666667vw;
  line-height: 3.125vw;
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 2.0833333333vw;
}
.articles__container {
  width: 100%;
}.fullstory2 .articles__container .container-flex{display:block;text-align:left;}
.articles__container .container-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.0416666667vw -0.9114583333vw;
}
.articles__item {
  width: 31%;
  margin: 1.0416666667vw 0.9114583333vw;
  position: relative;
  padding: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
}
.articles__item::after, .articles__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #f5f5f5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 10px;
}
.articles__item::before {
  opacity: 0;
}
.articles__item:hover::after {
  opacity: 0;
}
.articles__item:hover::before {
  opacity: 0.6;
}
.articles__item .item-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles__item .item-title {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.03em;
  color: #000;
  position: relative;
  z-index: 5;
  margin-bottom: 0.78125vw;
}
.articles__item .item-link div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 5;
  font-weight: 600;
  font-size: 0.8333333333vw;
  line-height: 0.5208333333vw;
  letter-spacing: 0.04em;
}
.articles__item .item-link div span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 0.5208333333vw;
}
.articles__item .item-link div img, .articles__item .item-link div svg {
  width: 0.9895833333vw;
  height: 0.9895833333vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles__item .item-link div img path, .articles__item .item-link div svg path {
  
}
.articles__item .item-link div:hover span {
  margin-right: 0.78125vw;
}
.articles__slider {
  display: none;
}

.articles-typical {
  position: relative;
}
.articles-typical__bg {
  position: absolute;
  top: -14.3229166667vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 67.03125vw;
  z-index: -1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.articles-typical__title {
  width: 57.2916666667vw;
  margin-bottom: 2.6041666667vw;
  text-align: left;
}
.articles-typical__title.md-text-centered {
  width: 100%;
  text-align: center;
}
.articles-typical__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5.2083333333vw;
}
.articles-typical__side {
  width: 19.2708333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.articles-typical__content {
  width: 57.2916666667vw;
}
.articles-typical__content img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-typical__content .is-style-rounded{
  overflow: hidden;
}
.articles-typical__content .is-style-rounded img{
  border-radius: 0;
}
.articles-typical__content hr{
  background: #f1f1f1;
  margin: 3.125vw 0;
  height: 1px;
}
.articles-typical__content p{
  line-height: 1.5;
}
.articles-typical__img {
  margin-bottom: 2.6041666667vw;
}
.articles-typical__img a {
  width: 100%;
  height: 33.8541666667vw;
}
.articles-typical__img a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--brad-regular);
}
.articles-typical__img img {
  width: 100%;
  height: 33.8541666667vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--brad-regular);
  pointer-events: none;
}
.articles-typical__text {
  padding-bottom: 3.125vw;
  border-bottom: 0.0520833333vw solid #F1F1F1;
  margin-bottom: 3.125vw;
}
.articles-typical__text:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.articles-typical__text h2 {
  font-weight: 700;
  font-size: 1.875vw;
  line-height: 2.1875vw;
  letter-spacing: 0.04em;
  margin-bottom: 1.0416666667vw;
}
.articles-typical__text h3 {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.4583333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.04em;
  margin-bottom: 2.0833333333vw;
}
.articles-typical__text p {
  font-weight: 400;
  font-size: 1.0416666667vw;
  line-height: 1.5625vw;
  margin-bottom: 0.78125vw;
}
.articles-typical__text p:last-child {
  margin-bottom: 0;
}
.articles-typical__text .text-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.0833333333vw;
}
.articles-typical__text .text-img-container a {
  width: 27.6041666667vw;
  height: 20.8333333333vw;
  margin-top: 2.0833333333vw;
  border-radius: var(--brad-regular);
  overflow: hidden;
}
.articles-typical__text .text-img-container a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-typical__text .text-img-container a:first-child, .articles-typical__text .text-img-container a:nth-child(2) {
  margin-top: 0;
}
.articles-typical__text.md-with-img-container {
  border: none;
  padding-bottom: 0;
}
.articles-typical__text.md-with-img {
  border: none;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.articles-typical__text.md-with-img > div {
  width: 28.125vw;
}
.articles-typical__text.md-with-img a {
  width: 27.6041666667vw;
  height: auto;
  overflow: hidden;
}
.articles-typical__text.md-with-img a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-typical__back-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.articles-typical__back-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 0.8333333333vw;
  line-height: 0.5208333333vw;
  letter-spacing: 0.04em;
}
.articles-typical__back-link a img, .articles-typical__back-link a svg {
  width: 0.9895833333vw;
  height: 0.9895833333vw;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 0.5208333333vw;
}

.articles-typical__back-link a:hover img, .articles-typical__back-link a:hover svg {
  margin-left: -0.2604166667vw;
  margin-right: 0.78125vw;
}
.fullstory2{
    margin: 50px 0;
}
.fullstory2 h1 {
    font-size: 35px;
    text-align: left;display:block;
}
.fullstory2 h2 {
    font-size: 30px;
    text-align: left;
    display:block;
}
.fullstory2 h3 {
    font-size: 25px;
    text-align: left;
    display:block;
}
.fullstory2 h4 {
    font-size: 20px;
    text-align: left;
    display:block;
}
.fullstory2 p {
    margin: 20px 0;
}