/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*---av normalize----*/
* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#2B2B2B;
    --main-blue:#084F99;
    --main-blue-dark:#002E5E;
    --main-blue-light:#7E9AB8;
    --main-second:#FE7163;
    --gray-1:#3A3A3A;
    --gray-2:#aaa;
}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: var(#fff);
}
h1,h2,h3,h4,h5,h6{font-family: 'Inter', sans-serif;}
section {display: block; width: 100%; position: relative;}
input, textarea {outline: none; font-family: 'Inter', sans-serif; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; font-size: inherit;}
.content {width: 1680px; position: relative; margin: 0 auto;}
a {text-decoration: none; transition: all .3s ease-in-out; color: var(--main);}
a:visited {color: inherit;}
p {margin-bottom: 10px; line-height: 1.4;}
ol {margin-left: 25px;}
.error{opacity: 0; transition: all .3s ease-in-out; color: var(--main-second);}
.error.show {opacity: 1 !important;}
.hidden {display: none !important;}
input.wrong {border-color: var(--main-second) !important;}
#header .top-line {background-color: #EDF1F4; padding: 12px 0; font-size: 12px;}
#header .top-line .top-line-wrapper {display: flex; justify-content: space-between;}
#header .top-line .top-line-wrapper .address-wrapper a {display: flex; align-items: center; display: flex; align-items: center;}
#header .top-line .top-line-wrapper .address-wrapper a span{display: inline-block; margin-left: 8px;}
#header .top-line .top-line-wrapper .address-wrapper a:hover {color: var(--main-second)}
#header .top-line .top-line-wrapper .address-wrapper svg path { transition: all .3s ease-in-out;}
#header .top-line .top-line-wrapper .address-wrapper a:hover svg path {fill: var(--main-second);}
#header .top-line .top-line-wrapper .callback-wrapper {display: flex; align-items: center;}
#header .top-line .top-line-wrapper .callback-wrapper .mode {display: flex; align-items: center; margin-right: 20px;}
#header .top-line .top-line-wrapper .callback-wrapper .mode img {display: inline-block; margin-right: 6px;}
#header .top-line .top-line-wrapper .callback-wrapper .call-wrapper {display: flex; align-items: center; margin-right: 20px;}
#header .top-line .top-line-wrapper .callback-wrapper .call-wrapper a {display: flex; align-items: center; font-weight: 700; transition: all .3s ease-in-out;}
#header .top-line .top-line-wrapper .callback-wrapper .call-wrapper a svg path {transition: all .3s ease-in-out;}
#header .top-line .top-line-wrapper .callback-wrapper .call-wrapper a:hover svg path {fill: var(--main-second);}
#header .top-line .top-line-wrapper .callback-wrapper .call-wrapper a:hover {color: var(--main-second);}
#header .main-line .main-line-wrapper {display: flex; justify-content: space-between;}
#header .main-line .main-line-wrapper .logo-tagline-wrapper{padding: 25px 0;}
#header .main-line .main-line-wrapper .logo-tagline-wrapper a.wrapper {display: flex; align-items: center;}
#header .main-line .main-line-wrapper .logo-tagline-wrappe .logo-wrapper {display: flex; align-items: center;}
#header .main-line .main-line-wrapper .logo-tagline-wrapper .logo-wrapper {width: 200px;}
#header .main-line .main-line-wrapper .logo-tagline-wrapper .logo-wrapper img {width: 100%; display: block; object-fit: contain;}
#header .main-line .main-line-wrapper .logo-tagline-wrapper .tagline-wrapper {margin-left: 10px; padding-left: 10px; transition: color .3s ease-in-out; border-left: 1px solid #6C6C6C; color: #4F535C; line-height: 1.1; }
#header .main-line .main-line-wrapper .logo-tagline-wrapper a.wrapper:hover .tagline-wrapper {color: var(--main-blue);}
#header .in-touch {margin-left: 10px;}

.header-menu-wrapper ul {background-color: #fff;} 
.header-menu-wrapper > ul {display: -webkit-box;display: -ms-flexbox;display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header-menu-wrapper > ul > li {margin: 0 15px; display: block; position: relative;}
.header-menu-wrapper > ul > li:last-of-type {margin-right: 0;}
.header-menu-wrapper > ul > li > a {font-size: 18px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 17px 0px;}
.header-menu-wrapper ul  li a:hover {color:var(--main-second);}
.header-menu-wrapper ul > li > ul > li a {font-size: 13px; display: inline-block; padding: 5px 0;}
.header-menu-wrapper ul > li > ul {position: absolute; opacity: 0; top:30px; color:#fff; padding: 0; border-radius: 5px; overflow: hidden; left: 0px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #FCFCFC;
    border: 1px solid #fff; height: 0; overflow: hidden;
    -webkit-box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.14); border-top: 1px solid var(--second); z-index: -5;}
.header-menu-wrapper > ul > li:hover > ul {opacity: 1; top:50px; z-index: 15; color:var(--main); height: auto;}
.header-menu-wrapper ul > li.has-children > ul li {padding: 7px 15px; border-bottom: 1px solid #F6F6F6; transition: all .3s ease-in-out; background-color: #fff;}
.header-menu-wrapper ul > li.has-children > ul li:last-of-type {border: none;}
.header-menu-wrapper ul > li.has-children > ul li:hover {background-color:#F6F6F6;}
.header-menu-wrapper ul > li.has-children > ul > li > a:hover::before {background-color: var(--main-second);}


.header-menu-wrapper > ul > li.has-children > ul > li a {display: flex; font-size: 13px; font-weight: 500; line-height: 1; align-items: center; color: var(--gray-1);}
.header-menu-wrapper > ul > li.has-children ul > li > a::before {content:''; display: inline-block; width: 4px; height: 4px; background-color: var(--gray-1);
    transition: all .3s ease-in-out; margin-right: 5px; border-radius: 50%;
}
.header-menu-wrapper > ul > li.has-children ul > li > a:hover {color: var(--main-second);}

.header-menu-wrapper > ul > li.has-children > a {display: flex; align-items: center;}
.header-menu-wrapper > ul > li.has-children > a > img {margin-left: 8px; transition: all .3s ease-in-out;}
.header-menu-wrapper > ul > li.has-children:hover > a {color: var(--main-second);}
.header-menu-wrapper > ul > li.has-children:hover a > img {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); 
    filter: brightness(0) saturate(100%) invert(63%) sepia(14%) saturate(5903%) hue-rotate(319deg) brightness(100%) contrast(105%);
    
}
.mobile-menu {display: none;}
.header-menu-wrapper > ul > li.has-children:hover a > img svg path {fill:var(--main-second);}
#header .main-line {border-bottom: 1px solid #C4C4C4;}
#header .mobile-menu-wrapper {display: none;}
#header .mobile-menu-wrapper .phone-burger-wrapper {display: flex; position: relative; justify-content: space-between; align-items: center; padding: 15px 0;}
#header .mobile-menu-wrapper .phone-burger-wrapper a.phone {display: flex; align-items: center; font-size: 14px; color:#111; font-weight: 500;}
#header .mobile-menu-wrapper .phone-burger-wrapper a.phone::before {content: ''; width: 16px; height: 16px;margin-right: 7px; background-repeat: no-repeat; background-image: url(/alterweb/images/icons/phone.svg); background-position: center; background-size: contain;}
#header .mobile-menu-wrapper .phone-burger-wrapper .label-lines-wrapper label{display: block; position: relative; z-index: 5; width: 22px; height: 16px; cursor: pointer;}
#header .mobile-menu-wrapper .phone-burger-wrapper .label-lines-wrapper input#check-menu {display: none;}


#header .label-lines-wrapper {display: block; width: 22px; height: 14px; position: absolute; right:0px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#header .label-lines-wrapper .burger-line {height: 2px;
    position: absolute;
    z-index: 2;
    width: 22px;
    background-color: var(--gray-1);
    -webkit-transition: .7s all;
    -o-transition: .7s all;
    transition: .7s all;
} 
.mobile-menu .inner-wrapper {padding: 20px 40px;}
.mobile-menu .inner-wrapper ul.sub-menu {width: 100%; max-height: 0; transition: max-height .3s ease-in-out; overflow: hidden;}

.mobile-menu .inner-wrapper > ul > li > .v {transition: all .3s ease-in-out;}
.mobile-menu .inner-wrapper > ul > li > .v.show {transform: rotate(180deg);}
.mobile-menu .inner-wrapper > ul > li > .v.show + .sub-menu {max-height: 1000px;}
.mobile-menu .inner-wrapper > ul > li > .v + .sub-menu li {margin: 7px 0;}
.mobile-menu .inner-wrapper > ul > li > .v + .sub-menu li:first-of-type {margin-top: 15px;}
.mobile-menu .inner-wrapper > ul > li > .v + .sub-menu li:last-of-type {margin-bottom: 15px;}

.mobile-menu .inner-wrapper ul.sub-menu.show {max-height: 1000px;}
.mobile-menu .inner-wrapper .main-info {margin-top: 30px; border-top: 1px solid #E6E6E6; padding-top: 30px;}
.mobile-menu .inner-wrapper .main-info .line {display: flex; align-items: center; margin-bottom: 25px;}
.mobile-menu .inner-wrapper .main-info .line svg {width: 16px; margin-right: 6px;}
.mobile-menu .inner-wrapper .main-info .line .desc {width: calc(100% - 22px);}
.mobile-menu .inner-wrapper .main-info .line a {font-weight: 700;}
.mobile-menu .inner-wrapper > ul > li {padding: 10px 0; display: flex; align-items: center; flex-wrap: wrap; width: 100%;}
.mobile-menu .inner-wrapper > ul > li a {text-transform: uppercase; font-size: 15px;}
.mobile-menu .inner-wrapper > ul > li > .v + .sub-menu li a {font-size: 13px;}
.mobile-menu .inner-wrapper .v {cursor: pointer; width: 10px; height: 18px; background-position: center; background-size: contain; background-image: url(/alterweb/images/icons/v.svg); background-repeat: no-repeat; margin-left: 8px;}
.mobile-menu .inner-wrapper .btns-wrapper {display: flex; column-gap: 2%;}
.mobile-menu .inner-wrapper .btns-wrapper .m-btn {width: 49%; padding: 14px; border-radius: 4px; display: flex; align-items: center; justify-content: center;
    color: #FFF;font-size: 14px;font-weight: 600;
}
.mobile-menu .inner-wrapper .btns-wrapper .m-btn span {margin-left: 10px;}
.mobile-menu .inner-wrapper .btns-wrapper .m-btn.first {background-color: var(--main-second);}
.mobile-menu .inner-wrapper .btns-wrapper .m-btn.second {background-color: var(--main);}


#header .label-lines-wrapper .burger-line.first {top:0} 
#header .label-lines-wrapper .burger-line.second {top:7px;} 
#header .label-lines-wrapper .burger-line.third {top:14px}
#header .label-lines-wrapper .burger-line.fourth {display: none;} 
#header .label-lines-wrapper .burger-line:last-of-type {margin-bottom: 0px;} 
#check-menu:checked ~ .lines_wrapper .first{        
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    top:9px;
    background-color: var(--main-blue);}
#check-menu:checked ~ .lines_wrapper .second{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top:9px;background-color: var(--main-blue);}
#check-menu:checked ~ .lines_wrapper .third{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    top:9px;
    background-color: var(--main-blue);
}

.loaded_hiding {overflow: hidden;}

#footer {background-color:#001B30;}
#footer .footer-wrapper{padding: 50px 0 0;}
#footer .footer-wrapper .top-line {display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 30px;}
#footer .footer-wrapper .top-line::after {content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.30); position: absolute;
    bottom: 0; left: 0; right: 0;
}
#footer .footer-wrapper .logo-wrapper a {display: flex; align-items: center; color: #fff;}
#footer .footer-wrapper .logo-wrapper a .txt-wrapper {margin-left: 10px; padding-left: 10px; border-left: 1px solid #A1A1A1;}
#footer .footer-wrapper .adress-wrapper {color: #fff; text-align: right;}
#footer .footer-wrapper .adress-wrapper a {color: #fff;}
#footer .footer-wrapper .adress-wrapper a:hover {color:var(--main-second)}

