@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/*
panton colors - from light to dark:
#FFFFFF
#F4F4F4
#FFAE00
#FEB204
#1338AA
#273047
*/
*, *:before, *:after{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
body{
}
a{
	text-decoration: none;
}
ul, ol{
	list-style-type: none;
}
.bg{
	height: 200px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}
.hidden{
	display: none;
}
.main-bg{
/*	background: url(../images/bg-main.jpg) #f4f4f4 no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	z-index: -3;*/
}
.main-info{
	position: relative;
}
.content-wrap{
	position: relative;
	max-width: 1150px;
	margin: 0 auto;
}
.end-of-screen{
	position: relative;
	z-index: -1;
}
.oval{
	position: absolute;
	left: -5%;
	top: -126px;
	width: 110%;
	height: 192px;
	-moz-border-radius: 2116px / 192px;
	-webkit-border-radius: 2116px / 192px;
	border-radius: 2116px / 192px;
}
.f4, .ff{
	position: relative;
}
.f4 {
	background-color: #F4F4F4;
}
.ff {
	background-color: #FFFFFF;
}
.f4-tail, .ff-tail{
	position: absolute;
	height: 60px;
	bottom: -60px;
	width: 100%;
	overflow: hidden;
}
.f4-tail:after, .ff-tail:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: -5%;
	bottom: 0;
	width: 110%;
	height: 192px;
	-moz-border-radius: 2116px / 192px;
	-webkit-border-radius: 2116px / 192px;
	border-radius: 2116px / 192px;
}
.f4-tail:after{
	background-color: #F4F4F4;
}
.ff-tail:after{
	background-color: #FFFFFF;
}
.oval.shadow {
	box-shadow: 0 0 6px #273047;
}
header{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 0;
	z-index: 2;
}
header:before{
	content: '';
	display: block;
	position: absolute;
	left: -5%;
	top: -111px;
	width: 110%;
	height: 192px;
	-moz-border-radius: 2116px / 192px;
	-webkit-border-radius: 2116px / 192px;
	border-radius: 2116px / 192px;
	background-color: #fdfdfd;
	box-shadow: 0 0 1px #aaa;
}
.b-logo{
	text-align: center;
	width: 211px;
}
.b-logo img{
	display: block;
	margin: 0 auto;
}
.b-tel{
	width: 180px;
}
.head-nav{
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}
.burger, .burger-tab{
	display: none;
}
.box-shadow-menu {
	position: relative;
	float: left;
	width: 40px;
	height: 30px;
}
.box-shadow-menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 40px;
	border-radius: 4px;
	height: 4px;
	background: #EBB044;
	box-shadow: 0 12px 0 0 #EBB044, 0 23px 0 0 #EBB044;
}
.box-shadow-close{
	position: absolute;
	left: 50%;
	top: 3px;
	transform: translateX(-50%);
	display: none;
	width: 40px;
	height: 30px;
}
.tab-wrap .box-shadow-close{
	left: 50px;
	top: 22px;
}
.box-shadow-close:before {
	content: "";
	position: absolute;
	left: 0;
	top: 30px;
	width: 40px;
	height: 4px;
	border-radius: 4px;
	background: #EBB044;
	transform: translate3d(0,-20px,0) rotate(45deg);
}
.box-shadow-close:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 30px;
	width: 40px;
	height: 4px;
	border-radius: 4px;
	background: #EBB044;
	transform: translate3d(0,-20px,0) rotate(-45deg);
}
nav{
	padding: 0 31px;
}
.nav-head{
	border-left: 1px solid #FEB204;
	border-right: 1px solid #FEB204;
}
.b-nav{
	width: auto;
}
.b-nav-head-item{
	display: inline-block;
	margin: 0 37px;
	text-align: center;
}
.head-links{
	display: block;
	margin: 0 5px;
	line-height: 30px;
	font-weight: 500;
	font-size: 16px;
	color: #273047;
	letter-spacing: 1px;
	transition: color .4s ease;
}
.head-links:hover{
	color: #1338AA;
}
.head-phone{
	line-height: 30px;
	text-align: center;
	font: bold 20px Roboto;
	color: #1338AA;
}
main{
	overflow: hidden;
}
/*first-screen*/
.special{
	display: block;
	color: #FFAE00;
	font: 900 24px Arial;
	margin-bottom: 5px;
}
.printer{
	display: block;
	font: 900 40px Arial;
	color: #273047;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.b-catalog{
	width: 295px;
}
.catalog{
	display: block;
	color: #1338AA;
	font-size: 31px;
	font-weight: 700;
	text-align: center;
}
.hr{
	height: 2px;
	width: 175px;
	margin: 25px auto;
}
.yellow{
	background-color: #FFAE00;
}
.hr.gray{
	width: 100%;
}
a.btn{
	display: block;
	margin: 0 auto;
	color: #273047;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 10px 30px;
	border-radius: 10px;
	border: 2px solid #1338AA;
	cursor: pointer;
	transition: background .4s ease, color .4s ease, border .4s ease;
	letter-spacing: 1px;
}
a.yellow{
	display: inline-block;
	border: 2px solid #FFAE00;
	background: transparent;
}
.btn:hover{
	background: #1338AA;
	color: #FFF;
}
a.yellow:hover{
	border: 2px solid #1338AA;
}
.main-printer{
	position: absolute;
	left: 420px;
	top: 320px;
}
/*variants*/
.b-variants{
	padding: 75px 0 5px;
}
.b-var-text{
	text-align: center;
	color: #1338AA;
	text-transform: uppercase;
	width: 850px;
	padding: 10px 0 80px;
	margin: 0 auto;
}
.var-text{
	font-size: 28px;
	line-height: 1.3em;
	letter-spacing: 2px;
}
.var-caps-text{
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 4px;
}
.options{
}
.border{
	position: relative;
	width: 94%;
	padding: 40px 15px 35px 15px;
	background-color: #fdfdfd;
	margin: 0 3%;
	border-radius: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
	text-align: center;
	transition: background-color .4s ease;
}
.border:hover{
	background: #fff;
}
.border:after{
	position: absolute;
	content: '';
	display: block;
	height: 1px;
	background: #ddd;
	bottom: 108px;
	left: 0;
	width: 100%;
}
.b-options-text{
	text-align: center;
	color: #1338AA;
	height: 2em;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 40px;
}
.lh2{
	line-height: 2em;
}
.options-image{
	display: table;
	width: 100%;
	height: 200px;
	vertical-align: middle;
	padding-bottom: 50px;
}
/*your-benefits*/
.b-your-benefits{
	padding: 195px 0 40px;
}
.your-benefits{
	margin: 0;
	position: relative;
	padding: 20px 0;
	background: #fdfdfd;
	box-shadow: 0 0 21px rgba(0,0,0,0.16);
	border-radius: 25px;
	text-align: center;
}
.b-ben{
	padding: 0 20px;
}
.your-benefits-image{
	width: 53px;
	height: 53px;
	margin: 0 auto 15px;
}
.b-ben-text{
	margin: 30px 0;
	color: #1338AA;
	letter-spacing: 2px;
}
.ben-caps-text{
	font-size: 40px;
	font-weight: 700;
}
.ben-text{
	font-size: 28px;
	text-transform: uppercase;
}
.ben-title{
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	color: #1338AA;
	margin-bottom: 15px;
}
.ben-info{
	height: 9em;
	overflow: hidden;
	font: 400 16px Roboto;
	letter-spacing: 1px;
	line-height: 1.3em;
}
.splitter{
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E9E9E9;
}
/*cooperation*/
.b-cooperation{
	padding: 60px 0 90px;
	background: url(../images/bg-coop.jpg) no-repeat center #f4f4f4;
	background-size: cover;
}
.b-coop{
	padding: 50px;
	background-color: #FCFCFC;
	border-radius: 25px;
	box-shadow: 0 0 21px rgba(0,0,0,0.16);
}
.b-coop-text{
	width: 865px;
	margin: 0 auto;
	padding: 60px 0 30px;
	text-transform: uppercase;
	text-align: center;
	color: #1338AA;
}
.coop-text{
	letter-spacing: 2px;
	line-height: 1.5em;
	font-size: 29px;
}
.coop-caps-text{
	font-size: 39px;
	font-weight: 700;
}
.coop-slider a{
	position: relative;
	display: block;
}
.coop-slider img{
	margin: 0 auto;
}
.coop-slider a:hover:after{
	content: '';
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	display: block;
	position: absolute;
	width: 220px;
	height: 100%;
	border-radius: 10px;
	background: url(../images/zoom-in.png) no-repeat rgba(19, 56, 170, 0.5);
	background-position: center;
}
.slick-list{
	margin: 0 40px;
}
.slick-prev, .slick-next{
	width: 23px;
	height: 41px;
}
.slick-prev:hover, .slick-next:hover{
	opacity: .7;
}
/*questions*/
.b-questions{
	position: relative;
	padding: 60px 0 40px;
}
.b-questions:after{
	content: '';
	position: absolute;
	display: block;
	width: 296px;
	height: 349px;
	bottom: 0;
	left: 60%;
	background: url(../images/support.png) no-repeat;
}
.questions{
	width: 82%;
	margin: 30px auto;
}
.questions a{
	color: #273047;
}
.quest-text{
	font-size: 28px;
	font-weight: 700;
	margin: 30px 0 20px;
	color: #1338AA;
	letter-spacing: 2px;
}
.quest-addr, .quest-contacts a{
	font: 500 19px Roboto;
	letter-spacing: 1px;

}
.quest-contacts{
	margin: 20px 0;
	width: 290px;
}
.quest-contacts a{
	display: inline-block;
	line-height: 25px;
}
.quest-caps-text{
	text-transform: uppercase;
	color: #1338AA;
	margin: 30px 0;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 3px;
}
.b-quest .btn{
	font:500 21px Roboto;
	color: #1338AA;
	letter-spacing: 0;
	padding: 15px 50px;
}
.b-quest .btn:hover{
	color: #fff;
}
/*foot*/
.foot{
	/*border-bottom: 1px solid #707070;*/
	padding: 20px 0;
	overflow: hidden;
}
.foot-logo{
	text-align: left;
}
.foot-logo img{
	margin-top: 10px;
}
.foot-text{
	font-size: 18px;
	color: #1338AA;
	font-weight: 700;
	text-align: right;
	letter-spacing: 1px;
}



