@font-face {
  font-family: 'Futura';
  src: url('fonts/FTN45__WS-book.eot');
  src: url('fonts/FTN45__WS-book.eot?#iefix') format('embedded-opentype'),
  url('fonts/FTN45__WS-book.woff') format('woff'),
  url('fonts/FTN45__WS-book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

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

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

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

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

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

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

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

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


body{
	font-family:"Futura",Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-style: normal;
	background-color:#ffffff;
	color:#000000;
	font-size:18px;
	margin:0;
	padding:0;
	overflow-x: hidden;
}

a{
	color:#d71920;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.reverse{
	text-decoration:underline;
}

a.reverse:hover{
	text-decoration:none;
}

a img{
	border:none;
}

h1, h2, h3{
	margin:0;
}

ul{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}

p{
	margin:0;
	line-height:1.4;
}

.text-center{
	text-align:center;
}

.section{
	padding:85px 0;
}

.width{
	display:block; 
	position:relative; 
	width:100%; 
	max-width:768px;
	padding:0 11px;	
	box-sizing:border-box;
	margin:0 auto;
}

.row{
	display: flex;
	margin-left:-15px;
	margin-right:-15px;
}

.row:after{
	content:"";
	display:block;
	clear:both;
}

.col{
	padding:0 15px;
	box-sizing:border-box;
	width:50%;
}

.d-none{
	display:none;
}

.d-flex{
	display:flex;
}

.btn{
	font-size:18px;
	font-family: 'FuturaPT';
	font-weight:700;
	display:block;
	width:100%;
	max-width:305px;
	height:50px;
	line-height:50px;
	border:none;
	border-radius:10px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
}

.btn:hover{	
	text-decoration:none;
}

.btn-red{
	background-color:#d71920;
}

.btn-red:hover{
	background-color:#e74b51;
}

.btn-light {
    line-height: 1;
    display: flex;
    align-items: center;
	justify-content:center;
}

.btn-yellow{
	background-color:#ffdf4f;
	color:#ff7f27;
}

.btn-yellow:hover{
	background-color:#fad42b
}

.btn_lk {
	margin-right: 0;
    color: #d71920;
    font-size: 14px;
    white-space: normal;
    width: 108px;
    height: 36px;
    line-height: 1.3;
    border: 1px solid #d71920;
    padding: 5px 10px;
	background-color:#ffffff;
}

.btn_lk:hover{
	background-color:#d71920;
	color: #ffffff;
}

.top{
	border-bottom:1px solid #cfcfcf;
}

.top .d-flex{
	align-items:center;
	height:65px;
}

.top .logos{
	display:flex;
	align-items:center;
	height:100%;
}

.logo{
	width:266px;
	height:49px;
	background:url('images/logo.png') no-repeat;
	margin-left: 5px;
    margin-right: 20px;
}

.form-page .logo {
    width: 180px;
    height: 40px;
    background: url('images/logo.png') no-repeat left center;
	margin:auto 20px auto 5px;
    background-size: contain;
}

.interes-logo{
	width:180px;
	height:40px;
	background:url('images/1c_inteters_logo.png') no-repeat left center;
	margin:18px 20px auto 0;
    background-size: contain;
}

nav{
	display:flex;
	align-items:center;
}

nav > *{
	font-family: 'FuturaPT';
	font-weight:700;
	font-size:14px;
	color:#867c5a;
	margin-right: 20px;
}

.enter{
	justify-self: flex-end;
    margin-left: auto;
	margin-right:10px;
}

.enter a{
	color:#000000;
}

.login{
	font-size:16px;
}

.pass-restore{
	font-size:14px;
}

.promo{
	position:relative;
	border-bottom:12px solid #d71920;
	overflow:hidden;
}

.promo .width{
	position:relative;
	padding-top: 31px;
	padding-bottom: 44px;
}

.promo .width > *{
	position:relative;
	z-index:1;
}

.promo-bg{
	width:1100px;
	height:100%;
	background:url('images/header_promo.png') no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}

.promo-bg:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 3%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 3%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 3%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%);
}

.promo-bg.promo-bg-first{
	width:765px;
}

.promo-bg.promo-bg-first:after{
	display:none;
}

.promo-bg.promo-bg-even{
	right:-240px;
}