#footer .middle-line {display: flex; justify-content: space-between; padding: 26px 0 70px;}
#footer .middle-line .menu-wrapper {display: flex; }
#footer .middle-line .menu-wrapper .single-column {margin-right: 65px;}
#footer .middle-line .menu-wrapper .single-column:last-of-type {margin-right: 0px;}
#footer .middle-line .menu-wrapper .title a {color: #fff; display: inline-block; margin-bottom: 10px; font-weight: 600;}
#footer .middle-line .menu-wrapper .title a:hover {color:var(--main-second);} 
#footer .middle-line .menu-wrapper li {display: block; margin-bottom: 5px;}
#footer .middle-line .menu-wrapper li:last-of-type {margin-bottom: 0px;}
#footer .middle-line .menu-wrapper li a {color:var(--gray-2)}
#footer .middle-line .menu-wrapper li a:hover {color:var(--main-second);}
#footer .middle-line .menu-contacts-wrapper {display: flex; justify-content: space-between; width: 100%; position: relative;}
#footer .middle-line {position: relative;}
#footer .middle-line::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.30);}
#footer .middle-line .contacts-wrapper {display: flex;}
#footer .middle-line .contacts-wrapper .single-column {margin-right: 65px;}
#footer .middle-line .contacts-wrapper .single-column:last-of-type {margin-right: 0px;}
#footer .middle-line .contacts-wrapper .single-column ul li {display: block;margin-bottom: 15px;}
#footer .middle-line .contacts-wrapper .single-column ul li:last-of-type {margin-bottom: 0px;}
#footer .middle-line .contacts-wrapper .single-column ul li a {display: flex; align-items: center; color: #fff;}
#footer .middle-line .contacts-wrapper .single-column ul li a:hover {color:var(--main-second);}
#footer .middle-line .contacts-wrapper .single-column ul li a svg {display: inline-block; margin-right: 10px;}
#footer .middle-line .contacts-wrapper .single-column ul li a svg path {transition: fill .3s ease-in-out;}
#footer .middle-line .contacts-wrapper .single-column ul li a:hover svg path {fill: var(--main-second);}
#footer .middle-line .contacts-wrapper .single-column ul li span {display: flex; align-items: center; }
#footer .middle-line .contacts-wrapper .single-column ul li span.skype {color: #fff; transition: all .3s ease-in-out;}
#footer .middle-line .contacts-wrapper .single-column ul li span.skype svg {display: inline-block; margin-right: 10px;}
#footer .middle-line .contacts-wrapper .single-column ul li span.skype:hover {color:var(--main-second);}
#footer .middle-line .contacts-wrapper .single-column ul li span.skype svg path {transition: all .3s ease-in-out;}
#footer .middle-line .contacts-wrapper .single-column ul li span.skype:hover svg path {fill: var(--main-second);}
#footer .bottom-line {padding: 17px 0; display: flex; justify-content: space-between; align-items: center;}
#footer .bottom-line .desc {width: 55%; color:var(--gray-2); font-size: 12px;}
#footer .bottom-line .aw-block {display: flex; align-items: baseline; color:#fff;}
#footer .bottom-line .aw-block .desc-aw {margin-right: 10px; font-size: 12px; color:var(--gray-2);}
#header .address-wrapper {margin-right: 10px;}

