

/* Start:/bitrix/templates/vorota_full_width_copy/css/maxyss.css?174050819111870*/
.main_but{
	display: none;
}
.mx__black{
	color: #000;
	margin-bottom: 30px;
}
.custom_content h2{
	margin-bottom: 35px;	
}
.mx__text + .mx__amenities{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	justify-content: center;
	margin-bottom: 30px;
}
.mx__amenities{
	font-size: 18px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.material.mx__amenities{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.mx__amenities-long{
	position: relative;
}
.mx__amenities__item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	width: 48%;
	position: relative;
	margin-bottom: 20px;
}
.mx__amenities-pic{
	width: 145px;
	height: auto;
	margin-right: 18px;
}
.mx__amenities--num{
	display: block;
	position: absolute;
	top: 5px;
	left: 15px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	background-color: #f6951d;
	color: #fff;
	text-align: center;
}
.mx__amenities-text{
	font-size: 16px;
}
.mx__top__step{
	margin-top: 40px;
}
.mx__bottom__step{
	margin-bottom: 50px !important;
}
.mx__left{
	width: 28%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-around;
}
.mx__left span{
	text-align: center;
}
.mx__right{
	width: 70%;
}
.mx__right img{
	display: block;
	width: 100%;
	height: auto;
}
.mx__desc{
	text-align: center;
	font-weight: 600;
}
.mx__text{
	font-size: 16px;
}
.mx__desc span{
	font-size: 20px;
	display: block;
}
.mx__example--item{
	width: 23%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}
.mx__example--item img{
	width: 100%;
	height: 355px;
	display: block;
}
.mx__sale{
	display: block;
	text-align: center;
	padding: 3px 8px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 30px;
    left: -7px;
    border-radius: 5px;
    font-weight: 700;
    font-style: italic;
	background-color: #ef7f1a;
}
.mx__info--text{
	font-size: 18px;
}
.mx__example--item .mx__four{
	height: auto;
}
.mx__half-am .mx__example--item{
	width: 22.5%;
}
.mx__example--title{
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
}
.mx__example--price{
	margin-top: 25px;
	color: #00aeef;
    font: 24px MyriadProSemiBold;
    font-style: italic;
}
.mx__example--price span{
	font-size: 18px;
}
.mx__amenities + .calculate_wrap .mx__about{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	display: block;
	margin: auto;
   	padding: 7px 10px;
   	text-decoration: none;
	background-color: #ef7f1a;
	width: 280px;
    border-radius: 7px;
}
.mx__comparison{
	text-align: center;	
	font-size: 15px;
	vertical-align: text-top;
}
.mx__comparison td{
	border: 4px solid #fff;
}
.mx__table-header{
	font-weight: 700;
}
.mx__td-title{
	font-weight: 700;	
}
.mx__perfection-item{
	width: 18%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	position: relative;
}
.mx__perfection-item .mx__circle{
	font-size: 16px;
    left: -9px;
    top: -5px;
}
.mx__perfection-text{
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
.mx__perfection--desc{
	padding-left: 30px;
	position: relative;
}
.mx__circle{
	text-align: center;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 25px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	color: #fff;
	background: #ea831a;
}
.mx__perfection-block-pic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.mx__perfection-block-pic img{
	margin-right: 25px;
}
.mx__amenities + .mx__perfection-block-pic{
	margin-top: -30px;
	margin-bottom: 10px;
}
.mx__perfection-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}
.mx__perfection--desc{
	margin-bottom: 0;
}
.mx_half .mx__left, .mx_half .mx__right{
	width: 48%;
}
.mx_half{
	justify-content: space-between !important;
	margin-top: 30px;
}
.mx_half .mx__left img{
	width: 100%;
	height: auto;
}
.mx_half .mx__right{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
}
.mx_half-item{
	width: 45%;
}
.mx_half-item span{
	text-align: center;
	font-size: 16px;
	display: block;
}
.mx__images{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	position: relative;
}
.mx__images img{
	margin-right: 20px;
}
.mx__images ul{
	font-size: 15px;
	width: 62%;
	list-style: decimal;
	padding-left: 20px;
}
.mx__images_2{
	width: 30%;
}
.mx__images_4{
	width: 40%;
}
.mx__images_3{
	width: 22%;
}
.mx__images_5{
	margin-right: 0;
	width: 30%;
	-ms-align-self: center;
	align-self: center;
}
.numbers{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 0;
    padding: 0;
}
.numbers li{
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	line-height: 25px;
	background-color: #ea831a;
	position: absolute;
    top: -8px;
    left: -9px;
    text-align: center;
    color: #fff;
}
.numbers li:nth-child(2){
	left: 56px;
}
.numbers li:nth-child(3){
	left: 128px;
}
.numbers li:nth-child(4){
	left: 201px;
}
.numbers li:nth-child(5){
	left: 254px;
}
.numbers li:nth-child(6){
	left: 298px;
}
.numbers li:nth-child(6){
	left: 324px;
}
.numbers li:nth-child(7){
    left: 388px;
}
.numbers li:nth-child(8){
    left: 56px;
    top: 420px;
}
.numbers li:nth-child(9){
	left: -9px;
	top: 420px;
}
.numbers li:nth-child(10){
    left: 113px;
    top: 420px;
}
.numbers li:nth-child(11){
    left: 182px;
    top: 420px;
}
.numbers_2{

}
.ms__addres{
	font-size: 18px;
	margin-bottom: 25px;
}
.ms__addres span{
	font-weight: 700;
}
.mx__popups-links .mx__example--item{
	width: 24%;
}
.mx__perfection-rounded .mx__circle{
	left: 17px;
    top: 54px;
}
.calculate_wrap + .mx__top__step{
	margin-top: 80px;
}
.mx__amenities + .calculate_wrap{
	margin-top: 80px;
}
.mx__popups-pictures .Decograin-item{
	width: 48%;

}
.mx__popups-pictures a{
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 200px;
	overflow: hidden;
	border-radius: 15px;
}
.mx__popups-links .mx__example--item{
	margin-bottom: 10px;
}
.mx__popups-links a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 148px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
}
.mx__popups-links a .zoom_in, .ms_fancy .zoom_in{
	position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/hormann/sert_zoom.png) no-repeat;
}
.mx__amenities .bx-wrapper img{
	height: 100%;
	/*width: auto;*/
}
.mx__amenities-center{
	justify-content: space-around;
}
.mx__amenities-center .mx__example--item{
	width: 23%;
}
.mx__colors{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	border-radius: 20px;
	border: 1px solid #ececec;
	padding: 15px 0;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mx__colors img{
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
}
.mx__colors div{
	font-size: 16px;
}
.mx__colors h3{
	width: 100%;
	padding-left: 25px;
}
.mx__colors .mx__colors__item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	text-align: center;
	max-width: 100px;
}
.colors_3{
	width: 43%;
	-ms-align-items: center;

}
.colors_4{
	width: 54%;
	-ms-align-items: center;
}
.mx__colors-price{
    font: 24px MyriadProSemiBold;
	width: 100%;
	text-align: right;
	padding-right: 30px;
	margin-top: 30px;
	color: #00aeef;
	font-style: italic;
}
.mx__colors-price span{
	font-size: 18px;
}
.mx__options{
	width: 50%;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 15px;
}
.ms__options-desc{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding-left: 15px;
	padding-right: 15px;
}
.ms__options-title{
	font-size: 18px;
	min-height:125px; 
}
.ms__options-example{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}
.ms__options-example span{
	text-align: center;
	width: 120px;
	font-size: 16px;
}
.mx__options-price{
	position: absolute;
	bottom: 0;
	padding-right: 0;
	right: 20px;
	margin-top: auto;
	color: #00aeef;
	width: 100%;
}
.mx__example--item-big{
	width: 45%;
}
.mx__example--item-big .mx__example--price{
	margin-left: auto;
}
.top__step .mx__example--item{
	margin-bottom: 40px;
}
.mx__popups-links .bx-controls-direction a{
	border-radius: 0;
}
.ms .vcard{
	width: 50%;
	float: left;
}
.ms .cont_item{
	display: inline;
}
.ms .cont_title{
	display: inline;
}
.foto_fancy{
	width: 100%;
	height: 141px;overflow: hidden;
}
.ms_fancy{
	position: relative;
	margin: 9px;
	width: 22.8%;
	float: left;
	background-size: cover;
	height: 129px;
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center;
}
.top_h{
	margin-top: 35px;
	width: 100%;
	border-top: 1px solid #b3b3b3;
}
.office_st{
	background: #ea831a;
	text-align: center;
	width: 335px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 0 0 7px 7px;
	color: #fff;
	margin: 0 auto 20px;
}
.content .ms a.mail_cont{
	color: black;
	text-decoration: none;
}
.ms .tel a{
	color: #2e8dd0;
	font-weight: bold;
}
calculate_tel{

}
.reviews-all__title h2{
	margin-bottom: 0;
}
#calc_frames iframe{
	height: 1060px;
}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/js/slick/slick.css?17405081911729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/css/normalize.css?17405081912848*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/css/base.css?17405081911315*/
@font-face {
    font-family:'CenturyGothic';
    src: url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothic.eot');
    src: url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothic.woff') format('woff'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothic.ttf') format('truetype'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothic.svg#Garamond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.eot');
    src: url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.eot') format('embedded-opentype'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.woff2') format('woff2'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.woff') format('woff'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.ttf') format('truetype'),
    url('/bitrix/templates/vorota_full_width_copy/css/../fonts/CenturyGothicBold.svg#CenturyGothicBold') format('svg');
    font-style: normal;
    font-weight: bold;
}


p {margin: 0 0 10px;}

b {font-weight: bold;}


