@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <Project Name>.

version:   1.0
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
html {height: 100%;}
body {min-height:100%; height: 100%; color: #000; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 12px;}
input, button, select, textarea {font-family: Arial, Helvetica, Sans-Serif;}

#header:after,
.holder-content:after,
.row:after {content:''; display: block; clear: both;}

/* End Typography
--------------------------------------------------------------------------------------------------*/
#main {
	position: relative;
	padding: 40px 0 0;
}
img {
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: 700;
}
h2 {
	font-size: 20px;
	line-height: 24px;
	color: #58595B;
	font-weight: 700;
	text-align: center;
	margin: 0 0 42px;
}
/* =Headings
--------------------------------------------------------------------------------------------------*/
#header {
	background: #404041;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 12px 15px 13px;
	z-index: 99;
}
#header .nav {
	text-align: center;
}
#header .nav li {
	display: inline-block;
	vertical-align: top;
}
#header .nav li a {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	display: block;
	position: relative;
	padding: 0 6px;
}
#header .nav li a:after {
	position: absolute;
	content: '';
	right: 0;
	top: 50%;
	margin-top: -6px;
	width: 1px;
	height: 12px;
	background: #fff;
}
#header .nav li a:hover,
#header .nav li.active a {
	color: #4DC8ED;
}

