@charset 'utf-8';

/*
  1. Reset CSS
  2. Fonts
  3. Basic elements, components
  4. Header
  5. Footer
  6. Main
*/

/*-------------------------------------------------------------------------*/
/* ------------------------------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. FONTS------------------------------*/
/*---------------------------------------------------------------------*/
@font-face{font-family:'ClearSans'; src:url('../fonts/clearsans.woff2') format('woff2'), url('../fonts/clearsans.woff') format('woff'), url('../fonts/clearsans.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'ClearSans'; src:url('../fonts/clearsansmedium.woff2') format('woff2'), url('../fonts/clearsansmedium.woff') format('woff'), url('../fonts/clearsansmedium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap;}
@font-face{font-family:'ClearSans'; src:url('../fonts/clearsansbold.woff2') format('woff2'), url('../fonts/clearsansbold.woff') format('woff'), url('../fonts/clearsansbold.ttf') format('truetype'); font-weight:bold; font-style:normal; font-display:swap;}

/*-------------------------------------------------------------------------------------------*/
/* ------------------------------3. BASIC ELEMENTS, COMPONENTS-------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.loaded .load-icon{display:block;}
.loaded *{-webkit-transition:none; -ms-transition:none; transition:none;}
.load-icon{width:100%; height:100%; margin:0; padding:0; display:none; z-index:99999; position:absolute; top:0; left:0; background:#fff;}
.load-icon:before{content:""; width:64px; height:64px; margin:-32px 0 0 -32px; position:absolute; top:50%; left:50%; background:url(../img/loader.gif) no-repeat left top;}

html{height:100% !important; margin:auto; position:relative; scroll-behavior:smooth;}
html.hidden,html.hidden body{height:auto !important; overflow:hidden;}
html.hidden .page-container{min-height:100vh;}
body{min-width:320px; height:100% !important; position:relative; font:normal 16px/1.5 'ClearSans'; background:#fff; color:#424242;}
.page-container{min-height:100%; margin:auto; 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;}
.ie .page-container{display:block;}

.wrapper{max-width:375px; margin:auto; padding:0 24px;}

/* titles, text, images */
h1{padding:0 0 20px; font:500 32px/1.5 'ClearSans';}
h2{padding:0 0 20px; font:500 24px/1.5 'ClearSans';}
h3{padding:0 0 20px; font:500 24px/1.5 'ClearSans';}
h4{padding:0 0 20px; font:500 18px/1.5 'ClearSans';}
h5{padding:0 0 20px; font:500 16px/1.5 'ClearSans';}
h6{padding:0 0 20px; font:500 16px/1.5 'ClearSans';}

ul{padding:0 0 20px; list-style:none;}
ul li{padding:0 0 0 12px; position:relative;}
ul li:before{content:""; width:6px; height:6px; position:absolute; top:9px; left:0; background:#fab208; border-radius:50%;}

.list li{padding-bottom:10px;}
.list li:last-child{padding-bottom:0;}

ol{padding:0 0 20px; list-style:none; counter-reset:item;}
ol li{padding:0 0 10px 18px; position:relative;}
ol li:before{content:counter(item, decimal) ". "; counter-increment:item; min-width:18px; margin:0 0 0 -18px; padding:0 4px 0 0; display:inline-block;}
ol li:last-child{padding-bottom:0;}

p{padding:0 0 20px;}

img{margin:0 0 20px;}

table{margin:0 0 20px;}

b,strong{font-weight:500;}

mark{margin:0 -2px; padding:1px 2px 2px; background:#fab208;}

q{max-width:280px; margin:0 auto 15px; display:block; text-align:center; font:500 16px/24px 'ClearSans';}
q:before{content:"“"; font:bold 16px/24px Arial;}
q:after{content:"”"; font:bold 16px/24px Arial;}

/* links */
a{color:#fab208; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; text-decoration:none;}
  .desktop a:hover{text-decoration:underline; color:#f1a900;}

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

/* text fields */
.text-input{width:100%; height:56px; margin:0 0 10px; padding:0 20px; display:block; border-radius:4px; border:1px solid #e0e0e0; font:16px/1 'ClearSans'; color:#424242;}
.text-input:focus{border-color:#424242;}
.text-input.error{border-color:red !important;}
.text-input.error + .error-text{display:block;}

.error-text{margin:0 0 10px; font:14px/20px 'ClearSans'; display:none; color:red; text-align:center;}

/* buttons */
button{-webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}

.button{max-width:100%; margin:0 0 8px; padding:15px 31px; display:inline-block; vertical-align:top; position:relative; overflow:hidden; background:#fab208; border:1px solid #fab208; border-radius:8px; font:500 16px/24px 'ClearSans'; color:#424242; text-align:center; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.button:disabled{background:#fab208 !important; border-color:#fab208 !important; cursor:default; opacity:0.7;}
  .desktop .button:hover{text-decoration:none; background:#f1a900; border-color:#f1a900; color:#424242;}

.button_small{padding-top:9px; padding-bottom:9px;}

.button_grey-border{background:#fff; border-color:#f0f0f0;}
  .desktop .button_grey-border:hover{background:#fff; border-color:#f1a900;}

.button_white-border{background:#fff; border-color:#fff;}
  .desktop .button_white-border:hover{background:#fff; border-color:#fff; color:#f1a900;}

.button_orange-border{background:#fff;}
  .desktop .button_orange-border:hover{background:#fff;}

.button_feedback{width:56px; padding:0;}
.button_feedback:before,.button_feedback:after{content:""; width:24px; height:24px; margin:-12px 0 0 -12px; position:absolute; top:50%; left:50%; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.button_feedback:before{background:url(../img/svg/feedback.svg) no-repeat; background-size:100% 100%;}
.button_feedback:after{background:url(../img/svg/feedback-hover.svg) no-repeat; background-size:100% 100%; opacity:0; z-index:1;}
  .desktop .button_feedback:hover:after{opacity:1;}

/*----------------------------------------------------------------------*/
/* ------------------------------4. HEADER------------------------------*/
/*----------------------------------------------------------------------*/
.header{width:100%; min-width:0; height:72px; position:relative; z-index:100; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;}
.header__cols{padding:20px 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;}
.header__left{width:100px; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.header__center{width:100%; min-width:0;}
.header__right{width:100px; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0; text-align:right;}

.back-button{height:32px; padding:0 0 0 30px; display:inline-block; vertical-align:top; position:relative; font:500 16px/32px 'ClearSans'; color:#424242;}
.back-button:before,.back-button:after{content:""; width:24px; height:24px; margin:-12px 0 0; position:absolute; top:50%; left:0; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.back-button:before{background:url(../img/svg/arrow-back.svg) no-repeat; background-size:100% 100%;}
.back-button:after{background:url(../img/svg/arrow-back-hover.svg) no-repeat; background-size:100% 100%; opacity:0; z-index:1;}
  .desktop .back-button:hover{text-decoration:none; color:#f1a900;}
  .desktop .back-button:hover:before{opacity:0;}
  .desktop .back-button:hover:after{opacity:1;}

.back-button_close-nav{display:none;}
.back-button_listing_quiz{display:none;}

.nav-button{height:32px; padding:0 0 0 30px; display:inline-block; vertical-align:top; position:relative; font:500 16px/32px 'ClearSans'; color:#424242;}
.nav-button:before{content:""; width:18px; height:16px; position:absolute; top:8px; left:0; border-top:2px solid #424242; border-bottom:2px solid #424242; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.nav-button:after{content:""; width:18px; position:absolute; top:15px; left:0; border-bottom:2px solid #424242; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
  .desktop .nav-button:hover{text-decoration:none; color:#f1a900;}
  .desktop .nav-button:hover:before,.desktop .nav-button:hover:after{border-color:#f1a900;}

.header-logo{display:block;}
.header-logo__image{max-width:55px; margin:auto;}

.mobile-block{width:100%; height:100%; padding:72px 0 0; position:absolute; top:0; right:-100%; z-index:99; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; background:rgba(255, 255, 255, 0.5);}
.mobile-block__scroll{max-height:100%; padding:0 0 15px; position:relative; z-index:1; overflow-x:hidden; overflow-y:auto; background:#fff;}
.mobile-block__content{padding-top:32px;}
.mobile-block__mask{width:100%; height:100%; position:absolute; top:0; left:0;}

.quiz-opened .back-button_listing{display:none;}
.quiz-opened .back-button_listing_quiz{display:block;}

.nav-opened .mobile-block{right:0; opacity:1;}
.nav-opened .back-button_close-nav{display:block;}
.nav-opened .back-button_listing{display:none;}

.mob-nav__list{padding:0 0 20px;}
.mob-nav__item{padding:0;}
.mob-nav__item:before{display:none;}
.mob-nav__link{padding:15px 0 16px; display:block; border-bottom:1px solid #e0e0e0; font:500 16px/1.5 'ClearSans'; color:#424242;}
  .desktop .mob-nav__link:hover{text-decoration:none; color:#f1a900;}

.lang-nav{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.lang-nav__item{height:16px; margin:0 15px 0 0; padding:0 15px 0 0; border-right:1px solid #424242; font:500 16px/16px 'ClearSans'; text-transform:uppercase;}
.lang-nav__item:before{display:none;}
.lang-nav__item:last-child{margin:0; padding:0; border:none;}
.lang-nav__item.active .lang-nav__link{text-decoration:underline;}
.lang-nav__link{cursor:pointer; color:#424242;}
  .desktop .lang-nav__link:hover{text-decoration:none; color:#f1a900;}

/*----------------------------------------------------------------------*/
/* ------------------------------5. FOOTER------------------------------*/
/*----------------------------------------------------------------------*/
.footer{width:100%; min-width:0; padding:0 24px 16px; position:relative; z-index:1; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; background:#fff;}

.footer-info{padding:0 0 8px;}
.footer-info__button{width:100%; padding-left:20px; padding-right:20px;}
.footer-info__cols{margin:0 -8px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.footer-info__left{padding:0 8px; -webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.footer-info__right{width:100%; padding:0 8px;}

.terms{padding:0 0 40px; display:block; font-size:12px; color:#8b8c92;}

.countries{max-width:260px; margin:auto; padding:0 0 8px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center;}
.countries_padding-top{padding-top:24px;}
.countries__item{padding:0 2px; white-space:nowrap; text-align:center;}
.countries__text{padding:0 1px; display:inline-block; vertical-align:middle; font:12px/16px 'ClearSans'; color:#8b8c92;}
.countries__flag{width:16px; margin:0 1px; display:inline-block; vertical-align:middle; position:relative; top:1px;}

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

/* registration */
.main-logo{padding:0 0 24px; display:block;}
.main-logo__image{max-width:69px; margin:0;}

.registration__title{padding:0 0 20px; font:500 24px/1.5 'ClearSans';}

.reg-form{padding:0 0 12px;}
.reg-form__all{margin:0 0 16px; position:relative;}
.reg-form__text{padding:0 0 7px; display:block; font:14px/18px 'ClearSans'; color:#8b8c92;}
.reg-form__input{width:100%; height:56px; padding:0 0 0 108px; display:block; position:relative; z-index:1; border-radius:4px; border:1px solid #e0e0e0; font:500 18px/1 'ClearSans'; color:#424242;}
.reg-form__input:focus{border-color:#424242;}
.reg-form__flag{max-width:24px; position:absolute; top:17px; left:24px;}
.reg-form__code{position:absolute; top:0; left:60px; font:500 18px/56px 'ClearSans';}
.reg-form__button{width:100%;}

/* start test */
.start-test__title{font:500 24px/1.5 'ClearSans';}
.start-test__text{font-size:12px; color:#8b8c92;}

/* quiz */
.quiz-page{min-height:-webkit-calc(100vh - 72px); min-height:calc(100vh - 72px); 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-flex-direction:column; -ms-flex-direction:column; flex-direction:column; visibility:hidden; position:absolute; top:-9999px; left:-9999px;}
.quiz-page.active{visibility:visible; position:static; top:auto; left:auto;}
.quiz-page__top{width:100%; min-width:0; padding:17px 0 16px; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;}
.quiz-page__bottom{width:100%; min-width:0; padding:0 0 24px; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; display:none;}
.quiz-page__bottom_visible{display:block;}
.quiz-page__title{padding:0 0 23px; font:500 24px/1.5 'ClearSans';}
.quiz-page__text{padding:0 0 23px;}
.quiz-page__text_hidden{display:none;}
.quiz-page__text_hidden.active{display:block;}
.quiz-page__button{width:100%;}
.quiz-page__result{display:none;}
.quiz-page__result .quiz-page__text:last-child{padding:0 0 16px;}
.quiz-page__result.active{display:block;}

.quiz-bar{padding:0 0 33px;}
.quiz-bar__cols{margin:0 -10px 4px; 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; font:500 12px/16px 'ClearSans';}
.quiz-bar__left{padding:0 10px; color:#8b8c92;}
.quiz-bar__right{padding:0 10px; text-align:right;}
.quiz-bar__line{height:4px; border-radius:2px; position:relative; background:#e0e0e0;}
.quiz-bar__progress{height:100%; position:absolute; top:0; left:0; border-radius:2px; background:#fab208;}

.question{padding:0 0 10px;}
.question__title{padding:0 0 23px; font:500 24px/1.5 'ClearSans';}
.question__title + .checkbox{margin-top:-16px;}

.radio{padding:0 0 8px; -webkit-user-select:none; -ms-user-select:none; user-select:none; text-align:left;}
.radio_with-marker{margin:0 0 19px;}
.radio__label{display:block; position:relative; border-radius:8px; cursor:pointer;}
  .desktop .radio__label:hover .radio__text{border-color:#fab208;}
.radio__input{display:none;}
.radio__input:checked + .radio__icon{border-color:#fab208;}
.radio__input:checked + .radio__icon:before{opacity:1;}
.radio__input:checked + .radio__icon + .radio__text{border-color:#fab208;}
.radio__icon{width:20px; height:20px; padding:3px; margin:-10px 0 0; position:absolute; top:50%; left:18px; border:2px solid #8b8c92; border-radius:50%;}
.radio__icon:before{content:""; height:100%; display:block; border-radius:50%; background:#fab208; opacity:0;}
.radio__text{min-height:56px; padding:15px 20px 15px 51px; display:block; position:relative; z-index:1; border-radius:8px; border:1px solid #e0e0e0; font:500 16px/24px 'ClearSans'; color:#424242; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.radio__text:first-letter{text-transform:uppercase;}
.radio__text_small{padding-right:15px; font-weight:normal; font-size:14px; word-spacing:-1px;}
.radio__marker{min-width:100px; height:30px; padding:0 10px; position:absolute; bottom:-19px; right:-5px; z-index:1; font:16px/30px 'ClearSans'; letter-spacing:0.2px; background:#F64128; text-align:center; color:#fff; border-radius:4px;}
.radio__marker_green{background:#00763E;}
.radio__marker_orange{background:#fab208;}
.radio__price{padding-left:13px; font-weight:500;}

.checkbox{-webkit-user-select:none; -ms-user-select:none; user-select:none; text-align:left;}
.checkbox:last-child{padding-bottom:8px;}
.checkbox__label{display:block; position:relative; border-radius:8px; cursor:pointer;}
  .desktop .checkbox__label:hover .checkbox__icon:after{border-color:#fab208;}
.checkbox__input{display:none;}
.checkbox__input:checked + .checkbox__icon:after{border-color:#fab208;}
.checkbox__input:checked + .checkbox__icon:before{opacity:1;}
.checkbox__icon{width:18px; height:18px; position:absolute; top:19px; left:3px;}
.checkbox__icon:before{content:""; width:100%; height:100%; display:block; position:relative; z-index:1; background:url(../img/svg/check.svg) no-repeat; background-size:100% 100%; opacity:0;}
.checkbox__icon:after{content:""; width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #8b8c92; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.checkbox__text{padding:16px 0 16px 35px; display:block; position:relative; z-index:1; border-bottom:1px solid #e0e0e0; font:500 16px/24px 'ClearSans'; color:#424242; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
.checkbox__text:first-letter{text-transform:uppercase;}

/* payment */
.data-loaded *{visibility:hidden;}

.payment{padding:5px 0 16px;}
.payment:first-child{padding-top:12px;}
.payment__title-wrap{width:100%; padding:0 0 12px; display:table;}
.payment__title{height:40px; padding:0; display:table-cell; vertical-align:middle; font:500 24px/1 'ClearSans'; text-align:center;}
.payment__text{max-width:312px; margin:auto; padding:0 0 19px; font-size:16px;}
.payment__bottom{text-align:center;}
.payment__timer{padding:0 0 23px; display:block; text-align:center;}

.research__cols{padding:0 0 22px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.research__cols:nth-child(2n) .research__right{padding-left:21px; -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1;}
.research__cols:nth-child(2n) .research__left{min-width:115px; padding-right:25px; text-align:right; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2;}
.research__cols:nth-child(4){max-width:300px; margin:auto;}
.research__left{min-width:110px; padding:4px 8px; font:bold 40px/24px 'ClearSans';}
.research__right{width:100%; min-width:0; font:14px/17px 'ClearSans'; color:#6B6B6B;}
.research__text{padding:5px 0 20px; text-align:center;}

.callback__button{width:100%; padding-left:0; padding-right:0;}
.callback__text{padding:3px 4px 10px; font-size:12px; color:#8b8c92;}

.check-list{padding:0 0 18px;}
.check-list__item{padding:0 0 7px 40px; position:relative; font:16px/24px 'ClearSans';}
.check-list__item:before{display:none;}
.check-list__item:after{content:""; width:20px; height:20px; position:absolute; top:2px; left:12px; background:url(../img/svg/marker.svg) no-repeat; background-size:100% 100%;}

.consultation__button{width:100%; height:auto; margin:0 0 16px; padding:15px 10px; line-height:24px; white-space:normal; cursor:pointer;}

.select-method__top{padding:0 0 12px; position:relative; bottom:3px; text-align:center;}
.select-method__title{padding:0 0 3px; font:14px/22px 'ClearSans';}
.select-method__text{max-width:250px; margin:auto; padding:0 0 10px; font:12px/14px 'ClearSans'; color:#6B6B6B;}
.select-method__small-text{max-width:210px; margin:auto; padding:5px 0; font:10px/12px 'ClearSans'; color:#6B6B6B;}
.select-method__bottom{text-align:center;}
.select-method__list{padding:0 0 3px;}
.select-method__item{padding:0 0 14px;}
.select-method__item .radio__input:checked + .radio__icon + .radio__text{color:#BC741A;}
.select-method__item .radio__icon{border-color:#e0e0e0;}

.price{margin:0 -10px 0 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; font:16px/24px 'ClearSans';}
.price__col{padding:0 10px 0 0;}
.price__col:first-child .price__remark{margin:2px -10px -1px 0; display:block; bottom:auto;}
.price__col:nth-child(2){-webkit-flex-grow:0; flex-grow:0; -ms-flex-grow:0; -webkit-flex-shrink:0; flex-shrink:0; -ms-flex-shrink:0;}
.price__term{display:inline-block; vertical-align:top;}
.price__numbers{display:inline-block; vertical-align:top; position:relative; bottom:1px; font-size:18px; color:#BC741A;}
.price__currency{margin:0 -3px 0 0; display:inline-block; vertical-align:top; position:relative; bottom:10px; right:4px; font-size:10px; font-weight:500; color:#BC741A;}
.price__end{display:inline-block; vertical-align:top; color:#BC741A;}
.price__remark{display:inline-block; vertical-align:bottom; position:relative; bottom:4px; font:10px/12px 'ClearSans'; color:#6B6B6B;}
.price__discount{display:block; text-align:center; font:10px/12px 'ClearSans'; color:#BC741A;}

.thanks{padding:33px 0 0; text-align:center; font:14px/22px 'ClearSans';}
.thanks__icon{width:56px; height:56px; margin:0 auto 18px;}
.thanks__title{max-width:270px; margin:auto; padding:0 0 8px; font:500 24px/1.5 'ClearSans';}
.thanks__text{max-width:270px; margin:auto; padding:0 0 28px; color:#8b8c92;}
.thanks__text a{color:#8b8c92; text-decoration:underline;}
  .desktop .thanks__text a:hover{color:#8b8c92; text-decoration:none;}

@media screen and (max-width:359px){
  .price{margin:0; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .price__col{width:100%; padding:0;}
  .price__remark{padding:2px 0 2px; display:block; bottom:auto;}
  .price__discount{padding:3px 0; text-align:left;}
  .price__discount br{display:none;}
}

/* content */
.content-page{padding:12px 0 10px;}
.content-page__title{padding:0 0 23px; font:500 24px/1.5 'ClearSans';}
.content-page__text{padding:0 0 20px;}
.content-page__text a[href^="tel"]{text-decoration:none !important; color:#424242 !important;}
.content-page__text p,.content-page__text ul,.content-page__text ol{padding:0;}
.content-page__small-text{font-size:14px;}
.content-page__small-text ul li:before{width:5px; height:5px;}
.content-page__small-text ol li:before{min-width:16px; margin:0 0 0 -16px;}
.content-page__smaller-text{font-size:12px;}
.content-page__smaller-text ol li:before{min-width:14px; margin:0 0 0 -14px;}

/* faq */
.faq-block{padding:42px 0 40px; position:relative;}
.faq-block:before{content:""; width:10000px; height:10000px; margin:0 0 0 -5000px; position:absolute; top:0; left:50%; background:#F9F9F9;}
.faq-block__main{position:relative; z-index:1;}
.faq-block__title{padding:0 0 5px; font:500 24px/1.5 'ClearSans';}

.faq__item{border-bottom:1px solid #ececec;}
.faq__item.active .faq__hidden{overflow:hidden;}
.faq__item.opened .faq__button:before{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.faq__item.opened .faq__hidden{opacity:1;}
.faq__item.removed .faq__hidden{overflow:visible; -webkit-transition:none ease-out; -ms-transition:none ease-out; transition:none ease-out;}
.faq__title{padding:0; font:500 16px/1.5 'ClearSans';}
.faq__button{padding:16px 30px 16px 0; display:block; position:relative; color:#424242;}
.faq__button:before{content:""; width:10px; height:6px; position:absolute; top:50%; right:8px; background:url(../img/svg/arrow-faq.svg) no-repeat; background-size:100% 100%;}
  .desktop .faq__button:hover{text-decoration:none;}
.faq__hidden{max-height:0; overflow:hidden; opacity:0; -webkit-transition:0.3s ease-out; -ms-transition:0.3s ease-out; transition:0.3s ease-out; font-size:14px; color:#8b8c92;}
.faq__content{padding:0 0 10px;}

/* about us */
.about-us{padding:24px 0 8px;}
.about-us__top{text-align:center;}
.about-us__title{padding:0 0 23px; font:500 24px/1.5 'ClearSans';}
.about-us__content{font:14px/22px 'ClearSans';}
.about-us__content p{padding:0 0 17px;}
.about-us__content ul{padding:0 0 15px;}
.about-us__content ul li{padding:0 0 11px 9px;}
.about-us__content ul li:before{width:4px; height:4px; top:9px;}
.about-us__content ul li:last-child{padding-bottom:0;}
.about-us__content img{max-width:100%; margin:0 0 18px;}

.signature{font:22px/1 'Caveat';}

/* root */
.root{padding:24px 0 8px;}
.root__top{text-align:center;}
.root__title{padding:0 0 23px; font:500 24px/1.5 'ClearSans';}

.want-to-know{padding:0 0 15px;}
.want-to-know__top{text-align:center;}
.want-to-know__title{padding:0 0 30px; font:500 32px/1.5 'ClearSans';}
.want-to-know__button{width:100%;}