/*boxes!*/
#box1, #box2, #box3{
	transition: height .4s ease, opacity .4s ease;
	height: 0;
	position: absolute;
	opacity: 0;
	z-index: -3;
	padding:100px 0 10px;
	display:none;
}
#container input {
	height: 2.5em;
	width: 0;
	visibility: hidden;
}

#container label {
	color: #273047;
	cursor: pointer;
	display: block;
	float: left;
	font: bold 16px Arial;
	line-height: 44px;
	letter-spacing: 1px;
	margin: 0 35px 0;
	text-align: center;
	position: relative;
}
#container input:hover + label:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	display: block;
	width: 95px;
	height: 2px;
	background-color: #FEAB30;
}
#container input:hover + label{
	color: #1338AA;
}
#container input:checked + label{
	color: #1338AA;
}
#container input:checked + label:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	display: block;
	width: 95px;
	height: 2px;
	background-color: #FEAB30;
}
#content {
	/*background: #f4f4f4;*/
	height: auto;
	position: relative;
	width: 100%;
	z-index: 5;
	/*overflow: hidden;*/
}
#content > div {
	opacity: 0;
	position: absolute;
	z-index: -100;
}
#container input#tab-11:checked ~ #content #tab-11-content,
#container input#tab-21:checked ~ #content #tab-21-content,
#container input#tab-31:checked ~ #content #tab-31-content,
#container input#tab-41:checked ~ #content #tab-41-content,
#container input#tab-51:checked ~ #content #tab-51-content {
	opacity: 1;
	z-index: 100;
}
input.visible {
	visibility: visible !important;
}
.tab-menu, .tab-menu_{
	display: block;
	padding: 15px 20px;
	border-radius: 20px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
	width: 1150px;
	background-color: #fff;
}
.tab-wrap{
	width: 1110px;
	max-width: 1110px;
	display: block;
	margin: 0 auto;
}
.tab-tel{
	display: block;
	float: right;
	width: 200px;
	height: 44px;
	padding: 12px 0 10px 18px;
	font: bold 20px Roboto;
	text-align: center;
	color: #1338AA;
	border-left: 2px solid #FFAE00;
}

