@charset "utf-8";

*{outline:none;max-height:99999px}*,:before,:after{box-sizing:border-box}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}img,object,embed{max-width:100%;margin-top:0}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font-size:100%;font-family:inherit}table{font-size:inherit;font:100%}small{font-size:85%}strong,b{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible;font-family:inherit;font-size:100%;}.ie7 img{-ms-interpolation-mode:bicubic}.clr:before,.clr:after{content:"\0020";display:block;height:0;overflow:hidden}.clr:after{clear:both}.clr{zoom:1}

body {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2;
	font-size: 15px;
	width: 100%;
	min-width: 320px;
	color: #000;
	overflow: hidden;
}
* {
    letter-spacing: -0.05em;
}

.hidden {
	display:none !important;
}

.clearfix:after {
	clear: both;
}
div{
	position: relative;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.container {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.flex-block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
.link {
	color: #0089ff;
	border-bottom: 1px solid;
	border-color: #b2d4ff;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.link.dotted {
	border-bottom-style: dotted;
}
.link:hover {
	color: #f41224 !important;
	border-color: #fcb7bd !important;
}
h2 {
	font-size: 42px;
	margin-bottom: 35px;
	text-align: center;
}
h2 span {
	display: block;
	margin-top: 25px;
	font-size: 15px;
}
#header {
	padding-top: 20px;
	min-height: 93px;
	background-color: #FFFFFF;
	position: relative;
	padding-bottom: 10px;
}
#header .container {
	position: initial;
}
#header .logo {
	margin-right: 20px;
}
#header .logo img {
	display: block;
	vertical-align: top;
    height: 70px;
    margin-top: -14px;
}
#header .container p {
	display: inline-block;
	vertical-align: top;
	color: #999999;
	font-size: 12px;
}
#header .logo p {
    margin-top: 11px;
}
#header .nav {
	width: 550px;
	float: left;
	margin-top: -4px;
}
.nav a {
	font-size: 14px;
	display: inline-block;
	padding: 4px 8px 6px 8px;
	border-radius: 6px;
	margin-right: -4px;
	margin-bottom: 9px;
	position: relative;
	color: #0089ff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1;
}
.nav a:after {
	content: '';
	width: calc(100% - 16px);
	height: 1px;
	background: #b2d4ff;
	position: absolute;
	left: 8px;
	bottom: 3px;
}
.nav a:hover {
	background: #e6f2fe;
}

#header .contacts p {
	text-align: right;
}
#header .contacts p:last-child{
	margin-left: 15px;
}
#header .contacts p b {
	color: #000;
	font-size: 14px;
}
#header .link {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 2px;
}
#first {
	min-height: 680px;
	padding-top: 200px;
	background-repeat: no-repeat;
	background-color: #fff;
	padding-bottom: 50px;
	background-image: url(../img/glow-4.png), url(../img/glow-1.png), url(../img/bg-1.svg);
	background-position: center 54px, calc(50% - 370px) 114px, center 114px;
}
#first .img {
	position: absolute;
	top: 12px;
	left: 410px;
	pointer-events: none;
}
#first .left {
	float: left;
	width: 50%;
}
#first .left h1 {
	font-size: 42px;
	margin-bottom: 20px;
}
#first .left p {
	line-height: 1.4;
	margin-bottom: 20px;
}
#first .left ul {
	margin-top: 122px;
	padding-left: 3px;
}
#first .left ul li {
	background-image: url(../img/check.svg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
	margin-bottom: 19px;
}
#first .right {
	float: right;
	margin-top: -2px;
}
#first2 {
	padding-top: 26px;
	overflow: hidden;
	padding-bottom: 80px;
	position: relative;
}
#first2:before {
	content: '';
	width: 100%;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
    height: 930px;
}
#first2 .left {
	width: 50%;
	float: left;
	margin-top: 50px;
}
#first2 h1 {
	font-size: 42px;
	margin-bottom: 15px;
}
#first2 .container .padding-block>p {
	font-size: 20px;
	position:relative;
    z-index: 1;
}
#first2 .img {
	position: relative;
	height: 497px;
	/*overflow:hidden;*/
}
#first2 .img .bags {
	max-width: none;
	margin-top: -92px;
	margin-left: -116px;
}
#first2 .img .arrow {
	position: absolute;
    top: 288px;
    right: -74px;
    width: 258px;
    z-index: 1;
}
#first2 .info {
	margin-top: 8px;
    margin-right: -20px;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}
