@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body{font-family: "Manrope", sans-serif;}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1640px;
    }
}
/* //NEW style*/
.text-right{
	color: var(--bs-body-color);
	text-align: right;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-fill-color:var(--bs-body-color);
	-webkit-text-decoration: none;
	unicode-bidi: plaintext;
}
.no-phone{
	color: var(--bs-body-color);
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-fill-color:var(--bs-body-color);
	-webkit-text-decoration: none;
	unicode-bidi: plaintext;
}
.line-through{
text-decoration: line-through;
}
.slides.slides-wide.slides-album{
	position: relative;
}
.slides.slides-wide.slides-album::after{
	position: absolute;
	content: url('/wp-content/themes/brusstone/img/10years.svg');
	top: 100px;
	right: 6vw;
}
.wrap{
	position: relative;
}
#wpcf7-f1356-o1 .wpcf7-form-control{
	margin-bottom: 1rem;
	background:#323a48 !important;
	outline:none;
	color: #fff !important;
}
#wpcf7-f1356-o1 textarea{
	display: none !important;
}
#wpcf7-f1356-o1 .wpcf7-form-control:focus, #wpcf7-f52-p61-o1 .wpcf7-form-control:focus,#wpcf7-f52-o1 .wpcf7-form-control:focus{
    color: var(--bs-body-color);
    border-color:none !important;
    outline: 0;
    box-shadow: none !important;
}
#wpcf7-f1356-o1 .wpcf7-recaptcha{
	background: transparent !important;
}
#wpcf7-f52-p61-o1 .wpcf7-response-output,#wpcf7-f52-o1 .wpcf7-response-output{
	color: var(--bs-body-color) !important;
}
#wpcf7-f52-p61-o1 .wpcf7-recaptcha ,#wpcf7-f52-o1 .wpcf7-recaptcha{
	margin-bottom: 0;
}
#wpcf7-f52-p61-o1 .wpcf7-submit,#wpcf7-f52-o1 .wpcf7-submit{
	margin-top: 0 !important;
}
#wpcf7-f1356-o4 textarea{
	display: none;
}

.slides.form{
	display:none;
	position: absolute;
	right: 6vw;
	bottom: 50px;
	padding: 24px;
	background: url('/wp-content/themes/brusstone/img/bg-blur1.svg') no-repeat center;
	z-index: 1;
	width: 187px;
	height: 183px;
	background-size: cover;
}
.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha{
	background-color: transparent;
    height: 78px !important;
    display: block;
    padding: 0;
    margin-bottom: 1.5rem;
	
}
.form__container{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	position: relative;
}
.form__title{
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0;
	color: #fff
}
.form__meet{
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	padding: 12px 16px;
	background-color:#fff ;
	color: rgba(37, 37, 37, 1);
	border-radius: 8px;
	border: 1px solid #fff;
	outline: none;
	text-transform: uppercase;
	transition: .25s ease-in-out;
}
.form__meet:hover{
	background-color: transparent;
	color: #fff;
	transition: .25s ease-in-out;
}
.form__contacts{
	border-radius: 8px;
	border: 1px solid #fff;
	padding: 12px 0;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 10px;
	font-weight: 500;
	color:#fff;
	transition: .25s ease-in-out;
}
.form__contacts:hover{
background-color: #fff;
color: rgba(37, 37, 37, 1);
transition: .25s ease-in-out;
}