/*in tabs*/
.tab-caption{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 30px;
	color: #273047;
}
.tab-caption strong{
	font-size: 24px;
	color: #1338AA;
}
hr.cut{
	width: 135px;
}
.table-feature{
	width: 1130px;
	margin: 40px auto 15px;
	border-radius: 20px;
	background-color: #f4f4f4;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.table-feature td{
	line-height: 44px;
	font-size: 18px;
	font-weight: bold;
}
.table-feature tbody tr td:first-child{
	text-align: right;
	padding-right: 20px;
	width: 350px;
	font-size: 18px;
	font-weight: normal;
}
.table-feature tbody tr td:last-child{
	text-align: center;
	padding-left: 20px;
}
.table-feature tbody tr:nth-child(odd) {
	background: #ffffff;
}
.table-feature tbody tr:nth-child(even) {
	background: #f4f4f4;
}
.buy-benefits{
	margin: 45px 20px 0;
	position: relative;
	background: #fff;
	border-radius: 25px;
	text-align: center;
}
.ben-text2{
	margin: 20px 0;
	font-size:28px;
	font-weight: bold;
	color: #273047;
}
.buy-benefits .ben-info{
	height: 5em;
}
.buy-splitter{
	margin-bottom: 30px;
	padding-bottom: 10px;
}
hr.hr-area{
	margin: 13px 0 8px;
	display: inline-block;
}
.area .hidden1:nth-child(n+5), .area .hidden2:nth-child(n+5) {
	display: none;
}
.b-area:nth-child(even) hr.hr-area{
	float: right;
	position: relative;
}
.b-area:nth-child(even) hr.hr-area:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	clear: both;
}
.area{
	margin: 0 auto;
	max-width: 1070px;
}
.b-area-samples{
	position: relative;
	width: 100%;
}
.area-samples{
	position: absolute;
	background-color: #fff;
	width: 812px;
	margin: 0 auto;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	border-radius: 25px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.b-samples-text{
	width: 541px;
	padding: 46px 46px 46px 83px;
	font: bold 21px Arial;
	letter-spacing: 0.5px;
	border-right: 1px solid #f4f4f4;
	float: left;
	line-height: 27px;
	text-align: right;
	color: #1338AA;
}
.samples-b-btn{
	text-align: center;
	display: table-cell;
	width: 270px;
	height: 173px;
	vertical-align: middle;
}
.b-area{
	height: 341px;
	margin-top:40px;
	border-radius: 20px;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.16);
	transition: .3s all ease-in-out;
	position: relative;
	bottom: 0;
}
.b-area:hover{
	bottom: -2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}