#first2 .info ul {
}
#first2 .info li {
	background-image: url(../img/check.svg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
	margin-bottom: 20px;
}
#first2 .right {
	float: left;
	width: 50%;
	margin-top: 54px;
	padding-left: 48px;
}
#first2 form {
	width: 100%;
	text-align: left;
	padding: 17px 44px;
	border-radius: 10px;
	box-shadow: 0px 9px 65px 0px rgba(140, 145, 147, 0.2);
	background: #fff;
	position: relative;
}
#first2 form .hot {
	margin-bottom: 0px;
}
#first2 form .hot span {
	background: #ff0500;
	display: inline-block;
	color: #fff;
	padding: 5px 8px;
	border-radius: 5px;
}
#first2 form .price {
	position: absolute;
	right: 4px;
	top: 62px;
}
#first2 form .price .new {
	display: inline-block;
	margin: 0 11px;
}
#first2 form .price .new span {
	font-size: 20px;
}
#first2 form .price .old {
	display: inline-block;
	position: relative;
}
#first2 form .price .old:before {
	content: '';
	width: 75px;
	height: 3px;
	background: #ff0500;
	display: block;
	position: absolute;
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
	top: 6px;
	left: -3px;
}
#first2 form h3 {
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}
#first2 form h4 {
	line-height: 1.25;
	margin-bottom: 19px;
}
#first2 form .offer {
	overflow: hidden;
	margin: 0 -5px;
	margin-bottom: 30px;
}
#first2 form .offer li {
	border-radius: 5px;
	float: left;
	background: #f5f5f5;
	padding: 8px 10px;
	width: calc(50% - 10px);
	margin: 0 5px;
}
#first2 form .offer li p {
	font-size: 13px;
	color: #737373;
	margin-bottom: 1px;
}
#first2 form .offer li span {
	color: #ff0500;
	font-size: 16px;
	font-weight: bold;
	margin-right: -4px;
}
#first2 .offer .countdown-section {
	margin-right: 0;
}
#first2 .offer .countdown-amount, #first2 .offer .countdown-period {
	border: none;
	display: inline-block;
	width: auto;
	height: auto;
	text-transform: lowercase;
	line-height: 1.2;
	margin: 0;
	margin-right: 4px;
	letter-spacing: 0;
}
#first2 form .item {
	width: 100%;
}
#first2 form .item input[name="phone3"] {
	text-align: left;
	padding-left: 16px;
	width: 72%;
}
#first2 form .btn {
	width: auto;
	margin-top: 6px;
	margin-bottom: 30px;
}
#first2 form .conf {
	padding-left: 0;
}
form {
	width: 338px;
	text-align: center;
}
form .top {
	margin-bottom: 14px;
}
form .top.bg {
	border: 1px solid #C8C8C8;
	border-radius: 6px;
	background-color: #FAFAFA;
	box-shadow: 0px 5px 11px 4px rgba(201, 201, 201, 0.5);
	padding-top: 6px;
	padding-bottom: 8px;
	position: relative;
	z-index: 10;
	margin-bottom: 0px;
}
form .pattern {
	position: relative;
	display: block;
	margin-bottom: 36px;
}
form .pattern:after, form .pattern:before {
	content: '';
	position: absolute;
	display: block;
	border: 1px solid #C8C8C8;
	background-color: #FFFFFF;
	box-shadow: 0px 5px 11px 4.2px rgba(201, 201, 201, 0.5);
	width: 324px;
	height: 12px;
	left: 50%;
	margin-left: -162px;
	bottom: -6px;
	border-radius: 20px;
}
form .pattern:before {
	bottom: -12px;
	width: 306px;
	margin-left: -153px;
}
form .top h3 {
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 10px;
}
form .top h4 {
	line-height: 1.4;
	margin-bottom: 13px;
}
form .top h4 b {
	font-size: 18px;
}
form .top .item {
	width: 264px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 16px;
	overflow: hidden;
}
form .top .item span {
	font-size: 13px;
	display: block;
	text-align: left;
	margin-bottom: 3px;
}
form .top .item input, form .top .item textarea {
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	height: 38px;
	display: block;
	width: 100%;
	padding-left: 12px;
}
form .top .item textarea {
	resize: none;
	height: 120px;
	padding-top: 12px;
}
form .top .item input[name="phone1"] {
	width: 12%;
	float: left;
	margin-right: 2%;
}
form .top .item input[name="phone2"] {
	width: 12%;
	float: left;
	margin-right: 2%;
	text-align: center;
	padding: 0;
}
form .top .item input[name="phone3"] {
	width: 72%;
	text-align: left;
	padding: 0;
}
form .top .btn {
	margin-top: 3px;
	width: 264px;
}
.btn {
	line-height: 22px;
	position: relative;
	cursor: pointer;
	text-align: center;
	border: none;
	outline: 0;
	background: #f9c400;
	background: -webkit-linear-gradient(top, #ffe025, #f9c400 92%, #be8c05);
	background: linear-gradient(to bottom, #ffe025, #f9c400 92%, #be8c05);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .36);
	color: #473e09;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0 0 1px 0 #fff;
	font-size: 24px;
	padding: 13px 27px;
	border-radius: 4px;
	display: inline-block;
}
.btn span {
	position: relative;
	display: block;
}
.btn:active {
	background: #ffe652;
	background: -webkit-linear-gradient(top, #c69007, #f8c106 8%, #dec35e);
	background: linear-gradient(to bottom, #c69007, #f8c106 8%, #dec35e)
}
.btn:active:before {
	background: -webkit-linear-gradient(top, #ffe349, #ffdb01);
	background: linear-gradient(to bottom, #ffe349, #ffdb01);
	box-shadow: inset 0 2px 4px 0 rgba(102, 52, 0, .2)
}
.btn:active span {
	top: 3px
}
.btn:before {
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	background: -webkit-linear-gradient(top, #ffe34a, #ffdb03);
	background: linear-gradient(to bottom, #ffe34a, #ffdb03);
	box-shadow: inset 0 -1px 0 0 rgba(102, 52, 0, .2), inset 0 0 3px 0 rgba(254, 255, 187, .5);
	border-radius: inherit
}
.btn:hover:before {
	background: -webkit-linear-gradient(top, #ffe86a, #ffe130);
	background: linear-gradient(to bottom, #ffe86a, #ffe130)
}
form .conf {
	font-size: 11px;
	padding-left: 32px;
	text-align: left;
}
form .conf p {
	margin-bottom: 28px;
	padding-left: 7px;
}
form .conf .item {
	display: block;
	padding-bottom: 9px;
	color: #999999;
}
form .conf .item input {
	float: left;
	margin-right: 8px;
}
form .conf .item span {
	display: block;
}
form .conf .item span a {
	padding-bottom: 2px;
	color: inherit;
	border-color: #e2e2e2;
}
#clients {
	text-align: center;
	padding-top: 64px;
	padding-bottom: 64px;
	background: #fff;
}
#products {
	padding-top: 88px;
	padding-bottom: 40px;
	background: #fff;
}
#products .container h2 {
	margin-bottom: 32px;
    position: relative;
    z-index: 1;
}
#products .categories {
	margin-bottom: 66px;
}
#products .categories ul {
	margin-right: -90px;
}
#products .categories li {
	width: 20%;
	float: left;
}
#products .categories li .img {
	display: block;
	position: relative;
	height: 106px;
	margin-bottom: 17px;
}
#products .categories li .img:before {
	content: '';
	width: 201px;
	height: 155px;
	position: absolute;
	display: block;
	background-image: url(../img/shadow.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	left: -67px;
	bottom: -7px;
}
#products .categories li .img img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
#products .categories li .img a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#products .categories li .img a:hover {
	opacity: 0.75;
}
#products .categories li .link {
	padding-bottom: 2px;
}
#products .categories li p {
	font-size: 12px;
	font-style: italic;
	color: #7b7b7b;
	margin-top: 6px;
    position: relative;
    z-index: 1;
}
#products .tabs {
	padding-top: 44px;
	padding-bottom: 48px;
	background: #f8f8fa;
}
#products .btns {
	text-align: center;
	margin-bottom: 26px;
}
#products .btns li {
	display: inline-block;
	margin: 0 20px;
}
#products .btns li a {
	height: 35px;
	line-height: 35px;
	display: block;
	border-radius: 50px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 15px;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#products .btns li a:hover, #products .btns li.active a {
	background-color: #ffdf59;
	box-shadow: inset 0px 3px 2px 0px #e4b62c;
}
#products .btns li a:after {
	content: '';
	width: calc(100% - 30px);
	height: 1px;
	border-bottom: 1px dotted #d6d6d6;
	position: absolute;
	left: 15px;
	bottom: 3px;
}
#products .btns li a:hover:after, #products .btns li.active a:after {
	display: none;
}
#products .tabs-in .btns li {
	margin: 0 12px;
}
#products .tabs-in .btns li a {
	font-size: 15px;
	height: 28px;
	line-height: 28px;
	font-weight: 400;
}
#products .tabs-in .btns li a:after {
	bottom: 0px;
}
#products .block {
	overflow: hidden;
	margin-top: 68px;
}
#products .block .img {
	width: 50%;
	float: left;
	text-align: center;
}
#products .block .img .link {
	line-height: 1.7;
}
#products .block .img img {
	width: 510px;
}
#products .block .text {
	width: 50%;
	float: left;
	line-height: 1.4;
}
#products .block .text p {
	margin-bottom: 18px;
}
#products .block .text ul {
	margin-bottom: 18px;
}
#products .block .text ul li {
	position: relative;
}
#products .block .text ul.plus li, #products .block .text ul.minus li, #products .block .text ul.dots li {
	padding-left: 15px;
}
#products .block .text ul.plus li:before {
	content: '+';
	position: absolute;
	left: 0;
}
#products .block .text ul.minus li:before {
	content: '–';
	position: absolute;
	left: 0;
}
#products .block .text ul.dots li:before {
	content: '•';
	position: absolute;
	left: 0;
}
#products .block .text ul.params li b {
	float: left;
}
#products .block .text ul.params li span {
	overflow: hidden;
	display: block;
}
#products .block .text h4 {
	font-size: 18px;
	font-weight: bold;
}
#products .block .text .btn {
	margin-top: 18px;
	margin-bottom: 24px;
}
#products .block-2 {
	padding: 55px 45px 48px 76px;
	overflow: hidden;
	background: #ffcd54;
}
#products .block-2 ul li {
	float: left;
	width: 25%;
	padding-left: 30px;
}
#products .block-2 ul li .img {
	height: 68px;
	width: 68px;
	position: relative;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 12px;
}
#products .block-2 ul li .img img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 55%;
	max-height: 55%;
}
#products .block-2 ul li p {
	line-height: 1.7;
}
#calc {
	padding-top: 44px;
	background: #fff;
	padding-bottom: 44px;
}
#calc .tabs {
	margin-top: 62px;
}
#calc h3 {
	font-size: 18px;
	margin-bottom: 39px;
}
#calc .btns {
	margin-bottom: 57px;
}
#calc .btns li {
	margin-left: 18px;
	display: inline-block;
	vertical-align: top;
	margin-right: 76px;
}
#calc .btns li a {
	font-size: 13px;
	color: #7f8c8d;
	display: block;
}
#calc .btns li a>span {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 13px;
}
#calc .btns li a>span:before {
	content: '';
	width: 17px;
	height: 17px;
	border: 1px solid #7f8c8d;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#calc .btns li a:hover>span:before, #calc .btns li.active a>span:before {
	border: 5px solid #ffce54;
}
#calc .btns li a .img {
	width: 96px;
	height: 120px;
	position: relative;
	text-align: center;
}
#calc .btns li a .img .two-days {
	position: absolute;
    right: -22px;
    bottom: -20px;
    color: #fff;
    background: #B9719A;
    display: block;
    padding: 8px;
    border-radius: 50px;
    font-size: 11px;
}

#calc .btns li a .img img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#calc .btns li a .img img.c-hover {
	opacity:0;	
}
#calc .btns li a:hover .img img,
#calc .btns li.active a .img img {
	opacity:0;
}
#calc .btns li a:hover .img img.c-hover,
#calc .btns li.active a .img img.c-hover {
	opacity:1;
}
#calc .btns li a .img span {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 4px;
}
#calc .img-big {
	width: 260px;
	padding-left: 20px;
	float: left;
	margin-right: 30px;
}
#calc .hide-mail {
	font-weight: inherit;
}
#calc .text {
	overflow: hidden;
}
#calc .text h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 19px;
}
#calc .text ul {
	margin-bottom: 18px;
}
#calc .text ul li {
    margin: 0 0 2px 0;	
}
#calc .text p {
	margin-bottom: 18px;
}
#calc .calc {
	margin-top: 50px;
	padding-left: 20px;
	padding-bottom: 3px;
	position: relative;
}
#calc .calc table tr td {
	padding-bottom: 26px;
	vertical-align: middle;
	/*font-weight: bold;*/
}
#calc .calc table tr td:nth-of-type(1) {
	padding-right: 30px;
    width: 315px;
}