.form__close{
	position: absolute;
	right: -16px;
	top: -16px;
	outline: none;
	background: transparent;
	border: 0;
}
.overlay-form,.overlay-form-two,.overlay-form-three{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: .3s ease-in-out;
	z-index: 9999;
	backdrop-filter: blur(5px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-form.active,.overlay-form-two.active,.overlay-form-three.active{
	opacity: 1;
	pointer-events: initial;
	transition: .3s ease-in-out;
}
.overlay-form__wrapper{
	display: flex;
}
.overlay-form__buttom{
	display: none;
}
.overlay-form__item{
	background-color: #fff;
}
.overlay-form__item:nth-child(1) img{
height: 100%;
object-fit: cover;
}
.overlay-form__item:nth-child(2){
	padding: 36px 55px 20px 32px;
	position: relative;
	max-width: 400px;
}
.overlay-form__title{
	max-width: 300px;
	font-size: 24px;
	font-weight: 700;
	line-height: 110%;
	margin-bottom: 16px;
	color: rgba(37, 37, 37, 1);
	text-transform: none;
}
.overlay-form__subtitle{
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 8px;
	color: rgba(37, 37, 37, 1);
}
.overlay-form__span{
	font-size: 12px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 40px;
	color: rgba(37, 37, 37, 1);
}
.overlay-form__close,.overlay-form__close-two,.overlay-form__close-three{
	position: absolute;
	right: 16px;
	top: 16px;
	border: 0;
	outline: none;
	background: transparent;
	padding: 0;
}
#wpcf7-f2123-o5 textarea{
	display: none;
}
#wpcf7-f1356-o1 form,#wpcf7-f1356-o3 form,.wpcf7-f1356-o4 form,#wpcf7-f2123-o5 form{
	display: flex;
	flex-direction: column;
}
#wpcf7-f1356-o1 input,#wpcf7-f1356-o2 input,#wpcf7-f1356-o3 input,#wpcf7-f1356-o4 input,#wpcf7-f2123-o5 input{
	padding: 16px;
	border: 0;
	border-radius: 8px;
	text-transform: uppercase;
	color: rgba(37, 37, 37, 1);
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	outline: none;
	background-color: rgba(242, 242, 242, 1);
	margin-bottom: 16px;
}
#wpcf7-f1356-o2 .wpcf7-submit, #wpcf7-f1356-o3 .wpcf7-submit,#wpcf7-f1356-o4 .wpcf7-submit,#wpcf7-f2123-o5 .wpcf7-submit{
	background-color: rgba(37, 37, 37, 1);
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.015rem;
	border: 1px solid rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
}
#wpcf7-f1356-o2 .wpcf7-submit:hover, #wpcf7-f1356-o3 .wpcf7-submit:hover,#wpcf7-f1356-o4 .wpcf7-submit:hover,#wpcf7-f2123-o5 .wpcf7-submit:hover{
	color: rgba(37, 37, 37, 1);
	background-color: transparent !important;
	transition: .25s ease-in-out;
}