.b-area-image{
	width: 471px;
	height: 341px;
	border-radius: 20px;
	overflow: hidden;
}
.area-image{
	transition: all 0.4s ease-in-out;
	height: 100%;
	width: 100%;
}
.b-area-image:hover > .area-image{
	-webkit-transform: translate3d(0,0,0) scale(1.1, 1.1);
	transform: translate3d(0,0,0) scale(1.1, 1.1);
}
/*.b-area:nth-child(odd):not(:nth-child(5)) .b-area-image{*/
.b-area:nth-child(odd) .b-area-image{
	float: left;
	margin-right: 60px;
}
.b-area:nth-child(even) .b-area-image{
	float: right;
	margin-left: 60px;
}*/
.b-area-image img{
	border-radius: 20px;
	display: block;
}
.b-area:nth-child(odd) .area-caption, .b-area:nth-child(odd) .area-text{
	text-align: left;
}
.b-area .area-caption{
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 18px;
	font-weight: 900;
	position: relative;
}
.b-area .area-text{
	font-size: 18px;
	line-height: 28px;
	height: 200px;
	overflow: auto;
}
.area-text::-webkit-scrollbar {
	width: 2px;
	transition: all .3s ease;
}

.area-text::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #AFAFAF;
	background-color: #AFAFAF;
}

.area-text::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 2px #FFAE00;
	background-color: #FFAE00;
	border-radius: 2px;
}
.area-text::-webkit-scrollbar:hover{
	width: 10px;
}
.b-area:nth-child(odd) .area-text{
	margin-right: 60px;
	padding-right: 5px;
}
.b-area:nth-child(even) .area-text{
	margin-left: 60px;
	padding-right: 5px;
}
.b-area:nth-child(even) .area-caption:after{
	position: absolute;
	content: '';
	display: block;
	height: 2px;
	bottom: 11px;
	right: 530px;
	width: 135px;
	background-color: #ffae00;

}
.b-area:nth-child(odd) .area-caption:after{
	position: absolute;
	content: '';
	display: block;
	height: 2px;
	bottom: 11px;
	left: 530px;
	width: 135px;
	background-color: #ffae00;

}
.b-area:nth-child(even) .area-caption, .b-area:nth-child(even) .area-text{
	text-align: right;
}
.btn-more-wrap{
	margin-top: 40px;
	text-align: center;
}
.btn-more{
	width: 195px;
}

/*review*/
.review-image{
	display: block;
	margin: 0 auto;
}
.b-review{
	width: 860px;
	margin: 0 auto;
}
.b-price{
	float: left;
	width: 350px;
	margin-right: 30px;
	padding-bottom: 15px;
}
.price-text{
	font: 26px Arial;
	margin-bottom: 12px;
}
.price-text p{
	line-height: 37px;
	display: inline-block;
}
.price-text span{
	display: block;
	font-size: 20px;
	letter-spacing: 1px;
}
.price{
	line-height: 37px;
	float: right;
	color: #1338AA;
	margin-right: 5px;
	font: 900 26px Arial;
}
.price-text i{
	color: #1338AA;
}
.price-info{
	font: 400 18px Arial;
	letter-spacing: 0.5px;
	line-height: 25px;
}
.price-info p:first-child{
	margin-bottom: 9px;
}
.video-text{
	width: 610px;
	margin: 35px auto;
	text-align: center;
	font: bold 24px Arial;
	line-height: 28px;
}
.video-container{
	max-width: 1150px;
}
.video-container iframe{
	width: 100%;
	height: 640px;
}
/*calc*/
.calc{
	width: 1050px;
	margin: 40px auto 0;
}
.calc .row > .b-4{
	width: 310px;
	height: 256px;
	margin: 0 20px 25px;
	border-radius: 20px;
}
.calc-shadow{
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.calc .text-black, .calc .text-blue{
	padding: 30px 0 30px;
	line-height: 20px;
	text-align: center;
	font: bold 18px Arial;
}
.calc .text-black{
	margin-top: -10px;
}
.calc .text-blue{
	color: #1338AA;
	margin-bottom: 17px;
	margin-top: 20px;
}
.calc .calc-btn.white{
	text-transform: uppercase;
}
.calc .calc-input{
	width: 100% !important;
	height: 62px !important;
	visibility: visible !important;
	text-align: center;
	font: bold 18px Arial;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.calc .calc-input{
	line-height: 62px;
	margin-bottom: 27px;
}
.calc .calc-input:first-child{
	margin-bottom: 37px;
}
.calc .calc-input.color-blue{
	color: #1338AA;
}
.calc .calc-params-input{
	width: 66px !important;
	height: 22px !important;
	visibility: visible !important;
	display: block;
	text-align: center;
	margin: 0 auto 15px;
}
.calc-params-input.b-bot{
	border-bottom: 1px solid #707070;
}
.calc-params .blue{
	color: #1338AA;
	font-style: normal;
}
.calc-params-left{
	width: 50%;
	float: left;
}
.calc-params span{
	display: block;
	line-height: 22px;
	margin-bottom: 15px;
}
.calc-caption{
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	font: bold 18px Arial;
	line-height: 24px;
	text-align: center;
	border-bottom: 1px solid #E9E9E9;
}
.calc-btn{
	height: 68px;
	border-radius: 20px;
	line-height: 68px;
	margin: 0 auto;
	border: 1px solid #1338AA;
	padding: 0 !important;
}
.calc-btn.blue{
	color: #fff;
	background: #1338AA;
}
.calc-btn.blue:hover{
	color: #1338AA;
	background: #fff;
}
.calc-caption-yellow{
	color: #fff;
	background-color: #FFAE00;
	border-color: #E9E9E9;
	line-height: 48px;
	text-transform: uppercase;
	border-radius: 20px 20px 0 0;
}
.calc-params{
	display: table-cell;
	height: 180px;
	width: 310px;
	vertical-align: middle;
}
.calc-params-left{
	text-align: right;
}
/*up btn*/
#up-btn{

}
#up-btn a{
	display: block;
	position: fixed;
	background-color: #fdfdfd;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	bottom: 15px;
	right: 30px;
	box-shadow: 0 0 2px #707070;
	z-index: 999;
	transition: transform .2s ease, box-shadow .2s ease;
}
#up-btn a:hover{
	transform: scale(1.1, 1.1);
	box-shadow: 0 0 6px #707070;
}
.arrow{
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: #1338AA;
	margin: 0;
	top: 30px;
	left: 15px;
	position: absolute;
	padding: 0;
}
.arrow.up{
	transform: rotate(180deg) translate(0,25px);
	-webkit-transform: rotate(180deg) translate(0,25px);
	-moz-transform: rotate(180deg) translate(0,25px);
	-o-transform: rotate(180deg) translate(0,25px);
	-ms-transform: rotate(180deg) translate(0,25px) translate(0,25px);
}
.arrow:before {
	content: '';
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: #fff;
	display: inline-block;
	-webkit-transform: translate(-15px,-18px);
}






