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

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

/*common*/
input {
    -webkit-appearance: none !important;
    box-shadow: none !important;
}
body, button, textarea, input {
    font-family: 'Meta', sans-serif;
    font-weight: 400;
}
button, textarea, input {
    box-sizing: border-box;
    border: none;
    outline: none;
}
button {
    font-weight: 500;
    cursor: pointer;
}
.content {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1140px;
}
.page-wrap {
    background: #eeeeee;
    position: relative;
    overflow: hidden;
}
.clear-fix:after {
    content: '';
    display: block;
    clear: both;
}
.flex-container {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.va-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.spacer_bottom,
.spacer_top,
.spacer {
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.spacer > * {
    -ms-flex-item-align: center;
    align-self: center;
}
.spacer_bottom > * {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.spacer_top > * {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.pos-center {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
}
.hidden {
    display: none !important;
}
h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
}
h2 small {
    font-size: 25px;
    font-weight: 400;
    display: block;
}
h2 strong {
    font-size: 100px;
    font-weight: 700;
    position: relative;
    left: -5px;
    top: 4px;
    margin-right: 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h2 strong,
h2 span {
    display: inline-block;
    vertical-align: middle;
}
.orange-btn {
    cursor: pointer;
    border-radius: 6px;
    height: 60px;
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
    background: #ee761c;
    padding-bottom: 2px;
    box-shadow: inset 4px 0 4px rgba(255, 255, 255, 0.18), inset 0 4px 4px rgba(255, 255, 255, 0.18), inset -4px 0 4px rgba(0, 0, 0, 0.18), inset 0 -4px 4px rgba(0, 0, 0, 0.18);
}
.orange-btn:hover {
    box-shadow: none;
}
/*end common*/

/*icons*/
.icon {
    background: url('../images/icons.png') no-repeat;
    display: inline-block;
}
.icon-service-1 {
    width: 46px;
    height: 49px;
    background-position: 0 -403px;
}
.icon-service-2 {
    width: 46px;
    height: 48px;
    background-position: 0 -454px;
}
.icon-service-3 {
    width: 47px;
    height: 41px;
    background-position: 0 -504px;
}
.icon-service-4 {
    width: 27px;
    height: 39px;
    background-position: 0 -547px;
}
.icon-service-5 {
    width: 37px;
    height: 37px;
    background-position: 0 -588px;
}
.icon-service-6 {
    width: 36px;
    height: 36px;
    background-position: 0 -627px;
}
.icon-service-7 {
    width: 34px;
    height: 34px;
    background-position: 0 -665px;
}
.icon-service-8 {
    width: 27px;
    height: 41px;
    background-position: 0 -701px;
}
.icon-service-9 {
    width: 29px;
    height: 41px;
    background-position: 0 -744px;
}
.icon-service-10 {
    width: 38px;
    height: 31px;
    background-position: 0 -787px;
}
.icon-guarantee-1 {
    width: 43px;
    height: 36px;
    background-position: 0 -276px;
}
.icon-guarantee-2 {
    width: 33px;
    height: 38px;
    background-position: 0 -314px;
}
.icon-guarantee-3 {
    width: 40px;
    height: 36px;
    background-position: 0 -354px;
}
.icon-adv-1 {
    width: 41px;
    height: 37px;
}
.icon-adv-2 {
    width: 38px;
    height: 35px;
    background-position: 0 -39px;
}
.icon-adv-3 {
    width: 41px;
    height: 37px;
    background-position: 0 -76px;
}
.icon-adv-4 {
    width: 41px;
    height: 41px;
    background-position: 0 -115px;
}
.icon-calendar {
    width: 22px;
    height: 23px;
    background-position: 0 -158px;
}
.icon-step-1 {
    width: 25px;
    height: 31px;
    background-position: 0 -820px;
}
.icon-step-2 {
    width: 31px;
    height: 27px;
    background-position: 0 -853px;
}
.icon-step-3 {
    width: 31px;
    height: 27px;
    background-position: 0 -882px;
}
.icon-step-4 {
    width: 31px;
    height: 21px;
    background-position: 0 -911px;
}
/*end icons*/

/*about*/
.about {
    background: url('../images/bg/about-bg.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
    padding-top: 49px;
    padding-bottom: 53px;
}
.about__info {
    max-width: 640px;
    font-size: 25px;
    line-height: 1.4;
    margin-top: 8px;
    margin-bottom: 35px;
}
.about__desc {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.3;
    max-width: 730px;
    margin-bottom: 23px;
}
.about__desc:last-child {
    margin-bottom: 0;
}
.about__desc a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
}
.about__desc strong {
    font-size: 30px;
}
.about__desc_phones {
    line-height: 1.5;
}
/*end about*/

/*statistics*/
.statistics {
    padding-top: 90px;
}
.statistics h2 {
    text-align: center;
}
.statistics__list {
    margin-top: 54px;
    margin-left: -15px;
    margin-right: -15px;
}
.statistic {
    width: 33.16%;
    margin-right: 0.26%;
    padding: 82px 20px 89px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 3px;
    background: #ffffff;
    position: relative;
    box-shadow: 0 0 29px #d5d5d5;
}
.statistic:after {
    content: '';
    position: absolute;
    top: 47px;
    bottom: 47px;
    left: 48px;
    right: 48px;
    border: 5px solid #ee761c;
    border-radius: 10px;
}
.statistic:nth-child(2n):after {
    border-color: #ffffff;
}
.statistic:nth-child(2n) {
    box-shadow: none;
    position: relative;
    z-index: 2;
    background: #ee761c;
}
.statistic:nth-child(3n) {
    margin-right: 0;
}
.statistic__number {
    font-size: 100px;
    font-weight: 700;
}
.statistic__desc {
    margin-top: 29px;
    font-size: 20px;
    line-height: 1.2;
}
.statistic__number,
.statistic__desc {
    position: relative;
    z-index: 4;
}
/*end statistics*/

/*info*/
.info {
    padding-top: 86px;
    padding-bottom: 136px;
}
.info h2 {
    text-align: center;
}
.info__list {
    margin-top: 83px;
}
.info__item {
    width: 31.57%;
    margin-right: 2.64%;
    position: relative;
}
.info__item:after {
    content: '';
    position: absolute;
    top: -26px;
    left: -20px;
    right: 0;
    margin: 0 auto;
    width: 82px;
    height: 10px;
    border-radius: 4px;
    background: #313036;
}
.info__item:nth-child(3n) {
    margin-right: 0;
}
.info__item-text {
    padding: 0 6px;
    font-size: 16px;
    line-height: 1.45;
}
/*end info*/

/*steps*/
.steps {
    background: url('../images/bg/steps-bg.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
    padding-top: 37px;
    padding-bottom: 65px;
}
.steps h2 {
    max-width: 555px;
}
.steps h2 small {
    margin-top: 15px;
}
.steps__list {
    margin-top: 44px;
    padding-left: 98px;
    position: relative;
}
.steps__list:after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 25px;
    left: 67px;
    width: 3px;
    background: #ffffff;
}
.step {
    margin-bottom: 25px;
    position: relative;
}
.step:last-child {
    margin-bottom: 0;
}
.step__number {
    position: absolute;
    left: -82px;
    top: 44px;
    font-size: 16px;
}
.step__number:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    left: 48px;
    top: 3px;
}
.step__icon {
    position: relative;
    width: 31px;
    height: 31px;
    display: block;
}
.step__icon .icon {
    right: auto;
}
.step__decs {
    max-width: 320px;
    font-size: 20px;
    line-height: 1.45;
    margin-top: 6px;
}
.map {
    height: 596px;
    background: #d8f2c2;
	display:none;
}
/*end steps*/

/*footer*/
.footer {
    background: #313036;
    color: #ffffff;
    padding-bottom: 37px;
    padding-top: 32px;
}
.footer__left,
.addresses {
    width: 100%;
}
.footer__left {
    max-width: 420px;
}
.addresses {
    position: relative;
    max-width: 335px;
    padding-top: 5px;
    right: 11px;
}
.footer__right {
    text-align: right;
    position: relative;
    top: 3px;
}
.data {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.data a {
    text-decoration: none;
    color: inherit;
}
.footer__links {
    padding-top: 22px;
}
.footer__links li {
    margin-bottom: 3px;
}
.footer__links li:last-child {
    margin-bottom: 0;
}
.footer__links a {
    font-size: 14px;
    color: #ee761c;
}
.footer__links a:hover {
    text-decoration: none;
}
.addresses__title {
    font-size: 16px;
    color: #ee761c;
    padding-bottom: 4px;
}
.addresses__address {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
}
.addresses__address strong {
    font-weight: 700;
}
.addresses__address a {
    text-decoration: none;
    color: inherit;
}
.footer__phone a {
    text-decoration: none;
    display: block;
    margin-bottom: 7px;
    font-size: 20px;
    color: #ffffff;
}
.callback {
    font-size: 16px;
    color: #ee761c;
    text-decoration: underline;
    display: inline-block;
    margin-top: 20px;
}
.callback:hover {
    text-decoration: none;
}
/*end footer*/

/*header*/
.header {
    background: #313036;
    padding-bottom: 24px;
    padding-top: 11px;
}
.logo {
    background: url('../images/logo.png') no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    top: 16px;
    width: 165px;
    height: 63px;
}
.header__right {
    max-width: 262px;
    width: 100%;
}
.cities__selected {
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
}
.cities__selected:after {
    content: '>';
    font-weight: 400;
    position: relative;
    top: 2px;
    margin-left: 8px;
    transform: rotate(90deg);
    font-size: 20px;
    display: inline-block;
    color: #ffffff;
}
.cities__selected strong {
    text-decoration: underline;
    color: #ee761c;
    margin-left: 4px;
}
.cities__selected:hover strong {
    text-decoration: none;
}
.cities__list {
    display: none;
}
.phone {
    font-size: 25px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin-bottom: -2px;
    margin-top: 13px;
}
/*end header*/

/*nav-bar*/
.nav-bar {
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 40;
    font-size: 0;
}
.nav-bar.scroll {
    position: fixed;
    z-index: 40;
    left: 0; top: 0;
    width: 100%;
    box-shadow: 4px 4px 13px rgba(1, 1, 0, 0.14);
}
.nav-bar.scroll + * {
    margin-top: 45px;
}
.nav__link {
    display: inline-block;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    padding: 0 13px;
    height: 45px;
    line-height: 45px;
}
.nav__link:hover {
    text-decoration: underline;
    color: #ffffff;
    background: #ee761c;
}
/*end nav-bar*/

/*main*/
.main {
    background: url('../images/bg/main-bg.jpg') no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 678px;
}
.main .content {
    padding-top: 99px;
}
.main__text {
    border-left: 3px solid #ee761c;
    margin-left: -2px;
    padding: 52px 0 49px 34px;
    max-width: 611px;
    box-sizing: border-box;
    position: relative;
}
.main__text h1 {
    font-size: 50px;
    color: #ffffff;
    line-height: 1.4;
    font-weight: 700;
}
.main__text-bd {
    position: absolute;
    background: #ee761c;
}
.main__text-bd_bottom,
.main__text-bd_top {
    height: 3px;
    left: -1px;
    right: -1px;
}
.main__text-bd_bottom {
    bottom: -2px;
    max-width: 458px;
}
.main__text-bd_top {
    top: -2px;
}
.main__text-bd_right {
    right: -3px;
    top: -1px;
    height: 173px;
    width: 3px;
    background: #ee761c;
}
.main__btn {
    margin-left: 8px;
    margin-top: 64px;
    max-width: 378px;
    width: 100%;
}
/*end main*/

/*services*/
.services {
    position: relative;
    padding-bottom: 137px;
    padding-top: 117px;
    overflow: hidden;
}
.services:after {
    content: '';
    position: absolute;
    background: url('../images/bg/services-bg.png') no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    right: -38px;
    bottom: -29px;
    margin: 0 auto;
    width: 307px;
    height: 619px;
}
.services__title {
    font-size: 50px;
    position: absolute;
    left: -156px;
    top: 260px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.services__title:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 282px;
    background: #000000;
    left: -292px;
    top: 25px;
}
.services__main {
    margin-left: 94px;
}
.services__main-title {
    font-size: 30px;
    line-height: 1.3;
}
.services__main-list {
    margin-top: 20px;
    padding: 26px 110px 33px 24px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 4px 4px 13px rgba(1, 1, 0, 0.14);
}
.services__main {
    max-width: 442px;
}
.service {
    padding-left: 60px;
    position: relative;
    margin-bottom: 91px;
}
.service:last-child {
    margin-bottom: 0;
}
.service__icon {
    width: 47px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 6px;
}
.service__title {
    font-size: 25px;
    font-weight: 700;
    color: #ee761c;
    line-height: 1.2;
}
.services__else-list {
    margin-top: 37px;
}
.service__decs {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.45;
}
.services__else {
    padding-top: 57px;
    max-width: 322px;
    width: 100%;
}
.services__else-title {
    font-size: 20px;
}
.service_else {
    margin-bottom: 32px;
    padding-left: 46px;
    min-height: 46px;
}
.service_else .service__decs {
    margin-top: 0;
}
.service_else .service__icon {
    left: -9px;
    top: 4px;
    width: 38px;
    height: 41px;
}
/*end services*/

/*shipping*/
.shipping {
    background: url('../images/bg/shipping-bg.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 48px;
    padding-bottom: 51px;
}
.shipping__btn {
    height: 68px;
    max-width: 356px;
    width: 100%;
    margin-left: 308px;
}
.shipping__info {
    margin-top: 14px;
    padding-left: 10px;
    max-width: 550px;
    font-size: 20px;
    line-height: 1.45;
}
.shipping__list {
    padding-bottom: 17px;
    margin-top: 43px;
    max-width: 680px;
}
.shipping__list li {
    margin-right: 57px;
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
    font-size: 20px;
    line-height: 1.45;
    margin-bottom: 44px;
    position: relative;
    max-width: 305px;
    width: 100%;
    box-sizing: border-box;
}
.shipping__list li:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 2px;
    background: url('../images/icons.png') no-repeat 0 -208px;
    width: 31px;
    height: 31px;
}
.shipping__list li:nth-child(2n) {
    margin-right: 0;
}
/*end shipping*/

/*docks*/
.docks {
    padding-top: 86px;
}
.docks__top > * {
    display: inline-block;
    vertical-align: bottom;
}
.docks .cities {
    margin-left: 28px;
    position: relative;
    top: -9px;
    margin-top: 0;
}
.docks .cities__selected,
.docks .cities__selected strong {
    font-size: 20px;
    color: #000000;
}
.docks .cities__selected strong {
    margin-left: 0;
}
.docks .cities__selected:after {
    color: #000000;
}
.docks__list {
    margin-top: 53px;
    margin-left: -15px;
    margin-right: -15px;
}
.dock {
    width: 30.76%;
    box-sizing: border-box;
    margin-right: 3.86%;
    padding: 11px 11px 21px;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
}
.dock:nth-child(3n) {
    margin-right: 0;
}
.dock__photo {
    font-size: 0;
}
.dock__photo img {
    border-radius: 5px;
    width: 100%;
}
.dock__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin: 13px auto 0;
}
.dock__btn {
    max-width: 272px;
    width: 100%;
    height: 50px;
    font-size: 20px;
    padding-bottom: 4px;
}
.dock__else {
    font-size: 20px;
    color: #000000;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 21px;
}
.dock__else:hover {
    text-decoration: none;
}
/*end docks*/

/*advantages*/
.advantages {
    background: url('../images/bg/advantages-bg.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.guarantee__list {
    margin-top: 46px;
}
.calculator {
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
}
.guarantee {
    padding-top: 38px;
    margin-left: 60px;
    max-width: 275px;
    width: 100%;
}
.guarantee__item {
    margin-bottom: 25px;
}
.guarantee__item:nth-child(2) {
    margin-bottom: 32px;
}
.guarantee__item:last-child {
    margin-bottom: 0;
}
.guarantee__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}
.guarantee__item-desc {
    font-size: 16px;
    margin-top: 9px;
    line-height: 1.45;
}
.calculator__wrap {
    border-radius: 6px;
    background: #ffffff;
    width: 68.42%;
    position: relative;
    box-sizing: border-box;
    padding: 35px 36px;
    right: -10px;
    box-shadow: 4px 4px 13px rgba(1, 1, 0, 0.14);
	text-align:center;
}
.calculator__wrap-title{
	margin-bottom:20px;
}
.calculator__title {
    position: absolute;
    left: -115px;
    top: 271px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.calculator__title:after {
    content: '';
    position: absolute;
    top: 24px;
    background: #000000;
    width: 153px;
    height: 3px;
    left: -164px;
}
iframe{
	width:100%;
    max-width: 600px;
    height: 500px;
    border-radius: 10px;
    margin: 0 auto;
}
.advantages {
    padding-bottom: 123px;
    padding-top: 38px;
}
.advantages h2 {
    max-width: 630px;
}
.advantages__list {
    margin-top: 69px;
}
.advantage__icon {
    width: 41px;
    height: 41px;
    top: 2px;
    position: relative;
}
.advantage {
    margin-bottom: 44px;
}
.advantage:last-child {
    margin-bottom: 0;
}
.advantage > * {
    display: inline-block;
    vertical-align: middle;
}
.advantage__desc {
    margin-left: 15px;
    font-size: 16px;
    line-height: 1.45;
    width: 80%;
    max-width: 430px;
}
/*end advantages*/

/*reasons*/
.reasons {
    background: url('../images/bg/reasons-bg.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 49px;
    padding-bottom: 247px;
}
.reasons h2 {
    max-width: 880px;
    margin-left: auto;
}
.reasons h2 strong {
    font-size: 150px;
    font-family: 'Meta', sans-serif;
    font-weight: 700;
    margin-right: 10px;
    top: -15px;
}
.reasons__list {
    margin-top: 98px;
    max-width: 667px;
    margin-left: auto;
}
.reasons__list-col {
    width: 100%;
    max-width: 292px;
}
.reason {
    padding-left: 66px;
    position: relative;
    margin-bottom: 55px;
}
.reason:last-child {
    margin-bottom: 0;
}
.reason__desc {
    font-size: 20px;
    line-height: 1.15;
}
.reason__number {
    position: absolute;
    left: -8px;
    top: 1px;
    text-align: center;
    padding-bottom: 2px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    font-size: 45px;
    width: 52px;
    border-bottom: 3px solid #000000;
}
/*end reasons*/

/*call*/
.call {
    background: #ffffff;
    padding-top: 65px;
    padding-bottom: 65px;
}
.call h2 small {
    padding-top: 7px;
    padding-bottom: 13px;
}
.call__info {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 16px;
}
.call__types {
    margin-top: 41px;
}
.call__type {
    margin-right: 18px;
    cursor: pointer;
}
.call__type:last-child {
    margin-right: 0;
}
.call__types-title {
    font-size: 20px;
    line-height: 1.3;
}
.call__type,
.call__type > * {
    display: inline-block;
    vertical-align: middle;
}
.call__type-btn {
    width: 12px;
    height: 12px;
    border: 1px solid #37363c;
    border-radius: 50%;
}
.call__type-title {
    font-size: 16px;
    margin-left: 3px;
    position: relative;
    top: 1px;
}
.call__types-list {
    margin-top: 21px;
}
.call__type.active .call__type-btn {
    background: #ee761c;
}
.call__forms {
    margin-left: -15px;
    margin-right: -15px;
}
.call__form {
    display: none;
}
.call__form.active {
    display: block;
}
.call__block {
    padding: 9px 15px 16px;
    background: #eeeeee;
    border-radius: 5px;
    margin-bottom: 8px;
}
.call__block:last-child {
    margin-bottom: 0;
}
.call__forms {
    margin-top: 29px;
}
.call__block-title {
    font-size: 20px;
    line-height: 1.3;
}
.form__label-title,
.form__label {
    display: block;
}
.call__cols {
    margin-bottom: -22px;
    margin-top: 16px;
}
.call__col {
    width: 23.15%;
    margin-bottom: 22px;
    margin-right: 2.46%;
}
.call__col:nth-child(4n) {
    margin-right: 0;
}
.form__field {
    width: 100%;
    height: 37px;
    border-radius: 6px;
    border: 1px solid #c8cac9;
    background: #ffffff;
    padding-left: 10px;
    font-size: 16px;
}
.call__col_small {
    width: 15.78%;
}
.call__col_big:nth-child(3),
.call__col_big:nth-child(7) {
    margin-right: 0;
}
.call__col_big {
    width: 48.59%;
}
.form__label-title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.form__field::placeholder {
    color: #c8cac9;
    opacity: 1;
}
.form__field:-ms-input-placeholder {
    color: #c8cac9;
}
.radio {
    margin-top: 3px;
    margin-bottom: 14px;
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}
.radio:last-child {
    margin-bottom: 0;
}
.radio input {
    position: absolute;
    left: -10000px;
}
.radio input:checked + .radio__btn:after {
    content: '>';
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: -3px;
    left: 0;
    right: -1px;
    margin: auto;
    width: 12px;
    height: 12px;
    line-height: 12px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.radio__btn {
    position: absolute;
    left: 0;
    top: -1px;
    width: 16px;
    height: 16px;
    border: 1px solid #c8cac9;
    background: #ffffff;
    border-radius: 2px;
}
.radio__title {
    font-size: 16px;
    display: block;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    outline: none !important;
    cursor: pointer;
    background: url('../images/icons.png') no-repeat 0 -158px;
    width: 22px;
    height: 20px;
    border-width: thin;
}
.form__label-title {
    position: relative;
}
.tooltip {
    position: absolute;
    top: -4px;
    margin-left: 2px;
}
.tooltip__block {
    display: none;
    position: absolute;
    right: -20px;
    margin-top: 20px;
    z-index: 10;
    top: 100%;
    width: 272px;
    border-radius: 7px;
    box-sizing: border-box;
    background: #ffffff;
    padding: 30px 8px 17px 14px;
    box-shadow: 13px 13px 32px rgba(0, 0, 0, 0.2);
}
.tooltip__btn.open + .tooltip__block {
    display: block;
}
.tooltip__block-close {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 12px;
    width: 12px;
    height: 12px;
    background: url('../images/icons.png') no-repeat 0 -262px;
}
.tooltip__block-close:hover {
    opacity: 0.8;
}
.tooltip__block-text {
    display: block;
    font-size: 12px;
    line-height: 1.3;
}
.tooltip__btn {
    cursor: pointer;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    display: block;
    background: #ee761c;
    border-radius: 50%;
    font-size: 12px;
}
/*end call*/

/*overlay*/
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
    display: none;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
}
.popup {
    display: none;
    opacity: 0;
    margin: 50px auto;
    position: relative;
    background: #ffffff;
    max-width: 344px;
    box-sizing: border-box;
    border-radius: 7px;
    padding: 36px 37px 40px 42px;
    box-shadow: 21px 21px 92px rgba(0, 0, 0, 0.52);
}
.popup__form-btn {
    height: 43px;
    width: 188px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
}
.popup-thank {
    max-width: 400px;
    padding: 54px 20px 51px 20px;
}
.popup-thank .popup__desc {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
}
.popup__title,
.popup__desc {
    text-align: center;
}
.popup__title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}
.popup__desc {
    font-size: 16px;
    line-height: 1.45;
    margin-top: 7px;
}
.popup__form {
    margin-top: 34px;
}
.popup__form .select .form__field {
    margin-bottom: 0;
}
.popup__form .form__field,
.popup__form .select {
    margin-bottom: 16px;
}
.popup__form .form__field {
    padding-left: 16px;
}
.popup__close {
    position: absolute;
    cursor: pointer;
    background: url('../images/icons.png') no-repeat 0 -241px;
    width: 19px;
    height: 19px;
    top: 15px;
    right: 15px;
}
.popup__close:hover {
    opacity: 0.8;
}
.privacy input,
.privacy__btn {
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
}
.privacy input:checked + .privacy__btn {
    background: #313036;
}
.privacy input:checked + .privacy__btn:after {
    content: '>';
    font-size: 20px;
    position: absolute;
    top: -2px;
    right: 4px;
    color: #ffffff;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.privacy__btn {
    border-radius: 2px;
    border: 1px solid #c8cac9;
    background: #ffffff;
}
.privacy {
    cursor: pointer;
    padding-top: 5px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    padding-left: 28px;
    text-align: left;
}
.privacy__desc {
    font-size: 14px;
    display: block;
    line-height: 1.25;
    margin-right: -12px;
}
.select {
    cursor: pointer;
    position: relative;
}
.select:after {
    content: '>';
    font-size: 20px;
    position: absolute;
    top: 9px;
    right: 13px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.select:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.popup-docks {
    max-width: 504px;
    padding: 45px 42px 40px;
}
.popup-docks .popup__title {
    max-width: 382px;
    margin-left: auto;
    margin-right: auto;
}
.popup-docks__download {
    width: 223px;
    height: 43px;
    line-height: 43px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    margin: 40px auto 0;
}
.popup-docks__list {
    margin-top: 36px;
}
.popup-docks__list li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 12px;
}
.popup-docks__list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    background: url('../images/icons.png') no-repeat 0 -392px;
    width: 8px;
    height: 9px;
}
.popup-docks__list li:last-child {
    margin-bottom: 0;
}
.popup-docks__list a {
    font-size: 16px;
    display: block;
    line-height: 1.45;
    color: #000000;
}
.popup-docks__list a:hover {
    color: #ef761d;
}
.cities {
    position: relative;
}
.cities__selected.open + .cities__list {
    display: block;
}
.cities__list {
    display: none;
    margin-top: 8px;
    position: absolute;
    left: 86px;
    padding: 7px 26px 7px 15px;
    top: 100%;
    background: #ffffff;
    z-index: 80;
}
.cities__list-item {
    cursor: pointer;
    font-size: 16px;
    padding: 7px 0;
    white-space: nowrap;
}
.cities__list-item.selected,
.cities__list-item:hover {
    color: #ee761c;
    text-decoration: underline;
}
.docks__tab {
    display: none;
}
.docks__tab.active {
    display: block;
}
.select__list {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #ffffff;
    box-shadow: 4px 4px 13px rgba(1, 1, 0, 0.14);
}
.select.open .select__list {
    display: block;
}
.select__item {
    line-height: 26px;
    height: 26px;
    padding-left: 16px;
}
.select__item:hover {
    color: #ee761c;
    text-decoration: underline;
}
.radios {
    padding-top: 8px;
    margin-bottom: -14px;
}
.radios > * {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
}
.radios > *:last-child {
    margin-right: 0;
}
.call__block-bottom {
    padding-bottom: 7px;
    padding-top: 24px;
}
.call__block-bottom .radios {
    padding-top: 0;
}
.call__block-bottom .radio {
    margin-right: 37px;
}
.call__block-bottom .radio:last-child {
    margin-right: 0;
}
.call__col_fix {
    margin-right: 80px;
}
.call__col_mr:nth-child(4),
.call__col_big + .call__col_mr:nth-child(6),
.call__col_fix + .call__col {
    margin-right: 2.46%;
}
.call__block_fix {
    padding-bottom: 34px;
}
.call__col_mr + .call__col_big,
.call__col_big + .call__col_big {
    margin-right: 0;
}
.call__block .privacy {
    max-width: 370px;
}
.form__field_text {
    padding: 8px 10px;
    resize: none;
    height: 146px;
}
.call__col .privacy {
    position: relative;
    top: -5px;
    margin-bottom: 6px;
}
.call__form-info {
    font-size: 14px;
    line-height: 1.25;
    max-width: 395px;
}
.call__col-btn {
    max-width: 292px;
    width: 100%;
    height: 48px;
    font-size: 20px;
    display: block;
    margin-top: 15px;
}
.field-small {
    margin-bottom: 10px;
}
.field-small,
.field-small > * {
    display: inline-block;
    vertical-align: middle;
}
.field-small__text {
    font-size: 16px;
    position: relative;
    top: -1px;
}
.field-small__field {
    padding-left: 9px;
    height: 37px;
    width: 74px;
    margin-left: 4px;
    margin-right: 4px;
    background: #ffffff;
    border: 1px solid #c8cac9;
    border-radius: 7px;
}
.field-small {
    margin-right: 11px;
}
.field-small:last-child {
    margin-right: 0;
}
.call__col_mb {
    margin-top: -3px;
    margin-bottom: 2px;
}
.call__col_ml {
    padding-left: 26px;
}
/*end overlay*/


































@media all and (max-width: 1200px) {
    h2 {
        font-size: 36px;
    }
    .about__info {
        max-width: 540px;
        font-size: 21px;
        margin-bottom: 20px;
    }
    .about__desc strong {
        font-size: 22px;
    }
    .about__desc {
        line-height: 1.5;
        margin-bottom: 12px;
        max-width: 620px;
        font-size: 18px;
    }
    .steps h2 {
        max-width: 510px;
    }
    .step {
        margin-bottom: 18px;
    }
    .step__decs {
        max-width: 320px;
        font-size: 18px;
    }
    .step__number {
        top: 42px;
    }
    h2 small {
        font-size: 24px;
    }
    .statistics__list {
        margin-top: 40px;
        margin-left: 0;
        margin-right: 0;
    }
    .statistic__number {
        font-size: 80px;
    }
    .statistic__desc {
        font-size: 19px;
    }
    .main .content {
        max-width: 780px;
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .main {
        min-height: inherit;
    }
    .main__text h1 {
        font-size: 40px;
    }
    .main__btn {
        margin-top: 40px;
    }
    .main__text {
        max-width: 500px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .main__text-bd_right {
        height: 152px;
    }
    .main__text-bd_bottom {
        max-width: 326px;
    }
    .calculator__title {
        left: -108px;
    }
    .calculator__title:after {
        top: 22px;
    }
    .calculator__wrap {
        right: 0;
        width: 64%;
    }
    .reasons {
        padding-bottom: 120px;
    }
    .reasons__list {
        margin-top: 70px;
    }
    .reasons h2 {
        max-width: 800px;
    }
    .reasons h2 strong {
        font-size: 120px;
    }
    .call__col_small {
        width: 23.15%;
    }
}

@media all and (max-width: 1150px) {
    .services:after {
        width: 220px;
        height: 444px;
        right: -60px;
        bottom: -10px;
    }
    .service {
        margin-bottom: 40px;
    }
    .service_else {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 1100px) {
    .about {
        position: relative;
        background-position: right center;
    }
    .about:after {
        content: '';
        position: absolute;
        left: 0; top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(49, 48, 54, 1) 20%, rgba(49, 48, 54, 0.5));
        background: -moz-linear-gradient(to right, rgba(49, 48, 54, 1) 20%, rgba(49, 48, 54, 0.5));
        background: -webkit-linear-gradient(to right, rgba(49, 48, 54, 1) 20%, rgba(49, 48, 54, 0.5));
        background: -o-linear-gradient(to right, rgba(49, 48, 54, 1) 20%, rgba(49, 48, 54, 0.5));
        background: -ms-linear-gradient(to right, rgba(49, 48, 54, 1) 20%, rgba(49, 48, 54, 0.5));
    }
    .about .content {
        position: relative;
        z-index: 3;
    }
    .addresses {
        right: 0;
    }
    .steps h2 small {
        margin-top: 8px;
    }
    .steps__list:after {
        bottom: 9px;
    }
    .steps {
        padding-bottom: 50px;
    }
    .map {
        height: 500px;
    }
    .statistic:after {
        top: 20px;
        bottom: 20px;
        right: 20px;
        left: 20px;
    }
    .services__else {
        max-width: 280px;
    }
    .services:after {
        right: -120px;
    }
    .services__title {
        font-size: 40px;
        left: -120px;
    }
    .services__title:after {
        width: 180px;
        left: -196px;
    }
    .services {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .shipping__list {
        padding-bottom: 10px;
    }
    .shipping__list li {
        margin-right: 25px;
        margin-bottom: 30px;
    }
    h2 strong {
        font-size: 80px;
    }
    .shipping__info {
        font-size: 18px;
        max-width: 500px;
    }
    .dock__title {
        font-size: 28px;
    }
    .dock__else {
        font-size: 19px;
    }
    .dock__btn {
        max-width: 260px;
    }
    .docks__list {
        margin-top: 40px;
        margin-left: 0;
        margin-right: 0;
    }
    .dock {
        width: 32%;
        margin-right: 2%;
    }
    .calculator__wrap {
        width: 60%;
    }
    .calculator {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .calculator__title {
        left: -100px;
    }
    .calculator__title:after {
        width: 133px;
        left: -144px;
    }
    .advantages {
        padding-bottom: 80px;
    }
    .advantage {
        margin-bottom: 30px;
    }
    .reasons__list {
        margin-top: 50px;
        max-width: 630px;
    }
    .reasons {
        padding-bottom: 100px;
    }
}

@media all and (max-width: 1024px) {
    .services__title,
    h2 {
        font-size: 32px;
    }
    h2 small {
        font-size: 22px;
    }
    .footer {
        position: relative;
        padding-top: 80px;
    }
    .footer__right {
        text-align: center;
        left: 20px;
        top: 30px;
        right: 20px;
    }
    .footer__phone a {
        margin-bottom: 0;
        display: inline;
    }
    .footer__right > * {
        display: inline;
    }
    .footer__right .callback {
        margin-top: 0;
        margin-left: 20px;
		line-height: 2;
    }
    .info {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .statistics {
        padding-top: 80px;
    }
    .info__item:after {
        left: 0;
    }
    .info__list {
        margin-top: 60px;
    }
    .statistic {
        padding: 60px 20px 60px;
    }
    .statistic__number {
        font-size: 70px;
    }
    .nav__link {
        padding: 0 10px;
        font-size: 15px;
    }
    .services:after {
        display: none;
    }
    .services__main {
        margin-left: 0;
        max-width: inherit;
        width: 48%;
    }
    .services__else {
        max-width: inherit;
        width: 40%;
    }
    .services__title {
        transform: none;
        position: absolute;
        left: 20px;
        top: 70px;
    }
    .services__title:after {
        display: none;
    }
    .services {
        padding-top: 140px;
    }
    .services__main-list {
        padding-right: 30px;
    }
    h2 strong {
        font-size: 70px;
        top: 2px;
    }
    .shipping__list li {
        font-size: 18px;
        max-width: 270px;
    }
    .shipping__btn {
        margin-left: 0;
    }
    .shipping {
        background: #ffffff;
        position: relative;
    }
    .shipping .content {
        position: relative;
        z-index: 3;
    }
    .shipping:after {
        content: '';
        position: absolute;
        width: 1000px;
        height: 328px;
        background: url('../images/bg/shipping-bg.jpg') no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        right: -200px;
        bottom: 0;
    }
    .dock__title {
        font-size: 24px;
    }
    .dock__else {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .calculator__title {
        left: -90px;
    }
    .calculator__title:after {
        top: 20px;
    }
    .guarantee__title {
        font-size: 23px;
    }
    .guarantee {
        max-width: 244px;
    }
    .call__col:nth-child(4n),
    .call__col {
        width: 48%;
        margin-right: 4%;
    }
    .call__col:nth-child(2n) {
        margin-right: 0;
    }
    .call__col_ml {
        padding-left: 0;
    }
}

@media all and (max-width: 900px) {
    .data, .addresses__address {
        font-size: 15px;
    }
    .footer__left {
        max-width: 390px;
    }
    .addresses {
        max-width: 312px;
    }
    .map {
        height: 400px;
    }
    .info__item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 60px;
    }
    .info__item:last-child {
        margin-bottom: 0;
    }
    .statistic:nth-child(3n),
    .statistic {
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
    .statistic:nth-child(2n) {
        margin-right: 0;
    }
    .statistic:nth-child(4) {
        background: #ffffff;
        box-shadow: 0 0 29px #d5d5d5;
    }
    .statistic:nth-child(4):after {
        border-color: #ee761c;
    }
    .statistic:nth-child(3) {
        background: #ee761c;
        box-shadow: none;
    }
    .statistic:nth-child(3):after {
        border-color: #ffffff;
    }
    .nav__link {
        padding: 0 8px;
        font-size: 14px;
    }
    .calculator__wrap {
        width: 100%;
        margin-top: 40px;
    }
    .guarantee {
        margin-left: 0;
        max-width: inherit;
    }
    .calculator .spacer_top {
        display: block;
    }
    .guarantee__item-desc br {
        display: none;
    }
    .calculator__title {
        position: static;
        transform: none;
    }
    .calculator__title:after {
        display: none;
    }
    .reasons {
        background-position: center right;
    }
}

@media all and (max-width: 850px) {
    .nav__link {
        padding: 0 6px;
    }
    .main .content {
        max-width: 500px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main__btn {
        margin-top: 25px;
    }
    .main__text h1 {
        font-size: 32px;
    }
    .main__btn {
        max-width: 320px;
        font-size: 20px;
        height: 50px;
    }
    .main__text {
        max-width: 410px;
    }
    .main__text-bd_bottom {
        max-width: 210px;
    }
    .main__text-bd_right {
        height: 138px;
    }
    .docks__top h2 {
        display: block;
    }
    .docks .cities {
        margin-left: 0;
        margin-top: 25px;
    }
    .docks {
        padding-top: 70px;
    }
}

@media all and (max-width: 767px) {
    .cities__list {
        margin-top: 0;
        left: 0;
    }
    h2 {
        font-size: 30px;
    }
    .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .about__info {
        font-size: 18px;
        max-width: inherit;
    }
    .about__desc {
        max-width: inherit;
        font-size: 16px;
    }
    .about__desc strong {
        font-size: 20px;
    }
    .footer__right {
        left: 15px;
        right: 15px;
    }
    .addresses {
        max-width: inherit;
        margin-top: 30px;
    }
    .addresses br {
        display: none;
    }
    .footer__left {
        max-width: inherit;
    }
    .footer .content {
        max-width: 500px;
    }
    .map {
        height: 380px;
    }
    .statistic__desc {
        font-size: 17px;
    }
    .header__right {
        max-width: inherit;
        width: auto;
    }
    .phone {
        font-size: 22px;
        margin-bottom: -10px;
        margin-top: 10px;
    }
    .logo {
        top: 10px;
    }
    .nav__btn {
        display: block;
        height: 45px;
        position: relative;
    }
    .nav__btn i {
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        margin: auto;
        width: 32px;
        height: 15px;
        border-top: 3px solid #313036;
        border-bottom: 3px solid #313036;
    }
    .nav__btn i:after,
    .nav__btn i:before {
        content: '';
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        margin: auto;
        width: 100%;
        background: #313036;
        height: 3px;
    }
    .nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #ffffff;
        display: none;
        padding-top: 8px;
        padding-bottom: 10px;
        box-shadow: 4px 4px 13px rgba(1, 1, 0, 0.14);
    }
    .nav__link {
        display: block;
        padding: 0;
        text-align: center;
        height: 36px;
        line-height: 36px;
    }
    .services {
        display: block;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .services__title {
        position: static;
    }
    .services__main-title {
        font-size: 26px;
    }
    .services__main {
        width: 100%;
        margin-top: 40px;
    }
    .service__decs br {
        display: none;
    }
    .services__else {
        width: 100%;
        padding-left: 4px;
    }
    .shipping {
        overflow: hidden;
        padding-bottom: 90px;
    }
    .shipping:after {
        bottom: -20px;
    }
    h2 strong {
        font-size: 60px;
    }
    .shipping h2 br {
        display: none;
    }
    .shipping h2 strong {
        display: block;
    }
    .shipping__info {
        padding-left: 0;
        padding-top: 14px;
    }
    .docks__list {
        display: block;
    }
    .dock {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .dock:last-child {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .guarantee {
        padding-top: 20px;
    }
    .calculator__wrap {
        padding: 20px;
    }
}

@media all and (max-width: 650px) {
    .shipping__list li {
        max-width: inherit;
    }
    .shipping__list li br {
        display: none;
    }
    .shipping__list li:after {
        top: -5px;
    }
    .reason__desc {
        font-size: 18px;
    }
    .reason__number {
        border-bottom-width: 2px;
        font-size: 36px;
        width: 36px;
    }
    .reason {
        padding-left: 44px;
    }
    .reasons__list-col {
        max-width: 250px;
    }
}

@media all and (max-width: 550px) {
    .services__title,
    h2 {
        font-size: 28px;
    }
    .about__info {
        font-size: 16px;
    }
    .footer__right .callback {
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }
    .footer {
        padding-top: 100px;
    }
    .addresses {
        max-width: 320px;
    }
    .addresses br {
        display: block;
    }
    .footer .content {
        max-width: 390px;
    }
    .steps {
        background-position: left center;
    }
    h2 small {
        font-size: 17px;
    }
    .steps__list {
        padding-left: 82px;
    }
    .steps__list:after {
        left: 52px;
    }
    .footer__phone a {
        font-size: 19px;
    }
    .map {
        height: 320px;
    }
    .info {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .info__item-text {
        padding: 0;
    }
    .statistics {
        padding-top: 60px;
    }
    .statistic__desc {
        font-size: 15px;
    }
    .statistic__number {
        font-size: 54px;
    }
    .statistic__desc {
        margin-top: 15px;
    }
    .statistic {
        padding: 40px 10px 40px;
    }
    .statistic:after {
        left: 6px;
        right: 6px;
        bottom: 6px;
        top: 6px;
        border-width: 3px;
    }
    .cities__selected {
        font-size: 15px;
    }
    .main .content {
        max-width: 340px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main__text h1 {
        font-size: 28px;
    }
    .main__btn {
        max-width: 280px;
        font-size: 18px;
        margin-top: 25px;
    }
    .main__text {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
    }
    .main__text-bd_bottom {
        max-width: 142px;
    }
    .main__text-bd_right {
        height: 112px;
    }
    .main {
        position: relative;
    }
    .main:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0; top: 0;
        background: rgba(49, 48, 54, 0.4);
    }
    .main .content {
        position: relative;
        z-index: 3;
    }
    .services__else-list {
        padding-left: 6px;
    }
    .services__main-title {
        font-size: 22px;
    }
    .services__main {
        margin-top: 25px;
    }
    .service__title {
        font-size: 22px;
    }
    .services__main-list {
        padding-left: 15px;
        padding-right: 20px;
    }
    .shipping__info {
        font-size: 16px;
    }
    .shipping__btn {
        height: 50px;
        font-size: 18px;
        max-width: 240px;
    }
    .shipping:after {
        bottom: -40px;
    }
    .calculator {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .calculator__wrap {
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .advantages {
        padding-bottom: 60px;
    }
    .advantages__list {
        margin-top: 40px;
    }
    .advantage {
        margin-bottom: 22px;
    }
    .reasons__list-col {
        max-width: 48%;
    }
    .reasons__list-col br {
        display: none;
    }
    .call__info {
        font-size: 17px;
    }
    .call__col:nth-child(4n),
    .call__col {
        width: 100%;
        margin-right: 0;
    }
    .tooltip__block {
        right: -40px;
    }
    .tooltip__block_fix {
        right: -160px;
    }
}

@media all and (max-width: 450px) {
    .statistic__number {
        font-size: 42px;
    }
    .cities__selected {
        font-size: 14px;
    }
    .phone {
        font-size: 18px;
        margin-bottom: -14px;
        margin-top: 8px;
    }
    .logo {
        width: 100px;
        height: 38px;
    }
    .header .callback {
        font-size: 15px;
    }
    .calculator__wrap-title {
        font-size: 24px;
    }
    .advantage__desc {
        font-size: 14px;
    }
    .reasons h2 strong {
        font-size: 90px;
        display: block;
    }
    .reasons {
        padding-bottom: 80px;
        padding-top: 20px;
    }
    .reason__desc {
        font-size: 16px;
    }
    .reasons__list-col {
        max-width: 47%;
    }
    .reason__number {
        font-size: 28px;
        width: 30px;
    }
    .reason {
        padding-left: 30px;
    }
    .call h2 {
        font-size: 25px;
    }
    .popup-docks {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 400px) {
    .statistic__desc {
        font-size: 14px;
    }
}

@media all and (max-width: 380px) {
    .field-small__text {
        font-size: 15px;
    }
    .field-small__field {
        width: 60px;
    }
    .statistic__desc {
        max-width: 130px;
        margin-left: auto;
        margin-right: auto;
    }
    .statistic__desc br {
        display: none;
    }
    .statistic__number {
        font-size: 34px;
    }
    .statistic:after {
        left: 4px;
        right: 4px;
        bottom: 4px;
        top: 4px;
        border-width: 2px;
    }
    .statistic {
        padding: 25px 10px 25px;
    }
    .header .cities__selected {
        letter-spacing: -0.01em;
    }
    .cities__selected:after {
        margin-left: 4px;
    }
    .header {
        padding-top: 13px;
        padding-bottom: 16px;
    }
    .header .callback {
        font-size: 14px;
    }
    .main__text h1 {
        font-size: 27px;
    }
    .main__btn {
        max-width: 255px;
        font-size: 17px;
    }
    .popup-callback {
        padding-left: 20px;
        padding-right: 20px;
    }
    .overlay {
        padding: 15px;
    }
    .popup-docks__list a {
        font-size: 15px;
    }
    .popup-docks__list li:after {
        top: 6px;
    }
}

@media all and (max-width: 350px) {
    .content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer__right {
        left: 10px;
        right: 10px;
    }
    .header .cities__selected {
        font-size: 13px;
        letter-spacing: 0;
    }
    .cities__selected:after {
        font-size: 18px;
    }
    .cities__selected strong {
        margin-left: 0;
    }
    .reason__desc {
        font-size: 14px;
    }
    .reasons {
        padding-bottom: 60px;
    }
}