h1{
	font-size: 36px;
    font-family: 'Futura';
    font-weight: 500;
    line-height: 44px;
	padding-left: 3px;
}

h1 span.title{
	font-family: 'FuturaPT';
	font-weight:700;
}

h1 span.c1{
	letter-spacing: -4px;
}

h1 span.bottom{
	padding-left: 7px;
}

.promo ul{
	font-size: 22px;
	margin:23px 0 27px 2px;
}

.promo li{
	line-height: 1.2;
}

.promo li:before {
    content: "\2022";
    display: inline-block;
    margin-right: 5px;
}

.promo .width > p{
	font-size: 22px;
    font-family: 'FuturaPT';
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-left: 10px;
}

.promo form {
    margin-top: 35px;
    margin-left: 10px;
}

.promo .form-block{
	width:100%;
	box-sizing:border-box;
	padding:5px 20px 20px;
	background-color:#ffffff;
	border:1px solid #939598;
	border-radius:10px;
}

.form-block-row{
	display:flex;
	justify-content:space-between;
}

.form-block .mdl-textfield{
	width:219px;
	padding: 15px 0;
}

.mdl-textfield__input{
	font-size:18px;
	padding:8px 0;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label{
	color:#d71920;
	top:8px;
}

.mdl-textfield__label{
	font-size:18px;
	color:#6d6e71;
}

.mdl-textfield__label:after{
	background-color:#d71920;
	bottom:15px;
}

.form-block > p{
	color:#6d6e71;
	font-size:14px;
}

.form-block > p strong{
	font-family: 'FuturaPT';
	font-weight:400;
}

.form-block > .d-flex{
	align-items:center;
}

.form-block .mdl-textfield.promocode-link{
	width:auto;	
	display: flex;
    align-items: center;
	margin-right:20px;
	height: 78px;
}

a.show-promocode{
	text-decoration:none;
	border-bottom:1px dotted;
}

a.show-promocode:hover{
	color:#e74b51;
}

.form-block .mdl-textfield.form-row-enter{
	width:auto;	
	font-size:18px;
	margin-left: auto;
}

.promo form .btn-wrap{
	margin: 0 -20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}

.promo form .btn-wrap-outside{
	justify-content:flex-end;
	padding-right:20px;
	padding-left:20px;
}

.promo form .btn-wrap-inner .btn{
	margin:0 20px;
}

.promo form .btn-wrap-outside .btn{
	margin:20px;
}

section{
	padding:45px 0 35px;
}

h2{
	font-size:44px;
    font-family: 'FuturaPT';
    font-weight: 700;
	text-align:center;
	margin-bottom: 37px;
}

.advantages{
	background:url("images/advantages_bg.jpg") no-repeat center top;
	background-size: cover;
}

.advantages .list {
    margin-bottom: 37px;
}

.advantages .list .col{
	padding: 0 5px;
}

.advantages .list .item{
	text-align:center;
}

.advantages .list .title{
	font-size:20px;
    font-family: 'FuturaPT';
    font-weight: 700;
	line-height: 1.1;
    margin-bottom: 10px;
}

.advantages .list p{
	font-size:16px;
	line-height: 1;
    margin-bottom: 7px;
}

.screenshots img{
	height:auto;
	max-width:100%;
}

.advantages .screenshots .col{
	padding: 0 10px;
}

.advantages .screenshots .title{
	font-size:20px;
    font-family: 'FuturaPT';
    font-weight: 700;
	text-align:center;
	margin-bottom: 15px;
}

.tariffs{
	background-color:#f3f9e0;
}

.tariffs .width-wrap{
	padding-top:45px;
	padding-bottom:35px;
	background-color:#f3f9e0;
}

.tariffs h2{
	margin-bottom: 20px;
}

.tariffs .desc{
	margin-bottom: 10px;
    text-align: center;
}

.tariffs .desc + .desc{
	margin-bottom:30px;
}

.tariffs .row{
	padding: 0 14px;
}

.tariffs .col{
	padding: 0 10px;
	display: flex;
    align-items: stretch;
}

.tariffs .item{
	width: 100%;
	max-width:352px;
	border:1px solid #939598;
	border-radius:10px;
	background-color:#ffffff;
	padding:0 14px;
	display: flex;
    flex-direction: column;
	margin-bottom: 30px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
}

.tariffs .title{
	font-size:22px;
    font-family: 'FuturaPT';
    font-weight: 700;
	text-align:center;
	height:85px;
	display:flex;
	align-items:center;
	justify-content:center;
    line-height: 1.1;
}

.tariffs .price{
	height:73px;
	background-color:#ffdf4f;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:21px;
    font-family: 'FuturaPT';
    font-weight: 700;
	margin:0 -14px;
	text-align:center;
}

.tariffs ul{
	margin:25px 0;
}

.tariffs li{
	position: relative;
    padding-left: 18px;
    line-height: 1.1;
    margin-bottom: 5px;
}

.tariffs li:before{
    content: "\2022";
    color: #d71920;
    position: absolute;
    left: 0;
    top: 0;
}

.tariffs .btn-wrap{
	justify-self: flex-end;
    margin-top: auto;
    margin-bottom: 25px;
}

.tariffs .btn{
	font-size:22px;
	max-width: none;
}

footer{
	padding:30px 0;
	color:#6d6e71;	
}

footer p{
	line-height:1.1;
}

footer a{
	color:#d71920;
}

footer a.nowrap{
	color:#6d6e71;
}

footer a.nowrap:hover{
	text-decoration:none;
}

#popup {
	display:none;
	background-color:rgba(0, 0, 0, 0.7);
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:99999;
}

