sup {
	font-size: 11px
}
.btn, .header .tel, a:hover {
	text-decoration: none
}
.blink {
	-webkit-animation: 1.5s linear normal none infinite running blink;
	animation: 1.5s linear normal none infinite running blink;
	color: #eb2629
}
@-webkit-keyframes blink {
	50% {
		color: rgba(235, 38, 41, 1)
	}
	51% {
		color: rgba(235, 38, 41, 0)
	}
	100% {
		color: rgba(235, 38, 41, 0)
	}
}
@keyframes blink {
	50% {
		color: rgba(235, 38, 41, 1)
	}
	51% {
		color: rgba(235, 38, 41, 0)
	}
	100% {
		color: rgba(235, 38, 41, 0)
	}
}
.header, .header .right p, .header .tel, .promo-block {
	position: relative
}
*, .clr {
	margin: 0;
	padding: 0
}
* {
	border: 0;
	box-sizing: border-box
}
body {
	color: #000;
	font: 16px/18px Roboto
}
.content {
	max-width: 1600px;
	margin: 0 auto
}
.container {
	width: 978px;
	margin: 0 auto
}
a {
	outline: 0;
	color: #006fb2
}
.left {
	float: left
}
.right {
	float: right
}
.clr {
	clear: both;
	float: none
}
.block-title {
	font: 600 32px/42px Roboto;
	margin-bottom: 40px;
	text-align: center
}
.block-subtitle {
	font: 300 20px/26px Roboto;
	letter-spacing: .4px;
	color: #959595;
	text-align: center;
	margin: -30px 0 40px
}
.col {
	float: left
}
.col-6 {
	width: 50%
}
.col-12 {
	width: 100%
}
input, textarea {
	height: 56px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 6px;
	font: 17px/56px Roboto;
	color: #484848;
	padding: 0 10px
}
input:focus, textarea:focus {
	border-color: #006fb2
}
input:-webkit-input-placeholder {
	font: 300 17px/56px Roboto
}
input::-ms-input-placeholder {
	font: 300 17px/56px Roboto
}
input::-moz-placeholder {
	font: 300 17px/56px Roboto
}
input.done {
	border-color: #66b82b;
	box-shadow: 0 0 2px 0 #66b82b
}
label {
	display: block;
	font-weight: 700;
	margin: 0 0 8px
}
.appendix {
	padding-left: 5px
}
.hidefield {
	display: none
}
.btn {
	border: 0;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 500 18px/56px Roboto;
	letter-spacing: .3px;
	padding: 0 20px;
	outline: none
}
.btn.green {
	background: -webkit-linear-gradient(bottom, #00a547 0, #00c353 100%);
	background: linear-gradient(bottom, #00a547 0, #00c353 100%)
}
.btn.green:hover {
	background: #00c153
}
@font-face {
	font-family: Rouble;
	src: url(/fonts/Rouble-Sans.otf) format('opentype')
}
.rouble {
	font-family: Rouble;
	font-weight: 400;
	font-style: normal
}
.header {
	display: block;
	margin: 30px 0;
	text-align: center
}
.header .logo {
	display: block;
	float: left;
	height:50px;
}
.header .address {
	display: inline-block;
	font: 17px/25px Roboto
}
.header .tel {
	display: block;
	margin-bottom: 5px;
	font: 800 24px Roboto;
	letter-spacing: .4px;
	color: #1a1a1a;
	text-align: right
}
.header .tel:hover {
	text-decoration: underline
}
.header .right p {
	display: block
}
.header .right .popup-btn {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	text-align: right
}
.promo-block {
	display: block;
	height: 460px;
	background: url(images/promo-bgr1.webp) top center no-repeat
}
.promo-block .left {
	width: 59%
}
.site-title {
	display: block;
	margin-top: 60px
}
.site-title h1 {
	font: 600 42px/52px Roboto;
	letter-spacing: .4px
}
.site-title h2 {
	display: block;
	margin-top: 20px;
	font: 24px/34px Roboto
}
.site-title p {
	margin-top: 30px;
	font: 600 26px/36px Roboto;
	letter-spacing: .5px;
	color: #eb2629
}
.promo-block .promo-form {
	display: block;
	margin-top: 30px
}
.promo-block .promo-form .promo-btn {
	margin-left: 20px
}
.benefits-block {
	display: block;
	margin: 50px 0
}
.benefits-block .item {
	float: left;
	width: 22%;
	margin-left: 4%
}
.benefits-block .item:first-child {
	margin-left: 0
}
.benefits-block .item .icon {
	display: block;
	margin-bottom: 15px;
	height: 50px;
	background-image: url(images/benefits-icons.webp);
	background-repeat: no-repeat;
	background-attachment: scroll
}
.benefits-block .item .icon-1 {
	width: 41px;
	background-position: 0 0
}
.benefits-block .item .icon-2 {
	width: 47px;
	background-position: -41px 0
}
.benefits-block .item .icon-3 {
	width: 51px;
	background-position: -88px 0
}
.benefits-block .item .icon-4 {
	width: 36px;
	background-position: -139px 0
}
.benefits-block .item h3 {
	display: block;
	margin-bottom: 10px;
	font: 500 18px Roboto
}
.benefits-block .item p {
	display: block;
	font: 300 16px/22px Roboto
}
.catalog-block {
	display: block;
	margin: 70px 0 0
}
.catalog-block .nets-part .item {
	float: left;
	width: 33.33%;
	text-align: center
}
.catalog-block .item .name {
	display: block;
	margin: 20px 0;
	font: 500 20px/20px Roboto;
	letter-spacing: .4px
}
.catalog-block .item p {
	display: block;
	font: 300 16px/22px Roboto
}
.catalog-block .item .price {
	display: block;
	margin: 20px 0;
	font: 26px/26px Roboto;
	color: #eb2629
}
.catalog-block .item .price span {
	font-weight: 500
}
.catalog-block .canvas-part {
	margin-top: 50px
}
.catalog-block .canvas-part .item {
	display: block;
	height: 400px
}
.catalog-block .canvas-part .item-1 {
	background: url(images/catalog-canvas-obychnaya-2.webp) center center no-repeat
}
.catalog-block .canvas-part .item-2 {
	background: url(images/catalog-canvas-antikoshka-2.webp) center center no-repeat
}
.catalog-block .canvas-part .item-3 {
	background: url(images/antipl.webp) center center no-repeat
}
.catalog-block .canvas-part .item .left, .catalog-block .canvas-part .item .right {
	width: 50%;
	margin-top: 90px
}
.catalog-block .canvas-part .item img {
	float: left;
	width: 170px;
	margin-right: 20px
}
.catalog-block .canvas-part .item .text {
	float: right;
	width: calc(100% - 190px)
}
.catalog-block .canvas-part .item .text .name {
	margin: 0 0 20px
}
.catalog-block .canvas-part .item .text .price {
	margin: 20px 0 0
}
.repair-block {
	display: block;
	margin: 50px 0
}
.repair-block .repair-wrapper {
	display: block;
	padding: 20px;
	border: 1px solid #00a63d
}
.repair-block .text, .repair-block img {
	float: left;
	width: 350px;
	margin-right: 50px
}
.repair-block .text p {
	margin-bottom: 10px;
	font: 500 20px/34px Roboto
}
.repair-block .text span {
	font: 300 18px/26px Roboto
}
.repair-block .btn {
	float: right;
	margin-top: 25px
}
.calculator-block {
	display: block;
	margin: 0 0 60px;
	padding: 50px 0 30px;
	background: url(images/bgr.webp) #e9f6fe
}
.calculator-block .left {
	width: 402px;
	text-align: center
}
.calculator-block .right {
	width: calc(100% - 432px);
	padding: 15px 0 15px 60px
}
.calculator-block .right .calculator-row {
	display: block;
	margin: 0 0 15px
}
.calculator-block .right #netHeight, .calculator-block .right #netWidth {
	width: 100px
}
.calculator-block .right .radio {
	float: left;
	padding: 12px 18px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 25px;
	font: 16px/16px Roboto;
	color: #484848;
	letter-spacing: .4px;
	cursor: pointer;
	transition: all .2s ease 0s;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s
}
.calculator-block .right .radio.checked {
	border-color: #006fb2;
	color: #006fb2!important
}
.calculator-block .right .color-btns .radio {
	float: left;
	padding: 0;
	background: 0 0;
	border: none;
	border-radius: 0
}
.calculator-block .right .color-btns .radio span {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #999;
	vertical-align: middle
}
.calculator-block .right .color-btns .white span {
	background: #fff
}
.calculator-block .right .color-btns .brown span {
	background: #613114
}
.calculator-block .right .color-btns .checked span {
	border-color: #006fb2
}
.calculator-block .right .btn {
	margin: 10px 0 0 10px
}
.gallery-block {
	display: block;
	margin: 60px 0
}
.bx-wrapper .bx-controls .bx-prev {
	background-position: left top;
	left: -64px
}
.bx-wrapper .bx-controls .bx-next {
	background-position: right top;
	right: -64px
}
.bx-wrapper .bx-controls a {
	background-image: url(images/gallery-controls.webp);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 40%;
	z-index: 99;
	outline: 0;
	text-indent: -9999px
}
.gallery-block .gallery-componets {
	display: block;
	margin-top: 80px
}
.gallery-block .gallery-componets .left, .gallery-block .gallery-componets .right {
	width: 46%
}
.gallery-block .gallery-componets .left {
	margin-right: 8%
}
.gallery-block .gallery-componets .text {
	display: block;
	margin-bottom: 40px;
	font: 600 24px/24px Roboto;
	text-align: center
}
.gallery-block .gallery-componets .left .text {
	color: #eb2629
}
.gallery-block .gallery-componets .right .text {
	color: #00a63d
}
.gallery-block .gallery-componets .components-photos {
	text-align: center
}
.gallery-block .gallery-componets .components-photos .img {
	display: inline-block;
	width: 100px;
	border-radius: 50%;
	margin: 0 5px 30px
}
.gallery-block .gallery-componets .components-photos a img {
	border-radius: 50%;
	display: block;
	width: 100%
}
.gallery-block .gallery-componets .components-list li, .setup-works-block li {
	display: block;
	position: relative;
	margin-bottom: 20px;
	min-height: 26px;
	list-style-type: none
}
.gallery-block .gallery-componets .components-list li:before, .setup-works-block li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 26px;
	height: 26px;
	background-image: url(images/gallery-icons.webp);
	background-repeat: no-repeat;
	background-attachment: scroll
}
.gallery-block .gallery-componets .yes li:before {
	background-position: 0 0
}
.gallery-block .gallery-componets .no li:before {
	background-position: -26px 0
}
.gallery-block .gallery-componets .components-list li span, .setup-works-block li span {
	display: block;
	padding-left: 46px;
	font: 18px/24px Roboto
}
.order-block {
	display: block;
	margin: 60px 0 0;
	padding: 50px 0;
	background: #e9f2f1
}
.order-block .item {
	float: left;
	width: 33.33%;
	text-align: center
}
.order-block .item .number {
	display: block;
	margin: 0 auto 20px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #00a63d;
	text-align: center
}
.order-block .item .number span {
	font: 500 24px/54px Roboto;
	color: #fff
}
.order-block .item .text {
	padding: 0 30px;
	font: 300 16px/22px Roboto
}
.order-block .item .text a {
	font-weight: 500;
	font-size: 18px
}
.order-block .order-part {
	display: block;
	position: relative;
	margin: 100px 0 65px
}
.order-block .order-part .order-wrapper {
	width: 90%;
	padding: 20px;
	border: 1px solid #00a63d
}
.order-block .order-part .order-text {
	float: left;
	margin-top: 10px;
	width: 350px;
	font: 500 24px/34px Roboto;
	letter-spacing: .4px
}
.order-block .order-part .order-form .btn, .order-block .order-part .order-form input[type=tel] {
	display: block;
	width: 290px;
	margin: 0 0 10px
}
.order-block .order-part .order-image {
	position: absolute;
	right: 0;
	top: -90px;
	height: 340px
}
.setup-block {
	display: block;
	position: relative;
	height: 550px;
	background: url(images/setup-bgr.webp) no-repeat scroll top right
}
.setup-block .left {
	width: 75%
}
.setup-block .site-title {
	margin-top: 55px
}
.setup-block .site-title p {
	margin-top: 20px
}
.setup-block ul {
	display: block;
	margin: 40px 0
}
.setup-block ul li {
	display: inline-block;
	width: 31%;
	list-style-type: none;
	position: relative
}
.setup-block ul li:before {
	background-attachment: scroll;
	background-image: url(images/setup-li-icon.webp);
	background-repeat: no-repeat;
	content: '';
	height: 40px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 40px
}
.setup-block ul li span {
	display: block;
	font: 18px/24px Roboto;
	padding-left: 50px
}
.setup-block .setup-form {
	display: inline-block;
	padding: 30px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 5px 20px 80px 0 rgba(36, 36, 36, .2);
	-o-box-shadow: 5px 20px 80px 0 rgba(36, 36, 36, .2);
	box-shadow: 5px 20px 80px 0 rgba(36, 36, 36, .2)
}
.setup-block .setup-form p {
	margin-bottom: 20px;
	font: 500 20px/30px Roboto;
	letter-spacing: .4px
}
.setup-block .setup-form .setup-btn {
	margin-left: 20px
}
.setup-works-block {
	display: block;
	margin: 60px 0
}
.setup-works-block li {
	display: inline-block;
	width: 33%;
	padding: 0 20px
}
.setup-works-block li:before {
	top: 10px;
	left: 20px
}
.footer {
	margin-bottom: 30px;
	padding-top: 60px;
	border-top: 1px solid #00a63d
}
.footer .left {
	width: 50%
}
.footer .left p {
	display: block;
	margin-bottom: 20px;
	font: 600 22px/22px Roboto;
	letter-spacing: .4px
}
.footer .left .address, .footer .left .mail, .footer .left .time {
	display: block;
	margin-bottom: 10px;
	font: 18px/24px Roboto;
	letter-spacing: .4px
}
.footer .left .popup-btn {
	display: block;
	margin: 0 0 20px;
	font-weight: 300;
	letter-spacing: .4px
}
.footer .right .tel a {
	display: block;
	margin-bottom: 10px;
	font: 800 24px Roboto;
	letter-spacing: .4px;
	color: #000;
	text-decoration: none;
	text-align: right
}
.footer .right .tel a:hover {
	text-decoration: underline
}
.copyright {
	display: block;
	margin: 0 0 20px;
	font: 300 14px/22px Roboto;
	letter-spacing: .2px;
	text-align: center
}
.request {
	display: block;
	margin: 100px 0;
	text-align: center
}
.request .p1 {
	font: 700 46px/60px Roboto;
	color: #00a63d;
	margin-bottom: 20px
}
.request .p2 {
	font: 300 26px/26px Roboto;
	margin-bottom: 40px
}
.request .countdown {
	margin: 50px auto 0;
	font: 300 16px/20px Roboto
}
.error {
	display: block;
	margin: 50px 0;
	text-align: center
}
.error .text-404 {
	font: 500 180px Roboto;
	color: #d42e12
}
.error .error-text {
	font: 300 20px/32px Roboto
}
.error .error-text a {
	display: block;
	margin-top: 30px;
	font-weight: 400;
	color: #176fdd;
	text-decoration: underline
}
.error .error-text a:hover {
	text-decoration: none
}