#cover{position:relative; width: 100%; height:100vh; background: url('../imgs/homepage-cover.jpg') no-repeat; background-size: cover; background-position: center bottom;}

.over-cover{position:absolute; left: 0; bottom:21px; padding: 0 var(--pxl) 0 var(--pxl); font-family: MaziusDisplay; font-size: 3.4em; color:#fff; line-height: 1.1em}

.first-block{padding: 88px 0 0 0; margin-bottom: 103px}
.first-block-title{padding-left:var(--pxl); }
.first-block-text{padding-right: var(--pxl);}
.first-block-btn{display:block; margin-top: 20px;}

.second-block{padding: 0; margin-bottom: 130px;}
.second-block-title{ margin-bottom: 29px}
.second-block-cell-1{padding:0 9px 0 var(--pxl)}
.second-block-cell-2{padding:0 var(--pxl) 0 9px}
.v-by-all, .v-by-atm {display: flex; align-items: center; justify-content: center; height:100%}
.v-by-all{background: url('../imgs/hp-view-1.jpg') no-repeat; background-position: center center; background-size: cover;}
.v-by-atm{background: url('../imgs/hp-view-2.jpg') no-repeat; background-position: center center; background-size: cover;}
.p-hp-view{padding-left: 4px; padding-right: 4px; width: 200px; font-size: 1.1em}

.third-block{background-color: var(--beige); padding: 0 var(--pxl) 0 var(--pxl); margin-bottom: 70px}
.third-block-title { margin-top: 36px; }
.third-block-text{ margin-top: 36px;}

.third-block-btn{display:block; margin-top: 20px;}
.third-block-row{padding-bottom: 36px !important}
.third-block-cell-1{padding:36px 9px 0px 0}
.third-block-cell-2{padding:36px 0px 0px 9px}


.hp-tailor-1{background: url('../imgs/hp-tailor-1.jpg') no-repeat; background-position: center center; background-size: cover; min-height:658px margin-left: 30px; margin-right: 10px}
.hp-tailor-1{background: url('../imgs/hp-tailor-2.jpg') no-repeat; background-position: center center; background-size: cover; min-height:658px margin-left: 10px; margin-right: 30px}
.pr-30{padding-right: 30px; padding-left: 30px}

.four-block{padding: 0; margin-bottom: 110px;}
.four-block-title {text-align: center; margin-bottom: 34px}
.four-block-text{margin-top: 10px; text-align: left;}
.four-block-center{padding-left: var(--pxl); padding-right: var(--pxl);}
.four-block-btn{margin-top: 14px}
/* #menu-content-hp{position: absolute; top:0; left:0; z-index: 1; width: 100%} */




@media (max-width: 991px) {
.over-cover{position:absolute; left: 0px; top:270px; padding: 0 var(--pxs) 0 var(--pxs); font-family: MaziusDisplay; font-size: 2.4em; color:#fff; line-height: 1em}

.first-block{padding: 73px 0 0 0; margin-bottom: 73px}
.first-block-title{ padding-left: 69px; margin-bottom: 12px}
.first-block-text{margin-top: 0; margin-left: var(--pxs); margin-right:var(--pxs)}
.first-block-btn{margin-top: 12px; margin-left: 69px; width: 122px; padding-left: 6px; padding-right: 6px}

.second-block{margin-bottom:73px;}

.second-block-cell-1{padding:0;  margin: 0; margin-bottom: 10px}
.second-block-cell-2{padding:0; margin: 0}

.v-by-all{background: url('../imgs/hp-view-1.jpg') no-repeat; background-position: center center; background-size: cover; margin-left: var(--pxs); margin-right: var(--pxs);}
.v-by-atm{background: url('../imgs/hp-view-2.jpg') no-repeat; background-position: center center; background-size: cover; margin-left: var(--pxs); margin-right: var(--pxs)}
.fview{margin-bottom: 10px}

.third-block{padding: 0 var(--pxs) 0 var(--pxs); margin-bottom: 70px}
.third-block-title { padding-left: 69px; margin-top: 30px; margin-bottom:12px }
.third-block-btn{margin-top: 12px; margin-left: 69px; width: 150px; padding-left: 6px; padding-right: 6px}

.third-block-row{padding-bottom: 50px !important; padding-top: 30px}
.third-block-text{ margin-top: 0;}
.third-block-cell-1 img, .third-block-cell-2 img {max-width: 65%; height: auto}

.third-block-cell-1{padding:0; display: flex; justify-content: flex-end; margin-bottom: 10px}
.third-block-cell-2{padding:0}


.four-block-title { padding-left: 69px; margin-top: 30px; margin-bottom:12px; text-align:left; }
.four-block-center{padding-left: var(--pxs); padding-right:var(--pxs); padding-bottom: 0}
.four-block-text{ margin-top: 10px}
.text-start{padding:0}
.four-block-btn{margin-top: 10px; margin-left: 51px; width: 122px; padding-left: 6px; padding-right: 6px}
}