#popup:before {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:1px;
}

.popup-close{
	text-align:right;
}

.close{
	display: inline-block;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
    color: #999;
}

#popup .popup-content {
    background-color:#ffffff;
    border-radius:20px;
    box-sizing:border-box;
    height:auto;
    width:94%;
    max-width:360px;
    padding:20px 30px 30px;
    margin:auto;
    position:absolute;
    right:0;
    left:0;
    top:20px;
	z-index:10000;
	font-size:18px;
}

#lightbox-container-image{
	padding:0;
}

#lightbox-image-details {
    display: none;
}

.form h2 {
    font-size: 28px;
    margin-bottom: 0;
}

.video-wrap{
	position:relative;
}

.play-button{
	width: 100px;
    height: 100px;
	cursor:pointer;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIGlkPSJiaWdwbGF5IiB2aWV3Qm94PSIwIDAgMTAwIDIwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIgoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIyMDBweCIKPgoJPGcgaWQ9ImRhcmsiPgoJCTxwYXRoIGlkPSJQb2x5Z29uIiAgZD0iTSA3Mi41IDQ5LjUgTCAzOC43NSA2OC45ODU2IEwgMzguNzUgMzAuMDE0NCBMIDcyLjUgNDkuNSBaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjc1IiAvPgoJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDEzIDUwLjUgQyAxMyAyOS43ODkxIDI5Ljc4OTEgMTMgNTAuNSAxMyBDIDcxLjIxMDkgMTMgODggMjkuNzg5MSA4OCA1MC41IEMgODggNzEuMjEwOSA3MS4yMTA5IDg4IDUwLjUgODggQyAyOS43ODkxIDg4IDEzIDcxLjIxMDkgMTMgNTAuNSBaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43NSIvPgoJPC9nPgoJPGcgaWQ9ImxpZ2h0Ij4KCQk8cGF0aCBpZD0iUG9seWdvbjIiICBkPSJNIDcyLjUgMTQ5LjUgTCAzOC43NSAxNjguOTg1NiBMIDM4Ljc1IDEzMC4wMTQ0IEwgNzIuNSAxNDkuNSBaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxLjAiIC8+CgkJPHBhdGggaWQ9IkVsbGlwc2UyIiBkPSJNIDEzIDE1MC41IEMgMTMgMTI5Ljc4OTEgMjkuNzg5MSAxMTMgNTAuNSAxMTMgQyA3MS4yMTA5IDExMyA4OCAxMjkuNzg5MSA4OCAxNTAuNSBDIDg4IDE3MS4yMTEgNzEuMjEwOSAxODggNTAuNSAxODggQyAyOS43ODkxIDE4OCAxMyAxNzEuMjExIDEzIDE1MC41IFoiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIiBvcGFjaXR5PSIxLjAiLz4KCTwvZz4KPC9zdmc+") no-repeat;
}

.video-wrap:hover .play-button{
	background-position: 0 -100px;
}

.nowrap{
	white-space:nowrap;
}

.advantages .btn-wrap{
	margin-top:40px;
}