#calc .calc table tr td .info,
.result-error .info,
.res-data .info,
.oferta-info {
	display: inline-block;
	margin-left: 2px;
	position: relative;
	cursor: pointer;
}
#calc .calc table tr td .info:before,
.result-error .info:before,
.res-data .info:before,
.oferta-info:before {
	content: '?';
	width: 14px;
	height: 14px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	border: 1px solid;
	border-radius: 50%;
	text-align: center;
	color:#000;
}
#calc .calc table tr td .info .content,
.oferta-info .content {
	position: absolute;
	top: 0;
	left: 20px;
	white-space: nowrap;
	border-width: 1px;
	border-color: rgb(207, 207, 207);
	border-style: solid;
	background-color: #fff;
	box-shadow: 0px 15px 23px 2.5px rgba(112, 112, 112, 0.35);
	padding: 15px;
	font-size: 13px;
	display: block;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}
.res-data .info .content {
	position: absolute;
    top: 18px;
    right: 16px;
	white-space: nowrap;
	border-width: 1px;
	border-color: rgb(207, 207, 207);
	border-style: solid;
	background-color: #fff;
	box-shadow: 0px 15px 23px 2.5px rgba(112, 112, 112, 0.35);
	padding: 15px;
	font-size: 13px;
	display: block;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}
.result-error .info .content {
		position: absolute;
    top: 18px;
    right: 16px;
	white-space: nowrap;
	border-width: 1px;
	border-color: rgb(207, 207, 207);
	border-style: solid;
	background-color: #fff;
	box-shadow: 0px 15px 23px 2.5px rgba(112, 112, 112, 0.35);
	padding: 15px;
	font-size: 13px;
	display: block;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
	color:#000;
}
.oferta-info .content {
	color:#000;
}
.oferta-info .content a{
	text-decoration:underline;
}
#calc .calc table tr td .info .content:before,
.res-data .info .content:before,
.result-error .info .content:before,
.oferta-info .content:before {
	content: "";
	width: 20px;
	height: 100%;
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
}
#calc .calc table tr td .info .content img {
	max-width: none;
}
#calc .calc table tr td .info:hover .content,
.res-data .info:hover .content,
.result-error .info:hover .content,
.oferta-info:hover .content {
	opacity: 1;
	visibility: visible;
}
#calc .result {
	position: relative;
    padding-top: 24px;
	padding-left: 20px;
}
#calc .result:before {
    content: '';
    width: 1140px;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    left: 20px;
    top: 0;
}
#calc .result .result_summary {
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 17px;	
}
#calc .result table {
	margin-bottom: 15px;
}
#calc .result table tr td {
    padding: 7px 0px 7px 0px;
}
#calc .result table tr td:first-child {
	position: relative;
	overflow: hidden;
	width: 318px;
	vertical-align: bottom;
	white-space: nowrap;
	padding-right: 50px;
}
#calc .result table tr td:first-child:after {
	content: "";
	position: absolute;
	bottom: 3px;
	margin-left: 5px;
	width: 100%;
	content: '.............................................................................................................. ..............................................................................................................';
    white-space: nowrap;
	color: #ccc;
	font-size: 5px;
	letter-spacing: 1px;
}
#calc .result table tr.big td {
	font-size: 15px;
	font-weight: bold;
	padding-top: 44px;
}

#calc .result table tr.big td .c-total_price_html {
	font-weight: bold;	
}

#calc .result p {
	line-height: 1.5;
}

#calc .result .result_summary_wrap {
	position:relative;
}

#calc .result .res-data {
    position: absolute;
    bottom: -85px;
    left: 450px;
    font-style: italic;
}

#calc .result .btn {
	margin: 23px 0;
}
#calc .calc-text {
	display: none;
}
#calc .question {
	border-radius: 5px;
	box-shadow: 0px 5px 33px 0px rgba(140, 145, 147, 0.2);
	max-width: 1030px;
	width: 100%;
	margin: 85px auto 0 auto;
	padding: 15px;
	overflow: hidden;
	background-color: #FFFFFF;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
#calc .question .img {
	text-align: center;
	padding: 0 15px;
}
#calc .question .text {
	padding-top: 14px;
}
#calc .question .text h3 {
	font-size: 42px;
	margin-bottom: 22px;
}
#calc .question .text p {
	font-size: 18px;
}
#benefits {
	padding-top: 60px;
	height: 2106px;
	background-image: url(../img/truck.svg), url(../img/line.svg), url(../img/bg-2.svg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-color: #fff;
	background-position: center 952px, center 837px, center 215px;
}
#benefits .container {
	background-image: url(../img/glow-2.png), url(../img/glow-3.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 150px, 340px 600px;
}
#benefits .items-1 {
	position: relative;
	height: 980px;
}
#benefits .items-1 ul li {
	position: absolute;
}
#benefits .items-1 ul li:nth-child(1) {
	left: 10px;
	top: 44px;
	width: 450px;
}
#benefits .items-1 ul li:nth-child(2) {
	left: 477px;
	top: 558px;
	width: 240px;
}
#benefits .items-1 ul li:nth-child(3) {
	left: 376px;
	top: 785px;
	max-width: 400px;
	width: 100%;
}
#benefits .items-1 ul li .img {
	float: left;
	margin-right: 25px;
	margin-top: -10px;
}
#benefits .container h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#benefits .items-2 {
	text-align: center;
	padding-top: 36px;
	margin-bottom: 0px;
	position: relative;
}
#benefits .items-2 ul li {
	width: 275px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	height: 322px;
}
#benefits .items-2 ul li .img {
	height: 120px;
	line-height: 120px;
	margin-bottom: 20px;
}
#benefits .items-2 ul li .img img {
	max-width: 120px;
	max-height: 120px;
	display: inline-block;
	vertical-align: middle;
}
#benefits .items-2 ul li:nth-child(7) {
	width: 100%;
	display: block;
	text-align: left;
	height: auto;
	margin-top: 84px;
	padding-left: 150px;
}
#benefits .items-2 ul li:nth-child(7) .img {
	float: left;
	width: 80px;
	margin-top: -36px;
	margin-right: 34px;
}
.order-block {
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	color: #fff;
	overflow: hidden;
	padding-bottom: 34px;
	background-color: #00b2ea;
}
.order-block .left {
	float: left;
	position: relative;
	width: 800px;
}
.order-block .left h2 {
	text-align: left;
	margin-bottom: 28px;
}
.order-block .left .plus {
	font-size: 42px;
	padding-left: 90px;
	margin-bottom: 38px;
}
.order-block .left h3 {
	margin-bottom: 10px;
}
.order-block .left h3 span {
	display: block;
	font-size: 42px;
	margin-top: -6px;
}
.count>span {
	display: block;
	color: #fff;
	margin-bottom: 18px;
}
.countdown-section {
	display: inline-block;
	vertical-align: top;
	margin-right: 13px;
}
.countdown-amount {
	border-radius: 5px;
	background-color: #F5F5F5;
	width: 64px;
	font-size: 35px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	/*font-weight: 300;*/
	color: #929292;
	display: block;
	vertical-align: top;
	border: 1px solid #ccd8dc;
}
.countdown-amount span {
	font-weight: inherit;
}
.countdown-period {
	display: block;
	margin-top: 7px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.order-block .left .img {
	position: absolute;
	left: 327px;
	top: 88px;
	pointer-events: none;
}
.order-block .right {
	float: right;
	margin-right: 13px;
}
.order-block .right form .top h4 {
	margin-right: -50px;
}
.order-block .right form .conf .item {
	color: #fff;
}
.order-block .right form .conf .item a {
	border-color: #6bbed8;
}
#benefits-2 {
	padding-top: 96px;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}