#header .nav li:last-child a:after {
	display: none;
}
.holder-content {
	max-width: 942px;
	margin: 0 auto;
	padding: 0 15px;
	
}
.banner {
	position: relative;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	padding: 0 0 31px;
	background: url(../img/main.png) no-repeat 50% 0/cover;
}
.banner h1 {
	font-size: 12px;
	line-height: 15px;
}
.banner > figure {
	position: absolute;
	width: 1366px;
	left: 50%;
	top: 0;
	margin-left: -683px;
}
.banner .row-top {
	position: relative;
	padding: 16px 0 0;
	overflow: hidden;
	margin: 0 0 43px;
}
.banner .row-top .col {
	float: left;
	width: 33.3%;
	overflow: hidden;	
	box-sizing: border-box;
}
.banner .row-top .col p {
	margin: 0 0 5px;
}
.banner .row-top .col p a {
	color: #fff;
	text-decoration: none;
}
.banner .row-top .col p a:hover {
	text-decoration: underline;
}
.banner .row-top .col figure {
	display: inline-block;
	vertical-align: top;
}
.banner .row-top .col .desc {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 9px;
}
.banner .row-top .col-left {
	text-align: left;
}
.banner .row-top .col-centr {
	text-align: center;
	padding-left: 12.1%;
}
.banner .row-top .col-centr p a {
	text-decoration: underline;
}
.banner .row-top .col-centr p a:hover {
	text-decoration: none;
}
.banner .row-top .col-centr img {
	margin-right: 3px;
}
.banner .row-top .col-centr p {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 200px;
}
.banner .row-top .col-right {
	text-align: right;
}
.banner .row-top .col-right p a {
	font-weight: 700;
}
.btn {
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	display: inline-block;
	background: #FF1D51;
	vertical-align: top;
	border-radius: 15px;
	text-decoration: none;
	color: #fff;
	margin: 0 0 7px;
    padding: 11px 12px;
}
.btn:hover {
	background: #FF39A2;
}
.btn:active {
	background: #A63961;
}
.banner .row {
	overflow: hidden;
	position: relative;
}
.banner .row .col {
	float: left;
	width: 50%;	
	box-sizing: border-box;
}
.banner .row .col:last-child {
	padding-left: 9%;
}
.banner .row .col .holder-img {
	display: table;
	width: 100%;
	margin: -3px 0 0;
}
.banner .row .col .holder-img figure,
.banner .row .col .holder-img p {
	display: table-cell;
	vertical-align: middle;
}
.banner .row .col .holder-img p {
	font-size: 18px;
	line-height: 29px;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
.banner .row .col .holder-img figure {
	width: 116px;
	padding: 18px 0 0;
}
.banner .row .col .holder-img:last-child {
	margin: 0;
}
.banner .row .col .list {
	font-size: 14px;
	line-height: 17px;
	padding:  18px 0 0;
}
.banner .row .col .list li:last-child {
	margin: 0;
}
.banner .row .col .list li {
	position: relative;
	padding: 0 0 0 52px;
	min-height: 36px;
	vertical-align: middle;
	margin: 0 0 26px;
	line-height: 33px;
}
.banner .row .col .list li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 17px;
}
.banner .row .col .list li:after {
	position: absolute;
	content: '';
	width: 32px;
	height: 32px;
	left: 0;
	top: 50%;
	border: #fff solid 2px;
	border-radius: 100%;
	margin-top: -18px;	
}
.btn-arrow {
	width: 32px;
	height: 32px;
	border: #404041 solid 2px;
	background: url(../img/ico-2.svg) no-repeat 50%;
	border-radius: 100%;
	margin: 2px auto 8px;
	display: block;
	position: relative;
}
.banner .row-bottom {
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
}
.banner .row-bottom .col {
	float: left;
	box-sizing: border-box;
	padding: 0 5px;
	width: 185px;
	margin: 0 63px 0 0;
}
.banner .row-bottom .col:last-child {
	margin-right: 0;
}
.banner .row-bottom .col figure {
	height: 55px;
	margin: 0 0 0 -13px;
}
.banner .row-bottom .col a {
	color: #00C5E8;
	text-decoration: underline;
}
.row-bottom .col a:hover {
	text-decoration: none;
}
.catalog {
	padding: 56px 0 0;
	overflow: hidden;
	margin: 0 0 35px;
}
.catalog .row {
	overflow: hidden;
	margin: 0 -8px 0 -11px;
}
.catalog .row .col {
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 20px;
	margin: 0 0 50px;
}
.catalog .row .col .box {
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	border-radius : 5px;
	margin: 0 0 28px;
	padding: 0 0 36px;
}
.catalog .row .col .box .title {
	background : #31C0FF;
	border-radius : 5px 5px 0px 0px;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: 700;
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 39px;
	padding: 18px 15px 15px
}
.catalog .row .col .box .title p {
	display: table-cell;
	vertical-align: middle;
}
input.btn-shadow,
input.btn-shadow-dark {
	border: none;
}
.btn-shadow,
.btn-shadow-dark{
	background: #FF1D51;
	border-radius: 10px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	padding: 8px 35px;
	-webkit-box-shadow: 3px 3px 6px rgba(255,29,81,0.75);
	box-shadow: 3px 3px 6px rgba(255,29,81,0.75);
}
.btn-shadow:hover {
	background: #FF39A2;
	-webkit-box-shadow: 3px 3px 6px rgba(255,57,162,0.75);
	box-shadow: 3px 3px 6px rgba(255,57,162,0.75);
}
.btn-shadow:active {
	background: #A63961;
	-webkit-box-shadow: 3px 3px 6px rgba(166,57,97,0.75);
	box-shadow: 3px 3px 6px rgba(166,57,97,0.75);
}
.btn-shadow-dark {
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
}
.btn-shadow-dark:hover {
	background: #FF39A2;	
}
.btn-shadow-dark:active {
	background: #A63961;
}
.tabs .ui-tabs-nav {
	text-align: center;
	margin: 0 0 33px;
}
.tabs .ui-tabs-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}
.tabs .ui-tabs-nav li a {
	display: block;
	color: #B3B4B4;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: 700;
	padding: 4px 18px;
}
.tabs .ui-tabs-nav li a:hover {
	text-decoration: none;
	background: #B3B4B4;
	border-radius: 15px;
	color: #fff;
}