.advantages .btn{
	margin:0 auto;
}

.imgs img{
	max-width:100%;
	height:auto;
}

.table{
	width:100%;
	font-size: 16px;
	border-right:1px solid;
	border-bottom:1px solid;
	border-spacing: unset;
}

.table td{
	padding:10px 7px;
	border-left:1px solid;
	border-top:1px solid;
	text-align:center;
}

.text-content .btn-wrap{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.text-content .btn-wrap .btn{
	margin:1rem;
}

.btn-back{
	position: relative;
    max-width: 190px;
    left: 85px;
}

.box-page{
	font-size:26px;
	font-family:'Roboto';
	color:#3c3c3c;
}

.box-page .c-green{
	color:#83bb54;
}

.box-page .width{
	max-width: 1240px;
	padding:0 10px;
}

.box-page .header{
	padding-top: 40px;
    position: relative;
    margin-bottom: 70px;
}

.box-page h3{
	font-size:42px;
	font-weight:500;
	margin-bottom: 50px;
}

.box-page h1{
	font-weight:bold;
	font-size:110px;
	color:#83bb54;
	line-height:1.1;
	font-family: 'Roboto';
	padding-left:0;
	margin-bottom:62px;
}

.box-page .promo-bg{
	background:url('img/promo_37.jpg');
	width: 920px;
    height: 665px;
	position: absolute;
    top: 66px;
    right:0;
	z-index: -1;
	background-size:cover;
}

.box-page .bg-green{
	background-color:#83bb54;
}

.box-page .bg-yellow{
	background-color:#efcd00;
}

.box-page .boxes{
	display: flex;
	margin:0 -20px 50px;
}

.box-page .boxes .col{
	padding:0 20px;
}

.box-page .boxes .item{
	border-radius: 10px;
	height: 100%;
	padding: 0 10px;
}

.box-page .boxes .item .title{
	font-weight: bold;
    font-size: 44px;
    text-align: center;
    color: #ffffff;
    height: 195px;
    display: flex;
    justify-content: center;
	align-items:center;
    line-height: 1.15;
    box-sizing: border-box;
}

.box-page .boxes .item .tiles{
	display: flex;
	margin-left: -5px;
    margin-right: -5px;
}

.box-page .boxes .tiles .col{
	padding: 0 5px;
}

.box-page .boxes .item .bg-white{
	background-color: #ffffff;
    border-radius: 10px;
}

.box-page .boxes .item .tile strong{
	color:#e30613;
}

.box-page .boxes .item .tile p{
	padding:0 15px 22px 20px;
    line-height: 1.2;
}

.box-page .boxes .item .tile p.name{
    font-size: 36px;
    font-weight: 500;
    height: 130px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #83bb54;
	padding-bottom: 0;
    margin-bottom: 32px;
}

.box-page .boxes .item .price{
    font-size: 42px;
    font-weight: 500;
	margin-top: 10px;
}

.box-page .boxes .item .price span{
	font-size: 20px;
    font-weight: normal;
}

.box-page .boxes .item.bg-yellow .price{
	margin-top:-14px;
}

.box-page .boxes .item .total{
	height: 203px;
    display: flex;
    flex-direction: column;
	justify-content:center;
    margin-top: 15px;
    box-sizing: border-box;
    padding-left: 22px;
    padding-right: 10px;
    font-weight: 500;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.box-page .boxes .item.bg-green .total{
    border-top: 2px solid #83bb54;
}

.box-page .boxes .item.bg-yellow .total{
    border-top: 2px solid #efcd00;
}

.box-page .boxes .item .tile .total p{
	padding:0;
}

.box-page .boxes .item .tile .total p.price {
    padding-top: 15px;
}

.box-page .boxes .item .type {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 203px;
    font-size: 42px;
    font-weight: 500;
    color: #000000;
    box-sizing: border-box;
    text-align: center;
    padding-top: 38px;
	margin-top: 15px;
}

.box-page .boxes .item .btn-wrap{
	margin-top:30px;
	margin-bottom:55px;
}

.box-page .boxes .item.bg-yellow .btn-wrap{
	position: relative;
    bottom: 205px;
	margin-bottom: 0;
}

.box-page .boxes .item.bg-yellow .total_bottom{
	background-color: #efcd00;
    font-size: 22px;
    justify-content: flex-start;
    padding-top: 203px;
	margin-top: 0;
}

.box-page .width .btn{
	border:none;
	font-size:42px;
	height:142px;
	border-radius:10px;
	font-weight:500;
	font-family: 'Roboto';
	line-height:1.2;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	width:100%;
	max-width:100%;
}

.box-page .width .btn-red{
	background-color:#e30613;
}

.box-page .width .btn-red:hover{
	background-color:#b60610;
}

.box-page .width .btn-green{
	background-color:#83bb54;
}

.box-page .width .btn-green:hover{
	background-color:#669e37;
}

.box-page .boxes .item p.end{
	font-size: 26px;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: -30px;
}

.box-page .text p:first-child{
	margin-bottom:5px;
	line-height:1
}

.box-page .text p{
	margin-bottom: 30px;
}

.box-page .text p.indent{
	text-indent:20px;
}

.box-page .text ol{
	padding-left: 26px;
}

.box-page .text ol li{
	margin-bottom: 4px;
    line-height: 1.3;
}

.popup-content .mdl-textfield__label:after {
    bottom: 20px;
}

.bg-yellow{
	background-color:#ffdf4f;
}

.bg-blue{
	background-color:#8FA9DB;
}

.form-page section {
    padding-top:0;
}

.form-page .promo {
    overflow:visible;
	border-bottom:none;
}

.form-page .promo .width{
	padding-bottom:0;
}

.form-page form {
    width: 100%;
    max-width: 600px;
    padding: 5px 30px 12px;
    background-color: #ffffff;
    border: 1px solid #939598;
    border-radius: 10px;
    box-sizing: border-box;
}

.form-page .mdl-textfield {
    width: 100%;
	padding:5px 0;
}

.form-page .mdl-textfield__input {
    font-size: 16px;
    padding: 10px 0 4px;
}

.form-page .mdl-textfield__label {
    font-size: 16px;
	top: 12px;
}

.form-page .mdl-textfield__label:after {
    bottom:5px;
}

.form-page .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.form-page .mdl-textfield--floating-label.is-dirty .mdl-textfield__label{
    top: 0;
}

.mdl-textfield__error{
	font-size: 11px;
}

.form-page .mdl-textfield.is-invalid .mdl-textfield__error {
    margin-top: 0;
    bottom: -8px;
	right: 0;
}

.form-page form > p {
    font-size: 16px;
    line-height: 1;
    margin-top: 12px;
    margin-bottom: 12px;
}

.form-page .promo-bg{
	background:url('img/promo_31.jpg');
	width: 920px;
    height: 665px;
	position: absolute;
    top: 0;
    right:0;
	z-index: -1;
	background-size:cover;
}

footer .d-flex{
	justify-content:space-between;
	column-gap: 16px;
}

.markets{
	display:flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.btn-store {
    background: url('images/spriteStore.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 38px;
    padding: 0;
    width: 128px;
    opacity: 0.8;
	flex-shrink:0;
    transition: opacity 0.15s ease-in-out;
}

.btn-store:hover {
    opacity: 1;
}

.btn-store-app {
    background-position: 0 0;
}

.btn-store-google {
    background-position: 0 -38px;
}

.btn-store-img{
    background-position: -1000px -1000px;
}

.reviews .col{
	width:33.33333%;
}

.reviews .item .img{
	margin-bottom:10px;
}

.reviews .item .img img{
	border-radius: 100px;
}

.reviews .item .name{
	font-weight: bold;
    font-size: 20px;
}

.reviews .item .text {
	margin-top:20px;
}

.reviews .item .text p {
	margin-bottom:16px;
}

.reviews .item .text p:last-child {
	margin-bottom:0;
}

.add_wrap{
	display: flex;
	align-items: flex-start;
}

.add_btn{
	margin-right: 20px;
	padding-top: 5px;
}

.personal{
	background: #f3f9e0 url('images/personal_img.png') no-repeat calc(50% + 400px) 50px;
}

.personal h2{    
	text-align: left;
    line-height: 52px;
    margin-bottom: 43px;
}

.personal_txt {
    line-height: 18px;
}

.personal_txt p:not(:last-child) {
    margin-bottom: 20px;
}

.personal_btn {
    margin: 32px 0;
}

.personal_btn .btn {
    max-width: 232px;
}

.personal_block {
    max-width: 500px;
}

.field_checkbox{
	margin-bottom: 20px;
	font-size: 16px;
}

.field_checkbox input{
	margin: 0 4px 0 0;
    position: relative;
    top: 1px;
}

.field_checkbox .error{
	display: none;
	color: #FF0000;
    font-size: 14px;
	padding-left: 21px;
}

.field_checkbox._error .error{
	display: block;
}

.row_advantages {
    margin: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 64px;
}

.advantages_item {
    width: calc(100% / 3 - 24px);
    text-align: center;
    background: #ffffff;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 16px;
}

.hidden_fields__row{
	display: none;
	gap: 18px;
	margin-bottom: 16px;
	margin-top: -32px;
}

.hidden_fields__row._show{
	display: flex;
}

.btn_hidden {
    background: none;
    padding: 0;
    border: none;
    outline: none;
    border-bottom: 1px dotted;
    color: #d71920;
    cursor: pointer;
	font-family: "Futura", Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 16px;
}

.btn_hidden:hover{
	border-bottom-style: solid;
}

.btn_hidden._active{
	font-weight: bold;
}

@media all and (max-width:1580px){	
	.promo-bg{
		right:-250px;
	}
}

@media all and (max-width:1280px){	
	.box-page {
		font-size: 22px;
	}
	
	.box-page .header .bg{
		right:0;
	}
	
	.box-page h1{
		text-shadow: 1px 2px 0 rgba(0,0,0,0.5);
	}
}

@media all and (max-width:1080px){
	.box-page {
		font-size: 18px;
	}
	
	.box-page .header {
		padding-top: 70px;
		margin-bottom:110px;
	}
	
	.box-page h3{
		font-size:30px;
	}
	
	.box-page h1 {
		font-size: 90px;
	}
	
	.box-page .boxes .item .title {
		font-size: 40px;
		height: 170px;
	}
	
	.box-page .boxes .item .tile p.name {
		font-size: 30px;
	    height: 130px;	
	}
	
	.box-page .boxes .item .tile p{
		padding-bottom:20px;
	}
	
	.box-page .boxes .item .price{
		font-size: 30px;
	}
	
	.box-page .boxes .item .total {
		height: 145px;
	}
	
	.box-page .width .btn{
		font-size: 30px;
	}
	
	.box-page .boxes .item .type{
		font-size: 30px;
		height: 145px;
		padding-top:30px;
	}
	
	.box-page .boxes .item p.end {
		font-size: 20px;
	}
}

@media all and (max-width:960px){
	.box-page .boxes {
		flex-direction: column;
	}
	
	.box-page .boxes .col {
		width: 100%;
	}
	
	.box-page .boxes .col:first-child{
		margin-bottom:20px;
	}
	
	.box-page .boxes .item .tiles {
		flex-direction: column;
	}
	
	.box-page .boxes .item .tile p br {
		display: none;
	}
	
	.box-page .boxes .item .title {
		height: 130px;
	}
	
	.box-page .boxes .item .tile p.name {
		height: 100px;
	}
	
	.box-page .boxes .item .type{
		height: auto;
		padding-top: 20px;
	}
	
	.box-page .boxes .item .type br{
		display:none;
	}
	
	.box-page .width .btn {
		height: 120px;
		max-width: 500px;
		margin: 0 auto;
	}
	
	.box-page .boxes .item.bg-yellow .total_bottom{
		padding-top:15px;
		height: auto;
	}
	
	.box-page .boxes .item.bg-yellow .btn-wrap {
		bottom: 0;
	}
	
	.box-page .boxes .item.bg-yellow{
		padding-bottom:30px;
	}
}

@media all and (max-width:768px){
	.top .d-flex {
		flex-wrap: wrap;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.logo {
		width: 100%;
		background-position: center;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.form-block-row {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.form-block-row > .mdl-textfield{
		margin-right:20px;
	}
	
	.form-block > .d-flex{
		flex-direction: column-reverse;
        align-items: flex-start;
        margin-bottom: 32px !important;
	}
	
	.form-block .mdl-textfield.form-row-enter {
		width: 100%;
	}
	
	.advantages .row{
		margin-right:0;
		margin-left:0;
	}
	
	.advantages .list br {
		display: none;
	}
	
	.advantages .list {
		flex-wrap: wrap;
		margin-bottom:17px;
	}
	
	.advantages .list .col {
		display: flex;
		align-items: stretch;
		margin-bottom: 20px;
		padding:0;
	}
	
	.advantages .list .item{
		width:100%;
	}
	
	.advantages .screenshots {
		flex-wrap: wrap;
	}
	
	.advantages .screenshots .col {
		width: 100%;
	}
	
	.tariffs .row {
		flex-wrap: wrap;
		margin-left:0;
		margin-right:0;
	}
	
	.tariffs .col {
		width: 100%;
		justify-content: center;
	}
	
	.promo-bg{
		display:none;
	}
	
	.box-page h1 {
		font-size: 68px;
		text-shadow:none;
	}
	
	.box-page h3 {
		font-size: 24px;
	}
	
	.box-page .header .bg{
		display:none;
	}
	
	.box-page .header {
		padding-top: 30px;
		margin-bottom: 70px;
	}
	
	.form-page .top .d-flex {
		flex-wrap: wrap;
	}
	
	.top .logos {
		width: 100%;
		flex-grow: 1;
		justify-content: center;
		margin-bottom:20px;
	}
	
	.reviews .row{
		flex-wrap:wrap;
		justify-content:center;
	}
	
	.reviews .col{
		width:50%;
		margin-bottom:30px;
	}

	.personal{
		background: #f3f9e0;
	}

	.advantages_item {
		width: calc(100% / 2 - 12px);
	}
}

@media all and (max-width:660px){
	footer .d-flex {
		display: block;
	}
	
	.markets {
		margin-top: 20px;
	}
}

@media all and (max-width:576px){
	h1 br,
	.promo .width > p br{
		display:none;
	}

	h2{
		font-size: 32px;
		line-height: 36px !important;
	}
	
	.form-block-row > .mdl-textfield{
		width:100%;
		margin-right:0;
	}
	
	.advantages .list .col{
		width:100%;
	}
	
	.tariffs .btn{
		font-size:18px;
	}
	
	.tariffs .title{
		height:86px;
		padding-top:7px;
		padding-bottom:7px;
	}
	
	.box-page .header{
		padding-top:0;
	    margin-bottom: 40px;
	}
	
	.box-page h3 {
		margin-bottom: 30px;
	}
	
	.box-page h1 {
		font-size: 50px;
		margin-bottom: 30px;
		line-height: 1;
	}
	
	.box-page .boxes .item .title {
		font-size: 30px;
		padding-top: 0;
	}
	
	.box-page .width .btn {
		font-size: 20px;
		height: 80px;
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	.box-page .boxes .item .type {
		font-size: 22px;
	}
	
	.box-page .boxes {
		margin-bottom: 40px;
	}
	
	.reviews .col{
		width:100%;
	}

	nav{
		width:100%;
		justify-content:center;
		margin-bottom:20px;
	}
	nav > *{
		margin:0 6px;
	}

	.enter br {
		display: none;
	}
	.enter{
		width:100%;
		text-align:center;
		margin-right:0;
	}
	.enter a{
		margin:0 10px;
	}

	.add_wrap{
		flex-direction: column;
	}

	.add_btn {
		margin-right: 0;
		padding-top: 0;
		margin-bottom: 10px;
	}

	.row_advantages{
		row-gap: 16px;
	}

	.advantages_item {
		width: 100%;
	}

	.hidden_fields__row {
		flex-direction: column;
		gap: 0;
	}

	.hidden_fields__row .mdl-textfield {
		width: 100%;
	}
}

@media all and (max-width:400px){
	.top .logos {
		flex-direction: column;
		margin-bottom:0;
	}
	.top .logos > *{
		margin: 0 0 20px 0;
	}

}

@media all and (max-width:340px){
	.tariffs .title{
		height:100px;
	}
}

label.error {
    color: #d50000;
    display: block;
    font-size: 11px;
    margin-top: 3px;
    position: absolute;
}

@keyframes spin { 
    100% {
        transform:rotate(360deg); 
    } 
}

.submit._loading{
    text-indent: -99999px;
    position: relative;
    cursor: default;
} 

.submit._loading:before{
    content: '';
    display: block;
    border: 3px solid #ffffff;
    border-top-color: transparent;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    animation:spin 0.7s linear infinite;
}