.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}
.double{position:relative;background-color:#d8d8d8}
.small{position:relative;padding-top:14rem;background-color:#d8d8d8}
.small__diagonale{position:absolute;width:110%;top:-5%;left:-5%;transform:rotate(2deg);height:10rem;background-color:#333;overflow:hidden}
.contact{position:relative;padding-top:15rem;background: url(../img/contact-bg.jpg) center no-repeat;background-size:cover;text-align:left}
.contact__triangle{position:absolute;top:0;left:50%;transform:translateX(-50%);border:60rem solid transparent;border-top:6rem solid #d8d8d8}
.contact__triangle-dark{position:absolute;top:0;left:50%;transform:translateX(-50%);border:60rem solid transparent;border-top:6rem solid #333333}
.main-contact__item{margin-left:1rem;font-size:2.2rem;font-weight:700;color:#fff}
.main-contact__item:hover{color:#fff;text-decoration:none}
.contact__text{margin-bottom:2rem}
.main-contact{margin-top:2rem}
.main-contact i{font-size:2.2rem}
iframe{width:100%;height:40rem;margin-top:3rem;margin-bottom:0}
.main-form{position:relative;padding:4rem 5rem;text-align:center;z-index:10;overflow:hidden;z-index:0;background:radial-gradient(circle at 30px 30px,transparent 30px,#fff 30px) -30px -30px}
.main-form-header{margin-bottom:2rem;color:#1c1c1c}
strong{color:#1c1c1c}
.main-form__input{margin:1.2rem 0;padding:1rem 3rem;width:100%;border-radius:3rem;border:1px solid #bebebe;font-family:'Fira Sans',sans-serif;font-size:1.3rem;
text-align:center;background-color:#fff;transition:.4s}
.main-form__input:focus{border-color:#0900FF}
.main-form__textarea{margin:1.2rem 0 1rem;padding:2rem;border-radius:.8rem;background-color:#fff;border:1px solid #bebebe;font-family:'Fira Sans',sans-serif;
font-size:1.3rem;text-align:left}
.main-form__textarea:focus{border-color:#0900FF}
label{position:absolute;left:50%;transform:translateX(-50%) translateY(-5%);padding:.5rem;background-color:#fff;
font-size:1.1rem;color:#1c1c1c}
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__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) {
.arrow-up{top:85%;right:15%}
}
@media (max-width: 991px) {
.header-avatar{justify-content:center}
.header-phone{text-align:center}
.wrap-block{text-align:center}
.header-social{text-align:center}
.wrap-arrow-up{display:none}
.main-text__title{text-align:center}
.main-form{margin-top:5rem}
.price-small{font-size:1.2rem}
.contact{text-align:center}
.contact__text{margin-bottom:5rem}
.main-contact{margin-top:5rem}
.main-contact__item{font-size:2rem}
.footer-social__link{text-align:center}
.footer__name{font-size:2rem}
.popup-close{top:5rem}
}
@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}
}
@media (max-width: 350px) {
.popup-close{right:6rem}
}