.tabs .ui-tabs-nav .ui-tabs-active a,
.tabs .ui-tabs-nav .ui-tabs-active a:hover {
	background: #31C0FF;
	text-decoration: none;
	border-radius: 15px;
	color: #fff;
}
.slicknav_menu {
	display: none;
}
.popular {
	position: relative;
	overflow: hidden;
	background: #00AEFF;
	color: #fff;
	padding: 56px 0 0;
}
.popular h2 {
	color: #fff;
	margin:  0 0 32px;
}
.popular .slider-popular {
	padding: 0 30px;
	margin: 0 -17px;
}
.popular .slider-popular .box {
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	border-radius : 5px;
	padding: 0 0 61px;
	background: #fff;
	box-sizing: border-box;
	margin: 20px 15px 12px;
	text-align: center;
	position: relative;
}
.popular .slider-popular .box .title {
	font-size : 12px;
  	color : #808080;
	line-height: 15px;
	font-weight: 700;
	padding: 18px 15px 14px;
}
.popular .slider-popular .box .price {
	position: absolute;
	left: 0;
	bottom: 11px;
	font-size: 21px;
	line-height: 25px;
	font-weight: 700;
	color: #fff;
	background: #FE8200;
	border-radius: 0 20px 20px 0;
	padding: 9px 9px 10px;
}
.popular .slider-popular .slick-prev {
	background: url(../img/prev.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -38px 0 0;
}
.popular .slider-popular .slick-next {
	background: url(../img/next.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -38px 0 0;
}
.popular .row {
	position: relative;
	min-height: 192px;
	margin: -7px 0 0;
}
.popular .row:before {
	position: absolute;
	content: '';
	right: 51.5%;
	bottom: 0;
	width: 640px;
	height: 192px;
	background: url(../img/bg-popular.png) no-repeat;
}
.popular .row .holder-btn {
	float: right;
	width: 50%;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #fff;
	padding: 67px 0 0 4px;
	box-sizing: border-box;
}
.popular .row .holder-btn p {
	margin: 0 0 16px;
}
.popular .row .holder-btn .btn-shadow,
.popular .row .holder-btn .btn-shadow-dark {
	padding: 10px 47px 10px;
}
.slick-slide img {
	display: inline-block;
	vertical-align: top;
}
.cooperation {
	
}
.cooperation .col:first-child {
	text-align: right;
	width: 54.6%;
	padding-right: 63px;
}
.cooperation .col .holder-col {
	display: inline-block;
	vertical-align: top;
	max-width: 509px;
	text-align: left;	
}
.cooperation .col .holder-col p {
	padding-left: 42px;
	margin-right: -33px;
}
.cooperation .col {
	float: left;
	width: 45.4%;
	font-size: 12px;
	color: #6D6E70;
	line-height: 15px;
	box-sizing: border-box;
}
.cooperation .col h2 {
	font-size: 26px;
	line-height: 41px;
	vertical-align: middle;
	text-align: left;
	margin: 52px 0 37px 38px;
}
.cooperation .col h2 span {
	float: left;
	font-size: 150px;
	line-height: 131px;
	font-weight: 900;
	margin: 0 11px 0 0;
}
.cooperation .col .list {
	margin: 0 0 23px 0;
}
.cooperation .col .list li {	
	line-height: 58px;
	color: #fff;
	border-radius: 30px;
	padding: 0 16px 0 47px;
	margin: 0 0 11px;
	height: 60px;
	box-sizing: border-box;
	vertical-align: middle;
}
.cooperation .col .list li span {
	line-height: 25px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.cooperation .col .list .yellow {
	background: #FDC427;
}

.cooperation .col .list .orange {
	background: #F26123;
}
.cooperation .col .list .purple {
	background: #B83694;
}
.cooperation .col .list .lilac {
	background: #534592;
}
.cooperation .col .list .turquoise {
	background: #00ACBB;
}
.cooperation .col form {
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	background: url(../img/bg-form.jpg) no-repeat;
	margin: 0 0 0;
	overflow: hidden;
	padding: 97px 26px 80px;
}
.cooperation .col form h3 {
	color: #00FFFF;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 30px;
}
.cooperation .col form label {
	display: block;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 3px;
}
.cooperation .col form p {
	margin: 0 0 44px;
}
.cooperation .col form input.text {
	border: #00FFFF solid 1px;
	display: block;
	height: 38px;
	line-height: 38px;
	width: 100%;
	max-width: 280px;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 0 10px;
	background: none;
	margin: 0 0 10px;
	color: #fff;
}
.cooperation .col form input.text.error {
	border-color: #FF0004;
}
.cooperation .col form .btn-shadow-dark {
	background: #FE8200;
	padding: 10px 19px 11px;
	margin: 27px 0 17px;
}
.cooperation .col form .btn-shadow-dark:hover {
	background: #FEB800;
}
.cooperation .col form .btn-shadow-dark:active {
	background: #DE5931;
}
.cooperation .col form span {
	font-size: 12px;
	line-height: 14px;
	display: block;
}
.pairs {
	background: #559DFF;
	padding: 56px 0 49px;
}
.pairs h2 {
	color: #fff;
	margin:  0 0 41px;
}
.pairs .box {
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	position: relative;
	overflow: hidden;
	background-size: cover;
}
.pairs .box h3 {
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	margin: 0 0 52px;
}
.pairs .box a {
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 0 0 3px;
	border-bottom: #26E3E0 solid 1px;
}
.pairs .box a:hover {
	color: #17F1FF !important;
	border-bottom-color: #17F1FF !important;
}
.pairs .box a:active {
	color: #17A6AA !important;
	border-bottom-color: #17A6AA !important;
}
.pairs .box a.line-pink {
	border-bottom: #FF00D9 solid 1px;
}
.pairs .box a.line-green {
	border-bottom: #00ED21 solid 1px;
}
.pairs .box a.line-orange {
	border-bottom: #FF7E00 solid 1px;
}
.pairs .box a.line-purple {
	border-bottom: #C700FF solid 1px;
}
.pairs .box a.line-yellow {
	border-bottom: #FBED21 solid 1px;
}
.pairs .box p span {
	color: #FFFF00;
}
.pairs .box .row-top {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	position: relative;
	z-index: 2;
	padding: 11px 13px 28px;
}
.pairs .box .row-bottom {
	background: -moz-linear-gradient(right,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(lerightft,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	position: relative;
	text-align: right;
	z-index: 2;
	padding: 19px 13px 18px;

}
.pairs .box figure {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.pairs .box figure img {
	height: 100%;
	width: auto;
	max-width: none;
}
.pairs .box-1 {
	background: url(../img/bg-1.jpg) no-repeat;
	background-size: cover;
	
}
.pairs .box-2 {
	background: url(../img/bg-2.jpg) no-repeat;
	background-size: cover;
}
.pairs .box-3 {
	background: url(../img/bg-3.jpg) no-repeat;
	background-size: cover;
}
.pairs .box-4 {
	background: url(../img/bg-4.jpg) no-repeat;
	background-size: cover;
}
.pairs .box-5 {
	background: url(../img/bg-5.jpg) no-repeat;
	background-size: cover;
}
.pairs .box-6 {
	background: url(../img/bg-6.jpg) no-repeat;
	background-size: cover;
}

.brand {
	padding: 56px 0 8px;
	overflow: hidden;
}

.brand .holder-tab {
	max-width: 572px;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #6D6E70;
	box-sizing: border-box;
	padding: 17px 35px 0 5px;
}
.brand .form {
	width: 50%;
	float: left;
}
.brand h3 {
	font-size: 16px;
	line-height: 20px;
	color: #6D6E70;
	font-weight: 700;
	margin: 0 0 13px;
}
.brand .holder-tab p {
	margin: 0 0 8px;
}
.brand .tabs .ui-tabs-nav {
	margin: 0 -25px 33px;
}
.brand .tabs .ui-tabs-nav li {
	margin: 0 25px !important;
}
.brand .holder-tab ul {
	margin: 23px 0 22px;
}
.brand .holder-tab ul li {
	margin: 0 0 11px;
	min-height: 30px;
	padding: 0 0 0 46px;
	position: relative;
}
.brand .holder-tab ul li figure {
	display: inline-block;
	vertical-align: middle;
	border: #A0A2A5 solid 1px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19px;	
}

.brand .holder-tab .col {
	float: left;
	margin: 0 0 10px 0;
	width: 177px;
}
.brand .holder-tab .col:last-child {
	margin-right: 0;
}
.brand .holder-tab .col a {
	display: block;	
	overflow: hidden;
	color: #6D6E70;
}
.brand .holder-tab .col a:hover {
	text-decoration: none;
}
.brand .holder-tab .col a figure:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	background: #26A3DA url(../img/magnifier.svg) no-repeat 50%;
	border-radius: 5px;
	margin: -18px 0 0 -16px;
}
.brand .holder-tab .col a figure {
	display: inline-block;
	vertical-align: top;
	border: #26A3DA 3px solid;
	border-bottom: #26A3DA 4px solid;
	margin: 0 0 2px;
	position: relative;
}
.brand .holder-tab .col p {
	margin: 0 0 5px;
}
.brand .holder-tab .col span {
	clear: both;
	display: block;
}
.brand form {
	background: #58595B url(../img/bg-form-2.png) no-repeat 50% 100%;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.3);
	float: left;
	max-width: 360px;
	padding: 30px 40px 101px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
}
.brand form p {
	text-align: center;
	margin: 0 -20px 29px;
}
.brand form h3 {
	color: #FFFF00;
	margin: 0 -40px 17px;
	text-align: center;
}
.brand form label {
	display: block;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
	margin: 0 0 3px;
	text-align: left;
}
.brand form .text {
	display: block;
	box-sizing: border-box;
	border: #fff solid 1px;
	border-radius: 10px;
	width: 100%;
	background: none;
	height: 37px;
	line-height: 37px;
	padding: 0 15px;
	color: #fff;
	margin: 0 0 11px;
	text-align: left;
}
.brand form .text.error {
	border-color: #FF0004;
}
.brand form .btn-shadow,
.brand form .btn-shadow-dark {
	margin: 20px 0 0;
	padding: 10px 21px;
}

.manufacturer {
	background: #00AEFF;
	padding: 52px 0 0;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	overflow: hidden;
}
.manufacturer h2 {
	text-align: left;
	color: #fff;
	background: url(../img/attention.png) no-repeat 0 50%;
	min-height: 64px;
	padding: 0 0 0 92px;
	line-height: 32px;
	margin: 0 0 29px;
}
.manufacturer .holder-row {
	position: relative;
}
.manufacturer .row-bottom {
	position: relative;
	z-index: 3;
	overflow: hidden;
	text-align: center;
	background: #00AEFF url(../img/img-5.png) no-repeat 50% 100%;
	min-height: 266px;
	padding: 0 0 100px;
}
.manufacturer .row-bottom:after {
	position: absolute;
	content: '';
	left: -40px;;
	right: -40px;
	bottom: 0;
	height: 100px;
	-webkit-box-shadow: inset 0 -35px 40px rgba(0,0,0,0.3);
	box-shadow: inset 0 -35px 40px rgba(0,0,0,0.3);
	
}
.manufacturer .row-bottom p {
	margin: 0 0 17px;
}
.manufacturer .row-bottom .btn-shadow {
	background: #FFD900 url(../img/ico-15.svg) no-repeat 17px  100%;
	color: #58595B;
	padding: 10px 37px 11px 63px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
}
.manufacturer .row-bottom .btn-shadow:hover {
	background: #FFA900 url(../img/ico-16.svg) no-repeat 17px 100%;
	color: #fff;
}
.manufacturer .row-bottom .btn-shadow:active {
	background: #C46100 url(../img/ico-16.svg) no-repeat 17px 100%;
	color: #fff;
}
.manufacturer .row-bottom .icon {
	border: #fff solid 1px;
	border-radius: 100%;
	width: 58px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	background: #00AEFF;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 12px;
}
.manufacturer .holder-row:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 199px;
	background: url(../img/border.png) repeat-y;
	width: 2px;
	height: 100%;
	margin-left: -2px;
	
}
.manufacturer .col {
	float: left;
	width: 50%;
	box-sizing: border-box;
	position: relative;
	padding-left: 80px;
}
.manufacturer .row:nth-child(even) .col:first-child {
	float: right;
}
.manufacturer .row:nth-child(even) .col:last-child {
	float: left;
}
.manufacturer .row:nth-child(even) .col:last-child {
	padding-left: 0;
}
.manufacturer .row:nth-child(even) .col:last-child ul {
	padding: 0;
}
.manufacturer .row:nth-child(even) .col:last-child .icon {
	left: auto;
	right: -31px;
}
.manufacturer .col ul {
	padding: 0 0 0 15px;
	margin: 28px 0 16px 0;
	max-width: 300px;
}
.manufacturer .row-2 ul {
	margin: 63px 0 0;
}
.manufacturer .row-2 .col ul li {
	margin: 0 0 34px;
}
.manufacturer .col ul li {
	overflow: hidden;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	display: table;
	width: 100%;
	margin: 0 0 7px;
}
.manufacturer .col ul li span:first-child {
	font-size: 50px;
	color: #FFFF00;
	width: 68px;
}
.manufacturer .col ul li span {	
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	
}
.manufacturer .col .icon {
	border: #fff solid 1px;
	border-radius: 100%;
	width: 58px;
	height: 58px;
	line-height: 58px;
	display: block;
	text-align: center;
	background: #00AEFF;
	position: absolute;
	left: -31px;
	top: 41%;
	margin-top: -27px;
}
.manufacturer .col .img-indent {
	margin: 40px 0 0 -221px;
}
.manufacturer .row-2 .col .img-indent {
	margin: -119px -93px 0 -21px;
}
.manufacturer .row-3 .col .img-indent {
    margin: -65px 0 0 -114px;
}

.manufacturer .holder-img {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 15px;
	max-width: 380px;
}
.manufacturer .row-2 .col .holder-img {
	padding: 0;
}
.manufacturer .holder-img figure,
.manufacturer .holder-img .desc {
	display: table-cell;
	vertical-align: middle;
	height: 85px;
}
.manufacturer .holder-img figure {
	width: 87px;
}
.manufacturer .holder-img .desc {
	padding: 0 0 0 2px;
}
.manufacturer .row {
	margin: 0 0 142px;
}
.manufacturer .row-2 {
	margin: 0 0 164px;
}
.manufacturer .row-3 {
	margin: 0 0 39px;
}
.review {
	padding: 56px 0 68px;
	font-size: 14px;
	line-height: 17px;
	color: #6D6E70;
}
.review h2 {
	margin: 0 0 58px;
}
.review .col {
	float: left;
}
.review .col-left {
	float: left;	
}
.review .col-left a {
	display: block;
	text-align: center;
	color: #6D6E70;
	font-size: 14px;
	line-height: 17px;
}
.review .col-left a:hover {
	text-decoration: none;
}
.review .col-left a figure {
	border: #fff solid 8px;
	border-bottom: #fff solid 12px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	margin: 25px 10px 10px;
	position: relative;
}
.review .col-left a figure:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 82px;
	height: 82px;
	background: #26A3DA url(../img/magnifier.svg) no-repeat 50% 50% /58px  auto;
	border-radius: 10px;
	margin: -45px 0 0 -43px;
}
.review .col-right {
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 0 0 49px;
	font-style: italic;
	line-height: 30px;
}
.review .col-right p {
	margin: 0 0 2px;
}
.review .title {
	font-style: normal;
	margin: 0 0 20px;
	overflow: hidden;
	line-height: 17px;
}
.review .title .icon {
	border: #818181 solid 1px;
	width: 39px;
	height: 39px;
	line-height: 38px;
	text-align: center;
	border-radius: 100%;
	float: left;
}
.review .title .icon img {
	vertical-align: middle;
}
.review .title .desc {
	overflow: hidden;
	padding: 0 0 0 17px;
	font-weight: 700;
}
.review .title p {
	margin: 0 0 7px;
}
.review .slider-review {
	padding: 0 85px;
	margin: 0 0 38px;
}
.review .slider-review .slick-prev {
	background: url(../img/prev-2.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -27px 0 0;
}
.review .slider-review .slick-next {
	background: url(../img/next-2.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -27px 0 0;
}
.review .holder-nav {
	text-align: center;
	position: relative;
}
.review .holder-nav:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 13px;
	height: 13px;
	margin: -6px 0 0 -1px;
	border-radius: 100%;
	background: #A0A2A5;
}
.review .holder-nav a {
	display: inline-block;
	vertical-align: top;
	margin: 0 29px;
	text-decoration: underline;
	cursor: pointer;
	color: #6D6E70;
}
.review .holder-nav a:hover {
	text-decoration: none;
}
.holder-pairs {
	background: #E1E6E6;
	padding: 63px 0 78px;
	color: #6D6E70;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	overflow: hidden;
}
.holder-pairs h2 {
	margin: 0 0 80px;
}
.holder-pairs figure {
	display: inline-block;
	vertical-align: top;
	width: 108px;
	height: 108px;
	border-radius: 100%;
	/*background: #fff;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);*/
	text-align: center;
	line-height: 66px;
	margin: 0 0 15px;
}
.holder-pairs figure img {
	vertical-align: middle;
}
.holder-pairs .slider-pairs {
	padding: 0 45px 0;
}
.holder-pairs .slider-pairs .slick-prev {
	background: url(../img/prev.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: -18px;
	top: 50%;
	margin: -49px 0 0;
	z-index: 9;
}
.holder-pairs .slider-pairs .slick-next {
	background: url(../img/next.svg) no-repeat;
	width: 54px;
	height: 59px;
	border: none;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: -18px;
	top: 50%;
	margin: -49px 0 0;
	z-index: 9;
}
.bid {
	text-align: center;
	background: url(../img/bg-bid.jpg) no-repeat 0 0;
	background-size: cover;
	padding: 81px 0 70px;
}
.bid h2 {
	color: #fff;
	line-height: 27px;
	margin: 22px 0 29px;
}
.bid .btn-shadow-dark {
	padding: 10px 93px 11px;
}
.contact {
	background: #E1E6E6;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	color: #58595B;
	padding: 0 0 35px;
}
.contact p {
	margin: 0 0 9px;
}
.contact .holder-map {
	position: relative;
}
.contact .map {
	background: url(../img/map.jpg) no-repeat 50%;
	position: relative;
	height: 401px;
	margin: 0 0 34px;
	background-size: cover;
}
.contact .holder-map address {
	position: absolute;
	right: 0;
	top: 0;
	width: 40.3%;
	height: 100%;
	background: rgba(0,76,129,0.88);
	text-align: left;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	padding: 44px 47px 0;
	z-index: 9;
}
.contact .holder-map address h2 {
	text-align: left;
	color: #fff;
	margin: 0 0 41px;
}
.contact .holder-map address ul {
	margin: 0 0 20px;
}
.contact .holder-map address a {
	color: #fff;
	text-decoration: none;
}
.contact .holder-map address p {
	margin: 0 0 2px;
}
.contact .holder-map address p a {
	text-decoration: underline;
	font-size: 12px;
	line-height: 15px;
}
.contact .holder-map address p a:hover {
	text-decoration: none;	
}
.contact .holder-map address .holder-link {
	margin: 44px 0 0;
}
.contact .btn-shadow-dark {
	padding: 10px 73px 11px;
	background: #00AEFF;
}
.contact .btn-shadow-dark:hover {
	background: #00D4FF;
}
.contact .btn-shadow-dark:active {
	background: #007AC4;
}
#footer {
	background: #404041;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	padding: 18px 0 0;
}
#footer .row {
	padding: 0 0 15px;
}
#footer .col {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#footer .col:last-child {
	text-align: right;
}
#footer .col figure {
	display: inline-block;
	vertical-align: top;
	margin: 6px 10px 10px 0;
}
#footer .col .desc {
	display: inline-block;
	vertical-align: top;
	margin: 6px 0 0;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
}
#footer .row-bottom {
	text-align: center;
	background: #fff;
	color: #58595B;
	padding: 21px 0 30px;
}
#footer .row-bottom p {
	margin: 0 0 5px;
}
#footer .row-bottom em {
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
}
#footer .row-bottom em a {
	color: #00BDF1;
}