#back-top{
	position:fixed;
	bottom: 15px;
	right: 15px;
	z-index: 2;
	opacity: 1;
}
#back-top a{
	width:50px;
	height: 40px;
	display:block;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}

/*popup*/
.popup-wrap, .popup-wrap2, .popup-wrap3 {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	content:'';
	z-index: 1000;
	background:rgba(0,0,0,0.55);
}
.popup-box, .popup-box2, .popup-box3 {
	z-index: 1001;
	display:none;
	width:530px;
	height: 422px;
	border-radius: 20px;
	transform:translate(-50%, -50%) scale(0.5);
	position:fixed;
	top:50%;
	left:50%;
	box-shadow:0 0 8px rgba(0,0,0,0.16);
	background:#fff;
	text-align:center;
}
.popup-box3 .popup-input{
	margin: 20px 0 18px;
}
.popup-caption{
	margin: 32px 0 0;
	font: bold 23px Arial;
	text-align: left;
	padding: 0 30px 32px 30px;
	border-bottom: 1px solid #E9E9E9;
	color: #1338AA;
}
.popup-form{
	width: 375px;
	margin: 0 auto;
}
.popup-height{
	height: 230px;
	display: table-cell;
	vertical-align: middle;
}
.popup-input{
	line-height: 24px;
	font: 400 16px Roboto;
	margin: 20px 0 30px;
	width: 100%;
	color: #273047;
	padding: 0 10px 0;
	border-bottom: 1px solid #707070;
}
.popup-send-btn{
	width: 175px;
	margin: 25px auto;
	display: inline-block;
	background: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 10px 30px;
	border-radius: 10px;
	border: 2px solid #FFAE00;
	cursor: pointer;
	transition: background .4s ease, color .4s ease, border .4s ease;
	letter-spacing: 1px;
}
.popup-send-btn:hover{
	border: 2px solid #1338AA;
	background: #1338AA;
	color: #FFF;
}
.close-btn {
	float: right;
	content: '';
	width:24px;
	height:24px;
	display:inline-block;
	-webkit-transition:all ease 0.5s;
	transition:all ease 0.5s;
	background: url(../images/close.png) no-repeat;
}
.close-btn:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.transform-in, .transform-out {
	display:block;
	-webkit-transition:all ease 0.5s;
	transition:all ease 0.5s;
}

.transform-in {
	-webkit-transform:translate(-50%, -50%) scale(1);
	transform:translate(-50%, -50%) scale(1);
}

.transform-out {
	-webkit-transform:translate(-50%, -50%) scale(0.5);
	transform:translate(-50%, -50%) scale(0.5);
}


/*for fixed header on scrollin down*/
.fixed{
	position: fixed;
	top:-1px;
	left:0;
	z-index: 999;
	width: 100%;
	margin: 0;
}
.empty-height{
	display: block;
	width: 100%;
	clear: both;
	content: '';
}