.top-main-menu {margin: 50px 0;}
.top-main-menu a {display: flex; flex-direction: column; position: relative; transition: all .3s ease-in-out;  border-radius: 8px; overflow: hidden; padding: 30px; background-color: var(--main-blue);
    justify-content: end; color:#fff;
}
.top-main-menu a .title {display: block; font-size: 20px; font-weight: 600; margin-bottom: 13px; transition: color .3s ease-in-out;}
.top-main-menu .top-row {display: flex; flex-wrap: wrap; column-gap: 2%; margin-bottom: 2%;}
.top-main-menu .top-row a {height: 490px;}
.top-main-menu .top-row a:nth-child(1) {width: 32%; background-image: url(/alterweb/images/icons/wave.svg); background-repeat: no-repeat; background-size: contain;}
.top-main-menu a .title, .top-main-menu a .desc {position: relative; z-index: 2;}
.top-main-menu .top-row a:nth-child(2) {width: 66%; padding-bottom: 50px; background-color: none;
}
.top-main-menu .top-row a:nth-child(2)::before {
    content: ''; position: absolute;
    top: 0;right: 0;left: 0;bottom: 0; 
    background-image: url(/alterweb/images/img-01.jpg); background-repeat: no-repeat; background-size: cover; z-index: 0;
}
.top-main-menu .top-row a:nth-child(2) .title {font-size: 40px;}
.top-main-menu .top-row a:nth-child(2) .desc {font-size: 18px;}
.top-main-menu .top-row a:nth-child(2) .title,
.top-main-menu .top-row a:nth-child(2) .desc {width: 75%;}
.top-main-menu .top-row a:nth-child(2)::after {content: ''; position: absolute; left: 0;right: 0;top: 0;bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, #19242F 100%, #001A33 100%); opacity: 0; z-index: -1; transition: opacity .3s ease-in-out;}
.top-main-menu .top-row a:nth-child(2):hover::after {opacity: 1; z-index: 1; transition: opacity .3s ease-in-out;}


.top-main-menu a .arrow-wrapper {position: absolute; right: 20px; top: 20px; z-index: 2;}
.top-main-menu a:hover {background-color: var(--main-blue-dark);}
.top-main-menu a .title:hover {color: var(--main-second);}
.top-main-menu a .title + .arrow-wrapper svg path {transition: fill .3s ease-in-out;}
.top-main-menu a .title:hover + .arrow-wrapper svg path {fill: var(--main-second);}

.top-main-menu .bottom-row {display: flex; column-gap: 2%;}
.top-main-menu .bottom-row a {width: 32%; height: 230px;}

.simple-section {margin: 150px 0;}

.desc-numbers-wrapper {display: flex; align-items: center; justify-content: space-between;}
.desc-numbers-wrapper .desc-wrapper {width: 43%;}
.desc-numbers-wrapper .desc-wrapper .title {color:#111;font-size: 26px; font-weight: 600; margin-bottom: 20px;}
.desc-numbers-wrapper .desc-wrapper .desc {font-size: 16px;}

.desc-numbers-wrapper .numbers-wrapper {width: 50%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.desc-numbers-wrapper .numbers-wrapper .single-number {width: 22%; border-radius: 8px; background: #F8F8F8; text-align: center; padding: 15px; display: flex;flex-direction: column; justify-content: center;}
.desc-numbers-wrapper .numbers-wrapper .single-number .value { color: var(--main-blue); font-size: 42px; font-weight: 600; margin: 0px auto 4px;}
.desc-numbers-wrapper .numbers-wrapper .single-number .desc {color: #19242F;font-size: 15px;}

.progress-slider-wrapper {position: relative; margin-bottom: 100px;}
.progress-slider .slide {height: 500px; }
.slide.hover a {position: relative; z-index: 1;}
.slide.hover a::before {content:''; position: absolute; top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; 
    background-color: var(--main-blue-dark); opacity: 0; z-index: -1; transition: all .3s ease-in-out;
}
.slide.hover a:hover::before {z-index: 0; opacity: .4;}
.slide.hover a::after {content:''; position: absolute; top: 50%; left: 50%; 
    height: 30px; width: 30px; background-image: url(/alterweb/images/icons/lupa.svg); background-repeat: no-repeat; background-position: center; background-size: contain;
    opacity: 0; z-index: -1; transition: all .3s ease-in-out; transform: translate(-50%, -50%);
}
.slide.hover a:hover::after {opacity: 1; z-index: 0;}

.progress-slider .slide a {display: block; height: 100%; width: 100%;}
.progress-slider .slide a img {display: block; height: 100%; width: 100%; object-fit: cover;}
.progress-slider-wrapper .slick-track {display: flex;}

.progress-slider-wrapper .progress-warpper {margin-top: 30px;}
.progress-slider-wrapper .progress {
    width: 100%;
    display: block;
    height: 7px;
    border-radius: 7px;
    overflow: hidden;
    background-color: #D0D9DE;
    color: transparent;
    background-image: linear-gradient(to right,var(--main-second),var(--main-second));
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size .4s ease-in-out;
    -o-transition: background-size .4s ease-in-out;
    transition: background-size .4s ease-in-out;
}
.progress-slider-wrapper .arrows-wrapper {display: flex; justify-content: space-between; position: absolute; z-index: 1; left: 1%; width: 98%; top: 250px; height: 0;}
.progress-slider-wrapper .arrows-wrapper .slider-arrow {display: flex; border-radius: 8px; width: 30px; height: 30px; background-color: #D0D9DE; justify-content: center; align-items: center; cursor: pointer; transition: all .3s ease-in-out; opacity: .5;}
.progress-slider-wrapper .arrows-wrapper .slider-arrow:hover {opacity: 1; background-color: var(--main-second);}

.about-wrapper {display: flex; flex-wrap: wrap;}
.about-wrapper .single-block {width: 50%; padding-right: 7%;}
.about-wrapper .single-block .title {color: #000; font-size: 40px;font-weight: 700; margin-bottom: .5em;}
.about-wrapper .single-block .desc {margin-bottom: 30px; font-size: 16px;}
.about-wrapper .single-block a {font-weight: 600; position: relative; color: var(--main-second); display: inline-flex; align-items: center; font-size: 16px;}
.about-wrapper .single-block a:hover {color:var(--main-blue);}
.about-wrapper .single-block a svg {position: relative; left:16px;transition: all .3s ease-in-out}
.about-wrapper .single-block a:hover svg {left:22px;}
.about-wrapper .single-block a svg path {transition: all .3s ease-in-out}
.about-wrapper .single-block a:hover svg path {fill: var(--main-blue);}

.banner-main {padding: 100px 255px 100px 50%; border-radius: 8px; background-image: url(/alterweb/images/banner-bg.jpg); color:#fff; background-size: cover; background-position: top left; background-repeat: no-repeat;}
.banner-main .title {font-size: 34px; font-weight: 700; margin-bottom: 13px;}
.banner-main .desc {margin-bottom: 30px;}

.partners-wrapper {position: relative;}
.partners-wrapper h3 {color:#0A0A0A; font-size: 40px; font-weight: 700; margin-bottom: 1em; line-height: 1;}
.partners-wrapper .arrows-wrapper {position: absolute; z-index: 1; right: 0; top: 0; display: flex;}
.partners-wrapper .arrows-wrapper .slider-arrow {width: 42px; height: 42px; border-radius: 3px; border:1px solid #DCDCDC; cursor: pointer; transition: all .3s ease-in-out;}
.partners-wrapper .arrows-wrapper .slider-arrow:hover {background-color: var(--main-second);}
.partners-wrapper .arrows-wrapper .slider-arrow.prev {margin-right: 7px;}
.partners-wrapper .arrows-wrapper .slider-arrow svg {transition: all .3s ease-in-out; opacity: .2;}
.partners-wrapper .arrows-wrapper .slider-arrow:hover svg {opacity: 1; transition: all .3s ease-in-out;}
.partners-wrapper .arrows-wrapper .slider-arrow svg path {transition: all .3s ease-in-out;}
.partners-wrapper .arrows-wrapper .slider-arrow:hover svg path {fill: #fff;}
.partners-wrapper .slide {padding: 30px 40px; background-color: #F5F5F5; margin: 0 8px; border-radius: 8px; height: 100%; display: flex; justify-content: center; align-items: center;}
.partners-wrapper .slick-list {margin-left: -8px; margin-right: -8px;display: flex;}
.partners-wrapper .slider-wrapper {overflow: hidden;}
.partners-wrapper .slider-wrapper .slick-track {display: flex;}


.btn {background-color: var(--main-second); display: inline-block; padding: 15px 65px; border-radius: 5px; cursor: pointer; color:#fff; font-weight: 700; font-size: 14px; transition: all .3s ease-in-out; position: relative; z-index: 1;}
.btn:hover {background-color: var(--main-blue);}
.btn.narrow {padding: 15px 34px;}
.btn::before {
    content:'';
    position: absolute; border-radius: 5px; left: 0;right: 0;top: 0;bottom: 0;z-index: -1; opacity: 0; background-color: var(--main-blue); background-image: url(/alterweb/images/icons/loading-btn.svg); background-position: center; background-repeat: no-repeat; background-size: contain;
}
.btn.wait::before {z-index: 2; opacity: 1;}
a.btn {color:#fff;}
.btn.mt {margin-top: 30px;}

#feedback {position: relative;}
.feedback-wrapper {padding: 90px 0 60px; background-repeat: no-repeat; background-color: #EDF1F4; position: relative; }
.feedback-wrapper .waves-wrapper {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; display: flex; justify-content: space-between;}
.feedback-wrapper .waves-wrapper .wave {display: flex;}
.feedback-wrapper .waves-wrapper .wave.left {flex-direction: row;}
.feedback-wrapper .waves-wrapper .wave.right {flex-direction: row-reverse;}
.feedback-wrapper .waves-wrapper .wave img {display: block; height: 100%;}
.feedback-wrapper .title {text-align: center; color: #000; font-size: 36px; font-weight: 700; margin-bottom: .7em;}
.feedback-wrapper .desc {text-align: center; font-size: 16px; }
.feedback-wrapper .inputs-wrapper {
    margin: 50px auto 20px;
    width: 80%;
    display: flex; flex-wrap: wrap;
    border-radius: 5px;background: #FFF;box-shadow: 0px 14px 44px 0px rgba(0, 0, 0, 0.05); padding: 15px;
    column-gap: 1.33%;
}
.feedback-wrapper .inputs-wrapper .input-wrapper {width: 24%; position: relative;}
.feedback-wrapper .inputs-wrapper .input-wrapper input {display: block; width: 100%; padding: 15px 15px 15px 25px;border-radius: 5px; border: 1px solid #D1D1D1; background: #FFF; transition: all .3s ease-in-out;}
.feedback-wrapper .inputs-wrapper .input-wrapper input:focus {border-color: var(--main-blue-light);}
.feedback-wrapper .submit-btn {width: 24%; text-align: center;}

.feedback-wrapper.men {padding: 80px 0 90px; position: relative;}
.feedback-wrapper.men .title {text-align: left;font-size: 26px;font-weight: 700;}
.feedback-wrapper.men .form-wrapper {width: 690px; margin-left: 200px;}
.feedback-wrapper.men .desc {font-size: 14px; text-align: left;}
.feedback-wrapper.men .inputs-wrapper {padding: 0; column-gap: 2%; background: transparent; box-shadow:none; margin-bottom: 0; width: 100%;}
.feedback-wrapper.men .inputs-wrapper .input-wrapper {width: 49%; margin-bottom: 2%;}
.feedback-wrapper.men .submit-btn {width: 49%; margin-bottom: 2%;}
.feedback-wrapper.men .agree-wrapper {justify-content: flex-start;}
.feedback-wrapper.men .men-wrapper {position: absolute; right: 250px; bottom: 0; height: 110%;}
.feedback-wrapper.men .men-wrapper img {display: block; height: 100%; object-fit: contain; object-position: bottom;}


.agree-wrapper {display: flex; justify-content: center; align-items: center;}
.agree-wrapper input.agree-checkbox {display: none;}
.agree-wrapper label {display: block; margin-right: 10px; cursor: pointer; position: relative; width: 16px; height: 16px; border-radius: 2px; border: 1px solid #333437; background-color: transparent;}
.agree-wrapper label::before {content: ''; display: block; width: 6px; height: 6px; background-color: transparent; position: absolute; top: 4px; left: 4px; transition: all .3s ease-in-out; border-radius: 1px;}
.agree-wrapper label.wrong {border-color: var(--main-second);}
.agree-wrapper input.agree-checkbox:checked + label::before {background-color: #494949;}
.agree-desc {color: #333;font-size: 14px;font-weight: 300; transition: color .3s ease-in-out;}
.agree-desc a {transition: color .3s ease-in-out;}
.agree-desc a:Hover {text-decoration: underline;}
.agree-desc.wrong {color: var(--main-second);}
.agree-desc.wrong a {color: var(--main-second);}

.feedback-wrapper .loading {position: absolute; z-index: -1; opacity: 0; top: 0;left: 0;bottom: 0;right: 0;width: 100%; height: 100%;background-color: rgba(255, 255, 255, .01); transition: opacity .3s ease-in-out;}
.feedback-wrapper .loading.show {opacity: 1; z-index: 2;}

.loading-form {position: absolute; top: 0;bottom: 0;left: 0;right: 0; z-index: -1;}
.loading-form.show {z-index: 6;}

.breadcrumbs-nav {display: flex; justify-content: space-between; align-items: center; padding: 23px 0;}
.breadcrumbs-nav .back-to-main a {display: flex; align-items: center;}
.breadcrumbs-nav .back-to-main a:hover {color: var(--main-second);}
.breadcrumbs-nav .back-to-main a svg {display: inline-block; margin-right: 8px;}
.breadcrumbs-nav .back-to-main a svg path {transition: all .3s ease-in-out;}
.breadcrumbs-nav .back-to-main a:hover svg path {stroke: var(--main-second)}
.breadcrumbs {display: flex; align-items: center;}
.breadcrumbs a {color: #273B4A;}
.breadcrumbs a:hover {color: var(--main-second);}
.breadcrumbs .separator {display: inline-block; padding: 0 7px; position: relative; top: 2px;}
.breadcrumbs .current {color: rgba(49, 67, 81, 0.50);}

.banner-wrapper {position: relative;z-index: 1; padding: 0 150px; text-align: center; height: 340px; display: flex; justify-content: center; align-items: center;}
.banner-wrapper .banner-img {position: absolute; top: 0;bottom: 0;right: 0;left: 0;width: 100%; height: 100%;}
.banner-wrapper .banner-img::before {content: ''; position: absolute;top: 0;bottom: 0;right: 0;left: 0;width: 100%; height: 100%;background: linear-gradient(180deg, rgba(0, 41, 83, 0.00) 0%, rgba(5, 35, 64, 0.63) 62.94%, #19242F 100%, #001C38 100%);}
.banner-wrapper .banner-img img {display: block;width: 100%; height: 100%; object-fit: cover;}
.banner-wrapper .banner-title {font-size: 40px;font-weight: 600; color: #fff; position: relative; z-index: 1;}
.about-block {margin: 50px 0 100px; padding: 50px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; display: flex; flex-wrap: wrap;}
.about-block .icon-wrapper {width: 100px;}
.about-block .desc-wrapper {width: calc(100% - 100px); padding-left: 40px;}
.about-block .desc-wrapper h4 {color: #393939; font-size: 24px; font-weight: 600; margin-bottom: .5em;}
.about-block .desc-wrapper .desc {color: #4F4F4F;font-size: 15px; margin-bottom: 40px;}

.narrow-section {margin: 100px 0;}
.squre-links-wrapper {display: flex; flex-wrap: wrap; column-gap: 2%;}
.squre-links-wrapper a {display: flex; position: relative; padding: 30px; flex-direction: column; justify-content: end; width: 49%; margin-bottom: 2%; min-height: 265px; border-radius: 8px; background-color: var(--main-blue)}
.squre-links-wrapper a:hover {background-color: var(--main-blue-dark);}
.squre-links-wrapper a .arrow-wrapper {position: absolute; top: 20px;right: 20px;}
.squre-links-wrapper a h3 {color:#FFF; font-size: 20px;font-weight: 600; margin-bottom: .5em; transition: color .3s ease-in-out;}
.squre-links-wrapper a .desc {color:#fff; line-height: 1.4;}
.squre-links-wrapper a h3:hover {color: var(--main-second);}
.squre-links-wrapper a h3 + .arrow-wrapper svg path {transition: all .3s ease-in-out;}
.squre-links-wrapper a h3:hover + .arrow-wrapper svg path {fill:var(--main-second);}



/* Popups */
#overlay {position: fixed; z-index: -1; top: 0;bottom: 0;right: 0;left: 0; width: 100%; height: 100%; background-color: #333; opacity: 0; transition: opacity .3s ease-in-out;}
#overlay.show {z-index: 10; opacity: .3; transition: opacity .3s ease-in-out;}
.popup {
    left: 50%;
    width: 650px;
    border-radius: 0px;
    padding: 50px;
    height: auto;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff; height: auto;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.9);
    position: relative;
    z-index: -1;
}

.popup {position: fixed; z-index: 1000; 
    top: -100%;
    transition: top .3s ease-in-out;
    visibility: hidden;
}
.popup.show {visibility: visible; top:50%; z-index: 11;}
.popup .close-btn {position: absolute; top:21px; right:21px; display: inline-block; cursor: pointer; height: 25px; width: 25px; 
    background-image: url(/alterweb/images/icons/close-popup.svg); background-position: center; 
    background-repeat: no-repeat; border:1px solid transparent; transition: opacity .3s; border-radius: 50%; opacity: .6;
}
.popup .title {text-align: center; margin-bottom: .7em; color: #000;font-size: 24px; font-weight: 600;}
.popup .desc {text-align: center; margin-bottom: 30px;}
.popup .btn {text-align: center;}
.popup .submit-wrapper {text-align: center;}

.popup .inputs-wrapper {display: flex; flex-wrap: wrap; column-gap: 2%;}
.popup .inputs-wrapper .input-wrapper {width: 100%; margin-bottom: 2%;}
.popup .inputs-wrapper .input-wrapper.name,
.popup .inputs-wrapper .input-wrapper.phone {width: 49%;}
.popup .inputs-wrapper .input-wrapper input {display: block; width: 100%;border-radius: 5px;border: 1px solid #D1D1D1; background: #F9F9F9; transition: all .3s ease-in-out;
    padding: 15px 30px;
}
.popup .inputs-wrapper .input-wrapper textarea {display: block; width: 100%;height: 80px;border-radius: 5px; border: 1px solid #D1D1D1; background: #F9F9F9; transition: all .3s ease-in-out;
    padding: 15px 30px; resize: none;
}
.popup .inputs-wrapper .input-wrapper input:focus,
.popup .inputs-wrapper .input-wrapper textarea:focus {border-color: var(--main-blue);}
.popup .submit-agree-wrapper {display: flex;}
.popup .agree-wrapper {margin-left: 20px;}
.popup .agree-wrapper .agree-desc {width: calc(100% - 26px);}

.about-block .desc-wrapper .desc ul li {list-style: disc; margin-left: 14px; margin-bottom: 10px;}
.top-desc {margin: 65px 0;}

h4 {color:#111;font-size: 24px; font-weight: 600; margin-bottom: 1em; line-height: 1.4;}

.gray-img-block {display: flex; flex-wrap: wrap; padding: 50px; background-color:#F5F5F5; column-gap: 4%;}
.gray-img-block .txt-block {width: 48%; }
.gray-img-block .txt-block .desc {margin-bottom: 30px;}
.gray-img-block .img-block {width: 48%;}
.gray-img-block .img-block img {width: 100%; object-fit: contain;}
.pluses-block {margin: 65px 0}
.pluses-block p.desc {color: #000; font-size: 16px;line-height: 160%; letter-spacing: 0.68px}
.orange-disc {margin: 20px 0;}
.orange-disc li {display: flex; width: calc(100% - 20px); margin-bottom: 10px;}
.orange-disc li::before {content:''; position: relative; top: 8px; display: block; width: 5px; height: 5px; margin-right: 15px; border-radius: 50%; background-color: var(--main-second);}
.orange-disc li span {width: calc(100% - 20px);}
.consultation-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 40px 0 15px; border-bottom: 1px solid #E6E6E6;}
.consultation-wrapper .title {color:#111;font-size: 28px; font-weight: 500;}
.consultation-wrapper .inputs-wrapper {display: flex;}
.consultation-wrapper .inputs-wrapper .input-wrapper {width: 335px; margin-right: 15px;}
.consultation-wrapper .inputs-wrapper .input-wrapper input {display: block; width: 100%;border-radius: 5px;border: 1px solid #D1D1D1; background: #F9F9F9; transition: all .3s ease-in-out;
    padding: 15px 30px;
}
.consultation-wrapper .inputs-wrapper .input-wrapper input:focus {border-color: var(--main-blue-light);}
.consultation-wrapper .inputs-wrapper .submit {width: 250px; padding: 15px; text-align: center;}
.consultation-wrapper .form-wrapper {position: relative; z-index: 1;}

.gray-text-block {padding: 75px 50px; background-color: #F5F5F5; margin: 80px 0 120px; background-image: url(/alterweb/images/icons/wave-2.svg); background-repeat: no-repeat; background-position: right top; background-size: cover;}
.gray-text-block h3 {width: 50%; color:#000;font-size: 30px;font-weight: 600; line-height: 142%; letter-spacing: 0.6px; margin-bottom: .5em;margin-top: 1em;}
.gray-text-block h3:first-of-type {margin-top: 0;}
.gray-text-block .columns-text {column-count: 2; column-gap: 50px;}
.gray-text-block ul {list-style: circle;margin-left: 20px;}
.gray-text-block ul li {margin-bottom:3px}
.advantages {}
.advantages h3 {color: #000; font-weight: 600;line-height: 142%;letter-spacing: 0.6px; width: 50%; margin-bottom: 1em;}
.advantages-elements {display: flex; flex-wrap: wrap; margin: 60px 0 150px;}
.advantages-elements .single-element {width: 33.3%; display: flex; flex-direction: column; margin-bottom: 27px;}
.advantages-elements .advantage-title span{display: inline-block; color: #FFF;font-weight: 700;line-height: 1.12; text-transform: uppercase; padding: 6px 16px; background-color:var(--main-blue);}
.advantages-elements .inner-block {color: #000; font-size: 18px; padding: 25px 14% 40px 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 100%;}

.advantages-elements .single-element:nth-child(5) {width: 66.6%;}
.advantages-elements .single-element:nth-child(2) .inner-block {border-left: 1px solid #000; border-right:1px solid #000;}
.advantages-elements .single-element:nth-child(5) .inner-block {border-left: 1px solid #000;}
.blue-img-block {padding: 50px 60px; background-color: var(--main-blue); color: #fff; margin: 100px 0; display: flex; flex-direction: column;}
h2 {font-size: 30px; margin-bottom: .7em; font-weight: 600;letter-spacing: 0.6px;} 
h3 {font-size: 28px; margin-bottom: .7em; font-weight: 600;letter-spacing: 0.6px;} 
.blue-img-block h3 {margin-bottom: 0; border-bottom: 1px solid #4379B1; padding-bottom: 10px;}
.blue-img-block .elements-wrapper {display: flex; flex-wrap: wrap; margin: 48px 0; column-gap: 3.5%;}
.blue-img-block .elements-wrapper .single-element{width: 31%;}
.blue-img-block .elements-wrapper .single-element .title {font-size: 18px;font-weight: 600; margin-bottom: 10px;}
.blue-img-block .elements-wrapper .single-element .desc {font-size: 14px;line-height: 1.45;}
.blue-img-block .img-wrapper {}
.blue-img-block .img-wrapper img {width: 100%; object-fit: contain;}
.title-bottom-line-wrapper {position: relative; display: flex;}
.title-bottom-line-wrapper h3 {position: relative; z-index: 1; background-color: #fff; padding-right: 20px;}
.title-bottom-line-wrapper .bottom-line {border-bottom: 1px solid #111; width: 100%; position: absolute; z-index: 0; left: 0; right: 0; top: 30px; }

.other-services {display: flex; justify-content: space-between; margin: 40px 0; column-gap: 2%;}
.other-services .right-block,
.other-services .left-block,
.other-services .middle-block {width: 32%;}
.other-services .middle-block .desc {margin-bottom: 14px;}
.other-services .middle-block .desc.bold {margin-bottom: 14px; font-size: 18px;font-weight: 500;}
a.arrow-link {display: flex; align-items: center; margin-bottom: 15px;}
a.arrow-link:hover {color: var(--main-second);}
a.arrow-link svg {display: block;margin-right: 10px;}
a.arrow-link svg path {transition: all .3s ease-in-out;}
a.arrow-link:hover svg path {fill: var(--main-second);}

.services-banner {position: relative;z-index: 1; padding: 0 150px; height: 410px; display: flex;align-items: center;}
.services-banner .banner-img {position: absolute; top: 0; bottom: 0; right: 0;left: 0; width: 100%;height: 100%;}
.services-banner .banner-img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.services-banner .banner-img::before {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(268deg, rgba(0, 33, 66, 0.00) 0%, rgba(17, 35, 53, 0.70) 62.30%, #19242F 100%, #001A33 100%);
}
.services-banner .banner-inner {position: relative;}
.services-banner .banner-inner .title {color: #FFF; font-size: 28px;font-weight: 700;line-height: 145.023%;letter-spacing: 0.28px;text-transform: uppercase; margin-bottom: 35px;}
.services-banner .banner-inner .title .banner-desc {font-size: 18px;line-height: 1.4;}

.rd-main-wrapper {display: flex; flex-wrap: wrap; margin: 70px 0;}
.rd-main-wrapper .left-block {width: calc(100% - 420px); padding-right: 140px; }
.rd-main-wrapper .right-block {width: 420px;}
.rd-main-wrapper h4 {color: #000; font-weight: 600; margin-bottom: 1em;}
.rd-main-wrapper .gray-block {padding: 50px; background-color: #F5F5F5; border-radius: 8px; margin: 65px 0;}
.awards-slider-wrapper {margin: 60px 0; position: relative;}
.awards-slider-wrapper .slide {height: 350px; margin: 0 8px;}
.awards-slider-wrapper .slide a {display: block; width: 100%; height: 100%; padding: 15px; background-color: #E7F1F9;}
.awards-slider-wrapper .slide a img{display: block; width: 100%; height: 100%; object-fit: contain;}
.awards-slider-wrapper .arrows-wrapper {width: calc(100% + 26px); height: 0; position: absolute; top: calc(50% - 26px); display: flex; justify-content: space-between; left: -13px;}
.awards-slider-wrapper .arrows-wrapper .slider-arrow {width: 40px; height: 40px; transition: all .3s ease-in-out; cursor:pointer; border-radius: 50%; border: 1px solid #BDBDBD; background-color: #fff; display: flex; align-items: center;}
.awards-slider-wrapper .arrows-wrapper .slider-arrow:hover {background-color: var(--main-second); opacity: 1;}
.awards-slider-wrapper .arrows-wrapper .slider-arrow svg path {transition: all .3s ease-in-out;}
.awards-slider-wrapper .arrows-wrapper .slider-arrow:hover svg path {fill: #fff;}

.rd-main-wrapper .right-block .rd-menu {padding: 35px; border-radius: 8px; background-color: var(--main-blue); color: #fff; margin-bottom: 40px;}
.rd-main-wrapper .rd-menu .title {color: #FFF;font-size: 18px;font-weight: 700; line-height: 110%; text-transform: uppercase; margin-bottom: 25px;}
.rd-main-wrapper .rd-menu .links-wrapper a {display: flex; align-items: center; padding: 15px 0; border-bottom: 1px dashed #6D98C4;}
.rd-main-wrapper .rd-menu .links-wrapper a svg {width: 13px; height:13px; object-fit:contain; margin-right: 13px;}
.rd-main-wrapper .rd-menu .links-wrapper a svg path {}
.rd-main-wrapper .rd-menu .links-wrapper a:hover svg path {fill:var(--main-second);}
.rd-main-wrapper .rd-menu .links-wrapper a span {width: calc(100% - 26px);  font-size: 15px;font-weight: 500;color: #fff;}
.rd-main-wrapper .rd-menu .links-wrapper a:hover span {color:var(--main-second);}
.rd-main-wrapper .rd-banner a {display: block; width: 100%;border-radius: 8px;}
.rd-main-wrapper .rd-banner img {width: 100%; object-fit: contain; border-radius: 8px;}
.simple-block {margin: 50px 0;}

.white-top-block {text-align: center; padding: 60px 0;}
.white-top-block h1 {font-size: 40px;font-weight: 500;}
.white-top-block .desc {color: #585858;text-align: center;font-size: 15px; margin-top: 35px; padding: 0 20%;}

.category-wrapper {display: flex; flex-wrap: wrap; margin-bottom: 35px;}
.category-wrapper .title {color:#323232;font-size: 18px;font-weight: 700; width: 115px;}
.category-wrapper .category-links {width: calc(100% - 115px);}
.category-wrapper .category-links a {display: inline-block; color:#909090;font-size: 12px; font-weight: 500; padding: 6px 16px; 
    border-radius: 5px; border: 1px solid #D9D9D9; transition: all .3s ease-in-out; margin-right: 16px; margin-bottom: 10px;
}
.category-wrapper .category-links a.current,
.category-wrapper .category-links a:hover {background-color: var(--main-second); border-color: var(--main-second); color:#fff;}
.category-wrapper .category-links a.current{cursor:context-menu;}
.blog-posts-wrapper {display: flex; flex-wrap: wrap; column-gap: 2%; margin-bottom: 50px;}
.blog-posts-wrapper .post {border-radius: 10px; border: 1px solid #BACEDC; transition: all .3s ease-in-out; position: relative; overflow: hidden; width: 32%; margin-bottom: 2%;}
.blog-posts-wrapper .post:hover {border-color: var(--main-blue-light);}
.blog-posts-wrapper .post .cat-label {position: absolute; display: inline-block; top: 10px; left: 10px; background-color: var(--main-blue);
    color:#fff; padding: 10px 50px; border-radius: 4px;font-size: 12px;font-weight: 500; z-index: 1;
}
.blog-posts-wrapper .post .cat-label:hover {background-color: var(--main-second);}
.blog-posts-wrapper .post .thumb {height: 280px;}
.blog-posts-wrapper .post .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.blog-posts-wrapper .post .title-link-wrapper {padding: 40px;}
.blog-posts-wrapper .post h5 a {color: #1C1A1A; font-size: 18px;font-weight: 600;}
.blog-posts-wrapper .post h5 a:hover {color: var(--main-second);}
.blog-posts-wrapper .post h5 {overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.6em;
}
.blog-posts-wrapper .post .date-moree-wrapper {display: flex; justify-content: space-between; margin-top: 45px; flex-wrap: wrap; font-size: 14px; color: #86898D;}
.blog-posts-wrapper .post .date-moree-wrapper a {color: #86898D;}
.blog-posts-wrapper .post .date-moree-wrapper a:hover {color: var(--main-second);}

.search-doc-wrapper {}
.search-doc-wrapper .input-btn-wrapper {display: flex; flex-wrap: wrap; position: relative;}
.search-doc-wrapper .input-btn-wrapper .error {position: absolute; top: -15px; opacity: 0; font-size: 12px; transition: all .3s ease-in-out;}
.search-doc-wrapper .input-btn-wrapper .search-input {display: block; width: 100%;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
    background: #F4F5F6;
    transition: all .3s ease-in-out; padding: 25px 80px 25px 25px;
}
.search-doc-wrapper .input-btn-wrapper .search-input:focus {border-color: var(--main-blue); background-color: #E7ECF1;}
.search-doc-wrapper .input-btn-wrapper .search-btn {position: absolute; cursor: pointer;
    width: 60px; height: 60px; background-color: var(--main-second); display: flex; align-items: center; justify-content: center;
    top: 4px; right: 4px; transition: all .3s ease-in-out; border-radius: 5px;
}
.search-doc-wrapper .input-btn-wrapper .search-btn:hover {background-color: var(--main-blue);}

.docs-wrapper {margin: 30px 0;}
.docs-wrapper .single-doc{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:40px 0 25px; border-bottom: 1px solid #D0D9DE;}
.docs-wrapper .single-doc .doc-info {width: calc(100% - 250px);}
.docs-wrapper .single-doc .doc-info .doc-link {margin-bottom: 9px; }
.docs-wrapper .single-doc .doc-info a {font-size: 20px;font-weight: 500;}
.docs-wrapper .single-doc .doc-info a:hover {color: var(--main-second);}
.docs-wrapper .single-doc .doc-info .doc-feedback {display: flex; flex-wrap: wrap; color: #999;}
.docs-wrapper .doc-feedback .size {margin-right: 23px;}
.docs-wrapper .doc-feedback .doc-btn {margin-right: 23px; display: flex; align-items: center; cursor: pointer;}
.docs-wrapper .doc-feedback .doc-btn span {display: inline-block; margin-left: 7px; transition: color .3s ease-in-out;}
.docs-wrapper .doc-feedback .doc-btn:hover span {color: var(--main-second);}
.docs-wrapper .doc-feedback .doc-btn svg path {transition: all .3s ease-in-out;}
.docs-wrapper .doc-feedback .doc-btn:hover svg path {fill:var(--main-second)}
.docs-wrapper .doc-download {width: 240px;}
.docs-wrapper .download-doc-btn {display: flex; width: 100%; text-align: center; align-items: center; padding: 15px 15px; border-radius: 4px;border: 1px solid var(--main-blue);
    background-color: #FFF; justify-content: center;
}
.docs-wrapper .download-doc-btn:hover {background-color: var(--main-blue);}
.docs-wrapper .download-doc-btn span {display: inline-block; padding-right: 13px; color: var(--main-blue);transition: all .3s ease-in-out; font-size: 15px; font-weight: 500;}
.docs-wrapper .download-doc-btn:hover span {color: #fff;}
.docs-wrapper .download-doc-btn svg path {transition: all .3s ease-in-out;}
.docs-wrapper .download-doc-btn:hover svg path {fill: #fff;}
.narrow-wrapper {width: 83%; margin: 0 auto;}
.empty {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 300px; text-align: center; color: #686868;}
.empty img {display: block;margin-bottom: 25px;}
.empty .title {font-size: 18px; text-transform: uppercase;}
.empty .desc { font-weight: 300;font-size: 18px;margin-top: 10px;}
.docs-empty-wrapper {margin-bottom: 100px;}

.pagination-wrapper {display: flex; justify-content: center; margin-top: 50px;}
.pagination-wrapper .pagination {margin-bottom: 100px;}
.pagination-wrapper .pagination ul {display: flex;}
.pagination-wrapper .pagination ul li {margin: 0 7px;}
.pagination-wrapper .pagination ul li a {display: inline-block; padding: 5px 10px; border: 1px solid var(--gray-1); transition: all .3s ease-in-out;}
.pagination-wrapper .pagination ul li a:hover,
.pagination-wrapper .pagination ul li a.current{color: #fff; background-color: var(--main-second); border-color: var(--main-second);}
.pagination-wrapper .pagination ul li a.current {cursor: context-menu;}
.post-top-banner {background-color: var(--main-blue); background-image: url(/alterweb/images/icons/post-bg.svg); background-position: right; background-size: cover; background-repeat: no-repeat;}
.post-top-banner .breadcrumbs-nav {}
.post-top-banner .breadcrumbs-nav .back-to-main a {color: #fff;}
.post-top-banner .breadcrumbs-nav .back-to-main a:hover {color: var(--main-second);}
.post-top-banner .breadcrumbs-nav .back-to-main a svg path {stroke:#fff;}
.post-top-banner .breadcrumbs-nav .back-to-main a:hover svg path {stroke:var(--main-second);}
.post-top-banner .breadcrumbs-nav .breadcrumbs a {color: #fff;}
.post-top-banner .breadcrumbs-nav .breadcrumbs a:hover {color: var(--main-second);}
.post-top-banner .breadcrumbs .current {color: #D2D2D2;}
.post-top-banner .tite-desc-wrapper {text-align: center; padding: 100px 10%; color:#fff;}
.post-top-banner .tite-desc-wrapper h1 {font-size: 36px;font-weight: 500;line-height: 116%; margin-bottom: 0.7em;}
.post-top-banner .tite-desc-wrapper .desc {width: 70%; margin: 0 auto;}
.post-top-banner .date {font-size: 15px; margin: 0 auto; text-align: center; color: #D2D2D2; padding-bottom: 25px;}
.post-wrapper {display: flex; margin: 50px 0;}
.post-wrapper .left-side {width: 300px; }
.post-wrapper .left-side .inner-wrapper {overflow: hidden; position: relative;}
.post-wrapper .left-side .inner-wrapper .post-menu {padding: 30px; border-radius: 5px; background-color: #F5F5F6; width: fit-content; 
    width: 300px;
}
.sticky {position: fixed;top: 0;width: 100%;}


.post-wrapper .left-side .title {color: #393939;font-size: 18px;font-weight: 600; margin-bottom: 13px;}
.post-wrapper .left-side .links-wrapper {}
.post-wrapper .left-side .links-wrapper .link-wrapper {margin-bottom: 8px;}
.post-wrapper .left-side .links-wrapper .link-wrapper a {color:#4F4F4F;font-size: 15px;}
.post-wrapper .left-side .links-wrapper .link-wrapper a:hover {color: var(--main-blue);}

.post-wrapper .right-side {width: calc(100% - 300px); padding-left: 50px;}
.post-wrapper .right-side h3 {color: #393939; font-size: 26px; font-weight: 600; margin-bottom: 16px;}
.post-wrapper .right-side h4,
.post-wrapper .right-side h5,.post-wrapper .right-side h6 {color: #393939; font-size: 18px; font-weight: 600; margin: 16px 0 5px;}
.post-wrapper .right-side .img-wrapper {margin: 50px 0 40px; display: flex; flex-wrap: wrap; column-gap: 2%; }
.post-wrapper .right-side .img-wrapper img {display: block; width: 49%;height: 360px; margin-bottom: 2%; object-fit: cover; border-radius: 8px;}
.post-wrapper .right-side img {display: block; width: auto; height: auto; margin-bottom: 10px; border-radius: 8px;}
.post-wrapper .right-side ul {margin: 35px 0;}
.post-wrapper .right-side li {display: flex; margin-bottom: 15px;}
.post-wrapper .right-side li::before {content:'•'; margin-right: 10px; color: var(--main-blue);}
.post-wrapper .right-side .post-nav {display: flex; justify-content: space-between; align-items: center; margin-top: 80px; padding-bottom: 40px; border-bottom: 1px solid #DCDCDC;}
.post-wrapper .right-side .post-nav .cat-link {padding: 8px 16px; border-radius: 5px; border: 1px solid #808080; color: #909090; transition: all .3s ease-in-out;}
.post-wrapper .right-side .post-nav .cat-link:hover {border-color: var(--main-blue); background-color: var(--main-blue); color: #fff;}
.post-wrapper .right-side .post-nav .next-post {display: flex; align-items: center; color: var(--main-blue);}
.post-wrapper .right-side .post-nav .next-post:hover { color: var(--main-second);}
.post-wrapper .right-side .post-nav .next-post svg {margin-left: 10px;}
.post-wrapper .right-side .post-nav .next-post svg path {transition: all .3s ease-in-out;}
.post-wrapper .right-side .post-nav .next-post:hover svg path {fill:var(--main-second)}

.see-other-posts {margin: 60px 0;}
.see-other-posts .title {color: #000;font-size: 20px;font-weight: 500; margin-bottom: 40px; }
.other-posts-slider {margin: 0 -8px;}
.see-other-posts .post {border-radius: 10px; border: 1px solid #BACEDC; margin: 0 8px; transition: all .3s ease-in-out; position: relative; overflow: hidden;}
.see-other-posts .post:hover {border-color: var(--main-blue-light);}
.see-other-posts .post .cat-label {position: absolute; display: inline-block; top: 10px; left: 10px; background-color: var(--main-blue);
    color:#fff; padding: 10px 50px; border-radius: 4px;font-size: 12px;font-weight: 500; z-index: 1;
}
.see-other-posts .post .cat-label:hover {background-color: var(--main-second);}
.see-other-posts .post .thumb {height: 280px;}
.see-other-posts .post .thumb img {display: block; width: 100%; height: 100%; object-fit: cover; margin-bottom: 0; border-radius: 0;}
.see-other-posts .post .title-link-wrapper {padding: 30px;}
.see-other-posts .post h5 {margin-top: 0;}
.see-other-posts .post h5 a {color: #1C1A1A; font-size: 18px;font-weight: 600;}
.see-other-posts .post h5 a:hover {color: var(--main-second);}
.see-other-posts .post h5 {overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.6em;
}
.see-other-posts .post .date-moree-wrapper {display: flex; justify-content: space-between; margin-top: 15px; flex-wrap: wrap; font-size: 14px; color: #86898D;}
.see-other-posts .post .date-moree-wrapper a {color: #86898D;}



.see-other-posts .post .date-moree-wrapper a:hover {color: var(--main-second);}
.see-other-posts .arrows-wrapper {width: calc(100% + 44px); height: 0; position: absolute; top: calc(50% - 26px); display: flex; justify-content: space-between; left: -20px;}
.see-other-posts .arrows-wrapper .slider-arrow {width: 40px; height: 40px; transition: all .3s ease-in-out; cursor:pointer; border-radius: 50%; border: 1px solid #BDBDBD; background-color: #fff; display: flex; align-items: center;}
.see-other-posts .arrows-wrapper .slider-arrow:hover {background-color: var(--main-second); opacity: 1;}
.see-other-posts .arrows-wrapper .slider-arrow svg path {transition: all .3s ease-in-out;}
.see-other-posts .arrows-wrapper .slider-arrow:hover svg path {fill: #fff;}
.slider-arrows-wrapper {position: relative;}
.slider-arrows-wrapper .slick-track {margin-left:0; margin-right: 0;}

.portfolio-slider .p-slide {width: 960px; margin-right: 235px; opacity: .3; transition: all .3s ease-in-out;
    
}
.p-slide.slick-active {opacity: 1;}
.p-slide h5 {color:#151516; font-size: 25px; font-weight: 600; margin-bottom: 1.2em;}
.p-slide .gallery-wrapper {display: flex; flex-wrap: wrap; column-gap: 1.25%; margin:40px 0 60px;}
.p-slide .gallery-wrapper .slide {width: 19%; margin-bottom: 1.25%; height: 180px;border: 1px solid #F5F5F6; border-radius: 16px; overflow: hidden;}

.p-slide .gallery-wrapper .slide a {display: block; width: 100%; height: 100%;}
.p-slide .gallery-wrapper .slide a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.get-prise-block {display: flex; justify-content: space-between; align-items: center; padding-top: 25px; border-top: 1px solid #B0BFC6;}
.get-prise-block .desc {font-size: 18px;font-weight: 500;}

.p-slide .gallery-wrapper .slide.padding a img {object-fit: contain; padding: 16px; background-color: #F5F5F6;}
.p-slide .gallery-wrapper .slide.video a::after {
    width: 60px; height: 60px;
    z-index: auto; opacity: .5; background-image: url(/alterweb/images/icons/video.svg);
}
.p-slide .gallery-wrapper .slide.video a:hover::after {opacity: 1;}
.portfolio-slider-wrapper {position: relative; margin: 60px 0}
.portfolio-slider-wrapper .arrows-wrapper {
    position: absolute; top: 100px; left: 1055px;
}
.portfolio-slider-wrapper .arrows-wrapper .slider-arrow {width: 60px; height: 60px; border-radius: 50%; cursor: pointer; 
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #000; background-color: #fff; transition: all .3s ease-in-out; opacity: .6;
}
.portfolio-slider-wrapper .arrows-wrapper .slider-arrow:hover {opacity: 1; background-color: #515151;}
.portfolio-slider-wrapper .arrows-wrapper .slider-arrow svg path {transition: all .3s ease-in-out;}
.portfolio-slider-wrapper .arrows-wrapper .slider-arrow:hover svg path {stroke:#fff;}
.portfolio-slider-wrapper .arrows-wrapper .slider-arrow.prev {margin-bottom: 20px;}


.location-mode-wrapper {}
.location-mode-wrapper .top-block{margin-bottom: 40px; border-bottom: 1px dashed #828282;}
.adress-map-wrapper {display: flex; margin-bottom: 150px; column-gap: 2%;}
.single-contact {display: flex; align-items: center; margin-bottom: 30px;transition: all .3s ease-in-out;}
.single-contact svg {margin-right: 10px; width: 18px; height: 18px;}
.single-contact .txt-wrapper {display: flex; flex-direction: column;}
.single-contact .txt-wrapper .add-info {color: #828282; font-size: 12px;}
.single-contact.msg {display: inline-flex; margin-right: 10px;}
.single-contact:hover {color:var(--main-second)}
.adress-map-wrapper .white-top-block {padding-bottom: 30px; border-bottom: 1px dashed #D0D9DE;}
.adress-map-wrapper .bottom-block {display: flex; flex-wrap: wrap;}
.adress-map-wrapper a small {color:#828282; transition: color .3s ease-in-out;}
.adress-map-wrapper a:hover small {color:var(--main-second); transition: color .3s ease-in-out;}

.adress-map-wrapper .address {width: 48%;}
.adress-map-wrapper .map {width: 50%;}
.adress-map-wrapper .bottom-block .left-block,
.adress-map-wrapper .bottom-block .right-block {width: 50%;}

.about-main-block {display: flex; }
.about-main-block .img-wrapper {width: 58%;}
.about-main-block .img-wrapper img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-main-block .desc-wrapper {width: 42%; position: relative; background-color: var(--main-blue); padding: 75px 65px; color: #fff; line-height: 1.4;}

.main-video {position: absolute; bottom: 35px; left: -40px; color: #fff;}
.main-video .arrow-wraper {width: 80px; height: 80px;}
.main-video a {display: flex; align-items: center;}
.main-video .arrow-wraper {background-color: #fff; border-radius: 50%;object-fit: contain; display: flex; justify-content: center; align-items: center;}
.main-video a .arrow-wraper svg {display: block; width: 20px;  height: 20px; transition: all .3s ease-in-out}
.main-video a svg path {transition: all .3s ease-in-out;}
.main-video a:hover svg path {fill: var(--main-second)}
.main-video a span {color:#FFF;font-size: 13px;line-height: 142.5%;text-transform: uppercase; margin-left: 15px; transition: all .3s ease-in-out;}
.main-video a:hover span {color:var(--main-second)}

.about-desc {display: flex; flex-wrap: wrap;}
.about-desc .left-block {width: 65%; padding-right: 110px;}
.about-desc .right-block {width: 35%;}
.about-desc .main-desc {color:#1F1F21;font-size: 18px;line-height: 28px; margin-bottom: 15px;}
.about-desc .right-block .title {color:#111; font-size: 15px; font-weight: 600; margin-bottom: 10px;}
.about-desc .right-block .element {display: flex; margin-bottom: 40px;}
.about-desc .right-block .element:last-of-type {margin-bottom: 0px;}
.about-desc .right-block .element .txt {width: calc(100% - 80px); padding-left: 30px;}
.about-desc .right-block .element .desc {color: #4F4F4F;font-size: 14px;font-weight: 300;line-height: 140%;}
.gray-bg {background-color: #F5F5F6; padding: 90px 0;}

.info-slider-wrapper {display: flex; flex-wrap: wrap;}
.info-slider-wrapper .info-wrapper {width: 34%; padding-right: 80px;}
.info-slider-wrapper .info-wrapper .title {color: #000; font-size: 20px;font-weight: 600;line-height: 1.2; margin-bottom: 13px;}
.info-slider-wrapper .slider-block-wrapper {width: 66%; position: relative;}



.info-slider-wrapper .post {border-radius: 10px; border: 1px solid #BACEDC; margin: 0 8px; transition: all .3s ease-in-out; position: relative; overflow: hidden;}
.info-slider-wrapper .post:hover {border-color: var(--main-blue-light);}
.info-slider-wrapper .post .cat-label {position: absolute; display: inline-block; top: 10px; left: 10px; background-color: var(--main-blue);
    color:#fff; padding: 10px 50px; border-radius: 4px;font-size: 12px;font-weight: 500; z-index: 1;
}
.info-slider-wrapper .post .cat-label:hover {background-color: var(--main-second);}
.info-slider-wrapper .post .thumb {height: 230px;}
.info-slider-wrapper .post .thumb img {display: block; width: 100%; height: 100%; object-fit: cover; margin-bottom: 0; border-radius: 0;}
.info-slider-wrapper .post .title-link-wrapper {padding: 30px;}
.info-slider-wrapper .post h5 {margin-top: 0;}
.info-slider-wrapper .post h5 a {color: #1C1A1A; font-size: 18px;font-weight: 600;}
.info-slider-wrapper .post h5 a:hover {color: var(--main-second);}
.info-slider-wrapper .post h5 {overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.6em;
}
.info-slider-wrapper .post .date-moree-wrapper {display: flex; justify-content: space-between; margin-top: 15px; flex-wrap: wrap; font-size: 14px; color: #86898D;}
.info-slider-wrapper .post .date-moree-wrapper a {color: #86898D;}
.info-slider-wrapper .post .date-moree-wrapper a:hover {color:var(--main-second);}
.info-slider-wrapper .arrows-wrapper {width: calc(100% + 24px); height: 0; position: absolute; top: calc(50% - 26px); display: flex; justify-content: space-between; left: -12px;}
.info-slider-wrapper .arrows-wrapper .slider-arrow {width: 40px; height: 40px; transition: all .3s ease-in-out; cursor:pointer; border-radius: 50%; border: 1px solid #BDBDBD; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.info-slider-wrapper .arrows-wrapper .slider-arrow:hover {background-color: var(--main-second); opacity: 1;}
.info-slider-wrapper .arrows-wrapper .slider-arrow svg path {transition: all .3s ease-in-out;}
.info-slider-wrapper .arrows-wrapper .slider-arrow:hover svg path {stroke: #fff;}
.info-slider-wrapper .arrows-wrapper .slider-arrow.prev svg {position: relative; left: -2px;} 
.info-slider-wrapper .arrows-wrapper .slider-arrow.next svg {position: relative; right: -1px;} 

.faq-wrapper {display: flex; flex-wrap: wrap; column-gap: 4%; margin-bottom: 150px;}
.faq-wrapper .single-faq {width: 48%; border-bottom: 1px solid #D0D9DE;}
.faq-wrapper .single-faq .title-wrapper {padding: 30px 0; }
.faq-wrapper .single-faq h5 {font-size: 16px; position: relative; color:#000; padding-right: 40px; font-weight: 700; cursor: pointer; transition: all .3s ease-in-out;}
.faq-wrapper .single-faq h5::before {content:'';
position: absolute; width: 10px; height: 3px; background-color: #90A4AF; right: 20px; top: 8px;}
.faq-wrapper .single-faq h5::after {content:''; transition: all .3s ease-in-out;
position: absolute; width: 10px; height: 3px; background-color: #90A4AF; right: 20px; top: 8px;}
.faq-wrapper .single-faq h5.active::after {transform: rotate(90deg);}
.faq-wrapper .single-faq h5:hover {color: var(--main-second);}
.faq-wrapper .single-faq .ask-wrapper {max-height: 0; overflow: hidden; transition: all .3s ease-in-out;}
.faq-wrapper .single-faq .ask-wrapper.show{max-height: 2000px;transition: all .3s ease-in-out;}
.faq-wrapper .single-faq .ask-wrapper .inner-wrapper {font-size: 14px; font-weight: 300; line-height: 1.6;}
.faq-wrapper .single-faq .ask-wrapper .get-expert {display: inline-block; color: var(--main-second); cursor: pointer; margin-bottom: 30px;}

#search-popup #search{display: block;width: 100%;border-radius: 5px; border: 1px solid #D1D1D1;background: #F4F5F6; transition: all .3s ease-in-out;padding: 15px 80px 15px 15px;}
#search-popup #search:focus {border-color: var(--main-blue);}
#search-popup .input-btn-wrapper {display: flex;flex-wrap: wrap;position: relative;}
#search-popup .input-btn-wrapper .error{position: absolute; top: -20px; font-size: 12px;}

#search-popup .input-btn-wrapper .submit { position: absolute;
    cursor: pointer; width: 60px; height: 40px; background-color: var(--main-second);
    display: flex; align-items: center;justify-content: center;
    top: 4px;
    right: 4px;
    transition: all .3s ease-in-out;
    border-radius: 5px;
}
#search-popup .input-btn-wrapper .submit:hover {background-color: var(--main-blue);}
#search-page-form .input-btn-wrapper {display: flex;flex-wrap: wrap; position: relative;}
#search-page-form .input-btn-wrapper .error {position: absolute;top: -15px;opacity: 0;font-size: 12px;transition: all .3s ease-in-out;}

#search-page-form .input-btn-wrapper .search-input {display: block;width: 100%;border-radius: 5px; border: 1px solid #D1D1D1; background: #F4F5F6; transition: all .3s ease-in-out;padding: 25px 80px 25px 62px;
    background-image: url(/alterweb/images/icons/lupa-input.svg); background-repeat: no-repeat; background-position: 25px 22px;
}

#search-page-form .input-btn-wrapper .search-input:focus {border-color: var(--main-blue);}
#search-page-form .input-btn-wrapper .submit {position: absolute;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-color: var(--main-second);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    right: 4px;
    transition: all .3s ease-in-out;
    border-radius: 5px;
}
#search-page-form .input-btn-wrapper .submit:hover {background-color: var(--main-blue);}
.search-categories-wrapper {display: flex;justify-content: center; margin: 25px auto 43px; flex-wrap: wrap;}
.search-categories-wrapper .single-category {display: inline-block; padding: 20px 32px; transition: all .3s ease-in-out;
    border-radius: 5px;
    border: 2px solid #23262f1a; margin: 0 7px 7px 7px;
}
.search-categories-wrapper .single-category.current,
.search-categories-wrapper .single-category:hover {background-color: var(--main-blue); color:#fff; border-color: var(--main-blue);}
.search-categories-wrapper .single-category.current {cursor: context-menu;}
.search-results-wrapper {margin-bottom: 50px;}
.search-results-wrapper .single-result {padding-bottom: 25px; border-bottom: 1px solid #D0D9DE; margin-bottom: 35px;}
.search-results-wrapper .single-result .label {margin-bottom: 15px;}
.search-results-wrapper .single-result .label span,
.search-results-wrapper .single-result .label a{display: inline-block; font-size: 12px;font-weight: 500; padding: 12px 32px; background-color: #E7F1F9; border-radius: 5px; transition: all .3s ease-in-out;}
.search-results-wrapper .single-result .label a:hover {background-color: var(--main-second); color: #fff;}
.search-results-wrapper .single-result a.title {color: #000;font-size: 17px;font-weight: 500;}
.search-results-wrapper .single-result a.title:hover {color: var(--main-second);}
.search-results-wrapper .single-result .desc {margin-top: 10px; color: #585858;}

.no-records {margin: 100px 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.no-records .desc{margin:25px 0 45px;color: #000; font-size: 20px;font-weight: 500; text-align: center;}
.page-not-found {margin: 100px 0; text-align: center;}
.page-not-found .title {font-size: 70px;font-weight: 700; color: var(--main-blue); margin-bottom: 30px;}
.page-not-found .desc {color: #565656;font-size: 24px; margin-bottom: 80px;}
#up-btn {position: fixed; 
    cursor: pointer;
    pointer-events: auto;
    opacity: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-color: var(--main-blue);
    background-image: url("/alterweb/images/icons/v-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    bottom:25px;
    right: 25px;
    z-index: 5;

}
#up-btn.show {opacity: .7;}
#up-btn.show:hover {opacity: 1;}

/*----- Media----*/
@media screen and (max-width:1680px){
    body {font-size: 14px;}
    .content {width: 1500px;}
    .header-menu-wrapper > ul > li > a {font-size: 15px;}
    .header-menu-wrapper > ul > li.has-children > a > img {width: 10px;}
    #header .main-line .main-line-wrapper .logo-tagline-wrapper {padding: 20px 0;}
    .top-main-menu .top-row a:nth-child(2) {padding-bottom: 30px;}
    .top-main-menu .top-row a {height: 320px;}
    .top-main-menu .bottom-row a {height: auto;} 
    .top-main-menu a .title, .top-main-menu .top-row a:nth-child(2) .title{font-size: 18px;}
    .top-main-menu .top-row a:nth-child(2) .desc {font-size: inherit;}
    .top-main-menu .top-row a:nth-child(2) .title,
    .top-main-menu .top-row a:nth-child(2) .desc {width: 100%;}
    .desc-numbers-wrapper .desc-wrapper {width: 50%; padding-right: 20px;}
    .desc-numbers-wrapper .numbers-wrapper {column-gap: 2.66%;}
    .desc-numbers-wrapper .numbers-wrapper .single-number {width: 23%;}
    .progress-slider .slide {height: 400px;}
    .progress-slider-wrapper .arrows-wrapper {top: 200px;}
    .feedback-wrapper .inputs-wrapper {margin-top: 30px;}
    .squre-links-wrapper a {min-height: 200px;}
    .feedback-wrapper.men .form-wrapper {margin-left: 100px;}
    .feedback-wrapper.men .men-wrapper {right: 100px;}
    .pluses-block {margin: 40px 0}
    .gray-text-block {margin: 50px 0;}
    .advantages-elements .inner-block {font-size: inherit; padding: 25px;}
    .blue-img-block {margin: 50px 0;}
    .blue-img-block .elements-wrapper {margin: 30px 0 40px;}
    .other-services .middle-block .desc.bold {font-size: 17px;}
    .other-services .left-block {width: 26%;}
    .other-services .right-block,
    .other-services .middle-block {width: 35%;}
    .rd-main-wrapper .left-block {padding-right: 40px;}
    .awards-slider-wrapper .slide {height: 300px;}
    .rd-main-wrapper .gray-block {margin: 40px 0; padding: 40px;}
    .blog-posts-wrapper .post h5 a {font-size: 17px; font-weight: 500;}
    .blog-posts-wrapper .post .title-link-wrapper {padding: 20px;}
    .blog-posts-wrapper .post .date-moree-wrapper{margin-top: 20px;}
    .post-wrapper .right-side {padding-left: 40px;}
    .see-other-posts .post h5 a {font-size: 17px;font-weight: 500;}
    .see-other-posts .post .title-link-wrapper {padding: 20px;}
    .info-slider-wrapper .info-wrapper {padding-right: 40px;}
    .info-slider-wrapper .post .title-link-wrapper {padding: 20px;}
    .info-slider-wrapper .post h5 a {font-size: inherit;}
    .info-slider-wrapper .post .cat-label {padding: 10px 20px;}
}
@media screen and (max-width:1536px){
    .content {width: 1400px;}
    .top-main-menu a .arrow-wrapper {width: 20px; height: 20px;}
    .top-main-menu a .arrow-wrapper svg {width: 100%; height: 100%; object-fit: contain;}
    .desc-numbers-wrapper .numbers-wrapper {column-gap: 1.33%;}
    .desc-numbers-wrapper .numbers-wrapper .single-number {width: 24%; padding: 15px 10px;}
    .banner-main {padding-left: 40%;}
    .feedback-wrapper .inputs-wrapper {width: 100%;}
    .gray-text-block h3 {width: 100%;}
    .advantages h3 {width: 100%;}
    .advantages-elements {margin: 20px 0;}
}


@media screen and (max-width:1440px){
    .content {width: 1300px;}
    #header .main-line .main-line-wrapper .logo-tagline-wrapper .logo-wrapper {width: 150px;}
    #header .main-line .main-line-wrapper .logo-tagline-wrapper .tagline-wrapper {font-size: 12px;}
    #header .top-line .top-line-wrapper .callback-wrapper .mode span,
    #header .top-line .top-line-wrapper .address-wrapper a span {font-size: 10px;}
    .desc-numbers-wrapper .numbers-wrapper .single-number .desc {font-size: 13px;}
    .breadcrumbs-nav {font-size: 12px;}
    .white-top-block {padding: 40px 0;}
    .search-doc-wrapper .input-btn-wrapper .search-input {padding: 20px 120px 20px 25px;}
    #search-page-form .input-btn-wrapper .search-input {padding: 20px 120px 20px 62px;}
    .search-doc-wrapper .input-btn-wrapper .search-btn {width: 100px; height: 50px;}
    #search-page-form .input-btn-wrapper .submit {width: 100px;height: 50px;}
    .docs-wrapper .single-doc{padding: 30px 0 15px;}
    .docs-wrapper .doc-feedback .size,
    .docs-wrapper .doc-feedback .doc-btn span {font-size: 12px;}
    .docs-wrapper .doc-feedback .doc-btn,
    .docs-wrapper .doc-feedback .size {margin-right: 13px;}
    .docs-wrapper .doc-feedback .doc-btn span {margin-left: 4px; margin-right: 13px;}
    .docs-wrapper .single-doc .doc-info a {font-size: 18px;}
    .docs-wrapper .download-doc-btn span {font-size: 14px;}
    .docs-wrapper .download-doc-btn {padding: 12px;}
    .docs-wrapper .doc-download {width: 200px;}
    .docs-wrapper .single-doc .doc-info {width: calc(100% - 210px);}
    .post-top-banner .tite-desc-wrapper .desc {width: 90%;}
    .post-wrapper .right-side .img-wrapper img {height: 300px;}
    .portfolio-slider .p-slide {margin-right: 0;}
    .portfolio-slider-wrapper .arrows-wrapper {position: relative; top: auto; margin-top: 50px; left: auto; display: flex; justify-content: center;}
    .portfolio-slider-wrapper .arrows-wrapper .slider-arrow.prev {margin-bottom: 0;}
    .portfolio-slider-wrapper .arrows-wrapper .slider-arrow {margin: 0 10px;}
    .search-categories-wrapper .single-category{padding: 10px 25px;}
    .search-results-wrapper .single-result .label span,
    .search-results-wrapper .single-result .label a {padding: 10px 25px;}
    #search-page-form .input-btn-wrapper .search-input {background-position: 20px 19px;}
}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
    .content {width: 1200px;}
    #footer .middle-line .contacts-wrapper .single-column,
    #footer .middle-line .menu-wrapper .single-column {margin-right: 30px;}
    .header-menu-wrapper > ul > li > a {font-size: 14px;}
    body {font-size: 14px;}
    .simple-section {margin: 100px 0;}
    .about-wrapper .single-block .title {font-size: 30px;}
    .about-wrapper .single-block {padding-right: 40px;}
    .about-wrapper .single-block .desc{margin-bottom: 20px;}
    .partners-wrapper h3 {font-size: 30px;}
    .consultation-wrapper .inputs-wrapper .input-wrapper {width: 280px;}
    .consultation-wrapper .title {font-size: 24px;}
    .consultation-wrapper {padding-top: 15px;}
    .gray-text-block {padding: 50px;}
    .breadcrumbs-nav {font-size: 11px;}
    .narrow-wrapper {width: 100%;}
    .see-other-posts .post .thumb,
    .blog-posts-wrapper .post .thumb {height: 240px;}
    .see-other-posts .cat-label,
    .blog-posts-wrapper .post .cat-label {padding: 10px 30px;}
    .blog-posts-wrapper .post h5 a {font-size: 16px;}
    .post-top-banner .tite-desc-wrapper {padding: 100px 0;}
}

@media screen and (max-width:1280px){
    .content {width: 100%; padding: 0 40px;}
    #footer .middle-line .menu-contacts-wrapper {flex-wrap: wrap;}
    #footer .middle-line .menu-wrapper {width: 100%; margin-bottom: 40px;}
    #footer .middle-line .contacts-wrapper {width: 100%;}
    .header-menu-wrapper > ul > li {margin: 0 10px;}
    .desc-numbers-wrapper {flex-wrap: wrap;}
    .desc-numbers-wrapper .desc-wrapper {width: 100%; padding-right: 0;}
    .desc-numbers-wrapper .numbers-wrapper {margin-top: 30px; width: 100%; justify-content: center;}
    .desc-numbers-wrapper .numbers-wrapper .single-number {width: 22%;}
    .desc-numbers-wrapper .desc-wrapper .title {font-size: 22px; margin-bottom: 1rem;}
    .about-wrapper .single-block .title {font-size: 24px;}
    .about-wrapper .single-block .desc {font-size: inherit;}
    .banner-main {padding: 100px 250px;}
    .banner-main .title {font-size: 30px;}
    .feedback-wrapper.men .form-wrapper {margin-left: 0;}
    .feedback-wrapper.men .men-wrapper {right: 10px;}
    .gray-img-block .txt-block {width: 100%;}
    .gray-img-block .img-block {width: 100%; margin-bottom: 20px;}
    .gray-img-block {flex-direction: column-reverse;}
    .banner-wrapper {padding: 0 50px;}
    .services-banner {padding: 50px; height: auto;}
    .services-banner .banner-inner .title br {display: none;}
    .gray-img-block {padding: 40px;}
    .consultation-wrapper .inputs-wrapper .input-wrapper {width: 250px;}
    .consultation-wrapper .inputs-wrapper .submit {width: 200px;}
    .consultation-wrapper .title {font-size: 22px;}
    .gray-text-block {padding: 40px;}
    .blue-img-block {padding: 40px;}
    .other-services {flex-wrap: wrap; margin: 40px 0;}
    .other-services .left-block {width: 100%; margin-bottom: 25px;}
    .other-services .left-block img {display: block; margin: 0 auto;}
    .other-services .middle-block {width: 100%;text-align: center;}
    .other-services .right-block {width: auto; position: relative; left: 50%;transform: translateX(-50%); margin-top: 10px;}
    .breadcrumbs-nav .back-to-main {display: none;}
    .rd-main-wrapper {margin: 50px 0;}
    .white-top-block .desc {padding: 0 10%;}
    .about-desc .left-block {width: 100%; padding-right: 0;}
    .about-desc .right-block {width: 100%; margin-top: 100px;}
    .faq-wrapper .single-faq .title-wrapper {padding: 20px 0;}
    .faq-wrapper .single-faq .ask-wrapper .inner-wrapper {font-size: 12px;}
}

@media screen and (max-width:1152px){
    .header-menu-wrapper > ul > li > a {font-size: 13px;}
    .feedback-wrapper.men .men-wrapper {height: 95%; display: flex; justify-content: end;}
    .blue-img-block .elements-wrapper .single-element {width: 100%; margin-bottom: 20px;}
    .blue-img-block .elements-wrapper {margin-bottom:25px;}
    .blue-img-block .img-wrapper {order:1; margin-bottom: 25px;}
    .blue-img-block h3 {order: 2;}
    .blue-img-block .elements-wrapper {order: 3; margin-bottom: 0; margin-top: 20px;}
    .rd-main-wrapper .left-block {width: 100%; padding-right: 0;}
    .awards-slider-wrapper {margin: 40px 0;}
    .rd-main-wrapper .right-block {width: 100%;}
    .rd-banner {display: none;}
    .category-wrapper .title {width: 100%; margin-bottom: 15px;}
    .category-wrapper .category-links a {margin-right: 10px;margin-bottom: 8px;}
    .adress-map-wrapper {display: block;}
    .adress-map-wrapper .address {width: 100%; margin-bottom: 30px;}
    .adress-map-wrapper .map {width: 100%;}
    .single-contact {margin-bottom: 15px;}
    .location-mode-wrapper .top-block {margin-bottom: 20px;}
    .main-video {bottom: 10px;}
    .about-main-block .desc-wrapper {padding: 40px;}
    .info-slider-wrapper .info-wrapper {width: 100%; margin-bottom: 40px;}
    .info-slider-wrapper .slider-block-wrapper {width: 100%;}
}
@media screen and (max-width:1080px){
    .header-menu-wrapper {display: none;}
    #header .main-line .main-line-wrapper {justify-content: center;}
    #header .mobile-menu-wrapper {display: block; border-bottom: 1px solid #C4C4C4;}
    #header .top-line .top-line-wrapper .callback-wrapper .call-wrapper {display: none;}
    .top-main-menu .top-row {flex-direction: column-reverse; column-gap: 0; margin-bottom: 0px;}
    .top-main-menu .top-row a {width: 100%;}
    .top-main-menu .top-row a:nth-child(1),
    .top-main-menu .top-row a:nth-child(2) {width: 100%; height: auto; min-height: 320px;margin-bottom: 20px;}
    .top-main-menu .bottom-row {column-gap: 0; flex-wrap: wrap;}
    .top-main-menu .bottom-row a {width: 100%; height: auto; padding-top: 70px; margin-bottom: 20px;}
    .desc-numbers-wrapper .numbers-wrapper {column-gap: 4%;}
    .desc-numbers-wrapper .desc-wrapper .desc {font-size: inherit;}
    .progress-slider .slide {height: 340px;}
    .progress-slider-wrapper .arrows-wrapper {top: 170px;}
    .banner-main {padding: 100px;}
    .mobile-menu {display: block; height: auto; max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; position: absolute; width: 100%; background-color: #fff; z-index: 9;}
    /* #header .mobile-menu.show {height:auto; min-height: calc(100vh - 81px);} */
    .mobile-menu.show {max-height: 2000px; height: calc(100vh - 122px); transition: all .3s ease-in-out;}
    .breadcrumbs-nav {padding: 15px 0;}
    .breadcrumbs {font-size: 11px; flex-wrap: wrap;}
    .feedback-wrapper.men .form-wrapper {width: 600px;}
    .consultation-wrapper .inputs-wrapper .input-wrapper {width: 210px;}
    .consultation-wrapper .title {font-size: 18px;}
    .search-doc-wrapper .input-btn-wrapper .search-input {padding: 15px 120px 15px 25px;}
    .search-doc-wrapper .input-btn-wrapper .search-btn {height: 41px;}
    .post-top-banner .tite-desc-wrapper {padding: 80px 0;}
    .post-top-banner .tite-desc-wrapper h1 {font-size: 32px;}
    .post-wrapper .left-side {display: none;}
    .post-wrapper .right-side {width: 100%; padding-left: 0;}
    .p-slide .gallery-wrapper .slide {width: 24%;}
    .about-main-block {display: block;}
    .about-main-block .img-wrapper {width: 100%;}
    .about-main-block .desc-wrapper {width: 100%;}
    .main-video {position: relative; left: auto; bottom: auto; margin-top: 25px;}
    .main-video .arrow-wraper {width: 40px; height: 40px;}
    .main-video a .arrow-wraper svg {width: 10px;height: 10px;}
    .faq-wrapper .single-faq {width: 100%;}
    .page-not-found .title {font-size: 36px;}
    .page-not-found .desc {margin-bottom: 40px; font-size: 18px;}
}   

@media screen and (max-width:980px){
    #footer .footer-wrapper .top-line .logo-wrapper {width: 100%; margin-bottom: 40px;}
    #footer .footer-wrapper .top-line .adress-wrapper {width: 100%; text-align: left;}
    #footer .bottom-line {flex-wrap: wrap;}
    #footer .bottom-line .desc {width: 100%; margin-bottom: 20px;}hidden
    .feedback-wrapper .inputs-wrapper .input-wrapper,
    .feedback-wrapper .submit-btn {width: 49%;}
    .feedback-wrapper .inputs-wrapper .input-wrapper.name,
    .feedback-wrapper .inputs-wrapper .input-wrapper.phone {margin-bottom: 2%;}
    .about-wrapper .single-block .title {font-size: 22px;} 
    .about-wrapper .single-block .desc {margin-bottom: 10px;}
    .about-wrapper .single-block a svg {width: 12px; height: 12px;}
    .feedback-wrapper.men .men-wrapper {height: 60%;}
    .consultation-wrapper {flex-wrap: wrap;}
    .consultation-wrapper .title {width: 100%; margin-bottom: 10px;}
    .consultation-wrapper .inputs-wrapper {flex-wrap: wrap; column-gap: 2%;}
    .consultation-wrapper .inputs-wrapper .submit,
    .consultation-wrapper .inputs-wrapper .input-wrapper {width: 32%; margin-right: 0;}
    .consultation-wrapper .form-wrapper {width: 100%;}
    .gray-text-block .columns-text {column-count: 1;column-gap: 0px;}
    .gray-text-block {background-size: cover;}
    .advantages-elements {display: block;}
    .advantages-elements .single-element:nth-child(5),
    .advantages-elements .single-element {width: 100%;}
    .advantages-elements .inner-block {border: 1px solid #000;}
    .white-top-block .desc {padding: 0;}
    .blog-posts-wrapper .post {width: 49%;}
    .post-wrapper .right-side .img-wrapper {margin: 20px 0;}
    .post-wrapper .right-side .img-wrapper img {height: 30vw;}
    .feedback-wrapper .inputs-wrapper .input-wrapper.name, .feedback-wrapper .inputs-wrapper .input-wrapper.phone {width: 49%;}
    .feedback-wrapper .inputs-wrapper .input-wrapper.msg {width: 100%; margin-bottom: 2%;}
    .feedback-wrapper .submit-btn {transform: translateX(50%);}
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
    #footer .middle-line .menu-wrapper {flex-wrap: wrap;}
    #footer .middle-line .contacts-wrapper .single-column, #footer .middle-line .menu-wrapper .single-column {width: 50%; margin-right: 0; margin-bottom: 40px;}
    .feedback-wrapper.men .form-wrapper {width: 100%;}
    .feedback-wrapper.men .men-wrapper {position: relative;}
    .feedback-wrapper.men {margin-bottom: 0; padding-bottom: 0;}
    .feedback-wrapper.men .men-wrapper img {width: 400px; margin: 50px auto 0;}
    .p-slide .gallery-wrapper {column-gap: 2%;}
    .p-slide .gallery-wrapper .slide {width: 32%; margin-bottom: 2%;}
}

@media screen and (max-width:800px){
    .about-wrapper .single-block {width: 100%; padding-right: 0; margin-bottom: 30px;}
    .about-wrapper .single-block:last-of-type {margin-bottom: 0;}
    .about-wrapper .single-block .desc {margin-bottom: 15px;}
    .squre-links-wrapper a {width: 100%; min-height: auto; height: auto; padding-top: 50px; margin-bottom: 20px;}
    .about-block .desc-wrapper {width: 100%; padding-left: 0; margin-top: 20px;}
    .banner-wrapper {height: auto; padding: 100px;}
    .banner-wrapper .banner-title {font-size: 24px;}
    .services-banner .banner-inner .title {font-size: 24px;}
	.services-banner .banner-inner .title .banner-desc {font-size: 16px;margin-top:10px;}
    .narrow-section {margin: 40px 0;}
    .about-block {margin-bottom: 0;}
    .squre-links-wrapper a .arrow-wrapper {width: 16px; height: 16px;}
    .squre-links-wrapper a .arrow-wrapper svg {width: 100%; object-fit: contain;}
    .squre-links-wrapper a h3 {font-size: 18px;}
    .top-desc {margin: 30px 0;}
    h4 {font-size: 22px; margin-bottom: 8px;}
    .feedback-wrapper .title {font-size: 26px;}
    .gray-text-block h3 {font-size: 22px;}
    h2 {font-size: 24px;}
    h3 {font-size: 22px;}
    .advantages-elements .single-element {margin-bottom: 20px;}
    .simple-block {margin: 40px 0;}
    .docs-wrapper .doc-download {width: auto;}
    .docs-wrapper .download-doc-btn {padding: 12px 20px;}
    .docs-wrapper .single-doc .doc-info { width: calc(100% - 170px);}
    .white-top-block h1 {font-size: 24px;}
    .white-top-block .desc{margin-top: 20px;}
    .see-other-posts .post .thumb,
    .blog-posts-wrapper .post .thumb {height: 30vw;}
    .portfolio-slider .p-slide h5 {font-size: 16px; font-weight: 500;}
    .faq-wrapper .single-faq h5 {font-weight: 500;}
}

@media screen and (max-width:720px){
    #header .top-line .top-line-wrapper .callback-wrapper .call-wrapper {margin-right: 0;}
    #header .top-line .top-line-wrapper .callback-wrapper .mode span, #header .top-line .top-line-wrapper .address-wrapper a span {font-size: 9px;}
    #header .top-line {font-size: 10px;}
    .desc-numbers-wrapper .numbers-wrapper .single-number {width: 48%; margin-bottom: 4%;}
    .banner-main {padding: 70px 50px;}
    .popup {width: 90%;}
    .agree-desc {width: calc(100% - 26px);}
    .consultation-wrapper .inputs-wrapper .submit,
    .consultation-wrapper .inputs-wrapper .input-wrapper {width: 100%; margin-bottom: 10px;}
    .consultation-wrapper .title {text-align: center; margin-top: 15px;}
    .docs-wrapper .single-doc {display: block;}
    .docs-wrapper .single-doc .doc-info {width: 100%; margin-bottom: 20px;}
    .docs-wrapper .doc-download {width: 200px;}
    .feedback-wrapper .submit-btn {transform: none; width: 100%;} 
    .portfolio-slider .get-prise-block .desc {display: none;}
    .portfolio-slider .get-prise-block {justify-content: center;}
    .portfolio-slider-wrapper {margin-bottom: 50px;}
    .adress-map-wrapper .bottom-block .left-block, .adress-map-wrapper .bottom-block .right-block {width: 100%;}
    .adress-map-wrapper .map iframe {height: 70vw;}
    .adress-map-wrapper {margin-bottom: 100px;}
    .search-categories-wrapper .single-category {font-size: 12px;}
}   


@media screen and (max-width:640px){
    #footer .middle-line .contacts-wrapper .single-column, #footer .middle-line .menu-wrapper .single-column {width: 100%;}
    #footer .middle-line .menu-contacts-wrapper {display: block;}
    #footer .middle-line .menu-wrapper {display: block;}
    #footer .bottom-line .aw-block .desc-aw {display: none;}
    #footer .bottom-line .aw-block {margin: 10px auto 0;}
    #footer .middle-line .contacts-wrapper {display: block;}
    #footer .middle-line .contacts-wrapper .single-column, #footer .middle-line .menu-wrapper .single-column {margin-bottom: 30px;}
    #footer .middle-line {padding-bottom: 0;}
    .blue-img-block .img-wrapper {height: 30vw;}
    .blue-img-block .img-wrapper img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .popup .inputs-wrapper .input-wrapper.name, .popup .inputs-wrapper .input-wrapper.phone {width: 100%;}
    .popup .submit-agree-wrapper {display: block;}
    .popup .agree-wrapper {margin-left: 0; margin-top: 13px;}
    .popup .btn {padding: 15px; width: 100%; text-align: center;}
    .popup .agree-desc {font-size: 10px;}
    .blog-posts-wrapper {column-gap: 0;}
    .blog-posts-wrapper .post {width: 100%; margin-bottom: 20px;}
    .see-other-posts .post .thumb,
    .blog-posts-wrapper .post .thumb {height: 40vw;}
    .post-wrapper .right-side .img-wrapper {display: block; height: auto;}
    .post-wrapper .right-side .img-wrapper img {width: 100%; height: 50vw;}
    .feedback-wrapper .inputs-wrapper .input-wrapper.name, .feedback-wrapper .inputs-wrapper .input-wrapper.phone {width: 100%; margin-bottom: 10px;}
    .p-slide .gallery-wrapper .slide {width: 49%;}
    .portfolio-slider-wrapper {margin-top: 40px;}
    .info-slider-wrapper .post .thumb {height: 40vw;}
}

@media screen and (max-width:540px){
    .content {padding: 0 15px;}
    .top-main-menu .top-row a:nth-child(1), .top-main-menu .top-row a:nth-child(2) {padding: 15px; margin-bottom: 15px;}
    .top-main-menu .bottom-row a {margin-bottom: 15px; padding: 70px 15px 15px;}
    .progress-slider .slide {height: 50vw;}
    .progress-slider-wrapper .arrows-wrapper {top: calc(50vw/2);}
    .banner-main {padding: 70px 20px;}
    .partners-wrapper h3 {font-size: 26px;}
    .feedback-wrapper .inputs-wrapper .input-wrapper,
    .feedback-wrapper .submit-btn {width: 100%;}
    .feedback-wrapper .inputs-wrapper .input-wrapper {margin-bottom: 10px;}
    .mobile-menu .inner-wrapper {padding: 20px 15px;}
    .gray-img-block {padding: 15px;}
    .gray-text-block {padding: 15px; margin: 40px 0;}
    .simple-section {margin: 50px 0;}
    .feedback-wrapper {padding: 70px 0 40px;}
    .advantages-elements .inner-block {padding: 20px 0 0; border-left: none !important; border-right: none !important; border-bottom: none !important;}
    .blue-img-block {padding: 20px;}
    .blue-img-block .elements-wrapper {margin: 20px 0 25px;}
    .other-services {margin: 20px 0;}
    .services-banner .banner-inner .title {font-size: 20px;}
    .rd-main-wrapper .gray-block {padding: 20px;}
    .btn.mt {margin-top: 20px;}
    .rd-main-wrapper .rd-menu .links-wrapper a {padding-left: 10px 0;}
    .rd-main-wrapper .rd-menu .title {margin-bottom: 10px; font-size: inherit;}
    .rd-main-wrapper .rd-menu .links-wrapper a span {font-size: inherit; font-weight: 400;}
    .docs-empty-wrapper {margin-bottom: 50px;}
    .blog-posts-wrapper .post .title-link-wrapper {padding: 15px;}
    .p-slide .gallery-wrapper .slide {width: 100%; margin-bottom: 20px; height: 50vw;}
    .portfolio-slider-wrapper {margin-top: 10px;}
    .about-main-block .desc-wrapper {padding: 30px;}
	.services-banner .banner-inner .title .banner-desc {font-weight: 400;text-transform: none;font-size: 15px;}
	.services-banner .banner-inner .title .row-break {display:block;}
}
@media screen and (max-width:480px){
    #footer .footer-wrapper .logo-wrapper a {flex-wrap: wrap;}
    #footer .footer-wrapper .logo-wrapper a .img-wrapper {width: 100%;  margin: 0 auto 15px; text-align: center; max-width: 200px; width: 100%;}
    #footer .footer-wrapper .logo-wrapper a .img-wrapper img {display: block; width: 100%; object-fit: contain; }
    #footer .footer-wrapper .logo-wrapper a .txt-wrapper {width: 100%; padding-left: 0; margin-left: 0; border: none; text-align: center; font-size: 11px;}
    #footer .footer-wrapper .logo-wrapper a .txt-wrapper br {display:  none;}
    #footer .footer-wrapper .top-line .adress-wrapper {text-align: center;}
    #header .top-line {padding: 8px 0;}
    #header .top-line .top-line-wrapper .callback-wrapper .mode span, #header .top-line .top-line-wrapper .address-wrapper a span {font-size: 8px;}
    .partners-wrapper .arrows-wrapper {position: relative; display: flex; justify-content: center; margin-top: 15px;}

    .partners-wrapper .slide { margin: 0; }
    .partners-wrapper .slick-list {margin-left: 0px; margin-right: 0px;}
    .popup {padding: 30px; width: 95%;}
    .popup .title {font-size: 20px;}
    .feedback-wrapper .desc br {display: none;}
    .feedback-wrapper .title {font-size: 26px;}
    .feedback-wrapper {padding-top: 60px;}
    .feedback-wrapper.men .inputs-wrapper .input-wrapper,.feedback-wrapper.men .submit-btn {width: 100%; margin-bottom: 10px;} 
    .about-block .icon-wrapper {width: 40px;}
    .btn {display: inline-block; width: 100%; text-align: center; padding: 15px;}
    .about-block .desc-wrapper .desc {margin-bottom: 30px;}
    .feedback-wrapper.men {padding-top: 60px;}
    .feedback-wrapper.men .desc,
    .feedback-wrapper.men .title {text-align: center;}
    .feedback-wrapper.men .men-wrapper img {width: 80%;}
    .other-services .middle-block {text-align: left;}
    .other-services .right-block {left: 0; transform: none;}
    .rd-main-wrapper {margin: 30px 0;}
    .awards-slider-wrapper .slide {height: 60vw;}
    .awards-slider-wrapper .arrows-wrapper {left: 0;width: 100%;}
    .simple-block {margin: 20px 0;}
    .docs-wrapper .single-doc .doc-info .doc-feedback {display: block;}
    .docs-wrapper .doc-feedback .doc-btn {margin-top: 10px;}
    .post-top-banner .tite-desc-wrapper h1 {font-size: 24px;}
    .post-top-banner .tite-desc-wrapper {padding: 50px 0;}
    .post-top-banner .date {font-size: 12px;}
    .about-desc .right-block .element {display: block;}
    .about-desc .right-block {margin-top: 50px;}
    .about-desc .right-block .element .txt {width: 100%; padding-left: 0; margin-top: 15px;}
    .about-desc .right-block .element .icon {width: 60px; height: 60px;}
    .agree-desc {font-size: 12px;}
    
}
@media screen and (max-width:415px){
    #header .top-line {display: none;}
    .rd-main-wrapper .gray-block {padding: 25px;}
    .rd-main-wrapper .right-block .rd-menu {padding: 25px;}
    .popup {padding: 50px 20px 20px;}
    .blog-posts-wrapper .post .cat-label {font-size: 11px; padding: 10px 20px;}
    .category-wrapper .category-links a {font-size: 10px; padding: 6px 10px;}
    .pagination-wrapper .pagination ul li {margin: 0 4px;}
    .blog-posts-wrapper .post h5 a {font-size: 15px;}
    .search-categories-wrapper {justify-content: flex-start;}
}
@media screen and (max-width:360px){
    #header .main-line .main-line-wrapper .logo-tagline-wrapper .tagline-wrapper {font-size: 11px;}
    .desc-numbers-wrapper .numbers-wrapper {column-gap: 0;}
    .desc-numbers-wrapper .numbers-wrapper .single-number {width: 100%; margin-bottom: 15px;}
    .docs-wrapper .doc-download {width: auto;}
    .search-doc-wrapper .input-btn-wrapper .search-btn {width: 50px;}
    .search-doc-wrapper .input-btn-wrapper .search-input {padding-right: 60px;}
    #search-page-form .input-btn-wrapper .submit {width: 50px;}
}

@media screen and (max-width:320px){
    .mobile-menu .inner-wrapper .main-info {margin-top: 10px;padding-top: 20px;}
    .mobile-menu .inner-wrapper .main-info .line {margin-bottom: 20px;}
    .mobile-menu .inner-wrapper > ul > li a {font-size: 14px;}
    .mobile-menu .inner-wrapper .btns-wrapper {flex-wrap: wrap; column-gap: 0;}
    .mobile-menu .inner-wrapper .btns-wrapper .m-btn {width: 100%; margin-bottom: 20px;}
}
@media screen and (max-width:300px){


}
@media screen and (max-width:240px){

}