/*common*/
body, input, button, textarea {
font-family: 'Open Sans', sans-serif;
}
input, button, textarea {
border: none;
outline: none;
}
input, button, textarea, .box {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}
.content {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px;
}
.spacer{
text-align: justify;
}
.zayavka {
text-align: center!important;
}
.fb-form__btn, .footer-form__btn {
margin-left: 14px;
}
.spacer > * {
display: inline-block;
}
.spacer:after {
content: '';
display: inline-block;
width: 100%;
}
.pos-center {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
margin: auto;
}
.clear-fix:after {
content: '';
display: block;
clear: both;
}
.hidden {
display: none;
}
.page-wrap {
overflow: hidden;
}
.red-btn {
font-size: 15px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
background: #f33c2f;
cursor: pointer;
box-shadow: 3px 3px 5px #812e2a;
border-radius: 7px;
}
.red-btn:hover {
background: #d8392e;
}
.red-btn:active {
border-bottom-width: 4px;
position: relative;
top: 1px;
}
.blue-btn {
font-size: 15px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
background: #0077b9;
cursor: pointer;
box-shadow: 3px 3px 5px #045c8d;
border-radius: 7px;
}
.blue-btn:hover {
background: #0b6ba1;
}
.blue-btn:active {
border-bottom-width: 4px;
position: relative;
top: 1px;
}
.block-title {
font-size: 45px;
color: #231f20;
line-height: 120%;
text-align: center;
}
.block-title span {
position: relative;
display: inline-block;
}
/*.block-title span:after {
content: '';
position: absolute;
background: url('../images/icons.png') no-repeat;
width: 27px;
height: 32px;
top: 12px; left: -48px;
}*/
.block-title strong {
text-transform: uppercase;
font-weight: 600;
}
.block-title i {
display: block;
}
/*end common*/
.galochka-wo {
width: 26px;
height: 26px;
display: inline-block;
background: url('../images/galochka-wo.png') no-repeat;
}
.icon-komp-nout {
width: 59px;
height: 32px;
display: inline-block;
background: url('../images/komp-nout.jpg') no-repeat;
}
.icon-callback-phone {
background: url('../images/trubka.png') no-repeat;
width: 25px;
height: 25px;
}
/*icons*/
.icon {
display: inline-block;
background: url('../images/icons.png') no-repeat;
}
.icon-h-adv-1 {
width: 41px;
height: 33px;
background-position: 0 -21px;
}
.icon-h-adv-2 {
width: 47px;
height: 34px;
background-position: 0 -56px;
}
.icon-h-adv-3 {
width: 49px;
height: 33px;
background-position: 0 -92px;
}
.icon-reason-1 {
width: 39px;
height: 36px;
background-position: 0 -219px;
}
.icon-reason-2 {
width: 52px;
height: 42px;
background-position: 0 -257px;
}
.icon-reason-3 {
width: 50px;
height: 32px;
background-position: 0 -301px;
}
.icon-reason-4 {
width: 48px;
height: 33px;
background-position: 0 -335px;
}
.icon-reason-5 {
width: 43px;
height: 33px;
background-position: 0 -370px;
}
.icon-reason-6 {
width: 42px;
height: 33px;
background-position: 0 -405px;
}
.icon-reason-7 {
width: 48px;
height: 32px;
background-position: 0 -440px;
}
.icon-reason-8 {
width: 43px;
height: 37px;
background-position: 0 -474px;
}
.icon-reason-9 {
width: 48px;
height: 48px;
background-position: 0 -513px;
}
.icon-reason-10 {
width: 42px;
height: 46px;
background-position: 0 -563px;
}
.icon-reason-11 {
width: 61px;
height: 41px;
background-position: 0 -611px;
}
.icon-reason-12 {
width: 35px;
height: 49px;
background-position: 0 -654px;
}
.icon-d-bad {
width: 59px;
height: 63px;
background-position: 0 -705px;
}
.icon-d-good {
width: 59px;
height: 63px;
background-position: 0 -770px;
}
.icon-more {
width: 30px;
height: 30px;
background-position: 0 -929px;
}
.open .icon-more {
background-position: 0 -1299px;
}
.icon-fb-phone {
width: 23px;
height: 24px;
background-position: 0 -961px;
}
.icon-price {
width: 30px;
height: 40px;
background-position: 0 -1039px;
}
.icon-duration {
width: 44px;
height: 44px;
background-position: 0 -1081px;
}
.icon-f-phone {
width: 29px;
height: 28px;
background-position: 0 -1153px;
}
.icon-address {
width: 23px;
height: 29px;
background-position: 0 -1183px;
}
/*end icons*/
/*header*/
.header {
background: url('../images/bg-header.jpg') no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
min-height: 700px;
padding-bottom: 60px;
color: #ffffff;
}
.header .content {
padding-top: 5px;
position: relative;
}
.logo {
font-size: 30px;
padding: 5px 0 5px 5px;
font-weight: bold;
color: #000;
position: relative;
top: 5px;
text-decoration: none;
background: #ffffff80;
box-shadow: 5px 5px #fff;
}
.logo em {
padding: 5px;
width: 98px;
height: 36px;
text-align: center;
line-height: 32px;
color: #000;
}
.callback {
float: right;
}
.callback > *, .phones > * {
display: inline-block;
vertical-align: middle;
}
.h-top {padding-top:15px;}
.h-top, .h-left, .h-right {
position: relative;
}
.h-left, .h-top {
z-index: 6;
}
.phones-right {
margin-left: 12px;
}
.phone {
font-size: 26px;
color: #ffffff;
font-weight: 600;
}
.phone-black {
color: #000;
}
.phone a {text-decoration: none;}}
.icon-callback-phone {
position: relative;
top: -6px;
}
.callback__btn {
width: 195px;
height: 39px;
margin-left: 30px;
}
.callback__btn:active {
height: 38px;
margin-bottom: 1px;
}
.h-left {
max-width: 430px;
}
.header__title {
max-width: 455px;
font-size: 42px;
font-weight: 600;
line-height: 125%;
}
.header_h1 {
background: #0000004d;
text-align: center;
margin-top: 30px;
padding-bottom:5px;
font-size: 42px;
font-weight: 600;
line-height: 125%;
}
.header_h2 {
padding:20px 0 5px;
text-align: center;
padding-bottom:5px;
font-size: 30px;
font-weight: 300;
line-height: 125%;
}
.header_h2 b {
color:#f33c2f;
font-weight: 900;
font-size: 110%;
}
.header_h2 span {
font-style: italic;
}
.header_h2_2 {
text-align: center;
padding:5px 0 5px;
font-size: 30px;
font-weight: 300;
line-height: 125%;
}
.h-advantages {
margin-top: 27px;
}
.h-advantage__icon-wrap {
position: relative;
width: 26px;
height: 26px;
}
.h-advantage__icon-wrap, .h-advantage__desc {
display: inline-block;
vertical-align: middle;
}
.h-advantage {
margin-bottom: 18px;
}
.h-advantage__desc {
margin-left: 8px;
font-size: 20px;
font-weight: 300;
}
/*.h-advantage:last-child .h-advantage__icon-wrap {
top: -5px;
}*/
.header__desc {
margin-top: 32px;
font-size: 30px;
position: relative;
line-height: 135%;
}
.header__desc span {
display: block;
}
.header__desc strong {
text-transform: uppercase;
}
.header__desc:after {
content: '';
position: absolute;
width: 75px;
height: 56px;
top: -5px;
right: 142px;
}
.header__btn {
width: 315px;
height: 58px;
text-align: left;
font-size: 18px;
line-height: 100%;
margin-top: 42px;
border-bottom-width: 8px;
padding-left: 22px;
}
.header__btn:active {
height: 57px;
border-bottom-width: 7px;
margin-bottom: 1px;
}
.h-right {
text-align: right;
float: right;
position: relative;
z-index: 1;
}
.header-info__text {
text-align: right;
background: #29282f;
font-size: 25px;
display: inline-block;
font-weight: 600;
line-height: 120%;
padding: 13px 24px 18px 14px;
}
.header-info {
position: relative;
}
.header-info__warning {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 85px;
line-height: 78px;
font-size: 105px;
font-weight: 600;
right: -13px;
background: #e34137;
}
.header-info__text span {
display: block;
}
.header__slogan {
margin-top: 54px;
text-align: right;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
}
.header__slogan em {
color: #000000;
text-transform: none;
}
.header-decor {
position: absolute;
width: 100%;
height: 100%;
top: 0; left: 0;
}
.header-decor__main-item, .header-decor__main-itemm, .header-decor__item {
position: absolute;
}
.header-decor__main-item {
background: url('../images/comp-master.png') no-repeat;
width: 750px;
height: 583px;
right: 3%;
bottom: -61px;
z-index: 3;
}
.header-decor__main-itemm {
background: url('../images/remont-monobl.png') no-repeat;
width: 750px;
height: 583px;
right: 3%;
bottom: -61px;
z-index: 3;
}
.header-decor__item_1 {
background: url('../images/item-1.png') no-repeat;
width: 82px;
height: 72px;
top: 111px;
right: 530px;
}
.header-decor__item_2 {
background: url('../images/item-2.png') no-repeat;
width: 142px;
height: 171px;
top: 73px;
right: 138px;
z-index: 4;
}
.header-decor__item_3 {
background: url('../images/item-3.png') no-repeat;
width: 253px;
height: 242px;
top: 272px;
z-index: 2;
right: 500px;
}
.header-decor__item_4 {
background: url('../images/item-4.png') no-repeat;
width: 62px;
height: 74px;
top: 240px;
right: 54px;
}
.header-decor__item_5 {
background: url('../images/item-5.html') no-repeat;
width: 234px;
height: 194px;
top: 340px;
right: 13px;
z-index: 4;
}
.header-decor__item_6 {
background: url('../images/item-6.html') no-repeat;
width: 90px;
height: 75px;
top: 671px;
right: 460px;
z-index: 4;
}
/*end header*/
.counting {
padding: 50px 20px;
background: url(../images/fon-tseny.jpg) no-repeat bottom;
-webkit-background-size: 100%;
background-size: 100%;
min-height: 500px;
}
.counting table {
margin-top: 30px;
width: 100%;
}
.counting tr:nth-child(odd) {
background: #fcccc860;
}
.counting tr:hover {
background: #f0bab6;
}
.counting td {
width: 50%;
padding: 10px
}
.counting td:nth-child(odd) {
border-right: 2px solid #f33c2f;
}
.counting td span {
float: right;
font-weight: 700
}
/*reasons*/
.reasons {
/*background: url('../images/bg-reason.jpg') no-repeat center top;*/
-webkit-background-size: cover;
background-size: cover;
min-height: 670px;
padding-bottom: 70px;
padding-top: 50px;
}
.reasons-list {
position: relative;
margin-top: 30px;
}
/*.reasons-list:before {
content: '';
position: absolute;
background: url('../images/decor-reason-line.png') no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 83.76%;
height: 164px;
top: -148px;
right: 7%;
}*/
.reason {
max-width: 260px;
width: 100%;
padding: 28px 0px;
vertical-align: top;
text-align: center;
margin-bottom: 28px;
box-shadow: -2px -2px 3px #969696;
}
.reason2 {
max-width: 260px;
width: 100%;
padding: 18px 0px;
vertical-align: top;
text-align: center;
margin-bottom: 18px;
box-shadow: 0px 0px 3px #008ac9;
}
.reason__icon-wrap {
display: block;
position: relative;
height: 49px;
}
.reason__icon-wrap .icon {
position: absolute;
top: 0; bottom: 0;
margin: auto;
left: 0;
}
.reason__desc {
font-size: 22px;
letter-spacing: -0.01em;
color: #565656;
margin-top: 2px;
line-height: 105%;
}
.reason__desc span {
display: block;
}
.reason__btn {
width: 136px;
height: 47px;
font-size: 17px;
text-transform: none;
padding-bottom: 3px;
line-height: 100%;
margin-top: 24px;
padding-left: 7px;
}
.reason__btn:active {
height: 46px;
}
.polomka-center {text-align:center}
/*.reason:nth-child(5) .reason__desc,
.reason:nth-child(8) .reason__desc,
.reason:nth-child(9) .reason__desc {
min-height: 100px;
}*/
/*end reasons*/
/*diff*/
.diff {
background: url('../images/preimusch.jpg') center no-repeat;
-webkit-background-size: cover;
background-size: cover;
min-height: 880px;
padding-top: 32px;
padding-bottom: 20px;
}
.diff-wrap {
margin-top: 48px;
position: relative;
}
.diff-item {
display: inline-block;
vertical-align: top;
width: 100%;
}
.diff-item_bad {
max-width: 540px;
}
.diff-item_good {
max-width: 530px;
}
.diff-item_good .diff-item__title {
background: #0a9d54;
}
.diff-item__title {
position: relative;
background: #f33c2f;
display: inline-block;
padding: 4px 10px 8px;
width: 95%;
font-size: 35px;
color: #ffffff;
}
/*.diff-item__title:after {
content: '';
position: absolute;
background: url('../images/decor-diff-arrow-1.png') no-repeat;
width: 256px;
height: 124px;
bottom: -154px;
left: 69px;
}
.diff-item_good .diff-item__title:after {
background: url('../images/decor-diff-arrow-2.png') no-repeat;
width: 254px;
height: 127px;
right: 69px;
left: auto;
}*/
.diff-item__title em {
display: block;
font-weight: 600;
color: #000000;
padding-top: 2px;
}
.diff-list {
margin-top: 50px;
text-align: left;
}
.diff-item_good {
text-align: left;
}
.diff-list__item {
padding-left: 54px;
position: relative;
font-size: 22px;
font-weight: 600;
line-height: 135%;
margin-bottom: 30px;
}
.diff-list__item:after {
content: '';
position: absolute;
width: 45px;
height: 45px;
left: 0; top: 11px;
}
.diff-item_bad .diff-list__item:after {
background: url('../images/p-krest.png') no-repeat;
}
.diff-item_good .diff-list__item:after {
background: url('../images/p-galka.png') no-repeat;
}
.diff-list__item strong {
font-weight: 800;
text-transform: uppercase;
}
.diff-list__item:last-child {
margin-bottom: 0;
}
.diff-decor {
position: absolute;
left: 0; right: 0;
width: 209px;
height: 79px;
margin: 0 auto;
top: 0px;
}
.diff-decor__bad, .diff-decor__good {
width: 126px;
height: 94px;
position: absolute;
top: 0; bottom: 0;
margin: auto;
}
.icon-d-bad, .icon-d-good {
position: absolute;
top: 0; bottom: 0;
margin: auto;
}
.icon-d-bad {
left: 14px;
}
.icon-d-good {
right: 18px;
}
.diff-decor__bad {
left: -96px;
}
.diff-decor__good {
right: -96px;
}
/*end diff*/
/*price*/
.price {
background: url('../images/bg-price.jpg') no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
min-height: 1018px;
padding-bottom: 32px;
padding-top: 57px;
}
.price__title {
color: #dfdfdf;
}
.price__title span:after {
background-position: 0 -1242px;
}
.price__title span {
right: -252px;
}
.price-item-desc {
padding-top: 13px;
width: 71.49%;
text-align: justify;
background: #ffffff;
}
.price-item {
margin-top: -16px;
}
.price-item:nth-child(even) .price-item-desc {
background: none;
}
.price-item:nth-child(even) .price-item-desc {
color: #ffffff;
}
.price-item:nth-child(even) .price-item__numb {
color: #efefef;
}
.price-list_add .price-item:nth-child(even) .price-item-desc {
background: #ffffff;
}
.price-list_add .price-item:nth-child(even) .price-item-desc {
color: #000000;
}
.price-list_add .price-item:nth-child(even) .price-item__numb {
color: #d6d6d6;
}
.price-list_add .price-item:nth-child(odd) .price-item-desc {
background: none;
}
.price-list_add .price-item:nth-child(odd) .price-item-desc {
color: #ffffff;
}
.price-list_add .price-item:nth-child(odd) .price-item__numb {
color: #efefef;
}
.price-item-desc > * {
display: inline-block;
vertical-align: middle;
margin-bottom: -1px;
}
.price-item-desc__line {
width: 100%;
}
.price-item-desc, .price-item__btn {
display: inline-block;
vertical-align: middle;
}
.price-item__btn {
width: 315px;
height: 56px;
line-height: 100%;
padding-bottom: 1px;
text-transform: none;
font-size: 18px;
font-weight: 600;
border-bottom-width: 8px;
}
.price-item__btn:active {
border-bottom-width: 7px;
height: 55px;
margin-bottom: 1px;
}
.price-item__numb {
font-size: 33px;
font-weight: 600;
color: #d6d6d6;
padding-left: 30px;
}
.price-item__text {
font-size: 20px;
font-weight: 600;
line-height: 110%;
text-align: left;
width: 64%;
position: relative;
left: -5px;
}
.price-item__text i {
display: block;
}
.price-item__numb {
height: 46px;
line-height: 46px;
}
.price-item__price {
font-size: 20px;
font-weight: bold;
vertical-align: bottom;
padding-right: 60px;
width: 100px;
text-align: right;
}
.price-list {
margin-top: 70px;
}
.price-list_add {
display: none;
margin-top: 0;
}
.price__more {
margin-top: 22px;
cursor: pointer;
display: inline-block;
}
.price__more > * {
display: inline-block;
vertical-align: middle;
}
.price__more span {
font-size: 20px;
font-weight: 600;
margin-right: 9px;
position: relative;
top: 1px;
text-transform: uppercase;
color: #ffffff;
border-bottom: 2px dashed #ca3f36;
padding-bottom: 4px;
}
.price__more:hover span {
border-bottom: none;
padding-bottom: 6px;
}
/*end price*/
/*form-block*/
.form-block {
/*    background: url('../images/bg-form-block.jpg') no-repeat center top;*/
-webkit-background-size: cover;
background-size: cover;
min-height: 462px;
padding-top: 52px;
padding-bottom: 40px;
text-align: center;
}
.fb-phones {
margin-top: 48px;
display: inline-block;
}
.fb-phones__title {
font-size: 25px;
color: #f33c2f;
font-weight: 600;
border-bottom: 1px solid #000000;
padding-bottom: 12px;
}
.fb-phones-bottom {
margin-top: 12px;
}
.fb-phones-bottom > * {
display: inline-block;
vertical-align: middle;
}
.fb-phones-bottom span {
font-size: 25px;
margin-left: 6px;
position: relative;
top: 1px;
}
.fb-form__title {
font-size: 25px;
font-weight: 600;
color: #f33c2f;
line-height: 110%;
margin-top: 32px;
margin-bottom: 20px;
}
.fb-form__field, .footer-form__field {
width: 30.76%;
height: 54px;
padding-left: 18px;
border: 2px solid #f33c2f;
background: none;
font-size: 18px;
font-weight: 600;
}
.footer-form__field {
color: #ffffff;
}
.fb-form__field2 {
margin-top: 10px;
width: 320px;
height: 54px;
padding-left: 18px;
border: 2px solid #f33c2f;
background: none;
font-size: 18px;
font-weight: 600;
color: #ffffff;
}
.fb-form__btn, .footer-form__btn {
width: 30.76%;
height: 54px;
font-size: 22px;
font-weight: 600;
border-bottom-width: 7px;
}
.fb-form__btn2 {
width: 320px;
height: 54px;
margin-top: 15px;
font-size: 18px;
font-weight: 600;
border-bottom-width: 7px;
}
.fb-form .spacer > *, .footer-form .spacer > * {
vertical-align: middle;
}
.fb-form__btn:active, .footer-form__btn:active {
height: 53px;
border-bottom-width: 6px;
}
.fb-form__btn2:active {
height: 53px;
border-bottom-width: 6px;
}
.footer-form__field::-webkit-input-placeholder {color:#ffffff;}
.footer-form__field::-moz-placeholder          {color:#ffffff;}
.footer-form__field:-moz-placeholder           {color:#ffffff;}
.footer-form__field:-ms-input-placeholder      {color:#ffffff;}
.fb-form__field::-webkit-input-placeholder {color:#000000;}
.fb-form__field::-moz-placeholder          {color:#000000;}
.fb-form__field:-moz-placeholder           {color:#000000;}
.fb-form__field:-ms-input-placeholder      {color:#000000;}
.fb-form__field2::-webkit-input-placeholder {color:#ffffff;}
.fb-form__field2::-moz-placeholder          {color:#ffffff;}
.fb-form__field2:-moz-placeholder           {color:#ffffff;}
.fb-form__field2:-ms-input-placeholder      {color:#ffffff;}
.fb-form__info span {
display: block;
}
.fb-form__info {
margin-top: 14px;
line-height: 120%;
font-size: 16px;
}
.fb-form__info em {
font-weight: 600;
text-transform: uppercase;
}
.fb-form__info2 {
margin-top: 14px;
line-height: 120%;
font-size: 16px;
}
/*end form-block*/
/*reviews*/
.reviews {
padding-top: 64px;
padding-bottom: 34px;
}
.reviews__title strong:last-child {
text-transform: none;
}
.reviews__title span {
position: relative;
right: -210px;
}
.reviews__desc {
text-align: center;
font-size: 25px;
margin-top: 27px;
line-height: 120%;
}
.reviews__desc span {
display: block;
}
.reviews__desc strong {
font-weight: 600;
}
.reviews-slider {
position: relative;
max-width: 630px;
margin: 38px auto 0;
}
.review iframe {
width: 100%;
height: 416px;
}
.r-slider-control__prev a, .r-slider-control__next a {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
.r-slider-control__prev, .r-slider-control__next {
position: absolute;
top: 0; bottom: 0;
margin: auto;
background: url('../images/slider-arrows.png') no-repeat;
width: 33px;
height: 47px;
cursor: pointer;
}
.r-slider-control__prev {
left: -192px;
}
.r-slider-control__prev:hover {
background-position: -35px 0;
}
.r-slider-control__next {
right: -192px;
background-position: 0 -49px;
}
.r-slider-control__next:hover {
background-position: -35px -49px;
}
.youtube {
margin-top: 35px;
text-align: center;
}
.youtube__desc {
padding: 1px 60px 10px 12px;
background: #f33c2f;
font-size: 25px;
color: #ffffff;
display: inline-block;
}
.youtube__desc em {
display: block;
font-weight: 600;
color: #000000;
position: relative;
right: -6px;
}
.youtube > * {
display: inline-block;
vertical-align: middle;
}
.youtube__link {
background: url('../images/icons.png') no-repeat 0 -987px;
width: 121px;
height: 50px;
margin-left: 7px;
}
/*end reviews*/
/*guarantee*/
.guarantee {
background: url('../images/bg-guarantee.jpg') no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
padding-top: 32px;
min-height: 870px;
padding-bottom: 25px;
}
.guarantee-list {
height: 760px;
position: relative;
}
.guarantee-list:after {
content: '';
position: absolute;
background: url('../images/guarantee-main-item.png') no-repeat;
width: 619px;
height: 655px;
top: 18px;
left: 220px;
}
.guarantee-item__img {
display: inline-block;
position: relative;
width: 258px;
height: 183px;
background: url('../images/guarantee-item-bd.html') no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.guarantee-item__img:after {
content: '';
position: absolute;
}
.guarantee-item_1 .guarantee-item__img:after {
background: url('../images/guarantee-arrow-1.png') no-repeat;
width: 79px;
height: 15px;
right: -85px;
bottom: 8px;
}
.guarantee-item_2 .guarantee-item__img:after {
background: url('../images/guarantee-arrow-2.png') no-repeat;
width: 88px;
height: 15px;
left: -93px;
bottom: 57px;
}
.guarantee-item_3 .guarantee-item__img:after {
background: url('../images/guarantee-arrow-3.png') no-repeat;
width: 120px;
height: 15px;
right: -128px;
bottom: 66px;
}
.guarantee-item_4 .guarantee-item__img:after {
background: url('../images/guarantee-arrow-4.png') no-repeat;
width: 106px;
height: 15px;
left: -113px;
bottom: 70px;
}
.guarantee-item {
position: absolute;
}
.guarantee-item_1 {
top: 0; left: 0;
}
.guarantee-item_2 {
top: 42px;
right: 0;
text-align: right;
}
.guarantee-item_3 {
top: 344px;
left: 0;
}
.guarantee-item_4 {
top: 408px;
right: 0;
text-align: right;
}
.guarantee-item__title {
height: 40px;
margin-top: 11px;
line-height: 37px;
padding: 0 25px;
white-space: nowrap;
background: #f33c2f;
font-size: 25px;
color: #ffffff;
}
.guarantee-item__price, .guarantee-item__duration {
padding-left: 24px;
text-align: left;
font-size: 25px;
font-weight: 600;
margin-top: 4px;
}
.guarantee-item__price > *, .guarantee-item__duration > * {
display: inline-block;
vertical-align: middle;
}
.guarantee-item_i-wrap {
width: 44px;
height: 44px;
position: relative;
}
/*end guarantee*/
#map {
height: 605px;
background: #e9e5dc;
}
/*footer*/
.footer {
background: url('../images/bg-header.jpg') no-repeat center;
min-height: 279px;
padding-bottom: 50px;
padding-top: 52px;
text-align: center;
color: #ffffff;
}
.footer__title {
font-size: 40px;
font-weight: bold;
/*text-shadow: 3px 3px red;*/
}
.footer__desc {
margin-top: 16px;
font-size: 24px;
}
.footer__desc em {
font-weight: 600;
}
.footer-form {
margin-top: 35px;
}
.f-contacts {
margin-top: 15px;
text-align: left;
}
.f-contacts-phones, .f-contacts__address, .f-contacts__address > *, .f-contacts-phones > * {
display: inline-block;
vertical-align: middle;
}
.f-contacts-phones__desc span {
display: block;
font-size: 25px;
}
.f-contacts-phones__desc span:first-child {
margin-bottom: 6px;
}
.f-contacts-phones__desc {
margin-left: 3px;
}
.f-contacts-phones {
margin-right: 106px;
}
.f-contacts__address span {
font-size: 20px;
}
.icon-address {
margin-right: 5px;
position: relative;
bottom: -4px;
}
.f-contacts__address span:last-child {
margin-left: 30px;
}
.f-contacts__address span.f-contacts-center {
margin-left: 0;
}
/*end footer*/
/*popup*/
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 9;
display: none;
}
.popup {
display: none;
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
margin: auto;
width: 450px;
height: 192px;
z-index: 10;
text-align: center;
box-shadow: 5px 5px #812e2a;
}
.popup-callback, .popup-callback .popup-content {
height: 300px;
}
.popup-content {
position: relative;
width: 450px;
height: 192px;
background: #ffffff;
z-index: 4;
}
.dark-consult-divs {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 8;
display: none;
height: 100%;
background-color: rgba(0, 0, 0, .82);
}
.popup-div {
position: fixed;
top: 0; bottom: 0; left: 10px; right: 10px;
margin: auto;
max-width: 450px;
height: 290px;
z-index: 8;
text-align: center;
background-color:#fff;
box-shadow: 5px 5px #812e2a;
}
.popup__title, .popup__title-sec {
font-size: 23px;
color: #f71921;
line-height: 110%;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
padding-top: 34px;
}
.popup__title-sec {
padding-top: 10px;
}
.popup-form__field {
width: 184px;
height: 36px;
border: 3px solid #d7d7d7;
padding-left: 14px;
font-size: 14px;
color: #b6b5b5;
font-weight: 300;
}
.popup-form__field:focus {
color: #000000;
}
.popup-form__field:first-child {
margin-right: 0px;
}
.popup-form__field::-webkit-input-placeholder {color:#b6b5b5;}
.popup-form__field::-moz-placeholder          {color:#b6b5b5;}
.popup-form__field:-moz-placeholder           {color:#b6b5b5;}
.popup-form__field:-ms-input-placeholder      {color:#b6b5b5;}
.popup-form {
margin-top: 18px;
}
.popup-form__btn {
width: 175px;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
border-bottom-width: 8px;
font-size: 18px;
}
.popup-form__btn:active {
height: 39px;
border-bottom-width: 7px;
}
.popup__desc {
font-size: 24px;
font-weight: 300;
margin-top: 20px;
color: #b6b5b5;
}
.popup__close {
background: url('../images/icons.png') no-repeat 0 -1214px;
width: 12px;
height: 12px;
position: absolute;
cursor: pointer;
top: 30px;
right: 22px;
}
.gorod-hidden {
display:none;
}
.icon-send {
width: 19px;
height: 12px;
background-position: 0 -1228px;
margin-left: 10px;
position: relative;
top: -1px;
}
.dev {
margin-top: 50px;
display: inline-block;
color: #ffffff;
font-size: 26px;
text-decoration: none;
}
.dev > * {
display: inline-block;
vertical-align: middle;
}
.dev span {
padding: 5px;
color: #000;
background: #ffffff80;
box-shadow: 5px 5px #fff;
}
/*end popup*/
.footer-phone {
margin: 40px 40px;
font-size: 24px;
}

 .tel-buttons {
  pointer-events: none;

  padding: 15px;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2000;
}

.tel-buttons__btn {
  pointer-events: auto;
  display: block;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #56be19;
  transition: all 0.3s ease;
}


.tel-buttons__btn:hover,
.tel-buttons__btn:focus {
  opacity: 0.8;
}

.tel-buttons__btn:active {
  opacity: 0.5;
}

.tel-buttons__btn--tel {
  background-color: #fff;
}

.tel-buttons__icon {
  width: 50%;
  padding: 16px;
  color: white;
}