@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
body 
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: 500;
}

a
{
	text-decoration: none;
}

a:hover
{
	color:#343543;
}

p
{
	margin-bottom: 0;
}

.link-ylw,.link-ylw:hover,.link-ylw:active
{
	color: #FDD427;
}

.link-blk,.link-blk:hover,.link-blk:active
{
	color: #212529;
}

.hidden-lg
{
	display:none;
}

.top-tagline
{
	background: #FDD427;
}

.top-tagline p 
{

	font-size: 17px;
	line-height: 20px;
	color: #343543;
}

.main 
{
	background: url(/assets/img/main_bg.png);
	background-position-x: 83%;
	background-size: auto;
	background-repeat: no-repeat;
}

.nav-list
{
	list-style-type:none;
	padding-left:0;
}
.nav-list li
{
	display:inline;
}
.nav-list a
{
	padding:10px;
	text-decoration: none;
	font-size: 18px;
	line-height: 15px;
	color: #343543;
}
.nav-list a:hover
{
	padding:10px;
	background: #FDD427;
	border-radius: 30px;
}

.logo 
{
	max-width:160px;
}

.phone-number
{
	font-weight: bold;
	margin-right: 10px;
	font-size: 17px;
	line-height: 45px;
	text-align: right;
	color: #343543;
}

.main-typographic
{
  margin-top: 70px;
}

.main-typographic h1
{
	font-weight: bold;
	font-size: calc(30px + 4vw);
	color: #343543;
}

.text-empty
{
	-webkit-text-stroke:1px #343543;
	-webkit-text-fill-color: transparent;
}

.from-price
{
	font-size: calc(14px + 2vw);
	background: #6EE0D7;
}


.main-btn-1
{
	display: block;
	padding: 20px;	
	color: #343543;
	text-decoration: none;
	background: #FDD427;
	border-radius: 30px;
	font-size: 20px;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
}

.main-btn-1 a
{
	color: #343543;
}

.main-btn-2
{
	display: block;
	padding:15px 15px 15px 15px;	
	background: #FDD427;
	border-radius: 60px;
}

.btn-warning
{
	background-color: #FDD427;
  border-color: #FDD427;
}

.offer-boxes
{
	margin-top:29px;
}

.offer
{
	height:112px;
	background: rgba(1, 133, 155, 0.6);
	border: 1.5px solid #6EE0D7;
	box-sizing: border-box;
	border-radius: 20px;
}

.arrow-white
{
	margin-left: 23px;
	margin-right: 23px;
	width:50px;
	height: 100%;
	margin-top:44px;
	color:white;
	background: url(/assets/img/arrow-white.svg);
	background-repeat: no-repeat;
	align-items: center;
}

.plus
{
	margin-left: 23px;
	margin-right: 23px;
	width:125px;
	height: 50px;
	margin-top:33px;
	color:white;
	background: url(/assets/img/plus.svg);
	background-repeat: no-repeat;
	align-items: center;
}

.offer-text p
{
	font-size: 16px;
	line-height: 130%;
	color:white;
	margin-bottom: 0;
}
.under-title
{
	margin-bottom:0;
}

