/* Шрифты */
@font-face {
	font-family: 'Forte';
	src: url('fonts/Forte.ttf');
}
@font-face {
	font-family: 'DINPro';
	font-weight:400;
	src: url('fonts/DINPro-Regular.otf');
}
@font-face {
	font-family: 'DINPro';
	font-weight: 700;
	src: url('fonts/DINPro-Bold.otf');
}
html,body {
	font-family: 'DINPro', "PT Sans", Helvetica, Arial, sans-serif;
}
html {
	font-size: 12px;
}
body {
	font-size: 1.6rem;
	font-weight:300;
	color: #008a88;
	min-height: 200vh;
}
b, strong {
    font-weight: 700;
}
.forte {
	font-family: 'Forte', 'DINPro', "PT Sans", Helvetica, Arial, sans-serif;
}
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a,a:hover {
	color: #008a88;
	text-decoration: none;
}
#navigation {
	position: fixed;
	top: 50%;
	left: 60px;
	z-index: 20;
	transform: translateY(-50%);
}
#navigation-mobile #navbarNav {
	position: absolute;
	z-index: 100;
	padding: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width:90%;
}
#navigation-mobile {
	display: none;
	position: fixed;
	z-index: 90;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,138,136,0.85);
	color:#FFFFFF;
}
#navigation-mobile  a{
	color:#FFFFFF;	
}
#navigation-mobile  a:hover {
	color: rbga(255,255,255,0.8);
}
#navigation ul {
	position:relative;
	list-style: none;
}
#navbar-toggler{
	border: none;
	padding: 0.75rem;
}
#navbar-toggler[aria-expanded="true"] {
	position: relative;
	z-index: 100;
	border: none;
}
#navbar-toggler .icon-bar {
	background-color: #000;
	display: block;
	height: 2px;
	width: 28px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#navbar-toggler .icon-bar + .icon-bar {
    margin-top: 6px;
}
#navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px,5px);
    transform: rotate(45deg) translate(5px,5px);
	background-color: #FFFFFF;
}
#navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(2) {
    opacity: 0;
}
#navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(6px,-6px);
    transform: rotate(-45deg) translate(6px,-6px);
	background-color: #FFFFFF;
}
#navigation a {
	display: block;
	font-size: 1.5rem;
	color: rgba(43, 42, 41, 0.6);;
	line-height: 1.333;
	-moz-transform: matrix( 0.99971206082296,0,0,1,0,0);
	-webkit-transform: matrix( 0.99971206082296,0,0,1,0,0);
	-ms-transform: matrix( 0.99971206082296,0,0,1,0,0);
	transform: matrix( 0.99971206082296,0,0,1,0,0);
	letter-spacing: -0.02em;
	line-height: 70px;
}
#navigation a.active {
	color: #345759;
}
.progress-container {
	position: absolute;
	left: -38px;
	height: 490px;
	width: 7px;
	background: #959595;
	border-radius:3.5px;
}
.progress-bar {
	height:70px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	border-radius:3.5px;
	background: #f67053;
	transition: all 0.5s;
}
.menu-item {
	height: 70px;
}
#navigation-mobile .menu-item {
	height: 50px;
}
.container {
	width: 1170px;
	max-width:100%;
	padding: 0;
}
.screen {
	min-height:100vh;
	padding: 50px 0;
}
.screen.screen1 {
	padding: 20px 0;
}
.screen {
	height: 1080px;
}
.honeycombs-wrapper {
	position: relative;
}
.honeycombs-bg {
	position: absolute;
	overflow:hidden;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: -1;
}
.honeycombs-bg:before {
	content: "";
	position: absolute;
	width: 400%;
	min-width:7000px;
	height: 100%;
	top: 0%;
	left: -150%;
	z-index: -1;
	background: url(img/honeycombs.png) 0 0 repeat;
	-webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	transform: rotate(75deg);
}
.header {
	margin: 0 auto;
}
.phones {
	font-size: 2rem;
}
.phones a {
	display: block;
	position: relative;
}
.phones a span {
	display: block;
}
.phones a:before {    
	content: '';
	display: block;
	position: absolute;
	left: -28px;
	background: url(img/phone.png);
	width: 17px;
	height: 19px;
	top: 9px;
}
.socials {
	font-size:0;
}
.socials a {
	display:inline-block;
	margin-left: 14px;
}
.h1 {
	font-size: 72px;
	text-align: center;
	line-height: 1;
}
.h1 span {
	color: #f67053;
}
.btn {
	cursor: pointer;
}
.subh1 {
	font-size:1.5rem;
	line-height: 1.333;
	text-align: center;
	-moz-transform: matrix( 0.99866993032263,0,0,1.00403949850224,0,0);
	-webkit-transform: matrix( 0.99866993032263,0,0,1.00403949850224,0,0);
	-ms-transform: matrix( 0.99866993032263,0,0,1.00403949850224,0,0);
	transform: matrix( 0.99866993032263,0,0,1.00403949850224,0,0);
	letter-spacing: 0.041em;
}
.block1-bg {
	width: 173px;
	height: 194px;
	background: url(img/block1/block1-bg.png);
	padding: 5px;
}
.block1-inner {
	height: 184px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	cursor:pointer;
	background-size: cover;
}
.block1-inner .hidden {
	opacity: 0;
}
.block1-inner:hover .hidden {
	opacity: 1;
}
.block1-inner-bg .inner-text {
	background: url(img/block1/hover.png);
	background-size: cover;
}
.block1-inner-blank {
	background: url(img/block1/emptyhexa-bg.png);
	background-size: cover;
}
.block1-inner .inner-text {
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height:2rem;
	letter-spacing: -0.02em;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	transition: opacity 0.3s;
}
.left_blocks,.right_blocks {
	position: relative;
}
.block1 {
	margin-bottom: 30px;
}
.block1 .left-top {
	position: absolute;
	top: 24px;
	left: 97px;
}
.block1 .left-middle {
	position: absolute;
	left:0;
	top: 195px;
}
.block1 .left-bottom {
	position: absolute;
	left:97px;
	top: 365px;
}
.block1-bg {
	transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.block1 .right-top {
	position: absolute;
	top: 24px;
	right: 97px;
}
.block1 .right-middle {
	position: absolute;
	right:0;
	top: 195px;
}
.block1 .right-bottom {
	position: absolute;
	right:97px;
	top: 365px;
}
.block1 .center_blocks {
	width: 503px;
	height: 503px;
	margin-top: 42px;
	position: relative;
}
.block1 .center_blocks .bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	border-radius: 50%;
	background-color: #008a88;
	box-shadow: 0px -4px 52.5px 17.5px rgba(55, 55, 55, 0.23);
	overflow: hidden;
}
.block1 .center_blocks .bg .bg2 {
	position: absolute;
	border-radius: 50%;
	left:0;
	right:0;
	top:100%;
	width:100%;
	height:100%;
	transition: all 0.5s;
	background-color: #f67053;
}
.percent {
	display: inline;
}
.loading-center {
	margin: 28% auto 0;
	text-align: center;
	width:351px;
	max-width: 70%;
}
.loading-center img {
	margin-right: -13px;
	margin-left: 13px;
}
.percent_wrapper {
	text-align: center;
	font-size: 35px;
	color: #f6f6f6;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 40px;
}
#pack {
	display: none;
	background-size: cover;
	background-repeat: no-repeat;
	width:75%;
	padding-top:110%;
	margin: -16px auto 0;
}
svg .st0 {
	fill:#008a88;
	transition: all 0.5s;
}
.block1-buttons {
	margin-bottom: 20px;
}
.change-button.active svg .st0 {
	fill:#FFFFFF;
}
.change-button {
	color: #008a88;
	background: #FFFFFF;
	border: 3px solid #008a88;
	transition: all 0.5s;
	width: 92px;
	height: 96px;
	border-radius: 10px;
	margin: 0 20px;
	font-size:14px;
	text-align: center;
	cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.change-button.active {
	color: #FFFFFF;
	background: #008a88;
}
.change-button.active .flash_wrap-effects {
	display: none;
}
.flash_wrap-effects {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-85px);
	-ms-transform: translateX(-85px);
	transform: translateX(-85px);
	-webkit-animation-name: _flash;
	animation-name: _flash;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.flash_effects {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,138,136, .1)), to(rgba(0,138,136, .4)));
	background: -webkit-linear-gradient(left, rgba(0,138,136, .1), rgba(0,138,136, .4));
	background: -o-linear-gradient(left, rgba(0,138,136, .1), rgba(0,138,136, .4));
	background: linear-gradient(90deg, rgba(0,138,136, .1), rgba(0,138,136, .4));
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 30px;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}
@-webkit-keyframes _flash {
	20% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
@keyframes _flash{
	20% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
#dogbutton svg {
	width: 68%;
	margin-top: 12px;
	margin-left: 4px;
}
#catbutton svg {
	width: 79%;
	margin-top: 14px;
	margin-left: 2px;
}
.order-btn,.order-btn:hover {
	color: #FFFFFF;
	background-color: #f67053;
	width:330px;
	max-width:100%;
	height:62px;
	border-radius: 31px;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 50px;
	/*box-shadow: 0px 11px 30.45px 4.55px rgba(55, 55, 55, 0.25);*/
}
.video-link {
	letter-spacing: 0.05em;
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
}
.video-link img {
	margin-left: 11px;
	transition: all 0.3s;
}
.video-link:hover img,.video-link:focus img{
	transform: rotate(360deg);
}
.video-link span {
	display: inline-block;
	text-decoration:none;
	cursor: pointer;
}
.footer .phones a.footer-site-link span {
	display: inline-block;
}
.footer-site-link span:after {
	background-color: #FFFFFF;
	display: block;
	content: "";
	height: 3px;
	width: 0%;
	-webkit-transition: width .3s ease-in-out;
	-moz--transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}
