@charset "UTF-8";

        @charset "UTF-8";
        .icon-clock,
        .icon-close,
        .icon-coins {
            display: inline-block;
            vertical-align: middle
        }

        img {
            max-width: 100%
        }

        [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        button,
        input {
            overflow: visible
        }

        a {
            text-decoration: underline
        }

        .form-check {
            -webkit-backface-visibility: hidden
        }

        .form-check__input {
            visibility: hidden
        }

        .icon-close {
            width: 16.44px;
            height: 17.16px
        }

        .icon-phone,
        .icon-plans {
            display: inline-block;
            vertical-align: middle
        }

        .icon-ribbon {
            display: inline-block;
            vertical-align: middle
        }

        .icon-tel {
            display: inline-block;
            vertical-align: middle;
            width: 11px;
            height: 11px
        }

        .icon-user {
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 12px
        }

        .logo-dark {
            display: inline-block;
            vertical-align: middle;
            width: 512px;
            height: 512px
        }

        .logo-white {
            display: inline-block;
            vertical-align: middle;
            width: 498.01px;
            height: 504.5px
        }

        html {
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        figure,
        header,
        main,
        nav,
        section {
            display: block
        }

        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
            color: #0054a3
        }

        b {
            font-weight: bolder
        }

        mark {
            background: 0 0;
            color: #ffad18
        }

        small {
            font-size: 80%
        }

        img {
            border-style: none
        }

        svg:not(:root) {
            overflow: hidden
        }

        button,
        input {
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button {
            text-transform: none
        }

        .header__logo {
            text-transform: uppercase
        }

        button {
            -webkit-appearance: button
        }

        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        button:-moz-focusring {
            outline: ButtonText dotted 1px
        }

        * {
            outline: 0
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        body {
            margin: 0;
            font: 400 16px/1.25 "Exo 2", Helvetica, Arial, sans-serif
        }

        h1 {
            font-weight: 700;
            margin: 0 0 25px
        }

        h1 {
            font-size: 36px
        }

        figure,
        p {
            margin: 0 0 20px
        }

        .btn {
            text-decoration: none
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(../fonts/Exo2-Medium.eot);
            src: url(../fonts/Exo2-Medium.eot@) format("embedded-opentype"), url(../fonts/Exo2-Medium.woff2) format("woff2"), url(../fonts/Exo2-Medium.woff) format("woff"), url(../fonts/Exo2-Medium.ttf) format("truetype");
            font-weight: 500;
            font-style: normal;
            font-display:swap;
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(../fonts/Exo2-Regular.eot);
            src: url(../fonts/Exo2-Regular.eot@) format("embedded-opentype"), url(../fonts/Exo2-Regular.woff2) format("woff2"), url(../fonts/Exo2-Regular.woff) format("woff"), url(../fonts/Exo2-Regular.ttf) format("truetype");
            font-weight: 400;
            font-style: normal;
            font-display:swap;
        }

        @font-face {
            font-family: 'Exo 2';
            src: url(../fonts/Exo2-Bold.eot);
            src: url(../fonts/Exo2-Bold.eot@) format("embedded-opentype"), url(../fonts/Exo2-Bold.woff2) format("woff2"), url(../fonts/Exo2-Bold.woff) format("woff"), url(../fonts/Exo2-Bold.ttf) format("truetype");
            font-weight: 700;
            font-style: normal;
            font-display:swap;
        }

        [class^=icon-] {
            fill: currentColor
        }

        .icon-clock,
        .icon-phone {
            width: 14px;
            height: 14px;
            top: -1px
        }

        .icon-coins {
            width: 30px;
            height: 28px
        }

        .icon-plans,
        .icon-ribbon {
            width: 30px;
            height: 30px
        }

        html {
            box-sizing: border-box
        }

        .sub_heading_calc{
        	text-align: center;
    		display: block;
    		margin-bottom: 35px;
        }

        .mfp-hide {
            border: 0!important;
            clip: rect(0 0 0 0)!important;
            height: 1px!important;
            margin: -1px!important;
            overflow: hidden!important;
            padding: 0!important;
            position: absolute!important
        }

        .mfp-popup:after {
            content: '';
            z-index: -1
        }

        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .mfp-popup {
            position: relative;
            background: #fff;
            border-radius: 10px;
            max-width: 412px;
            text-align: left;
            padding: 20px 20px 32px;
            box-shadow: 0 2px 24px rgba(0, 0, 0, .05);
            margin: 30px auto
        }

        .mfp-popup:after {
            display: block;
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            background: rgba(255, 255, 255, .5);
            border-radius: 15px
        }

        @media (min-width:768px) {
            .mfp-popup {
                padding: 30px 40px 42px
            }
        }

        .mfp-popup__close {
            display: block;
            position: absolute;
            top: 18px;
            right: 18px;
            border: none;
            background: 0 0;
            padding: 0;
            color: #e8e8e8
        }

        .mfp-popup__heading {
            display: block;
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            margin: 0 0 30px;
            padding: 0 10px 0 0
        }

        @media (min-width:576px) {
            .mfp-popup__heading {
                font-size: 23px;
                line-height: 28px
            }
        }

        .mfp-popup__form .form-field {
            margin: 0 0 20px
        }

        .mfp-popup__form .form-input {
            background: #f8f8f8;
            border: 2px solid rgba(0, 30, 88, .1)
        }

        .form-field {
            position: relative;
            margin: 0 0 10px
        }

        .form-field .form-input {
            padding-left: 45px;
            margin: 0
        }

        .form-icon {
            position: absolute;
            top: 0;
            left: 5px;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            color: #ffad18
        }

        .form-input {
            width: 100%;
            background: #fff;
            border: 1px solid #fff;
            font: 500 15px/25px "Exo 2", Helvetica, Arial, sans-serif;
            padding: 15px 20px;
            color: #00002d;
            border-radius: 32px;
            -webkit-appearance: none;
            margin: 0 0 10px
        }

        .form-input::-webkit-input-placeholder {
            color: #00002d
        }

        @media (min-width:576px) {
            .form-input {
                font-size: 17px;
                padding: 17px 20px
            }
        }

        .form-check {
            display: inline-block;
            vertical-align: top;
            position: relative;
            padding: 0 0 0 34px;
            margin: 0 0 20px;
            font-size: 16px;
            line-height: 24px;
            min-width: 24px;
            backface-visibility: hidden
        }

        .form-check .form-check__radio,
        .form-check__input {
            position: absolute;
            top: 0;
            left: 0
        }

        .form-check__radio:after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: ''
        }

        .form-check__input:checked~.form-check__radio:after {
            opacity: 1
        }

        .form-check__input:checked~.form-check__btn {
                background: #fe4918;
    			border-color: #fe4918;
    			color: #fff;
        }

        .form-check__radio {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-color: #f8f8f8;
            border: 1px solid #d1d1d1;
            border-radius: 50%
        }

        .form-check__radio:after {
            display: block;
            width: 16px;
            height: 16px;
            background: #fe4918;
            border-radius: 50%;
            margin: -8px 0 0 -8px;
            opacity: 0
        }

        .btn,
        .form-check__btn {
            display: inline-block;
            text-align: center
        }

        .form-check__btn {
            vertical-align: top;
            width: 50px;
            height: 50px;
            background-color: #f8f8f8;
            border: 1px solid #d1d1d1;
            font-size: 17px;
            line-height: 48px;
            font-weight: 500;
            border-radius: 50%;
            margin: 0 0 0 -34px
        }

        .btn--block,
        .form-range {
            width: 100%
        }

        .btn {
            font: 500 19px/26px "Exo 2", Helvetica, Arial, sans-serif;
            vertical-align: middle;
            position: relative;
            border: none;
            padding: 15px 20px;
            border-radius: 28px;
            height: 56px
        }

        .btn--red {
            cursor: pointer;
    border: none;
    padding: 16px 22px;
    background-color: #ff5813;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7e23), to(#ff5813));
    background-image: -webkit-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: -o-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: linear-gradient(to bottom, #ff7e23 0%, #ff5813 100%);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 12px 12px 17px 17px;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-decoration: none;
    position: relative;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-transform: uppercase;
    outline: none;
        }

        .btn--red:after{
        	    width: 97%;
    height: 80%;
    content: '';
    position: absolute;
    top: 47%;
    left: 50%;
    border: 1px solid #ff5813;
    -webkit-border-radius: 12px 12px 17px 17px;
    -moz-border-radius: 12px 12px 17px 17px;
    border-radius: 12px 12px 17px 17px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
        }

        .thank__desc:after,
        .thank__user-image:before {
            content: ''
        }

        .hero {
            position: relative;
            z-index: 10;
            padding: 0px 0 66px;
            color: #363b43;
            background: url(../images/bg-hero.jpg) right 0 no-repeat #002357;
    		background-size: cover;
    		color: #fff;
        }

        .hero:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 35, 87, .5);
                z-index: -1
            }

        @media (min-width:576px) {
            .hero {
                background: url(../images/bg-hero.jpg) right 0 no-repeat #002357;
                background-size: cover;
                color: #fff
            }
            .hero:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 35, 87, .5);
                z-index: -1
            }
        }

        @media (min-width:992px) {
            .hero {
                background-attachment: fixed
            }
        }

        .hero__heading {
            font-size: 27px;
    		line-height: 31px;
    		font-weight: 700;
    		text-align: center;
    		margin: 30px 0 30px;
        }

        .hero__heading span {
            font-size: 17px
        }

        .hero__heading mark {
            color: #fff;
        }

        .hero__heading mark br{
        	display: none;
        }

        @media (min-width:576px) {
            .hero__heading {
                font-size: 43px;
                margin: 65px 0 65px;
                line-height: 48px;
            }
            .hero__heading span {
                font-size: inherit;
                display: block
            }
            .hero__heading br {
                display: none
            }
            .hero__heading mark {
                background: 0 0;
                padding: 0;
                margin: 0;
                display: inline;
                white-space: normal
            }
        }

        @media (min-width:992px) {
            .hero__heading {
                font-size: 50px;
                line-height: 58px;
                padding: 0 0px 0 0;
                text-shadow: 0px 0px 5px #000;
                margin-top: 50px;
            }
        }

        .hero__info {
            display: none
        }

        @media (min-width:768px) {
            .hero__info {
                padding: 0;
                list-style: none;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 26px;
                line-height: 1;
                font-weight: 500;
                margin: 0 0 55px
            }
            .hero__info>li {
                position: relative;
                padding: 0 20px 0 80px;
                min-height: 60px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                background: #fe4918;
    			border-radius: 50px;
            }
        }

        @media (min-width:992px) {
            .hero__info>li {
                margin: 0 60px 0 0;
                background: #fe4918;
    			border-radius: 50px;
            }
            .hero__info>li:last-child {
                margin: 0
            }
        }

        .hero__info-icon {
            background: rgba(255, 255, 255, 0.69);
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fe4918;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
        }

        .calc {
            background: #fff;
            color: #00002d;
            max-width: 312px;
            margin: 0 auto;
            position: relative;
    		left: 4px;
    		padding: 36px 10px 50px;
    		border-radius: 10px;
    		box-shadow: 0 2px 24px rgba(0, 0, 0, .05), 0 0 0 10px rgba(255, 255, 255, .5);
    		max-width: 530px;
    		margin: 0 auto;
        }

        .calc .row {
            min-width: 100%;
            -ms-flex-align: center;
            align-items: center;
            margin: 0
        }

        .calc .row>[class^=col] {
            padding: 0 12px
        }

        @media (min-width:576px) {
            .calc {
                position: relative;
                left: 4px;
                padding: 36px 20px 50px;
                border-radius: 10px;
                box-shadow: 0 2px 24px rgba(0, 0, 0, .05), 0 0 0 10px rgba(255, 255, 255, .5);
                max-width: 530px;
                margin: 0 auto
            }
        }

        .calc__heading {
            display: block;
            font-size: 22px;
            line-height: 1;
            font-weight: 700;
            color: #363b43;
            margin: 0 0 20px;
            text-align: center
        }

        @media (min-width:576px) {
            .calc__heading {
                font-size: 30px
            }
        }

        @media (min-width:992px) {
            .calc__heading {
                margin: 0 0 10px
            }
        }

        .calc__label {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            color: #00002d;
            margin: 0 0 12px
        }

        @media (min-width:576px) {
            .calc__label {
                font-size: 19px;
                line-height: 23px
            }
        }

        .calc__group,
        .calc__rooms {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 0 18px
        }

        .calc__group .form-check,
        .calc__rooms .form-check {
            margin: 0 10px 0 0
        }

        .calc__group .form-check:last-child,
        .calc__rooms .form-check:last-child {
            margin: 0
        }

        .calc__area {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 0 5px
        }

        .calc__area .form-check {
            margin: 0 10px 0 0
        }

        .calc__area .form-check:last-child {
            margin: 0
        }

        .calc__range {
            margin: 0 0 30px
        }

        .calc__range .form-input {
            width: 80px;
            text-align: center;
            padding: 10px;
            margin: 0;
            border-color: #d1d1d1;
            background: #f8f8f8
        }

        .calc__range .row {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin: 0 -7px
        }

        .calc__range .row>[class^=col-] {
            padding: 0 7px
        }

        .calc__action {
            text-align: center;
            margin: 0 auto
        }

        @media (min-width:768px) {
            .calc__action {
                max-width: 278px
            }
        }

        .thank__user-image {
            box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
        }

        .thank {
            padding: 160px 0 36px;
            min-height: 100vh;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            opacity: 0
        }

        .thank.is-load {
            opacity: 1
        }

        .thank .container-fluid {
            width: 100%
        }

        @media (min-width:768px) {
            .thank .container-fluid {
                display: -ms-flexbox;
                display: flex
            }
        }

        .thank__user {
            margin: 0 auto 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 420px
        }

        @media (min-width:768px) {
            .thank__user {
                display: block;
                margin: 0 30px 0 0;
                min-width: 280px;
                max-width: 280px
            }
        }

        .thank__user-image {
            width: 120px;
            height: 120px;
            position: relative;
            overflow: hidden;
            margin: 0 20px 0 0;
            border-radius: 50%
        }

        .thank__user-image:before {
            padding: 100% 0 0;
            float: left
        }

        .thank__user-image img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%
        }

        .thank__desc,
        .thank__user-caption {
            border-radius: 20px;
            background: #fff
        }

        @media (min-width:768px) {
            .thank__user-image {
                width: 240px;
                height: 240px;
                margin: 0 auto 20px
            }
        }

        .thank__user-caption {
            font-size: 16px;
            line-height: 20px;
            padding: 15px 20px;
            margin: 0;
            -ms-flex: 1;
            flex: 1
        }

        .thank__user-caption b {
            display: block;
            color: #0054a3
        }

        @media (min-width:768px) {
            .thank__user-caption {
                font-size: 18px;
                line-height: 24px;
                text-align: center
            }
        }

        .thank__desc {
            padding: 25px 30px 28px;
            font-size: 16px;
            line-height: 20px;
            min-height: 100%;
            position: relative
        }

        .thank__desc:after {
            position: absolute;
            top: 50%;
            left: -40px;
            border-left: 50px solid transparent;
            border-top: 100px solid #fff;
            margin: -50px 0 0;
            -ms-transform: skewY(20deg);
            transform: skewY(20deg);
            display: none
        }

        .thank__desc .btn {
            width: 100%;
            max-width: 280px;
            display: block;
            margin: 0 auto
        }

        .container-fluid {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%
        }

        @-ms-viewport {
            width: device-width
        }

        html {
            -ms-overflow-style: scrollbar
        }

        *,
        ::after,
        ::before {
            box-sizing: inherit
        }

        @media (min-width:768px) {
            .thank__desc:after {
                display: block
            }
        }

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

        .col,
        .col-auto,
        .col-sm-4,
        .col-sm-8 {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: none
        }

        @media (min-width:576px) {
            .col-sm-4 {
                -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }
            .col-sm-8 {
                -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
                max-width: 66.66667%
            }
        }

        body,
        html {
            height: 100%
        }

        body {
            background: #fff;
            color: #414751
        }

        .app {
            position: relative;
            min-height: 100%;
            overflow: hidden;
            min-width: 320px
        }

        .container-fluid {
            max-width: 1130px
        }



        .header__logo {
            position: relative
        }

        @media (min-width:768px) {
            .header {
                background: 0 0;
                padding: 20px 0;
                color: #fff
            }
            .header .container-fluid {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }
        }

        .header__logo {
            font-weight: 800;
    		background: #fe4918;
    		text-align: center;
    		display: inline-block;
    		padding: 8px 24px;
    		border-radius: 5px;
    		color: #fff;
    		margin: 26px 0 0;
        }

        header{
        	text-align: center;
        }

        .header__logo small {
            display: block;
            text-transform: none;
            font-size: 11px;
            font-weight: 400;
            padding: 5px 0 0
        }

        .header__logo [class^=logo-] {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 40px;
            height: 40px
        }

        .header__logo .logo-white {
            opacity: 0
        }

        @media (min-width:576px) {
            .header__logo {
                margin: 0 20px 0 0;
                font-size: 35px;
                line-height: 1;
                text-align: center;
    			display: inline-block;
    			margin: 30px auto 0;
    			padding: 8px 30px;
    			background: #fe4918;
    			border-radius: 5px;
    			font-size: 26px;
            }

            header{
            	text-align: center;
            }

            .header__call-phone a {
    			color: inherit;
    			text-decoration: none;
    			margin-top: 0px;
    			display: inline-block;
    			font-size: 22px;
			}

            .header__logo small {
                font-size: 12px
            }
        }

        @media (min-width:768px) {
            .header__logo {
                    padding: 0 0 0 0;
    				top: 0;
    				margin: 0;
    				text-align: center;
    				background: #fe4918;
    				padding: 10px 40px;
    				border-radius: 5px;
    				font-size: 26px;
    				text-shadow: 0px 0px 3px #000;
            }
            .header__logo [class^=logo-] {
                width: 68px;
                height: 68px;
                margin: 4px 0 0 2px
            }
            .header__logo .logo-white {
                opacity: 1
            }
            .header__logo .logo-dark {
                opacity: 0
            }
        }



        .header__call .row {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin: 0
        }

        .header__call .row>[class^=col] {
            padding: 0
        }

        @media (min-width:768px) {
            .header__call {
                position: relative;
    			background: #fff;
    			color: #000433;
    			margin: 0 0 0 auto;
    			min-height: 72px;
    			border-radius: 100px;
    			padding: 12px 18px 12px 22px;
    			min-width: 350px;
    			max-width: 352px;
    			text-align: center;
            }
        }

        @media (min-width:992px) {
            .header__call {
                padding-left: 28px
            }
        }

        .header__call-phone {
            display: block;
            white-space: nowrap;
            font-size: 18px;
            line-height: 38px;
            font-weight: 500;
            margin: 0
        }

        .header__call-phone [class^=icon-] {
            display: none
        }

        .header__call-phone a {
            color: inherit;
            text-decoration: none
        }

        @media (min-width:768px) {
            .header__call-phone {
                font-size: 24px;
                line-height: 24px
            }
            .header__call-phone [class^=icon-] {
                display: inline-block;
                margin: 0 12px 0 0;
                color: #ffbb12
            }
        }

        .header__call-worktime {
            display: none
        }

        @media (min-width:768px) {
            .header__call-worktime {
                display: block;
                margin: 0;
                font-size: 16px;
                line-height: 24px;
                color: #4f4f51
            }
            .header__call-worktime [class^=icon-] {
                margin: 0 12px 0 0;
                color: #ffbb12
            }
        }

        .header__call-btn {
            color: #fff;
            text-decoration: none
        }

        .header__call-btn {
            display: block;
            padding: 0 10px;
            font-size: 15px;
            line-height: 38px;
            font-weight: 500;
            text-align: center;
            background: #ffad18;
            margin: 0 -15px 0 0
        }

        @media (min-width:768px) {
            .header__call-btn {
                font-size: 19px;
                line-height: 27px;
                border-radius: 28px;
                background-image: linear-gradient(180deg, #ffa400 0, #df9000 100%);
                box-shadow: 0 4px 0 0 #8e5b00, 0 9px 13px rgba(0, 0, 0, .13);
                margin: 0 0 0 20px;
                padding: 10px 22px
            }
        }

        .nav__menu,
        .nav__trigger {
            position: absolute;
            box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
        }

        @media (min-width:768px) {
            .nav {
                display: none
            }
        }

        @media (min-width:1200px) {
            .nav {
                display: block;
                width: 100%
            }
        }

        .nav__trigger {
            display: block;
            top: 43px;
            right: 30px;
            width: 50px;
            height: 50px;
            border: none;
            background: 0 0;
            border-radius: 50%;
            z-index: 15
        }

        .nav__trigger span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25px;
            height: 2px;
            background: #ffbb12;
            margin: -1px 0 0 -12.5px
        }

        .nav__trigger span:nth-child(1) {
            -ms-transform: translate(0, -7px);
            transform: translate(0, -7px)
        }

        .nav__trigger span:nth-child(3) {
            -ms-transform: translate(0, 7px);
            transform: translate(0, 7px)
        }

        @media (min-width:768px) {
            .nav__trigger {
                display: none
            }
        }

        .nav__menu {
            top: 100%;
            left: 0;
            width: 100%;
            background: #fff;
            margin: 0;
            padding: 0 15px 15px;
            list-style: none;
            font-size: 30px;
            line-height: 62px;
            z-index: 10;
            opacity: 0;
            visibility: hidden;
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .nav__menu>li {
            margin: 0
        }

        @media (min-width:1200px) {
            .nav__menu {
                position: relative;
                top: -5px;
                opacity: 1;
                visibility: visible;
                padding: 0;
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                display: -ms-flexbox;
                display: flex;
                margin: 0 -10px;
                background: 0 0;
                box-shadow: none;
                -ms-flex-pack: center;
                justify-content: center;
                min-width: 100%
            }
            .nav__menu>li {
                padding: 0 10px
            }
        }

        .nav__link {
            display: block;
            color: #0054a3;
            text-decoration: none;
            padding: 0 20px
        }

        @media (min-width:1200px) {
            .nav__link {
                padding: 0;
                color: #fff
            }
        }

        .main {
            -ms-flex: 1;
            flex: 1
        }


.s-pl{
	border: 1px solid #000;
	text-align: center;
	padding: 10px 20px;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.quality{
	flex-wrap: wrap;
}

.border-bot{
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
}

.form h3{
	text-align: center;
    margin: -15px 0 30px 0;
}

.form{
	display: none;
	text-align: center;
}

.msg {
    text-align: center;
    font-size: 15px;
    max-width: 550px;
    margin: 0 auto;
    line-height: 25px;
    color: #222;
    font-weight: 600;
    border: 1px solid #222222;
    padding: 10px;
    display: none;
}

.form input{
	width: 47%;
    margin: 0 1% 15px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 15px 10px;
}

.form button{
	cursor: pointer;
    border: none;
    padding: 16px 22px;
    background-color: #ff5813;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7e23), to(#ff5813));
    background-image: -webkit-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: -o-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: linear-gradient(to bottom, #ff7e23 0%, #ff5813 100%);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 12px 12px 17px 17px;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-decoration: none;
    position: relative;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-transform: uppercase;
    outline: none;
    margin-top: 16px;
}

.form button:after{
	cursor: pointer;
    border: none;
    padding: 18px 15px;
    background-color: #ff5813;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7e23), to(#ff5813));
    background-image: -webkit-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: -o-linear-gradient(top, #ff7e23 0%, #ff5813 100%);
    background-image: linear-gradient(to bottom, #ff7e23 0%, #ff5813 100%);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 12px 12px 17px 17px;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-decoration: none;
    position: relative;
    letter-spacing: 0.05em;
    overflow: hidden;
    text-transform: uppercase;
    outline: none;
    margin: 15px auto 0;
}


@media(max-width: 500px){
	.form input{width: 100%;}
}