.section-video
{
	margin-top:75px;
	width:100%;
	margin-bottom:75px;
	background: linear-gradient(0deg, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
}

.video-box
{
	background: rgba(0, 133, 155, 0.3);
	border: 1.5px solid rgba(0, 133, 155, 0.3);
	box-sizing: border-box;
	box-shadow: 2px 2px 4px rgba(0, 133, 155, 0.35);
	border-radius: 20px;
}

.video-box iframe
{
	border-radius: 20px 20px 0px 0px;
}

.video-description
{
	padding: 20px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0px 0px 20px 20px;
	font-size: 15px;
	line-height: 17px;
	color: #343543;
}

.section-capabilities
{
	position: relative;
	width:100%;
	background-color: #6EE0D7;
	padding-bottom: 30px;
}

.capability-box
{
	position: relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	cursor:pointer;
	background-color: #6EE0D7;
	padding: 10px;
	-webkit-transition: background-color 0.7s ease-out;
	-moz-transition: background-color 0.7s ease-out;
	-o-transition: background-color 0.7s ease-out;
	transition: background-color 0.7s ease-out;
}

.capability-box:hover
{
	background-color: #FDD427;
}

.capability-box img 
{
	width: 25%;
	float: left;
}

.capability-description
{
	width: 75%;
	float: left;
	padding-left: 20px;
}

.capability-line
{
	margin-top:15px;
	width: 100%!important;
}

.section-assembly,.section-kit
{
	position: relative;
	width: 100%;
	background-color: #343543;
	padding-bottom: 30px;
}

.product-box
{
	position:relative;
	width: 668px;
	height:456px;
	background: #343543;
	border-radius: 20px;
}

.product-box h5
{
	position: absolute;
	left: 4.69%;
	top: 12.38%;
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
}

.product-box h6
{
	position: absolute;
	left: 4.69%;
	top: 29.05%;
	width:240px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 28px;
	color: #FFFFFF;	
}

.product-box p 
{
	position: absolute;
	left: 4.69%;
	top: 83.34%;
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
}

.product-box h3
{
	position: absolute;
  left: 26.69%;
  top: 84.34%;
  /* font-weight: bold; */
  font-size: 21px;
  line-height: 40px;
  color: #FFFFFF;
}

.product-box img
{
	position: absolute;
	width:300px!important;
	height:175px;
	left: 45%;
	top: 25%;
}

.product-box a
{
	position: absolute;
	top: 83.34%;
	font-size: 17px;
	line-height: 28px;
	text-align: right;
	color: #6EE0D7;
	text-decoration: none;
}

.product-button
{
	position: absolute;
	left: 56.69%;
	top: 83.34%;
	font-size: 17px;
	padding: 8px;
}

.product-button a
{
	color: #343543;
	background: #FDD427;
	position: relative;
}

.product-button span
{
	color: #343543;
	background: #FDD427;
	padding: 8px;
	position: relative;
	cursor: pointer;
}

.owl-dot
{
	margin-left:20px;
	width:20px;
	height:20px;
	border-radius:20px;
	border-width:1px!important;
	border-style:solid!important;
	border-color:#343543!important;
}

.owl-dot.active
{
	background-color: rgba(110, 224, 215,1)!important;
}

.owl-next
{
	margin-left: 320px;
}

.owl-nav
{
	position: absolute;
	top: 115%;
	left: 40%;
}

.owl-dots
{
  text-align: center;
  margin-top: 20px;
}

.section-footer
{
	position: relative;
	width:100%;
	background: #6EE0D7;
}

.contacts
{
	font-weight: bold;
	font-size: 40px;
	line-height: 45px;
}

.line-footer
{
	width: 250px;
}

.modal-dialog
{
	max-width:610px;
}

.modal-header
{
	background: #343543;
}

.modal-header h5
{
	width:170px;
	font-weight: bold;
	font-size: 27px;
	line-height: 31px;
	align-items: center;
	color: #FFFFFF;
}

.modal-header p 
{
margin-left:40px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 17px;
display: flex;
align-items: center;
color: #FFFFFF;
}

.modal-body
{
	background: #EFEFEF;
}

.confid-text
{
	font-weight: 300;
	font-size: 11px;
	line-height: 11px;
}

.textarea
{
	height: 120px;
}

.owl-dots.disabled
{
	display: block!important;
}

.br-30
{
	border-radius: 30px;
}

.br-l
{
	border-radius: 30px 0 0 30px;
}

.br-r
{
	border-radius: 0 30px 30px 0;
}

.fs-18
{
	font-size: 18px;
}

.section-assembly p, ul 
{
	line-height: 40px;
	font-size: 20px;
	color: #f8f9fa;
}

.title
{
	margin-top: 20px;
	font-weight: bold;
	font-size: 45px;
  line-height: 70px;
  text-align: center;
}

.text
{
  line-height: 40px;
  font-size: 20px;
  color: #343543;
}

.kit-box
{
	background: rgba(0, 133, 155, 0.3);
	border: 1.5px solid #BBF1EC;
	box-sizing: border-box;
	box-shadow: 2px 2px 4px rgba(0, 133, 155, 0.35);
	border-radius: 20px;
	text-align: center;
}

.kit-box h3
{
	margin-top: 54px;
	color: #FFF;
	font-size: 30px;
}

.kit-box h4
{
	font-size: 50px;
	margin-top: 30px;
	color: #6EE0D7;
}

.kit-box p 
{
	margin-top: 30px;
	color: #FFF;
	font-size: 16px;
}

.kit-box table
{
	margin-top: 30px;
	color: #FFF;
	font-size: 18px;
	line-height: 45px;
}

.kit-box  tr 
{
	border-top: 1px solid #fff;
}

.section-sha
{
  line-height: 40px;
  font-size: 20px;
  color: #343543;
  padding-bottom: 30px;
}

.social-link
{
  font-size: 32px;
  padding: 10px;
  color: #343543;
}

@media (max-width: 1000px) 
{
	.title
{
	font-weight: bold;
	font-size: 40px;
  line-height: 45px;
  text-align: center;
}

	header 
	{
		position: relative;
	}

	.carousel-item
	{
		height: 370px;
	}

	.menu-popup 
	{
		background: #6EE0D7;
		display: none;
		position: absolute;
		right: -110%;
		top: 0;
		width: 250px;
		box-sizing: border-box;
		padding: 30px;
		z-index: 9999;	
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}

	.menu-popup ul 
	{
		margin: 0;
		padding: 0;
	}

	.menu-popup li 
	{
		list-style: none;
		margin: 35px 0;
		padding: 0;
	}

	.menu-popup li a {
		font-size: 21px;
	  line-height: 24px;
		color: #343543;
		text-decoration: none;
	}

	.body_pointer * 
	{
		cursor: pointer;
	}

	.text-alice
	{
		top:112%;
		left: 170px;
	}

	.from-price
	{
		top:122%;
	}

	.hidden-xs
	{
		display:none!important;
	}

	.main-button
	{
	 	margin-left:0;
	}

	.main-btn-1
	{
		padding: 24px 35px 15px 33px;
		border-radius: 30px;
		font-size:16px;
	}

	.sign-yandex
	{
		display:block;
	}

	.offer
	{
		margin-top:17px;
	}

	.capability-description p 
	{
    position: absolute;
    left: 5px;
    right: 30.05%;
    top: 47.89%;
    bottom: 74.76%;
    font-size: 16px;
    line-height: 130%;
    width: 100%;
    height: 35px;
	}

	.capability-description h3 
	{
		left: 70px;
		top: 10%;
	}

	.capability-box img 
	{
		width: 57px;
	}

	.capability-line
	{
		margin-top:80px;
		width: 100%!important;
	}

	.iphone-screen
	{
		margin-top:0;
	}
	.hidden-lg
	{
		display: block;
	}

	.button-kit
	{
		width:100%;
		height:22px;
		background: rgba(255, 255, 255, 0.3);
		border-radius: 0px 0px 13px 13px;
		text-align: center;
	}

	.box-kit 
	{
		padding-bottom:0px!important;
	}

	.yellow-box img
	{
		left:3.22%;
	}

	.yellow-box p
	{
		width: 186px;
		font-size:16px;
		left:33.38%;
		top:17.72%;
	}

	.yellow-box
	{
		width:100%;
	}

	.product-box
	{
		width: 250px;
    height: 520px;
	}

	.product-box h5
	{
		top:3.69%;
		font-size: 25px;
	}

	.product-box h6{
		top:15%;
		font-size: 15px;
		font-style: normal;
	}

	.product-box img{
		width: 202px!important;
    height: 118px;
    left: 10%;
    top: 50%;
	}

	.product-button
	{
		position: absolute;
    left: -17.31%;
    top: 88.34%;
    font-size: 14px;
    padding: 5px;
	}

	.product-box p 
	{
		left: 8.69%;
    top: 74.34%;
	}

	.product-box h3
	{
		left: 8.69%;
    top: 80.34%;
    font-size: 15px;
	}

	.product-box span 
	{
		font-size: 17px;
	 	left: 20.69%;
    top: 78.34%;
	}

	.line-footer
	{
		margin-top:0;
	}
	
	.owl-dots.disabled
	{
		display: none!important;
	}
	 .m-fs-14 
	 {
	 	font-size: 14px;
	 }
	 .m-lh-20
	{
		line-height: 20px;
	}
	 .m-lh-29
	{
		line-height: 29px;
	}
	.section-assembly p, ul 
	{
		line-height: 30px;
		font-size: 15px;
		color: #f8f9fa;
	}
}

path 
{
  stroke-dasharray: 99.47578430175781;
  stroke-dashoffset: -99.47578430175781;
  fill: transparent;
}

svg.animate path 
{
  animation: 1.7s ease forwards draw;
  opacity:1;
}

@keyframes draw 
{
  0% {
    opacity: 1;
    stroke-dashoffset: -99.47578430175781;
    fill: transparent;
    transform: translateY(0);
  }
  
  40% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  
  100% {
    fill: #3da35a;
    opacity: 1;
    transform: translateY(0);
  }
}