@charset 'utf-8';

/*
1. Reset CSS
2. Basic elements, components
3. Header
4. Footer
5. Main
6. Media
  6.1 Wide screens
  6.2 Tablets
  6.3 Mobiles
*/

/*-------------------------------------------------------------------------*/
/* ------------------------------1. RESET CSS------------------------------*/
/*-------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, font, img, q, s, small, strong, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time, hr{font-size:100%; margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent;}
article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time, hr{display:block;}
html{-webkit-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color:rgba(0,  0,  0,  0.1);}
input::-moz-focus-inner{padding:0; border:0;}
button::-moz-focus-inner{padding:0; border:0;}
[type=submit], [type=button], [type=reset], button{cursor:pointer; -webkit-appearance:none;}
input, textarea, button{margin:0; padding:0; border:none; border-radius:0; outline:none; background:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -webkit-focus-ring-color:none;}
button{overflow:visible;}
textarea{overflow:auto;}
body{line-height:1;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
:focus{outline:0;}
:disabled{cursor:default;}
table{border-spacing:0; border-collapse:collapse;}
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img{display:block;}
[type=submit], [type=button], [type=reset], button{background-color:transparent;}

/*-------------------------------------------------------------------------------------------*/
/* ------------------------------2. BASIC ELEMENTS, COMPONENTS-------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{height:100% !important; margin:auto; position:relative;}
html.loaded *{-webkit-transition:none; -ms-transition:none; transition:none;}

body{min-width:320px; height:100% !important; position:relative; font:normal 14px/21px 'Montserrat', sans-serif; background:#fff; color:#0b0b0d;}

.page-container{min-height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; overflow:hidden; position:relative;}

.wrapper{max-width:1227px; margin:auto; padding:0 30px;}

/* titles, text, images */
h1{padding:0 0 21px; font:bold 50px/1 'Montserrat', sans-serif;}
h2{padding:0 0 21px; font:bold 39px/42px 'Montserrat', sans-serif;}
h3{padding:0 0 21px; font:bold 39px/42px 'Montserrat', sans-serif;}
h4{padding:0 0 21px; font:bold 25px/38px 'Montserrat', sans-serif;}
h5{padding:0 0 21px; font:bold 20px/30px 'Montserrat', sans-serif;}
h6{padding:0 0 21px; font:bold 16px/24px 'Montserrat', sans-serif;}

ul{padding:0 0 21px;}
ul li{position:relative; list-style:none;}

ol{padding:0 0 21px; list-style:none; counter-reset:item;}
ol li:before{content:counter(item, decimal) ". "; counter-increment:item; font-weight:bold;}

p{padding:0 0 21px;}

img{margin:0 0 21px;}

table{margin:0 0 21px;}

