@font-face {
    font-family: roboto;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RobotoRegular/RobotoRegular.eot);
    src: url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"), url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype")
}

@font-face {
    font-family: roboto-bold;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RobotoBold/RobotoBold.eot);
    src: url(../fonts/RobotoBold/RobotoBold.eot?#iefix) format("embedded-opentype"), url(../fonts/RobotoBold/RobotoBold.woff) format("woff"), url(../fonts/RobotoBold/RobotoBold.ttf) format("truetype")
}

::-webkit-input-placeholder {
    color: #aaa9a7;
    opacity: 1
}

:-moz-placeholder {
    color: #aaa9a7;
    opacity: 1
}

::-moz-placeholder {
    color: #aaa9a7;
    opacity: 1
}

:-ms-input-placeholder {
    color: #aaa9a7;
    opacity: 1
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    color: #fff
}

body input:required:valid,
body textarea:required:valid {
    color: #fff
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    font-size: 14px;
    min-width: 320px;
    position: relative;
    font-family: roboto, sans-serif;
    line-height: normal;
    color: #1b1a19;
    background-color: #fff;
    font-weight: 400;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: 400
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 34px
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

a,
button {
    outline: 0!important;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    cursor: pointer
}

input {
    outline: 0!important;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.btn {
    font-family: roboto-bold, sans-serif;
    display: inline-block;
    width: 100%;
    height: 60px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1b1a19;
    text-decoration: none;
    background: -webkit-linear-gradient(45deg, #f0bc2f, #f0a52f);
    background: -o-linear-gradient(45deg, #f0bc2f, #f0a52f);
    background: linear-gradient(45deg, #f0bc2f, #f0a52f);
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    padding: 10px 25px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn:focus,
.btn:hover {
    background: -webkit-linear-gradient(45deg, #f0a52f, #f0bc2f);
    background: -o-linear-gradient(45deg, #f0a52f, #f0bc2f);
    background: linear-gradient(45deg, #f0a52f, #f0bc2f)
}

.layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 414px;
    height: 100%;
    margin: 0 auto
}

.layout main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.layout footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(24, 22, 22, .83);
    background-image: url(../img/overlay-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom
}

header {
    padding: 50px 20px;
    padding-bottom: 95px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

header .phone {
    text-align: center;
    margin-bottom: 82px;
    position: relative;
    z-index: 1
}

header .phone a {
    color: #fff;
    text-decoration: none
}

header .phone a:hover {
    text-decoration: underline
}

header .phone_big {
    margin-bottom: 60px
}

header .phone_big a {
    font-size: 24px;
    font-family: roboto-bold, sans-serif;
    display: block;
    margin-bottom: 5px
}

header .phone_big span {
    font-size: 14px;
    color: #f9bf30
}

header .title {
    text-align: center;
    font-family: roboto-bold, sans-serif;
    margin: 0 0 23px 0;
    padding: 0;
    line-height: 40px;
    position: relative;
    z-index: 1
}

header .description {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    position: relative;
    z-index: 1
}

.form-ajax {
    width: 100%;
    z-index: 1;
    position: relative
}

.form-ajax__item {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

.form-ajax__item-icon {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 22px;
    left: 0
}

.form-ajax__item-field {
    width: 100%;
    height: auto;
    border: none;
    background-color: transparent;
    padding: 20px 40px;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #aaa9a7;
    -webkit-border-radius: 0;
    border-radius: 0
}

.form-ajax__btn {
    margin-top: 34px;
    border-bottom: 3px solid #b6740b
}

.price-block_btn_wrap {
    margin-top: 34px;
    border-bottom: 3px solid #b6740b;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 24px;
}

.block-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	margin: 28px 0;
}

.price-block_row:nth-child(odd) {
	background-color: #E5E5E5;
}
.price-block_row {
	display: flex;
	justify-content: space-between;
	padding: 8px;
}
.price-block_title {
	padding: 8px 12px;
	font-size: 14px;
	line-height: 16px;
}
.price-block_subtitle {
	font-size: 12px;
line-height: 12px;
color: #828282;
margin-top: 4px;
}
.price-block_price {
	white-space: nowrap;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 16px;
}

.why-block__item {
    text-align: center;
    padding: 32px 0 42px 0;
    border-bottom: 1px solid #e8e8e8
}

.why-block__item:last-child {
    border-bottom: 1px solid transparent
}

.why-block__item img {
    margin: 0 auto
}

.why-block__item p {
    margin: 10px 0 5px 0;
    padding: 0;
    font-size: 20px
}

.why-block__item span {
    font-size: 20px;
    color: #f9bf30;
    text-transform: uppercase;
    font-family: roboto-bold, sans-serif
}

.footer-bottom {
    padding: 24px;
    background-color: #E5E5E5;
    color: #151412;
    text-align: center;
    font-size: 24px;
line-height: 28px;
}

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

.footer-schedule {
	font-size: 12px;
	line-height: 14px;
	margin-top: 8px;
}

@media only screen and (max-width:395px) {
    h1 {
        font-size: 32px
    }
    h2 {
        font-size: 30px
    }
}

@media only screen and (max-width:355px) {
    h1 {
        font-size: 28px
    }
    h2 {
        font-size: 26px
    }
}