.menu{position:fixed;right:0;top:0;width:20%;height:100vh;display:flex;align-items:center;justify-content:center;transition:.5s;transform:translateX(150%);background:#333;z-index:1000;border-left: 3px solid #e8e8e8}
.menu__active{transform:translateX(0%)}
.menu-list{display:flex;justify-content:space-around;align-items:center;height:50%;flex-direction:column}
.menu-types__link{font-family:'Fira Sans',sans-serif;font-size:1.8rem}
.menu-close{top:1rem;right:4rem;width:3rem;text-align:center;border:0;background-color:transparent;font-size:4rem;color:#fff;cursor:pointer}
.menu-close:focus{outline:none}
.main-types__link{position:relative;font-family:'Fira Sans',sans-serif;font-size:3rem;line-height:4rem;color:#fff}
.main-types__link:after{content:'';position:absolute;bottom:0;left:0;display:block;width:0;height:2px;background-color:#0900FF;transition:.8s}
.main-types__link:hover:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;background-color:#0900FF}
.main-types__link:hover{color:#fff}
.section-header{font-size:2.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:#333;text-align:center;margin-bottom:9rem}
.section-text{font-family:'Fira Sans',sans-serif;font-size:1.8rem;color:#333;line-height:1.8}
.section-text-light{font-family:'Fira Sans',sans-serif;font-size:1.8rem;line-height:1.8;color:#fff}
.section-header-light{font-size:2.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;text-align:center;margin-bottom:9rem;color:#fff}
.feedback__btn {position:absolute;bottom:0;transform: translateY(-50%);}
.features{position:relative;background-color:#e8e8e8;box-shadow:inset 0 15px 35px -15px rgba(0,0,0,0.3)}
.features-block{text-align:center}
.features-block h3{margin-top:2rem;margin-bottom:2rem;font-size:2rem;font-weight:700;letter-spacing:.1em;color:#333}
.features-block p{display:inline-block;width:80%;font-size:1.4rem}
.features-img{height:9rem;margin-bottom:2rem}
.features-img img{max-width:9rem;max-height:9rem;display:block;margin:0 auto}
.about{position:relative;background:url(../img/about-bg.jpg) center no-repeat;background-size:cover;box-shadow:inset 0 -15px 35px -15px rgba(0,0,0,0.1)}
.about-btn{margin-top:3rem}
.feedback {position: relative;background-color: #e8e8e8;box-shadow:inset 0 -15px 30px -15px rgba(0,0,0,0.3)}
.feedback-slider {padding: 5rem 6rem;background-color: #fff;box-shadow: 6px 10px 18px 0px rgba(0, 0, 0, 0.11);}
.feedback-slider p {font-size: 1.6rem;}
.feedback-slider .media {margin-top: 3rem;font-size: 1.4rem;}
.feedback-slider-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 6rem;height: 8rem;border: none; overflow: hidden;}
.feedback-slider-btn img {width: 100%;overflow: hidden}
.feedback-prev-btn {left: -1rem; cursor: pointer}
.feedback-next-btn {right: -1rem; cursor: pointer}
.feedback-prev-btn:focus {outline: none;}
.feedback-next-btn:focus {outline: none;}
.feedback-text {position: relative;margin-top: 2rem;padding: 1rem;border: 2px solid #0900FF;font-size: 1.6rem;font-style: italic;}
.feedback-text::before {content: '';display: block;position: absolute;top: -2rem;left: 4rem;width: 2rem;
height: 2rem;background-color: #fff;border: 2px solid #0900FF;border-bottom: none;border-top-right-radius: 100px; }
.feedback__bg-right {width: 40rem;height: 35rem;position: absolute;bottom: 0;right: -15rem;overflow: hidden;}
.feedback__bg-left {width: 40rem;height: 35rem;position: absolute;bottom: 0;left: -18rem;overflow: hidden;}
.fotorama img{height:50rem;margin-bottom:2rem;border-radius:2rem;border:2px solid #333}
.price-block__phone{color:#333333;}
.scheme-step{margin:auto;margin-bottom:3rem;display:block;max-width:40rem;text-align:center}
.scheme{background:url(../img/scheme-bg.png) center no-repeat;background-size:cover;text-align:center;position:relative}
.scheme-step_item{font-size:7rem;color:#fff;opacity:.5}
.arrow-left{width:7rem;position:absolute;right:32%;top:42%}
.arrow-right{position:absolute;width:7rem;top:22%;left:50%;transform:translateX(-50%)}
.arrow-down{position:absolute;width:7rem;top:64%;left:50%;transform:translateX(-50%)}
.step-mb{margin-bottom:10rem}
.price{position:relative;padding-bottom:0;background:url(../img/price-bg.jpg) center no-repeat;background-size:cover;box-shadow:inset 0 15px 35px -15px rgba(0,0,0,0.3) ,inset 0 -15px 35px -15px rgba(0,0,0,0.3)}
.price-blog{position:relative;background:url(../img/blog-bg.jpg) center no-repeat;background-size:cover;box-shadow:inset 0 15px 35px -15px rgba(0,0,0,0.3) ,inset 0 -15px 35px -15px rgba(0,0,0,0.3)}
.price-block{padding:3rem 4rem;margin-bottom:5rem;background-color:#fff;text-align:center;box-shadow:7px 12px 21px 0 rgba(0,0,0,0.17);border-radius:.5rem}
.price-block-blog{padding:3rem 4rem;margin-bottom:5rem;margin-right:4rem;min-height:60rem !important;background-color:#e8e8e8;text-align:center;box-shadow:7px 12px 21px 0 rgba(0,0,0,0.17);border-radius:.5rem}
.price-link{text-decoration:none}
.price-link:hover{text-decoration:none}
.price-block img{max-height:35rem;border-radius:2rem;border:2px solid #333}
.price-block-blog img{max-height:35rem;border-radius:2rem;border:2px solid #333}
.price-name{margin-top:2rem;color:#333;font-size:2rem;font-weight:700}
.price__small{font-size:1.1rem;color:#333;font-family:'Fira Sans',sans-serif}
.price__info{display:block;font-family:'Arial',sans-serif;font-size:1.4rem;color:#007bff}
.price-btn{position:absolute;left:50%;transform:translateX(-50%)}
.portfolio-btn-dark span{position:relative;}
.portfolio-btn-dark span:before{content:'';position:absolute;transform:translateY(-0.4rem);left:-3rem;width:2.8rem;height:2.8rem;background:url(../img/portfolio/arrow-right-2x.png)
center no-repeat;background-size:70%}
.contact{background:url(../img/contact-bg.jpg) center no-repeat;background-size:cover;}
.contact-blog{border-top: 4px solid #e8e8e8}
iframe{width:100%;height:40rem;margin-top:3rem;margin-bottom:0}
footer{display:flex;justify-content:center;padding:1rem 0;background-color:#1c1c1c;border-top:4px solid #e8e8e8}
.footer-social__link{line-height:7rem;font-size:3rem;color:#fff}
.footer-social__link i:hover{color:#2E64FE}
.footer__name{font-size:2.2rem;font-weight:700;line-height:7rem;color:#fff;text-align:center}
.link-host{display:flex;align-items:center;justify-content:center}
.footer__developer{font-family:'Fira Sans',sans-serif;font-size:1.8rem;line-height:3.5rem;color:#fff;text-align:center}
.popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,0.5)}
.popup-content{position:fixed;left:50%;top:10%;background-color:transparent;transform:translateX(-50%);padding:4rem 6rem;overflow-y:scroll;height:100%}
.popup-form{margin-top:3rem;padding:0}
.popup-close{position:absolute;top:1rem;right:4rem;width:2rem;text-align:center;border:0;background-color:transparent;font-size:3rem;color:#fff;cursor:pointer}
.popup-close:focus{outline:none}
.popup-content{text-align:center}
.popup-header{font-size:2rem;font-weight:700;color:#fff}
.hint-modal{display:none;position:fixed;top:50%;left:50%;transform:translateX(-50%);padding:1rem;max-width:22rem;font-family:'Fira Sans';border-radius:1.2rem;border:2px solid #e8e8e8;background-color:#0900ff;color:#e8e8e8}
.hint-modal__close{position:absolute;top:-6%;right:-1%;border:none;font-size:2.2rem;background-color:transparent;outline:0;color:#e8e8e8;cursor:pointer}
.hint-modal__close:focus{outline:0}
.hint-modal__img{width:2rem;height:2rem}
.hint-modal-text{margin-left:1rem}
.hint-modal__subtitle{font-family:'Fira Sans',sans-serif}
@media (max-width: 1199px) {
.about-img{margin-top:7rem}
.price-block img{max-height:25rem}
}
@media (max-width: 991px) {
.section-header{line-height:1.8}
.section-header-light{line-height:1.8}
.mt-9 {text-align: center}
.header-avatar{justify-content:center}
.header-phone{text-align:center}
.wrap-block{text-align:center}
.header-social{text-align:center}
.main{text-align:center}
.main-text__title{text-align:center}
.main-text__subtitle{text-align:center}
.main-types{padding:0;text-align:center;list-style:none}
.main-types__item{line-height:2.5}
.main-types__item:before{content:'';position:absolute;display:none}
.main-form{margin-top:5rem}
.features-block{margin-bottom:6rem}
.features-block__last{margin-bottom:0}
.features-block p{display:inline-block;max-width:30rem;font-size:1.4rem}
.about{padding-bottom:12rem}
.about__avatar{margin-bottom:4rem;width:60%}
.about-img{text-align:center;margin-top:0}
.about-btn{position:absolute;left:50%;transform:translateX(-50%)}
.feedback__btn {position:relative; margin-top: 7rem}
.feedback__bg-right, .feedback__bg-left {display: none;}
.feedback__button-wrap {text-align: center;}
.arrow{display:none}
.step-mb{margin-bottom: 3rem;display:block}
.price-block img{max-height:60rem}
.price-small{font-size:1.2rem}
.price__grass{height:20rem}
.contact{text-align:center}
.footer__name{font-size:2rem}
.footer-social__link{text-align:center}
}
@media (max-width: 767px) {
.arrow-up{display:none}
.main-text__title{font-size:3.6rem}
.wrap{height:6rem}
.wrap-block{text-align:center}
.header-avatar{justify-content:center;line-height:8rem}
.header-social{text-align:center;line-height:4rem}
.header-social__link{line-height:6rem}
.main-types__item{line-height:2.5}
.fotorama img{height:35rem}
.feedback-slider-btn {background-color: transparent;}
.price__grass{height:15rem}
}
@media (max-width: 575px) {
.main-text__title{font-size:3.4rem}
.price__grass{height:8rem}
}