a {color: #3f3124;text-decoration: none;}
a:hover {text-decoration: underline;}

body {font-family:'CenturyGothic'; font-size: 18px; color: #000; background: #fff;}

h1, h2, h3, h4 {margin: 0 0 10px; color: #ea831a; font-weight: bold;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}

.content a {
    color: #0099CC;
    text-decoration: underline;
}


/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/fancybox/jquery.fancybox.css?17405081914825*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #000000;
	padding: 20px;
	text-shadow: none;

}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/bitrix/templates/vorota_full_width_copy/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/bitrix/templates/vorota_full_width_copy/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/bitrix/templates/vorota_full_width_copy/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/bitrix/templates/vorota_full_width_copy/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/bitrix/templates/vorota_full_width_copy/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/bitrix/templates/vorota_full_width_copy/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_mob_2021/style.css?1740508191120*/
.catalog__list ul{
	height: auto !important;
}
.catalog__sub-list{
	min-height: 100%;
}
.catalog__list{
	height: 100%;
}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_mob_cat/style.css?1740508191120*/
.catalog__list ul{
	height: auto !important;
}
.catalog__sub-list{
	min-height: 100%;
}
.catalog__list{
	height: 100%;
}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_2021/style.css?17405081916783*/
.new_nav{
	/*background-color: #000;*/
}
.new_nav-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0 !important;
}
.new_nav-list__sub-list *{
	box-sizing: border-box;
}
.aside-cat_name{
	display: inline !important;
}
.new_nav-list .catalog__link,.new_nav-list .new_nav-list__item a{
	color: #4d4d4d !important;
	font-weight: 700;
	text-decoration: none !important;
}
.new_nav-list__sub-list{
	display: none;
	padding-left: 0;
	min-width: 300px;
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	/*padding: 15px;*/
	/*padding-top: 15px;*/
	/*padding-bottom: 15px;*/
	z-index: 15;
	box-sizing: border-box;
}
.new_nav-list__sub-list li{

}
.new_nav-list>.new_nav-list__item>.catalog__link{
	/*text-transform: uppercase;*/
	color: #4d4d4d !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
}
.new_nav-list>.new_nav-list__item a{
	font-size: 16px;
	line-height: 22px;
}
.new_nav-list>.new_nav-list__item{
	position: relative;
	padding-bottom: 8px;
	padding-top: 8px;
	flex: 1 1 auto;
	text-align: center;
}
.new_nav-list>.new_nav-list__item:not(.new_nav-list__item--cat)+.new_nav-list__item:after{
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	background-color: #d4d4d4;
}
.new_nav-list__sub-list>.new_nav-list__item{
	text-align: left;
}

.new_nav-list__sub-list>.new_nav-list__item:hover
{
	background-color: #ee7a11;
	border-top-color: transparent !important;
	border-left-color: transparent;
	border-right-color: transparent;
}
.new_nav-list__sub-list>.new_nav-list__item:hover+.new_nav-list__item{
	border-top-color: transparent !important;
}
.new_nav-list__sub-list>.new_nav-list__item:hover>.new_nav-list__sub-list{
	display: block;
	position: absolute;
}
.new_nav-list__sub-list>.new_nav-list__item:hover>a,
.new_nav-list__sub-list>.new_nav-list__item:hover>.aside-cat_name{
	color: #fff !important;
}
.new_nav-list>.new_nav-list__item:hover {
}
.new_nav-list__sub-list .new_nav-list__item{
	padding: 10px 15px;
	padding-right: 20px;
	/*border-left: 1px solid #ccc;*/
	/*border-right: 1px solid #ccc;*/
	/*height: 43px;*/
}
.new_nav-list>.new_nav-list__item>.new_nav-list__sub-list{
	position: absolute;
	top: 100%;
	left: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.new_nav-list>.new_nav-list__item:hover>.new_nav-list__sub-list{
	display: block;
	/*border: 1px solid #ccc;*/
	border-top-color: transparent;
}
.new_nav-list__item:hover{
	position: relative;
}
.new_nav-list>.new_nav-list__item>.new_nav-list__sub-list>.new_nav-list__item .new_nav-list__sub-list{
	left: 100%;
	top: 0;
}
.new_nav-list>.new_nav-list__item>.new_nav-list__sub-list>.new_nav-list__item:hover>.new_nav-list__sub-list{
	display: block;
	position: absolute;

	/*left: 100%;*/
	/*top: 0;*/
}

.new_nav-list .catalog__next{
	display: none !important;
}
.new_nav-list .catalog__next:before{
	display: none;
}
.new_nav-list .catalog__next:after{
	display: none;
}
.new_nav-list .new_nav-list__sub-list .new_nav-list__item .catalog__next{
	display: block !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 9px;
	width: 0;
	padding: 0;
	height: 0;
	min-width: 0;
	min-height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ee7a11;

}
.new_nav-list__sub-list .new_nav-list__item{
	position: relative;
}
.new_nav-list__sub-list .new_nav-list__item+.new_nav-list__item{
	border-top: 1px solid #ccc;
}
.new_nav-list .new_nav-list__sub-list .new_nav-list__item:hover>.catalog__next{
	border-color: transparent transparent transparent #fff;
}
.new_nav-list>.new_nav-list__item>.catalog__next{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ee7a11;
	opacity: 0;
	padding: 0;
	display: block !important;
	height: 4px;
	min-height: 0;
}
.new_nav-list>.new_nav-list__item:hover>.catalog__next{
	opacity: 1;
}
.new_nav-list__item--cat{
	display: flex;
	align-items: center;
	padding: 8px;
	border-radius: 5px;
	background-color: #808080;
	padding: 0 !important;
}

.new_nav-list>.new_nav-list__item.new_nav-list__item--cat>.catalog__next{
	display: none !important;
}
.header--fixed .new_nav-list__item--cat-but,.new_nav-list__item--cat{
	background-color: transparent !important;
	padding: 15px;
}
.header--fixed .new_nav-list__item--cat-but>a{
	display: none;
}
.header--fixed .new_nav-list__item-but{
	margin-left: 0;
}
.header--fixed .new_nav-list__item--cat-but span{
	width: 30px;
	height: 3px;
	background-color: #808080;
}
.header--fixed .new_nav-list__item--cat-but span:after{
	bottom: -8px;
	background-color: #808080;
}
.header--fixed .new_nav-list__item--cat-but span:before{
	top: -8px;
	background-color: #808080;
}
.new_nav-list__item-but{
	display: block;
	margin-left: 10px;
}
.new_nav-list__item-but span{
	display: block;
	width: 15px;
	height: 2px;
	background-color: #fff;
	position: relative;
}
.new_nav-list__item-but span:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.new_nav-list__item-but span:before{
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.new_nav-list>.new_nav-list__item.new_nav-list__item--cat>.catalog__link{
	color: #fff !important;
}
.new_nav-list>.new_nav-list__item.new_nav-list__item--cat:hover>.catalog__link{
	color: #fff !important;
}
.new_nav-list>.new_nav-list__item.new_nav-list__item--cat:hover{
	/*background-color: #ee7a11;*/
}

.header--fixed .new_nav-list>.new_nav-list__item>.catalog__link{
	color: #666;
}
.header--fixed .new_nav-list .catalog__link, .header--fixed .new_nav-list .new_nav-list__item:not(.new_nav-list__item--cat) a{
	color: #666 !important;
}
.header--fixed .new_nav-list__sub-list>.new_nav-list__item:hover>a, .header--fixed .new_nav-list__sub-list>.new_nav-list__item:hover>.aside-cat_name{
	color: #fff !important;
}
@media screen and (max-width: 1170px){
	.header--fixed .new_nav-list__item--cat>.catalog__link{
		display: none;
	}
	.header--fixed .new_nav-list__item-but{
		margin-left: 0;
	}
	.header--fixed .new_nav-list__item-but span{
		width: 25px;
	}
	.header--fixed .new_nav-list__item--cat{
		/*padding:  18px 12px;*/
		height: 30px;
	}
}

.new_nav-list__item--cat-but{
	display: flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 5px;
	background-color: #ee7a11;
	background-color: #999999 ;
}
.new_nav-list>.new_nav-list__item .new_nav-list__item--cat-but a{
	color: #fff !important;
}
.new_nav-list__item--cat:hover .new_nav-list__item--cat-but{
	background-color: #ee7a11;

}
.new_nav-list__item--cat-but:hover{
	background-color: #ee7a11;
}
.new_nav-list__item--cat-but:hover a{
	color: #fff !important;
}
/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/components/bitrix/menu/bottommenu/style.css?17405081913761*/

.footer_menu+.titled{
	margin-top: 9px;
}
.footer_menu p.titled{
	margin-bottom: 18px;
	font-size: 16px;
	position: relative;
}
.footer_menu li{
	margin-bottom: 0;
	padding: 0px 0;
	padding-right: 8px;
	position: relative;
	margin-bottom: 5px;
}
.footer_menu li a{
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
	display: block;
	color: #4d4d4d;
	/*position: relative;*/
}
.footer_menu li a:after{
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 8px;
	bottom: 0;
	color: #ee7a11;
	font-weight: 700;
	background-color: #fff;
	/*white-space: nowrap;*/
	font-size: 12px;
	line-height: 24px;
	padding: 0px 0;
	opacity: 0;
}
.foot-contacts-link{
	color: #4d4d4d;
	font-size: 12px;
	text-decoration: none;
}
.foot-contacts-link span.link-text{
	display: block;
	min-height: 37px;
}
.foot-contacts-link:hover{
	font-weight: 600;
	color: #ee7a11;
	text-decoration: none !important;
}
.footer_menu li a:hover{
	/*font-weight: 600;*/
	/*color: #ee7a11;*/
}

.footer_menu li a:hover:after{
	/*color: #ee7a11;*/
	opacity: 1;
}
.foot-menu-block+.foot-menu-block{
	margin-top: 15px;
}
@media screen and (max-width: 768px) {
	.foot-menu-opener{
		position: relative;
		padding: 10px 10px 5px;
		margin-bottom: 5px;
		text-align: center;
	}
	.footer_menu{
		display: none;
	}
	.foot-menu-opener:after{
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 5px 0 5px;
		border-color: #999999 transparent transparent transparent;
		position: absolute;
		top: 15px;
		right: 5px;
		transition: all 250ms ease-in;
	}
	.foot-menu-opener.active:after{
		border-color: #ee7a11 transparent transparent transparent;
		transform: rotate(180deg);
	}
	.footer_menu+.titled{
		margin-top: 0;
	}
	.foot-menu-block{
		border-bottom: 1px solid #999999;
	}
	.footer_menu{
		padding-left: 10px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
	.footer_menu li a{
		font-weight: 600;
		color: #999999;
		text-align: center;
		font-size: 14px;
		line-height: 26px;
	}
}
.footer{
	position: relative;
}
.to-top{
	display: block;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 50px;
	bottom: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
	opacity: 0;
	transition: all 250ms ease-in;
	z-index: 10;
}
.to-top.active{
	opacity: 1;
}
.to-top.visible{
	opacity: 1;
}
.footer_bottom .cols-r{
	display: flex;
}
.footer_bottom .cols-r>div{
	flex: 1 1 auto;
	/*margin-right: 25px;*/
}
.footer_bottom .cols-r>div:last-child{
	margin-right: 0;
}
.foot-contacts-img{
	position: relative;
	display: block;
}
.foot-contacts-img img{
	display: block;
	width: 100%;
	height: auto;
}
.first_img{}
.second_img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.foot-contacts-img--small{
	max-width: 75px;
	margin-left: auto;
	margin-right: auto;
}
.foot-contacts-link:hover .foot-contacts-img .second_img{
	opacity: 1;
}
@media screen and (max-width: 768px) {
	.foot-contacts-img{
		max-width: 150px;
	}
	.footer_bottom .cols-r{
		display: block;
		padding-bottom: 22px;
	}
	.footer_bottom .cols-r>div{
		width: 100%;
		max-width: 100%;
		/*margin-top: 15px;*/
	}
	.foot-menu-block+.foot-menu-block{
		margin-top: 0;
	}
}
@media screen and (min-width: 1170px) {
	.footer_menu li a{
		font-size: 16px;
		line-height: normal;
	}
	.foot-menu-block .footer_menu{
		margin-top: 20px;
	}
	.foot-menu-block+.foot-menu-block{
		margin-top: 20px;
	}
	.footer_menu li+li{
		margin-top: 15px;
	}
	.footer_menu li a:after{
		font-size: 16px;
		line-height: normal;
	}
}
.footer_bottom .map{
	margin-left: auto;
	margin-right: auto;
}
.footer_bottom .map a{
	display: block;
}

/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/styles.css?174884703861480*/
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/*-------------------------------
           COMMON
--------------------------------*/

.clear {clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.imgl {float: left;margin: 0 10px 5px 0;}
.imgr {float: right; margin: 0 0 5px 5px;}

.align-center, .center {text-align: center;}
.align-right {text-align: right;}
.align-left { text-align: left; }
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.is-hidden {display: none;}

.float-left { float: left;}
.float-right { float: right;}

.clear_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.overflow_hidden {overflow: hidden;}

.gallery_tbl {width: 650px; margin: 0 auto;}
.gallery_tbl td {text-align: center;}


.btn, a.btn {display: inline-block; *zoom: 1; *display: inline; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 5px; background: #EB7D0E; text-decoration: none;}

.btn:hover {
    text-decoration: none;
    opacity: 0.8;
}

hr {
    height: 1px;
    background: #E1E3E2;
    width: 100%;
    border: none;
    margin-bottom: 20px;
}

.cols2, .columns3, .columns4 {
    overflow: hidden;
    clear: both;
}

.cols2_item {
    width: 48%;
    float: left;
    margin-bottom: 30px;
}

.cols2_item:nth-child(2n) {
    float: right;
}

.columns2_item {
    width: 48%;
    float: left;
    margin-bottom: 30px;
}
.columns2_item.last {
    float: right;
}
.columns3_item {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 20px;
    float: left;
}
.columns3_item.last, .columns4_item.last {
    float: right;
    margin-right: 0;
    clear: right;
}

.columns3_item img, .columns4_item img {
    max-width: 100%;
    vertical-align: top;
}

.columns4_item img {
    border-radius: 10px;
}

.columns4_item {
    width: 22%;
    margin-right: 3.5%;
    margin-bottom: 20px;
    float: left;
}

/*-------------------------------
           LAYOUT
--------------------------------*/

.wrap {

    margin: 0 auto;
}

.middle {
    margin: 5px 0;
}

.sidebar {
    width: 255px;
    float: left;
    margin-right: 25px;
}

.inner-page .content {
    float: right;
    width: 820px;
}



/*-------------------------------
           FORMS
--------------------------------*/
.form {
    text-align: left;
}
.form label {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}

.form input[type="text"], .form textarea {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 580px;
}
.form textarea {
    height: 130px;
    padding: 10px;
}


.form input[type="submit"] {
    background: #ea831a none repeat scroll 0 0;
    border: medium none;
    border-radius: 7px;
    color: #ffffff;
    display: block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    width: 260px;
}


/*-------------------------------
           HEADER
--------------------------------*/
.header *{
    box-sizing: border-box;
}


.header_top {
    padding: 5px 0 5px;
    /*max-width: 1170px;*/
    margin: auto;
}

.adv_list {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wrap--head .logo img{
    display: block;
    width: 100%;
    height: auto;
}
.wrap--head .header-right{
    flex: 1 1 25%;
    max-width: 280px;
    min-width: 270px;
    text-align: right;
}


.tel, .tel a {
    font-size: 25.7px;
    color: #ee7a11;
    text-decoration: none;
}
header .tel, .tel a{
    font-weight: 700;
}
header .float-right span{
    font-weight: 700;
    /*white-space: nowrap;*/
    text-align: right;
    color: #4d4d4d;
}

.header .tel a{
    font-weight: 700;
}
.header a.mail{
    color: #999;
    font-weight: 600;
}
.workours {
    font-size: 15px;
    color: #0099cc;
    margin: 3px 0;
}

.address {
    font-size: 13px;
}

.part-logos {
    padding-top: 15px;
    position: relative;
    z-index: 10;
    color: #666666;
    font-size: 15px;
}
.part-logos img {
    margin-top: 5px;
    width: 250px;
}


.flash_header {
    position: absolute;
    right: 0;
}

.header_bottom {
    position: relative;
    min-height: 180px;
}




/*-------------------------------
            FOOTER
--------------------------------*/

.footer {
    border-top: 1px solid #b3b3b3;
    padding-bottom: 20px;
    /*min-width: 1100px;*/
}

.projects {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 30px;
    width: 100%;
}
.projects_title {
    background: #ea831a;
    text-align: center;
    width: 335px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 0 0 7px 7px;
    color: #fff;
    margin: 0 auto 20px;
}
.projects_thumbs {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
.project_thumb {
    width: 20%;
    float: left;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.projects_img {
    position:relative;
    display:block;
    overflow: hidden;
}
.projects_img:after{
    content: '';
    float: left;
    padding-top: 20%;
}
.projects_img img{
    display: block;
    position: absolute;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.col1, .col2, .col3, .col4, .col5 {float: left; margin-right: 35px}
.col5  {margin-right: 0;}

.col1 {
    font-size: 16px;
}

.footer_tel {
    font-size: 26.8px;
    font-weight: bold;
    color: #ea831a;
    margin: 10px 0;
}

.footer__bottom-block{
    padding: 30px 0 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.footer__socials{
    display: flex;
    flex: 0 0 50%;
    max-width: 200px;
    /*max-width: 220px;*/
}
.footer__socials a{
    display: block;
    flex: 0 0 18%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}
.footer__socials a:after{
    content: '';
    float: left;
    padding-top: 100%;
}
.footer__socials a+a{
    margin-left: 5px;
}
.footer__socials a img{
    display: block;
    /*width: 40px;*/
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.footer__payments{
    display: flex;
    margin-left: auto;
    flex: 0 0 40%;
    max-width: 150px;
}
.footer__payments span{
    display: block;
    overflow: hidden;
    position: relative;
    flex: 0 0 31.3%;
    border-radius: 5px;
    margin-right: 5px;
}
.footer__payments span:after{
    content: '';
    float: left;
    padding-top: 40%;
}
.footer__payments span:last-child{
    margin-right: 0;
}
.footer__payments span img{
    position: absolute;
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer__info{
    flex: 1 1 100%;
    padding-left: 0;
    padding-right: 0;
}
.footer__info p{
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
}
.foot-policy{
    font-size: 12px;
    text-decoration: none !important;
    display: block;
    margin-bottom: 12px;
}

.callme-btn {
    display: block;
    padding: 7px 10px;
    background: #ea831a;
    color: #ffffff;
    text-align: center;
    border-radius: 7px;
    font-size: 17.8px;
    margin-bottom: 10px;
    font-weight: bold;
}
a.callme-btn {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
.callme-btn.__green {
    background: #A2D133;
}
.callme-btn:hover {
    text-decoration: none;
    opacity: 0.8;
}

.copyright {
    font-size: 12px;
    margin-top: 40px;
}

.col4 {
    font-size: 15.8px;
}

.col4 a {
    text-decoration: underline;
}

.col4 a:hover {
    text-decoration: none;
}

.workours_footer {
    background: url(/bitrix/templates/vorota_full_width_copy/img/workours.png) no-repeat;
    padding-left: 25px;
}

.map {
    width: 175px;
}

.col6 {
    float: right;
}

.socials a{
    width: 38px;
    height: 38px;
    display: block;

    margin-bottom: 13px;
}






/*-------------------------------
    CATEGORIES
--------------------------------*/
.cat-main {
    margin-bottom: 20px;
    text-align: center;
}

.cat_item {
    width: 331px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    opacity: 1;
    transition: 0.5s;
}



.cat_item:nth-child(3n) {
    margin-right: 0;
}

.cat_pic {
    vertical-align: middle;
}

.cat_item:hover .cat_link:after{
    display: block;
    width: 331px;
    height: 284px;
    position: absolute;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.2);
    content: '';
    transition: 0.5s;
    border-radius: 0 0 10px 10px;
}

.cat_item .cat_link:after {
    background: rgba(0,0,0,0);
    transition: 0.5s;

}

a.cat_link {
    display: block;
    position: relative;
    text-decoration: none
}

.cat_link:hover {
    text-decoration: none;
}

.cat_name {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 27px;
    color: #fff;
    background: #67b9e1;
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 10;
}

.cat-inner .cat_item {
    margin: 0 0 5px;
}
.cat-inner .cat_name {
    border-radius: 10px;
}
#bx_3218110189_2 .cat_name, #bx_3218110189_3 .cat_name {background: #b5cc1c;}
#bx_3218110189_6 .cat_name {background: #007eb4;}
#bx_3218110189_8 .cat_name, #bx_3218110189_9 .cat_name {background: #fbba00;}




/*-------------------------------
    WHY
--------------------------------*/

.why {
    min-width: 1100px;
    margin: 20px auto;
    background: #F8F8F8;
    padding: 20px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}


.why h2 {
    margin: 20px 0 40px;
}

.why-col {
    width: 450px;
    float: left;
}

.why-col.last {
    float: right;
}

.why_item {
    margin-bottom: 35px;
    padding-left: 80px;
    position: relative;
}

.why_item::before {
    display: inline-block;
    content: '';
    width: 65px;
    height: 67px;
    background: url(/bitrix/templates/vorota_full_width_copy/img/sprite.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.why_item.item1::before {background-position: 0 -60px;}
.why_item.item2::before {background-position: 0 -130px;}
.why_item.item3::before {background-position: 0 -199px;}
.why_item.item4::before {background-position: 0 -288px;}
.why_item.item5::before {background-position: 0 -373px;}
.why_item.item6::before {background-position: 0 -446px;}
.why_item.item7::before {background-position: 0 -508px;}
.why_item.item8::before {background-position: 0 -586px;}


.inner-page .why {
    background: none;
    padding: 0;
}

.inner-page .why-col {
    width: 380px;
}

/*-------------------------------
     PARTNERS
--------------------------------*/

.partner {
    overflow: hidden;
    margin-bottom: 20px;
}

.partner_logo {
    float: left;
    margin-right: 30px;
    width: 285px;
    text-align: right;
}

.partner_text {
    overflow: hidden;
}





/*-------------------------------
     SIDEBAR CATEGORIES
--------------------------------*/
.aside-cats {
    margin-bottom: 20px;
}

.aside-cat_item a{
    position: relative;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    overflow: hidden;
    background: #f8f8f8;
    border: 1px solid #949495;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 1.5%;
    display: table;
    /*width: 97%;*/
}

.aside-cat_item a:hover,
.aside-cat_item a.selected {
    background: #cccccc;
    text-decoration: none;
}

.aside-cat_thumb {
    vertical-align: middle;
    display: table-cell;
    width: 95px;
    text-align: center;
    line-height: 0;

}

.aside-cat_name {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}





/*-------------------------------
     SIDEBAR REVIEWS
--------------------------------*/

.reviews-aside {
    background: #f8f8f8;
    border: 1px solid #949495;
    padding: 25px 0;
    margin-bottom: 20px;
    border-radius: 10px;
}

.reviews-aside_title {
    color: #fff;
    font-weight: bold;
    font-size: 22.8px;
    padding: 10px;
    background: #f6951d;
    margin-bottom: 10px;
}

.reviews_aside_item {
    padding: 0 10px;
    font-size: 16.48px;
}



/*-------------------------------
     SIDEBAR CERTIFICATES
--------------------------------*/

.aside-serts {
    text-align: center;
}



/*-------------------------------
     TABS
--------------------------------*/

#tabs-nav {
    margin: 0 0 0 0px;
    padding: 3px 0 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid black;
}
#tabs-nav li {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #000;
    display: inline-block;
    float: left;
    margin-right: -1px;
    padding: 0 50px;
    text-align: center;
    border-bottom: none;
    padding-bottom: 3px;
}
#tabs-nav li a {
    color: #333333;
    font-size: 24px;
    text-decoration: none;
    text-transform: lowercase;
}

#tabs-nav li.current {
    background: #e9e9cc;
}

.tabs-item {
    padding: 15px 0;
}

.subtitle {
    background: #e9e9cc;
    padding: 3px 15px;
    margin: 15px 0;
    font-weight: bold;
    font-size: 24px;
}






/*-------------------------------
     FORM
--------------------------------*/

.api-feedback.tpl_default label {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
}

.tpl_default_author_name {
    margin-bottom: 10px;
}

.form_title {
    font-size: 25px;
    text-transform: uppercase;
    border-bottom: 7px solid #0099cc;
    display: inline-block;
    margin-bottom: 15px;
}

.tpl_default input[type="text"],
.tpl_default textarea {
    border: none;
    background: #eeeeee;
    height: 60px;
    line-height: 60px;
    width: 580px;
    padding: 0 10px;
    font-size: 25px;
    margin-bottom: 10px;
}

.tpl_default textarea {
    height: 130px;
    padding: 10px;
}

.api-submit {
    text-align: center;
}

.api-submit .api-btn {
    background: none repeat scroll 0 0 #ea831a;
    border-radius: 7px;
    color: #ffffff;
    font-size: 25px;
    border: none;
    display: block;
    margin: 0 auto;
    width: 260px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}





/*-------------------------------
     ???????
--------------------------------*/
.manuf {
    margin: 20px 0;
}

.manuf_item {
    float: left;
    padding: 0 2% 0 0;
    width: 48%;
}

.manuf_item.last {
    padding: 0 0 0 2%;
}

.manuf_link {
    text-decoration: underline;
}

.manuf_info {
    border: 1px solid #949495;
    border-radius: 5px;
    padding: 15px;
    min-height: 330px;
    margin: 10px 0 0;
}

.vorota-list {
    margin: 30px 0 50px;
}



.vorota-list_item {
    overflow: hidden;
    margin: 0 0 25px;


}
.vorota-list.cols2 {
    overflow: hidden;
}
.vorota-list.cols2 .vorota-list_item {
    width: 50%;
    float: left;
}

.list_item {
    margin: 0 0 25px;
}

.vorota-list_icon, .list_icon {
    margin-right: 20px;
    float: left;
}

.calculate {
    margin: 30px 0 0;
}

.calculate_tel, .calculate_tel  a {
    color: #ee7a11;
    font-size: 25.7px;
    font-weight: bold;
    text-decoration: none;
}



.calculate .callme-btn {
    width: 205px;
    margin: 15px auto 0;
    color: #fff;
    font-weight: bold;
}
.photos.float-left{
    width: 340px;
}
.photos-item {
    width: 150px;
    float: left;
    margin-right: 20px;
}

.photos2.float-left{
    width: 400px;
    float: left;
}
.photos2-item {
    width: 180px;
    margin-right: 20px;
    float: left;
}


.types_item {
    width: 20%;
    float: left;
}

.types_item  img {
    max-width: 90%;
}

/*-------------------------------
            ???????
--------------------------------*/

.action_panel {
    border: 2px solid #aeaeac;
    padding: 15px;
    border-radius: 10px;
    color: #737375;
    margin-bottom: 20px;
}

.action_panel > img {
    max-width: 100%;
}

.action_title {
    color: #ea831a;
    font-weight: bold;
}

.green_tick {
    list-style-type: none;
    margin: 10px 0 10px 20px;
    padding: 0;
}

.green_tick li {
    background: url(/bitrix/templates/vorota_full_width_copy/img/green_tick.png) 0 5px no-repeat;
    padding-left: 25px;
    margin-bottom: 5px;
}

.action_complects {
    margin-bottom: 45px;
}

.action_col {
    width: 185px;
    height: 304px;
    float: left;
    margin-right: 20px;
    display: block;
    text-align: center;
}

.action_col:hover {
    text-decoration: none;
}

.action_col.__last {
    margin-right: 0;
}
a.action_col  {text-decoration: none; color: #000;}
.action_col.__act1 {background: url(/bitrix/templates/vorota_full_width_copy/img/col1.jpg) no-repeat;}
.action_col.__act2 {background: url(/bitrix/templates/vorota_full_width_copy/img/col2.jpg) no-repeat;}
.action_col.__act3 {background: url(/bitrix/templates/vorota_full_width_copy/img/col3.jpg) no-repeat;}
.action_col.__act4 {background: url(/bitrix/templates/vorota_full_width_copy/img/col4.jpg) no-repeat;}


.otkatnie .action_col.__act1 {background: url(/bitrix/templates/vorota_full_width_copy/img/ocol1.jpg) no-repeat;}
.otkatnie .action_col.__act2 {background: url(/bitrix/templates/vorota_full_width_copy/img/ocol2.jpg) no-repeat;}
.otkatnie .action_col.__act3 {background: url(/bitrix/templates/vorota_full_width_copy/img/ocol3.jpg) no-repeat;}
/*.otkatnie .action_col.__act3 {background: url(/bitrix/templates/vorota_full_width_copy/img/v_chist_pole.jpg) no-repeat;}*/
.otkatnie .action_col.__act4 {background: url(/bitrix/templates/vorota_full_width_copy/img/ocol4.jpg) no-repeat;}

.promv .action_col.__act1 {background: url(/bitrix/templates/vorota_full_width_copy/img/promcol1.jpg) no-repeat;}
.promv .action_col.__act2 {background: url(/bitrix/templates/vorota_full_width_copy/img/promcol2-4.jpg) no-repeat;}
.promv .action_col.__act3 {background: url(/bitrix/templates/vorota_full_width_copy/img/promcol3.jpg) no-repeat;}
.promv .action_col.__act4 {background: url(/bitrix/templates/vorota_full_width_copy/img/promcol2-4.jpg) no-repeat;}

.action_col .action_price {
    color: #0c9de1;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

.otkatnie .action_col .action_price {
    padding-top: 20px;
}

.action_descr {
    font-size: 14px;
    padding-top: 140px;
}

.action_descr span {
    color: #EF7F1A
}

.col3_row {
    overflow: hidden;
}

.col3_item {
    width: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    font-size: 14px;
}

.col3_item.__last {
    margin-right: 0;
}

.title_orange {
    color: #ea831a;
    font-weight: bold;
    margin-bottom: 20px;

}

.col3_text {
    text-align: justify;
}

.vorota_cat-item {
    overflow: hidden;
    margin: 50px 0;
}

.vorota_cat-item a {
    display: block;
    width: 18%;
    float: left;
    text-align: center;
    margin-right: 2%;
}

.vorota_cat-item > a:hover {
    text-decoration: none;
}

.vorota_cat-item img {
    max-width: 100%;
    margin-bottom: 10px;
}


.colors_set {
    overflow: hidden;
    margin-bottom: 35px;
}

.colors_left {
    float: left;
    margin-right: 40px;
}

.colors_right {
    overflow: hidden;
    padding-top: 15px;
}

.gallery_slider,
.gallery_slider2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.gallery_slider  img {
    border-radius: 10px;
    width: 190px;
}

.gallery_slider2 img {
    border-radius: 10px;
}

.bx-wrapper {
    position: relative;
}

.bx-wrapper img {
    max-width: 100%;
}

.bx-controls-direction a {
    display: block;
    width: 45px;
    height: 74px;
    background: url(/bitrix/templates/vorota_full_width_copy/img/controls.jpg) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    text-indent: -100000px;
    outline: none;
}

.bx-controls-direction .bx-prev {
    left: -55px;
}

.bx-controls-direction .bx-next {
    right: -55px;
    background-position: -46px 0;
}

.vorota_link {
    text-align: center;
    margin: 50px 0;
    margin-bottom: 0;
}

.vorota_link > a {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    outline: none;
}

/*.service-price_item {
    width: 250px;
    float: left;
    margin-right: 20px;
}


.service-price_item.last {
    float: right;
    margin-right: 0;
}

.service-price_head {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    text
}*/


/*-------------------------------
????????
--------------------------------*/

.cont_title {
    display: inline-block;
    padding-right: 20px;
    font-weight: bold;
    color: #e97e23;
    width: 150px;
    vertical-align: middle;
}

.cont_item {
    display: inline-block;
    vertical-align: middle;
}

.cont_map {
    width: 500px;
    float: left;
    margin-right: 20px;
}

.cont_shemas {
    overflow: hidden;
}

.cont_left {
    width: 48%;
    float: left;
}

.cont_right {
    width: 48%;
    float: right;
    text-align: right;
}

.working,
.weekend {
    width: 35px;
    height: 20px;
    border-radius: 5px;
    background: #2e8dd0;
    margin-bottom: 10px;
    margin-right: 15px;
}

.weekend {
    background: #f50000;
}



/*-------------------------------
???????? ??????
--------------------------------*/

.good_about {width: 55%;}
.good_gallery {width: 40%;}
.title.orange {font-weight: bold; color: #e97e23;}
.orange_list {list-style-type: none; margin: 0 0 20px; padding: 0;}
.orange_list li {padding-left: 15px; background: url(/bitrix/templates/vorota_full_width_copy/img/circle_orange.jpg) 0 5px no-repeat;}
.gallery_thumbs {margin: 20px 0 0 ;}
.good_price {font-weight: bold; color: #34a0e1; text-align: center;}
a.buybtn { width: 100px; height: 30px; line-height: 30px; display: block; text-align: center; color: #fff; font-weight: bold; background: #a1d132; border-radius: 5px; text-decoration: none; margin: 10px 0 0; font-weight: bold;}
.preim {overflow: hidden; margin: 20px 0; padding: 20px 0; border-top: 1px solid #b2b3b3; border-bottom: 1px solid #b2b3b3;}
.preim_item img { width: 80px;}
.preim_item {width: 23%; padding: 0 1%; float: left; text-align: center;}

#carousel-wrapper {
    padding-bottom: 10px;
    position: relative;
}
#carousel, #thumbs {
    overflow: hidden;
}
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
    display: block;
    float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
    position: relative;
    width: 300px;
    height: 225px;
    display: block;
}
#carousel img,
#thumbs img {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



#thumbs-wrapper {
    padding: 20px 0;
    position: relative;
}
#thumbs a {
    outline: none;
    width: 150px;
    height: 100px;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 10px;
    transition: border-color .5s;
}



/*-------------------------------
     REVIEWS
--------------------------------*/

.review_item {
    border: 1px dashed #F4BD85;
    margin-bottom: 20px;
}

.review_head {
    background: #F4BD85;
    padding: 5px 10px;
}

.review_body {
    padding: 10px;
}




#calc_tabs{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 4;
    position: relative;
    border-bottom: 1px solid silver;
    height: 45px;
    margin-bottom: 4px;
    margin-top: 15px;
}
#calc_tabs .alu-nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 4;
    position: relative;
    border-bottom: 1px solid silver;
    height: 45px;
    margin-bottom: 4px;
    margin-top: 15px;
}
#calc_tabs .alu-nav-tabs>.alu-li {
    float: left;
    margin-right: 2px;
}
#calc_tabs .alu-nav-tabs>.alu-li.active {
    background: url('/bitrix/templates/vorota_full_width_copy/<?=SITE_TEMPLATE_PATH;?>/img/tab-active.jpg') repeat-x top;
    padding-top: 5px;
}
#calc_tabs .alu-nav-tabs>.alu-li.alu-gate.active, #calc_tabs .alu-nav-tabs>.alu-li.alu-ds400.active {
    background: url('/bitrix/templates/vorota_full_width_copy/<?=SITE_TEMPLATE_PATH;?>/img/tab-active-gate.jpg') repeat-x top;
    padding-top: 5px;
}
#calc_tabs .alu-nav-tabs>.alu-li.alu-gate>.alu-a, #calc_tabs .alu-nav-tabs>.alu-li.alu-ds400>.alu-a {
    background-image: url('/bitrix/templates/vorota_full_width_copy/<?=SITE_TEMPLATE_PATH;?>/img/gate_logo.gif');
}
#calc_tabs .alu-nav-tabs>.alu-li>.alu-a {
    text-decoration: none;
    color: #333;
    padding: 12px 14px 12px 39px;
    font-size: 13px;
    display: block;
    top: 7px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-family: arial;
    background-repeat: no-repeat;
    background-position: 7px 5px;
}
#calc_tabs .alu-nav-tabs>.alu-li.active .alu-a {
    color: #333;
    background-color: #fff;
    position: static;
    border-bottom: 0;
    cursor: default;
    outline: 0;
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    font-weight: 700;
}

#calc_frames iframe{
    border:0;
    width: 100%;
    height: 1060px !important;

}
#calc_tabs{
    margin-left: 60px;
}

.good_price {
    min-width: 110px;
}

ul.socials.clear_list a img {
    width: 38px;
}





.banner_popup {z-index:101;position:fixed;left:50%;top:100px;width:700px;height:550px;margin-left:-370px;padding:20px;background:rgba(0,0,0,0.7);border-radius: 10px;}
.banner_popup .xxx {position:absolute;color:#fff;font-weight:bold;right:5px;top:5px;cursor:pointer;}

/* FOOTER */

.footer_bottom .col1{
    max-width: 230px;
    flex: 0 1 230px;
}
.cols-r{
    flex: 1 1 70%;
    max-width: calc(100% - 265px);
    display: flex;
}
.col5{
    max-width: 120px;
}
.titled{
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d ;
    user-select: none;
}
.footer__down{
    margin-top: 20px;
    border-top: 1px solid #b3b3b3;
}
.footer__bottom-block{
    padding: 30px 0 15px;
    display: flex;
}


.footer__info p{
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
}
.foot-policy{
    font-size: 12px;
    text-decoration: none !important;
    display: block;
}
.foot_whatsap{
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.foot_whatsap p{
    text-align: center;
    color: #4CAF50;
    font-weight: 700;
    margin-bottom: 0;
}
.footer_bottom .col1 .titled{
    font-size: 16px;
}
@media screen and (max-width: 1023px) {
    .footer_adress{
        display: none;
    }
    .footer_bottom .map{
        display: none;
    }
    .footer_mail{
        font-weight: 700;
        color: #4d4d4d;
    }
}
@media screen and (max-width: 1024px){
    .cols-r *{
        box-sizing: border-box;
    }
    .cols-r{
        flex-wrap: wrap;
    }
    .footer_bottom .col5{
        flex: 1 1 100%;
        padding-top: 25px;
    }
    .footer_bottom .col2,.footer_bottom .col3,.footer_bottom .col4{
        flex: 1 1 33.3%;
        max-width: 33.3%;
        margin-right: 0;
        padding-right: 25px;
    }
}
@media screen and (max-width: 920px){
    .footer_bottom .col2,.footer_bottom .col3,.footer_bottom .col4{
        flex: 1 1 50%;
        max-width: 50%;
        margin-right: 0;
        padding-right: 25px;
    }
}
.footer_bottom{
    /*flex-wrap: wrap;*/
    width: 100%;
}
@media screen and (max-width: 768px){

    .footer_bottom .col1{
        margin-right: auto;
        margin-left: auto;
        display: none;
    }
    .cols-r{
        flex: 1 1 100%;
        max-width: 100%;
        justify-content: space-between;
    }
    .footer__info{
        /*padding-right: 45px;*/
        text-align: center;
    }
    .footer_bottom .col2,.footer_bottom .col3,.footer_bottom .col4{
        flex: 1 1 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .footer_bottom .col5{
        padding-top: 0;
        max-width: 100%;
    }

    .foot-contacts-block{
        display: none;
    }
}
.header_bot .wrap{
    width: 100%;
}
.wrap{
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
}
.new_nav{
    width: 100%;
}
.nav__nav:before{
    display: none !important;
}
@media screen and (max-width: 1169px){
    .header_bot{
        display: none;
    }
}

.footer_adress{
    font-weight: 700;
    color: #4d4d4d;
    margin-bottom: 15px;
}
.footer_mail{
    display: block;
    margin-bottom: 15px;
}
.footer_mail:hover{
    color: #ea831a;
}
@media screen and (min-width: 1024px) {
    .footer_bottom .callme{
        display: none;
    }
    .foot_whatsap{
        display: none;
    }
    .projects_img:after{
        padding-top: 35%;
    }
}








/* sodot styles */

.yellow-text {
    color: #f58220;
}

.bold {
    font-weight: bold;
}

.justify {
    text-align: justify;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.h2_title {
    font-size: 22px;
}

.h3_title {
    font-size: 18px;
    margin-top: 25px;
}

.full_width {
    width: 100%;
}

.half_width {
    width: 50%;
}


.custom_content {
    font-size: 0;
}

.custom_content .title.bold.vor p {
    margin: 18px 0;
}

.main.h2_title {
    margin: 25px 0;
    font-size: 26px;
}

.epigram.main_title {
    font-size: 18px;
}

.epigram.author {
    font-size: 16px;
}

.main_info {
    margin-top: 20px;
    margin-bottom: 40px;
}

.main_info > .text {
    font-size: 18px;
    width: 640px;
    display: inline-block;
    vertical-align: bottom;
}

.sertificate_wrap {
    position: relative;
    cursor: zoom-in;
    display: inline-block;
    vertical-align: top;
}

.sertificate_wrap .zoom_in {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/hormann/sert_zoom.png) no-repeat;
}

.section_item {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    width: 50%;
}

.section_item .title {
    font-size: 18px;
    margin-bottom: 20px;
}

.section_item .thumb {
    margin-bottom: 25px;
}

.section_item .text {
    font-size: 18px;
}

.powers_wrap {
    margin-bottom: 80px;
}

.power_block {
    width: 33%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}

.power_block .title {
    font-size: 18px;
}

.power_block .thumb {
    margin: 25px 0;
}

.power_block .text {
    font-size: 18px;
}

.why_block {
    width: 33%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}

.why_block .title {
    font-size: 18px;
}

.why_block .thumb {
    margin: 10px 0;
}

.why_block .text {
    font-size: 18px;
}

.calculate_wrap {
    margin: 10px 0;
}

.calculate_wrap p {
    font-size: 18px;
}

.hormann_sizes {
    padding: 20px 45px 40px 30px;
    box-sizing: border-box;
    width: 100%;
}

.custom_content > .text {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.only_best_block {
    width: 33%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}

.only_best_block .title {
    font-size: 18px;
}

.only_best_block .thumb {
    margin: 10px 0;
    margin-left: 30px  /**/
}

.only_best_block .text {
    font-size: 18px;
}

.video_block_wrap {
    margin-bottom: 30px;
}

.video_block {
    width: 33%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}

.video_block .title {
    font-size: 18px;
}

.video_block .thumb {
    margin: 10px 0;
}

.mini_section_block {
    width: 33%;
    box-sizing: border-box;
    margin-top: 35px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}

.mini_section_block .title {
    font-size: 18px;
}

.mini_section_block .thumb {
    margin: 10px 0;
}

.cat_item .cat_pic {
    width: 331px;
    height: 280px;
}

.custom_content a {
    color: inherit;
}

/* sodot styles end */

/*New style start*/
.custom_content.rul-vorota .h2_title {
    margin-top: 35px;
    margin-bottom: 35px;
}
.custom_content.rul-vorota {
    font-family: 'CenturyGothic';
}
.custom_content.rul-vorota .title.bold {
    text-align: center;
}
.circle{
    width:30px;
    height:30px;
    display:block;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -khtml-border-radius:50px;
    font-size:20px; color:#fff;
    line-height:30px;
    text-align:center;
    background:#f58220;
    position: absolute;
    margin-top: -160px;
    margin-left: 35px;

}

.choice-of-colors{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 40%;
    font-size: 18px;
    margin-top: 55px;
}
.choice-of-colors2{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
    font-size: 18px;
    margin-top: 55px;
}
/*
.choice-of-colors img{
display: inline-block;
padding: 25px;
}
*/
.desc-colors{
    width: 49%;
    box-sizing: border-box;
    margin-top: 20px;
    display: inline-block;

    vertical-align: top;
    text-align: center;
}
.hue-item{
    width: 22%;
    box-sizing: border-box;
    margin-top: 35px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
}
.hue-item3{
    width: 26.5%;
    box-sizing: border-box;
    margin-top: 35px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
}
img.casing {
    margin-left: 15%;
}
.circle2{
    width:30px;
    height:30px;
    display:block;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -khtml-border-radius:50px;
    font-size:20px; color:#fff;
    line-height:30px;
    text-align:center;
    background:#f58220;
    position: absolute;
    margin-top: -110px;
    margin-left: 55px;
}
.text.desc {
    width: 280px;
}
.title{
    font-weight: bold;

}
.circle3{
    width:30px;
    height:30px;
    display:block;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -khtml-border-radius:50px;
    font-size:20px; color:#fff;
    line-height:30px;
    text-align:center;
    background:#f58220;
    position: absolute;
    margin-top: -45px;
    margin-left: -12px;
}
.circle4{
    width:30px;
    height:30px;
    display:block;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    -khtml-border-radius:50px;
    font-size:20px; color:#fff;
    line-height:30px;
    text-align:center;
    background:#f58220;
    position: absolute;
    margin-top: -255px;
    margin-left: 310px;
}
.text1 p {
    font-size: 18px;
    margin-top: 0 !important;
}
.calculate.center1 {
    text-align: center;
    margin-bottom: 40px;
}
.btn1{
    margin-top: 17px;
    margin-left: 25%;
    display: inline-block;
    background:#fff;
    padding: 10px;
    font: bold 14px CenturyGothic, sans-serif;
    color: #58595b;
    cursor: pointer;
    border-radius:8px;
    border: 2px solid #939598;
}
.btn-text{
    font: bold 24px CenturyGothic, sans-serif;
    color: #f58220;
}
.btn-text2{
    font: bold 18px CenturyGothic, sans-serif;
    color: #f58220;
}
.gate_type{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;

}
.gate_type2{
    margin-left: 15%;
    width: 70%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;

}
.gate-item {
    /*    width: 19.4%;*/
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
}
.gate-item2 {
    width: 32.8%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
}

/*li {
list-style-type: none;  ??????? ??????? ? ??????
}
li:before {
content: "?  ";  ????????? ? ???????? ??????? ??????
 margin-left: -17.5px;
}*/

.gate-item img {
    margin-top: 25px;
}

.btn2{
    margin-bottom: 50px;
    margin-top: 17px;
    display: inline-block;
    background:#fff;
    padding: 10px;
    font: bold 14px CenturyGothic, sans-serif;
    color: #58595b;
    cursor: pointer;
    border-radius:8px;
    border: 2px solid #939598;
}
.btn3{
    margin-top: 17px;
    margin-left: 3%;
    display: inline-block;
    background:#fff;
    padding: 12.8px;
    font: bold 14px CenturyGothic, sans-serif;
    color: #58595b;
    cursor: pointer;
    border-radius:8px;
    border: 2px solid #939598;
}
.bars{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 55%;
    font-size: 18px;
}
.bars2{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    font-size: 18px;
}
.bars2 img {
    margin-bottom: 50px;
    margin-left: 30px;
}
.gate_type2 img {
    margin-top: 20px;
}
.li-text{
    margin-top: -25px;
}
.security
{ width: 33.3%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;}
.security .title {
    font-size: 18px;
    text-align: left
}
.security .text {
    font-size: 18px;
}
.security img{
    margin-top: 10px;
    margin-bottom:  10px;
}
.aircraft{
    width: 33.3%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;}
.security .title {
    font-size: 18px;
    text-align: left
}
.advantages{
    font-size: 18px;
    margin-top: 60px;
}
img.rul {
    width: 820px;
}
.advantages_type{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 18px;
    padding-left: 12%;
    margin-top: -30px;
}

.advantages-item{
    box-sizing: border-box;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    text-align: center;
}
img.simvol {
    margin-top: 35px;
}



/*New style end*/

/*new style2 start*/

.main_info>.text{
    font-size: 18px;
    width: 550px;
    text-align: justify;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
}

.main_info>a{
    margin-left: 40px;
    /*margin-top: 22px;*/
}
.sertificate_wrap .zoom_in2 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 60%;
    transform: translate(-50%,-50%);
    background: url(/images/hormann/sert_zoom.png) no-repeat;
}
.circle3 {
    width: 30px;
    height: 29px;
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #f58220;
    position: absolute;
    margin-top: -115px;
    margin-left: 37px;
}
.security_type{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
}
.security-item {
    width: 25.1%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
    margin-left: -25px;
    margin-right: -20px;
}
.security-item img {
    margin-top: 20px;
}
.circle4 {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #f58220;
    position: absolute;
    margin-top: -110px;
    margin-left: -10px;
}
.section2_item {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    width: 46%;
}
.section3_item {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    width: 54%;

}
.section2_item .text {
    font-size: 18px;
    height: 110px;
    width: 350px;
    margin-left: 20px;
}
.section3_item .text {
    font-size: 18px;
    height: 110px;
    width: 400px;
    margin-left: 35px;
}
.circle5 {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #f58220;
    position: absolute;
    margin-top: -110px;
    margin-left: 10px;
}
.section4_item {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    width: 30%;
}
.section5_item {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    width: 70%;
}
.section5_item .text {
    font-size: 18px;
    margin-top: -20px;
    margin-left: 25px;
}
.circle6 {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #f58220;
    position: absolute;
    margin-left: -40px;
}
.gate{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
    font-size: 18px;
    /*    text-align: center;*/
}
.gate-item3{
    width: 30%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.gate-item3 img {
    margin: 15px;
}
.gate-item4{
    width: 30%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 50px;
    padding-left: 20px;
}
.text.gates{
    margin-left: 25px;
}
img.appearance {
    margin-top: 10px;
    margin-left: 100px;
}
.LPU img {
    margin-left: 100px;
    margin-bottom: 50px;
}

.LPU .text {
    padding-right: 10px;
}
.LPU2 img {
    margin-left: 100px;
    margin-bottom: 50px;
}

.LPU2 .text {
    padding-left: 15px;
}
.prim{
    font-size: 15px;
}
.price{
    width: 95%;
    padding-left: 15px;
}
.price2 {
    font-size: 22px;
    margin-bottom: 35px;

}
.price .text{
    /*    padding-left: 15px;*/
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 60px;
}
.price{
    width: 97%;
    padding-left: 10px;
}
.price2 .text{
    /*    padding-left: 15px;*/
    font-size: 18px;
    margin-top: 15px;
}
.price2 img {
    width: 100%;
}
.Decograin .text{
    font-size: 18px;
    margin-bottom: 20px;
}
.Decograin-item{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
    font-size: 18px;
}
.Decograin-item .text{
    font-size: 16px;
}
.Decograin-item img{
    width: 395px;
    margin-bottom: 10px;
}
.material{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
}
.material-item{
    width: 16.27%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
    text-align: center;
}
.material-item .text{
    margin-top: 15px;
}
.title3{
    font-size: 18px;
    margin-bottom: 20px;
}
.coating{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.coating-item{
    width: 24.6%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.coating-item .text{
    font-size: 18px;
    text-align: left;
    margin-right: 5px;
}
.coating-item img{
    margin-bottom: 20px;
    margin-top: 20px;
}
.basic-shades{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.basic-shades-item{
    width: 10%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}
img.shades1{
    margin-bottom: 20px;
}
img.shades2{
    margin-bottom: 10px;
}
.basic-shades-item2{
    width: 11%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 10px
}
.shades-wrap{
    margin-left: 95px;
}
img.coating-i {
    /* text-align: left; */
    margin-left: -80px;
    /* margin-right: 0px; */
}
.coating-item2{
    width: 33.3%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.coating-i2 {
    margin-left: 200px;
    margin-top: -150px;
}
.coating-item2 .text {
    font-size: 18px;

    margin-right: 60px;
    margin-top: 19px;
}
.bars .text{
    margin-bottom: 20px;
}
img.Design2 {
    margin-right: 25px;
}
.aircraft .text{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.gate3 {
    /* margin-bottom: 30px; */
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 45%;
    font-size: 18px;
    margin-top: 10PX;
    /* text-align: center; */
    margin-left: 20px;
}
img.holder {
    margin-left: 85px;
    margin-top: -10px;
}
.my-title{
    font-size: 18px;
    color: #00aeef;
    text-align: right;
    font-weight: bold;
}
.avtom {
    width: 300px;
    margin-left: 50px !important;
}
table {
    width: 100%; /* ?????? ??????? */
    background: white; /* ???? ???? ??????? */
    color: #000; /* ???? ?????? */
    border-spacing: 3px; /* ?????????? ????? ???????? */
    font-size: 17px;
    border-color: white;
    border-style: solid;
    margin-bottom: 50px;

}
td, th {
    background: #e6e7e8; /* ???? ???? ????? */
    padding: 10px; /* ???? ?????? ?????? */
}
.or{
    color: #f58220;
}
.gate3 .text {
    font-size: 17px;
    margin-top: 15px;
}

.gallery_slider-w + .h3_title {
    margin-top: 30px;
}

.bars .my-title span {
    font-size: 15px;
    color: black;
    font-weight: normal;
}

.section_item > a {
    text-decoration: none;
}

.mini_section_block > a {
    text-decoration: none;
}

/*new style2 end*/

/*new style3*/

.excellence{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 15px;
}
.excellence-item{
    width: 16%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}
.excellence-item .text {
    margin-left: -50px;
    width: 180px;
}
/*
.excellence-item .text:hover {
   background:rgb(100%, 99%, 99%, 0.9);

}
*/

.division-item{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    width: 50%;
}
.division-item .title {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.division-item .text {
    font-size: 18px;
    min-height: 155px;
}
.division-item .thumb {
    margin-bottom: 25px;
}
.division2-item{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px ;
    box-sizing: border-box;
    width: 50%;
}
.division2-item .title {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.division2-item .text {
    font-size: 18px;
    min-height: 155px;
}
.division2-item .thumb {
    margin-bottom: 25px;
}
.price_alu{
    /*   font-size: 18px;*/
    text-align: right;
    padding: 10px 0;
    color: #00aeef;
    font: 18px MyriadProSemiBold;
    font-style: italic;
}
.price_alu span{
    font-size: 26px;
}
.only_best_block .title1 {
    font-size: 18px;
    text-align: center;
}
.only_best_block .thumb2 {
    margin: 10px 0;
    margin-left: 55px /**/;
}

.custom_content.alutex .only_best_block .text {
    position: relative;
    min-height: 275px;
}

.vorota_link > a {
    font-size: 18px;
}

.calculate > p {
    font-size: 18px;
}

.custom_content.alutex .calculate {
    float: left;
    margin-top: 75px;
    margin-left: 50px;
}

/* new style3 end */


/*new style4 start */

img#prices {
    margin-top: 20px;
    width: 100%;
}
.types_of_gates{
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    /*    padding: 0 20px;*/
    /*    margin-right: 20px;*/
    box-sizing: border-box;
    width: 47.7%;
}
.types_of_gates .title {
    font-size: 18px;
    text-align: center;
}
.types_of_gates img{
    margin-left: 90px;
    margin-top: 10px;
    /*    margin-bottom: 10px;*/
}
.price_of_gates{
    font-size: 18px;
    padding: 10px 0;
    color: #00aeef;
    font: 18px MyriadProSemiBold;
    font-style: italic;
}
.price_of_gates span {
    font-size: 38px;
}
.title4{
    font-size: 18px;
    font-style: italic;
    padding-bottom: 25px;
}
.types_of_gates .text {
    font-size: 18px;
    float:
}
.left1{
    float: left;
}
.right1{
    float: right;
}
img.types_of_gates2 {
    width: 100%;
    margin-top: 55px;
    margin-bottom: 30px;
}
#constructive_advantages{
    width: 100%;
    margin-top: 15px;
}
.constructive_advantages{
    margin-top: 20px;
    /*    margin-bottom: 30px;*/
    display: inline-block;
    vertical-align: top;
    /*    padding: 0 20px;*/
    box-sizing: border-box;
    width: 50%;
}


.ads400 .h2_title {font-size:26px;}
.ads400 .title3 {font-size:22px;}
.ads400 .constructive_advantages_img img {width:112px;}
.ads400 .constructive_advantages p {font-size:18px;}
.italic {font-style:italic;}
.ads400 table {margin-bottom:0px;}

.ads400 .vorota_cat-item a {font-size:18px;font-style:italic;text-decoration:none;color:#000;}
.ads400 .vorota_cat-item a:hover {text-decoration:underline;}

.ads400 .items5 .pors {display:inline-block;vertical-align:top;font-size:18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:16px;
    text-align:center;
}
.ads400 .items5 .pors.por2 img,.ads400 .items5 .pors.por3 img,.ads400 .items5 .pors.por4 img {width:125px;}
.ads400 .items5 .pors.por2,.ads400 .items5 .pors.por3,.ads400 .items5 .pors.por4 {padding:10px 10px 0 10px;}
.ads400 .items5 .pors.por5 img {width:230px;}
.ads400 .items5 .pors.por1 {padding:20px 10px 0 0;}
.ads400 .f16 {font-size:16px;}
.m18 {position:relative;margin:-18px 0 0 0;}
.ads400 .variants {font-style:italic;}
.ads400 .variants .item {width:245px;margin:0 40px 30px 0;display:inline-block;vertical-align:top;font-size:18px;}
.ads400 .variants .item img {display:block;max-width:100%;margin:0 0 10px 0;}
.ads400 .variants .item:nth-child(3n) {margin:0 0px 20px 0;}

.ads400 .item__l {float:left;width:50%;}
.ads400 .item__r {float:right;width:50%;font-size:18px;}
.f18 {font-size:18px;}
.ads400 .item__c {padding:0 10px;}
.ads400 .item__c img {border-radius:10px;max-width:100%;margin:0 0 10px 0;}
.ads400 .korroz .item {text-align:center;margin:0 30px;font-weight:bold;font-size:18px;width:250px;display:inline-block;vertical-align:top;}
.ads400 .korroz .item img {margin:15px 0 0 0;display:block;}
.ads400 .osob__item {width:280px;float:right;font-size:16px;clear:right;margin:0px 0 20px 0;}
.ads400 .osob__item p {text-align:center;margin:0 0 15px 0;}
.ads400 .osob__item img {display:block;margin:0 auto 10px auto;}


.ads400 .osob__item2 {width:385px;float:left;font-size:16px;clear:right;margin:0px 10px 0px 0;}
.ads400 .osob__item2 p {margin:0 0 15px 0;}
.ads400 .osob__item2 img {display:block;float:Left;margin:0 20px 30px 0;}
.ads400 .dop__voz {font-size:18px;}
.ads400 .dop__voz .dop__l {float:left;width:520px;}
.ads400 .dop__voz .dop__r {float:right;width:280px;}
.blue {color:#0da3e4!important;font-weight:800;}
.ads400 .item__komplekt {width:230px;display:inline-block;vertical-align:top;margin:0 20px;font-size:18px;}
.ads400 .item__komplekt p {text-align:center;}
.ads400 .item__komplekt img {margin:0 auto 15px auto;}

.nowr {white-space:nowrap;}



.constructive_advantages_img{
    display: inline-block;
    margin-right: 10px;
}
.circle11{
    width: 30px;
    height: 29px;
    display: block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #a6ce39;
    position: absolute;
    margin-top: -115px;
    margin-left: 10px;
}
.constructive_advantages .text {
    font-size: 18px;
    /*    height: 110px;*/
    width: 280px;
    vertical-align: top;
    /*    margin-left: 20px;*/
    display: inline-block;
    min-height: 198px;
}
img.types_of_gates3 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.h2_title3{
    font-size: 22px;
}
#panel_drawings{
    width: 80%;
    margin-left: 80px;
}
.panel_drawings_item{
    width: 33%;
    box-sizing: border-box;
    margin-top: 25px;
    display: inline-block;
    padding: 0 13px;
    vertical-align: top;
}
.panel_drawings_item .text {
    font-size: 18px;
    margin-top: 10px;
}
.panel_drawings_item2 .title {
    font-size: 24px;
    text-align: center;
}
.panel_drawings_item2 .title2 {
    font-size: 24px;
    color: #00aeef;
}
.panel_drawings_item2{
    width: 25%;
    box-sizing: border-box;
    margin-top: 40px;
    display: inline-block;
    padding: 0 15px;
    /*    vertical-align: middle;*/
    min-height: 206px;
    margin-bottom: 20px;
    line-height: 10px;
}
.title.bold.vor {
    margin-bottom: -20px;
}
.panel_drawings_item2 img {
    margin: 10px;
}
.panel_drawings_item2 p {
    font-size: 18px;

}
.standard_colors{
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
}
.standard_colors-item{
    width: 19%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0px;
    vertical-align: top;
    text-align: center;
}
.text-tree{
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 600px;
    display: inline-block;
}
.text-tree2{
    /*padding: 10px 0;*/
    color: #00aeef;
    font: bold 36px CenturyGothic;
    font-size: 40px;
    float: right;
    margin-top: 15px;
    margin-right: 74px;
}
.text-tree2 span{
    padding: 10px 0;
    color: #f58220;
    font: bold 18px CenturyGothic;
    font-size: 21px;
    float: right;
    margin-top: -10px;
}
.wood-texture{
    box-sizing: border-box;
    display: inline-block;
    padding-left: 34px;
    vertical-align: top;
    text-align: center;
    font-size: 17px;
}
.wood-texture1{
    width: 21%;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    vertical-align: top;
    text-align: center;
}
.wood-texture1 span{

}
.wood-texture2{
    margin-left: 60px;
}
.otst{
    margin: 20px 0;
}
.doorstep .text{
    font-size: 18px;
    width: 400px;
    float: left;
    display: inline-block;
}
.doorstep img{
    float: right;
}
.doorstep-item{
    width: 33.3%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0px;
    vertical-align: top;
    text-align: center;
}
.doorstep-type{
    width: 100%;
    margin-top: 100px;
}
.doorstep-item .title2{
    font-size: 18px;
    margin-bottom:10px;
}
.doorstep-item .text{
    font-size: 18px;
    margin-bottom:10px;
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}
.doorstep-item .text p{
    float: right;
    color: #00aeef;
    margin: 30px;
    font-weight: bold;
}
.doorstep-item .text p span{
    font-style: italic;
    font-size: 24px;

}
.bright_power{
    width: 25%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0px;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    font-style: italic;

}
.bright_power img{
    padding: 10px;
}
.bright_power .text p{
    color: #00aeef;
    font-weight: bold;
    font-style: italic;
    float: right;
    font-size: 18px;
    margin-right: 30px;
}
.bright_power .text p span{
    font-size: 22px;
}
.locks .text p{
    color: #00aeef;
    font-weight: bold;
    font-style: italic;
    float: right;
    font-size: 18px;
    margin-right: 20px;
    /*    margin-left: 70px;*/
}
.locks .text p span{
    font-size: 22px;
}
.locks1{
    display: inline-block;
    width: 187px;
}
.excellence-item2 {
    width: 23%;
    box-sizing: border-box;
    display: inline-block;
    /*    padding: 0 13px;*/
    vertical-align: top;
}
.excellence-item2 .text{

}
.excellence-item3{
    width: 29%;
    box-sizing: border-box;
    display: inline-block;
    /* padding: 0 13px; */
    /* padding-left: 60px; */
    vertical-align: top;}
.img-locks{
    margin-left: 26px;
}
.locks-title{
    font-size: 18px;
    width: 56%;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.locks-title2{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    width: 44%;
    display: inline-block;
}
.my-title2 a{
    font-size: 18px;
    color: #00aeef;
    text-align: right;
    font-weight: bold;
}
.my-title2 {
    width: 500px;
}
.yandex-link{
    font-size: 18px;
    margin-top: 10px;
}
.yandex-link span{
    color:red;
}
.height-bloc{
    min-height: 265px;
}
callme-btn.__orange {
    background: #f58220;
    color: white;
}
a.callme-btn.__orange.fancybox {
    color: white;
}
.orange{
    margin-top: 20px;
}

/* new style4 end */



.advantages_type.brrr {
    margin-left: -55px;
}

.advantages_type.brrr .advantages-item {
    padding: 0 25px;
}


.authomat_complect_block .item .price {
    width: 30%;
}




.gallery_slider-w.gaga img {
    height: 139px;
}

.part-logos.float-left img {
    float: left;
    margin: 5px;
}
.part-logos.float-left {
    width: 25%;
}


#bx_3218110189_4 .cat_name {
    background: #99cc33;
}
#bx_3218110189_10 .cat_name {
    background: #003366;
}
#bx_3218110189_1 .cat_name {
    background: #0099cc;
}
#bx_3218110189_7 .cat_name {
    background: #ef7a1b;
}



#constructive_advantages1{
    width: 100%;
}
.constructive_advantages1{
    /*    margin-bottom: 30px;*/
    display: inline-block;
    vertical-align: top;
    /*    padding: 0 20px;*/
    box-sizing: border-box;
    width: 50%;
}
.constructive_advantages1 .text {
    font-size: 18px;
    /*    height: 110px;*/

    vertical-align: top;
    /*    margin-left: 20px;*/
    display: inline-block;
    min-height: 110px;
}
.ads400 .constructive_advantages1 p {
    font-size: 18px;
}
.constructive_advantages_img1 img {
    width: 397px;
}


div#new .advantages_img {
    /* vertical-align: top; */
    height: 205px;
    text-align: center;
}
div#new .advantages {
    float: left;
    width: 32%;
    margin: 5px;
}
.threes {
    margin-left: 5%;
    width: 100%;
}
.threes div {
    float: left;
    margin-right: 45px;
}
.img_r {
    float: right;
    text-align: right;
}
.margin {
    margin: 30px 0 20px 0px;
}
.banners .ban {
    float: left;
    margin: 5px;
    width: 31%;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    text-align: center;
    height: 540px;
    position:relative;
}
.pr_st p {
    color: #ea831a;
    font-size: 22px!important;
    font-weight: bold;
    font-style: italic;
}
.pr_st img {
    float: left;
    width: 60px;
    margin-left: 20px;
    margin-top: -13px;
}
.ban .text {
    text-align: left;
    padding: 5px 3px 0px 15px;
}
span.linked {
    display: block;
    font-size: 18px;
    position: absolute;
    bottom: 20px;
    left: 25px;
    font-weight: bold;
    background: #a2d133;
    color: #fff;
    width: 210px;
    height: 35px;
    border-radius: 5px;
    margin: 0 auto;
    line-height: 35px;
}

.custom_content.cc.ads400 p {
    font-size: 18px;
    margin: 20px 0px 0px 0px;
}

.oneto {
    float: left;
    margin-right: 35px;
}
.oneto img {
    width: 150px;
    margin: 10px;
    border-radius: 5px;
}
.bala {
    margin-left: 5%;
}
.one img {
    width: 270px;
    margin: 10px;
    border-radius: 5px;
}
.imgss p {
    float: left;
    margin-right: 24px!important;
}
.imgss {
    float: right;
    width: 66%;
    height: 305px;
    margin-top: -20px;
    margin-left: 30px;
    margin-right: -45px;
}
.sxx .one p {
    margin-left: 30px!important;
}
.sxx .one img {
    width: 388px;
}
.sxx .one {
    float: left;
}
.fourblo .fff {
    float: left;
    width: 47%;
    margin: 10px;
}
.fourblo .fff img {
    margin-bottom: -16px;
    margin-right: 20px;
}

.blocks div .right {
    width: 250px;
}

.blocks div {
    width: 33%;
    float: left;
    text-align: center;
}
.blocks div p {
    height: 40px;
}
.blocks {
    margin-left: 2%;
}
.flr {
    float: right;
}
.fl {
    float: left;
    margin-right: 13px;
}


.chut div:first-child .bold {
    text-align: left;
    margin-left: 17px;
}

.chut div .bold {
    height: 50px;
    text-align: center;
}

.chut div {
    float: left;
    margin: 5px;
    width: 23%;
    /* text-align: center; */
}



.vor_calc .clac img {
    width: 70px;
}

.vor_calc .clac a {
    text-decoration: none;
}

.vor_calc .clac p {
    display: block;
    text-decoration: none;
    padding: 7px 10px;
    background: #ea831a;
    color: #ffffff;
    text-align: center;
    border-radius: 7px;
    font-size: 17.8px;
    margin-bottom: 10px;
    font-weight: bold;
    font-weight: bold;
}
.vor_calc .calculate_wrap {
    float: left;
}
.vor_calc {
    margin-left: 6%;
}
.vor_calc .clac {
    float: left;
    margin-top: 42px;
    text-align: center;
    margin-left: 45px;
}
.banners1 .ban {
    float: left;
    margin: 5px;
}

.all_list_block {
    margin: 70px 0 40px 0;
}

.all_list_block > .content_f {
    font-size: 0px;
    max-height: 57px;
    overflow: hidden;
}

.all_cities_block {
    border-top: 1px solid #DFDEDF;
}

.all_cities_button {
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #F47216;
    border-radius: 0 0 10px 10px;
    width: 173px;
    margin: auto;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.all_list_block a {
    width: 33%;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    color: black !important;
    text-decoration: none !important;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 5px 0;
}

.all_list_block a:hover {
    text-decoration: underline !important;
}
@media screen and (min-width: 1024px) {
    .footer__info p+p{
        margin-left: 30px;
    }
}

/* End */


/* Start:/bitrix/templates/vorota_full_width_copy/template_styles.css?175024622220291*/
.mbaner__item span.h2 {
color: #ea831a;
    font-weight: bold;
    margin: 0 0 10px;
 font-size: 22px;
}

/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "Myriad Pro";
    src: url("/fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("/fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("/fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
	@font-face {
			font-family: "MyriadProSemiBold";
			src: url("/bitrix/templates/vorota_full_width_copy/fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
			src: url("/bitrix/templates/vorota_full_width_copy/fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
			url("/bitrix/templates/vorota_full_width_copy/fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
			url("/bitrix/templates/vorota_full_width_copy/fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}






.info_content {
	position: relative;
}

.main_h1 {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
	color: black;
}



.bx_breadcrumbs ul li a span {
	padding: 0;

}

.working-people {
	clear: both;
	background: url(/seo/img/way.jpg) 0px 245px no-repeat;
	padding: 36px 0 0 40px;
	overflow: hidden;
	text-align: center;
}
.working-people__item {
	float: left;
	padding: 23px 0 32px;
	width: 220px;
}
.working-people__item.mrl01 {
	margin-right: 35px;
}
.working-people__item.mrl02 {
	margin: 0 67px 0 114px;
}
.working-people__photo span {
	font-size: 0;
}
.working-people__photo {
	border: 2px solid #e7ebf0;
	border-radius: 50%;
	/*display: inline-block;*/
	overflow: hidden;
	height: 210px;
	width: 210px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.working-people__photo img {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}
.working-people__description {
	font: 16px/20px 'CenturyGothic-Bold', sans-serif;
	padding-top: 8px;
}
.need-buy {
	clear: both;
	padding-top: 18px;
}
.need-buy__text {
	line-height: 28px;
	padding-top: 13px;
}
.need-buy__list {
	background-color: #f8f8f8;
	border-radius: 10px;
	margin-top: 26px;
	overflow: hidden;
	padding: 30px 5px 34px;
}
.need-buy__advantages {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 33.3%;
}
.need-buy__advantages span {
	display: block;
	width: 100%;
}
.need-buy__advantages em {
	display: block;
	font: 18px/22px 'CenturyGothic-Bold', sans-serif;
	font-style: normal;
	padding-top: 9px;
	width: 100%;
}
.work-examples {
	clear: both;
	padding-top: 37px;
}
.work-examples .yellow-title {
	text-align: center;
}
.work-examples__gallery {
	min-height: 150px;
}
.gfeedback {
	padding-top: 16px;
}
.gfeedback p {
	font-size: 22px;
}
.gfeedback .calculate_tel {
	font-size: 30px;
	padding-top: 2px;
}
.map-office {
	padding-top: 47px;
}
.map-office .yellow-title {
	text-align: center;
}
.map-office__text {
	line-height: 28px;
	padding-top: 10px;
}
.map-office__wr-advantages {
	overflow: hidden;
	padding-top: 20px;
	text-align: center;
}
.map-office__advantages-item {
	float: left;
	width: 33.3%;
}
.map-office__ai-img {
	font-size: 0;
}
.map-office__ai-img img {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}
.map-office__ai-text {
	color: #222222;
	font: 18px/22px 'CenturyGothic-Bold', sans-serif;
	padding-top: 14px;
}
.map-order {
	clear: both;
	padding-top: 40px;
}
.map-order .yellow-title {
	text-align: center;
}
.map-order__text {
	line-height: 28px;
	padding-top: 10px;
}
.type-gate {
	clear: both;
	overflow: hidden;
	padding-top: 25px;
}
.type-gate .yellow-title {
	text-align: center;
}
.type-gate__gallery {
	padding-top: 10px;
	position: relative;
}
.type-gate__wr-gallery {
	margin-left: -27px;
}
.type-gate__item {
	box-sizing: border-box;
	float: left;
	padding: 8px 0 22px 27px;
	text-align: center;
	width: 33.3%;
}
.type-gate__item-img {
	line-height: 0;
}
.type-gate__item-img img {
	display: inline-block;
	border-radius: 5px;
	font-size: 0;
	line-height: 0;
}
.type-gate__item,
.type-gate__item a {
	color: #030303 !important;
	font: 18px 'CenturyGothic-Bold', sans-serif !important;
	text-decoration: none;
}
.type-gate__item a:hover,
.jump-top-link a:hover {
	color: #0099CC !important;
	text-decoration: underline;
}
.type-gate__item-name {
	padding-top: 8px;
}
.jump-top-link {
	clear: both;
	padding: 44px 0 13px 197px;
}
.jump-top-link a {
	color: #030303 !important;
	font-size: 16px;
	text-decoration: none; !important;
}

.need-buy .yellow-title {
	text-align:center;
}

.kakievorota .yellow-title {
	text-align:center;
}

.jump-top-link-dw {
	clear: both;
	padding: 1px 0 13px 1px;
}
.jump-top-link-dw a {
	color: #030303 !important;
	font-size: 16px;
	text-decoration: none; !important;
}

.jump-jump {
	text-align:center;
}



/* sodot styles */


.block {
	display: block;
}

.vorota-po-gorodam-detail .yellow-title {
	margin: 40px 0 20px 0;
}

.vorota-po-gorodam-detail .working-people .yellow-title {
	margin: initial;
}

.vorota-po-gorodam-detail .working-people .time {
	padding-left: 20px;
	font-size: 14px;
	background: url(/seo/img/time_icon.png) left center no-repeat;
	color: #00ADEF;
	display: inline-block;
	margin: 20px 0 40px 0;
}

.vorota-po-gorodam-detail .working-people {
	background-image: url(/seo/img/way2.jpg);
	background-position: 6px 258px;
	text-align: center;
	padding-left: 0;
}

.vorota-po-gorodam-detail .working-people__item {
	height: 485px;
	width: 275px;
	display: inline-block;
	vertical-align: top;
	float: initial;
}

.vorota-po-gorodam-detail .working-people__item.mrl01 {
	width: 220px;
	margin-right: 20px;
}

.vorota-po-gorodam-detail .working-people__item.mrl02 {
	margin: 0 50px 0 50px;
}

.vorota-po-gorodam-detail .document_load_link {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 10px 20px;
	max-width: 160px;
}

.vorota-po-gorodam-detail .reviews-list__item {
	text-align: center;
	padding: 13px 0 14px 10px;
}

.vorota-po-gorodam-detail .reviews-list__name {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}

.vorota-po-gorodam-detail .reviews-list__img {
	text-align: center;
}

.vorota-po-gorodam-detail .reviews-list__text {
	background: white;
	text-align: left;
}

.vorota-po-gorodam-detail .reviews-list__text:before {
	display: none;
}

.vorota-po-gorodam-detail .reviews-list__position {
	display: inline-block;
	color: #0BB0EF;
	text-align: center;
	padding-left: 12px;
	background: url(/seo/img/position_icon.png) left center no-repeat;
}

.warm_block > .main_img {
	float: left;
}

.warm_block > .warm_content {
	float: left;
	width: 380px;
	box-sizing: border-box;
	padding-left: 20px;
}

.warm_block > .warm_content > .item {
	margin: 10px 0 30px 0;
}

.warm_block > .warm_content > .item > img {
	margin-top: 20px;
	vertical-align: top;
}

.warm_block > .warm_content > .item > div {
	width: 225px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.vorota-po-gorodam-detail .banner {
	position: relative;
}

.vorota-po-gorodam-detail .banner .main_title {
	position: absolute;
	top: 38px;
	right: 20px;
	line-height: 69px;
	font-style: italic;
	font-weight: bold;
	font-size: 36px;
	text-align: right;
	color: white;
	font-family: "Myriad Pro", Myriad;
}

.vorota-po-gorodam-detail .sale {
	border: 1px solid #E1E1E1;
	border-radius: 7px;
	padding: 10px;
	margin-top: 15px;
}

.vorota-po-gorodam-detail .sale .sale_preview_img {
	border-radius: 7px;
	float: left;
	width: 250px;
	height: 175px;
}

.vorota-po-gorodam-detail .sale > .in_content {
	display: inline-block;
	width: calc(100% - 260px);
	margin-left: 10px;
	box-sizing: border-box;
	position: relative;
	height: 175px;
	background: url(/seo/img/bottom_sale_back.png) left bottom no-repeat;
	background-size: 100% 30px;
}

.vorota-po-gorodam-detail .sale > .in_content .name {
	color: #231F20;
	font-weight: bold;
	font-size: 18px;
	font-family: "Myriad Pro", Myriad;
}

.vorota-po-gorodam-detail .sale > .in_content .price {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	color: white;
	border-radius: 0 0 0 30px;
	padding-left: 20px;
	box-sizing: border-box;
	width: 250px;
	text-align: center;
}
.vorota-po-gorodam-detail .sale > .in_content .price.green {
	background: #99D420;
}

.vorota-po-gorodam-detail .sale > .in_content .price.orange {
	background: #F47216;
}

.vorota-po-gorodam-detail .sale > .in_content .price.blue {
	background: #00ADEF;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes {
	color: #ea831a;
	position: relative;
	height: 80px;
	font-weight: bold;
	text-align: center;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes.big {
	font-size: 36px;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes.small {
	font-size: 20px;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes > .in_content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 269px;
}

.vorota-po-gorodam-detail .sale > .in_content .detail_link {
	color: white;
	border-radius: 3px;
	background: #00ADEF;
	display: inline-block;
	text-decoration: none;
	padding: 3px 8px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-left: 55px;
}

.vorota-po-gorodam-detail .sale > .in_content .work_cycles {
	color: #231F20;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 5px;
	font-style: italic;
}

.vorota-po-gorodam-detail .sale > .in_content .promp_text {
	position: absolute;
	right: 0;
	width: 160px;
	top: 49px;
	font-size: 14px;
	font-weight: bold;
}

.vorota-po-gorodam-detail .sale > .in_content .icons {
	position: absolute;
	bottom: -12px;
	right: 129px;
}

.vorota-po-gorodam-detail .sale > .in_content .promo_icon {
	position: absolute;
	right: 168px;
	bottom: 34px;
}

.vorota-po-gorodam-detail .sale > .in_content .garanty {
	position: absolute;
	right: 24px;
	bottom: -12px;
}

.vorota-po-gorodam-detail .need-buy__list {
	background-color: white;
	padding: 0 5px;
}

.vorota-po-gorodam-detail .need-buy__advantages {
	background-color: #f8f8f8;
	margin: 0 10px;
	padding: 30px 0px;
	box-sizing: border-box;
	width: 30%;
	min-height: 225px;
}
.yellow-title {
	color: #ea831a!important;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px;
}
.vorota-po-gorodam-detail .working-people .yellow-title {
	margin: initial;
}

.vorota-po-gorodam-detail .working-people .time {
	padding-left: 20px;
	font-size: 14px;
	background: url(/seo/img/time_icon.png) left center no-repeat;
	color: #00ADEF;
	display: inline-block;
	margin: 20px 0 40px 0;
}

.vorota-po-gorodam-detail .working-people {
	background-image: url(/seo/img/way2.jpg);
	background-position: 6px 258px;
	text-align: center;
	padding-left: 0;
}

.vorota-po-gorodam-detail .working-people__item {
	height: 485px;
	width: 275px;
	display: inline-block;
	vertical-align: top;
	float: initial;
}

.vorota-po-gorodam-detail .working-people__item.mrl01 {
	width: 220px;
	margin-right: 20px;
}

.vorota-po-gorodam-detail .working-people__item.mrl02 {
	margin: 0 50px 0 50px;
}

.vorota-po-gorodam-detail .document_load_link {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 10px 20px;
	max-width: 160px;
}

.vorota-po-gorodam-detail .reviews-list__item {
	text-align: center;
	padding: 13px 0 14px 10px;
}

.vorota-po-gorodam-detail .reviews-list__name {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}

.vorota-po-gorodam-detail .reviews-list__img {
	text-align: center;
}

.vorota-po-gorodam-detail .reviews-list__text {
	background: white;
	text-align: left;
}

.vorota-po-gorodam-detail .reviews-list__text:before {
	display: none;
}

.vorota-po-gorodam-detail .reviews-list__position {
	display: inline-block;
	color: #0BB0EF;
	text-align: center;
	padding-left: 12px;
	background: url(/seo/img/position_icon.png) left center no-repeat;
}

.warm_block > .main_img {
	float: left;
}

.warm_block > .warm_content {
	float: left;
	width: 380px;
	box-sizing: border-box;
	padding-left: 20px;
}

.warm_block > .warm_content > .item {
	margin: 10px 0 30px 0;
}

.warm_block > .warm_content > .item > img {
	margin-top: 20px;
	vertical-align: top;
}

.warm_block > .warm_content > .item > div {
	width: 225px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.vorota-po-gorodam-detail .banner {
	position: relative;
}

.vorota-po-gorodam-detail .banner .main_title {
	position: absolute;
	top: 38px;
	right: 20px;
	line-height: 69px;
	font-style: italic;
	font-weight: bold;
	font-size: 36px;
	text-align: right;
	color: white;
	font-family: "Myriad Pro", Myriad;
}

.vorota-po-gorodam-detail .sale {
	border: 1px solid #E1E1E1;
	border-radius: 7px;
	padding: 10px;
	margin-top: 15px;
}

.vorota-po-gorodam-detail .sale .sale_preview_img {
	border-radius: 7px;
	float: left;
	width: 250px;
	height: 175px;
}

.vorota-po-gorodam-detail .sale > .in_content {
	display: inline-block;
	width: calc(100% - 260px);
	margin-left: 10px;
	box-sizing: border-box;
	position: relative;
	height: 175px;
	background: url(/seo/img/bottom_sale_back.png) left bottom no-repeat;
	background-size: 100% 30px;
}

.vorota-po-gorodam-detail .sale > .in_content .name {
	color: #231F20;
	font-weight: bold;
	font-size: 18px;
	font-family: "Myriad Pro", Myriad;
}

.vorota-po-gorodam-detail .sale > .in_content .price {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	color: white;
	border-radius: 0 0 0 30px;
	padding-left: 20px;
	box-sizing: border-box;
	width: 250px;
	text-align: center;
}
.vorota-po-gorodam-detail .sale > .in_content .price.green {
	background: #99D420;
}

.vorota-po-gorodam-detail .sale > .in_content .price.orange {
	background: #F47216;
}

.vorota-po-gorodam-detail .sale > .in_content .price.blue {
	background: #00ADEF;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes {
	color: #ea831a;
	position: relative;
	height: 80px;
	font-weight: bold;
	text-align: center;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes.big {
	font-size: 36px;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes.small {
	font-size: 20px;
}

.vorota-po-gorodam-detail .sale > .in_content .sizes > .in_content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 269px;
}

.vorota-po-gorodam-detail .sale > .in_content .detail_link {
	color: white;
	border-radius: 3px;
	background: #00ADEF;
	display: inline-block;
	text-decoration: none;
	padding: 3px 8px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-left: 55px;
}

.vorota-po-gorodam-detail .sale > .in_content .work_cycles {
	color: #231F20;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 5px;
	font-style: italic;
}

.vorota-po-gorodam-detail .sale > .in_content .promp_text {
	position: absolute;
	right: 0;
	width: 160px;
	top: 49px;
	font-size: 14px;
	font-weight: bold;
}

.vorota-po-gorodam-detail .sale > .in_content .icons {
	position: absolute;
	bottom: -12px;
	right: 129px;
}

.vorota-po-gorodam-detail .sale > .in_content .promo_icon {
	position: absolute;
	right: 168px;
	bottom: 34px;
}

.vorota-po-gorodam-detail .sale > .in_content .garanty {
	position: absolute;
	right: 24px;
	bottom: -12px;
}

.vorota-po-gorodam-detail .need-buy__list {
	background-color: white;
	padding: 0 5px;
}

.vorota-po-gorodam-detail .need-buy__advantages {
	background-color: #f8f8f8;
	margin: 0 10px;
	padding: 30px 0px;
	box-sizing: border-box;
	width: 30%;
	min-height: 225px;
}

.gallery_slider282 li {
	float: initial !important;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}


.clc_form-wrap {
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	background-color: #e9e9e9;
	padding: 35px;
	border-radius: 8px;
	position: relative
}

@media screen and (max-width: 991px) {
	.clc_form-wrap {
		padding:20px
	}
}

.clc_form-title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px
}

.clc_form-row {
	background-color: #fff;
	padding: 8px 12px;
	margin-bottom: 20px;
	border: 1px solid #aaa;
	position: relative
}
.clc_form-row-block{
	position: relative;
}
.clc_form-row input,.clc_form-row textarea{
	outline: none;
	border: none;
}
.clc_form-row input{
	background-color: #e9e9e9;
}
.uploaded .clc_form-delet {
	display: block;
	opacity: 1;
}
.clc_form-delet {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	display: block;
	width: 36px;
	height: 36px;
	/* background-color: #3f3f3f; */
	border-radius: 50%;
	display: none;
	opacity: 0;
	background-image: url(/bitrix/templates/vorota_full_width/fancybox/fancybox_sprite.png);
}
@media screen and (min-width: 520px) {
	.clc_form-row {
		display:-webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.clc_form-row .error ,.clc_form-row-block .error{
	position: absolute;
	bottom: -21px;
	right: 0;
	color: red;
	font-weight: 600;
	display: none
}

.clc_form-label {
	width: 200px;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer
}

@media screen and (max-width: 520px) {
	.clc_form-label {
		display:block;
		margin-bottom: 12px
	}
}

.clc_form-input-block {
	position: relative
}

@media screen and (min-width: 520px) {
	.clc_form-input-block {
		width:-moz-calc(100% - 180px);
		width: calc(100% - 180px)
	}
}

.clc_form-input {
	font-weight: 600;
	font-size: 18px;
	width: 100%;
	position: relative;
	z-index: 2
}

#email:focus+.clc_form-placeholder {
	opacity: 0
}

.clc_form-placeholder {
	font-weight: 600;
	opacity: .2;
	display: block;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}

.clc_form-placeholder pre {
	margin-top: 0;
	margin-bottom: 0
}

.clc_form-close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	padding: 10px;
	background-image: url(/bitrix/components/maxyss/news.list/templates/template_calc/../img/svg/close.svg);
	background-position: center;
	background-size: contain
}

.clc_form-row-block label {
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
	cursor: pointer
}

.clc_form-row-block textarea {
	border: 0;
	width: 100%;
	height: 120px;
	margin-bottom: 0;
	font-size: 16px
}

@media screen and (max-width: 991px) {
	.clc_form-row-block textarea {
		height:200px
	}
}

@media screen and (min-width: 991px) {
	.clc_form-file{
		position: relative;
	}
	.clc_form-file p{
		position: absolute;
		top: 0;
		right: 0;
		max-width: 280px;
		text-align: right;
	}
}

.clc_form-file label {
	margin-bottom: 8px;
	display: block;
	padding: 8px 5px;
	border-radius: 4px;
	background-color: #c1c1c2;
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	max-width: 300px;
	cursor: pointer;
	position: relative;
}
.uploaded+label {
	display: block !important;
}
.clc_form-file{
	margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
	.clc_form-file label {
		width:100%;
		display: block
	}
}

.clc_form-file label img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: auto;
	position: relative;
	top: -2px
}

.clc_form-file p {
	margin-bottom: 0;
	width: 100%;
	padding-left: 15px;
	font-weight: 600;
	color: #888;
	font-size: 16px
}

@media screen and (max-width: 991px) {
	.clc_form-file p {
		width:100%;
		display: block;
		margin-top: 12px;
		padding-left: 0
	}
}

.clc_form-send {
	margin-top: 70px;
	position: relative
}

.clc_form-send .clc_form-but {
	width: 100%;
	max-width: 230px;
	padding: 12px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background-color: #fb7b29;
	border-radius: 5px;
	margin-left: auto;
	cursor: pointer;
	border-color: transparent
}

@media screen and (max-width: 768px) {
	.clc_form-send .clc_form-but {
		margin-right:auto
	}
}
.clc_form-row-block .clc_policy{
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
	position: relative;
}
.clc_form-row-block .clc_policy a{
	text-decoration: underline;
}
.clc_form-row-block .inp_policy{
	position: absolute;
	left: 0;
	top: 2px;
}
.clc_policy{
	padding-left: 22px;
}
.clc_form-row-block .inp_policy + label{
	padding-left: 22px;
}
/* End */
/* /bitrix/templates/vorota_full_width_copy/css/maxyss.css?174050819111870 */
/* /bitrix/templates/vorota_full_width_copy/js/slick/slick.css?17405081911729 */
/* /bitrix/templates/vorota_full_width_copy/css/normalize.css?17405081912848 */
/* /bitrix/templates/vorota_full_width_copy/css/base.css?17405081911315 */
/* /bitrix/templates/vorota_full_width_copy/fancybox/jquery.fancybox.css?17405081914825 */
/* /bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_mob_2021/style.css?1740508191120 */
/* /bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_mob_cat/style.css?1740508191120 */
/* /bitrix/templates/vorota_full_width_copy/components/bitrix/menu/multi-menu_2021/style.css?17405081916783 */
/* /bitrix/templates/vorota_full_width_copy/components/bitrix/menu/bottommenu/style.css?17405081913761 */
/* /bitrix/templates/vorota_full_width_copy/styles.css?174884703861480 */
/* /bitrix/templates/vorota_full_width_copy/template_styles.css?175024622220291 */