#wpcf7-f1356-o1 .wpcf7-submit{
	background-color: rgba(255, 255, 255, 1) !important;
	color: rgba(37, 37, 37, 1) !important;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.015rem;
}
#wpcf7-f1356-o1 .policy,#wpcf7-f1356-o2 .policy,#wpcf7-f1356-o3 .policy,#wpcf7-f1356-o4 .policy,#wpcf7-f2123-o5 .policy{
	font-size: 12px;
	font-weight: 400;
	line-height: 110%;
}
#wpcf7-f1356-o1 .wpcf7-spinner,#wpcf7-f1356-o2 .wpcf7-spinner,#wpcf7-f1356-o3 .wpcf7-spinner,#wpcf7-f1356-o4 .wpcf7-spinner,#wpcf7-f2123-o5 .wpcf7-spinner{
	display: none;
}
#wpcf7-f1356-o3 textarea{
display: none;
}
#wpcf7-f52-o1 .wpcf7-submit,#wpcf7-f52-p61-o1 .wpcf7-submit{
	border: 1px solid rgba(37, 37, 37, 1);
	color: #fff;
	background: rgba(37, 37, 37, 1);
	margin-top: -20px;
	transition: .25s ease-in-out;
}
#wpcf7-f52-o1 .wpcf7-submit:hover,#wpcf7-f52-p61-o1 .wpcf7-submit:hover{
	background: transparent !important;
	color: rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
}
.button-popup{
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.015rem;
	padding: 29.5px 77.5px;
	background: rgba(37, 37, 37, 1);
	border-radius: 8px;
	outline: none;
	border: 1px solid rgba(37, 37, 37, 1);;
	margin-top: 57px;
	transition: .25s ease-in-out;
}
.button-popup:hover{
	background: transparent;
	color: rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
}
.btn-link{
position: relative;
}
.btn-link::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	bottom: -3px;
	left:0;
}
.feedback{
	background-color: rgba(236, 236, 236, 1);
}
.feedback span{
color: rgba(37, 37, 37, 1);
font-size: 16px;
line-height: 100%;
}
#wpcf7-f52-o1  textarea,#wpcf7-f52-p61-o1 textarea{
	height: 86px;
}
.wpcf7-submit {
	background-color: rgba(37, 37, 37, 1) !important;
	color: #fff;
	margin-bottom: 10px;
	display: block;
}
#wpcf7-f52-o1 > form > div.row.g-3.gy-md-4.gx-md-5 > div:nth-child(5) span{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(37, 37, 37, 1);

}
#wpcf7-f7-o2 input{
	background: transparent;
	border-bottom: 0.5px solid #fff;
	border-radius: 0;
}
#wpcf7-f7-o2 .wpcf7-submit{
	border-radius: 0 !important;
	width: fit-content;
	background-color: transparent !important;
}
#wpcf7-f1356-o1 .wpcf7-submit{
	border: 1px solid #fff;
	background-color: #fff;
	color: rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
}
#wpcf7-f1356-o1 .wpcf7-submit:hover{
	background-color: transparent !important;
	color: #fff !important;
	transition: .25s ease-in-out;
}
.policy a{
	color: rgba(37, 37, 37, 1);
}
.wpcf7-spinner{
	display: none;
}
.feedback .justify-text {
    padding: 6.5rem 6.5vw 6rem 6.5vw;
}
.feedback .pb-md-5 {
	padding-bottom: 1rem !important;
}
.slick-track:after {
    clear: both;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#ffffff00 50%, #000000);
}
.a-policy{
	color: rgba(37, 37, 37, 1);
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dashed rgba(37, 37, 37, 1);
}
.catalog-filter .dropdown button{
	border: 0;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 1) !important;
	opacity: 1 !important;
	color: rgba(37, 37, 37, 1);
}
.catalog-filter .dropdown-toggle::after {
    position: absolute;
    top: 40% !important;
    right: 5% !important;
}
.dropdown-toggle::after {
    border-top: 0.5em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}
.btn-primary,.btn-outline-secondary {
    border-radius: 8px !important;
}
.btn-center{
	display: flex;
	justify-content: center;
	padding: 24px 0 24px 0;
}
.btn-project{
	width: 360px;
	border: 0;
	padding: 18px;
	outline: none;
	color:#fff;
	background-color: rgba(37, 37, 37, 1);
	border-radius: 8px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.015rem;
	border: 1px solid rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
	margin: 0 1rem;
}
.btn-project:hover{
	background-color: transparent;
	color: rgba(37, 37, 37, 1);
	transition: .25s ease-in-out;
}
.btn-call{
	font-size: 16px;
	font-weight: 600;
	padding: 16px;
	width: 320px;
	background-color: #fff;
	margin-bottom: 40px;
	border: 0;
	outline: none;
	color: rgba(37, 37, 37, 1);
	text-transform: uppercase;
	border-radius: 8px;
}
img{max-width:100%;height:auto}
iframe{max-width:100%;width: 100%;}
.iframe-yandex{max-width:100%;width:revert-layer;}
h1,.h1,h2,.h2{font-family: "Manrope", sans-serif;font-size: 4rem;text-transform: uppercase;font-weight: 700;margin-bottom: 2.2rem;line-height: 1.1;}
h3,.h3{font-size: 3rem;text-transform: uppercase;font-weight: 700;margin-bottom: 2.2rem;}
h4,.h4{font-size: 2rem;text-transform: uppercase;font-weight: 700;margin-bottom: 1.5rem;}
p,li{font-size:1.5rem;line-height: 1.4;}
p{margin-bottom: 0.6rem;}
p:last-child{margin-bottom: 0;}
ul{margin-bottom: 0.5rem;}
li{margin-bottom: 0.6rem;}
.btn{font-size: 1.65rem;padding: 0.7rem 2rem;margin: 0.6rem 0;}
.btn-group-sm>.btn, .btn-sm {padding: 0.5rem 1rem;font-size: 1rem;}
.btn-primary {--bs-btn-bg: rgba(37, 37, 37, 1);--bs-btn-border-color: #fff;--bs-btn-hover-color: rgba(37, 37, 37, 1);--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color: rgba(37, 37, 37, 1);   --bs-btn-focus-shadow-rgb: 37, 37, 37;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0a58ca;--bs-btn-active-border-color: #0a53be;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #0d6efd;--bs-btn-disabled-border-color: #0d6efd;}
.btn-outline-secondary {--bs-btn-color: rgba(37, 37, 37, 1);--bs-btn-border-color: rgba(37, 37, 37, 1);}
.btn-secondary{}
.custom-logo-link{display: block; position: relative;}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: rgba(37, 37, 37, 1);
    background-color: #fff;
    border-color: rgba(37, 37, 37, 1);
}
.btn-sort{padding-right:3rem;}
.btn-sort:after{content:''; width:1rem; height:100%; -webkit-mask-image:url(img/sort-down-alt.svg); mask-image:url(img/sort-down-alt.svg); mask-repeat:no-repeat;}