/* links */
a{color:#004688; text-decoration:none;}
a:hover{color:#086bc8;}

/* placeholder */
*::-moz-placeholder{opacity:1 !important; color:#9f9f9f !important;}
*::-webkit-input-placeholder{line-height:normal; opacity:1 !important; color:#9f9f9f !important;}
*:-ms-input-placeholder{opacity:1 !important; color:#9f9f9f !important;}

.nowrap, .nowrap a {
	white-space: nowrap;
}
.display-none {
	display:none;
}

/* text fields */
.text-input{width:100%; height:71px; margin:0 0 21px; padding:0 27px; display:block; background:#fff; border:1px solid #D8D8D8; font:17px/1 'Montserrat', sans-serif; color:#0b0b0d;}
.text-input:focus{border-color:#0b0b0d;}

.textarea{min-width:100%; max-width:100%; min-height:194px; height:194px; margin:0 0 21px; padding:27px 33px; display:block; background:#fff; border:1px solid #D8D8D8; font:15px/21px 'Montserrat', sans-serif; color:#0b0b0d; resize:none;}

/* buttons */
.button{max-width:100%; height:70px; margin:0 0 21px; padding:0 31px; display:inline-block; background:#004688; border-radius:13px; font:bold 16px/70px 'Montserrat', sans-serif; text-align:center; color:#fff; overflow:hidden;}
.button:hover{background:#086bc8; color:#fff;}
.button__copy{padding:0 0 0 45px; position:relative;}
.button__copy:before{content:""; width:28px; height:30px; margin:-15px 0 0; position:absolute; top:50%; left:0; background:url(/img/podelispromo/svg/copy-white.svg) no-repeat; background-size:100% 100%;}

.button_orange{background:#FFA724; color:#fff;}
.button_orange:hover{background:#ffbb55; color:#fff;}

.login-button{max-width:100%; height:40px; padding:0 15px; display:inline-block; vertical-align:top; border:1px solid #D8E0EC; border-radius:5px; font:13px/40px 'Montserrat', sans-serif; overflow:hidden;}
.login-button:hover{background:#004688; border-color:#004688; color:#fff;}
.login-button:hover .login-button__icon:before{opacity:0;}
.login-button:hover .login-button__icon:after{opacity:1;}
.login-button__icon{padding:0 0 0 28px; position:relative;}
.login-button__icon:before, .login-button__icon:after{content:""; width:18px; height:18px; margin:-9px 0 0; position:absolute; top:50%; left:0;}
.login-button__icon:before{background:url(/img/podelispromo/svg/login.svg) no-repeat; background-size:100% 100%;}
.login-button__icon:after{background:url(/img/podelispromo/svg/login-hover.svg) no-repeat; background-size:100% 100%; z-index:1; opacity:0;}

.download-button{max-width:100%; height:70px; margin:0 0 21px; padding:0 38px; display:inline-block; background:#004688; border-radius:13px; font:bold 16px/70px 'Montserrat', sans-serif; text-align:center; color:#fff; overflow:hidden;}
.download-button:hover{background:#086bc8; color:#fff;}
.download-button__icon{padding:0 59px 0 0; position:relative;}
.download-button__icon:before{content:""; width:48px; height:48px; margin:-24px 0 0; position:absolute; top:50%; right:-8px; border:1px solid #fff; border-radius:50%;}
.download-button__icon:after{content:""; width:23px; height:23px; margin:-11.5px 0 0; position:absolute; top:50%; right:4px; background:url(/img/podelispromo/svg/download.svg) no-repeat; background-size:100% 100%; z-index:1;}

.copy-button{padding:0 0 0 28px; display:inline-block; position:relative; font:15px/19px 'Montserrat', sans-serif; color:#004688;}
.copy-button:before, .copy-button:after{content:""; width:17px; height:19px; position:absolute; top:0; left:0;}
.copy-button:before{background:url(/img/podelispromo/svg/copy.svg) no-repeat; background-size:100% 100%;}
.copy-button:after{background:url(/img/podelispromo/svg/copy-hover.svg) no-repeat; background-size:100% 100%; z-index:1; opacity:0;}
.copy-button:hover{color:#086bc8;}
.copy-button:hover:before{opacity:0;}
.copy-button:hover:after{opacity:1;}

.share-button{max-width:100%; height:70px; margin:0 0 21px; padding:0 42px; display:inline-block; border:1px solid #FFA724; border-radius:13px; font:bold 16px/68px 'Montserrat', sans-serif; color:#FFA724; overflow:hidden;}
.share-button:hover{border-color:#FFA724; background-color:#FFA724; color:#fff;}

/*----------------------------------------------------------------------*/
/* ------------------------------4. HEADER------------------------------*/
/*----------------------------------------------------------------------*/
.header{min-width:0; width:100%; position:relative; z-index:50; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; border-bottom:1px solid #D8E0EC;}
.header__main{padding-top:17px; padding-bottom:17px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.header__left{width:100%; min-width:0;}
.header__center{min-width:340px; padding:0 30px; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; text-align:center;}
.header__right{width:100%; min-width:0; text-align:right;}

.header-logo{margin:0 -6px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; position:relative; top:2px;}
.header-logo__col{padding:0 6px; font-weight:bold; font-size:18px; line-height:22px; color:#004688; text-transform:uppercase;}
.header-logo__image{margin:0; position:relative; bottom:2px;}

.header-title{padding:0; font-weight:bold; font-size:23px; line-height:28px;max-width:600px}

/*----------------------------------------------------------------------*/
/* ------------------------------5. FOOTER------------------------------*/
/*----------------------------------------------------------------------*/
.footer{min-width:0; width:100%; padding:40px 0 30px; position:relative; z-index:2; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; text-align:center;}

.footer-nav__list{margin:0 -38px; padding:0 0 5px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font:14px/21px 'Montserrat', sans-serif;}
.footer-nav__item{padding:0 38px 17px;}
.footer-nav__link{color:#004688; border-bottom:1px solid #004688;}
.footer-nav__link:hover{color:#086bc8; border-color:transparent;}

.paykeeper{max-width:100%; margin:0 auto 21px;}

.copyrights{padding:0 0 20px; display:block; font-size:12px; line-height:16px;}
.copyrights a{color:#004688; border-bottom:1px solid #004688;}
.copyrights a:hover{color:#086bc8; border-color:transparent;}

/*--------------------------------------------------------------------*/
/* ------------------------------6. MAIN------------------------------*/
/*--------------------------------------------------------------------*/
.main{min-width:0; width:100%; padding-top:42px; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto;}

.main-title{margin:0 0 40px; padding:0 0 24px; position:relative; font:bold 39px/42px 'Montserrat', sans-serif; text-align:center;}
.main-title:before{content:""; width:90px; height:3px; margin:0 0 0 -45px; position:absolute; bottom:0; left:50%; background:#FFA724; border-radius:2px;}

.promo-top{margin:0 -12px 41px; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.promo-top__col{padding:9px 12px; font-size:22px; line-height:24px;}
.promo-top__bg{min-width:132px; height:65px; padding:0 19px; display:block; background:#F7FAFF; border-radius:13px; font:bold 32px/65px 'Montserrat', sans-serif; color:#004688; text-align:center;}

.promo-block{margin:0 0 53px; border:4px solid #004688; border-radius:13px; overflow:hidden;}
.promo-block__cols{max-width:1140px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.promo-block__left{width:100%; min-width:0; padding:61px 0 36px 11px;}
.promo-block__right{width:479px; padding:45px 30px 30px 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; position:relative; z-index:1;}
.promo-block__image{width:621px; margin:0; position:relative;}
.promo-block__image_mob{display:none;}
.promo-block__image_qr_desktop {
	width: 238px;
	margin-top: 15px;
	margin-left: 245px;
	margin-bottom: -20px;
}
.promo-block__title{padding:0 0 33px; font:bold 23px/28px 'Montserrat', sans-serif;}

.promo-form{margin:0 0 25px;}
.promo-form__border{position:relative;}
.promo-form__input{width:100%; height:85px; padding:0 70px 0 29px; display:block; background:#fff; border:2px dashed #FFA724; border-radius:13px; font:600 30px/1 'Montserrat', sans-serif; letter-spacing:0.14em; color:#000;}
.promo-form__button{width:28px; height:30px; position:absolute; top:27px; right:37px; z-index:1;}
.promo-form__button:before, .promo-form__button:after{content:""; width:100%; height:100%; position:absolute; top:0; left:0;}
.promo-form__button:before{background:url(/img/podelispromo/svg/copy.svg) no-repeat; background-size:100% 100%;}
.promo-form__button:after{background:url(/img/podelispromo/svg/copy-hover.svg) no-repeat; background-size:100% 100%; z-index:1; opacity:0;}
.promo-form__button:hover:before{opacity:0;}
.promo-form__button:hover:after{opacity:1;}

.clipboard-text{margin:0 0 -21px; padding:7px 0 0; display:none; font:600 14px/21px 'Montserrat', sans-serif; color:#FFA724;}
.clipboard-text.active{display:block;}

.share{padding:0 0 18px;}
.share .ya-share2__list{margin:0 -6px !important; padding:0 !important;}
.share .ya-share2__item{margin:0 6px 10px !important;}
.share .ya-share2__item_service_vkontakte .ya-share2__link{background:url(/img/podelispromo/svg/vk.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_facebook .ya-share2__link{background:url(/img/podelispromo/svg/facebook.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_odnoklassniki .ya-share2__link{background:url(/img/podelispromo/svg/ok.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_twitter .ya-share2__link{background:url(/img/podelispromo/svg/twitter.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_whatsapp .ya-share2__link{background:url(/img/podelispromo/svg/whatsup.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_viber .ya-share2__link{background:url(/img/podelispromo/svg/viber.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_service_telegram .ya-share2__link{background:url(/img/podelispromo/svg/telegram.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__item_more .ya-share2__link{background:url(/img/podelispromo/svg/more.svg) no-repeat; background-size:100% 100%;}
.share .ya-share2__link{width:50px !important; height:50px !important; display:block !important; overflow:hidden;}
.share .ya-share2__link *{opacity:0;}
.share__title{padding:0 0 14px; font:600 20px/24px 'Montserrat', sans-serif;}

.ya-share2__item:before{display:none;}
.ya-share2__popup .ya-share2__item{padding:5px 17px 5px 15px !important;}

.instagram-icon{width:50px; height:50px; display:block; background:url(/img/podelispromo/svg/instagram.svg) no-repeat; background-size:100% 100%;}



.user-form{padding:72px 0 0; text-align:center;display:none;}
.user-form__title{padding:0 0 40px; font:bold 23px/28px 'Montserrat', sans-serif;}
.user-form__title2{padding:20px 0 0px; font:bold 23px/28px 'Montserrat', sans-serif;text-align:center}
.user-form__input{margin:0 0 47px;}
.user-form__button{min-width:290px;}
.user-form.active{display:block;}
.promo-form-block{display:none;}
.promo-form-block.active{display:block;}

.conditions-block{padding:0 0 82px;}
.conditions-block__bg{margin:0 0 49px; padding:37px 30px 35px; background:#F7FAFF; border-radius:13px;}
.conditions-block__title{margin:0 0 30px; padding:0 0 26px; position:relative; text-align:center; font:bold 24px/32px 'Montserrat', sans-serif;}
.conditions-block__title:before{content:""; width:90px; height:3px; margin:0 0 0 -45px; position:absolute; bottom:0; left:50%; background:#FFA724; border-radius:2px;}
.conditions-block__bottom{text-align:center;}
.conditions-block__more{margin-top:62px;}
.conditions-block__more br{display:none;}
.conditions-block__more.active{display:none;}

.conditions{max-width:1087px; margin:auto; padding:0; list-style:none; counter-reset:item; font-weight:300;}
.conditions__item{min-height:52px; padding:0 0 17px 54px; position:relative;}
.conditions__item:before{display:none;}
.conditions__item:after{content:counter(item, decimal); counter-increment:item; min-width:32px; height:32px; position:absolute; top:-5px; left:0; background:#FFA724; border-radius:50%; font:bold 16px/32px 'Montserrat', sans-serif; color:#fff; text-align:center;}

.steps__item{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -ms-align-items:center; align-items:center;}
.steps__item:nth-child(2n) .steps__right{-webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1;}
.steps__item:nth-child(2n) .steps__right:before{width:160px; height:217px; bottom:-134px; left:auto; right:-79px; background:url(/img/podelispromo/arrow-2.png) no-repeat; background-size:100% 100%;}
.steps__item.index:nth-child(2n) .steps__right:before{width:160px; height:217px; bottom:-63px; left:auto; right:-79px; background:url(/img/podelispromo/arrow-2.png) no-repeat; background-size:100% 100%;}
.steps__item:nth-child(2n) .steps__right .steps__cell{padding:0 64px;}
.steps__item:nth-child(2n) .steps__image{right:-15px; float:right;}
.steps__item:nth-child(2n-1){max-width:1160px;}
.steps__item:nth-child(3) .steps__image{left:-28px;}
.steps__item:nth-child(3) .steps__right{top:9px;}
.steps__item:last-child .steps__right:before{display:none;}
.steps__right{width:100%; min-width:0; max-width:664px; -webkit-box-ordinal-group:3; -webkit-order:3; -ms-flex-order:3; order:3; position:relative;}
.steps__right:before{content:""; width:211px; height:232px; position:absolute; bottom:-110px; left:-116px; z-index:1; background:url(/img/podelispromo/arrow-1.png) no-repeat; background-size:100% 100%;}
.steps__left{width:370px; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2;}
.steps__image{margin:0; position:relative;}
.steps__image_mob{display:none;}
.steps__row{width:100%; display:table; table-layout:fixed;}
.steps__cell{height:192px; padding:0 75px; display:table-cell; vertical-align:middle; background:#F7FAFF; border:1px solid #CED2D8; border-radius:13px;}
.steps__title{padding:30px 0; font:600 25px/38px 'Montserrat', sans-serif; color:#004688;}

.socials-promo{padding:0 0 60px;}
.socials-promo__cols{max-width:1160px; padding:13px 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;}
.socials-promo__left{width:480px; padding:0 30px 0 0; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; text-align:center;}
.socials-promo__right{width:100%; max-width:635px;}
.socials-promo__image{max-width:100%; margin:0 auto 16px;}
.socials-promo__row{width:100%; display:table; table-layout:fixed;}
.socials-promo__cell{height:450px; padding:0 30px; display:table-cell; vertical-align:middle; background:#F7FAFF; border-radius:13px;}
.socials-promo__form{padding:30px 0;}
.socials-promo__button{margin:37px 0 0;}

.textarea-block{position:relative;}
.textarea-block__input{margin-bottom:0; padding-bottom:60px;}
.textarea-block__copy{position:absolute; bottom:26px; right:30px; z-index:1;}

.regform{
	background: #FFFAF2;
	padding: 30px 20px 0px 30px;
	margin-top: 30px;
	border-radius: 13px;
	margin-bottom: 20px;
}
.input-invariable {
	background: #F7FAFF !important;
	color: #004688 !important;
	font: 600 18px/1 'Montserrat', sans-serif !important;
}

.qr__block {
	
}
.qr__img {
	text-align:center;
	margin-top:15px;
}
.qr__img img {
    display: inline;
	border: 1px solid #0b0b0d;
	border-radius: 15px;
}
.qr__img_print {
	position: relative;
	margin-top: -74px;
	margin-left: 350px;
	border: 0px;
	
}
.qr__img_print img {
	width:50px;
	margin-left:25px;
	border: 0px;
	cursor:pointer;
}

.parner_oferta {
	text-align:left;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
.parner_oferta input {
	width: 12px;
	height: 12px;
	margin: 0px;
	text-align: left;
	padding: 0px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	-webkit-focus-ring-color: auto;
}

.list_block {
	
}
.list_block ol {
	max-width:1087px; margin:auto; padding:0; list-style:none; counter-reset:item; font-weight:300;
}
.list_block li {min-height:52px; padding:0 0 17px 54px; position:relative;}
.list_block li:before{display:none;}
.list_block li:after{content:counter(item, decimal); counter-increment:item; min-width:32px; height:32px; position:absolute; top:-5px; left:0; background:#FFA724; border-radius:50%; font:bold 16px/32px 'Montserrat', sans-serif; color:#fff; text-align:center;}


.passes-bl {
	display:flex;
	justify-content: end;
}
.passes-bl-left img {
	width: 200px;
}
.passes-bl-right img {
	width: 200px;
}

textarea.form-input {
  min-width: 100%;
  max-width: 100%;
  min-height: 45px !important;
  padding-top: 13px;
  padding-bottom: 12px;
  resize: none;
  font-size: 16px !important;
  line-height: 21px;
  height: 48px;
  font-weight: 600;
  font-family: "Montserrat", "Arial", sans-serif;
}
.form-input:focus {
	outline: 0;
	border-color: #FFA724;
}
/*----------------------------------------------------------------------*/
/*------------------------------8. MEDIA------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------7.1 WIDE SCREENS--------------------*/
@media screen and (max-width:1150px){
  .footer-nav__list{margin:0 -20px;}
  .footer-nav__item{padding:0 20px 17px;}

  .promo-block__image{left:-80px;}
  
  .steps__cell{padding:0 48px !important;}
}

/*--------------------7.2 TABLETS--------------------*/
@media screen and (max-width:1024px){
  .promo-block__image{left:-140px;}
	textarea.form-input {
	  font-size: 14px !important;
	}
}

@media screen and (max-width:991px){
  .header__left{display:none;}
  .header__center{min-width:0; padding:0;}
  .header-title{position:relative; top:2px;}

  .main-title{margin:0 0 35px; font-size:34px; line-height:40px;}

  .promo-top{margin:0 -8px 35px;}
  .promo-top__col{padding:9px 8px; font-size:16px;}
  .promo-top__bg{min-width:0; height:58px; font-size:26px; line-height:58px;}

  .promo-block{margin:0 0 48px;}
  .promo-block__cols{-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .promo-block__left{width:100%; min-width:0; padding:0 0 36px; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2;}
  .promo-block__right{width:450px; margin:auto; padding:40px 0 15px; -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1; text-align:center;}
  .promo-block__image{margin:auto; left:auto;}

  .user-form{padding:0;}
  .user-form__title{padding:0 0 30px;}
  .user-form__input{margin:0 0 35px;}

  .conditions-block{padding:0 0 40px;}
  .conditions-block__bg{margin:0 0 45px; padding:35px 30px 25px;}
  .conditions-block__more{margin-top:30px; margin-bottom:40px;}

  .steps__item{padding:0 0 30px; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .steps__item:nth-child(2n) .steps__right{-webkit-box-ordinal-group:3; -webkit-order:3; -ms-flex-order:3; order:3;}
  .steps__item:nth-child(2n) .steps__right:before{bottom:-170px; right:-30px;}
  .steps__item:last-child .steps__right:before{display:none;}
  .steps__right{width:100%; min-width:0; max-width:none; top:auto !important;}
  .steps__right:before{bottom:-160px; left:-50px;}
  .steps__left{width:100%;}
  .steps__image{margin:0 auto 25px; left:auto !important; right:auto !important; float:none !important;}
  .steps__cell{height:auto; padding:0 40px !important; text-align:center;}
  .steps__title{font:600 22px/34px 'Montserrat', sans-serif;}

  .socials-promo{padding:0 0 60px;}
  .socials-promo__cols{padding:10px 0;}
  .socials-promo__left{width:350px;}
  .socials-promo__right{width:100%; max-width:635px; text-align:center;}
  .socials-promo__cell{height:320px;}
  .socials-promo__form{padding:30px 0;}
  .socials-promo__button{margin:30px 0 0; padding:0 30px;}

  .textarea-block__input{height:160px; min-height:160px; padding:20px 25px 50px;}
  .textarea-block__copy{bottom:20px; right:24px;}
}

/*--------------------7.3 MOBILES--------------------*/
@media screen and (max-width:767px){
  body{font-size:12px; line-height:16px;}

 .wrapper{padding-left:8px; padding-right:8px;}

 .text-input{height:60px; padding:0 25px; font-size:15px;}

 .header__main{padding-top:11px; padding-bottom:11px;}
 .header-title{font-size:16px; line-height:20px;max-width:550px;}

 .footer{padding:30px 0;}
 .footer-nav__item{width:100%;}

 .main{padding-top:30px;}

 .main-title{margin:0 0 23px; padding:0 0 13px; font-size:18px; line-height:21px;}
 .main-title:before{width:60px; margin:0 0 0 -30px;}

 .promo-top{margin:0 -12px 35px; padding:0; text-align:center;}
 .promo-top__col{padding:2px 5.5px; font-size:17px; line-height:24px;}
 .promo-top__bg{min-width:82px; height:33px; padding:0 10px; border-radius:7px; font:bold 21px/33px 'Montserrat', sans-serif;}

 .promo-block{margin:0 0 41px; border:3px solid #004688;}
 .promo-block__left{width:100%; padding:0 0 22px;}
 .promo-block__right{width:100%; padding:18px 15px 13px;}
 .promo-block__image{width:301px; margin:auto;}
 .promo-block__image_desktop{display:none;}
 .promo-block__image_mob{display:block;}
 .promo-block__image_qr_desktop{display:none;} 
 .promo-block__title{padding:0 0 21px; font-size:19px; line-height:23px;}

 .promo-form{margin:0 0 18px;}
 .promo-form__input{width:100%; height:58px; padding:0 45px 0 12px; text-align:center; font-size:19px;}
 .promo-form__button{width:18px; height:20px; top:19px; right:18px;}

 .clipboard-text{margin-bottom:-8px;}

 .share{padding:0 0 12px;}
 .share .ya-share2__list{margin:0 -5px !important;}
 .share .ya-share2__item{margin:0 5px 10px !important;}
 .share .ya-share2__link{width:40px !important; height:40px !important;}
 .share__title{padding:0 0 10px; font-size:16px; line-height:19px;}

 .instagram-icon{width:40px; height:40px;}
 
 .user-form{padding:8px 0 0;}
 .user-form__title{padding:0 0 25px; font-size:19px; line-height:23px;}
 .user-form__title2{padding:20px 0 20px; font-size:19px; line-height:23px;}
 .user-form__input{margin:0 0 30px;}
 .user-form__button{width:100%; min-width:0; max-width:290px; padding:0;}

 .conditions-block{padding:0 0 10px;}
 .conditions-block__bg{margin:0 -8px 44px; padding:33px 8px 35px; border-radius:0;}
 .conditions-block__title{margin:0 0 25px; padding:0 0 14px; font-size:18px; line-height:21px;}
 .conditions-block__title:before{width:60px; margin:0 0 0 -30px;}
 .conditions-block__more{margin-top:24px; margin-bottom:0;}

 .conditions__item{min-height:48px; padding:0 0 13px 46px;}

 .steps__item{padding:0 0 27px;}
 .steps__item:nth-child(2n) .steps__right:before{width:113px; height:162px; bottom:-130px; right:-8px; -webkit-transform:scale(-1, 1); -ms-transform:scale(-1, 1); transform:scale(-1, 1);}
 .steps__item.index:nth-child(2n) .steps__right:before{width:113px; height:162px; bottom:-130px; right:-8px; -webkit-transform:scale(-1, 1); -ms-transform:scale(-1, 1); transform:scale(-1, 1);}
 .steps__right{padding:0 5px;}
 .steps__right:before{width:113px; height:162px; bottom:-130px; left:-8px; background:url(/img/podelispromo/arrow-mob.png) no-repeat !important; background-size:100% 100% !important;}
 .steps__image{width:213px; margin:0 auto 18px;}
 .steps__image_desktop{display:none;}
 .steps__image_mob{display:block;}
 .steps__cell{height:100px; padding:0 10px !important; text-align:center;}
 .steps__title{padding:14px 0; font-size:16px; line-height:24px;}

 .socials-promo{padding:0;}
 .socials-promo__cols{padding:0; display:block;}
 .socials-promo__left{width:auto; padding:9px 0 8px;}
 .socials-promo__right{width:auto; max-width:none;}
 .socials-promo__image{width:100%; max-width:312px; margin:0 auto 32px;}
 .socials-promo__row{width:auto; display:block;}
 .socials-promo__cell{height:auto; margin:0 -8px; padding:35px 8px 39px; display:block; border-radius:0;}
 .socials-promo__form{padding:0;}
 .socials-promo__button{min-width:290px; margin:22px 0 0;}

 .textarea-block__input{height:240px; min-height:240px; padding:20px 25px 50px;}
 .textarea-block__copy{bottom:12px; right:12px;}
}

@media screen and (max-width:450px){
  .conditions-block__more{width:100%; height:auto; padding:14px; line-height:21px;}
  .conditions-block__more br{display:block;}
  .header-title{max-width:250px;}
  .qr__block{
	  display:none;
  }
  .instagram-icon{width:40px; height:40px; display:block; background:url(/img/icons/instagram3.png) no-repeat; background-size:100% 100%;}
  .promo-top__col4{padding-top: 30px}
  .promo-top__bg{display: contents;}
	.qr__img_print {
		margin-left: 265px;
		margin-top: -63px;
	}
	.qr__img_print img {
		width:40px;
	}
}

@media screen and (max-width:345px){
  .promo-top__col{padding:2px 4px; font-size:16px;}
  .header-title{max-width:240px;}
}
@media screen and (max-width:320px){
  .header-title{max-width:200px;}
}

.cell {
    display: table-cell;
}

.page404 {
  padding: 30px; }

.page404__title {
  font-size: 100px;
  margin: 0px 0px 35px 0px; 
  text-align:center}

.page404-message {
  margin: 0px 0px 40px 0px; }
  .page404-message > .cell {
    vertical-align: middle; }

.page404-message__icon {
  width: 100px; }
.page404-message__icon img {
  width: 100px; }
  
.page404-message__text {
  padding: 0px 0px 0px 25px;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px; }

.page404__goto {
  font-size: 18px;
  font-weight: 700; 
  line-height:25px;
  text-align: center;}
  .page404__goto a {
    color: #fc8e00;
    text-decoration: underline; }
    .page404__goto a:hover {
      text-decoration: none; }

@media (max-width: 992px) {
  .page404 {
    padding: 30px; } }

@media (max-width: 767px) {
  .page404 {
    padding: 20px 0; }
  .page404-message > .cell {
    vertical-align: top; } }