.popup,
.popup-successfully {	
	width: 794px;	
	text-align: center;
	font-weight: 300;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	display: none;
}
.popup .popup-content,
.popup-successfully .popup-content {
	position: relative;
	border: #fff solid 1px;
	background: #231F20;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	overflow: hidden;
	padding: 23px 15px 20px;
	margin: 0 0 2px;
}
.popup.popup-price {
	width: 800px;
	text-align: right;
}
.popup.popup-price .b-close {
    right: 11px;
    top: 11px;
}
.popup.popup-price .popup-content {
	text-align: left;
	padding: 33px 32px 26px;
}
.popup.popup-price .popup-content h2 {
	text-align: left;
	margin: 0 0 12px;
}
.popup.popup-price .popup-content .row .col {
	float: left;
	width: 50%;
	font-weight: 400;
	box-sizing: border-box;
}
.popup.popup-price .popup-content .row .col:first-child {
	padding-right: 35px;
}
.popup.popup-price .popup-content .row .col:last-child {
	padding-left: 83px;
	padding-top: 10px;
}
.popup.popup-price .popup-content .row .col:last-child p {
	margin: 0 0 12px;
}
.popup.popup-price .popup-content .row .col p {
	margin: 0 0 17px;
}
.popup.popup-price .popup-content .row .col .holder-text {
	border-bottom: #fff solid 1px;
	padding: 0 0 8px;
	margin: 0 0 16px;
}
.popup.popup-price form {
	text-align: right;
	font-weight: 300;
}
.popup.popup-price .popup-content .row .col:last-child form p {
	margin: 0 0 0;
}
.popup.popup-price .btn-shadow-dark {
	margin: 19px 0 21px;
	padding: 11px 25px 10px;
}
.popup .popup-content p {
	margin: 0 0 32px;
}
.popup .b-close,
.popup-successfully .b-close {
	position: absolute;
	content: '';
	right: 16px;
	top: 14px;
	background: url(../img/close.svg) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	display: block;
}
.popup h2 {
	font-size: 16px;
	color: #E4E51B;
	margin: 0 0 26px;
	line-height: 20px;
}
.popup form {
	max-width: 282px;
	margin: 0 auto;
}
.popup form label {
	display: block;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	font-weight: 400;
	margin: 0 0 3px;
}
.popup form input.text {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: #fff solid 1px;
	border-radius: 13px;
	background: none;
	text-align: left;
	font-weight: 400;
	height: 37px;
	line-height: 37px;
	margin: 0 0 3px;
	padding: 0 15px;
	color: #fff;
}
.popup form.valid-form input.text.error {
	border-color: #FF0004;
}
.popup .popup-content form p {
	font-weight: 300;
	margin: 0;
}
.popup a {
	color: #fff;
	text-decoration: none;
}
.popup a:hover {
	text-decoration: underline;
}
.popup .btn-shadow-dark {
	margin: 29px 0 12px;
	padding: 11px 44px 10px;
}

.popup-successfully {
	width: 400;
	text-align: center;
}
.popup-successfully span {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #E4E51B;
}
.popup-successfully p {
	margin: 0 0 11px;
}
.popup-successfully .popup-content {
	padding: 54px 70px 49px;
}
.popup.popup-error {
	width: 400px;
}
.popup.popup-error .popup-content {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 40px 30px 32px;
}
.popup.popup-error .popup-content img {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 17px;
}