header .custom-logo-link{z-index: 10000;}
a:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
[data-bs-theme="dark"] a, [data-bs-theme="dark"] p, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3{color:#fff;}
[data-bs-theme="dark"] a:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
.soc-link{display: inline-block;}
.soc-link+.soc-link{margin-left: 1rem}
.soc-link img{border: 1px solid #fff; border-radius: 0.5rem; padding: 0.35rem; display: inline-block;}

header{font-family: "Manrope", sans-serif;font-size: 0.75rem;line-height: 1;font-weight: 600;background: rgba(0, 0, 0, 0.85);
position: fixed;z-index: 10;width: 100%;left: 0;flex-shrink: 0; top:0}
.header__inner{width: 100%;max-width: 1920px;padding:2rem 6vw;margin:0 auto}
header a,header .btn-link, .header__phone{color:#fff;text-transform:uppercase;text-decoration:none;font-size: 0.75rem;font-weight: 600;line-height: 1;margin: 0;padding: 0;border: 0;}
header a:hover,.header__phone:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
header a:hover img{transform:scale(1.1);transition: transform 0.5s;}

/*.menu*/
.menu{margin: 0;list-style: none;padding: 0;display:flex;gap:1.75rem;justify-content: center; flex-wrap: wrap;}
.menu-item{margin:0}
.menu-item a{color:#fff;text-transform:uppercase;text-decoration:none;display: block;line-height: 1;}
.menu-item a:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {--bs-offcanvas-padding-x: 3rem;--bs-offcanvas-padding-y: 3rem;}
.offcanvas.offcanvas-start{width:50vw;padding-left: calc(50vw - 960px);min-width: var(--bs-offcanvas-width);}
.offcanvas.offcanvas-end{width:50vw;padding-right: calc(50vw - 960px);padding-left: 6vw;min-width: var(--bs-offcanvas-width);}
.offcanvas-header .btn-close{margin-top: 0;background-size:100%;width: 2rem;padding: 0;color: #fff;height: 2rem;}
.offcanvas.offcanvas-start .offcanvas-header .btn-close{margin-left:0;}
.offcanvas.offcanvas-end .offcanvas-header .btn-close{margin-right:0;}
.offcanvas .menu{flex-direction:column;margin: 4rem 0px;}
.offcanvas .menu a{font-size: 2.25rem;font-weight: 700;}
.offcanvas-body p span{font-size:1rem}
.offcanvas .btn-outline-secondary {--bs-btn-color: #fff;--bs-btn-border-color: #fff;}

/*слайдер*/
.slick-arrow{z-index:5;width:53px;height:104px;}
.slick-next{right:0;}
.slick-prev{left:0;}
.slick-arrow:before{content:''; background:url(img/slick-arrow.svg) no-repeat; background-size:cover; display:block; width:100%; height:100%; background-size: cover;}
[data-bs-theme="dark"] .slick-arrow:before{background:url(img/slick-arrow2.svg) no-repeat; background-size: cover;}
.slick-next:before{transform: rotate(180deg);}
.slick-slide img{max-width:100%;height:auto;}
.slick-dots{bottom:5px}
.slick-dots li button:before {color:#fff; opacity:0.75;}
.slick-dots li.slick-active button:before {color:#fff; opacity:1;}

main{max-width: 1920px;margin: 0 auto;flex-shrink: 0}

/*главная*/
.col-12.mob-img{
	display: none;
}

.top-slider .slick-list,.top-slider .slick-track,.top-slider .slick-slide{/*height:100%;*/height: 100vh;max-height: 100vh;position: relative;background: rgba(37, 37, 37, 1);}
.top-slider .slick-slide:after, .img-gradient:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 1));opacity:0.6}
.slides__desc{position:absolute;bottom:0;text-align:center;width:100%;color:#fff;padding:1.5rem;}
.slides__desc h1,.slides__desc h2{font-size: 3.6rem;}
.slides__desc a{color:#fff;font-size:1.7rem;}
.slides__desc a:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
.slides__link{display:inline-block;text-decoration:none;text-transform:uppercase;background: rgba(37, 37, 37, 0.7);padding:1rem 2rem 1rem 18vw;border-radius:0 3rem 3rem 0}
.top-slider img{/*width:100%;height:auto;max-height:100%;*/object-fit: cover;width: 100%;height: 100%;}
.left-image{position:relative;overflow: hidden;min-height:5rem;}
.left-image img{width: 50vw;height: auto;position: absolute;right: 0;transition: all .8s ease;}
.left-image:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.right-text{padding: 2rem 6vw 1rem 2.5rem;}
.left-text{padding: 1.75rem 2.5rem 1rem 6.5vw;}
.technology{margin-bottom:9rem}
.technology:last-child{margin-bottom:0}
.technology_img{overflow: hidden;}
.technology_img img{width:100%;height:auto;transition: all .8s ease;}
.technology_img:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.technology_desc-right{display:flex;flex-direction: column;padding:6rem 6vw 7.25rem 2.5rem}
.technology_desc-left{display:flex;flex-direction: column;padding:6rem 2.5rem 7.25rem 6vw}
.big_link{font-size: 1.7rem; text-transform: uppercase; margin-top: 2.25rem; color: rgba(37, 37, 37, 1); display: inline-block; text-decoration: none; border-bottom: 1px solid rgba(37, 37, 37, 1); width: fit-content;}
[data-bs-theme="dark"] .big_link{color:#fff; border-bottom: 1px dashed #fff;}
.big_link:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));border-color:transparent;}
.justify-text{padding:2.5rem 6.5vw 2.5rem 6.5vw}
.comparison-item{border-radius:10px;border: 1px solid rgba(37, 37, 37, 1);padding: 2.2rem 1.8rem 2.2rem 2.2rem;line-height: 1.4;}
hr{border-width:2px}
.comparison-title{font-weight:500;font-size:1.5rem;margin-bottom: 0.5rem;}
.comparison-desc{font-size: 1.3rem;}

.objects_img{overflow: hidden;}
.objects_img img{width:100%;height:auto;transition: all .8s ease;}
.objects_img:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.objects_desc{display:flex;flex-direction: column;padding: 6.25rem 6vw 6.25rem 2.5rem}
.objects_price{font-weight:700;font-size: 1.7rem;text-align: center;-webkit-touch-callout: none; /* Отключает контекстное меню */
    -webkit-user-select: none; /* Отключает выделение текста */
    user-select: none; }

.description{padding: 12.5rem 25vw 14.5rem;}

.project{margin-bottom: 9rem;}
.project_img{position:relative;overflow: hidden;}
.project_img img{width:100%;height:auto;transition: all .8s ease;}
.project_img:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.project_play{position:absolute;top: calc(50% - 75px);left: calc(50% - 75px);}
.project_desc{display: flex;flex-direction: column;justify-content: center;height:100%;padding-top:2rem;padding-bottom:2rem;border-top: 1px solid rgba(37, 37, 37, 1);border-bottom: 1px solid rgba(37, 37, 37, 1)}
.project_desc-left{margin-right:2rem;margin-left:6vw;}
.project_desc-right{margin-right:6vw;margin-left:2rem;}
.project_title{font-weight:600;font-size: 2rem;margin-bottom: 2rem;}
.project-mark{position: absolute; top: 1rem; right: 1rem; background: rgba(0, 178, 255, 1); color: #fff; border-radius: 3rem; line-height: 1; text-transform: uppercase; padding: 0.5rem 1rem;   font-size: 12px;}
.project-mark-yellow{background: rgba(255, 229, 0, 1); color: rgba(37, 37, 37, 1);}

.wpcf7-form{margin-top:2.75rem;}
.wpcf7-form-control:focus {color: var(--bs-body-color);background:var(--bs-body-bg);border-color:#86b7fe;outline: 0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.wpcf7-form-control{width: 100%;font-size: 1.3rem;background:#fff;border-radius: 8px;padding: 0.9rem;border: 0;}
.offcanvas .wpcf7-form-control.form-control,[data-bs-theme="dark"] .wpcf7-form-control.form-control{border-width: 0 0 1px 0;border-color:#fff;}

footer{color:#fff;background: rgba(37, 37, 37, 1);}
.footer__inner{width: 100%;max-width: 1920px;padding:4rem 6vw 1.25rem;margin:0 auto}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
footer a:hover img{transform:scale(1.1);transition: transform 0.5s;}
footer .menu{justify-content: end;}
.footer_block-title{font-weight:500;font-size: 1.5rem;text-transform: uppercase;margin-bottom: 1rem;}
footer p{}

.navbar-toggler-icon {width: 3.5em;height: 2.25em;}
.custom-logo{width: 240px;height: auto;} 
.menu-item a{font-size: 1.2rem;}
.header__phone{font-size: 1.2rem;}

.block-x-resp{padding: 1.5rem 6.5vw;}
.nav-link {padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);color: #252525; border: 1px solid rgba(37, 37, 37, 0.2);}
.nav-link:focus, .nav-link:hover {color: #252525;border: 1px solid rgba(37, 37, 37, 1);}
.nav-pills .nav-link {border-radius: 2rem;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: rgba(37, 37, 37, 1);}

.other_projects-slider .slick-list{margin-right:-1rem;margin-left:-1rem;}

.toast-container{bottom: 2rem;/*right: calc(50% - 960px + 6vw);*/right: 2rem; z-index: 1040}
.toast{backdrop-filter: blur(8px);background: rgba(0, 0, 0, 0.85);border: 1px solid rgba(255, 255, 255, 0.5);color:#fff;text-transform:uppercase;font-size:1rem}
.toast .btn{text-transform:uppercase;font-size: 1rem;width:100%}
.toast .btn-close {background: url('img/light_close.svg');}

.px-resp{padding-left:1rem !important; padding-right:1rem !important}
.ps-resp{padding-left:1rem !important}
.pe-resp{padding-right:1rem !important}
.mx-resp{margin-left:1rem !important; margin-right:1rem !important}
.ms-resp{margin-left:1rem !important}
.me-resp{margin-right:1rem !important}
.slides-wide .slick-prev{left:1rem}
.slides-wide .slick-next{right:1rem}
.slides__link{padding-left:1rem}
.slides-wide img{margin:0 auto}
@media (min-width: 1920px){
	.slides.slides-wide.slides-album::after {
        top: 140px;
        right: 7vw;
        transform: scale(1.2);
    }
	.slides.form{
		transform: scale(1.2);
		right: 7vw;
    	bottom: 80px;
	}
}
@media (min-width: 1399.98px) {
	.px-resp{padding-left:18vw !important; padding-right:18vw !important}
	.ps-resp{padding-left:18vw !important}
	.pe-resp{padding-right:18vw !important}
	.mx-resp{margin-left:18vw !important; margin-right:18vw !important}
	.ms-resp{margin-left:18vw !important}
	.me-resp{margin-right:18vw !important}
	.slides-wide .slick-arrow{width:106px; height:208px}
	.slides-wide .slick-prev{left:18vw}
	.slides-wide .slick-next{right:18vw}
	.slides__link{padding-left:18vw}
}

@media (max-width: 1919.98px) {
	html{font-size:12px;}
	.navbar-toggler-icon {width: 3em;height: 2.25em;}
	.custom-logo{width: 180px;height: auto;} 
}
@media (max-width: 1399.98px) {
	.custom-logo{width: 160px;height: auto;}
	header{font-size:1rem}
	.btn{font-size:1.4rem}
	.comparison-title {font-size: 1.2rem;}
}
@media (max-width: 1260.98px) {
	.slides.form{
		right: 1vw;
	}
}
@media (max-width: 1091.98px) {
	.menu-item a{font-size: 1rem;}
	.slides.form{
		width: 100%;
		right: 0;
		left: 0;
		bottom: 0;
		height: 288px;
		border: 0.5px rgba(255, 255, 255, 0.5);
		border-radius: 16px 16px 0 0;
		background: rgba(0, 0, 0, 0.85);
	}
	.form__title{
		font-size: 36px;
		font-weight: 500;
		max-width: 360px;
	}
	.form__meet,.form__contacts{
		font-size: 16px;
		max-width: 360px;
		width: 100%;
	}
	.form__close img{
		width: 38px;
	}
	.slides.slides-wide{
		position: relative;
	}
	.slides.slides-wide::after{
		position: absolute;
		content: url('/wp-content/themes/brusstone/img/10years.svg');
		top: 16px;
		left: 6vw;
	}
	

}
@media (max-width: 991.98px) {
	.left-image img{width:auto;margin:0 auto;position:relative;display: block;max-width:100%}	
	.right-text,.left-text{padding: 2rem 6vw 1rem;}
	.technology{margin-bottom: 3rem;}
	.technology_desc-right,.technology_desc-left{padding:3rem 6vw 3rem}
	.description{padding: 6rem 6vw 6rem;}
	footer .menu {justify-content: center;}
	.mb24{
		margin-bottom: 24px !important;
	}
	.col-12.mob-img{
		display: block;
		margin-bottom: 24px;
		transform: translateX(-1rem);
		width: calc(100% + 2rem);
	}
	.col-12.col-lg.left-image.order-1.order-lg-0{
		display: none;
	}
}
@media (max-width: 767.98px) {
	.overlay-form__item-img{
		display: none;
	}
	.offcanvas-header{padding: 3rem 1rem}
	.offcanvas-body{padding: 3rem 1rem; display: flex; align-content: space-between; flex-wrap: wrap;}
	.offcanvas-body h3{font-size:3rem}
	#offcanvasMenu .offcanvas-body>*{margin:0 auto};
	
}
@media (max-width: 575.98px) {
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
		color: #fff !important;
		margin: 2em 0 !important;
	}
	.line-through{
		margin-left: 10px;
		color: var(--bs-body-color);
	}
	.wpcf7 form.sent .wpcf7-response-output{
		color: #fff !important;
		margin: 2em 0 !important;
	}
	.form__title {
        font-size: 30px;
        font-weight: 500;
        max-width: 300px;
    }
	.policy a{
		color: #fff;
	}
	.btn-call{
		width: 100%;
	}
	.btn-project{
		width: 100%;
	}
	#wpcf7-f1356-o4 .wpcf7-submit {
        background-color: #fff !important;
        color: rgba(37, 37, 37, 1);
    }
	#wpcf7-f1356-o2 .wpcf7-submit:hover, #wpcf7-f1356-o3 .wpcf7-submit:hover,#wpcf7-f1356-o4 .wpcf7-submit:hover{
		transition: .25s ease-in-out;
		border: 1px solid #fff;
	}
	#wpcf7-f1356-o2 .wpcf7-submit:hover, #wpcf7-f1356-o3 .wpcf7-submit:hover,#wpcf7-f1356-o4 .wpcf7-submit:hover{
		color: #fff;
		background-color: transparent !important;
		transition: .25s ease-in-out;
	}
	.overlay-form__item-content svg path {
		fill: #fff;
	}
	
	.policy{
		color: #fff;
	}
	.overlay-form__title{
		font-size: 30px !important;
		font-weight: 700;
		line-height: 110%;
	}
	.overlay-form__item-content{
		width: 100%;
        height: 100vh;
        display: flex;
		max-width: 100% !important;
        flex-direction: column;
        justify-content: center;
		padding: 30px 16px 40px 16px !important;
		background:rgba(37, 37, 37, 1);
	}
	.overlay-form__title{
		color: #fff;
		max-width: 80%;
	}
	.overlay-form__close, .overlay-form__close-two {
		position: absolute;
		right: 16px;
		top: 32px;
	}
	.overlay-form__subtitle{
		color: #fff;
		font-size: 16px;
	}
	.overlay-form__span{
		color: #fff;
		font-size: 14px;
		opacity: 0.6;
		margin-bottom: 0;
	}
	.overlay-form__buttom{
		display: block;
	}
	.button-popup {
		margin-top: 20px;
		padding: 12px 17px;
		width: 100%;
	}
	.span-block{
		display: block;
	}
	#wpcf7-f1356-o3 .wpcf7-submit{
		background-color: #fff !important;
		color: rgba(37, 37, 37, 1);
	}
	.mb15{
		margin-bottom: 15px;
	}
	h1,.h1 {font-size: 3rem;}
	h2,.h2 {font-size: 2.7rem;}
	h3,.h3 {font-size: 2.2rem;}
	.h2-special {font-size: 1.675rem;}
	/*.slick-slider.top-slider::after{content:'';position: absolute; inset:0; background: url(img/slider-bg.jpg) no-repeat 50%}*/
	.slides__desc{padding: 3rem 1rem;}
	/*.completed_projects-slider+.slides__desc{position:absolute;}*/
	.slides__desc h1, .slides__desc h2{font-size: 3rem; margin-bottom: 2.7rem;}
	.slides__desc h1:last-child{margin:0}
	.slides__desc p{font-size: 1.1rem; margin-bottom: 1.7rem;}
	.slides__desc a{font-size:1.5rem; padding:0.5rem;}
	.comparison-item{padding:1rem}
	.justify-text {padding: 2.5rem 1rem;}
	.comparison-title,.comparison-desc{font-size:1rem}
	.toast{width:100%}
	.toast-container{right:0; left:0; bottom: 0;}
	.toast-title{font-size:3rem; font-weight: 500; line-height: 1.36;}
	/*.top-slider .slick-slide img{height:100vh; width:auto; max-width: 100%;}*/
	.project{margin-bottom: 3rem;} 
	.objects_desc{padding: 3rem 1rem;}
	.right-text, .left-text {padding: 2.5rem 1rem;}
	.technology_desc-right, .technology_desc-left {padding: 2.5rem 1rem;}
	.description {padding: 2.5rem 1rem;}
	.project_desc-right,.project_desc-left{padding: 2.5rem 1rem; margin:0}
	.offcanvas,.offcanvas.offcanvas-end{min-width:100%;padding:0}
	.offcanvas.offcanvas-end .offcanvas-header .btn-close{margin-right:auto}
	.comparison-item{height: 200px;}
	.comparison-title{height: 40px !important;}
	.slick-arrow{width: 19px; height: 38px;}
	.slick-arrow:before {background: url(img/slick-arrow-mini.svg) no-repeat; background-size: cover;}
	[data-bs-theme="dark"] .slick-arrow:before {background: url(img/slick-arrow2-mini.svg) no-repeat; background-size: cover;}
	.offcanvas .menu a{font-size:3rem}
}
@media screen and (orientation:portrait) and (max-width: 767.98px) {
	/*header + .slides{padding-top:80px}
	.slides__bg{height:30vh}
	.slides__desc{bottom: unset; top: 0;}
	.top-slider .slick-list, .top-slider .slick-track, .top-slider .slick-slide{max-height:30vh}
	.top-slider .slick-slide img{height:auto}*/
}

.lp-screen{background-size:50% auto}
[data-fancybox]{display:block; overflow:hidden}
[data-fancybox] img{transition:all .8s ease;}
[data-fancybox]:hover img{-webkit-transform:scale(1.02); transform:scale(1.02);}

.btn-label {display:block; padding:10px 15px; cursor:pointer;}
input.btn-check:checked + .btn-label{background-color:rgba(37, 37, 37, 1); color:#fff}
.btn-check:disabled+.btn-label, .btn-check[disabled]+.btn-label {pointer-events: none; filter: none; opacity: .5;}

@media screen and (orientation:portrait) {
.slides-album{display:none}
.top-slider{margin-top: 80px;}
.top-slider .slick-list{height: calc(100vh - 80px); }
}
@media screen and (orientation:landscape) {
.slides-portrait{display:none}
}