#benefits-2 .container h2 {
	text-align: left;
}
#benefits-2 .block {
	height: 800px;
	position: relative;
}
#benefits-2 .block img {
	position: absolute;
	left: 292px;
	top: 36px;
}
#benefits-2 .block ul li {
	position: absolute;
}
#benefits-2 .block ul li:nth-of-type(1) {
	left: 732px;
	top: -54px;
}
#benefits-2 .block ul li:nth-of-type(2) {
	left: 872px;
	top: 120px;
}
#benefits-2 .block ul li:nth-of-type(3) {
	left: 872px;
	top: 258px;
}
#benefits-2 .block ul li:nth-of-type(4) {
	left: 872px;
	top: 394px;
}
#benefits-2 .block ul li:nth-of-type(5) {
	left: 872px;
	top: 530px;
}
#benefits-2 .block ul li:nth-of-type(6) {
	left: 422px;
	top: 699px;
}
#benefits-2 .block ul li:nth-of-type(7) {
	left: 48px;
	top: 426px;
}
#benefits-2 .block ul li:nth-of-type(8) {
	left: 48px;
	top: 304px;
}
#benefits-2 .block ul li:nth-of-type(9) {
	left: 48px;
	top: 186px;
}
#benefits-2 .block ul li:nth-of-type(10) {
	left: 0px;
	top: 48px;
}
#peoples {
	padding-top: 24px;
	padding-bottom: 135px;
	background: #fff;
	overflow: hidden;
}
#peoples .block {
	height: 740px;
	background-image: url(../img/peoples.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	margin-bottom: 32px;
}
#peoples .block .baloons {
	position: absolute;
	top: 10px;
	left: -10%;
	z-index: 11;
}
#peoples .block .clouds {
	position: relative;
	top: 240px;
}
#peoples .block .clouds img {
	position: absolute;
	-webkit-transform: scale(0);
	transform: scale(0);
}
#peoples .block .clouds img:nth-child(1) {
	left: 109px;
	top: 0;
}
#peoples .block .clouds img:nth-child(2) {
	left: 467px;
	top: 1px;
}
#peoples .block .clouds img:nth-child(3) {
	left: 712px;
	top: 70px;
}
#peoples .block .clouds img:nth-child(4) {
	left: 881px;
	top: 29px;
}
#peoples .container h3 {
	border: 10px solid #ffe169;
	font-size: 44px;
	text-align: center;
	padding: 5px;
	padding-bottom: 12px;
}
#for-whom {
	padding-top: 30px;
	width: 1250px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
	background: #f8f8f9;
}
#for-whom .container h2 {
	text-align: left;
	margin-bottom: 64px;
}
#for-whom .block {
	overflow: hidden;
	text-align: left;
}
#for-whom .block .col {
	float: left;
	width: 33.33%;
}
#for-whom .block .col ul {
	display: inline-block;
	text-align: left;
}
#for-whom .block .col:nth-child(2) {
	text-align: center;
}
#for-whom .block .col:nth-child(3) {
	text-align: right;
}
#for-whom .block .col ul li {
	font-size: 20px;
	background-image: url(../img/check.svg);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 32px;
	margin-bottom: 12px;
}
#for-whom hr {
	border-color: #929292;
	border-width: 2px;
	margin: 35px 50px;
}
#for-whom h3 {
	font-size: 42px;
	margin-top: 42px;
	margin-bottom: 19px;
}
#for-whom p {
	font-size: 20px;
	margin-bottom: 1em;
}
#for-whom .money-back {
	font-size: 15px;
	margin-top: 50px;
	padding-right: 10px;
}
#for-whom .money-back img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
#for-whom .money-back span {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.6;
}
#for-whom .count {
	margin: 32px 0;
}
#for-whom .btn {
	margin: 18px 0;
}
#problems-solutions {
	padding-top: 118px;
	padding-bottom: 60px;
	background-color: #FFFFFF;
}
#problems-solutions h2 {
	text-align: left;
	margin-bottom: 68px;
}
#problems-solutions .block {
	margin: -40px;
}
#problems-solutions .block table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 40px;
	counter-reset: c1 c2;
}
#problems-solutions .block table tr td {
	border-left: 15px solid #fc837f;
	padding-left: 18px;
	padding-top: 15px;
	background: #ffcfc1;
	padding-bottom: 15px;
	padding-right: 18px;
	height: 116px;
	position: relative;
	overflow: hidden;
}
#problems-solutions .block table tr td:nth-child(2) {
	border-color: #7cac79;
	background: #e4f0d2;
}
#problems-solutions .block table tr td:nth-child(1):before {
	counter-increment: c1;
	content: counter(c1);
}
#problems-solutions .block table tr td:nth-child(2):before {
	counter-increment: c2;
	content: counter(c2);
	color: #effbdc;
}
#problems-solutions .block table tr td:before {
	font-size: 160px;
	line-height: 118px;
	font-style: italic;
	display: block;
	position: absolute;
	right: 15px;
	bottom: 0px;
	color: #ffdbd1;
	vertical-align: middle;
}
#problems-solutions .block table tr td h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
	color: #eb3a3e;
}
#problems-solutions .block table tr td:nth-child(2) h3 {
	color: #006b24;
}
#problems-solutions .block table tr td p {
	font-style: italic;
	position: relative;
	z-index: 10;
}
#about-us {
	padding-top: 62px;
	background: #fff;
	overflow: hidden;
	padding-bottom: 15px;
}
#about-us h2 {
	text-align: left;
}
#about-us .btns {
	margin-bottom: 38px;
}
#about-us .btns li {
	display: inline-block;
	margin-right: 18px;
}
#about-us .btns li a {
	display: block;
	border-radius: 50px;
	padding: 0 15px;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 15px;
	height: 28px;
	line-height: 28px;
	font-weight: 400;
	min-width: 122px;
	text-align: center;
}
#about-us .btns li a:hover, #about-us .btns li.active a {
	background-color: #ffdf59;
	box-shadow: inset 0px 3px 2px 0px #DEC662;
}
#about-us .btns li a:after {
	content: '';
	width: calc(100% - 30px);
	height: 1px;
	border-bottom: 1px dotted #d6d6d6;
	position: absolute;
	left: 15px;
	bottom: 0;
}
#about-us .btns li a:hover:after, #about-us .btns li.active a:after {
	display: none;
}
#about-us .tabs p {
	line-height: 1.7;
	margin: 1em 0;
}
#about-us .info {
	margin: 40px 0;
}
#about-us .info table {
	table-layout: fixed;
	margin: 0 auto;
	border: 32px solid #ffe696;
	background: #ffe696;
	border-right: 0;
}
#about-us .info table td {
	text-align: left;
	padding: 10px;
	line-height: 1.6;
	position: relative;
	padding-left: 19px;
	padding-right: 40px;
}
#about-us .info table td:before {
	content: '•';
	left: 0px;
	top: 4px;
	position: absolute;
	font-size: 36px;
	line-height: 1;
}
#about-us .tabs h3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#about-us .staff {
	font-size: 0;
	margin: 0 -20px;
}
#about-us .staff li {
	width: 16.66%;
	vertical-align: top;
	display: inline-block;
	padding: 0 20px;
}
#about-us .staff li img {
	display: block;
	margin-bottom: 35px;
	height: auto;
}
#about-us .staff li p {
	font-size: 15px;
	margin: 15px 0;
	line-height: 1.2;
}
#map {
	background-repeat: no-repeat;
	background-position: center top;
	height: 740px;
	background-size: 1160px auto;
	margin-top: 55px;
}
#map .text {
	font-size: 20px;
	position: absolute;
	top: 180px;
	right: 0px;
}
#map .text b {
	font-size: 150px;
}
#map .text span {
	font-size: 50px;
}
#equipment {
	width: 1250px;
	max-width: 100%;
	margin: 60px auto 85px auto;
	padding: 52px 0;
	background: #f8f8f9;
}
#equipment .text {
	float: left;
	width: 50%;
}
#equipment .text h2 {
	text-align: left;
}
#equipment .text p {
	line-height: 1.6;
	margin-bottom: 25px;
}
#equipment .text p:last-of-type {
	margin-bottom: 0;
}
#equipment .img {
	float: left;
	width: 50%;
	margin-bottom: -20px;
	text-align: center;
}
#hdww {
	padding-top: 117px;
	padding-bottom: 50px;
	background: #fff;
	margin-bottom: 0px;
}
#hdww h2 {
	margin-bottom: 90px;
}
#hdww .block {
	overflow: hidden;
	text-align: center;
	margin: 0 -15px 130px -15px;
	background-image: url(../img/arrow-1.svg), url(../img/arrow-2.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: 344px 112px, 752px 112px;
}
#hdww .block ul li {
	float: left;
	width: 33.33%;
	padding: 0 15px;
}
#hdww .block ul li .img {
	margin-bottom: 43px;
}
#hdww .block ul  {
	padding-bottom: 35px;
}
#hdww .block ul li h3 {
	font-weight: bold;
	margin-bottom: 12px;
}
#hdww .block-2 {
	overflow: hidden;
	padding: 16px;
	background: #f8f8fa;
	margin-bottom: 48px;
}
#hdww .block-2 .img {
	float: left;
	margin: 0 47px 0 13px;
}
#hdww .block-2 .text {
	overflow: hidden;
	padding-top: 4px;
}
#hdww .block-2 .text h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#hdww .block-3 {
	border-left: 9px solid #00b9e9;
	padding-left: 14px;
}
#hdww .block-3 h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#hdww .block-3 p {
}
#delivery {
	padding-top: 66px;
	padding-bottom: 66px;
	background: #fff;
}
#delivery h2 {
	text-align: left;
	margin-bottom: 87px;
}
#delivery .block {
	padding: 55px 45px 48px 76px;
	overflow: hidden;
	background: #ffcd54;
}
#delivery .block ul li {
	float: left;
	width: 25%;
	padding-left: 30px;
}
#delivery .block ul li .img {
	height: 68px;
	width: 68px;
	position: relative;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 12px;
}
#delivery .block ul li .img img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 55%;
	max-height: 55%;
}
#delivery .block ul li p {
	line-height: 1.7;
}
#delivery .block-2 {
	padding: 40px 106px;
	background: #ffe696;
}
#delivery .block-2 .item {
	margin-bottom: 85px;
}
#delivery .block-2 .item:last-child {
	margin-bottom: -18px;
}
#delivery .block-2 .item h3 {
	font-size: 42px;
	margin-bottom: 39px;
}
.spoiler>li {
	margin-bottom: 34px;
}
.spoiler li .title {
	font-size: 20px;
	border-bottom: 2px solid #fff;
	padding-bottom: 6px;
	position: relative;
	cursor: pointer;
	padding-right: 150px;
}
.spoiler li .title:before {
	content: 'развернуть';
	position: absolute;
	right: 25px;
}
.spoiler li.active .title:before {
	content: 'свернуть';
}
.spoiler li .title:after {
	content: '';
	position: absolute;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../img/arrow-3.svg);
	background-repeat: no-repeat;
	background-position: center center;
	right: 3px;
	top: 6px;
	-webkit-transition: -webkit-transform .1s ease-out;
	transition: -webkit-transform .1s ease-out;
	transition: transform .1s ease-out;
	transition: transform .1s ease-out, -webkit-transform .1s ease-out;
}
.spoiler li.active .title:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.spoiler li .content {
	background: #fff;
	padding: 30px;
	line-height: 1.7;
	box-sizing: content-box;
	display: none;
}
.spoiler li .content>*:last-child {
	margin-bottom: 0;
}
.spoiler li .content table {
	margin: 25px 0;
}
.spoiler li .content table tr td {
	padding: 10px 5px;
}
.spoiler li .content table tr td:first-child {
	position: relative;
	overflow: hidden;
	width: 215px;
	vertical-align: bottom;
	white-space: nowrap;
	padding-right: 50px;
	font-weight: bold;
}
.spoiler li .content table tr td:first-child:after {
	content: "";
	position: absolute;
	bottom: 15px;
	margin-left: 5px;
	width: 100%;
	border-bottom: 1px dotted;
}
#design {
	padding-top: 54px;
	padding-bottom: 130px;
	background: #fff;
}
#design h2 {
	text-align: left;
	margin-bottom: 82px;
}
#design .block {
	overflow: hidden;
}
#design .block .text {
	float: left;
	width: 50%;
}
#design .block .text h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 3px;
}
#design .block .text p {
	line-height: 1.6;
	margin-bottom: 25px;
}
#design .block .text .btn {
	margin-top: 28px;
}
#design .block .img {
	float: left;
	width: 50%;
	position: relative;
	height: 400px;
}
#design .block .img img {
	position: absolute;
	right: 0px;
	top: 4px;
	max-width: none;
}
#stock {
	color: #fff;
	text-align: center;
	padding-top: 122px;
	padding-bottom: 104px;
	width: 1436px;
	max-width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#stock h2 {
	margin-bottom: 55px;
}
#stock h2 span {
	font-size: 20px;
	margin-top: 20px;
}
#stock h3 {
	margin-bottom: 55px;
}
#stock .icons {
	text-align: center;
}
#stock .icons li {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
}
#stock .icons li .img {
	height: 45px;
	line-height: 45px;
	margin-bottom: 10px;
}
#stock .icons li .img img {
	display: inline-block;
	vertical-align: middle;
}
#reviews {
	padding-top: 115px;
	background: #fff;
}
#reviews h2 {
	margin-bottom: 87px;
}
#reviews ul {
	text-align: center;
}
#reviews ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 90px 75px 90px;
}
#reviews ul li a {
	width: 339px;
	height: 450px;
	display: block;
	background-image: url(../img/bdr.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#reviews ul li a:hover {
	opacity: 0.8;
}
#reviews ul li a img {
	max-width: 252px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
