@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=cyrillic');
@import url('../css/services.css');

@font-face {
  font-family: BebasNeueBold;
  src: url('../fonts/BebasNeueBold.eot');
  src: url('../fonts/BebasNeueBold.woff2') format('woff2'),
       url('../fonts/BebasNeueBold.woff') format('woff'),
       url('../fonts/BebasNeueBold.ttf') format('truetype'),
       url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg'),
       url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: PalatinoLinotype-Bold;
  src: url('../fonts/PalatinoLinotype-Bold.eot');
  src: url('../fonts/PalatinoLinotype-Bold.woff2') format('woff2'),
       url('../fonts/PalatinoLinotype-Bold.woff') format('woff'),
       url('../fonts/PalatinoLinotype-Bold.ttf') format('truetype'),
       url('../fonts/PalatinoLinotype-Bold.svg#PalatinoLinotype-Bold') format('svg'),
       url('../fonts/PalatinoLinotype-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Oranienbaum;
  src: url('../fonts/Oranienbaum.eot');
  src: url('../fonts/Oranienbaum.woff2') format('woff2'),
       url('../fonts/Oranienbaum.woff') format('woff'),
       url('../fonts/Oranienbaum.ttf') format('truetype'),
       url('../fonts/Oranienbaum.svg#Oranienbaum') format('svg'),
       url('../fonts/Oranienbaum.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


*, :before, :after{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol, ul {list-style: none;}
:focus {	outline: 0;}
::-webkit-input-placeholder{text-indent: 0px;   transition: text-indent 0.3s ease;font-family: inherit;}
::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-family: inherit;}/* Firefox 19+ */
:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-family: inherit;}/* Firefox 18- */
:-ms-input-placeholder{ text-indent: 0px;   transition: text-indent 0.3s ease;font-family: inherit;}
:focus::-webkit-input-placeholder{ text-indent: -500px; transition: text-indent 0.3s ease;}
:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder{ text-indent: -500px;   transition: text-indent 0.3s ease;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label, input:not([[type="checkbox"]]), 
input:not([[type="radio"]]) , button{
	-webkit-appearance:none;
	font-family: inherit;
}
label, input[type="submit"], button{cursor:pointer;}
img{border: none;}
html{font-size: 100%;}

body{
	background: #fff;
	font: 400 14px/17px 'Open Sans', sans-serif;
	color: #3e4352;
}
#wrap{overflow: hidden;}
a:hover, a:focus{color: #0095a4;}
p{margin-bottom: 18px;}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
textarea{
	display: block;
	width: 100%;
	padding: 12px 10px;
	font-size: 18px;
	border: 1px solid #a1a1a1;
	color: #2d2d2d;
}
.error{border-color: #e74c3c !important;}
textarea{
	resize: none;
	height: 62px;
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	padding: 10px;
}
h1{
	font: 400 24px/24px Oranienbaum;
	color: #000;
	margin: 0 0 27px;
}
.product-info h1{
	border-bottom: 1px solid #000;
	display: inline-block;
}
.title{
	font: 400 48px/55px Oranienbaum;
	color: #3e4352;
	text-transform: uppercase;
	margin: 0 0 35px;
}
.title a{
	color: #3e4352;
	text-decoration: underline;
	text-transform: none;
}
.title a:hover{
	text-decoration: none;
	color: #0095a4;
}
.wrap-links{
	font: 400 16px/20px "Open Sans", sans-serif;
	margin: 20px 0 -12px;
	letter-spacing: 1.5px;
}
.title-border{
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	letter-spacing: 2.5px;
	padding-bottom: 42px;
    margin: 68px 0 77px;
}
.title-border:after{
	content: "";
	display: block;
	background: url(../img/sprites.png) -150px -150px no-repeat;
	width: 16px;
	height: 25px;
	bottom: -13px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
.title>span{
	font: 400 16px/20px "Open Sans", sans-serif;
	color: #a8a8a8;
	display: block;
    letter-spacing: 1.5px;
    margin-top: 4px;
}
.title>span.text-small{
	text-transform: none;
	color: #3e4352;
	letter-spacing: 0;
	font-size: 14px;
	margin-top: 11px;
    line-height: 18px;
}
.title-border-clear{
	margin: 0 0 48px;
	padding: 0;
}
.title-border-margin{
	margin: 27px 0 69px;
	letter-spacing: 0;
}
.title-border-light{
	color: #0ac1d3;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 37px;
}
.title-border-light span{color: #fff;}
.title-middle-border, .title-middle{
	font-size: 24px;
	line-height: 30px;
}
.title-middle-border{
    margin: 69px 0 42px;
    padding-bottom: 8px;
	border-bottom: 1px solid #e1e1e1;
	text-transform: none;
}
.title-middle-border-margin{margin-top: 7px;}
.title-inline{
	color: #fff;
	display: inline-block;
	position: relative;
	padding-right: 82px;
	font-size: 42px;
	letter-spacing: 1px;
	margin-bottom: 21px;
}
.title-inline span{
	display: block;
	font-size: 14px;
	line-height: 15px;
	text-transform: none;
	font-family: "Open Sans";
	margin-top: -11px;
}
.title-inline span.text-small{
	font-size: 12px;
	letter-spacing: 0;
	text-align: right;
	margin: 0 9px 0 0;
}
.title-inline .sprites{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.title-small{
	font-size: 17px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 25px;
}
.text-red{color: #c00e2b;}
.text-blue{color: #0ac1d3;}
.title-smaller{
	font-size: 18px;
	color: #000;
	margin: 6px 0;
}





/* btn */
.btn{
	border-radius: 0;
	-webkit-transition: color, background 0.3s linear;
	-o-transition: color, background 0.3s linear;
	transition: color, background 0.3s linear;
}
.btn-sm{
	min-width: 113px;
	padding: 4px 10px;
}
.btn-white{
	background: #fff;
	border: 1px solid #878787;
	color: #575757;
}
.btn-white:hover, .btn-white:focus{
	background: #878787;
	color: #fff;
}
.btn-dark{
	color: #fff;
	background: #3e4352;
	border: 1px solid #3a3d43;
}
.btn-dark:hover, .btn-dark:focus{
	background: #273152;
	color: #fff;
}
.btn-radius{
	font-size: 14px;
	border-radius: 5px;
	padding: 4px 7px 5px;
    min-width: 155px;
    letter-spacing: -0.5px;
}
.btn-blue, .btn-blue-white{
	background: #00edff;
	color: #000;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue-white:hover, .btn-blue-white:focus{
	background: #00b0bd;
}
.btn-blue-white, .btn-blue-white:hover, .btn-blue-white:focus{color: #fff;}
.btn-transparent{
	background: none;
	font: 400 24px/20px BebasNeueBold;
	text-transform: uppercase;
	border: 1px solid rgba(255,255,255, 0.7);
	color: #fff;
	padding: 14px 20px 12px;
	min-width: 189px;
	letter-spacing: 5px;
}
.btn-transparent:hover, .btn-transparent:focus{
	color: #fff;
	background: #3e4352;
}
.btn-red{
	font-size: 24px;
	background: #c00e2b;
	padding: 4px 12px 10px;
	color: #fff;
}
.btn-red-middle{
	font-size: 20px;
	padding: 9px 40px 11px;
}
.btn-red:hover, .btn-red:focus{
	background: #3e4352;
	color: #fff;
}
.btn-red-form{
	font-size: 24px;
	background: #c30508;
	padding: 4px 30px 10px;
	color: #fff;
}
.btn-red-form:hover, .btn-red-form:focus{
	color: #fff;
	background: #6cd3dd;
}
.btn-big{
	font-size: 24px;
    padding: 6px 53px 12px;
}
.btn-middle{
	font-size: 18px;
	padding: 8px 30px 11px;
}
.btn-lg{
	font-size: 20px;
	font-weight: 600;
    letter-spacing: 2px;
    padding: 14px 94px 19px;
    max-width: 100%;
}
.btn{}


/* header */
header{
	-webkit-box-shadow: inset 0px -15px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    inset 0px -15px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         inset 0px -15px 15px 0px rgba(0, 0, 0, 0.1);
}
.logo{
	float: left;
	position: relative;
}
.logo a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.logo .text-blue{color: #15b8c9;}
.logo-image{
    padding: 24px 26px 5px;
	background: #3e4352;
	display: inline-block;
	margin-right: 33px;
	font-size: 9px;
	color: #fff;
	text-align: center;
	line-height: 12px;
	border: 1px solid #3a3b3f;
	border-top: none;
	position: relative;
}
.logo-image img{
	display: block;
	margin-bottom: 3px;
}
.logo-image a{color: #fff;}
.catalogue{
	display: block;
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	font-size: 11px;
	text-transform: uppercase;
	background: #3e4352;
	color: #fff;
	padding: 11px 10px 12px;
	letter-spacing: 2px;
}
.catalogue:hover{
	text-decoration: none;
	background: #00bccd;
	color: #fff;
}
.logo-text{
	font: 400 44px/50px PalatinoLinotype-Bold;
	color: #24283e;
	display: inline-block;
	vertical-align: top;
	padding-top: 48px;
}
.logo-text:hover{color: #24283e;}
.contacts{
	position: relative;
	float: left;
	margin-left: 33px;
	padding-left: 68px;
	margin-top: 58px;
}
.contacts:before{
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 0;
	background: url(../img/sprites.png) -100px 0 no-repeat;
	width: 60px;
	height: 53px;
}
.contacts_vk{
	position: relative;
	float: left;
	margin-left: 25px;
	padding-left: 55px;
	margin-top: 58px;
}
.contacts_vk:after{
	content: "";
	display: block;
	position: absolute;
        float: right;
	top: -6px;
	left: 0;
	background: url(../img/vk-aqua.png) no-repeat;
	width: 55px;
	height: 55px;
}
.contacts .text-blue{color: #0095a4;}
.contacts p{margin-bottom: 3px;}
.contacts a[href^="tel"]{
	color: #24283e;
	font-size: 18px;
	font-family: PalatinoLinotype-Bold;
	letter-spacing: 4px;
}
.contacts a[href^="mailto"]{
	letter-spacing: 3px;
	color: #3a3a3a;
	font-size: 12px;
}
.wrap-basket{
	float: right;
	margin-top: 48px;
}
.basket{
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 7px;
	margin-bottom: 11px;
}
.caret{
	color: #0097a7;
	border-width: 6px 4px;
    margin: 4px 0 0 4px;
}
.basket{
	font-size: 12px;
	color: #000;
}
.basket .text-blue{
	font-size: 14px;
	font-weight: 600;
}
.basket>.text-blue{color: #30929b;}
.basket>a {
	color: #131313;
	display: inline-block;
	margin-left: 13px;
}
.basket a .text-blue{
	color: #0097a7;
	margin-left: 2px;
}
.wrap-basket>.btn{margin-right: 3px;}
.basket .dropdown-menu{
	width: 960px;
	left: auto;
	right: 0;
	border: none;
	margin-top: 1px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.33);
	-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.33);
	box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.33);
	padding: 24px 0;
}
.basket-table{
	font-size: 13px;
	width: 100%;
	color: #333333;
}
.basket-table th{
	font-weight: 600;
	border-bottom: 1px solid #e1e1e1;
    padding: 11px 10px 5px;
    letter-spacing: -0.5px;
}
.basket-table td:first-child{padding-left: 40px;}
.basket-table th:first-child{
	padding-left: 43px;
	font-size: 14px;
}
.basket-table td{
	padding: 20px 10px 13px;
	vertical-align: middle;
}
.basket-table tbody p a{
	font-size: 14px;
	color: #000;
}
.basket-table .i-drop{
	position: relative;
	margin-left: 4px;
    bottom: -15px;
}
.basket-table p a:hover, .basket-table p a:focus{color: #0095a4;}
.basket-table p{margin: 0;}
.basket-image{
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 2px;
}
.basket-image:hover{opacity: 0.7;}
.basket-price{
	font-size: 16px;
	white-space: nowrap;
}
.basket-price span{font-size: 12px;}
.basket-table tfoot{text-align: right;}
.basket-table tfoot td{padding: 53px 12.8% 5px 0;}
.summ{
	display: inline-block;
	margin-left: 39px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.5px;
	float: right;
}
.summ .basket-price{
	font-size: 20px;
	font-weight: 400;
	margin-left: 5px;
}
.summ .basket-price span{font-size: 14px;}
.basket-table tfoot .btn+.btn{margin-left: 11px;}

/* preview */
.preview{
	background: #333 url(../img/bg-preview.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 74px 0 79px;
	color: #fff;
}
.preview-home{
	padding: 73px 0 33px;
	background: #333 url(../img/bg-preview-home.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}
.navbar-nav>li>a{
	font-size: 16px;
	color: #fff;
	padding: 0;
	-webkit-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.nav>li>a:hover, .nav>li>a:focus{
	color: #00edff;
	background: none;
}
.nav>li{margin-left: 16px;}
#navbar{
	padding: 0;
	float: right;
}
.navbar-toggle{
	margin-right: 0;
	border-color: #fff;
}
.navbar-toggle .icon-bar{background: #fff;}
.preview-text{
	text-align: right;
	padding-top: 152px;
}
.preview-title{
	text-transform: uppercase;
	font: normal 60px/60px BebasNeueBold;
	margin: 0 0 16px;
	letter-spacing: 12.5px;
	color: #fff;
}
.color-box{
	color: #fff;
	display: inline-block;
	padding: 15px 15px 12px 61px;
	background: #3e4352;
	position: relative;
	font: 400 20px Arial, sans-serif;
	margin-bottom: 14px;
}
.color-box:before{
	content: "";
	display: block;
	background: url(../img/sprites.png) -150px -150px no-repeat;
	width: 16px;
	height: 25px;
	top: -7px;
	left: -7px;
	position: absolute;
}
.color-box span{margin-right: 6px;}
.preview-text .text-blue{
	text-transform: uppercase;
	font: 400 72px/83px Oranienbaum;
	color: #00edff;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.preview-text .btn+.btn{margin-left: 7px;}
.preview-form{
	position: relative;
	margin-top: 40px;
	padding: 0 9px;
}
.preview-form:before{
	content: "";
	display: block;
	position: absolute;
	top: 84px;
	left: -125px;
	right: -125px;
	border-top: 1px solid #fff;
}
.preview-form-title{
	padding-top: 18px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font: 700 40px/40px Oranienbaum;
	letter-spacing: 1px;
}
.preview-form-title span{
	text-transform: none;
	position: absolute;
	left: 187px;
	top: 2px;
	font: 400 12px/15px "Open Sans", sans-serif;
	letter-spacing: 0;
}
.preview-form .i-info{
	margin: -14px 0 -19px 7.5%;
    vertical-align: bottom;
    position: relative;
    top: -10px;
	z-index: 2;
}
.preview-form-block{padding: 3px 0;}
.preview-form-block input{
	width: 21.5%;
    margin-right: 1%;
    float: left;
    min-height: 50px;
}
.preview-form-block .middle-input{width: 24%;}
.preview-form-block .large-input{
	width: 37.2%;
	margin-right: 0.3%;
}
.preview-form-block .btn{width: 15%;}

/* services */
.services{padding-top: 52px;}
.wrap-services{font-size: 0;}
.wrap-services>div{
	display: inline-block;
	vertical-align: top;
	float: none;
}
.services-block{
	font-size: 15px;
	text-align: center;
	margin-bottom: 133px;
	position: relative;
	padding-left: 18%;
}
.services-block .title-services{
	min-height: 40px;
	margin-bottom: 28px;
}
.services-block .sprites{
	position: absolute;
	top: 0;
}
.services-block .i-services-1{
	top: 3px;
	left: 2px;
}
.services-block .i-services-2{left: 14px;}
.services-block .i-services-3{left: 19px;}
.services-block .i-services-4{
	left: -3px;
	top: -1px;
}
.services-block .i-services-5{
	top: -9px;
	left: 9px;
}
.services-block .i-services-6{
	top: -16px;
    left: 20px;
}

/* about */
.about{padding: 61px 0 55px;}
.about-text{
	float: left;
	width: 49%;
	position: relative;
	font-size: 18px;
	line-height: 26px;
    padding: 0 3% 0 13px;
}
.about-text:after{
	content: "";
	display: block;
	position: absolute;
    top: 21.5%;
    bottom: 0;
	right: 2px;
	border-left: 1px solid #c8c8c8;
}
.about-text p{margin-bottom: 26px;}
.info-list{margin-top: 92px;}
.info-list li{margin-bottom: 17px;}
.about-image{
	float: left;
	width: 52%;
	margin-right: -1%;
	padding: 97px 0 0 13px;
}

/* consultation */
.consultation{
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	padding: 96px 0 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c3c7a+0,57caeb+100 */
	background: #2c3c7a; /* Old browsers */
	background: -moz-linear-gradient(left, #2c3c7a 0%, #57caeb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2c3c7a 0%,#57caeb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2c3c7a 0%,#57caeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3c7a', endColorstr='#57caeb',GradientType=1 ); /* IE6-9 */
}
.consultation p{margin-bottom: 47px;}

/* item */
.wrap-catalogue{margin: 169px 0 80px;}
.wrap-catalogue .title-border{
	padding-bottom: 24px;
    margin-bottom: 46px;
}
.catalogue-block{font-size: 0;}
.catalogue-block>div{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.wrap-item-slider .title-border{
	padding-bottom: 23px;
	letter-spacing: 0;
}
.wrap-item-slider .title-border span{margin-top: 16px;}
.item-block{
	font-size: 18px;
	color: #fff;
	max-width: 360px;
	margin: auto;
	line-height: 22px;
	margin-bottom: 30px;
}
.item-slider .item-block{
	margin: 0 auto;
	max-width: 370px;
	padding: 0 5px;
}
.item-block a{color: #000;}
.item-block a:hover{color: #337ab7;}
.item-image{
	position: relative;
	margin-bottom: 30px;
}
.item-slider .item-image{margin-bottom: 26px;}
.hover-block, .item-image:before, .hover-block:before{
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.hover-block{
	z-index: 2;
	background: #363636;
	height: 59px;
	left: 15px;
	right: 15px;
	width: 253px;
	padding-top: 17px;
	text-align: center;
	top: 10%;
}
.hover-block:before{
	content: "";
	opacity: 1;
	width: 1px;
	height: 26px;
	background: #aeaeae;
}
.hover-block .sprites{margin: 0 12px;}
.hover-block .o-basket{margin: 2px 22px 0 1px;}
.hover-block .sprites:hover{opacity: 0.6;}
.item-image:hover .hover-block{opacity: 1;}
.item-image:before{
	content: "";
	display: block;
	z-index: 1;
	-webkit-transition: all 0.3 linear;
	-o-transition: all 0.3 linear;
	transition: all 0.3 linear;
	opacity: 0;
	background: #fff;
}
.item-image:hover:before{opacity: 0.72;}
.price{
	border-top: 1px solid #363636;
	padding: 11px;
	font: 700 24px PalatinoLinotype-Bold;
	color: #363636;
	text-align: right;
}
.price span{font-size: 14px;}
.item-slider{
	margin-bottom: 66px;
	padding: 0 11px;
}
.slick-arrow{
	position: absolute;
	top: -21%;
	bottom: 0;
	margin: auto;
	display: block;
	border: 1px solid #e0e0e0;
	background: url(../img/sprites.png) -100px -200px no-repeat;
	width: 34px;
	height: 34px;
	font-size: 0;
}
.slick-prev{left: -46px;}
.slick-next{
	right: -46px;
	background-position: -150px -200px;
}
.slick-arrow:hover{background-color: #363636;}
.slick-prev:hover{background-position: 0 -200px;}
.slick-next:hover{background-position: -50px -200px;}
.type-block{margin: 50px 0;}
.type-list li{margin-bottom: 10px;}
.type-list a{
	color: #000;
	display: inline-block;
    padding: 2px 12px 2px 8px;
	font-size: 18px;
}
.type-list a:hover, .type-list .active a{
	color: #fff;
	text-decoration: none;
	background: #3e4352;
}
.wrap-item-slider-small{padding-top: 22px;}
.proposition-slider+.wrap-item-slider-small{padding-top: 5px;}
.item-slider-small{
	padding: 0 30px;
	margin-bottom: 40px;
}
.item-slider-small .slick-slide{padding: 0 5px;}
.item-slider-small .slick-arrow{top: -32%;}
.item-slider-small .slick-prev, .proposition-slider .slick-prev{left: -6px;}
.item-slider-small .slick-next, .proposition-slider .slick-next{right: -6px;}
.item-block-small{
	max-width: 254px;
	margin: auto;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}
.item-block-small .price{
	font-size: 17px;
	padding: 8px 0;
}
.item-block-small .price span{font-size: 10px;}
.item-block-small .item-image{margin-bottom: 22px;}
.item-block-small p{margin-bottom: 10px;}


/* advantages */
.advantages{
	background: #353839 url(../img/bg-advantages.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	padding: 69px 0 130px;
}
.advantages-left{
	float: left;
	width: 29%;
	text-align: right;
}
.advantages-center{
	float: left;
	width: 42.5%;
    margin-top: -5px;
    padding: 0 15px;
}
.advantages-right{
	float: left;
	width: 28.5%;
}
.advantages-block{
	margin-bottom: 117px;
	min-height: 165px;
}
.advantages-block .title-small{
	font-size: 16px;
	margin-bottom: 27px;
}
.num{
	margin-bottom: 29px;
	font-size: 34px;
	color: #00b2c4;
	line-height: 19px;
}

/* review */
.review .title-border{margin-top: 60px;}
.review-slider{
	padding: 0 20%;
    margin: -3px 0 23px;
}
.review-block{
	text-align: center;
	line-height: 26px;
}
.review-image{
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
    margin: 26px 0 5px;
}

/* breadcrumb */
.wrap-breadcrumb{margin: 22px 0;}
.breadcrumb{
	background: none;
	border-radius: 0;
	font-family: Oranienbaum;
	font-size: 18px;
	color: #40c4d2;
	margin: 26px 0 5px;
}
.wrap-breadcrumb .breadcrumb{
	float: left;
	margin: 0 0 20px;
}
.breadcrumb>li+li:before{padding: 0 5px 0 3px;}
.breadcrumb a{color: #707070;}
.back{
	float: right;
	font: 400 18px Oranienbaum;
	color: #545966;
	display: inline-block;
    margin-top: 5px;
}

/* services-info */
.services-info p{text-indent: 40px; z-index: 9999;}
.wrap-service-price{
	position: relative;
	padding: 46px 25% 85px;
	margin-bottom: 20px;
	text-align: center;
	z-index: 1;
}
.service-image{
	position: absolute;
	right: 3%;
    top: -14px;
    width: 25%;
    z-index: -9999;
}
.service-price{
	display: inline-block;
	font-size: 24px;
	text-align: center;
	border-bottom: 1px solid #3e4352;
	text-transform: uppercase;
	line-height: 30px;
}
.service-price span{
	font-size: 18px;
	text-transform: none;
}
.logo-small{
	font: 700 24px/24px PalatinoLinotype-Bold;
	margin-bottom: 19px;
}
.logo-small .text-blue{color: #15b8c9;}

/* form-block */
.form-block{
	background: #3e4352 url(../img/bg-form.jpg) 100% 100% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	padding: 64px 0 50px;
}
.form-phone{
	margin-top: 51px;
	text-align: right;
	font: 400 27px Oranienbaum;
	letter-spacing: 0.5px;
}
.form-phone a{color: #fff;}
.form-block .row{margin: 0 -7px;}
.form-block .row>div{padding: 0 7px;}
.form-block p{margin-bottom: 15px;}
.add{
	display: inline-block;
	font: 400 27px/22px Oranienbaum;
	color: #0ac1d3;
	font-style: italic;
	margin: 21px 0;
    letter-spacing: 2px;
}
.add a{
	color: #fff;
	font-style: normal;
	font-size: 13px;
	font-family: "Open Sans";
	letter-spacing: 0;
	display: inline-block;
	margin-top: 5px;
	text-decoration: underline;
	top: -9px;
	position: relative;
    margin-left: 28px;
}
.add a:hover{text-decoration: none;}

/* proposition-slider */
.proposition-slider{
	text-align: center;
	font-size: 18px;
	line-height: 21px;
    margin: 98px 0 115px;
    padding: 0 5%;
}
.proposition-slider-margin{margin-bottom: 30px;}
.proposition-slider p{margin-bottom: 26px;}
.proposition-slider a{
	font-style: italic;
	color: #05bccc;
}
.proposition-slider .title{margin-bottom: 20px;}
.proposition-slider .slick-arrow{top: -27%;}

/* sertificates */
.sertificates{padding: 35px 0 15px;}
.wrap-sertificates{
	position: relative;
	z-index: 1;
	font-size: 0;
	margin-top: -23px;
}
.border-block{
	position: absolute;
	top: 54px;
	bottom: 32%;
	right: -3.7%;
	left: -3.7%;
	border: 3px solid #c7c8cd;
}
.border-block:before, .border-block:after{
	content: "";
	display: block;
	position: absolute;
	background: url(../img/sprites.png) 0 0 no-repeat;
	background-position: -150px -150px;
	width: 16px;
	height: 25px;
	z-index: 2;
}
.border-block:before{
    top: -15px;
    left: 5.5%;
}
.border-block:after{
	right: 5.5%;
	bottom: -15px;
}
.wrap-sertificates .row>div{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.sertificate-block{
	display: block;
	background: #fff;
	text-align: center;
	color: #545966;
	margin-bottom: 97px;
	font-size: 14px;
}
.sertificate-block:hover img{opacity: 0.7;}
.sertificate-block img{margin-bottom: 24px;}

/* product-block */
.wrap-slider{
	width: 40%;
	float: left;
	min-height: 1px;
}
.slider-nav{margin: 12px 0;}
.slider-nav .slick-slide{padding: 0 4px;}
.slider-nav img{
	width: 105px;
	height: 105px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: auto;
	cursor: pointer;
	max-width: 100%;
    height: auto;
}
.slider-nav img:hover{opacity: 0.8;}
.product-info{
	width: 60%;
	float: left;
	padding-left: 4%;
	min-height: 1px;
}
.compatibility{
	font-size: 18px;
	line-height: 30px;
}
.compatibility span{color: #000;}
.wrap-item-price{
	float: right;
	padding-top: 13px;
}
.item-price{
	color: #c30508;
	font: 400 30px/30px Oranienbaum;
	margin-bottom: 23px;
}
.description{margin-bottom: 27px;}
.characterictics-table{
	color: #000;
}
.characterictics-table td{padding: 3px 70px 3px 0;}
.proposition-block{
	font-size: 18px;
	border-top: 1px solid #3e4352;
	line-height: 24px;
	margin: 11px 0;
}
.proposition-title{
	font: 400 30px/30px Oranienbaum;
	margin: 12px 0 23px;
	color: #cd070d;
}

/* quest-block */
.quest-title{
	text-align: right;
	margin-top: 53px;
	font-size: 16px;
}
.quest-block{
	padding: 8px 1% 0 2.5%;
	margin-bottom: 63px;
}
.question{
	position: relative;
	font-weight: bold;
	margin-bottom: 23px;
	padding-left: 31px;
}
.question:before{
	content: "";
	display: block;
	position: absolute;
    top: 3px;
    left: -5px;
	background: url(../img/sprites.png) -150px -150px no-repeat;
	width: 16px;
	height: 25px;
}
.quest-block p:first-of-type{text-indent: 30px;}
.quest-block p{margin-bottom: 16px;}
ol{
	list-style-type: decimal;
	padding-left: 20px;
}
.list-styling{padding-left: 20px;}
.list-styling li{
	position: relative;
    padding-left: 18px;
    margin-bottom: 17px;
}
.list-styling li:before{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00c9da;
}

/* collapse-block */
.wrap-collapse-blocks{margin-bottom: 141px;}
.wrap-collapse-blocks .title-border{
	padding-bottom: 32px;
	margin-bottom: 62px;
}
.services-title{
	text-align: center;
	font-size: 24px;
	line-height: 25px;
	margin: 36px 0 63px;
}
.panel-group .panel+.panel{margin: 0;}
.services-title span{
	display: inline-block;
	border-bottom: 1px solid #000;
}
.collapse-block{
	margin: 8px 0 17px;
	display: block;
	visibility: visible;
	font-size: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	height: auto !important;
}
.collapse-block-bolder{
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e1e1e1;
}
.collapse-block-inside{padding-left: 18.5%;}
.collapse-block-title, .collapse-block-price, .collapse-block-description, 
.collapse-block-catalogue{
	display: inline-block;
	vertical-align: middle;
	min-height: 1px;
	margin-bottom: 15px;
	font-size: 14px;
}
.collapse-block-title{
	text-transform: uppercase;
	padding-right: 15px;
	width: 32.5%;
	line-height: 24px;
}
.collapse-block-price{
	color: #c00e2b;
	font-weight: 600;
    padding-right: 15px;
    letter-spacing: 1.5px;
  	width: 37.2%;
}
.collapse-block-description{
	width: 32%;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	display: none;
}
.collapse-block-catalogue{
	font-size: 18px;
	text-align: center;
	display: none;
	padding: 0 10px;
	width: 21%;
}
.collapse-block-catalogue a{
	font-size: 14px;
	color: #404554;
}
.collapse-block-button{
	text-align: center;
	background: #58cdd8 url(../img/bg-collapse-block-button.jpg) 50% 0 no-repeat;
	display: none;
	margin: 29px 0 53px;
}
.collapse-block-catalogue p{margin: 0;}
.collapse-block-link{
	font-size: 16px;
	color: #404554;
}
.collapse-block.in .collapse-block-catalogue, 
.collapse-block.in .collapse-block-description{display: inline-block;}
.collapse-block.in .collapse-block-button{display: block;}
.collapse-block.in .collapse-block-link{display: none;}
.collapse-block.in .collapse-block-inside{padding-left: 3%;}
.collapse-block.in .collapse-block-title{
	font-size: 18px;
	width: 24.5%;
}
.collapse-block.in .collapse-block-price{width: 22.5%;}


/* stacktable  */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 30%; padding-right: 1%; }
.st-val { width: 70%; padding-left: 1%; }
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }



/* formstyler */
.jq-number {
	position: relative;
	vertical-align: middle;
	padding: 0 24px 0 0;
	width: 57px;
	border: 1px solid #dddddd;
	border-radius: 5px;
}
.jq-number__field {
	width: 33px;
	border: none;
	border-right: 1px solid #dddddd;
}
.jq-number__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 4px 5px;
	border: none;
	outline: none;
	background: none;
	font: 16px 'Open Sans', sans-serif;
	color: #333333;
	text-align: center;
}
.jq-number__field input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0; /* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}
.jq-number__spin {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
.jq-number__spin.minus {
	top: auto;
	bottom: 0;
}
.jq-number__spin:hover {
	opacity: 0.6;
}
.jq-number__spin:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 7px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #333;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
	top: 2px;
	border-top: 5px solid #333;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
	border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
	border-bottom-color: #000;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number.disabled .jq-number__spin:after {
	border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
	border-top-color: #AAA;
}

/* footer */
footer{
	color: #fff;
	background: #3e4352;
	padding: 37px 0 53px;
	font-size: 14px;
}
footer a{color: #fff;}
footer .container{position: relative;}
.footer-logo{
	position: absolute;
	width: 30%;
    top: -3px;
    left: -2.5%;
	right: 0;
	margin: auto;
}
.footer-logo p{
    margin: -2px 0 2px 17px;
	opacity: 0.12;
	margin-left: 20px;
}
.producer{
	text-align: right;
	font-size: 12px;
	opacity: 0.26;
	margin: -9px 4px 0 0;

}
.footer-logo a{display: block;}
.footer-left{
	float: left;
	width: 35%;
}
.footer-right{
	float: right;
	width: 36%;
	text-align: right;
}
.contacts-list li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 8px;
}
.contacts-list .sprites{
	position: absolute;
	top: 0;
	left: -4px;
}
.contacts-list+.contacts-list{
    margin-top: 21px;
    padding-top: 13px;
	border-top: 1px solid #60636d;
}
.footer-nav{
	border-bottom: 1px solid #60636d;

    margin: 23px 0 17px;
    padding-bottom: 23px;
}
.footer-nav li{
	display: inline-block;
	vertical-align: top;
}
.footer-nav li+li{margin-left: 5px;}
.payment-list li{
	display: inline-block;
	vertical-align: top;
	margin-left: 9px;
}




/* sprites */
.sprites{
	display: inline-block;
	vertical-align: middle;
	background: url(../img/sprites.png) 0 0 no-repeat;
}
.i-info{
	background-position: 0 0;
	width: 84px;
	height: 77px;
}
.i-payment-1{
	background-position: -150px -300px;
	width: 40px;
	height: 24px;
}
.i-payment-2{
	background-position: -150px -250px;
	width: 40px;
	height: 24px;
}
.i-services-1{
	background-position: -50px -150px;
	width: 31px;
	height: 34px;
}
.i-services-2{
	background-position: 0 -150px;
	width: 35px;
	height: 35px;
}
.i-services-3{
	background-position: -100px -100px;
	width: 40px;
	height: 37px;
}
.i-services-4{
	background-position: -100px -150px;
	width: 38px;
	height: 24px;
}
.i-services-5{
	background-position: -50px -100px;
	width: 46px;
	height: 38px;
}
.i-services-6{
	background-position: 0 -100px;
	width: 44px;
	height: 42px;
}
.i-view{
	background-position: -100px -250px;
	width: 28px;
	height: 20px;
}
.i-basket{
	background-position: -50px -250px;
	width: 36px;
	height: 23px;
}
.i-basket-black{
	background-position: 0 -250px;
	width: 28px;
	height: 18px;
	margin: -2px 10px 0 3px;
}
.i-phone{
	background-position: -150px -100px;
	width: 16px;
	height: 16px;
}


/* responsive */
@media (min-width: 768px) {

}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
	.logo{margin-left: -3px;}
	.services-block p{padding: 0 15px;}
	.type-list{margin-left: 22px;}
	.services-info{padding: 0 15px 0 13px;}
	.inside-form-block{padding: 0 5.8% 0 7.5%;}
	.title-middle-border{margin-left: 14px;}
	.sertificate-block span{
		display: block;
		padding: 0 15%;
	}
	.wrap-sertificates{padding: 0 3%;}
	.wrap-slider{padding-left: 13px;}



}
@media (min-width: 1300px) {
	.container{width: 1200px;}
}

@media (max-width: 1299px) {
	.footer-right{width: 37%;}
	.footer-logo{left: -4.5%;}
}
@media (max-width: 1199px) {
	.logo-image{margin-right: 15px;}
	.logo-text{font-size: 32px;}
	.basket .dropdown-menu{width: 940px;}
	.preview-form-block .btn{width: 17%;}
	.preview-form-block .large-input{width: 35.2%;}
	.services-block .sprites{left: 0;}
	.services-block{padding-left: 15%;}
	.item-slider{padding: 0 15px;}
	.slick-prev{left: -23px;}
	.slick-next{right: -23px;}
	.footer-logo{
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		max-width: 290px;
		width: auto;
		margin-bottom: 15px;
	}
	.footer-left{width: 40%;} 
	.footer-right{width: 60%;}
	.add{font-size: 26px;}
	.hover-block{
		width: auto;
		max-width: 253px;
	}


}
@media (max-width: 991px) {
	.contacts{
		float: right;
		margin: 20px 0 0;
	}
	.wrap-basket{margin-top: 10px;}
	.basket .dropdown-menu{width: 720px;}
	.basket-table tfoot td:first-child{
		padding: 20px 20px 5px;
	}
	.nav>li{margin-left: 10px;}
	.nav>li:first-child{margin-left: 0;}
	.nav>li>a{font-size: 14px;}
	.preview-form-block input{
		width: 32.5% !important;
		margin-bottom: 15px;	
	}
	.preview-form-block .btn{width: 100%;}
	.services-block{padding-left: 0;}
	.services-block .sprites{
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto 15px;
		display: block;
	}
	.services-block .title-services{min-height: 60px;}
	.advantages-center{padding-top: 150px;}
	.advantages{padding: 0;}
	.review-slider{padding: 0 10%;}
	.wrap-service-price{padding: 70px 0 20px;}
	.service-image{
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		margin-top: 20px;
	}
	.form-phone{
		text-align: left;
		margin-top: 20px;
	}
	.add a{top: 0;}
	.wrap-item-price{
		float: none;
		margin-bottom: 20px;
	}








}
@media (max-width: 767px) {
	header{padding-bottom: 25px;}
	.logo{
		float: none;
		text-align: center;
		margin-bottom: 45px;
	}
	.contacts{float: left;}
	.basket .dropdown-menu{width: 540px;}
	.basket-table th:first-child, .basket-table td:first-child{padding-left: 10px;}
	.summ{
		margin: 0 0 15px;
	    text-align: right;
	    width: 100%;
	}
	#navbar{
		clear: both;
		float: none;
		padding: 0 15px;
	}
	.nav>li{margin-left: 0;}
	.navbar-nav>li>a{
		padding: 10px;
		font-size: 16px;
	}
	.color-box{padding-left: 40px;}
	.preview-title{letter-spacing: 10px;}
	.services-block .title-services{min-height: 1px;}
	.services-block{margin-bottom: 70px;}
	.about-text, .about-image{
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		float: none;
		width: auto;
	}
	.about-text:after{display: none;}
	.about-image{padding-top: 30px;}
	.item-slider{padding: 0 25px;}
	.slick-prev{left: -10px;}
	.slick-next{right: -10px;}
	.advantages-center, .advantages-left, .advantages-right{
		float: none;
		width: auto;
	}
	.advantages-center{
		padding: 0;
		margin: 0 0 30px;
		clear: both;
	}
	.advantages-block{
		float: left;
		width: 45%;
		margin-bottom: 20px;
		text-align: right;
	}
	.advantages-block+.advantages-block{
		text-align: left;
		margin-left: 10%;
	}
	.footer-left, .footer-right{
		float: none;
		width: auto;
		text-align: left;
	}
	.contacts-list+.contacts-list{
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	.wrap-slider, .product-info{
		float: none;
		width: auto;
		padding-left: 0;
	}
	.wrap-slider{margin-bottom: 40px;}
	.quest-title{
		margin: 0 0 20px;
		text-align: left;
	}
	.collapse-block-inside{padding-left: 0;}
	.collapse-block-price{width: 40%;}
	.collapse-block-title{width: 45%;}
	.collapse-block.in .collapse-block-inside{padding-left: 0;}
	.collapse-block.in .collapse-block-inside>div{
		display: block;
		width: auto;
	}
	.breadcrumb{
		padding: 8px 0px;
		margin-bottom: 15px;
	}
	.proposition-block .text-right{text-align: center;}



}
@media (max-width:570px){
	.mobile-row>div{width: 100%;}
	.contacts{
		float: none;
		max-width: 300px;
		margin: auto;
	}
	.wrap-basket{
		float: none;
		max-width: 270px;
		margin: 20px auto 0;
	}
	.basket .dropdown-menu{
		width: 300px;
		right: -15px;
	}
	.basket-table td{padding: 10px;}
	.basket-table{border-bottom: 1px solid #ddd;}
	.stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
    .basket-table .btn{width: 100%;}
    .basket-table .btn+.btn{margin-top: 10px;}
    .preview-form-block input{
    	width: 100% !important;
    	margin-right: 0 !important;
    }
    .color-box{padding-left: 30px;}
    .preview-text .text-blue{
    	font-size: 40px;
    	line-height: 45px;
    }
    .mobile-block>div{width: 100%;}
	textarea{height: 100px;}
	.collapse-block-title, .collapse-block-price{
		padding-right: 0;
		width: auto;
		display: block;
	}
   

}
@media (max-width:480px){
	.logo{margin-bottom: 20px;}
	.logo-image{margin-right: 0;}
	.logo-text{display: block;}
	.preview-text .btn{width: 100%;}
	.preview-text .btn+.btn{margin: 15px 0 0;}
	.preview-form:before{display: none;}
	.preview-form-title{
		font-size: 32px;
		margin-bottom: 38px;
		padding-bottom: 27px;
		position: relative;
	}
	.preview-form-title:after{
		content: "";
		display: block;
		bottom: 0;
		left: -30px;
		right: -30px;
		border-bottom: 1px solid #fff;
		position: absolute;
	}
	.preview-form-title span{left: 115px;}
	.preview-form p{text-align: center;}
	.preview-form .i-info{
		top: auto;
		display: block;
   		margin: 15px auto 0;
	}
	.title{font-size: 42px;}
	.title-middle-border, .title-middle{font-size: 24px;}
	.advantages-block, .advantages-block+.advantages-block{
		text-align: left;
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.footer-nav li{
		display: block;
		text-align: center;
		margin: 0 0 10px;
		font-size: 12px;
	}
	.title-inline{
		padding-right: 0;
		font-size: 35px;
		line-height: 40px;
	}
	.title-inline .sprites{display: none;}
	.form-phone a{white-space: nowrap;}
	 .btn-lg{
	 	width: 100%;
	 	padding-left: 20px;
	 	padding-right: 20px
	}
	.proposition-slider{
		font-size: 14px;
		padding: 0 30px;
	}
	.advantages-center{display: none;}
}

@media (max-width: 400px) {
    .table-wrap {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
	.contacts{
		padding-left: 0;
		margin-left: 20px;
	}
	.contacts:before{display: none;}
}
@media (min-width: 768px) and (max-width: 991px) {

}

table.pricetable {border: solid 1px black; margin-bottom: 17px;}
table.pricetable tr {border: solid 1px black;}
table.pricetable tr td, table.price tr th {border: solid 1px black; margin: 8px; padding: 8px; text-align: center; height: 50px;}
table.pricetable tr th (background-color: #3287A6;)
table.pricetable tr td p {font-size: 14px;}
table.pricetable tr td h3 {font-size: 18px; font-weight: bold;}
table.pricetable tr td span{font-size: 18px; font-weight: bold;}


.massanger {
   display: none;
}


@media (max-width: 529px) {
    
.massanger {
   display: block;
   width: 100%;
   position: fixed;
   bottom: 20px;
   height: 50px;
   background: rgba(255, 255, 255, 0.7)
}
   
.massanger .mass-link {
    text-align: center;
    margin-top: 5px;
}
.massanger .fa-phone-square {
    font-size: 40px;
}
.massanger .fa-viber {
    font-size: 40px;
    color: #665CAC;
}

.massanger .fa-whatsapp {
    font-size: 40px;
    color: #128C7E;
}

.massanger .fa-envelope {
    font-size: 40px;
    color: #eaeaea;
}
}
.agreement-label {
    display: flex;
    align-items: flex-start;
}
.agreement-label .jq-checkbox {
    flex-shrink: 0;
    position: relative;
    top: 0;
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
    cursor: pointer;
}
.agreement-label .jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 4px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.review-form-agreement .agreement-label span {
    font-size: 16px;
    line-height: 1.25;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}
.order-form-agreement {
    text-align: left;
}
.order-form-agreement input[type="checkbox"] {
    margin-right: 4px;
    margin-top: 2px;
}
.order-form-agreement span {
    font-weight: 400;
}
.main-form-agreement {
    clear: both;
    padding: 10px 0 5px 0;
}
.main-form-agreement a {
    color: #fff;
    text-decoration: underline;
}
.main-form-agreement input {
    min-height: 0;
    width: 100%;
    float: none;
}
.cookie-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #eee;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 10px 4px rgba(0,0,0,0.4);
    transform: translateY(0);
    transition: 0.4s ease;
    z-index: 999;
}
.cookie-modal.hidden {
    transform: translateY(120%);
}