/*media queries*/
@media all and (max-width:1600px){
}
@media all and (max-width:1440px){
}
@media all and (max-width:1200px){
	.content-wrap{
		width: 100%;
		max-width: 100%;
	}
	.table-feature, .calc{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.tab-menu, .tab-menu_{
		max-width: 100%;
		margin: 0 auto;
	}
	.tab-wrap{
		width: 100%;
		max-width: 100%;
	}
	.head-nav{
		margin: 20px 10px 35px 10px;
	}
	.b-nav-head-item{
		margin: 0 20px;
	}
	.main-info{
		margin-left: 50px;
	}
	.main-printer{
		margin-left: 70px;
		margin-top: 50px;
	}
	#container label{
		margin: 0 23px 0;
	}
	.area{
		max-width: 950px;
	}
	.your-benefits{
		max-width: 950px;
		margin: 0 auto;
	}
	.calc form{
		max-width: 700px;
		margin: 0 auto;
	}
	.foot-logo{
		padding-left: 10px;
	}
	.foot-text{
		padding-right: 10px;
	}
}
@media all and (max-width:1023px){
	.fixed .i-menu{
		width: 100%;
		margin: 0 auto;
	}
	.b-logo{
		margin-left: 29px;
		z-index: 2;
	}
	.cooperation, .questions, .your-benefits{
		margin: 0 3%;
	}
	.b-coop{
		margin: 0 auto;
	}
	#content{
		padding: 0 3%;
	}
	header:before{
		left: 0;
		top: 10px;
		width: 100%;
		height: 76px;
		-moz-border-radius: 2116px / 76px;
		-webkit-border-radius: 2116px / 76px;
		border-radius: 2116px / 76px;
		background-color: #fdfdfd;
		box-shadow: none;
	}
	header{
		overflow: inherit;
		background-color: #fdfdfd;
		/*box-shadow: 0 0 1px #273047;*/
	}
	.content-wrap{
		max-width: 100%;
	}
	.head-nav{
		margin: 20px 0 10px;
	}
	.nav-head{
		border: none;
		width: 100%;
		position: absolute;
		top: -270px;
		left: 0;
		border-radius: 0 0 20px 20px;
		background-color: #fdfdfd;
		margin: 0;
		transition: all .4s ease-in-out;
	}
	.b-nav{
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 1;
		padding-left: 0;
		padding-right: 0;
	}
	.b-tel{
		text-align: center;
		float: right;
		margin-top: 5px;
		margin-right: 29px;
		z-index: 2;
	}
	.b-nav-head-item{
		text-align: center;
		margin: 25px 0;
		display: block;
	}
	.burger{
		display: block;
		height: 30px;
		z-index: 9999;
		width: 40px;
		margin: 0 auto;
		position: relative;
	}
	.burger-tab{
		display: block;
		height: 30px;
		z-index: 9999;
		width: 95px;
		line-height: 34px;
		text-align: right;
		margin-left: 10px;
		margin-top: 5px;
		float: left;
		color: #b8b8b8;
	}
	.menu-text{
		font: bold 14px Roboto;
		letter-spacing: 1px;
	}
	.i-menu{
		width: 96%;
		top: 59px;
		left: -1000px;
		z-index: 10;
		margin-left: 2%;
		padding-bottom: 10px;
		height: auto;
		position: absolute;
		background-color: #fff;
		border-radius: 0 0 10px 10px;
		transition: left .4s ease-in-out;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
	}
	.main-printer{
		margin-left: 0px;
	}
	.b-var-text, .b-coop-text, .b-review{
		width: auto;
	}
	.b-options{
		margin-bottom: 15px;
	}
	.slick-slide img{
		margin: 0 auto;
	}
	#container label{
		height: 40px;
		line-height: 40px;
		display: block;
		margin: 0;
		float: none;
	}
	#container input[name="tab-group"] {
		height: 1px;
		line-height: 1px;
	}
	.tab-menu, .tab-menu_{
		width: 96%;
		padding: 11px 15px;
		border-radius: 10px;
		margin: 0 2%;
	}
	#container input:checked + label:after, #container input:hover + label:after{
		bottom: 0px;
		width: 55px;
	}
	.b-price{
		margin: 0 auto 15px;
		float: none;
	}
	.price-info{
		max-width: 590px;
		text-align: center;
		margin: 0 auto;
	}
	.price-text span{
		text-align: center;
	}
	.splitter{
		display: none;
	}
	.b-area{
		height: 241px;
	}
	.b-area .area-caption{
		padding-top: 25px;
	}
	.b-area:nth-child(odd) .area-caption:after{
		left: 391px;
	}
	.b-area:nth-child(even) .area-caption:after{
		right: 391px;
	}
	.b-area:nth-child(even) .area-text{
		margin-left: 20px;
	}
	.b-area:nth-child(odd) .area-text{
		margin-left: 20px;
	}
	.b-area .area-text{
		height: 139px;
	}
	.b-area-image{
		height: 241px;
		width: 371px;
	}
	.b-area:nth-child(odd):not(:nth-child(5)) .b-area-image{
		margin-right: 20px;
	}
	.b-area:nth-child(even):not(:nth-child(5)) .b-area-image{
		margin-left: 20px;
	}
	.area-samples{
		width: 630px;
		top: 35px;
	}
	.b-your-benefits {
		padding: 135px 0 40px;
	}
	.b-samples-text{
		width: 421px;
		padding: 20px;
	}
	.samples-b-btn{
		height: 121px;
	}
	.your-benefits{
		max-width: 100%;
	}
	.questions{
		width: auto;
		margin: 15px;
	}
	.quest-text{
		font-size: 25px;
	}
	.quest-caps-text{
		font-size: 31px;
	}
	.foot-logo{
		text-align: center;
		padding: 0;
	}
	.foot-logo img{
		margin: 10px auto;
	}
	.foot-text{
		padding: 0;
		text-align: center;
	}
}
@media all and (max-width:767px){
	.box-shadow-menu:before{
		top: 3px;
	}
	.tab-menu .box-shadow-menu:before, .tab-menu_ .box-shadow-menu:before{
		top: 5px;
	}

	.main-info{
		margin-left: 20px;
	}
	.var-text{
		font-size: 24px;
	}
	.var-caps-text{
		display: block;
	}
	.b-variants{
		padding: 30px 0 5px;
	}
	.b-var-text{
		padding: 24px 0 30px;
	}
	.b-your-benefits{
		padding: 70px 0 10px;
	}
	.coop-text{
		font-size: 24px;
	}
	.coop-caps-text{
		font-size: 32px;
	}
	.ben-info{
		height: auto;
		margin-bottom: 1em;
	}
	.ben-info br, .foot-text br{
		display: none;
	}
	.quest-caps-text{
		font-size: 22px;
	}
	.quest-addr, .quest-contacts a, .quest-text{
		font-size: 18px;
	}
	.b-questions:after{
		background-size: 70%;
		background-position: bottom;
	}
	.b-quest .btn{
		padding: 15px 20px;
	}
	.b-area{
		height: 165px;
	}
	.b-area-image{
		height: 165px;
		width: 210px;
	}
	.b-area .area-caption{
		padding: 10px 0;
		font-size: 15px;
	}
	.b-area:nth-child(odd) .area-caption:after{
		left: 220px;
		bottom: 5px;
	}
	.b-area:nth-child(even) .area-caption:after{
		right: 220px;
		bottom: 5px;
	}
	.b-area:nth-child(even):not(:nth-child(5)) .b-area-image{
		margin-left: 10px;
	}
	.b-area:nth-child(odd):not(:nth-child(5)) .b-area-image{
		margin-right: 10px;
	}
	.b-area .area-text{
		height: 89px;
		font-size: 16px;
		line-height: 22px;
	}
	.b-area:nth-child(odd) .area-text{
		margin-right: 10px;
	}
	.b-area:nth-child(even) .area-text{
		margin-left: 10px;
	}
	.table-feature tbody tr td:first-child{
		width: 200px;
	}
	.buy-benefits{
		padding: 0;
	}
	.ben-caps-text{
		font-size: 30px;
	}
	.ben-text{
		font-size: 24px;
	}
	.f4-tail, .ff-tail{
		bottom: -50px;
	}
	.calc .row > .b-4{
		width: 100%;
		height: auto;
		margin: 20px 0
	}
	.calc-params{
		width: 520px;
	}
	.calc .text-black, .calc .text-blue{
		padding: 0 0 10px;
		margin-top: 0;
	}
	.video-text{
		width: auto;
	}
	.area-samples{
		width: 470px;
		top: 65px;
	}
	.b-samples-text{
		width: 270px;
		padding: 10px;
		letter-spacing: 0;
		font-size: 14px;
	}
	.samples-b-btn{
		height: 101px;
		width: 200px;
	}
}
@media all and (max-width:539px){
	.b-logo img{
		margin: 0;
	}
	.head-nav{
		margin: 26px 0 10px;
	}
	.b-tel{
		float: none;
		clear: both;
		margin: 0 auto;
		z-index: 1;
	}
	.head-phone{
		display: block;
		padding-top: 17px;
		line-height: 22px;
	}
	.burger{
		position: absolute;
		right: 17.5px;
		top: 0;
		display: block;
		height: 30px;
		z-index: 9999;
		width: 40px;
	}
	.slick-list{
		margin: 0 15px;
	}
	.b-catalog a.btn{
		width: 295px;
		padding: 15px 30px;
	}
	.b-catalog .hr{
		margin: 21px auto;
	}
	.special{
		font-size: 18px;
		text-align: center;
	}
	.main-info{
		margin-left: 9px;
		margin-right: 9px;
		margin-top: -27px;
	}
	.printer{
		font-size: 24px;
		margin-bottom: 75px;
		text-align: center;
	}
	.printer br{
		display: none;
	}
	.main-bg{
		background-position: -365px 110px;
	}
	.b-questions:after{
		display: none;
		background: none;
	}
	.b-catalog, .popup-form, .b-price{
		width: auto;
	}
	.popup-form, .foot-text{
		margin: 0 3%;
	}
	.price-text{
		text-align: center;
	}
	.b-price .btn{
		display: table;
		width: 295px;
		padding: 15px 0;
		font-size: 16px;
	}
	.b-price{
		margin: 0;
		width: 100%;
	}
	.price{
		margin: 0;
	}
	.price-info{
		text-align: center;
	}
	.b-variants{
		padding: 5px 0;
	}
	.main-printer{
		display: block;
		position: relative;
		max-width: 320px;
		margin: 30px auto 0;
		left: inherit;
		top: inherit;
	}
	.tab-tel{
		width: 175px;
		padding: 14px 10px 10px 5px;
		font-size: 16px;
		text-align: right;
	}
	#box1, #box2, #box3{
		padding: 45px 0 10px;
	}
	.f4-tail, .ff-tail{
		height: 30px;
		bottom: -20px;
	}
	.table-feature tbody tr td:first-child{
		width: 45%;
		padding-right: 5px;
	}
	.table-feature tbody tr td:last-child{
		padding-right: 5px;
	}
	#container input[name="tab-group"]{
		height: 1px;
		line-height: 1px;
	}
	.b-area:nth-child(odd) .b-area-image, .b-area:nth-child(even) .b-area-image{
		float: none;
		display: none;
	}
	.b-area:nth-child(odd) .area-caption:after{
		left: 15px;
	}
	.b-area:nth-child(even) .area-caption:after{
		right: 15px;
	}
	.b-area .area-caption{
		padding: 20px 15px;
	}
	.b-area:nth-child(odd) .area-text, .b-area:nth-child(even) .area-text, .b-area{
		height: auto;
	}
	.b-area:nth-child(even) .area-text, .b-area:nth-child(odd) .area-text{
		margin: 0;
		padding: 5px 15px;
	}
	.area-samples{
		width: 300px;
		top: 15px;
		float: none;
	}
	.b-samples-text{
		text-align: center;
		width: 300px;
		border-right:none;
		border-bottom: 1px solid #f4f4f4;
	}
	.samples-b-btn{
		height: auto;
		width: 100%;
		display: block;
	}
	.samples-b-btn a.btn{
		margin: 10px auto;
	}
	.b-your-benefits{
		padding: 120px 0 10px;
	}
	.popup-box3, .popup-box2, .popup-box{
		height: 380px;
		width: 300px;
	}
	.popup-caption{
		margin: 15px 0 0;
		font-size: 20px;
		padding: 0 15px 15px;
	}
	.popup-send-btn{
		margin: 7px auto;
		padding: 10px 15px;
	}
	.var-text{
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0.75px;
	}
	.var-caps-text{
		display: inline;
		font-size: 18px;
		letter-spacing: 1px;
	}
	.b-ben-text{
		margin: 5px 0;
	}
	.b-ben-text .ben-caps-text, .b-ben-text .ben-text{
		letter-spacing: 1px;
		font-size: 21px;
	}
	.b-ben-text .hr{
		margin: 20px auto 36px;
	}
	.ben-info{
		margin-bottom: 45px;
	}
	.b-variants .slick-prev, .b-variants .slick-next{
		width: 10px;
		height: 20px;
	}
	.b-variants .slick-next {
		right: 5px;
	}
	.b-variants .slick-prev {
		left: 5px;
	}
	.b-coop .slick-next{
		right: -21px;
	}
	.b-coop .slick-prev{
		left: -21px;
	}
	.b-options{
		float: left;
	}
	.b-options-text{
		height: 3em;
		margin-bottom: 5px;
	}
	.lh2{
		line-height: normal;
	}
	.video-container iframe{
		height: 300px;
	}
	.b-coop-text{
		padding: 30px 0;
	}
	.coop-text, .coop-caps-text{
		font-size: 21px;
		letter-spacing: 1px;
	}
	.b-coop{
		max-width: 94%;
	}
	.b-quest-text, .b-quest{
		text-align: center;
	}
	.quest-addr, .quest-contacts a, .quest-text{
		font-weight: bold;
	}
	.quest-text{
		font-size: 21px;
	}
	.quest-contacts{
		width: auto;
	}
	#up-btn a{
		height: 40px;
		width: 40px;
	}
	.arrow{
		top: 20px;
		left: 5px;
	}
	.b-questions{
		padding: 5px 0 30px;
	}
	.quest-caps-text{
		font-size: 25px;
		letter-spacing: 1px;
	}
	.quest-addr, .quest-contacts a{
		font-size: 16px;
	}
	.b-quest a.btn{
		width: 310px;
		padding: 12px 0;
		font-size: 16px;
	}
	.foot-logo img{
		margin: 10px auto 30px;
	}
	.foot-text{
		font-size: 16px;
	}
	.foot-text br{
		display: none;
	}
}
@media all and (max-width:359px){
	.printer{
		margin-bottom: 15px;
	}
	.main-printer{
		max-width: 200px;
	}
	.quest-caps-text{
		font-size: 23px;
	}
	.b-quest a.btn{
		width: 290px;
	}
	.tab-tel{
		width: 165px;
	}
}
.modal-content{
	border-radius: 20px
}

.modal-header{
	padding 30px;
	border none;
}
.modal-header,.modal-footer {
	border: 0
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
p.success{
	font: bold 23px Arial;
	text-align: center;
	padding: 0 30px 32px 30px;
	color: #1338AA;
	text-align center
}