/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/service-breadcrumbs/style.css?1622448544978*/
.service-breadcrumbs {
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: Roboto;
}

.service-breadcrumbs .bx-breadcrumb-item {

}

.service-breadcrumbs .bx-breadcrumb-item span {
	font-size: 14px;
	color: #818181;
	font-weight: 300;
	margin-right: 8px;
}

/* .service-breadcrumbs .bx-breadcrumb-item a {
	text-decoration: underline;
	color: #212121;
} */

.service-breadcrumbs .bx-breadcrumb-item a span {
	color: #515151;
}

.service-breadcrumbs .bx-breadcrumb-item .bx-arrow {
	font-size: 14px;
	color: #515151;
	margin-right: 3px;
/* 	font-weight: lighter; */
}


@media (max-width: 1309px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.service-breadcrumbs {
		text-align: center;
	}

	.service-breadcrumbs .bx-breadcrumb-item {
		float: none !important;
		display: inline;
	}

	.service-breadcrumbs .bx-breadcrumb-item span {
		font-size: 14px;
		margin-right: 3px;
	}

	.service-breadcrumbs .bx-breadcrumb-item .bx-arrow {
		font-size: 14px;
	}
}
/* End */


/* Start:/bitrix/templates/galla_m/components/bitrix/menu/left-menu-v2/style.css?16145931731798*/
.left-menu {
	margin: 0;
	margin-right: 78px;
	margin-left: -15px;
	padding: 12px 0 4px 0;
	border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.left-menu li {
	display: block;
}

.left-menu > li  {
	border-bottom: 1px solid #DDDDDD;
}

.left-menu > li:last-of-type  {
	border-bottom: 0;
}

.left-menu li a {
	display: block;
	color: #434343;
	font-weight: 300;
	font-family: Roboto;
}

.left-menu > li > a {
	font-size: 16px;
	line-height: 51px;
	padding: 0 24px;
	text-transform: uppercase;
}

.left-menu > li.active > a {
	color: #F34C11;
}

.left-menu > li > ul {
	margin: 0;
	padding: 0;
}

.left-menu>li>ul>li>a {
	font-size: 14px;
    line-height: 20px;
    /* line-height: 34px; */
    padding: 0 12px 22px 24px;
	/* padding: 0 30px; */

	display: flex;
    align-items: start;
}
.left-menu>li>ul>li>a span.count {
	font-size: 13px;
	margin-left: 4px;
}
.left-menu > li > ul > li.active > a {
	color: #F34C11;
}

.left-menu > li > ul > li:last-of-type > a {
	padding-bottom: 19px;
}

.left-menu>li>ul>li>a img {
	margin-top: 3px;
	margin-right: 14px;
}

.left-menu > li > ul > li > ul {
	border-left: 6px solid #EAEAEA;
	padding-left: 14px;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.left-menu > li > ul > li.is_icon > ul {
	margin-left: 35px;
}

.left-menu > li > ul > li > ul > li a {
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 20px;
}

.left-menu > li > ul > li > ul > li.active > a {
	color: #F34C11;
}

.left-menu > li > ul > li > ul > li:last-of-type a {
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 0;
}







@media (max-width: 1309px) {
	.left-menu {
		margin-right: 0;
	}
}

@media (min-width: 992px) {

}

@media (max-width: 991px) {

}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}

@media (max-width: 450px) {

}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/main.include/ajax/style.css?16145931731011*/
.ajax-lazyload a.btn {
	font-size: 14px;
	font-weight: 500;
	color: #00b9eb;
	border: 0;
	background: transparent;
	min-width: unset;
	padding: 0 30px 0 20px;
}
.ajax-lazyload a.btn:focus,
.ajax-lazyload a.btn.focus {
	box-shadow: none;
}


.ajax-lazyload a.btn::after {
	content: " ";
	width: 6px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG5JREFUeNpiZNj5moWBgeEEEBsD8bb/biLeQJqBCcj4A6QTgPgXEHsx7noDYjMw/v//nwHM2PWmGki1APFHINZmAQpMYIAAkJF/gZgfiGeBOB/QJJjxGgWWAArqADlngZgNiBOBDlrAiMu5AAEGAP4UK1pXCqhzAAAAAElFTkSuQmCC) center center no-repeat;
	transform: rotate(90deg);
}




@keyframes load {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

.ajax-lazyload a span {
	margin-right: 8px;
	animation-name: load;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/* End */


/* Start:/bitrix/templates/galla_m/components/bitrix/news.list/portfolio-v2/style.css?17231161258834*/
.portfolio {
	position: relative;
    margin-bottom:-15px;
}


.portfolio .row {
	margin-left: -7px;
	margin-right: -7px;
}


.portfolio .row > * {
	margin-bottom: 15px;
	padding-left: 7px;
	padding-right: 7px;
}




.portfolio .portfolio-item {
	box-shadow: 0 0 14px 0 #b1b1b1;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	height: 100%;
}

.portfolio .portfolio-item .preview_picture {
	width: 100%;
	cursor: pointer;
}

.portfolio .portfolio-item .desc-block {
	padding: 20px;
	background-color: #fff;
	min-height: 114px;
}

.portfolio .portfolio-item .desc-block .title {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 500;
    margin-bottom: 0;
}

.portfolio .portfolio-item .desc-block .desc {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 400;
    margin-bottom: 0;
}

.portfolio .portfolio-item .desc-block .brand {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 400;
    margin-bottom: 0;
}

.portfolio .portfolio-item .desc-block a:not([data-toggle="popover"]) {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FF3F19;
	font-weight: 400;
	cursor: pointer;
}






/*всплывающее окно*/
.portfolio + .modal{
	-webkit-user-select: none;
	/* user-select -- это нестандартное свойство */
	
	-moz-user-select: none;
	/* поэтому нужны префиксы */
	
	-ms-user-select: none;
}

.portfolio + .modal .modal-dialog {
	width: 969px;
	margin: 150px auto 30px auto;
}


.portfolio + .modal .modal-dialog .close {
	float: none;
	position: absolute;
	z-index: 1;
	right: -54px;
    top: -90px;
	font-size: 16px;
	line-height: 36px;
	color: #8D8D8D;
	filter: alpha(opacity=100);
	opacity: 1;
	text-shadow: none;
	font-weight: 500;
	font-family: Roboto;
}

.portfolio + .modal .modal-dialog .close span {
	font-size: 27px;
	line-height: 32px;
	vertical-align: middle;
}


.portfolio + .modal .modal-dialog .modal-content > span {
	position: absolute;
	z-index: 1;
	top: 0;
	font-size: 80px;
    color: #8D8D8D;
	cursor: pointer;
    height: 466px;
    line-height: 466px;
	width: 80px;
	text-align: center;
}

.portfolio + .modal .modal-dialog .modal-content > span.material-icons[data-dir="left"] {
	left: -80px;
}

.portfolio + .modal .modal-dialog .modal-content > span.material-icons[data-dir="right"] {
	right: -80px;
}

.portfolio + .modal .modal-dialog .modal-content {
	border-radius: 0;
}

.portfolio + .modal .modal-dialog .modal-body {
	padding: 0;
	text-align: center;
	height: 466px;
}

.portfolio + .modal .modal-dialog .modal-body .clearfix {
	height: 100%;
}

.portfolio + .modal .modal-dialog .modal-body img {
	max-width: 700px;
	width: 100%;
	max-height: 100%;
    object-fit: contain;
}

.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail {
	position: relative;
	width: 266px;
	height: 100%;
	padding: 25px;
}

.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .brand {
	font-size: 22px;
	line-height: 18px;
	color: #434343;
	font-weight: 300;
	font-family: Roboto;
	margin-bottom: 5px;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .brand-desc {
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 300;
	font-family: Roboto;
	margin-bottom: 22px;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .title {
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 500;
	font-family: Roboto;
	margin: 0;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .desc {
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 300;
	font-family: Roboto;
	margin-bottom: 0;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .desc .remove {
	display: block;
	margin-top: 20px;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .bx-call-button {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 19px;
	color: #fff;
	background-color: #FF3F19;
	padding: 10px 11px;
	text-decoration: none;
	cursor: pointer;
	font-family: Roboto;
	border-radius: 4px;
	box-shadow: 1px 1px 2px 0 #c1c1c1;
	display: inline-block;
	font-weight: 400;
    position: absolute;
    bottom: 110px;
    left: 34px;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .info {
	font-size: 13px;
	line-height: 18px;
	color: #626567;
	font-weight: 300;
	font-family: Roboto;
	margin: 0;
	position: absolute;
	bottom: 25px;
	left: 0;
	padding: 0 25px;
}




.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews {
	margin-top: 40px;
	position: absolute;
	width: 100%;
	height: auto;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview {
	margin-right: 8px;
	opacity: 0.2;
	cursor: pointer;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview.active {
	margin-right: 8px;
	opacity: 1;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview:last-of-type {
	margin-right: 0;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview img {
    width: 120px;
    height: 78px;
}
.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview span {
	font-size: 16px;
	line-height: 36px;
	color: #8D8D8D;
	font-weight: 400;
	font-family: Roboto;
	display: block;
}


.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #0000008c;
}

body.modal-open {
	padding-right: 0 !important;
}





.ajax-lazyload a.btn {
	border-radius: 4px;
	border: solid 1px #4386f4;
	background-color: #ffffff;

	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: 0.2px;
	color: #4386f4;

	margin-top: 60px;
	padding: 12px 15px;
}






@media (max-width: 1309px) {

	.portfolio + .modal .modal-dialog {
		width: 820px;
		margin: 150px auto 30px auto;
	}

	.portfolio + .modal .modal-dialog .modal-body {
		height: 379px;
	}

	.portfolio + .modal .modal-dialog .modal-body img {
		max-width: 570px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail {
		width: 247px;
		padding: 15px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .desc {
		line-height: 15px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .bx-call-button {
		bottom: 66px;
		left: 22px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .info {
		bottom: 15px;
		left: 0;
		padding: 0 15px;
		line-height: 14px;
	}

	.portfolio + .modal .modal-dialog .modal-content > span {
		height: 380px;
		line-height: 380px;
	}

}

@media (max-width: 991px) {

	.portfolio + .modal .modal-dialog {
		width: 560px;
		margin: 100px auto 30px auto;
	}

	.portfolio + .modal .modal-dialog .close {
		right: -54px;
		top: -60px;
	}

	.portfolio + .modal .modal-dialog .modal-body {
		height: auto;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail {
		width: 100%;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews {
		margin-top: 8px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-previews .preview img {
		width: 90px;
		height: 60px;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .bx-call-button {
		position: static;
		margin: 30px 0;
	}

	.portfolio + .modal .modal-dialog .modal-body .bx-portfolio-detail .info {
		position: static;
		padding: 0;
	}

}

@media (max-width: 767px) {

	.portfolio {
		margin-left: -15px;
		margin-right: -15px;
	}



	.portfolio + .modal .modal-dialog {
		width: 400px;
	}

	.portfolio + .modal .modal-dialog .modal-content > span {
		height: 260px;
		line-height: 260px;
	}

	.modal-open .modal {
		padding-right: 0 !important;
	}

}


@media (max-width: 579px) {

	.portfolio .portfolio-item .desc-block {
		padding: 10px;
		min-height: 80px;
	}
	.portfolio .portfolio-item .desc-block .brand {
		font-size: 12px;
		line-height: 14px;
	}
	.portfolio .portfolio-item .desc-block .title {
		font-size: 12px;
	}
	.portfolio .portfolio-item .desc-block .desc {
		font-size: 11px;
		line-height: 12px;
	}





	.portfolio + .modal .modal-dialog {
		width: 400px;
	}

}


@media (max-width: 449px) {


	.portfolio + .modal .modal-dialog {
		width: 290px;
	}

	.portfolio + .modal .modal-dialog .close {
		right: 0;
		top: -40px;
	}

	.portfolio + .modal .modal-dialog .modal-content > span {
		height: 190px;
		line-height: 190px;
		text-align: center;
		font-size: 60px;
		width: 60px;
		color: #000000;
	}
	
	.portfolio + .modal .modal-dialog .modal-content > span.material-icons[data-dir="left"] {
		left: 0;
	}
	
	.portfolio + .modal .modal-dialog .modal-content > span.material-icons[data-dir="right"] {
		right: 0;
	}

}


@media (max-width: 379px) {

}
/* End */


/* Start:/bitrix/templates/galla_m/components/bitrix/main.include/form-order-modal-v2/style.css?16145931731787*/
/*всплывающее окно*/
#order-form-modal-v2 {
	-webkit-user-select: none;
	/* user-select -- это нестандартное свойство */
	
	-moz-user-select: none;
	/* поэтому нужны префиксы */
	
	-ms-user-select: none;

    overflow: hidden auto;
}

#order-form-modal-v2 .modal-dialog {
	width: 969px;
	margin: 150px auto 30px auto;
}
#order-form-modal-v2  .modal-body {
    padding: 0;
}

#order-form-modal-v2 .modal-dialog .close {
	float: none;
	position: absolute;
	z-index: 1;
	right: -54px;
    top: -90px;
	font-size: 16px;
	line-height: 36px;
	color: #8D8D8D;
	filter: alpha(opacity=100);
	opacity: 1;
	text-shadow: none;
	font-weight: 500;
	font-family: Roboto;
}




.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #0000008c;
}

body.modal-open {
	padding-right: 0 !important;
}





#order-form-modal-v2 .bx-order-form-container {
	max-width: none;
	margin: 0;
}






@media (max-width: 1309px) {

	#order-form-modal-v2 .modal-dialog {
		width: 820px;
		margin: 150px auto 30px auto;
	}

}

@media (max-width: 991px) {

	#order-form-modal-v2 .modal-dialog {
		width: 560px;
		margin: 100px auto 30px auto;
	}

	#order-form-modal-v2 .modal-dialog .close {
		right: -54px;
		top: -60px;
	}

	#order-form-modal-v2 .modal-dialog .modal-body {
		height: auto;
	}

}

@media (max-width: 767px) {

	#order-form-modal-v2 .modal-dialog {
		width: 400px;
	}

	.modal-open .modal {
		padding-right: 0 !important;
	}

}


@media (max-width: 579px) {

	#order-form-modal-v2 .modal-dialog {
		width: 400px;
	}

}


@media (max-width: 449px) {


	#order-form-modal-v2 .modal-dialog {
		width: 290px;
	}

	#order-form-modal-v2 .modal-dialog .close {
		right: 0;
		top: -40px;
	}

}


@media (max-width: 379px) {


}
/* End */


/* Start:/bitrix/templates/galla_m/components/bitrix/main.include/order-form-main/style.css?16385231433194*/
/*------------------------------------------*/


.bx-order-form-container {
	position: relative;
	max-width: 830px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: 80px auto;
}

.soglasie-link {
    padding: 0 15px 0 15px !important;
}








.bx-order-form-container .form {
	padding: 40px 35px;
}

.bx-order-form-container .form .bx-order-heading {
/* 	font-family: "Open Sans", sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #848484;
	font-weight: 300;
	margin-bottom: 38px; */
    font-family: Montserrat;
    font-size: 21px;
    line-height: 1.1;
    color: #696969;
    font-weight: bold;
	margin-bottom: 38px;
}

.bx-order-form-container .form .row {
	margin-left: -10px;
	margin-right: -10px;
}

.bx-order-form-container .form .row > * {
	padding-left: 10px;
	padding-right: 10px;
}

.bx-order-form-container .form .form-group {
	margin-bottom: 26px;
}

.bx-order-form-container .form .form-control {
	height: 46px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #212121;
	font-weight: 400;
	border: 1px solid #E2E2E2;
	border-radius: 0;
}

.bx-order-form-container .form textarea.form-control {
	height: 190px;
}


.bx-order-form-container .form .label-file {
	font-size: 16px;
	line-height: 19px;
	font-family: Roboto;
	color: #FF3F19;
	cursor: pointer;
	margin: 12px 0 0 0;
}

.bx-order-form-container .form .label-file i {
	font-size: 25px;
	line-height: 19px;
	color: #BEBEBE;
    vertical-align: middle;
}

.bx-order-form-container .form .selected_file {
	float: left;
	font-size: 14px;
	line-height: 19px;
	font-family: Roboto;
	color: #df8209;
	margin: 24px 0 6px 0;
}

.bx-order-form-container .form .help-block {
	color: #626567;
	font-size: 12px;
	margin-bottom: 18px;
}

.bx-order-form-container .form .soglasie-link {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;
	text-align: justify!important;
}


.bx-order-form-container .form .btn {
	margin-top: 6px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	background: #FF3F19;
	border: 0;
	padding: 12px 26px;
	text-decoration: none;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	border-radius: 4px;
	display: inline-block;
	box-shadow: 1px 1px 2px 0 #c1c1c1;
	text-shadow: none;
	letter-spacing: 1px;
}

@keyframes load {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}
.bx-order-form-container .form .btn span {
	animation-name: load;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}











@media (max-width: 1309px) {

	.bx-order-form-container .cont {
		padding-right: 0;
	}

}

@media (max-width: 991px) {

	.bx-order-form-container .cont {
    	padding: 0;
	}

	.bx-order-form-container .row > *:last-of-type {
		margin-top: 0;
	}

	.soglasie-link {
		padding: 0 !important;
	}

	.bx-order-form-container .bx-call-button {
		margin: auto;
		display: block;
		max-width: 184px;
	}

}

@media (max-width: 767px) {

	.service-detail .bx-order-form-container .title {
		font-size: 25px;
		margin: 20px 0 20px 0;
	}

}

@media (max-width: 579px) {

}

@media (max-width: 449px) {

}

@media (max-width: 379px) {

}
/* End */


/* Start:/bitrix/templates/galla_m/components/bitrix/main.include/soglasie/style.css?1614593173783*/
.soglasie-link {
	font-size: 12px;
	color: gray;
	font-family: 'Roboto', sans-serif;
	line-height: 17px;
	font-weight: 300;
	color: #95989A;
	text-align: left !important;
}

.soglasie-link a {
	cursor: pointer;
	color: #212121;
}


.soglasie-modal .modal-dialog {}

.soglasie-modal .modal-body {
	height: 500px;
	overflow-y: scroll;
}

.soglasie-modal .modal-body p {
	text-align: left !important;
	font-size: 14px;
	padding: 0 !important;
}


@media (max-width: 1309px) {

}

@media (max-width: 991px) {

}

@media (min-width: 768px) {
	.soglasie-modal .modal-dialog {
		width: 740px;
	}
}

@media (max-width: 767px) {
	.soglasie-modal .modal-body {
		height: 400px;
	}

	.soglasie-modal .modal-body p {
		font-size: 12px;
	}

	.soglasie-modal .modal-title {
		font-size: 14px;
	}
}
/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/service-breadcrumbs/style.css?1622448544978 */
/* /bitrix/templates/galla_m/components/bitrix/menu/left-menu-v2/style.css?16145931731798 */
/* /bitrix/templates/.default/components/bitrix/main.include/ajax/style.css?16145931731011 */
/* /bitrix/templates/galla_m/components/bitrix/news.list/portfolio-v2/style.css?17231161258834 */
/* /bitrix/templates/galla_m/components/bitrix/main.include/form-order-modal-v2/style.css?16145931731787 */
/* /bitrix/templates/galla_m/components/bitrix/main.include/order-form-main/style.css?16385231433194 */
/* /bitrix/templates/galla_m/components/bitrix/main.include/soglasie/style.css?1614593173783 */