/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 767px){
    .spacer-xl,.spacer-lg,.spacer-md,.spacer-sm {height: 50px;}
    .spacer-header {height: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    blockquote {padding: 8px 40px;}
    .title-margin-big {margin-bottom: 40px;}
    .title-decor i {display: none;}
}
@media(max-width: 767px){
    .title-margin-big,.title-margin,.title-margin-2 {margin-bottom: 20px;}
    h1,.h1 {font-size: 40px;}
    h2,.h2 {font-size: 32px;}
    h3,.h3 {font-size: 26px;}
    h4,.h4 {font-size: 24px;}
    h5,.h5 {font-size: 22px;}
    h6,.h6 {font-size: 20px;}
    .h-small {font-size: 18px;}
    h1 br,.h1 br,h2 br,.h2 br,h3 br,.h3 br,h4 br,.h4 br, h5 br,.h5 br,h6 br,.h6 br {display: none;}
    .text-line-1,.text-line-2,.text-line-3,.text-line-4,.text-line-5,.text-line-6 {-webkit-line-clamp: inherit;}
    .text ul li, .text ol li {font-size: 16px;padding-left: 25px;}
    .text ol li {padding-left: 34px;}
    .text ul li:before {top: 8px;}
    .text ol li:before {top: 5px;font-size: 13px;}
    .text,.text p {font-size: 16px;}
    blockquote {font-size: 18px;} 
}
@media(max-width: 575px){
    blockquote {padding: 8px 20px;font-size: 17px;}
}
@media(max-width: 480px){
    h1,.h1 {font-size: 32px;}
    h2,.h2 {font-size: 26px;}
    h3,.h3 {font-size: 24px;}
    h4,.h4 {font-size: 22px;}
    h5,.h5 {font-size: 20px;}
    h6,.h6 {font-size: 18px;}
    .text ul li, .text ol li {font-size: 15px;}
    .text ol li {padding-left: 30px;}
    .text ul li:before {top: 6px;}
    .text ol li:before {top: 4px;font-size: 12px;}
    .text,.text p {font-size: 15px;}
    blockquote {padding: 5px;font-size: 16px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .banner.banner-full {height: auto;padding-bottom: 48%;}
    .banner-sec {width: 100%;}
    .banner-sec .banner-grad,.banner-news-block {display: none;}
    .banner .bg {display: none;}
    .banner .bg.mobile {display: block;}
    .home-banner .banner-cont {bottom: 15px;left: 15px;max-width: 80%;}
    .home-banner .banner-cont.style-2 {bottom: 20px;left: 30px;max-width: 50%;}
    .banner-cont {margin-left: 0;bottom: 20px;max-width: 70%;}
    .banner.simple-banner .banner-cont {padding-bottom: 30px;}
    .project-banner-block {padding: 20px 30px;}
    .thank-popup.popup-container {width: 48%;padding-bottom: 48%;}
}
@media(max-width: 991px){
    .project-banner-block {padding: 20px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
    .project-banner-top,.project-banner-bottom .svg-btn {display: none;}
    .projects-banner-mobile {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: 40px;}
    .projects-banner-mobile a {position: relative;display: block;width: 49%;text-align: center;padding: 18px 24px;background-color: #fff;border: 1px solid #fff;font-size: 14px;line-height: 1.2em;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--color-blue);margin-top: 10px;}   
    .projects-banner-mobile a:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
    .projects-banner-mobile a:nth-child(2n-1) {margin-right: 2%;}
    .projects-banner-mobile a:nth-child(1),.projects-banner-mobile a:nth-child(2) {margin-top: 0;}
    .projects-banner-mobile a:last-child {margin-right: 0;}
    .project-banner-bottom .projects-banner-info {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .thank-popup.popup-container {width: 51%;padding-bottom: 51%;}
    .thank-popup.popup-container .popup-align .text-center {max-width: 250px;}
    .thank-popup.popup-container .popup-align .text-center .media {font-size: 28px;}
    .thank-popup.popup-container .btn-close {top: 5px;right: 5px;}
}
@media(max-width: 767px){
    .banner.simple-banner .banner-cont {padding-bottom: 25px;}
    .home-banner .banner-cont.style-2 {left: 20px;bottom: 20px;}
    .project-banner-bottom .projects-banner-info-item {margin-top: 12px;width: 60%;margin-right: 0;}
    .project-banner-bottom .projects-banner-info-item:nth-child(2n) {width: 40%;}
    .project-banner-bottom .projects-banner-info-item:nth-child(1),.project-banner-bottom .projects-banner-info-item:nth-child(2) {margin-top: 0;}
    .projects-banner-mobile a {font-size: 13px;padding: 16px 20px;}
    .project-banner-bottom .projects-banner-info-item img {height: 20px;margin-right: 12px;}
    .thank-popup.popup-container {width: 61%;padding-bottom: 61%;}
    .thank-popup.popup-container .popup-align .text-center {max-width: 230px;}
    .thank-popup.popup-container .popup-align .text-center .media {font-size: 26px;}
    .thank-popup.popup-container .btn-close {top: 0;right: 0;}
}
@media(max-width: 575px){
    .banner.simple-banner {margin-top: 20px;}
    .banner.simple-banner .banner-cont {padding-bottom: 20px;}
    .project-banner-bottom .projects-banner-info-item,.project-banner-bottom .projects-banner-info-item:nth-child(2n) {width: 100%;}
    .project-banner-bottom .projects-banner-info-item:nth-child(2) {margin-top: 12px;}
    .projects-banner-mobile {margin-top: 30px;}
    .projects-banner-mobile a {font-size: 16px;font-weight: 500;padding: 0 20px;height: 50px;line-height: 50px;width: 100%;text-transform: capitalize;}
    .projects-banner-mobile a:nth-child(2n-1) {margin-right: 0;}
    .projects-banner-mobile a:nth-child(2) {margin-top: 10px;}
    .project-banner-bottom .projects-banner-info-item,.project-banner-bottom .projects-banner-info-item:nth-child(2) {margin-top: 10px;}
    .thank-popup-decor {display: none;}
    .banner-sec .banner-grad {height: 100%;}
    .thank-popup.popup-container {width: 340px;padding-bottom: 340px;}
    .thank-popup.popup-container .popup-align .text-center .media {font-size: 24px;}
    .thank-popup.popup-container .popup-align .text-center .text {font-size: 15px;}
}
@media(max-width: 480px){
    .banner-cont {bottom: 15px;}
    .banner-cont p {font-size: 15px;}
    .home-banner .banner-cont.style-2 {bottom: 15px;max-width: 60%;}
    .project-banner-bottom .projects-banner-info-item p {font-size: 15px;}
    .project-banner-bottom .projects-banner-info-item img {height: 18px;margin-right: 10px;}
    .projects-banner-mobile {margin-top: 20px;}
    .thank-popup.popup-container {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
    .thank-popup.popup-container .popup-align .text-center {right: -15px;}
}
@media(max-width: 400px){
    .home-banner .banner-cont {max-width: 85%;}
    .banner-cont {max-width: 82%;}
    .banner-cont p {font-size: 14px;margin-bottom: 6px;}
    .home-banner .banner-cont.style-2 {max-width: 75%;}
    .project-banner-block {padding: 15px;}
    .projects-banner-mobile a {font-size: 15px;}
    .project-banner-bottom .projects-banner-info-item p {font-size: 14px;}
    .project-banner-bottom .projects-banner-info-item img {height: 16px;margin-right: 8px;}
    .thank-popup.popup-container {width: 290px;padding-bottom: 290px;}
    .thank-popup.popup-container .popup-align .text-center {max-width: 200px;}
    .thank-popup.popup-container .popup-align .text-center .media {font-size: 22px;}
    .thank-popup.popup-container .popup-align .text-center .text {font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BREADCRUMBS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .breadcrumbs {top: 15px;left: 15px;}
}
@media(max-width: 767px){
    .breadcrumbs {top: 10px;left: 10px;}
    .breadcrumbs li a, .breadcrumbs li span {font-size: 11px;}
}
@media(max-width: 575px){
    .breadcrumbs {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TEXT BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .text-block-sec {padding: 50px 0;}
    .text-block-sec .media {margin-bottom: 20px;max-width: 70%;}
}
@media(max-width: 991px){
    .text-block-sec .media {max-width: 80%;}
}
@media(max-width: 767px){
    .text-block-sec {padding: 40px 0;}
}
@media(max-width: 575px){
    .text-block-sec .media {max-width: 90%;}
}
@media(max-width: 480px){
    .text-block-sec {padding: 30px 0;}
    .text-block-sec .media {max-width: 95%;}
}
@media(max-width: 400px){
    .text-block-sec .media {max-width: 100%;margin-bottom: 15px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .btn {height: 52px;}
    .svg-btn {width: 155px;min-width: 155px;height: 155px;}
}
@media(max-width: 767px){
    .btn {height: 50px;}
    .svg-btn {width: 150px;min-width: 150px;height: 150px;}
    .svg-btn b {left: 26px;font-size: 13px;}
    .btn b,.btn-back p {font-size: 16px;}
    .svg-btn span::after {width: 10px;height: 10px;}
    .btn-more {font-size: 14px;}
    .btn span::after,.btn-more span::after {width: 8px;height: 8px;right: 0;}
    .btn-close {width: 36px;height: 36px;top: -18px;right: -18px;}
    .btn-close span {width: 18px;height: 18px;}
}
@media(max-width: 575px){
    .btn,.btn.style-2 {width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 50px;background-image: var(--color-grad);}
    .btn.style-2 b {color: #fff;}
    .btn span,.btn.style-2 svg,.btn-more span,.svg-btn img,.svg-btn span {display: none;}
    .svg-btn {width: 100%;height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-clip: padding-box;padding: 0 30px;background-image: var(--color-grad);}
    .svg-btn b {position: relative;left: auto;top: auto;width: auto;font-size: 16px;font-weight: 500;text-transform: capitalize;color: #fff;}
    .svg-btn.white {background-image: none;background-color: #fff;}
    .svg-btn.white b {color: var(--color-blue);}
    .btn-more {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 50px;font-size: 16px;font-weight: 500;text-transform: capitalize;background-clip: padding-box;padding: 0 30px;color: #fff;background-image: var(--color-grad);}
    .btn::before,.btn-more::before {display: none;}
}
@media(max-width: 480px){
    .btn-close {width: 30px;height: 30px;top: -15px;right: -15px;}
    .btn-close span {width: 15px;height: 15px;}
}
@media(max-width: 400px){
    .btn b,.btn-back p,.svg-btn b,.btn-more {font-size: 15px;}
    .btn-back svg {margin-right: 12px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* COOKIES BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    .cookies-block {bottom: 20px;left: 20px;}
}
@media(max-width: 991px){
    .cookies-block {bottom: 10px;left: 10px;}
}
@media(max-width: 767px){
    .cookies-block.text {font-size: 14px;width: calc(100% - 20px);margin: 0 auto;}
}
@media(max-width: 575px){
    .cookies-block span {top: 5px;right: 5px;}
}
@media(max-width: 480px){
    .cookies-block.text {font-size: 13px;width: calc(100% - 10px);left: 5px;bottom: 5px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CALL BUTTON */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 991px){
    .btn-call {width: 62px;height: 62px;border-width: 6px;}
    .btn-call::before, .btn-call::after {top: -15px;right: -15px;bottom: -15px;left: -15px;}
    .btn-call span {width: 22px;height: 22px;}
    .btn-call ul li a {width: 50px;height: 50px;}
    .btn-call ul {bottom: 66px;}
    .btn-call .call-btn-img,.btn-call ul li a img {width: 22px;}
}
@media(max-width: 575px){
    .btn-call {width: 60px;height: 60px;}
    .site-ready .btn-call {bottom: 25px;}
    .btn-call ul li {margin-bottom: 12px;}
    .btn-call ul li a {width: 46px;height: 46px;}
}
@media(max-width: 480px){
    .btn-call {right: 20px;}
    .site-ready .btn-call {bottom: 20px;}
}
@media(max-width: 400px){
    .btn-call {width: 56px;height: 56px;border-width: 5px;}
    .btn-call::before, .btn-call::after {top: -10px;right: -10px;bottom: -10px;left: -10px;}
    .btn-call span {width: 20px;height: 20px;}
    .btn-call ul li a {width: 46px;height: 46px;}
    .btn-call ul {bottom: 62px;}
    .btn-call .call-btn-img,.btn-call ul li a img {width: 21px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 1199px){
    header {padding: 0 20px;}
    .header-logo {width: 120px;}
    .header-menu,.header-socials,.header-lan {display: none;}
    .header-search {padding: 14px 24px;margin-left: 40px;}
    .header-burger {display: inline-block;}
}
@media(max-width: 767px){
    header {height: 80px;}
    .header-margin {margin-bottom: 80px;}
    header.active-layer-close .layer-close {top: 80px;}
    .header-menu-mobile {padding: 20px;top: 80px;}
    .header-search {padding: 12px 20px;margin-left: 30px;}
    .header-burger {margin-left: 20px;width: 32px;height: 20px;}
    .header-burger.active::before {top: 9px;}
    .header-burger.active::after {bottom: 9px;}
    .header-search span {position: relative;top: 1px;font-size: 12px;}
    .header-phone {font-size: 13px;}
    .header-phone img {margin-right: 8px;}
    .header-menu-mobile .header-menu li a,.header-menu-mobile .header-lan a {font-size: 15px;}
    .header-logo {width: 110px;}
}
@media(max-width: 575px){
    header {height: 60px;padding: 0 10px;}
    .header-margin {margin-bottom: 60px;}
    header.active-layer-close .layer-close,.header-menu-mobile {top: 60px;}
    .header-logo {width: 100px;}
    .header-phone {font-size: 0;}
    .header-phone img {margin-right: 0;}
    .header-search {padding: 9px 10px;margin-left: 20px;}
    .header-search svg {margin-right: 8px;}
    .header-burger {width: 30px;height: 18px;}
    .header-burger.active::before {top: 8px;}
    .header-burger.active::after {bottom: 8px;}
    .header-menu-mobile .header-menu {margin-bottom: 40px;}
    .header-menu-mobile .header-menu li a, .header-menu-mobile .header-lan a {font-size: 14px;}
}
@media(max-width: 480px){
    .header-search svg {margin-right: 0;}
    .header-search span {display: none;}
    .header-logo {width: 90px;}
    .header-search {padding: 8px;}
    .header-menu-mobile {padding: 20px 10px;}
    .header-menu-mobile .header-menu {margin-bottom: 30px;}
    .header-menu-mobile .header-menu li a, .header-menu-mobile .header-lan a {font-size: 13px;}
    .header-menu-mobile .header-lan {margin-bottom: 15px;}
}