#faq {
	padding-top: 54px;
	padding-bottom: 54px;
	background: #fff;
}
#faq h2 {
	text-align: left;
	margin-bottom: 76px;
}
#faq .spoiler li .title {
	border-color: #ffcd54;
}
#contacts {
	padding-top: 40px;
	background: #fff;
}
#contacts h2 {
	text-align: left;
	margin-bottom: 80px;
}
#contacts .block {
	width: 536px;
	background: #ffcd54;
	position: absolute;
	right: 0;
	margin-top: 22px;
	margin-right: 20px;
	padding: 32px 15px 26px 50px;
	line-height: 2;
	z-index: 10;
	display: block;
	min-height: 494px;
}
#contacts .block p {
	line-height: 1.5;
	margin-bottom: 8px;
}
#contacts .block p span {
	line-height: 1.2;
	display: block;
}
#contacts .block table {
	margin-bottom: 30px;
}
#contacts .block table tr td:first-child {
	width: 96px;
}
#contacts .block table tr td:last-child {
	font-weight: bold;
}
#contacts .block table tr td i {
	font-weight: 400;
	font-size: 12px;
}
#contacts .block .link {
	color: #000;
	border-color: #000;
	line-height: 1.5;
}
#contacts .map {
	height: 535px;
}
#questions {
	padding-top: 68px;
	text-align: center;
	padding-bottom: 86px;
	background: #fff;
}
#questions h2 {
	margin-bottom: 25px;
}
#footer {
	background: #f8f8f8;
}
#footer .top {
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 17px 0 4px 0;
}
#footer .bottom {
	padding: 17px 0;
	color: #7a7a7a;
}
#footer .bottom .container {
	display: table;
}
#footer .bottom .container>* {
	display: table-cell;
	vertical-align: middle;
}
#footer .bottom .container img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
}
#footer .bottom .soc {
	width: 220px;
}
#footer .bottom .soc a {
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#footer .bottom .soc a:hover {
	opacity: 0.7;
}
#footer .bottom .links {
	text-align: center;
	/*font-weight: 300;*/
}
#footer .bottom .links a {
	margin: 0 40px;
	display: inline-block;
}
#footer .bottom .links a:hover {
	color: #f41224;
}
#footer .bottom .copyright {
	text-align: right;
	width: 250px;
	/*font-weight: 300;*/
}
.popup {
	max-width: 435px;
	margin: auto;
	width: 100%;
	padding: 30px 10px;
	background: #fafafa;
	border-radius: 10px;
	display: none;
}
.popup form {
	width: 100%;
}
.popup form .top h3 {
	margin-bottom: 20px;
}
.popup form .top h4 {
	margin-bottom: 30px;
}
.popup form .conf {
	margin-top: 10px;
	margin-left: 5px;
}
.fancybox-close {
	top: 0 !important;
	right: 0 !important;
	background-image: url(../img/close.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background-size: auto auto !important;
}
.fancybox-close:hover {
	opacity: 0.5;
}
.fancybox-opened .fancybox-skin {
	box-shadow: none !important;
}
.fancybox-overlay {
	background: rgba(115, 98, 33, 0.85) !important;
}
.error {
	border-color: red !important;
}
#thankyou {
	padding-top: 75px;
	padding-bottom: 275px;
	background: #fff;
}
#thankyou .container {
	padding-left: 10px;
}
#thankyou h1 {
	font-size: 42px;
	margin-top: 58px;
	margin-bottom: 20px;
}
#thankyou .container>p {
	line-height: 1.4;
	margin-bottom: 20px;
}
#thankyou .person {
	margin-top: 24px;
	margin-left: -6px;
	overflow: hidden;
}
#thankyou .person .img {
	width: 156px;
	height: 156px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 52px;
}
#thankyou .person .text {
	overflow: hidden;
	padding-top: 36px;
}
#thankyou .person .text p {
	margin-bottom: 12px;
}
#thankyou .share {
	margin-top: 115px;
}
#thankyou .share p {
	margin-bottom: 15px;
}
input:focus::-webkit-input-placeholder {
 color:transparent;
}
input:focus:-moz-placeholder {
 color:transparent;
}
input:focus::-moz-placeholder {
 color:transparent;
}
input:focus:-ms-input-placeholder {
 color:transparent;
}

.c-color-error__wrapper,
.c-color-error__wrapper-c {
	position:relative;
	width:1px;
	display:inline-block;
	vertical-align: middle;
    margin: 0px 0 0 10px;
}

.c-color-error,
.c-color-error-c {
    position: absolute;
    top: -16px;
    width: 550px;
    background: #F8F8F9 url(../img/alert.png) 10px center no-repeat;
    background-size: 22px;
	padding: 9px 15px 9px 40px;
    font-weight: bold;
	font-size: 13px;
}

.result-error {
    color: red;
    display: inline-block;
    margin: 0 0 0 15px;
	position: relative;
}

.result-error-2 {
	position: absolute;
    font-size: 13px;
    font-weight: bold;
    background: #F8F8F9;
    padding: 9px 15px 9px 15px;
    margin: 0px 0 0 50px;
    width: 492px;
    top: -16px;
}

#error-3 .c-color-error,
#error-7 .c-color-error {
    width: 365px;
}

#error-4,
#error-8,
#error-9,
#error-10 {
	width: 390px;
    top: 10px;
}

