*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:baseline;font-size:14px;font-weight:400;line-height:16.8px;color:var(--text);font-family:"Lato",sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}b{font-weight:700}i{font-weight:300;font-style:normal}img{width:100%;height:100%;object-fit:cover}ol,ul{list-style-type:none}a{text-decoration:none;display:block;color:var(--text);transition:var(--transition)}address{font-style:normal}p a{text-decoration:underline}button{display:block;background-color:inherit;border:none;cursor:pointer;transition:var(--transition)}body{position:relative;overflow-x:hidden;min-width:325px;box-sizing:border-box;scroll-behavior:smooth}:root{--dark-grey:#333;--orange-gradient:linear-gradient(180deg,#eb5757 0%,#fd8451 125.71%);--white:white;--transition:.2s ease-in-out;--lightgray:#b0b0b0;--back-input:#f0f0f0;--orange:#fd8451;--red:rgba(248,96,98,1);--yellow:#fc0}.container{max-width:1360px;width:90%;margin:0 auto}.bold{font-size:20px;font-weight:700;line-height:28.8px}.fa{transition:var(--transition)}.fa-whatsapp{color:#25d366!important}.fa-telegram{color:#24a3ee!important}.fa-vk{color:#07f!important}.fa-telegram:hover{opacity:.8}.fa-whatsapp:hover{opacity:.8}.fa-vk:hover{opacity:.8}.fa-youtube-play:hover{color:red}.fa-instagram:hover{color:#e1306c}.fa-youtube:hover{color:red}.lightgray{color:var(--lightgray)}h1,.h1{font-size:30px;line-height:36px;font-weight:700}h2,.h2{font-size:24px;line-height:28.88px;font-weight:700}h3,.h3{font-size:20px;line-height:24px;font-weight:700}h4,.h4{font-size:18px;line-height:21.6px;font-weight:700}h5,.h5{font-size:16px;line-height:19.2px;font-weight:700}h6,.h6{font-size:14px;line-height:16.8px;font-weight:700}.section{padding-top:100px;padding-bottom:100px}.section.first{padding-top:0!important}.section h2{margin-bottom:75px}.sl-wrapper{visibility:hidden;opacity:0;&.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s ease;
  }
}.sl-wrapper .slick-prev,.sl-wrapper .slick-next{width:36px;height:36px;background-color:var(--white);border-radius:50%;&:hover {
    background-color: var(--lightblue);
  }
  &:hover svg path {
    stroke: var(--white);
  }
  &:active {
    background-color: var(--white);
  }
  &:active svg path {
    stroke: var(--lightblue);
  }
}footer{background-color:var(--dark-grey)}footer .container{padding-top:50px;padding-bottom:20px}footer .logo{width:60px;height:60px}footer .logo-icons{display:flex;gap:40px;margin-bottom:12px}footer .icons{display:flex;align-items:center;gap:20px}footer .icons i{color:var(--lightgray);font-size:22px}footer .up{display:grid;grid-template-columns:1.2fr 2fr;grid-gap:10%}footer .h5{color:var(--white);margin-bottom:24px}footer form{display:grid;grid-template-columns:1fr 1fr .8fr;grid-gap:12px}footer .bottom{margin-top:60px;margin-bottom:125px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:50px}footer .bottom .line{color:var(--lightgray);margin-bottom:12px;width:fit-content}footer .bottom a:hover{color:var(--orange)}footer .bottom .line span{color:var(--white);font-weight:700;margin-right:12px}footer .under p{color:var(--white);display:flex;flex-wrap:wrap;&:last-child {
    color: var(--lightgray);
    font-size: 10px;
  }
}footer .under span{display:flex;flex-wrap:wrap}footer .under i{color:var(--orange);margin-left:8px;margin-right:8px}footer .under hr{color:var(--lightgray);margin-top:52px;margin-bottom:30px}footer .box-under{display:flex;justify-content:space-between;gap:40px;align-items:center;color:var(--white)}footer .up-click-up{display:flex;align-items:center;gap:8px}footer .up-click{background-color:var(--orange);border-radius:50%;width:36px;height:36px;border:1px solid var(--orange);& i {
    color: var(--white);
    font-size: 24px;
  }

  &:active {
    background-color: white;
  }

  &:active i {
    color: var(--orange);
  }
}input,textarea{background-color:var(--back-input);padding:11px 15px;border-radius:10px;border:1px solid var(--lightgray);font-size:12px;line-height:18px;outline:none;width:100%;transition:var(--transition);resize:none;color:var(--text);&:hover {
    border: 1px solid var(--orange);
    background-color: var(--white);
  }
  &:focus {
    border: 1px solid var(--orange);
    background-color: var(--white);
  }
}form label label.error{position:absolute;top:100%;left:5%;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:var(--red);font-size:10px}input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {position:absolute;left:-9999px}input[type="checkbox"]:checked+label,
input[type="checkbox"]:not(:checked)+label {display:inline-block;position:relative;padding-left:28px;line-height:20px;cursor:pointer}input[type="checkbox"]:not(:checked)+label:before {content:"";position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid var(--lightgray);background-color:#fff;border-radius:3px}input[type="checkbox"]:checked+label:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid var(--orange);background-color:var(--orange);border-radius:3px}input[type="checkbox"]:hover+label:before{border:1px solid var(--lightgray);-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:not(:checked)+label:after {content:"";position:absolute;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}input[type="checkbox"]:checked+label:after{left:3px;top:4px;width:10px;height:5px;border-radius:1px;border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.personal label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.personal .smt{font-size:12px;line-height:12px}.personal a{display:inline-block;color:var(--orange);text-decoration:underline}.personal.error label:before{background-color:var(--red)!important}.btn{background:var(--orange-gradient);border-radius:10px;padding:13px 35px;color:var(--white);transition:none;white-space:nowrap;font-weight:700;text-align:center}.btn.inv{background:var(--white);color:var(--red);border:1px solid var(--red);&.active {
    background: var(--orange-gradient);
    color: var(--white);
  }

  &:active {
    background: var(--white);
    color: var(--red);
    
  }

  &.active:active {
    background: var(--orange-gradient);
    color: var(--white);
  }
}.btn.white{background:var(--white);color:var(--red);border:1px solid var(--white)}.btn.border{background:transparent;border:1px solid var(--white);color:var(--white);transition:var(--transition);&.active {
    background: var(--red);
    color: var(--white);
  }
}@media only screen and (min-width:768px){.btn.border{&:hover {
      background: var(--white);
      color: var(--red);
    }
  }.btn.white{&:hover {
      background: var(--red);
      color: var(--white);
    }
  }.btn.inv{&:hover {
      background: var(--orange-gradient);
      color: var(--white);
    }
  
    &.active:hover {
      background: var(--white);
      color: var(--red);
    }
  }.btn{&:hover {
      background: var(--orange);
    }
  }footer .up-click{&:hover {
      background-color: var(--white);
      border: 1px solid var(--white);
    }
  
    &:hover i {
      color: var(--orange);
    }
  }}.accordion{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--lightgray);transition:border-bottom .2s ease-in-out;&:hover {
    border-bottom: 1px solid var(--orange);
  }
}.faq .inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.faq .panel{max-height:120px;overflow:scroll;display:none;&::-webkit-scrollbar {
    display: none;
  }
}.faq .panel li{margin-top:20px;list-style-type:none;list-style-position:outside;&::marker {
    color: var(--orange);
    display: inline-block;
  }
}.faq .accordion::after{content:"";background-image:url(../img/svg/arrow-faq.svg);background-repeat:no-repeat;background-position:center;background-size:cover;width:15px;height:7.5px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out , -webkit-transform .2s ease-in-out}.faq .ui-accordion-header-icon{display:none}.faq .accordion.ui-accordion-header-active::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.faq .accordion.ui-accordion-header-active{border-bottom:1px solid var(--orange)}.review .block span{display:block;text-align:center}.review .wrapper{display:flex;justify-content:space-between}.review .block{width:30%}.review .sl-wrapper{width:70%}.review .sl-wrapper img{width:50px;height:50px;border-radius:50%}.review .slide{border:1px solid var(--lightgray);border-radius:8px;padding:20px;margin-left:5px;margin-right:5px;min-height:270px;transition:var(--transition);&:hover {
    border: 1px solid var(--orange);
  }
}.review .h2{margin-bottom:8px}.review h2{margin:0 auto 15px auto;width:fit-content}.review .stars{margin:0 auto;width:fit-content;margin-bottom:8px}.review .fa-star{color:var(--yellow);font-size:20px}.review .fa-star-half-o{color:var(--yellow);font-size:20px}.review .podrev{font-size:14px;display:flex;align-items:center}.review .podrev span{color:var(--lightgray)}.review .podrev .fa-star{font-size:14px;margin-left:4px}.review .fa-circle{color:var(--lightgray);font-size:4px;margin-left:12px;margin-right:12px}.review span.map{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;&::before {
    content: "";
    display: inline-block;
    background-image: url("../img/avito.png");
    width: 100px;
    height: 30px;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}.review .shadow{color:var(--lightgray);font-size:18px;margin-bottom:15px}.review .btn{width:fit-content;margin:0 auto}.review .up{margin-bottom:12px;display:flex;gap:12px}.review .read_more{color:var(--orange);text-align:left;margin-bottom:12px;&:hover {
    text-decoration: underline;
  }
}.review .text{margin-bottom:12px;height:auto;max-height:100px;overflow:hidden;transition:max-height .5s linear;font-weight:300;&.active {
    max-height: 300px;
  }
}.review small{color:var(--lightgray);text-align:right;font-size:10px;margin-top:auto}.review .slick-dots,.slick_cards .slick-dots{margin:65px auto 0 auto}.slick_cards .slick-dotted.slick-slider,.review .slick-dotted.slick-slider{margin-bottom:0}.popup{position:fixed;top:0;right:-100%;z-index:99999;width:500px;height:100%;background-color:var(--white);transition:.325s linear;padding:40px 50px;&.active {
    right: 0;
  }
}.popup.popupMenu{right:0;left:-100%;overflow-y:scroll;&.active {
    left: 0;
  }
}.popup.popupForm{z-index:100000}.popup .fa-angle-down{font-size:26px;margin-left:24px}.popup .angle-btn{padding:6px}.popup.popupMenu .a-link{display:flex;align-items:center}.popup.popupMenu .bold{font-size:20px;line-height:28px;margin-top:10px;padding-top:5px;padding-bottom:5px;width:fit-content}.popup.popupMenu .categories{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-end}.popup.popupMenu .subcategories{display:none;margin-bottom:20px}.popup.popupMenu .btn{width:100%;margin-top:3em}.popup.popupMenu .icons{margin-top:3em;display:flex;justify-content:space-evenly}.popup.popupMenu .icons i{font-size:30px;color:var(--red)}.popup.popupMenu .first{padding-left:12px;padding-top:8px;padding-bottom:8px;display:flex;align-items:center;font-size:20px;font-weight:700}.popup.popupMenu .second{padding-left:24px;padding-top:8px;padding-bottom:8px;font-size:18px}.big.popup form{background-color:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column}.big.popup label{margin-bottom:3em}.big.popup .bottom{max-width:100%}.big.popup form .bottom .btn{width:100%;margin-top:3em}.flag .fa-spinner,.big .fa-spinner,.popup .fa-spinner{display:none;&.fa-spin {
    display: block;
  }
}.bread{margin-bottom:50px;overflow-x:auto;overflow-y:hidden;&::-webkit-scrollbar {
    display: none;
  }
}.bread ul{display:flex;margin-top:35px}.bread a{display:block;white-space:nowrap}.bread span{display:block;white-space:nowrap}.bread ul li{position:relative;display:flex;align-items:center;height:37px;padding:0 35px;background-color:var(--red);color:var(--white);&:first-child {
    background-color: var(--white);
    border-left: 1px solid var(--back-input);
    border-top: 1px solid var(--back-input);
    border-bottom: 1px solid var(--back-input);
    padding: 0 15px;
  }
}.bread li.grey{border-top:1px solid var(--back-input);background-color:var(--back-input);border-bottom:1px solid var(--back-input);color:var(--lightgray)}.bread ul li i{position:absolute;top:50%;right:-19px;transform:translateY(-50%);font-size:61px;z-index:2}.bread ul li i.white{color:var(--white);font-size:59px;top:48%;right:-19px}.bread ul li i.red{color:var(--red);top:49%;right:-21px;transform:translateY(-50%);font-size:64px}.bread ul li i.grey{color:var(--back-input);font-size:65px;top:49%;right:-22px}.bread ul li i.dark{color:var(--red);font-size:63px;right:-19px;top:43%}.bread .gal{height:100%}.bread .f{position:absolute;top:23%;right:0;transform:translateY(-50%);display:block;width:26px;height:1px;transform:rotate(45deg);background-color:var(--lightgray)}.bread .b{position:absolute;top:74%;right:0;transform:translateY(-50%);display:block;width:26px;height:1px;transform:rotate(-45deg);background-color:var(--lightgray)}.post .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px 30px}.post .card{border-radius:10px;border:1px solid transparent;box-shadow:0 4px 40px -14px rgba(0,0,0,.25);&:hover {
    border-color: var(--red);
  }

  &:hover .text .bold {
    color: var(--red);
  }
}.post .card img{border-radius:10px 10px 0 0;height:217px;object-fit:cover}.post .card .text{padding:18px 12px}.post .card .bold,.post .card .date{margin-bottom:12px;display:block}.post .card .date{color:var(--lightgray)}.post .card .desc{height:130px}.post .btn{margin:50px auto}.ubread{margin-top:30px;margin-bottom:55px}.ubread h1{margin-bottom:20px}.ubread .desc{width:60%}.page404{margin-top:150px;margin-bottom:150px;display:flex;align-items:center;justify-content:center;flex-direction:column}.page404 p,.page404 span{color:var(--red);font-weight:700}.page404 p{font-size:64px;line-height:76px;margin-bottom:30px}.page404 span{font-size:128px;line-height:153px;margin-bottom:65px;letter-spacing:20px}.flag{background-image:url(https://rolletsystems.ru/static/img/xback_form.png.pagespeed.ic.7pOSqIcma1.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:70px 0;height:400px;margin-bottom:150px}.flag .wrapper{position:relative}.flag .left{width:50%}.flag h2{margin-bottom:1em;color:var(--white);font-size:32px;line-height:38px}.flag .left .tsb{width:80%;color:var(--white)}.flag .right{position:absolute;top:-40px;right:10%;background-color:var(--white);padding:32px 44px;width:340px;height:470px;border-radius:10px;box-shadow:0 4px 40px -9px rgba(0,0,0,.25)}.flag form{position:relative}.flag form label span{display:block;margin-bottom:6px}.flag form label{position:relative;display:block;margin-bottom:25px}.flag form .btn{width:100%;margin-bottom:45px}.flag .suctext{width:100%;height:100%;text-align:center;display:none;&.active {
      display: flex;
      align-items: center;
      justify-content: center;
  }
}.orange .personal .smt{color:var(--dark-grey);& a {
    color: var(--orange);
  }
}.orange .suctext{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:none;color:#000;border-radius:10px;background-color:var(--white);&.active {
      display: flex;
      align-items: center;
      justify-content: center;
  }
}.fa-spinner{color:var(--orange);font-size:54px}.overflow{display:block;opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);&.active {
    opacity: 1;
    visibility: visible;
  }
}.works{background-image:url(https://rolletsystems.ru/static/img/xback-portfolio.png.pagespeed.ic._Uq9Lhn8uL.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:70px 0}.works h2{margin-bottom:.5em;text-transform:uppercase}.works .up{margin-bottom:60px;display:flex;justify-content:space-between;align-items:center}.works .up .text{width:70%}.arrows{position:relative;display:flex;gap:12px}.arrows svg path{stroke:var(--orange)}.slick-prev,.slick-next{color:var(--orange);background-color:var(--white);border:1px solid var(--orange);border-radius:50%;width:36px;height:36px;position:static;transform:translate(0,0);&:hover {
    background-color: var(--orange);
  }

  &:hover svg path {
    stroke: var(--white);
  }

  &:active {
    background-color: var(--white);
  }

  &:active svg path {
    stroke: var(--orange);
  }

  &.slick-disabled {
    background-color: var(--back-input);
    cursor: not-allowed;
  }
}.portfolio .card{position:relative;height:450px;border-radius:20px;margin-right:25px;&:last-child {
    margin-right: 0;
  }
}.portfolio .card img{position:absolute;top:0;right:0;width:97%;height:100%;object-fit:cover;border-radius:20px;z-index:0}.portfolio .card .whitespace{position:absolute;top:0;left:0;width:35%;height:100%;background-color:var(--white);border-radius:20px 0 0 20px;z-index:2;box-shadow:0 4px 40px -14px rgba(0,0,0,.25);border:1px solid var(--white)}.portfolio .card .content{position:absolute;top:20%;left:5%;background-color:var(--white);border-radius:14px;height:250px;width:60%;z-index:3;padding:24px 14px;display:flex;justify-content:space-between;flex-direction:column}.portfolio .card .content .h5{margin-bottom:12px}.custom .contain{object-fit:contain}.custom p,.custom a{margin-bottom:15px}.custom p a{margin-bottom:0;display:inline-block;color:var(--orange);text-decoration:underline}.custom b{display:inline-block;margin-right:4px}.custom h2,.custom h3,.custom h4,.custom h5,.custom h6{margin-bottom:15px}.custom picture,.custom figure{margin-bottom:15px;display:flex;flex-direction:column;position:relative;overflow:hidden}.custom img{height:450px;aspect-ratio: 4 / 3;margin-bottom:15px;&.real {
      aspect-ratio: auto;
      height: auto;
    }
}.custom figure figcaption{position:absolute;bottom:0;left:0;background-color:var(--red);color:var(--white);padding:8px;border:1px solid var(--border)}.custom section{margin-top:2em;margin-bottom:2em}.custom section.first{margin-top:0;margin-bottom:2em}.custom ul li{margin-bottom:15px;list-style-type:none;align-items:flex-start;&::marker {
        display: none;
    }

    &::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 1px solid var(--red);
        display: inline-block;
        margin-right: 12px;
        flex-shrink: 0;
    }
}.custom img[data-fancybox]{cursor:pointer;transition:var(--transition);overflow:hidden;&:hover {
      transform: scale(1.05);
    }
}.custom ol{counter-reset:item}.custom ol li{margin-bottom:15px;list-style-type:none;counter-increment:item;&::before {
    content: counter(item);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--red);
    background-color: var(--red);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    margin-bottom: 6px;
    flex-shrink: 0;
  }
}.custom ul{list-style-type:disc;list-style-position:inside;margin-bottom:15px}.custom ol{list-style-type:decimal;list-style-position:inside;margin-bottom:15px}.custom .blockquote{background-color:var(--red);width:fit-content;padding:12px;border-radius:10px}.custom .blockquote p{margin-top:1em;text-align:right;color:var(--white)}.custom .blockquote blockquote p{margin-top:0;text-align:left}.custom .flex{display:flex;justify-content:space-between;gap:8%}.custom .card{margin-bottom:30px;position:relative;&:hover p {
      transition: var(--transition);
      color: var(--orange);
    }
}.custom .line{display:flex;justify-content:space-between;margin-bottom:30px}.custom .card img{height:235px;border-radius:20px}.custom .card .whitespace{padding:16px;position:absolute;bottom:0;left:0;width:100%;height:35%;background-color:var(--white);border-radius:0 0 20px 20px;z-index:2;box-shadow:0 4px 40px -14px rgba(0,0,0,.25)}.custom .card .date{color:var(--lightgray)}.custom .left .base{display:none}.custom .right{width:390px;flex-shrink:0}.custom .right .gallery{display:flex;gap:20px;width:100%;& .slick-list {
    width: 100%;
    display: flex;
  }

  & .slick-track {
    display: flex;
    margin-left: 0;
  }
}.custom .right .gallery a{overflow:hidden;border-radius:10px;margin-left:10px;margin-right:10px}.custom .right .arrows{margin-top:30px;justify-content:flex-end}.custom .right .gallery img{height:180px;aspect-ratio: 1/1;border-radius:10px;margin-bottom:0;&:hover {
      transition: var(--transition);
      transform: scale(1.1);
    }
}.custom .left .up{margin-bottom:40px}.custom .left .up span{color:var(--lightgray)}.fancybox-button{background-color:var(--white)}.custom .sl-wrapper{opacity:1;visibility:visible}.custom.inverse .flex{flex-direction:row-reverse;gap:5%}.custom.inverse .left{width:50%}.custom.inverse .right{width:50%;flex-shrink:1}.default-btn{margin-top:2em}.custom.inverse .big_img{margin-bottom:0;border-radius:10px;overflow:hidden;margin-bottom:30px;&:hover img {
    transition: var(--transition);
    transform: scale(1.1);
  }

  & img {
    border-radius: 10px;
    margin-bottom: 0;
  }
}.post_detail .base{height:300px;margin-bottom:60px}.post_detail h1{margin-bottom:.5em}.politika b{margin-top:2em;margin-bottom:2em}.portfolio_list .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px}.portfolio_list .card{margin-right:0}.portfolio_list .showMore{margin:50px auto 0 auto}.most h2{text-transform:uppercase}.most .wrapper{display:grid;grid-template-columns:repeat(5,1fr);width:80%;margin:0 auto;justify-items:center}.most .wrapper .block img{width:40px;height:40px;margin-bottom:.5em}.most .wrapper img{width:1px}.most .block{display:flex;align-items:center;flex-direction:column;text-align:center}.most .text{font-weight:300}.most .bold{margin-bottom:.5em}.howwe h2{margin-bottom:.5em;text-transform:uppercase}.howwe .shadow{color:var(--lightgray);margin-bottom:70px}.howwe .wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}.howwe .number{color:var(--lightgray);font-size:58px;line-height:58px;font-weight:700;display:flex;align-items:center;transition:var(--transition);position:relative;&::before {
    content: '';
    width: 0;
    height: 0;
    opacity: 0;
  }

  &::after {
    content: '';
    width: 0;
    height: 0;
    opacity: 0;

  }
}.howwe .block{&:hover .number::before {
    transition: var(--transition);
    opacity: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(253, 132, 81, 0.2);
  }

  &:hover .number::after {
    transition: var(--transition);
    content: '';
    opacity: 1;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(253, 132, 81, 0.1);
  }

  &:hover .number {
    color: var(--orange);
    transition: var(--transition);
  }
}.howwe .boxnumber{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;& .line {
    width: 100%;
    margin-bottom: 12px;
  }

  & .line::after {
    content: "";
    display: inline-block;
    width: 80%;
    height: 1px;
    border-bottom: 1px dashed var(--lightgray);
    margin-left: 30px;
  }
}.howwe .bold{margin-bottom:1em}.howwe .text{font-weight:300}.filters .filter{display:flex;flex-wrap:wrap;gap:20px}.docs .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2.5%}.grid-item--full-width{margin-top:100px;margin-bottom:100px;display:block;height:1px;grid-column: 1 / -1}.docs .block{display:flex;gap:20px}.docs .block img{width:218px;height:282px;box-shadow:0 4px 40px -11px rgba(0,0,0,.25)}.docs .content .date{color:var(--lightgray);font-size:16px;line-height:19.2px;margin-bottom:20px;font-weight:700}.docs .content .title{font-size:16px;line-height:19.2px;font-weight:700;margin-bottom:35px}.docs i{color:var(--lightgray);font-size:20px;transition:var(--transition)}.docs .download{display:flex;align-items:center;gap:12px;&:hover i {
    color: var(--red);
    transition: var(--transition);
  }

  &:hover .size {
    color: var(--red);
    transition: var(--transition);
  }
}.docs .download .size{font-size:16px;line-height:19.2px;color:var(--lightgray)}.docs .showMoreDoc{font-size:24px;line-height:28px;margin-top:3em;color:var(--lightgray);&:hover {
    color: var(--red);
  }

  &:hover i {
    color: var(--red);
  }

  & i {
    font-size: 20px;
    color: var(--lightgray);
    transform: rotate(90deg);
    margin-left: 12px;
  }

}.docs_list{background-color:rgba(240,240,240,1)}.docs_list h2{margin-bottom:.5em}.docs_list .wrapper{display:flex;justify-content:space-between}.docs_list .left{width:50%}.docs_list .right{width:50%;padding-right:5%}.docs_list .left .text{width:80%;margin-bottom:3em}.docs_list .left .btn{width:fit-content}.docs_list .right .block{position:relative;height:370px;margin-left:22px;margin-right:22px;border-radius:10px;& img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  & .over {
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    background-color: var(--red);
  }

  &:hover .over {
    opacity: 0.8;
    visibility: visible;
  }

  & span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    width: 80%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    z-index: 2;
  }

  &:hover span {
    opacity: 1;
    visibility: visible;
  }

  & a {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    transition: var(--transition);
    z-index: 2;
  }

  &:hover a {
    opacity: 1;
    visibility: visible;
  }
}#slick_docs .slick-dots{margin-bottom:0}#slick_docs.slick-dotted.slick-slider{margin-bottom:0}.about{display:grid;grid-template-columns:1fr 1fr;grid-gap:10%}.about .right{position:relative;&::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 10%;
    left: -5%;
    width: 100%;
    height: 100%;
    background-color: var(--red);
    border-radius: 10px;
  }
}.about img{border-radius:10px;position:relative;display:block}.about h1{margin-bottom:.5em}.about h2{margin-bottom:.5em}.left p{margin-bottom:1em}.categories .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:24px;grid-row-gap:80px}.categories .img{position:relative;display:flex;height:217px;overflow:hidden;border-radius:10px;&:hover img {
    transform: scale(1.1);
  }

  & img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    transition: var(--transition);

  }

  & span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--white);
    font-weight: 700;
    padding: 8px 12px;
    background-color: var(--red);
    font-size: 16px;
  }
}.categories .bold{text-align:center;margin-top:20px;margin-bottom:20px;&:hover {
    color: var(--red);
  }
}.categories .line{display:block;height:1px;width:90%;margin:0 auto;object-fit:contain}.categories .links{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:5%;grid-row-gap:12px;& a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
  }

  & a:hover {
    color: var(--red);
  }

  & a:nth-child(even) {
    text-align: right;
  }
}.categories .btn{margin:50px auto 0 auto}.flex-container{display:flex;flex-wrap:wrap}.container-left{width:45%}.container-right{width:45%;margin:-50px 0 0 20px}.contact h1{margin-bottom:1em}.contact .h2{margin-bottom:12px}.contact address{font-size:16px;line-height:19.2px;margin-bottom:12px}.contact .map{font-size:16px;line-height:19.2px;margin-bottom:30px;color:var(--orange);text-decoration:underline;width:fit-content;&:hover {
    text-decoration: none;
  }
}.icons-contact{display:flex}.icons-contact .icon{margin:10px 0 0 0}.block-social{margin-top:20px}.icons-contact .icon:nth-child(2){margin-left:20px}.icons-contact .icon:nth-child(3){margin-left:20px}.contact .block{display:flex;gap:12px;margin-bottom:12px}.contact .block .gray{font-size:16px;line-height:19.2px;color:var(--lightgray);min-width:30%}.contact .block .text{font-size:16px;line-height:19.2px}.popular .grid{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:24px;grid-template-rows:repeat(2,265px)}.popular .grid .block.first{grid-row:span 2}.popular .img{border-radius:10px 10px 0 0;height:60%;& img {
    border-radius: 10px 10px 0 0;
  }
}.popular .block.first .img{height:65%}.popular h2{text-transform:uppercase}.popular .block{background-color:var(--white);border-radius:10px;box-shadow:0 80px 80px -20px rgba(154,156,165,.16)}.popular .block .inner{padding:12px 24px}.popular .block .bold{margin-bottom:12px;font-size:18px;line-height:20px}.popular .block .date{margin-bottom:12px;color:var(--lightgray)}.popular .block .date.last{margin-bottom:0;color:var(--lightgray)}.popular .block .text{font-size:16px;line-height:19.2px;&.hide {
    display: none;
  }
}.popular .bottom{display:flex;justify-content:center;align-items:center;margin-top:3em;gap:40px}.popular h2{margin-bottom:0}.popular .up{display:flex;justify-content:space-between;margin-bottom:75px}.orange{background:linear-gradient(95.43deg,#f86062 3.15%,#fc8251 96.54%);color:var(--white);padding-top:125px}.orange input{color:#000}.orange h2{text-transform:uppercase;margin-bottom:1em;color:var(--white)}.orange .container{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:40px;align-items:center;position:relative;padding-top:40px}.orange .text{font-weight:300;color:var(--white)}.orange .left .btn{margin-top:3em;width:fit-content}.orange form{width:80%;position:absolute;top:12%;left:50%;transform:translate(-50%,-125%);background-color:var(--white);border-radius:10px;box-shadow:0 10px 10px -3px rgba(0,0,0,.25);padding:32px}.orange form>div{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:32px}.orange form label{position:relative}.orange form label span{position:absolute;top:-20px;left:5%;color:var(--dark-grey);font-size:12px}.orange form .h3{color:var(--dark-grey);text-align:center;display:block}.our{padding-bottom:0}.our .links{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:15px;margin-bottom:25px}.our .line{height:1px}.our h2{margin-bottom:.5em;text-transform:uppercase}.our h3{margin-bottom:.5em}.our .shadow{color:var(--lightgray);margin-bottom:60px}.our .inactive{opacity:0;transition:.2s linear}.our .text{width:80%}.our .info{margin-top:45px;display:none;grid-template-columns:1fr 1fr;gap:5%;& img {
    border-radius: 10px;
  }
}.our .mini{margin-top:25px}.our .mini a{font-size:16px;line-height:19.2px;text-decoration:underline;margin-bottom:8px;width:fit-content;&:hover {
      color: var(--red);
  }
}.our .h4{margin-bottom:12px}.our .desc{margin-bottom:1em}.our .inv-btn{color:var(--red);margin-bottom:15px;width:fit-content;& i {
    margin-left: 8px;
  }

  &:hover {
    text-decoration: underline;
  }
}.our .img img{width:240px;height:200px;aspect-ratio: 1 / 1;object-fit:contain;margin-bottom:20px}.our.mobile{display:none}.our .second{margin-top:50px;margin-bottom:50px;display:block}.remont .bold{margin-bottom:16px;&:hover {
    color: var(--red);
  }
}.h2_sec{margin-bottom:3em}.remont{padding-bottom:100px}.remont .remont_wrap{display:grid;grid-template-columns:1fr .3fr 1.7fr 1fr;grid-gap:2.5%}.remont .line.third{height:100%;width:1px;margin:0 auto}.remont .p_price{font-size:20px;line-height:24px;margin-top:12px;font-weight:700;color:var(--red)}.remont .p_text{font-size:16px}.remont .img{border-radius:10px}.remont .a-links-mobile{display:none}.remont .line.mobil{display:none}main{padding-top:80px}.main{height:788px;position:relative;background-color:var(--back-input)}.main .container{position:relative;z-index:2}.main .sl-wrapper{padding-top:190px}.main .title{color:var(--white);font-weight:800;font-size:48px;line-height:57px;margin-bottom:12px;width:50%;text-transform:uppercase}.main .ora{color:var(--orange);font-weight:700;font-size:40px;line-height:48px;margin-bottom:12px;width:60%}.main .text{color:var(--white);width:60%;margin-bottom:25px}.main .back{position:absolute;inset:0;width:100%;height:100%;margin:0 auto;z-index:0;object-fit:cover;filter:brightness(40%)}.main .buttons{margin-bottom:25px;display:flex;gap:20px}.main .arrows{display:none;position:absolute;top:95%;left:100%;justify-content:flex-start;width:fit-content;transform:translate(-100%,-100%)}.main .slick-prev,.main .slick-next{background-color:var(--white);color:var(--dark-grey);border:1px solid var(--dark-grey);& svg path {
    stroke: var(--dark-grey);
  }

  &.slick-disabled {
    opacity: 0.5;
  }

  & svg {
    flex-shrink: 0;
  }

  & .block {
    padding-left: 50px;
  }
}.main .dots{margin-top:50px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.main .dots .numb{color:var(--white);font-size:28px;line-height:42px;font-weight:700;opacity:.6;text-align:left;&::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--white);
    display: block;
    margin-top: 8px;
  }

  &:hover {
    opacity: 1;
  }

  &.active {
    opacity: 1;
  }
}header{background-color:var(--white);padding:12px 0 0 0;position:fixed;z-index:10;width:100%}header .logo{width:50px;height:50px}header .logo_a{margin-right:3%}header .links{display:flex;align-items:center;gap:24px}header .links .link{font-weight:700;display:flex;align-items:center;& i {
    margin-left: 8px;
    font-size: 18px;
    line-height: 16.8px;
  }

  &:hover {
    color: var(--orange);
  }

  &:hover i {
    color: var(--orange);
  }
}header .container{display:flex;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--back-input)}header .search i{font-size:22px;&:hover {
      color: var(--orange);
    }
}header .call{margin-left:3%;display:flex;gap:20px}header .openPopupForm{margin-left:auto;padding:10px 25px}header .call .fa{color:#eb5757}header .call .fa-whatsapp{margin-right:10px}header .call a:hover{text-decoration:underline;color:var(--orange)}header .block{display:flex;align-items:center;gap:8px;& img {
    width: 40px;
    height: 40px;
  }

}header .block .inner{display:flex;flex-direction:column;& span:first-child {
    margin-bottom: 2px;
  }

  & span:last-child {
    font-weight: 700;
  }
}header .search_block{border-top:1px solid var(--border);background-color:var(--white);border-radius:0 0 10px 10px;padding:12px;top:-100%;left:50%;transform:translate(-50%,0);position:absolute;transition:.325s ease-in-out;visibility:hidden;opacity:0;display:flex;flex-direction:column;&.active {
      top: 100%;
      visibility: visible;
      opacity: 1;
  }
}header .pop_links{border-top:1px solid var(--border);background-color:var(--white);border-radius:0 0 10px 10px;padding:12px;top:-100%;left:50%;transform:translate(-50%,0);position:absolute;transition:.325s ease-in-out;visibility:hidden;opacity:0;width:100%;&.active {
      top: 100%;
      visibility: visible;
      opacity: 1;
  }
}header .pop_links .container{display:grid;grid-template-columns:1.4fr .6fr;align-items:flex-start;border-bottom:none}header .pop_links img{height:217px}.mini-links{display:flex;flex-direction:column}header .link-wrapper{margin-top:3em;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:5%;grid-row-gap:30px;padding-right:3%;& .big-link {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--back-input);
    margin-bottom: 8px;
    width: fit-content;
  }

  & .big-link:hover {
    color: var(--orange);
  }

  & .mini-link {
    font-weight: 300;
    margin-bottom: 8px;
    margin-left: 12px;
    width: fit-content;
    display: block;
  }

  & .mini-link:hover {
    color: var(--orange);
  }
}header .pop_links .img{border-radius:10px;margin-top:3em;& img {
    border-radius: 10px;
  }

}header input{margin-top:10px;margin-bottom:10px;width:90%;margin:0 auto;border:1px solid var(--lightgray);padding:12px;outline:none;&:focus {
      border: 1px solid var(--orange);
  }
  &:focus::placeholder {
      color: var(--text);
  }
  &:hover {
      border: 1px solid var(--orange);
  }
}header .bar{display:none}header .search{margin-left:3%}header .sea_block{display:grid;grid-template-columns:1fr 1fr;grid-gap:10%;padding-bottom:50px;border-radius:10px;background-color:var(--back-input);padding:24px;border:1px solid var(--lightblue);width:100%;margin-top:10px;max-height:700px;overflow-y:scroll;&::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: var(--red);
    border-radius: 10px;
  }
  &::-webkit-scrollbar-track {
    background-color: var(--back-input);
    border-radius: 10px;
  }

  & .fa {
    color: var(--red);
  }
}header .span2.flex{display:flex;flex-wrap:wrap;gap:30px}header .sea_block .span2{grid-column:span 2}header .sea_block h3{margin-bottom:20px;grid-column:span 2}header .sea_block a{color:var(--text);text-decoration:underline;margin-bottom:8px;&:hover {
      text-decoration: none;
      color: var(--lightblue);
  }
}header .search_result{width:90%}.fly{position:absolute;top:80px;left:30%;z-index:-1;height:400px;width:1200px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color: #0102039f;display:none;z-index:9}.overlay.active{display:block}.popup{position:fixed;top:0;right:-100%;z-index:99999;width:500px;height:100%;background-color:var(--white);transition:.325s linear;padding:40px 50px;&.active {
      right: 0;
  }
}.popup .logo{width:180px;height:80px;object-fit:contain}.popup .ups{display:flex;margin-bottom:40px;gap:20px;align-items:center}.popup .ups .block-call .fa{font-size:3em}.popupMenu .links{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.scroll-lock{overflow:hidden}.closeBtn,.closeBtnMenu{position:absolute;top:25px;right:25px}.closeBtn i,.closeBtnMenu i{font-size:30px;&:hover {
      color: var(--lightblue);
  }
}.flag .suctext{width:100%;text-align:center;display:none;&.active {
      display: block;
  }
}.popup .suctext,.big .suctext{color:var(--text);width:100%;text-align:center;display:none;&.active {
      display: block;
  }
}.big.popup form{background-color:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column}.big.popup label{margin-bottom:3em}.big.popup .bottom{max-width:100%}.big.popup form .bottom .btn{width:100%;margin-top:3em}.big form label span{display:block;margin-bottom:6px}.big form label{position:relative}footer label{position:relative}footer form{position:relative}footer .personal{display:flex;grid-column:span 3}footer .personal .smt{width:100%;color:var(--white);& a {
    color: var(--orange);
    display: inline;
  }
}footer .suctext{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:none;color:#fff;border-radius:10px;background-color:var(--dark-grey);&.active {
      display: flex;
      align-items: center;
      justify-content: center;
  }
}footer .overflow{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:none;color:#fff;border-radius:10px;background-color:var(--dark-grey);transform:none;&.active {
      display: flex;
      align-items: center;
      justify-content: center;
  }
}.contact .h2.last{margin-top:2em}.service{display:flex;gap:5%}.service .left{width:40%}.service .right{width:60%}.service .big{height:250px;position:relative;margin-bottom:40px;border-radius:10px 10px 0 0;& img {
    border-radius: 10px 10px 0 0;
  }
}.service h2{margin-bottom:1em}.service .works_wrapper .block{position:relative;margin-left:10px;margin-right:10px;border-radius:10px;height:320px;background-color:var(--white);border:1px solid var(--back-input);& img {
    border-radius: 10px 10px 0 0;
    height: 150px;
  }
}.service .inner{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);border-radius:10px;width:90%;height:250px;display:flex;flex-direction:column;text-align:center;padding:12px;& .title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
  }

  & .desc {
    font-size: 12px;
    font-weight: 300;
    color: black;
  }

  & .btn {
    margin-top: auto;
    display: block;
  }
}.service .big span{display:block;position:absolute;bottom:0;left:0;color:var(--white);font-weight:700;padding:8px 12px;background-color:var(--red);font-size:16px;z-index:2}.service .over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;border-radius:10px 10px 0 0;& .btn {
    width: fit-content;
  }
}.service .rek{display:flex;margin-top:3em;padding:23px;padding-bottom:0;border:3px solid var(--orange);border-radius:10px;align-items:center;gap:5%}.service .title{font-size:24px;font-weight:700;margin-bottom:1em}.service .text{margin-bottom:1em}.service .rek img{width:45%;height:230px;object-fit:contain}.service .price{font-size:24px;margin-bottom:1em;& span {
    font-size: 24px;
    color: var(--red);
    font-weight: 700;
  }
}.service .day{margin-bottom:1em;font-weight:700;font-size:18px}.service .right .btn{width:fit-content;margin-bottom:2em}.green{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:5%;padding:50px;border-radius:10px;filter:brightness(attr(data-brightness));position:relative}.green img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:10px}.green h2,.green .text{color:var(--white);z-index:2}.green h2{font-size:36px;line-height:52px;width:50%;margin:0 auto}.custom p.boldes{font-size:20px;line-height:30px;font-weight:900;margin-bottom:16px}.custom p.basic{font-size:16px;line-height:24px}.popupMenu .block-call{display:flex;align-items:center;gap:16px;margin-bottom:15px;&.last {
    margin-bottom: 40px;
  }

  & i {
    color: var(--red);
    width: 30px;
  }

  & a {
    display: flex;
    flex-direction: column;

  }

  & a span:first-child {
    font-weight: 700;
        font-size: 20px;
  }
}.service .big.mobile{display:none}