/* Start:/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/style.css?17478319282624*/
.nbUslugi {}
.nbUslugi__title {display: inline-block; margin: 0 auto; color: #fff; font-size: 1.25rem; background: #5d5d5d; text-transform: uppercase; font-weight: 600; padding: 0.75rem 4rem; margin-bottom: -0.5rem; position: relative; z-index: 5;}
.nbUslugi__items {position: relative;}
.nbUslugi__items:before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 15rem; background: #ff6720 url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/bg_header.jpg) center bottom repeat-x; background-size: auto 3.8125rem;}
.nbUslugi__item {position: relative; z-index: 5;}
.nbUslugi__itemIcon {display: block; height: 0; padding-top: 50%; background: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/1.svg) center center no-repeat; background-size: 8.75rem auto;}
.nbUslugi__itemIcon._1 {} 
.nbUslugi__itemIcon._2 {background-image: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/2.svg);}
.nbUslugi__itemIcon._3 {background-image: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/3.svg);}
.nbUslugi__itemIcon._4 {background-image: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/4.svg);}
.nbUslugi__itemName { background: #fff; margin: 0 15px; padding: 2rem; color: #1d1d1d; font-size: 1.25rem; text-align: center;}
.nbUslugi__col {}
.nbUslugi__col._img {}
.nbUslugi__col._img._1 {background: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/img_1new.png) center center no-repeat; background-size: cover;}
.nbUslugi__col._img._2 {background: url(/local/templates/stroycity33/components/bitrix/main.include/nbUslugi/images/img_2new.png) center center no-repeat; background-size: cover;}
.nbUslugi__col._text {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.nbUslugi__colText {border-left: 0.25rem solid #484848; font-size: 1.25rem; color: #494949; padding-left: 1.5rem; margin-left: 1.5rem; font-weight: 300;}
.order-md-1 .nbUslugi__colText {border-left: none; border-right: 0.25rem solid #484848; padding-left: 0rem; padding-right: 1.5rem; margin-right: 1.5rem; margin-left: 0rem;}
.nbUslugi__contacts {padding: 2rem 0 3rem; font-weight: bold; color: #ff6720; text-transform: uppercase; font-size: 1.125rem; text-align: center;}

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
	.nbUslugi__itemIcon {background-size: 5rem auto;}
	.nbUslugi__itemName {padding: 1rem; font-size: 1rem;}
	.nbUslugi__items:before {height: 9.5rem;}
	.nbUslugi__title {display: block;}
}

/*phones*/
@media (max-width: 767px) { 
	.nbUslugi__title {text-align: left; padding: 0.75rem 0.75rem; margin-bottom: 15px;}
	.nbUslugi__items:before {display: none;}
	.nbUslugi__itemIcon {background-color: #e97f4d; padding-top: 23%;}
	.nbUslugi__col._img {height: 0; padding-top: 30%;}
	.nbUslugi__colText  {margin-left: 0 !important; margin-right: 0 !important; border-left: 0.25rem solid #484848 !important; border-right: none !important; padding-left: 1.5rem !important; padding-right: 0 !important;}

}
/* End */


/* Start:/local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/style.css?16130306542410*/
.nbFormBlock__col {}
.nbFormBlock__col._form {background: #efefef url(/local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/images/bg_form.svg) 120% 120% no-repeat; padding-top: 4rem; padding-bottom: 2rem; padding-right: 8rem !important; overflow: hidden;}
.nbFormBlock__col._form._right {padding-top: 4rem; padding-bottom: 2rem; padding-right: 0rem !important; padding-left: 8rem !important;}
.nbFormBlock__col._content {}
.nbFormBlock__content {margin-left: -8rem; position: relative; z-index: 5;}
.nbFormBlock__content._right {margin-left: 0; margin-right: -8rem;}
.nbFormBlock__content:before {content: ''; position: absolute; top: -1.5rem; bottom: -1.5rem; left: 0; width: 0.375rem; background: #de5324;}
.nbFormBlock__content._right:before {left: auto; right: 0;}
.nbFormBlock__contentText {background: #ff6720; color: #fff; font-size: 1.25rem; padding: 2rem; font-weight: 300; line-height: 1.3;}
.nbFormBlock__contentText b {font-weight: 800;}
.nbFormBlock__contentText a {color: #fff !important;}
.nbFormBlock__contentImg {height: 0; padding-top: 11%; background: url(/local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/images/bg_form.jpg) center center no-repeat; background-size: cover; }
.nbFormBlock__content._right .nbFormBlock__contentImg {background-image: url(/local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/images/bg_form_r.jpg);}
.nbFormBlock__map {margin-left: -8rem; position: relative; z-index: 5; border-left: 0.375rem solid #6b6868; background: #fff; }

.nbFormBlock__contentText h4 {text-transform: uppercase; font-weight: 800; margin-bottom: 0.5rem; font-size: 1.25rem;}

.nbFormBlock__contentText ul {padding: 0; margin: 0; list-style: none; font-weight: 300;}
.nbFormBlock__contentText ul li {padding-left: 1.5rem; position: relative; margin-bottom: 0.5rem;}
.nbFormBlock__contentText ul li:before {content: ''; width: 1.5rem; height: 1rem; display: inline-block; background: url(/local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/../../../../images/sprite.svg) -1.675rem -1.4rem no-repeat; background-size: 4rem auto; position: absolute; top: 0.175rem; left: 0; filter: grayscale(100%);} 
.nbFormBlock__content._right .nbFormBlock__contentText {font-weight: normal;}


/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/
@media (max-width: 767px) { 
	.nbFormBlock__col._form {padding: 0rem !important;}
	.nbFormBlock__content {margin: 0 0 1rem;}
	.nbFormBlock__map {margin: 0; border: none !important; margin-bottom: 1rem;}
	.nbFormBlock__content._right {margin-right: 0;}
	.nbFormBlock__col._form._right  {padding-left: 0 !important;}
}
/* End */


/* Start:/local/templates/stroycity33/components/bitrix/form.result.new/onPage/style.css?16063972961430*/
.nbFormPage {padding: 0 2rem;}
.nbFormPage__title {color: #484848; text-transform: uppercase; font-size: 1.5rem; padding-bottom: 2rem; text-align: center;}
.nbFormPage._webForm {}
.nbFormPage__message {}
.nbFormPage__message {}
.nbFormPage__message._error {}
.nbFormPage__message._success {}
.nbFormPage__message._warning {}
.nbFormPage__form {}
.nbFormPage__fieldRow {}
.nbFormPage__fieldRow._captcha {margin-bottom: 0}
.nbFormPage__questionName {}
.nbFormPage__questionName._required {}
.nbFormPage__requiredSign {}
.nbFormPage__questionField {}
.nbFormPage__questionField._required {}
.nbFormPage__questionField.has-error .g-recaptcha>div{border: 1px solid #a94442;}
.nbFormPage__questionField.is-invalid .g-recaptcha>div{border: 1px solid #dc3545;}
.nbFormPage__questionField .form-control {font-weight: 300; color: #000000; border: none; border-bottom: 1px solid #e97f4d !important;}
.nbFormPage__questionField textarea.form-control {height: 9.125rem;}
.nbFormPage__captchaImg {}
.nbFormPage__action {}
.nbFormPage__actionBtn {}
.nbFormPage__consent {font-size: 0.625rem; text-align: center; padding-bottom: 0.75rem;}


.nbCaptcha {}
.nbCaptcha._webForm {}
.nbCaptcha__name {}
.nbCaptcha__input {}
.nbCaptcha__img {}

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/
@media (max-width: 767px) { 
	.nbFormPage {padding: 1rem;}
}
/* End */


/* Start:/local/templates/stroycity33/components/bitrix/main.userconsent.request/nb/style.css?16063972961172*/
.nbUserConsent {position: relative; text-align: left; margin: 0;}
.nbUserConsent a {cursor: pointer; display: inline; line-height: 1.25em; vertical-align: top; clear: both; padding-left: 0.5em;}
.nbUserConsent a:not(:empty) { padding-left: 0.5em;}
.nbUserConsent a:before, 
.nbUserConsent a:after { content: ""; position: absolute; left: 0; top: 0;}
.nbUserConsent a:before { width: 1.25em; height: 1.25em; background: #fff; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 0; cursor: pointer; transition: background 0.3s;}
.nbUserConsent input[type=checkbox] { outline: 0; visibility: hidden; width: 1.25em; margin: 0; display: block; float: left; font-size: inherit;}
.nbUserConsent input[type=checkbox]:checked + a:before { background: #fff;}
.nbUserConsent input[type=checkbox]:checked + a:after { transform: translate(0.25em, 0.3365384615em) rotate(-45deg); width: 0.75em; height: 0.375em; border: 0.125em solid #000; border-top-style: none; border-right-style: none;}
.nbUserConsent input[type=checkbox]:disabled + a:before { border-color: rgba(0, 0, 0, 0.26);}
.nbUserConsent input[type=checkbox]:disabled:checked + a:before { background: rgba(0, 0, 0, 0.26);}
/* End */


/* Start:/local/templates/stroycity33/components/bitrix/main.userconsent.request/nb/user_consent.css?16063972963383*/
.main-user-consent-request a {
	cursor: pointer;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	min-height: 290px; /* loader magic */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 320px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 30px 0;
	font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

.main-user-consent-request-popup-textarea-block {
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-button {
	display: inline-block;
	height: 39px;
	margin: 0 10px 5px 0;
	padding: 0 18px;
	border: none;
	border-radius: 2px;
	font: normal 12px/39px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc {
	background: #bbed21;
}

.main-user-consent-request-popup-button-acc:hover {
	background: #d2f95f;
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	padding: 5px 10px;
	width: 100%;
	height: 130px;
	border: 1px solid #999;
	background: #fff;
	box-sizing: border-box;
	outline: none;
	-moz-appearance: none;
}


/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

/* End */
/* /local/templates/stroycity33/components/bitrix/main.include/nbUslugi/style.css?17478319282624 */
/* /local/templates/stroycity33/components/bitrix/main.include/nbFormBlock/style.css?16130306542410 */
/* /local/templates/stroycity33/components/bitrix/form.result.new/onPage/style.css?16063972961430 */
/* /local/templates/stroycity33/components/bitrix/main.userconsent.request/nb/style.css?16063972961172 */
/* /local/templates/stroycity33/components/bitrix/main.userconsent.request/nb/user_consent.css?16063972963383 */