.footer-site-link:hover span:after,.footer-site-link:focus span:after {
	width:100%;
}
.video-link span:after {
	background-color: #008a88;
	display: block;
	content: "";
	height: 3px;
	width: 0%;
	-webkit-transition: width .3s ease-in-out;
	-moz--transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}
.video-link:hover span:after,.video-link:focus span:after {
	width:100%;
}
.up-hover {
	transition: all 0.5s;
}
.up-hover:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 0px 11px 30.45px 4.55px rgba(55, 55, 55, 0.25);
}
.section-header {
	font-size: 35px;
	font-weight:700;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
}
.components-row {
	max-width:1040px;
	margin: 43px auto 0;
}
.components-block {
	border-radius: 10px;
	box-shadow: 13.753px 9.992px 20.16px 3.84px rgba(55, 55, 55, 0.14);
	width: 319px;
	max-width: 100%;
	height: 273px;
	margin-bottom: 37px;
	flex: 0 0 319px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 52px 15px;
	text-align: center;
	transition: all 0.5s;
	position: relative;
	background: #FFFFFF;
	cursor: pointer;
}
.components-block-corner {
	top: 0;
	left: 0;
	z-index:0;
	background-image: url(img/components/component-corner.png);
	width:139px;
	height:139px;
	position: absolute;
}
.components-block .btn-more {
	transition: all 0.5s;
	margin-top:0;
	height:0;
	opacity:0;
	font-size:0;
	width:218px;
	border-radius: 19.5px;
	background-color: #f67053;
	color:#FFFFFF;
	text-transform:uppercase;
}
.components-block:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	padding: 26px 15px 22px;
}
.components-block:hover .btn-more {
	transition: all 0.5s;
	margin-top:21px;
	height:39px;
	opacity:1;
	font-size:18px;
}
.components-image {
	margin-bottom:12px;
}
.components-text {
	font-size: 22px;
	text-transform:uppercase;
	font-weight:700;
}
.footer {
	background-color: #81c3ae;
	height: 336px;
}
.footer .phones a:before { display: none;}
.footer .phones a{
	font-size: 2rem;
	color: #FFFFFF;
}
.footer-politics,.footer-politics:hover {
	font-size: 16px;
	display: inline-block;
	color: #FFFFFF;
	margin-top: 4px;
}
.footer .container {
	padding-top:144px;
}
.footer .phones {
	text-align: center;
}
.footer .phones a.footer-site-link {
	font-size: 2rem;
}
#about {
	position: relative;
	background: #FFFFFF;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(15%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(85%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
}
.about-inner {
	position: relative;
	background-color: #FFFFFF;
	background-image: url(img/about/about-middlebg.png);
	background-position: left -4px top 62px;
	background-repeat: no-repeat;
}
.about-header{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color:#f67053;
	line-height:1.2;
}
.about-block .about-text-inner {
	text-align: left;
}
.about-block .about-text-inner p { text-indent: 30px;}
.about-block .about-text-inner ul { list-style-image: url(img/marker.png); text-indent: 30px;list-style-position: inside;}
/*.about-block .about-text-inner ul li:before { content: "-"; position: relative; left: -5px; }*/
.about-block1 {
	margin-top: 186px;
}
.about-block1-img,
.about-block1-text {
	flex: 0 0 50%;
	max-width: 50%;
}
.about-block1-img {
	padding-right: 77px;
	margin-left: -73px;
	padding-top: 21px;
}
.about-block1-text {
	padding-left:0px;
	font-size:18px;
	line-height:22px;
}
.about-block1-text ul {
	line-height:24px;
}
.about-block1-text .about-text {
	margin-top: 25px;
	height: 430px;
}
.about-block1-text .about-text-inner {
	padding-right:38px;
}
.about-block1-text .about-link {
	margin-top:42px;
	padding-left: 5px;
}
.about-block2 {
	margin-top: 150px;
}
.about-block2-img,
.about-block2-text {
	flex: 0 0 50%;
	max-width: 50%;
}
.about-block2-img {
	align-self: center;
	margin-right: -43px;
	margin-top: 11px;
}
.about-block2-text {
	font-size:18px;
	line-height:22px;
}
.about-block2-text .about-header {
	padding-left: 40px;
	margin-bottom: 20px;
}
.about-block2-text .about-link{
	margin-top: 43px;
	padding-left: 41px;
}
.about-block2-text ul {
	line-height:24px;
}
.about-block2-text .about-text {
	height: 475px;
}
.about-block2-text .about-text-inner {
	padding-left: 34px;
}
.about-block3 {
	margin-top: 135px;
}
.about-block3-text .about-text-inner {
	padding-right:38px;
}
.about-block3-img,
.about-block3-text {
	flex: 0 0 50%;
	max-width: 50%;
}
.about-block3-img {
	margin-left: -36px;
}
.about-block3-text {
	font-size:18px;
	line-height:22px;
	padding-right:37px;
}
.about-block3-text .about-text { height: 475px;}
.about-block3-text .about-header {
	margin-top: 10px;
	margin-left: -9px;
	margin-bottom: 25px;
}
.about-block3-text .about-link{
	margin-top: 20px;
	margin-left: -3px;
}
.about-block3-text ul {
	line-height:24px;
}
.about-order-btn {
	margin-top:41px;
	text-align: center;
}
#materials .section-header {
	margin-top: -8px;
	margin-bottom: 108px;
}
.materials-inner {
	width: 946px;
	margin: 0 auto 50px;
	max-width: 100%;
}
.materials-preview {
	max-width:100%;
	width: 946px;
	position:relative;
}
.materials-inner.materials-preview::before {
    padding-top: 56.25%;
    display: block;
    content: '';
}
.materials-preview * {
	max-width:100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
}
.materials-preview .youtube-inner {
	display: none;
	bottom:0;
}
#youtube1 { display: block; z-index:250;}
#youtube2 {  z-index:260;}
.materials-preview .youtube-inner iframe{
	width:100%;
	height:100%;
}
.materials-preview-img {cursor: pointer;}
.materials-button {
	width: 219px;
	height: 39px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	background: #f67053;
	border-radius: 19.5px;
	line-height: 22px;
}
.materials-button.active,
.materials-button:hover {
	color: #FFFFFF;
	box-shadow: 0px 11px 30.45px 4.55px rgba(55, 55, 55, 0.25);
}
#assortment {
	height: auto;
}
.assortment-row {
	max-width: 1140px;
	margin: 0 auto 41px;
}
#assortment .section-header{
	max-width: 943px;
	margin: 0px auto 48px;
	line-height: 42px;
}
.assortment-block {
	margin-bottom: 26px;
	width: 364px;
	flex: 0 0 364px;
	height:530px;
	border-radius: 10px;
	box-shadow: 0px 10px 16px 4px rgba(0, 0, 2, 0.1);
	padding: 20px 10px;
}
.assortment-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	margin: 12px auto 9px;
}
.assortment-img {
	width: 219px;
	margin: 0px auto;
}
.assortment-img  img {
	max-width:100%;
}
.assortment-text {
	font-size: 16px;
	color: #f67053;
	line-height: 1.2;
	text-align: center;
}
.assortment-more {
	text-align: center;
}
.assortment-block .btn-more {
	transition: all 0.5s;
	width:218px;
	border-radius: 19.5px;
	background-color: #f67053;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-top:14px;
	height:39px;
	opacity:1;
	font-size:18px;
}
#help {
	background: #81c3ae;
	overflow: hidden;
}
#help .section-header {
	color: #FFFFFF;
	margin-top: -6px;
}
.help-wrapper {
	margin-top: 104px;
}
.help-text-block {
	flex: 0 0 50%;
	display: flex;
	justify-content: center;
	align-content: center;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 19.242px 10.666px 41.61px 15.39px rgba(55, 55, 55, 0.08);
	height: 585px;
}
.help-text {
	margin: auto;
}
.help-img-block {
	flex: 0 0 50%;
	margin-left: 42px;
	margin-top: -20px;
}
.help-img-result {
	display: none;
	flex: 0 0 50%;
	margin-left: 42px;
	position: relative;
}
.help-img-result img {
	-webkit-filter: drop-shadow(9px 9px 10px black);
	filter: drop-shadow(9px 9px 10px black);
}
.help-img-result.child-1 img {
	width: 400px;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:22;
}
.help-img-result.child-2 img:first-child {
	width: 309px;
	position: absolute;
	left:0;
	z-index:23;
	bottom: 5%;
}
.help-img-result.child-2 img:last-child {
	width: 309px;
	position: absolute;
	left: 50%;
	top:5%;
	z-index:22;
}
.help-text .btn-answer {
	transition: all 0.5s;
	width:371px;
	max-width:100%;
	border-radius: 19.5px;
	background-color: #f67053;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-top:14px;
	height:39px;
	opacity:1;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
}
.question {
	display:none;
	max-width: 370px;
	margin: 0px auto;
}
.question.question5 {
	max-width: 480px;
}
.question1 {display:block;}
.we-recommend {
	font-size: 25px;
	color: #fa5f46;
	line-height: 1.2;
	text-align: center;
}
.question_result {
	font-size: 35px;
	color: #008985;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	margin: 35px auto;
}
.question-button-wrapper {
	text-align: center;
}
.question-numbers {
	font-size: 25px;
	color: #fa5f46;
	line-height: 1.2;
}
.question-text {
	font-size: 35px;
	line-height: 1.2;
	color: #008985;
}
.question-answers {
	color: #008985;
	font-size: 25px;
	line-height: 1.2;
	margin: 32px auto 24px;
}
.question-answer {
	margin: 15px auto;
}
.question-answer input[type="radio"] {
	display: none;
}
.question-answer input[type="radio"] + label {
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}
.question-answer input[type="radio"] + label:before {
	display: inline-block;
	width: 34px;
	height: 33px;
	background-image: url(img/radiobutton.png);
	background-position: bottom center;
	vertical-align: middle;
	content: '';
	margin-right: 22px;
}
.question-answer input[type="radio"]:checked + label:before {
	background-position: top center;
}
.btn-again {
	margin-top: 20px;
	display: inline-block;
}
#feedback {
	position: relative;
}
.feedback-cat {
	position: absolute;
	bottom: -41px;
	left: -87px;
}
.feedback-form {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);				
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 19.242px 10.666px 41.61px 15.39px rgba(55, 55, 55, 0.08);
	width: 638px;
	max-width: 100%;
	padding: 40px;
}
.feedback-form .title {
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	color: #008985;
	text-align: center;
}
.feedback-form .sub-title {
	text-align: center;
	color: #f67053;
	font-size: 18px;
	line-height: 1.2;
	margin: 10px auto 0;
}
.feedback-form label {				
	font-size: 18px;
	color: #008985;
	line-height: 1.2;
	text-align: left;
	display: block;
}
.feedback-form label span {
	font-size: 14px;
	color: #c5c5c5;
}
.feedback-form input {				
	border-radius: 10px;
	background-color: #e1e1e1;
	height: 55px;
	display: block;
	border: none;
	outline:none;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 12px;
	font-size: 18px;
}
.feedback-form textarea {				
	border-radius: 10px;
	background-color: #e1e1e1;
	height: 108px;
	display: block;
	border: none;
	outline:none;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 40px;
	font-size: 18px;
}
.feedback-form .btn-submit {
	border-radius: 31px;
	background-color: #f67053;
	max-width:100%;
	width: 330px;
	height: 62px;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 0 auto;
}
#videoModal .modal-dialog {
	width: 80%;
	max-width: 80%;
	margin: 6px auto;
}
#componentsModal .modal-dialog {
	max-width: 1058px;
}
#componentsModal .modal-content {
	border:none;
	border-radius: 10px;
}
#componentsModal .close {
	background: url(img/components/components-close.png);
	top: 32px;
	right: 25px;
	position: absolute;
    top: 34px;
    right: 26px;
	opacity:0.5;
	z-index: 100;
	width:31px;
	height: 31px;
}
#componentsModal .close:hover {
	opacity:1;
}
#componentsModal .modal-body {padding:0;}
#componentsModal .components-slide {
	position: relative;
	padding: 66px 100px 0;
	height:760px;
}
#componentsModal .components-slide-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:100%;
}
#componentsModal .components-slide-inner {
	padding: 0 86px;
}
#componentsModal .modal-pic {
	position: absolute;
	top: 53px;
	left: 40px;
	width: 103px;
}
#componentsModal .modal-pic img {
	width:100%;
}
#componentsModal .modal-title {
	font-size: 60px;
	color: #008a88;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#componentsModal .modal-text {
	font-size: 24px;
	color: #5c5c5c;
	line-height: 1;
}
#componentsModal .modal-pictures {
	background:#3c6069;
	border-radius: 8px 8px 0 0;
	height: 132px;
	padding: 0 86px;
}
#componentsModal .modal-pictures-inner {
	position: relative;
	top: -120px;
	display: flex;
	justify-content: space-between;
	
}
#componentsModal .modal-picture {position: relative;}
#componentsModal .modal-picture.with-arrow:before {
	content:'';
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:-40px;
	width: 17px;
	height:31px;
	background-image: url(img/arrow.png);
}
#componentsModal .components-slide-inner .modal-text ul {list-style-image: url(img/marker.png); text-indent: 30px;list-style-position: inside;}
#carouselComponents .carousel-control {
	top: 50%;
    bottom: unset;
    transform: translateY(-50%);
    height: 158px;
    background: #f67053;
    width: 9.5%;
	cursor: pointer;
}
#carouselComponents .carousel-control-prev {
	border-radius: 0 8px 8px 0;
	background: url(img/arrow-prev.png);
	background-position: top center;
	margin-left: -1px;
}
#carouselComponents .carousel-control-next{
	border-radius:  8px 0 0 8px;
	background: url(img/arrow-next.png);
	background-position: top center;
	margin-right: -1px;
}
.packModal .modal-dialog {
	max-width: 1170px;
	height:1000px;
}
.packModal .modal-content {
	border:none;
	border-radius: 10px;
}
.packModal .modal-body {
	padding: 18px 71px 33px;
	position: relative;
}
.packModal .close {
	background: url(img/components/components-close.png);
	position: absolute;
	top: 24px;
	right: 81px;
	opacity:0.5;
	z-index: 100;
	width:31px;
	height: 31px;
}
.packModal .close:hover {
	opacity:1;
}
.packModal .modal-images {
	display: flex;
}
.packModal .modal-images .part2 {
	margin: 0px 80px;
}
.packModal .part1 {
	padding-top: 105px;
}
.packModal .part1-text {
	font-size: 18px;
	color: #828383;
	line-height: 1.222;
	margin: 10px 0 0 10px;
}
.packModal .part3 {
	padding-top: 41px;
}
.packModal .modal-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	margin-top:26px;
	color: #168b89;
	margin-bottom: 18px;
}
.packModal .modal-text {
	font-size: 18px;
	color: #45686a;
	line-height: 22px;
	text-align: justify;
	padding:0 10px;
}
.packModal .modal-numbers {
	text-align: center;
	margin: 43px auto 46px;
}
.packModal .modal-button {
	text-align: center;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
	border: 2px solid #dc3545;
}
@keyframes fopacity {
	from { fill-opacity: 0; }
	to { fill-opacity: 1; }
}
.about-icons {
	position: absolute;
	/*right: -110px;
	right: -5.75vw;*/
	right: 60px;
	right: 3.15vw;
	width: 200px;
}
.about-icon svg.arrow {
	display: none;
	width: 24px;
	height: 66px;
	position: absolute;
	right: 10px;
	bottom: -20px;
	z-index: 3;
}
.about-icon:hover svg.arrow {
	display: block;
}
.about-icon:hover svg.arrow path{
	animation: fopacity 0.5s ease forwards;
}
.about-icons .about-icon {
	display: block;
	position: absolute;
}
.about-icon img {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.about-icon .one {
	z-index:1;
}
.about-icon .hovered {
	opacity:0;
	transition: opacity 0.3s ease;
	z-index:2;
}
.about-icon:hover .hovered {
	opacity:1;
}
#icon1 {
	top: 168px;
	left: 40px;
	width:136px;
	height:131px;
}
#icon2 {
	top: 385px;
	left: 110px;
	width:118px;
	height:118px;
}
#icon3 {
	top: 470px;
	left: 30px;
	width:99px;
	height:101px;
}
#icon4 {
	top: 672px;
	left: 72px;
	width:120px;
	height:123px;
}
#icon5 {
	top: 1142px;
	left: 10px;
	width:107px;
	height:109px;
}
#icon6 {
	top: 1345px;
	left: 70px;
	width:121px;
	height:121px;
}
#icon7 {
	top: 1630px;
	left: 55px;
	width:115px;
	height:117px;
}
#icon8 {
	top: 1820px;
	left: 0px;
	width:111px;
	height:112px;
}
#icon9 {
	top: 2410px;
	left: 70px;
	width:125px;
	height:127px;
}
#icon10 {
	top: 2700px;
	left: 40px;
	width:118px;
	height:120px;
}
#icon11 {
	top: 2980px;
	left: 30px;
	width:119px;
	height:120px;
}
@media screen and (max-width: 1700px) {
	#navigation {left:30px;}
	.progress-container {left: -15px;}
}
@media screen and (max-width:1500px){
	#navigation {display: none;}
	.about-icons {display: none;}
}
@media screen and (max-width:1400px){
	.honeycombs-bg:before {left:-170%;}
}
@media screen and (min-width:992px) and (max-width: 1199px){
	.about-block1-img { margin-left: 0;}
	.about-block2-img {margin-right: -20px;}
	.about-block3-img {margin-left: -20px;}
	.about-block1-img img,
	.about-block2-img img,
	.about-block3-img img {max-width:100%;}
	.about-inner {background:#FFFFFF;}
	.about-inner .screen {height:auto;padding: 25px 0;}
	.about-block1 {margin-top: 35px;}
	.about-block2 {margin-top: 35px;}
	.about-block3 {margin-top: 35px;}
	.help-img-block img {max-width:100%;}
}
@media screen and (min-width:768px) and (max-width: 991px){
	.honeycombs-bg::before {
		min-width: 10000px;
		left: -330%;
	}
	.video-link span::after {display: none;}
	.screen { height: auto;}
	.header .phones a span {display: none;}
	.navbar-toggler {margin-left: 8px;}
	.phones-mobile  {width:45px;margin-right: 13px;}
	.phones-mobile img {max-width:100%;}
	.about-inner {background:#FFFFFF;}
	.about-inner .screen {height:auto;padding: 25px 0;min-height: unset;}
	.about-block1-img { margin-left: 0;padding-right: 15px;}
	.about-block2-img { margin-right: 0;padding-left: 15px;}
	.about-block3-img {margin-left: -5px;padding-right: 15px;}
	.about-block1-img img,
	.about-block2-img img,
	.about-block3-img img {max-width:100%;}
	.about-block1 {margin-top: 35px;}
	.about-block2 {margin-top: 35px;}
	.about-block3 {margin-top: 35px;}
	.about-block .about-text-inner {padding-right: 15px;}
	.about-block3-text,.about-block1-text {padding-right: 15px;}
	.about-block2-text .about-text {padding-right: 15px;}
	.baron-left-scroll.baron._simple .baron__track {right:0;left:unset;}
	.materials-inner img {max-width:100%;}
	.materials-inner.materials-buttons  {flex-wrap: wrap;justify-content: space-around !important;margin-bottom: 0;}
	.materials-button {flex: 0 0 45%;margin-bottom: 15px;}
	.screen1 {display:flex;flex-direction: column;}
	.header  {order:1;width: 100%;}
	.h1 {order:2;}
	.subh1 {order:3;}
	.block1-buttons {order:4;margin-top: 20px;margin-bottom: 0;}
	.block1 {order:5;flex-wrap: wrap;}
	.block1-bottom-links {order:6;flex-direction: column;text-align: center;}
	.block1 .center_blocks .bg {bottom: unset;padding-top: 100%;}
	.block1 .left_blocks > div,.block1 .right_blocks > div {position: static;margin: 10px auto;}
	.block1 .center_blocks {order:1;flex:1 0 100%;max-width: 503px;margin: 42px auto 0;}
	.block1 .left_blocks{order:2;flex:1 0 50%;}
	.block1 .right_blocks{order:2;flex:1 0 50%;}
	.block1-bottom-links  .order-btn{margin-bottom:20px;}
	.video-link {display: inline-flex;}
	.video-link span{align-self: center;}
	.video-link img {min-width: 50px;align-self: center;margin-left: 5px;margin-top: 5px;}
	/*.components-row::after {content: "";flex: 0 0 319px;}*/
	.help-text-block {margin: 30px;}
	.help-img-block {margin-left: 0px;padding: 0 20px;}
	.help-img-block img {max-width:100%;}
	.help-img-result {padding-left: 10px;margin-left: 0;text-align: center;}
	.help-img-result.child-1 img{ max-width:80%;position: static;transform: unset;}
	.help-text .btn-answer {width:100%;}
	.question-text br {display: none;}
	.question.question5, .question {max-width:500px;}
	#feedback {min-height:900px;}
	.feedback-cat {max-width: 50vw;left: -27px;}
	.feedback-cat img {max-width:100%;}
	.feedback-form { max-width: 50vw;}
	.packModal .modal-dialog {max-width: 95%;}
	.packModal .modal-body {padding: 18px 21px 33px;}
	.packModal .modal-images {flex-direction: row;flex-wrap: wrap;}
	.packModal .modal-images img {max-width: 100%;}
	.packModal .modal-images .part1 {order: 2;flex: 0 0 50%;padding-top: 0;}
	.packModal .modal-images .part2 {margin: 50px auto 30px;order: 1;flex: 0 0 100%;text-align: center;}
	.packModal .modal-images .part3 {order: 2;flex: 0 0 50%;}
	.packModal .close {right: 24px;}
	#componentsModal .modal-dialog {max-width: 95%;}
	#componentsModal .components-slide {padding: 66px 60px 0;}
	#componentsModal .modal-pictures {padding: 0;}
	#componentsModal .modal-text {font-size: 18px;}
	.footer {text-align:center;height: auto;}
	.footer .container {padding-top: 64px;}
	.footer .logo, .footer .phones, .footer .socials {padding-bottom: 30px;}
	.footer-politics, .footer-politics:hover {margin-top: 14px;}
}
@media screen and (max-width:767px) {
	.honeycombs-bg::before {
		min-width: 10000px;
		left: -500%;
	}
	.video-link span::after {display: none;}
	.screen { height: auto; padding: 25px 0;}
	.screen4 {min-height:unset;}
	.feedback-cat {display: none;}
	.header .phones a span {display: none;}
	.navbar-toggler {margin-left: 8px;}
	.phones-mobile  {width:45px;margin-right: 13px;}
	.phones-mobile img {max-width:100%;}
	.screen1 {display:flex;flex-direction: column;}
	.header  {order:1;width: 100%;}
	.h1 {order:2;}
	.subh1 {order:3;}
	.block1-buttons {order:4;margin-top: 20px;margin-bottom: 0;}
	.block1 {order:5;flex-wrap: wrap;}
	.block1-bottom-links {order:6;flex-direction: column;text-align: center;}
	.block1 .left_blocks > div,.block1 .right_blocks > div {position: static;margin: 10px auto;}
	.block1 .center_blocks {order:1;flex:1 0 100%;max-width: 503px;margin: 42px auto 0;}
	.block1 .center_blocks .bg {bottom: unset;padding-top: 100%;}
	.left_blocks{order:2;flex:1 0 50%;}
	.right_blocks{order:2;flex:1 0 50%;}
	.loading-center img {max-width:100%;}
	.block1-bottom-links  .order-btn{margin-bottom:20px;}
	.section-header{font-size:30px;}
	.about-block1 {margin-top: 35px;}
	.about-block2 {margin-top: 35px;}
	.about-block3 {margin-top: 35px;}
	.about-block  img {max-width:100%;}
	.about-block1-img, .about-block2-img, .about-block3-img,
	.about-block1-text, .about-block2-text, .about-block3-text  {margin:0 auto;padding:0;max-width: 90%;}
	.about-block1-img {margin-top:20px;}
	.about-block .about-text {margin-top:25px;}
	.about-inner {background:#FFFFFF;}
	.about-inner .screen {height:auto;padding: 25px 0;}
	.about-block2-text .about-text {padding-left: 0;}
	.baron-left-scroll.baron._simple .baron__track {right:0;left:unset;}
	.about-block .about-text-inner {padding-right:15px;padding-left: 0;}
	.about-header {font-size: 24px;}
	.about-order-btn {margin-top: 20px;margin-bottom: 10px;}
	.video-link {display: inline-flex;}
	.video-link span{align-self: center;}
	.video-link img {min-width: 50px;align-self: center;margin-left: 5px;margin-top: 5px;}
	.about-block2-text .about-header {padding-left: 0;}
	#materials .section-header {margin-top: 0;margin-bottom: 28px;}
	.materials-inner.materials-buttons  {flex-wrap: wrap;justify-content: space-around !important;margin-bottom: 0;}
	.materials-button {flex: 0 0 90%;margin-bottom: 15px;}
	.assortment-block {max-width: 90%;}
	.help-wrapper {margin: 24px auto 0;max-width: 96%;}
	.help-img-block {display:none;}
	.help-text-block {display: block;height: auto;padding: 20px;}
	.question-text {font-size:24px;}
	.question-answers {font-size:18px;}
	.question_result {font-size: 24px;}
	.help-img-result {height: 450px;margin: 0 auto;}
	.help-img-result img{ max-width:80%;}
	.help-img-result.child-1 { height:500px;}
	.help-img-result.child-2 img { max-width:60%;}
	.help-img-result.child-2 img:last-child{left:unset;right:0;}
	.footer {text-align:center;height: auto;}
	.footer .logo, .footer .phones, .footer .socials {padding-bottom: 30px;}
	.footer-politics, .footer-politics:hover {margin-top: 14px;}
	.feedback-form {position: static;transform: unset;margin: 0 auto;}
	.feedback-form .sub-title {margin-bottom:10px;}
	#componentsModal .modal-pic,#componentsModal .modal-pictures {display: none;}
	#componentsModal .components-slide {padding: 50px 20px;height:auto;}
	#componentsModal .components-slide-inner {padding:0;}
	#carouselComponents .carousel-control {display: none;}
	#componentsModal .modal-title {font-size: 32px;margin-bottom: 30px;}
	#componentsModal .close {top: 15px;right: 20px;}
	.packModal .modal-images {flex-direction: row;flex-wrap: wrap;}
	.packModal .modal-images img {max-width: 100%;}
	.packModal .modal-images .part1 {order: 2;flex: 0 0 50%;padding-top: 0;}
	.packModal .modal-images .part2 {margin: 50px auto 30px;order: 1;flex: 0 0 100%;text-align: center;}
	.packModal .modal-images .part3 {order: 2;flex: 0 0 50%;}
	.packModal .modal-body {padding: 18px 20px 33px;}
	.packModal .close {right: 24px;}
	.packModal .modal-text {text-align: left;}
	#videoModal .modal-dialog {width: 90%;max-width: 90%;}
}
@media screen (orientation:portrait) and (max-width:767px)  {
	.block1 .center_blocks {height:100vw;}
}
@media screen (min-width:576px) and (max-width:767px) {
	.container {max-width: 540px;}
}