.b-scroller {
	z-index: 1101;
	position: fixed;
	right: 15px;
	bottom: 60px;
	opacity: .5;
	filter: alpha(opacity=50);
	display: none;
}

.b-scroller:hover {
	opacity: 1;
	cursor: pointer;
}

.b-scroller__btn {
	display: block;
	width: 75px;
	padding: 32px 12px 4px;
	color: white;
	background: #261d15 url(../img/ontop.png) no-repeat 50% 11px;
	border-radius: 8px;
}

.pack-rating {
	height: 91px;
	width: 246px;
	margin: 26px auto 0 auto;
}

.pack-rating-el {
	display: block;	
	margin: 0 0 18px 0;
	text-align: left;
}

.pack-rating span {
	width: 140px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.pack-r-1 {
	background: url(../img/mayka2.png) no-repeat top right;	
}

.pack-r-2{
	background: url(../img/reyter2.png) no-repeat top right;	
}

.pack-r-3{
	background: url(../img/per-ruch2.png) no-repeat top right;	
}

.pack-r-4{
	background: url(../img/ecostore2.png) no-repeat top right;	
}

.pack-r-5{
	background: url(../img/ecoprime2.png) no-repeat top right;	
}

.pack-r-6{
	background: url(../img/ecolux2.png) no-repeat top right;	
}

.popup-bwidth {
	width:845px;
	max-width:845px;
}

.popup-bwidth-image {
    position: absolute;
    top: 2px;
    left: -61px;
    width: 307px;
    height: auto;
}

.popup-bwidth-right {
	padding: 0 0 0 271px;
	text-align: left;	
}

.fancybox-inner {
	overflow:visible !important;
}

.popup-bwidth h2 {
	font-size: 32px;
	text-align: left;
	color: #000;
	margin-top: 12px;
	font-weight: bold;
}

.popup-bwidth p {
	color: #000;
	line-height: 1.5;
}

.popup-bwidth-fields {
	margin: 58px 0 0 0;	
}

.popup-bwidth-fields .item {
	display: inline-block !important;
	margin: 0px 12px 24px !important;
}

.popup-bwidth-fields .btn {
	display: block;
	width: 556px !important;
	margin: 3px auto;
	font-size: 24px;
}

.popup-bwidth .conf {
	margin-top: 40px !important;
}

.popup-bwidth .conf .item {
	width: 476px;
	margin: 0 auto;
}

.n-rating-chevrons {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.n-rating-chevrons__item {
	position: relative;
	display: table-cell;
	width: 15px;
	margin-right: 0;
	padding-left: 8px;
	text-align: center;
	text-indent: -9999px;
	color: #fff;
	background: #eeece8;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.n-rating-chevrons[data-rate='1'] .n-rating-chevrons__item:nth-child(1), .n-rating-chevrons[data-rate='2'] .n-rating-chevrons__item:nth-child(1), .n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(1), .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(1), .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(1) {
	padding-left: 5px;
	background: #f99f47;
}

.n-rating-chevrons[data-rate='2'] .n-rating-chevrons__item:nth-child(2), .n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(2), .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(2), .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(2) {
	background: #f6c000;
}

.n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(3), .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(3), .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(3) {
	background: #c1c710;
}

.n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(4), .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(4) {
	background: #8cb400;
}

.n-rating-chevrons.n-rating-chevrons_text[data-rate='1'] .n-rating-chevrons__item:nth-child(1), 
.n-rating-chevrons.n-rating-chevrons_text[data-rate='2'] .n-rating-chevrons__item:nth-child(2), 
.n-rating-chevrons.n-rating-chevrons_text[data-rate='3'] .n-rating-chevrons__item:nth-child(3), 
.n-rating-chevrons.n-rating-chevrons_text[data-rate='4'] .n-rating-chevrons__item:nth-child(4), 
.n-rating-chevrons.n-rating-chevrons_text[data-rate='5'] .n-rating-chevrons__item:nth-child(5) {
	width: 25px;
	text-indent: 0;
}

.n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(5) {
	background: #359e00;
}

.n-rating-chevrons__item:after, .n-rating-chevrons__item:before {
	position: absolute;
	top: 0;
	right: -5px;
	z-index: 2;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-width: 9px 0 9px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #eeece8;
	-moz-border-end-style: dotted;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.n-rating-chevrons__item:before {
	top: -3px;
	right: -7px;
	z-index: 1;
	clip: rect(3px,8px,21px,0);
	border-width: 12px 0 12px 7px;
	border-color: transparent transparent transparent #fff;
}

.n-rating-chevrons[data-rate='1'] .n-rating-chevrons__item:nth-child(1):after, .n-rating-chevrons[data-rate='2'] .n-rating-chevrons__item:nth-child(1):after, .n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(1):after, .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(1):after, .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(1):after {
	border-left-color: #f99f47;
}

.n-rating-chevrons[data-rate='2'] .n-rating-chevrons__item:nth-child(2):after, .n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(2):after, .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(2):after, .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(2):after {
	border-left-color: #f6c000;
}

.n-rating-chevrons[data-rate='3'] .n-rating-chevrons__item:nth-child(3):after, .n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(3):after, .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(3):after {
	border-left-color: #c1c710;
}

.n-rating-chevrons[data-rate='4'] .n-rating-chevrons__item:nth-child(4):after, .n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(4):after {
	border-left-color: #8cb400;
}

.n-rating-chevrons[data-rate='5'] .n-rating-chevrons__item:nth-child(5):after {
	border-left-color: #359e00;
}

.bio-img {
	float:left;
	height:50px;
	width: 39px;
    margin: 0 10px 10px 0;
}
.rub {
	font-family: 'Rubl';
}
.jq-selectbox {

}
.jq-selectbox__dropdown{
	z-index: 1;
}
.desctip-map{
	display: block;
}
.mobile-map{
	display: none;
}

.page-404 {
	
}

.page-404 .container {
    padding: 39px 44px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.page-404__head {
	
}

.page-404__head-part-1 {
    display: inline-block;
    vertical-align: top;
    font-size: 37px;
    font-weight: bold;
    line-height: 1.1;
}

.page-404__head-part-2 {
	display: inline-block;
    vertical-align: top;
    color: #A6A6A6;
    margin: 0 0 0 23px;
    font-size: 140px;
    font-weight: bold;
    line-height: 0.85;
    letter-spacing: 0;
}

.page-404__content {
    margin: 72px 0 0 0;	
}

.page-404__menu {
    float: right;
    z-index: 1;
    position: relative;
}

.page-404__menu li {
    margin: 0 0 19px 0;	
}

.page-404__menu li a {
    font-size: 14px;
    display: inline-block;
    padding: 4px 8px 6px 8px;
    border-radius: 6px;
    position: relative;
    color: #0089ff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.page-404__menu li a:after {
    content: '';
    width: calc(100% - 16px);
    height: 1px;
    background: #b2d4ff;
    position: absolute;
    left: 8px;
    bottom: 3px;
}

.page-404__menu li a:hover {
	border-radius: 6px;
    background: #e6f2fe;
}

.page-404__left-block p {
	
}

.page-404__left-block > a {
    display: inline-block;
    margin: 39px 0 0 0;
}

.page-404__left-block a img {
    width: 310px;	
}

.page-404__left-block {
    font-size: 20px;
    line-height: 2;	
}

.page-404__phone {
    margin: 53px 0 0 0;	
}

.page-404__email {
	margin: -17px 0 0 0 !important;
    display: inline-block;
	color: #0089ff;
	border-bottom: 1px #0089ff solid;
	line-height: 1;
}

.thx-window {
    color: #000;
    max-width: 846px;
}

.thx-window .thx-window__img {
    width: 285px;
    height: 100%;
    float: left;
    margin: -25px 0 0 92px;
}

.thx-window .thx-window__title {
    font-size: 33px;
    margin: 67px 0 0 430px;
    width: 385px;
    font-weight: bold;
    letter-spacing: 0px;
}

.thx-window .thx-window__description {
    font-size: 15px;
    margin: 28px 0 0 430px;
    width: 385px;
    line-height: 40px;
}

.supHidden {
	
}

.supHidden .jq-selectbox__dropdown {
	display: none !important;
}

.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: none !important;
    transform: none !important;
}

.jq-selectbox.c-backcolors {
    margin-left: 5px;
}

.jq-checkbox .jq-checkbox__div {
	z-index:0 !important;
}

.c-select-tip {
	font-style: italic;
	color: #888;
}

.c-tip-wrapper {
	display: inline-block;
	position:relative;
}

.c-colored-list .jq-selectbox__dropdown {
	width: 313px;
    padding: 3px;
}

.c-colored-list.c-colored-list-long .jq-selectbox__dropdown {
    width: 620px;
}

.c-colored-list.jq-selectbox li.selected,
.c-colored-list.jq-selectbox li:hover {
    border: 2px #FFEBAF solid;	
	margin:0px 1px;
}

.c-colored-list.jq-selectbox .color-option {
	display: inline-block;
    width: 100px;
	height: 30px;
    border: 1px #CFCFCF solid;
	margin: 1px 1px;
    padding: 5px 5px 6px 5px;
    text-align: center;	
}

.c-colored-list.c-colored-list-long.jq-selectbox .color-option {
    width: 120px;
	height: 48px;	
	position:relative;
    vertical-align: top;
    line-height: 20px;
}

.c-colored-list.c-colored-list-long.jq-selectbox .color-option.color-option-hidden {
	visibility: hidden;
}

.c-colored-list.jq-selectbox .jq-selectbox__select {
	position: relative;
    padding: 0px 35px 0 28px;
}

.c-colored-list.jq-selectbox .jq-selectbox__select-text {
	color: #000;
}

.c-colored-list.jq-selectbox .jq-selectbox__select:before {
	content: '';
    position: absolute;
    left: 10px;
    top: 5px;
    width: 16px;
    height: 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px #CFCFCF solid;
    display: block;
}

li.co-1,
.img-c-1 {
	background: #fff !important;
}

.co-1 .jq-selectbox__select:before {
	background: #fff !important;	
}

li.co-2,
.img-c-2 {
	background: #f7abf3 !important;
}

.co-2 .jq-selectbox__select:before {
	background: #f7abf3 !important;	
}

li.co-3,
.img-c-3 {
	background: #127fbe !important;
	color:#fff;
}

.co-3 .jq-selectbox__select:before {
	background: #127fbe !important;	
}

li.co-4,
.img-c-4 {
	background: #f6f6f6 !important;
}

.co-4 .jq-selectbox__select:before {
	background: #f6f6f6 !important;	
}

li.co-5,
.img-c-5 {
	background: #ff4d21 !important;
}

.co-5 .jq-selectbox__select:before {
	background: #ff4d21 !important;	
}

li.co-6,
.img-c-6 {
	background: #09b5a8 !important;
}

.co-6 .jq-selectbox__select:before {
	background: #09b5a8 !important;	
}

li.co-7,
.img-c-7 {
	background: #000000 !important;
	color:#fff;
}

.co-7 .jq-selectbox__select:before {
	background: #000000 !important;	
}

li.co-8,
.img-c-8 {
	background: #f5efa9 !important;
}

.co-8 .jq-selectbox__select:before {
	background: #f5efa9 !important;	
}

li.co-9,
.img-c-9 {
	background: #1323af !important;
	color:#fff;
}

.co-9 .jq-selectbox__select:before {
	background: #1323af !important;	
}

li.co-10,
.img-c-10 {
	background: #ff001d !important;
	color:#fff;
}

.co-10 .jq-selectbox__select:before {
	background: #ff001d !important;	
}

li.co-11,
.img-c-11 {
	background: #f9e54b !important;
}

.co-11 .jq-selectbox__select:before {
	background: #f9e54b !important;	
}

li.co-12 {
	background: url(../img/silver.png) 0px 0px repeat !important;
}

.img-c-12 {
	background: url(../img/silver-big.png) 0px 0px repeat !important;
}

.co-12 .jq-selectbox__select:before {
	background: url(../img/silver.png) -60px 0px repeat !important;	
}

li.co-13,
.img-c-13 {
	background: #97016b !important;	
	color:#fff;
}

.co-13 .jq-selectbox__select:before {
	background: #97016b !important;		
}

li.co-14,
.img-c-14 {
	background: #008341 !important;	
	color:#fff;
}

.co-14 .jq-selectbox__select:before {
	background: #008341 !important;		
}

li.co-15 {
	background: url(../img/gold.png) 0px 0px repeat !important;
}

.img-c-15 {
	background: url(../img/gold-big.png) 0px 0px repeat !important;
}

.co-15 .jq-selectbox__select:before {
	background: url(../img/gold.png) 0px 0px repeat !important;	
}

li.co-16,
.img-c-16 {
	background: #58AB51 !important;
}

.co-16 .jq-selectbox__select:before {
	background: #58AB51 !important;	
}

li.co-17,
.img-c-17 {
	background: #7B2631 !important;
	color:#fff;
}

.co-17 .jq-selectbox__select:before {
	background: #7B2631 !important;	
}

li.co-18,
.img-c-18 {
	background: #5E2819 !important;
	color:#fff;
}

.co-18 .jq-selectbox__select:before {
	background: #5E2819 !important;	
}

li.co-19,
.img-c-19 {
	background: #153B6B !important;
	color:#fff;
}

.co-19 .jq-selectbox__select:before {
	background: #153B6B !important;	
}

li.co-20,
.img-c-20 {
	background: #8E4C9A !important;
	color:#fff;
}

.co-20 .jq-selectbox__select:before {
	background: #8E4C9A !important;	
}

li.co-21,
.img-c-21 {
	background: #21493C !important;
	color:#fff;
}

.co-21 .jq-selectbox__select:before {
	background: #21493C !important;	
}

/* */

li.co-22,
.img-c-22 {
	background: #69c !important;
	color:#fff;
}

.co-22 .jq-selectbox__select:before {
	background: #69c !important;	
}

li.co-23,
.img-c-23 {
	background: #369 !important;
	color:#fff;
}

.co-23 .jq-selectbox__select:before {
	background: #369 !important;	
}

li.co-24,
.img-c-24 {
	background: #00f !important;
	color:#fff;
}

.co-24 .jq-selectbox__select:before {
	background: #00f !important;	
}

/* */

.jq-selectbox.color-option {
	background: transparent !important;
}

.c-colored-list-long .color-option:before {
    position: absolute;
    display: block;
    content: '';
    top: 20px;
    font-size: 10px;
    width: 90px;
    left: 50%;
    margin: 0 0 0 -45px;
}

.c-colored-list-long .co-1:before {
content: "Pantone White";
}

.c-colored-list-long .co-2:before {
content: "Pantone 1905 C";
}

.c-colored-list-long .co-3:before {
content: 'Pantone 2995 C';
}

.c-colored-list-long .co-16:before {
content: 'Pantone 2257 C';
}

.c-colored-list-long .co-10:before {
content: 'Pantone 1795 C';
}

.c-colored-list-long .co-17:before {
content: 'Pantone 195 C';
}

.c-colored-list-long .co-5:before {
content: 'Pantone 1655 C';
}

.c-colored-list-long .co-18:before {
content: 'Pantone 477 C';
}

.c-colored-list-long .co-19:before {
content: 'Pantone 2766 C';
}

.c-colored-list-long .co-15:before {
content: 'Pantone -873 C';
}

.c-colored-list-long .co-11:before {
content: 'Pantone 123 C';
}

.c-colored-list-long .co-7:before {
content: 'Pantone Black';
}

.c-colored-list-long .co-8:before {
content: 'Pantone 7401 C';
}

.c-colored-list-long .co-20:before {
content: 'Pantone 2587 C';
}

.c-colored-list-long .co-14:before {
content: 'Pantone 356 C';
}

.c-colored-list-long .co-12:before {
content: 'Pantone -877 C';
}

.c-colored-list-long .co-21:before {
content: 'Pantone 3305 C';
}

.c-colored-list-long .co-22:before {
content: 'Pantone 7698 C';
}

.c-colored-list-long .co-23:before {
content: 'Pantone 7714 C';
}

.c-colored-list-long .co-24:before {
content: 'Pantone 2935 C';
}

li.color-option-full {
    padding: 11px 5px 4px 5px;	
}

.img-big__wrapper {
	position:relative;
}

.img-big__wrapper-1 {
	width: 203px;
	height:249px;	
}

.img-big__wrapper-23 {
	width: 227px;
	height:249px;
}

.img-big__wrapper-text {
    position: absolute;
    top: 118px;
    left: 38px;
    color: #000;
    font-size: 23px;
    width: 100px;
    text-align: center;
}

#c-2 .img-big__wrapper-text {
    left: 62px;	
}

#c-3 .img-big__wrapper-text {
    left: 62px;	
}

.c-dimension .jq-selectbox__select-text,
.c-density .jq-selectbox__select-text {
	min-width:60px;
}

.dev-block {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px grey solid;
    width: 300px;
    min-height: 100px;
    border-radius: 5px;
    background: rgba(128, 128, 128, 0.1);
}

.dev-block-bottom {
    position: absolute;
    bottom: 32px;
    right: 0px;
    border: 1px grey solid;
    border-radius: 5px;
    background: #FFC2C4;
    padding: 7px;
}

.dev-block-bottom__inner {
	border:1px #FF0202 dotted;
	background:#fff;
    border-radius: 5px;
    line-height: 1.75;
    padding: 8px 20px;
}

.dev-block-bottom__inner span {
	font-weight: bold;
}

.load-bufer {
	
}

.load-bufer .bufer-copy {
    float: right;
    background: #f9c400;
    padding: 6px 14px 8px;
    border-radius: 3px;
    color: #000;
    margin: 20px 0 0 0;
}

.load-bufer .bufer-copy:before {
	display:none;
}

.load-bufer h2 {
    font-size: 26px;
    padding: 18px 0 0 0;
    font-weight: normal;
    margin: 0 0 23px 0;	
}

.load-bufer__data-1,
.load-bufer__data-2 {
	border: 1px #000 solid;
	margin:12px 0 0 0;
    padding: 16px 16px;
	font-family: 'Menlo';
}	

.load-bufer__data-1 > div,
.load-bufer__data-2 > div {
    margin: 0 0 4px 0;
    line-height: 32px;
}

.hidden-list-wrap {
    color: #adadad;	
}

.hidden-list {
	cursor: not-allowed;
    color: #adadad;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#error-8 {
	position:relative;
}

.roistat-promo-wrap {
	background:#ffcd54 !important;
	color:#000 !important;
	font-family: 'Open Sans', sans-serif !important;
}

.roistat-promo-text {
	
}

.roistat-promo {
	
}

.question-marquiz {
    border-radius: 5px;
    box-shadow: 0px 5px 33px 0px rgba(140, 145, 147, 0.2);
    max-width: 1160px;
    width: 100%;
    margin: 17px auto 40px auto;
    padding: 15px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.question-marquiz__text {
	
}

.question-marquiz__text .question-marquiz__test-title {
    line-height: 46px;	
    margin-bottom: 14px;
}

.question-marquiz__text .question-marquiz__test-title div {
	display: inline-block;
    border-radius: 5px;
    background-color: #fbdf5b;
    padding: 2px 12px 4px;
}

.question-marquiz__text p {
	text-align: center;
    font-size: 20px;
    padding: 0 34px;
}

.question-marquiz .marquiz__container {
    text-align: center;
    margin: 54px 0 20px;
}

.question-marquiz .marquiz__container a {
    padding: 16px 21px 20px;	
}

.shelk-tip-wrapper {
	position:relative;
}

.shelk-tip {
	display: none;
    background: #F5F5F5;
    border-radius: 5px;
    color: #737373;
    position: relative;
	padding: 5px 8px;
    font-size: 14px;
    line-height: 18px;
    top: -10px;
    left: 20px;
    margin: 0 0 -24px 0;
}

.shelk-tip__left {
    display: inline-block;	
    vertical-align: top;
    letter-spacing: 0.1px;
}

.shelk-tip__left b {
    color: #595959;	
}

.shelk-tip__right {
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 14px;
}

.shelk-tip__right:before {
	display: inline-block;
    content: '';
    background: #737373;
    width: 1px;
    height: 35px;
    position: absolute;
    top: 1px;
    left: -10px;
}

.shelk-tip__q {
	background: #F5F5F5;
    display: inline-block;
    border: 1px #737373 solid;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    line-height: 12px;
    text-align: center;
    font-size: 9px;
    margin: 0 0 0 4px;
    position: relative;
    top: -1px;
	cursor: arrow
}

.shelk-tip__q-text {
	position: absolute;
	left:0px;
	top:0px;
}

.shelk-tip__timer {
    font-size: 14px;
	font-weight: bold;
	color:#ff0500;	
}

.shelk-tip__timer .countdown-section {
    margin-right: 4px;	
}

.shelk-tip__timer .countdown-amount {
    font-size: 14px;
	font-weight: bold;
	color:#ff0500;	
	border:none;
	display:inline;
	padding:0;
	margin:0px;
	vertical-align:top;
	text-transform:lowercase;
    line-height: 18px;
}

.shelk-tip__timer .countdown-period {
    font-size: 14px;
	font-weight: bold;
	color:#ff0500;	
	display:inline;
	padding:0;
    margin: 0px 0 0 3px;
	vertical-align:top;
	text-transform:lowercase;
    line-height: 18px;
	letter-spacing: normal;
}

.shelk-tip .info {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    cursor: pointer;
}

.shelk-tip .info:before {
    content: '?';
    width: 14px;
    height: 14px;
    font-size: 12px;
    line-height: 12px;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    color: #737373;
    margin: 0 0 0 2px;
}

.shelk-tip .content {
    position: absolute;
    top: 20px;
    left: 10px;
    white-space: nowrap;
    border-width: 1px;
    border-color: rgb(207, 207, 207);
    border-style: solid;
    background-color: #fff;
    box-shadow: 0px 15px 23px 2.5px rgba(112, 112, 112, 0.35);
    padding: 15px;
    font-size: 13px;
    display: block;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
	font-style:italic;
	color:#000;
}

.shelk-tip .info:hover .content {
    opacity: 1;
    visibility: visible;
}

.jq-checkbox.disabled, .jq-radio.disabled {
    background: #ccc;
}

.question-marquiz-2 {
	margin: 40px 0 26px;
}

.tags {
	text-align:center;
}

.tags__item {
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.30);
    border-radius: 6px;
	background: #F5F5F5;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    padding: 10px 17px;
    margin: 0 0px 0 0;
	font-weight: bold;
}

.question-marquiz-2__title {
	font-family: Roboto;
	font-size: 42px;
	line-height: 50px;
	text-align: center;
	color: #1B1B1B;	
	margin: 33px 0 0 0;
}

.question-marquiz-2__title br {
	display:none;
}

.question-marquiz-2__text {
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	color: #1B1B1B;	
	margin: 26px 0 0 0;
}

.question-marquiz-2__text-2 {
	font-family: Open Sans;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #CB3579;	
	margin: 31px 0 0 0;
}

.offers {
    margin: 12px 0 0 0;
}

.offers__img-wrap {
	position:relative;
	width: 100px;
	height: 100px;
	background: linear-gradient(276.32deg, #CB3579 12.24%, #DA5893 85.19%);
	box-shadow: 0px 24px 48px rgba(144, 0, 65, 0.45);
	border-radius: 50px;
    float: left;
    margin: 0 31px 0 0;
}

.offers__img-wrap.offers__img-wrap_transparent {
	margin: 0 29px 0 0;
    border: 2px #D8528F solid;
    box-sizing: border-box;
    background: none;	
}

.offers__item {
	display:inline-block;
	width: 394px;
	vertical-align: top;
}

.offers__item:first-child {
	margin: 0 0 0 -4px;
}

.offers__item:last-child {
	width: 367px;
}

.offers__lock {
	position:absolute;
	top:0px;
	right: 0px;
	width: 26px;
	height: 26px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(75, 0, 34, 0.35);
    text-align: center;
	border-radius: 50%;
}

.offers__lock img {
    max-width: 12px;
    margin: 5px 0 0 0;
}

.offers__img {
    display: block;	
	height: 96px;
	max-width:500px;
}

.offers__item:nth-child(1) .offers__img {
    height: 131px;
    position: relative;
    top: -15px;
    left: -16px;
}

.offers__item:nth-child(2) .offers__img {
    height: 131px;
    position: relative;
    top: -15px;
    left: -16px;
}

.offers__item:nth-child(3) .offers__img {
    height: 131px;
    position: relative;
    top: -20px;
    left: 2px;
}

.offers__title {
    font-size: 15px;
    color: #000000;
    font-weight: 700;
    margin: 12px 0 0 0;	
}

.offers__text {
	font-size: 15px;
    line-height: 20px;
    color: #1B1B1B;
    max-width: 368px;
    margin: 2px 0 0 0;
}

.offers__text-span {
	font-size: 12px;
    line-height: 18px;
    color: #1B1B1B;
    color: rgba(27, 27, 27, 0.30);
    margin: 9px 0 0 0;
}

.offers__item:nth-child(3) .offers__text {
	max-width: 366px;
    width: 366px;	
}

.offers__item:nth-child(3) .offers__title {
    margin: 3px 0 0 0;
}

.offers__item:nth-child(3) .offers__img-wrap {
    margin: 0 29px 16px 0;	
}

.b-quiz {
    margin: 30px 0 0 0;	
}

.b-quiz .b-marquiz__container {
	text-align:center;
    margin: 0 0 0 -5px;
}

.b-quiz .marquiz__button,
.b-quiz .marquiz__button:hover,
.b-quiz .marquiz__button:focus {
	/*background: linear-gradient(296.92deg, #CB3579 12.24%, #DA5893 85.19%);*/
	box-shadow: 0px 24px 48px rgba(144, 122, 0, 0.45);
	font-size: 24px !important;
	line-height: 18px !important;
    color: #473e09 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
	border:none;
    padding: 21px 118px;
	background-color: #ffcc00;
}

.b-quiz .marquiz__button:hover {
	box-shadow: none;
}

.b-quiz:after {
	content:'';
	display:block;
	width:228px;
	height:1px;
	background: #D95490;
	margin:100px auto 0;
}

input[type="checkbox"].error + span {
	color:red;
}
