/* Start:/bitrix/site/css/slick.css?16221166411776*/
/* 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;
    margin-left: auto;
    margin-right: auto;
}
.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/site/css/magnific-popup.css?16221166417188*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10420000000000;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }
html.ya-page_js_yes {
	overflow:visible !important;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10430000000000;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 98%;
    height: 95%;
    /* max-width: 900px; */
    position: fixed;
    left: 1%;
    top: 4%;}
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
	.mfp-bg,.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content,.mfp-wrap{width:100%;}
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 0px;
    padding-right: 0px; } }

/* End */


/* Start:/bitrix/site/css/main.css?175147225569236*/
@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Thin.ttf");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-ThinItalic.ttf");
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Light.ttf");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-LightItalic.ttf");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Italic.ttf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Medium.ttf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-MediumItalic.ttf");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-BoldItalic.ttf");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-Black.ttf");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("/bitrix/site/fonts/Roboto/Roboto-BlackItalic.ttf");
	font-weight: 900;
	font-style: italic;
}


*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 150%;
	margin: 0;
	min-width: 1016px;
}

a {
	text-decoration: none;
}

ul[class] {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol li:not(:last-of-type, ul li) {
	padding-bottom: 15px;
}

iframe {
	border: none;
}

img {
	max-width: 100%;
}

.bold {
	font-weight: bold;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.half-width {
	width: calc(50% - 10px);
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

body,
.hamb-menu-text a,
.hamb-left-item a,
.hamb-center-item a,
.top-menu a,
.example-block.light-bg,
.call-block-balloon,
.locks-list a,
.bc-item a,
.contacts-block-right .call-button .common-phone,
.articles-bottom .call-button .common-phone,
.how-block.light-bg {
	color: #000000;
}

.dark-bg,
.color-white,
.main-zamena-block-inner h1,
.main-zamena-block-list-item,
.call-button .common-phone,
.main-block-subtext,
.whatsapp-button a,
.works-block-title,
.works-block-text,
.common-form-button,
.promise-block .block-common-title,
.promise-list-item,
.doors-block .block-common-title,
.doors-text,
.doors-link,
.achievements-block,
.iron-door-block,
.how-block,
.example-block,
.call-block,
footer,
.footer-block-left .common-phone,
.contacts-block-right .call-button .common-phone:hover,
.articles-bottom .call-button .common-phone:hover,
.page-404 .hamb-menu-text a,
.page-404 .hamb-left-item a,
.page-404 .hamb-center-item a {
	color: #FFFFFF;
}

.header-phone-block-line span,
.prices-block-item-title,
.promo-discount span,
.achievements-block-left .achievements-block-title,
.achievements-block-right-1 .achievements-colored-title,
.how-block-list-item a,
.works-prices-bottom a,
.director-form,
.doors-price-title,
.works-prices-item-left,
.top-menu a:hover,
.hamb-left-item a:hover,
.hamb-center-item a:hover,
.hamb-menu-text a:hover,
.locks-list a:hover,
.bc-item a:hover,
.articles-item-name a,
.remont-page-master .example-list-item span,
.vrezka-page-etapi .example-list-item span,
.ustanovka-page-how .example-list-item span,
.uslugi-list-item {
	color: #FF7E04;
}

.staff-block .slider-arrow-prev path,
.staff-block .slider-arrow-next path,
.promo-block .slider-arrow-prev path,
.promo-block .slider-arrow-next path,
.reviews-block .slider-arrow-prev path,
.reviews-block .slider-arrow-next path {
	fill: #939096;
}

.header-hamburger:hover path,
.slider-arrow-prev:hover path,
.slider-arrow-next:hover path,
.staff-block .slider-arrow-prev:hover path,
.staff-block .slider-arrow-next:hover path,
.promo-block .slider-arrow-prev:hover path,
.promo-block .slider-arrow-next:hover path,
.reviews-block .slider-arrow-prev:hover path,
.reviews-block .slider-arrow-next:hover path {
	fill: #ff7e04;
}

.block-common-text .common-phone {
	color: #ff7e04;
}

.call-block .call-button .common-phone svg path,
.call-block .call-button .common-phone:hover svg path {
	fill: #FFFFFF;
}

.staff-block .slider-dots li,
.promo-block .slider-dots li,
.reviews-block .slider-dots li {
	background: #939096;
}

.common-form-button,
.example-list-item::before,
.call-block,
.call-button .common-phone:hover,
.slider-dots li.slick-active,
.slider-dots li:hover,
.staff-block .slider-dots li.slick-active,
.staff-block .slider-dots li:hover,
.promo-block .slider-dots li.slick-active,
.promo-block .slider-dots li:hover,
.reviews-block .slider-dots li.slick-active,
.reviews-block .slider-dots li:hover,
.doors-link:hover,
.remont-page-master ul li::before {
	background: #FF7E04;
}

.call-button .common-phone:hover,
.doors-link:hover,
.contacts-block-right .call-button .common-phone:hover,
.articles-bottom .call-button .common-phone:hover {
	border-color: #FF7E04;
}

.common-form-button:hover {
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
}

.light-bg,
.hamb-menu-inner,
.prices-block-item,
.promo-block,
.reviews-block,
.good-service-block,
.zamena-prices-block,
.faq-block,
.example-block.light-bg,
.map-block,
.doors-price-item,
.detailed-prices-block,
.works-prices-block,
.facts-block,
.locks-block,
.inner-first-line,
.how-block.light-bg,
.uslugi-list-item,
.prices-list .detailed-prices-item:nth-of-type(odd) {
	background: #EEF1F7;
}

.dark-bg,
.works-block,
.how-block,
.example-block,
footer,
.promise-block.vrezka-akkuratno-block .promise-block-inner {
	background: #2E3648;
}

.call-button .common-phone:hover svg path {
	fill: #FFFFFF;
}

.bg-white,
.slider-dots li,
.promo-slide,
.faq-block-list-item,
.works-prices-item,
.facts-list-item,
.header-first-line-outer {
	background: #FFFFFF;
}

.no-bold .example-list-item,
.no-bold .how-block-title {
	font-weight: normal;
}

.no-italic .example-list-item i {
	font-style: normal;
	opacity: 1;
	font-weight: 400;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

body {
	margin-top: 160px;
}

.header-first-line-outer {
	position: relative;
	z-index: 10;
	padding-bottom: 11px;
}

.container {
	width: 1016px;
	margin: 0 auto;
	padding: 0 20px;
}

.logo {
	display: block;
	float: left;
	margin-top: 25px;
}

.header-pics {
	float: right;
	margin: 26px 11.783% 0 0;
}

.header-pics svg {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: -2px;
}

.header-phone-block {
	float: right;
	margin-top: 16px;
}

.header-phone-block .common-phone {
	font-weight: bold;
	font-size: 24px;
	color: #1D1B1B;
	cursor: default;
}

.common-phone svg {
	display: inline-block;
	margin-right: 1px;
	position: relative;
	top: 4px;
}

.header-phone-block-line {
	font-weight: 300;
	font-size: 15px;
	position: relative;
	top: -4px;
	padding-left: 2px;
}

.header-phone-block-line span {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.5);
	line-height: 1;
	margin-left: 3px;
	cursor: pointer;
}

.header-hamburger {
	float: right;
	cursor: pointer;
	text-align: center;
	margin: 25px 10px 0 40px;
}

.header-hamburger .cross,
.header-hamburger.opened .hamb {
	display: none;
}

.header-hamburger.opened .cross {
	display: inline-block;
}

.header-hamburger div {
	font-weight: 300;
	font-size: 15px;
	color: #A4A4A4;
	position: relative;
	top: -7px;
}

.hamb-menu {
	position: absolute;
	width: 100%;
	top: 90px;
	left: 0;
	z-index: 10;
	overflow: hidden;
	display: none;
}

.hamb-menu-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	cursor: pointer;
}

.hamb-menu-inner {
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
	padding-top: 28px;
	height: 322px;
}

.hamb-menu-inner-preload-bg {
	background: url(/bitrix/site/img/hamb-menu-bg.png) no-repeat;
}

.hamb-menu-inner::after {
	content: '';
	display: block;
	width: 878px;
	height: 322px;
	background: url(/bitrix/site/img/hamb-menu-bg.png) no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% + 73px)
}

.hamb-menu-left {
	float: left;
	width: 332px;
}

.hamb-menu-text {
	margin-bottom: 10px;
}

.hamb-menu-text a {
	font-weight: bold;
}

.hamb-left-item {
	margin-bottom: 6px;
}

.hamb-left-item a {
	font-size: 16px;
}

.hamb-center-item a {
	font-weight: bold;
	font-size: 18px;
}

.hamb-center-item {
	margin-bottom: 9px;
}

.hamb-menu-center {
	float: left;
}

.top-menu {
	padding: 12px 0 11px 0;
	margin: 0 0 20px 0;
}

.top-menu .container>a,
.top-menu .parent {
	display: inline-block;
	margin-right: 3.69%;
}

.top-menu .container>*:last-child {
	margin-right: 0;
}

.top-menu .parent {
	position: relative;
}

.top-menu .parent>div {
	padding: 20px;
	display: none;
	position: absolute;
	left: -16px;
	top: calc(100% + 11px);
	height: max-content;
	width: max-content;
	font-size: 16px;
	line-height: 145%;
	background: #EEF1F7;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

.top-menu .parent>a>svg.marker {
	margin-left: 1px;
}

.top-menu .parent>a:hover>svg.marker path {
	fill: #FF7E04;
}

.top-menu .parent>div::before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: -11px;
	height: 11px;
	background: transparent;
}

.top-menu .parent>div>* {
	display: block;
	margin-bottom: 0.542em;
}

.top-menu .parent>div>*:last-child {
	margin-bottom: 0;
}

.top-menu .parent:hover>div {
	display: block;
}

.top-menu .parent:hover>a {
	color: #FF7E04;
}

.top-menu .parent:hover>a>svg.marker path {
	fill: #FF7E04;
}

.main-zamena-block {
	overflow: hidden;
	height: 680px;
	border-radius: 5px;
	background: url(/bitrix/site/img/main-screen.jpg) no-repeat center center;
	margin-bottom: 20px;
}

.main-zamena-block.zamena-zamkov-v-metallicheskoy-dveri {
	height: auto;
	background: url(/bitrix/site/img/main-screen.jpg) no-repeat center center;
}

.main-zamena-block.lichika-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/lichinka-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.auto-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/auto-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.seif-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/seif-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.door-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/door-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block-inner {
	width: 100%;
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
	padding: 41px 20px 35px 21px;
	position: relative;
}

.main-zamena-block-inner h1 {
	font-weight: bold;
	font-size: 50px;
	line-height: 115%;
	margin: 0;
}

.main-block-subtext {
	font-size: 24px;
	line-height: 150%;
	margin-top: 20px;
}

.main-zamena-block-list {
	margin-top: 44px;
}

.main-zamena-block-list-item {
	font-weight: bold;
	font-size: 22px;
	padding: 10px 0 31px 57px;
}

.main-zamena-block-list-item.item-1 {
	background: url(/bitrix/site/img/priem-1.png) no-repeat 0 5px;
}

.main-zamena-block-list-item.item-2 {
	background: url(/bitrix/site/img/priem-2.png) no-repeat 4px 0;
}

.main-zamena-block-list-item.item-3 {
	background: url(/bitrix/site/img/priem-3.png) no-repeat 4px 7px;
}

.main-zamena-block-list-item.item-4 {
	background: url(/bitrix/site/img/priem-4.png) no-repeat 7px 2px;
}

.main-zamena-block-buttons {
	position: absolute;
	bottom: 35px;
	left: 21px;
	width: calc(100% - 41px);
}

.zamena-zamkov-v-metallicheskoy-dveri .main-zamena-block-buttons,
.static-buttons .main-zamena-block-buttons {
	position: static;
	width: 100%;
}

.call-button {
	width: calc(50% - 10px);
	float: left;
}

.call-button .common-phone {
	display: block;
	height: 50px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 28px;
	text-align: center;
}

.call-button span {
	font-weight: bold;
}

.call-button svg {
	width: 34px;
	height: 34px;
	margin-right: 0;
	position: relative;
	top: 7px;
}

.whatsapp-button {
	width: calc(50% - 10px);
	float: right;
}

.whatsapp-button a {
	display: block;
	height: 50px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background: #25C24A;
	border-radius: 5px;
}

.whatsapp-button a:hover {
	background: #16A237;
}

.whatsapp-button svg {
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 4px;
}

.whatsapp-button span {
	position: relative;
	top: -2px;
}

.prices-block {
	margin-top: 21px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prices-block-item {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 100px;
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

.prices-block-item:hover,
.uslugi-list-item:hover {
	background: #E1E7F3;
}

.prices-block-item-left {
	float: left;
	width: 152px;
	height: 152px;
	background: #E1E7F3;
	border: 3px solid #FFFFFF;
	margin-left: -68px;
	border-radius: 50%;
	position: relative;
	top: -26px;
}

.prices-block-item:hover .prices-block-item-left {
	background: #D2DBEC;
}

.prices-block-item-left svg {
	position: absolute;
}

.item-1 .prices-block-item-left svg {
	top: 52px;
	right: 19px;
}

.item-2 .prices-block-item-left svg {
	top: 53px;
	right: 23px;
}

.item-3 .prices-block-item-left svg {
	top: 51px;
	right: 23px;
}

.item-4 .prices-block-item-left svg {
	top: 53px;
	right: 23px;
}

.prices-block-item-right {
	float: right;
	width: calc(100% - 104px);
	padding: 19px 20px 0 0;
}

.prices-block-item-title {
	display: block;
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}

.prices-block-item-price {
	display: block;
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	color: #1D1B1B;
	margin-top: 3px;
}

.works-block {
	border-radius: 5px;
	padding: 40px 40px 19px 21px;
	margin: 20px 0;
}

.works-block-left {
	float: left;
	width: calc(50% - 19px);
}

.works-block-right {
	float: right;
	width: calc(50% - 19px);
	margin-top: 2px;
}

.works-block-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 115%;
}

h2.works-block-title {
	margin-top: 0;
}


.works-block-text {
	font-size: 20px;
	line-height: 150%;
	margin-top: 21px;
	padding-right: 7%;
}

.slider-nav {
	text-align: center;
}

.slider-arrow-prev,
.slider-arrow-next {
	display: inline-block;
	position: relative;
	top: -2px;
	cursor: pointer;
}

.slider-dots {
	display: inline-block;
	margin: 30px 17px 0 16px;
}

.slider-dots li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 4px 0 5px;
	border-radius: 50%;
	cursor: pointer;
}

.slider-dots button {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.staff-block {
	float: left;
	width: calc(50% - 10px);
	height: 700px;
	border-radius: 5px;
	background: url(/bitrix/site/img/staff-bg.jpg) no-repeat center center;
	margin: 20px 0;
	background-size: cover;
}

.staff-block-inner {
	height: 100%;
	background: url(/bitrix/site/img/staff-bg-logo.png) no-repeat center center;
	position: relative;
}

.staff-block-header {
	padding: 40px 20px 0 20px;
}

.block-common-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 115%;
	margin-bottom: 22px;
}

h3.block-common-title {
	margin-top: 0;
}

.block-common-title.alone-title {
	margin: 40px 0;
}

.staff-block-slider {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.staff-slide {
	position: relative;
	height: 356px;
}

.staff-slide img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.staff-slide::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 112px;
	width: 100%;
	background: linear-gradient(180deg, rgba(238, 241, 247, 0) 0%, #EEF1F7 100%);
	border-radius: 0 0 5px 5px;
}

.staff-balloon {
	position: absolute;
	top: 13px;
	right: 19px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.7);
	width: 210px;
	padding: 14px 20px 13px 20px;
}

.staff-balloon::before {
	content: '';
	display: inline-block;
	border-left: 14.5px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid rgba(255, 255, 255, 0.7);
	border-right: 14.5px solid rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 30px;
	left: -29px;
}

.staff-balloon-name {
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	margin-bottom: 4px;
}

.staff-balloon-skills {
	font-style: italic;
	font-size: 16px;
	line-height: 150%;
}

.staff-block .slider-nav,
.promo-block .slider-nav {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
}

.promo-block {
	float: right;
	width: calc(50% - 10px);
	height: 700px;
	border-radius: 5px;
	margin: 20px 0;
	padding: 40px 20px 0 20px;
	position: relative;
}

.promo-block-slider {
	margin-top: 46px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.promo-slide {
	height: 269px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 21px 20px 20px 20px;
}

.promo-discount {
	position: absolute;
	top: 0;
	right: 0;
	border: 8px solid #FFFFFF;
	overflow: hidden;
	width: 161px;
	height: 161px;
}

.promo-discount::before {
	content: '';
	display: block;
	background: #E1E7F3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 290px;
	height: 290px;
	border-radius: 50%;
}

.promo-discount span {
	font-weight: 900;
	font-size: 50px;
	line-height: 150%;
	letter-spacing: -0.05em;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 23px;
}

.promo-inner {
	position: relative;
	z-index: 3;
}

.promo-label {
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	color: #939096;
	text-transform: uppercase;
	width: calc(100% - 181px);
	position: relative;
	z-index: 3;
	height: 22px;
}

.promo-name {
	width: calc(100% - 181px);
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	margin: 4px 0 16px 0;
}

.promo-desc {
	width: 78%;
}

.promo-inner.full-width .promo-name,
.promo-inner.full-width .promo-desc {
	width: 100%;
}

.common-form-button {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	cursor: pointer;
}

.promo-button {
	margin-top: 20px;
}

.reviews-block {
	border-radius: 5px;
	padding: 40px 40px 26px 21px;
	margin: 20px 0;
}

.reviews-block-left {
	float: left;
	width: calc(100% - 468px);
}

.reviews-quote {
	margin: 97px 0 0 14px;
}

.reviews-block .block-common-title {
	font-size: 42px;
	line-height: 115%;
	color: #1D1B1B;
	margin-bottom: 20px;
}

.reviews-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	color: #1D1B1B;
}

.reviews-block-right {
	float: right;
	width: 438px;
}

.reviews-block iframe {
	/* width: 438px;
	height: 287px;
	border-radius:3px; */
}

.works-block .play-video-btn,
.reviews-block .play-video-btn {
	width: 438px;
	height: 286px;
	border-radius: 3px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.works-block .play-video-btn.remove,
.reviews-block .play-video-btn.remove {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: opacity 1.2s ease;
}

.works-block .play-video-btn .prev-img,
.reviews-block .play-video-btn .prev-img {
	width: 438px;
	height: 286px;
	border-radius: 3px;
}

.works-block .play-video-btn .yt-btn,
.reviews-block .play-video-btn .yt-btn {
	position: absolute;
	height: 48px;
	width: 68px;
	margin: 0 auto;
	display: flex;

	background: none;
	border: none;
	cursor: pointer;
}

.works-block .play-video-btn .yt-btn .background,
.reviews-block .play-video-btn .yt-btn .background {
	-webkit-transition: fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1);
	transition: fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1);
	fill: #212121;
	fill-opacity: .8;
}

.works-block .play-video-btn:hover .yt-btn .background,
.reviews-block .play-video-btn:hover .yt-btn .background {
	-webkit-transition: fill .1s cubic-bezier(0, 0, 0.2, 1), fill-opacity .1s cubic-bezier(0, 0, 0.2, 1);
	transition: fill .1s cubic-bezier(0, 0, 0.2, 1), fill-opacity .1s cubic-bezier(0, 0, 0.2, 1);
	fill: #f00;
	fill-opacity: 1;
}

.reviews-block .slider-nav {
	position: relative;
	top: -8px;
}

.reviews-button.common-form-button {
	margin-top: 11px;
	font-size: 18px;
	line-height: 150%;
	padding-top: 12px;
}

.promise-block {
	float: left;
	width: calc(50% - 10px);
	height: 567px;
	border-radius: 5px;
	background: url(/bitrix/site/img/promise-bg.jpg) no-repeat center center;
	margin: 20px 0;
}

.promise-block-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.82);
	border-radius: 5px;
	padding: 40px 20px 0 20px;
}

.promise-block .block-common-title {
	padding-left: 3px;
}

.promise-list-item {
	position: relative;
	padding: 0 30px 27px 52px;
}

.promise-list-item svg {
	position: absolute;
}

.promise-list-item.item-1 svg {
	top: -1px;
	left: 1px;
}

.promise-list-item.item-2 svg {
	top: 4px;
	left: 2px;
}

.promise-list-item.item-3 svg {
	top: 6px;
	left: 2px;
}

.doors-block {
	float: right;
	width: calc(50% - 10px);
	height: 567px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3C4B6F 0%, #2E3648 100%);
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}

.doors-block-inner {
	background: url(/bitrix/site/img/doors-bg.png) no-repeat center bottom;
	padding: 0 0 244px 0;
}

.doors-block .block-common-title {
	text-align: center;
	margin-bottom: 0;
	padding: 40px 20px 22px 20px;
	background: #546994;
}

.doors-text {
	text-align: center;
	margin-top: 20px;
}

.doors-link {
	display: block;
	width: calc(100% - 40px);
	margin: 32px auto 0 auto;
	height: 50px;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	font-weight: bold;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding-top: 11px;
}

.achievements-block {
	height: 390px;
	border-radius: 5px;
	overflow: hidden;
	background: url(/bitrix/site/img/Minsk.jpg) no-repeat left top;
	overflow: hidden;
	margin-bottom: 20px;
}

.achievements-block-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
}

.achievements-block-left,
.zamena-prices-block-left {
	width: calc(50% + 10px);
	height: calc(100% + 40px);
	margin-top: -20px;
	float: left;
	border: 20px solid #FFFFFF;
	border-left: none;
	border-radius: 0 25px 25px 0;
	padding: 40px 20px 0px 20px;

}

.achievements-block-left .achievements-block-title {
	margin-bottom: 11px;
}

.achievements-block-left .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin-top: -1px;
}

.achievements-block-right,
.zamena-prices-block-right {
	width: calc(50% - 10px);
	float: right;
	height: 100%;
}

.achievements-block-right-1,
.achievements-block-right-3,
.zamena-prices-block-right-1,
.zamena-prices-block-right-3 {
	width: calc(50% + 30px);
	height: calc(50% + 30px);
	margin: -20px 0 0 -20px;
	float: left;
	border: 20px solid #FFFFFF;
	border-radius: 25px;
}

.achievements-block-right-2,
.achievements-block-right-4,
.zamena-prices-block-right-2,
.zamena-prices-block-right-4 {
	width: calc(50% - 10px);
	float: right;
	height: calc(50% + 10px);
}

.achievements-block-right-2-inner,
.achievements-block-right-4-inner,
.zamena-prices-block-right-2-inner,
.zamena-prices-block-right-4-inner {
	width: calc(100% + 40px);
	height: calc(100% + 20px);
	margin: -20px 0 0 -20px;
	border: 20px solid #FFFFFF;
	border-radius: 25px;
}

.achievements-block-right-1,
.achievements-block-right-2-inner,
.achievements-block-right-3,
.achievements-block-right-4-inner,
.zamena-prices-block-right-1,
.zamena-prices-block-right-2-inner,
.zamena-prices-block-right-3,
.zamena-prices-block-right-4-inner {
	padding: 20px 22px 0px 22px;
	position: relative;
}

.achievements-colored-title {
	font-weight: 900;
	font-size: 40px;
	line-height: 150%;
}

.achievements-block-right-2 .achievements-colored-title {
	color: #FFC804;
}

.achievements-block-right-3 .achievements-colored-title {
	color: #25C24A;
}

.achievements-block-right-4 .achievements-colored-title {
	color: #FF4D00;
}

.achievements-text {
	position: absolute;
	left: 22px;
	bottom: 19px;
	width: calc(100% - 44px);
}

.iron-door-block {
	float: left;
	width: calc(50% - 10px);
	height: 592px;
	border-radius: 5px;
	background: url(/bitrix/site/img/iron-door-bg.png) no-repeat right top #1C2A35;
	padding: 40px 20px 0px 20px;
	position: relative;
}

.iron-door-block .block-common-text p {
	margin: 0 0 13px 0;
}

.iron-door-block-bottom {
	width: calc(100% - 40px);
	position: absolute;
	left: 20px;
	bottom: 40px;
}

.iron-door-block-bottom .bottom-text {
	font-weight: 300;
	margin-bottom: 29px;
}

.iron-door-block-bottom .call-button,
.iron-door-block-bottom .whatsapp-button,
.contacts-block-right .call-button,
.contacts-block-right .whatsapp-button,
.uslugi-first-right .call-button,
.uslugi-first-right .whatsapp-button {
	width: 100%;
	float: none;
}

.iron-door-block-bottom .call-button,
.contacts-block-right .call-button,
.uslugi-first-right .call-button {
	margin-bottom: 20px;
}

.good-service-block {
	float: right;
	width: calc(50% - 10px);
	height: 592px;
	border-radius: 5px;
	padding: 40px 20px 0px 20px;
}

.good-service-list {
	margin-top: -1px;
}

.good-service-list-item {
	position: relative;
	padding: 0 30px 22px 63px;
}

.good-service-list b {
	display: block;
	font-size: 20px;
	line-height: 135%;
	margin-bottom: 4px;
}

.good-service-list svg {
	position: absolute;
}

.good-service-list-item.item-1 svg {
	top: 7px;
	left: 8px;
}

.good-service-list-item.item-2 svg {
	top: 2px;
	left: 7px;
}

.good-service-list-item.item-3 svg {
	top: -1px;
	left: 2px;
}

.zamena-prices-block {
	height: 447px;
	border-radius: 5px;
	overflow: hidden;
	overflow: hidden;
	margin: 20px 0;
}

.zamena-prices-block .common-form-button {
	margin-top: 22px;
}

.zamena-prices-text {
	font-size: 20px;
	line-height: 130%;
}

.zamena-prices-block-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #E1E7F3;
	border-radius: 0px 0px 5px 5px;
	font-size: 22px;
	line-height: 150%;
	padding: 13px 20px 14px 20px;
	width: 100%;
	font-weight: bold;
}

.how-block {
	height: 431px;
	border-radius: 5px;
	padding: 40px 20px 0px 20px;
	margin: 20px 0;
}

.how-block-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.how-block-list-item {
	width: calc(50% - 10px);
	position: relative;
	padding: 9px 20px 13px 63px;
}

.how-block-list-item a svg,
.works-prices-bottom a svg {
	display: none;
}

.how-block-list-item a span,
.works-prices-bottom a span {
	font-weight: bold;
}

.how-block-list-item img {
	position: absolute;
	top: 0;
	left: 0;
}

.how-block-title {
	font-weight: bold;
	font-size: 24px;
	line-height: 135%;
	margin-bottom: 12px;
}

.how-block-list-item.item-1 img,
.how-block-list-item.item-3 img {
	top: 9px;
	left: 1px;
}

.how-block-list-item.item-2 img,
.how-block-list-item.item-4 img {
	top: 9px;
	left: 2px;
}

.faq-block {
	border-radius: 5px;
	padding: 44px 20px 20px 20px;
	margin: 20px 0;
}

.faq-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin: -1px 0 22px 0;
}

.faq-block-list-item {
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 26px 75px 13px 20px;
	cursor: pointer;
}

.faq-block-list-item.opened {
	padding: 26px 75px 32px 20px;
}

.faq-question {
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	position: relative;
	margin-bottom: 14px;
}

.faq-question h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	position: relative;
	margin-bottom: 14px;
}

.faq-question h3 {
	margin-top: 0;
}

.faq-question svg {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -46px;
	transition: all 0.1s ease-out;
}

.faq-answer {
	display: none;
}

.opened .faq-question svg {
	right: -42px;
	transform: rotate(90deg);
}

.opened .faq-answer {
	display: block;
}

.example-block {
	border-radius: 5px;
	padding: 44px 22px 14px 22px;
	margin: 20px 0;
}

.example-block .block-common-title div {
	font-size: 30px;
	line-height: 135%;
	margin-top: 2px;
}

.example-list {
	padding-top: 11px;
}

.example-list-item {
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	padding-left: 20px;
	position: relative;
	margin-bottom: 27px;
}

.ustanovka-page-how .example-list-item {
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
}

.example-list-item i {
	display: block;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	opacity: 0.7;
	margin-top: -1px;
	padding-bottom: 1px;
}

.example-list-item::before {
	content: '';
	display: block;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 13px;
	left: -1px;
}

.call-block {
	border-radius: 5px;
	padding: 40px 40px 37px 22px;
}

.call-block-left {
	width: calc(50% - 10px);
	float: left;
}

.call-block-right {
	width: calc(50% - 19px);
	float: right;
}

.call-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin: -1px 0 18px 0;
}

.call-block .call-button {
	width: 100%;
	float: none;
}

.call-block .call-button .common-phone {
	display: inline-block;
	text-align: left;
	border: none;
	font-size: 34px;
	line-height: 150%;
}

.call-block .call-block-right .call-button .common-phone {
	display: none;
}

.call-block .call-button svg {
	top: 6px;
}

.call-block-balloon {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 13px 20px 15px 20px;
	position: relative;
	margin-bottom: 39px;
}

.call-block-balloon::before {
	content: '';
	display: inline-block;
	border-bottom: 14.5px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 0.8);
	border-top: 14.5px solid rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: -29px;
	left: 42px;
}

.call-block-pic {
	position: relative;
	padding-left: 84px;
}

.call-block-pic img {
	position: absolute;
	left: 0;
	top: 4px;
}

.call-block-name {
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 3px;
}

.call-block-position {
	font-style: italic;
	font-size: 16px;
	line-height: 150%;
}

.map-block {
	border-radius: 5px;
	padding: 20px;
	margin: 20px 0;
}

.map-block .block-common-title {
	font-size: 30px;
	line-height: 135%;
	margin: 21px 0 20px 0;
}

h2.block-common-title {
	margin-top: 0;
}

.map-block-left {
	width: calc(50% - 10px);
	float: left;
}

.map-block-right {
	width: calc(50% - 11px);
	float: right;
}

.map-list-left,
.map-list-right {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
}

.map-list-item {
	font-size: 20px;
	line-height: 200%;
}

#map {
	height: 457px;
	border-radius: 5px;
	overflow: hidden;
	background: url(/bitrix/site/img/map-img.jpg) no-repeat;
	background-size: cover;
}

.map-balloon {
	position: relative;
}

.map-balloon span {
	width: 240px;
	position: absolute;
	left: 50px;
	top: 15%;
	background: #fff;
	display: none;
	text-align: left;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #3333;
}

.map-balloon:hover span {
	display: inline-block;
}

.footer-block-left {
	width: calc(50% - 10px);
	float: left;
	padding: 27px 0 0 0;
}

.footer-block-left .common-phone {
	font-size: 20px;
	line-height: 150%;
	display: inline-block;
}

.footer-block-left .common-phone svg {
	top: 6px;
}

.footer-block-left .common-phone span {
	font-weight: bold;
}

.footer-left-text {
	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
	margin: 13px 0 0 0;
}

.director-form {
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.4);
	cursor: pointer;
}

.footer-block-right {
	width: calc(50% - 10px);
	float: right;
	font-size: 16px;
	line-height: 150%;
	padding: 35px 0 37px 0;
}

.footer-block-right div {
	margin: 11px 0;
}

.doors-price-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.doors-price-item {
	width: calc(50% - 10px);
	height: 129px;
	border-radius: 5px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	padding: 0 100px 0 20px;
}

.doors-price-block.full .doors-price-item {
	padding: 0 20px;
}

.doors-price-item.item-1 {
	background: url(/bitrix/site/img/door-1.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-2 {
	background: url(/bitrix/site/img/door-2.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-3 {
	background: url(/bitrix/site/img/door-3.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-4 {
	background: url(/bitrix/site/img/door-4.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-title {
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}

.doors-price-title br {
	display: none;
}

.doors-price-price {
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	color: #1D1B1B;
	margin-top: 3px;
}

.attention-block {
	background: #F2F2F2;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}

.attention-left {
	height: 199px;
	float: left;
	width: calc(50% - 30px);
	background: url(/bitrix/site/img/attention-bg.png) no-repeat #E5E2E5;
	background-position: left 9px bottom;
	padding: 45px 0 0 196px;
	position: relative;
}

.attention-left-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 130%;
}

.attention-left-text {
	line-height: 130%;
	margin-top: 10px;
}

.attention-left::after {
	content: '';
	display: block;
	position: absolute;
	right: -60px;
	top: 0;
	border-right: 30px solid transparent;
	border-top: 99.5px solid transparent;
	border-bottom: 99.5px solid #E5E2E5;
	border-left: 30px solid #E5E2E5;
}

.attention-right {
	float: right;
	width: calc(50% - 10px);
	line-height: 130%;
	padding: 24px 0 0 40px;
}

.attention-right-title {
	font-weight: bold;
	margin-bottom: 21px;
}

.attention-right-item {
	position: relative;
	padding: 8px 0 13px 48px;
}

.attention-right-item svg {
	position: absolute;
	top: 0;
	left: 3px;
}

.attention-right-item img {
	position: absolute;
	top: 7px;
	left: 1px;
}

.detailed-prices-block {
	float: left;
	width: calc(50% - 10px);
	/*height:794px;*/
	border-radius: 5px;
	padding: 40px 20px 31px 21px;
}

.detailed-prices-block .block-common-text {
	font-style: italic;
}

.detailed-prices-list {
	margin-top: 6px;
}

.detailed-prices-item {
	border-top: 1px solid #D0D7E7;
	padding: 17px 0 12px 0;
}

.detailed-prices-item:nth-of-type(1) {
	border: none;
}

.detailed-prices-item-left {
	float: left;
	width: 75%;
}

.detailed-prices-item-right {
	float: right;
	font-weight: bold;
}

.detailed-prices-block__text {
	margin-top: 10px;
	font-size: 15px;
}

.works-prices-block {
	float: right;
	width: calc(50% - 10px);
	/*height:794px;*/
	/* height: 741px; */
	border-radius: 5px;
	overflow: hidden;
}

.works-prices-inner {
	padding: 40px 20px 0 20px;
}

.works-prices-item {
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 1px 70px 1px 16px;
}

.works-prices-item:nth-of-type(4) {
	padding: 5px 70px 7px 16px;
}

.works-prices-item-left {
	float: left;
	font-weight: 900;
	font-size: 50px;
	line-height: 130%;
	width: 45px;
}

.works-prices-item-right {
	float: left;
	width: calc(100% - 45px);
	min-height: 65px;
	display: flex;
	align-items: center;
}

.works-prices-bottom {
	padding: 21px 30px 10px 80px;
	position: relative;
	/* height: 190px; */
	margin-top: -7px;
}

.works-prices-bottom svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.facts-block {
	border-radius: 5px;
	padding: 44px 22px 20px 22px;
	margin: 20px 0;
}

.facts-list {
	padding-top: 7px;
}

.facts-list-item {
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 23px 40px 26px 90px;
	position: relative;
}

.facts-list-item::before,
.vrezka-akkuratno-block .promise-list-item::before {
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	border: 2px solid #FF7E04;
	border-radius: 50%;
	background: url(/bitrix/site/img/fact.svg) no-repeat center center;
	position: absolute;
	top: 28px;
	left: 28px;
}

.garantii-priem-block .facts-list-item::before {
	top: 50%;
	margin-top: -22px;
}

.vrezka-akkuratno-block .promise-list-item::before {
	top: 0;
	left: 0;
}

.locks-block {
	border-radius: 5px;
	padding: 44px 22px 32px 22px;
	margin: 20px 0;
}

.locks-block .block-common-text {
	width: 90%;
}

.locks-block-subtext {
	margin-top: 23px;
}

.locks-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 22px;
}

.locks-list a {
	display: block;
	width: calc((100% - 60px) / 4);
	text-align: center;
}

.locks-list a span {
	display: block;
	margin-top: 13px;
}

.inner-first-line {
	border-radius: 5px;
	font-size: 14px;
	line-height: 16px;
	padding: 24px 21px 29px 21px;
	margin-bottom: 20px;
}

.breadcrumbs {
	padding: 0 3px 1px 3px;
}

.bc-item {
	float: left;
}

.bc-item a {
	float: left;
}

.bc-separ {
	float: left;
	margin: 0 4px 0 3px;
}

.inner-first-line h1 {
	font-size: 50px;
	line-height: 115%;
	margin: 0;
}

.contacts-block-left {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 26px 20px 29px 20px;
}

.contacts-block-title {
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 6px;
}

.contacts-block-right .call-button .common-phone,
.articles-bottom .call-button .common-phone {
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.contacts-map {
	margin: 20px 0;
	border-radius: 5px;
	overflow: hidden;
}

.articles-list-item {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 26px 80px 32px 20px;
}

.articles-item-name a {
	font-size: 20px;
	line-height: 150%;
}

.articles-item-text {
	font-size: 16px;
	line-height: 150%;
	margin-top: 5px;
}

.articles-bottom {
	margin: 40px 0;
}

.how-block.light-bg,
.works-prices-block.remont-page-works-prices {
	width: 100%;
	float: none;
	height: auto;
}

.how-block.light-bg {
	padding: 40px 20px 32px 20px;
}

.works-prices-block.remont-page-works-prices {
	padding: 40px 20px 12px 20px;
}

.remont-page-how .how-block-title {
	font-size: 20px;
	line-height: 135%;
	margin-bottom: 0;
	height: 39px;
	display: flex;
	align-items: center;
}

.remont-page-master ul li {
	/* padding-left:20px; */
	position: relative;
}

/* .remont-page-master ul li::before{
	content:'';
	display: inline-block;
    width: 6px;
    height: 6px;
	border-radius:50%;
	position:absolute;
	top:11px;
	left:5px;
} */
.remont-page-master ul li {
	list-style-type: disc;
}

.remont-page-master ul li::marker {
	color: #FF7E04;
}

.remont-page-master .example-list-item::before,
.vrezka-page-etapi .example-list-item::before,
.ustanovka-page-how .example-list-item::before {
	display: none;
}

.remont-page-master .example-list-item span,
.vrezka-page-etapi .example-list-item span,
.ustanovka-page-how .example-list-item span {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
}

.ustanovka-page-how .example-list-item span {
	top: -3px;
}

.promise-block.vrezka-akkuratno-block {
	width: 100%;
	float: none;
	height: auto;
	background: none;
}

.full-width-parent div {
	width: 100% !important;
	float: none;
	height: auto;
	margin: 20px 0;
}

.full-width-parent .good-service-block {
	padding: 20px 20px 1px 20px;
}

.full-width-parent .good-service-block br {
	display: none;
}

.closed-door-block {
	padding: 40px 20px;
	border-radius: 5px;
	height: 300px;
}

.closed-door-block .block-common-title {
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 150%;
}

.lock-class-block {
	padding: 41px 20px 0px 20px;
	border-radius: 5px;
	height: 300px;
}

.lock-class-list-item {
	padding: 0 0 23px 63px;
	position: relative;
}

.lock-class-list-item::before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 32px;
	height: 32px;
	border: 2px solid #FF7E04;
	border-radius: 50%;
	background: url(/bitrix/site/img/fact.svg) no-repeat center center;
	background-size: 15px 12px;
}

.locks-types-block {
	padding: 41px 21px 32px 21px;
	border-radius: 5px;
	margin: 20px 0;
}

.locks-types-block.auto {
	padding: 41px 40px 32px 40px;
}

.locks-types-block .block-common-title {
	font-size: 40px;
	line-height: 135%;
	margin-bottom: 31px;
}

.locks-types-list {
	padding-bottom: 1px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.locks-types-item {
	text-align: center;
	width: 235px;
	margin-bottom: 29px;
}

.locks-types-name {
	margin-top: -7px;
}

.defensive-classes-block {
	padding: 41px 21px 0 21px;
	border-radius: 5px;
	margin: 20px 0;
}

.defensive-list {
	margin-top: 13px;
}

.defensive-list-text {
	width: calc(100% - 147px);
	margin-top: 1px;
}

.defensive-list-item {
	padding: 9px 0 23px 0;
}

.defensive-classes-block.seif {
	padding: 44px 21px 27px 21px;
}

.defensive-classes-block.seif img {
	position: relative;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(2) img {
	top: -2px;
	left: 3px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(3) img {
	left: 10px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(4) img {
	left: 28px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(5) img {
	left: 9px;
}

.uslugi-first-block {
	height: 360px;
	border-radius: 5px;
	background: url(/bitrix/site/img/uslugi-bg.jpg) no-repeat center center;
	margin-bottom: 20px;
}

.uslugi-first-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
	border-radius: 5px;
	padding: 41px 22px 27px 22px;
}

.uslugi-first-block .block-common-title {
	font-size: 50px;
	line-height: 115%;
	margin: 0 0 19px 0;
}

.uslugi-first-block .block-common-text {
	font-size: 22px;
	line-height: 150%;
	margin-bottom: 51px;
}

.uslugi-first-left {
	background: url(/bitrix/site/img/priem-1.png) no-repeat 22px 27px rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	font-size: 22px;
	line-height: 150%;
	padding: 29px 60px 25px 77px;
}

.uslugi-list-item {
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
	height: 129px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 45px 0 20px;
}

.uslugi-list-item img {
	margin-right: 27px;
}

.zaklinilo-block {
	border-radius: 5px;
	background: url(/bitrix/site/img/zaklinilo-bg.png) no-repeat 0 0 #1C2A35;
	margin-bottom: 20px;
}

.zaklinilo-block-inner {
	background: rgba(28, 42, 53, 0.6);
	padding: 40px 21px 47px 21px;
	border-radius: 5px;
}

.zaklinilo-right {
	padding-right: 59px;
}

.zaklinilo-block .block-common-text {
	font-size: 28px;
	line-height: 150%;
	margin: 2px 0 49px 0;
}

.main-zamena-block.o-kompanii-first-block {
	height: auto;
	background-position: center top;
}

.o-kompanii-first-block .main-zamena-block-inner {
	padding-right: 30%;
}

.example-block.o-kompanii-cenim {
	padding: 44px 22px 36px 22px;
}

.example-block.o-kompanii-cenim .bold {
	font-size: 24px;
	line-height: 115%;
	margin: 20px 0;
}

.video-block {
	display: flex;
	margin: 20px 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

.video-block iframe {
	width: 478px;
	height: 312px;
	border-radius: 5px 7px 7px 5px;
}

.video-item {
	margin-bottom: 12px;
}

.page-404 .inner-first-line {
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 20px;
	background: url(/bitrix/site/img/404-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 0;
}

.page-404 .inner-first-line-inner {
	padding: 42px 21px 34px 21px;
	background: rgba(14, 18, 27, 0.75);
	border-radius: 5px;
}

.page-404 .block-common-text {
	font-size: 18px;
	line-height: 150%;
}

.page-404 .inner-first-line h1 {
	margin-bottom: 21px;
}

.page-404 .hamb-menu-left {
	width: 395px;
}

.page-404 .hamb-menu-links {
	margin-top: 25px;
}

.page-404 .hamb-menu-text {
	margin-bottom: 13px;
}

.page-404 .hamb-menu-text a {
	font-size: 18px;
	line-height: 21px;
}

.page-404 .hamb-left-item {
	margin-bottom: 9px;
}

.page-404 .hamb-center-item {
	margin-bottom: 12px;
}

.page-404 .articles-bottom {
	margin: 20px 0 48px 0;
}

.garantii-remont-block {
	padding: 40px 22px 36px 22px;
	margin: 20px 0;
	border-radius: 5px;
}

.garantii-remont-block .block-common-title {
	font-size: 30px;
	line-height: 115%;
}

.prices-list .detailed-prices-block {
	background: transparent;
	width: 100%;
	float: none;
	margin: 20px 0;
	height: auto;
	padding: 20px 0 0 0;
}

.prices-list .block-common-title,
.prices-list .block-common-text {
	padding: 0 20px;
}

.prices-list .block-common-text {
	font-weight: bold;
	font-size: 24px;
	font-style: normal;
	margin: 22px 0;
}

.prices-list .detailed-prices-item {
	border: none;
	padding: 17px 20px 12px 20px;
}

.prices-page-works .works-prices-block {
	width: 100%;
	float: none;
	height: auto;
	margin: 40px 0 20px 0;
}

.sovet {
	background: rgba(255, 126, 4, 0.1);
	border-radius: 4px;
	color: #4A4A4B;
	padding: 50px 95px;
	position: relative;
	line-height: 1.5;
	font-style: italic;
	margin: 20px 0 30px;
}

.sovet .sovet-zag {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
}

.sovet:after {
	background: url(/bitrix/site/img/sovet.svg) no-repeat;
	content: "";
	position: absolute;
	left: 40px;
	top: 50px;
	width: 40px;
	height: 40px;
}

/***********************FORM***********************/
.callback-form {
	position: fixed;
	width: 620px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin: -175px 0 0 -310px;
	z-index: 100;
	background: #EEF1F7;
	display: none;
	padding: 20px 20px 40px 20px;
}

.form-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	cursor: pointer;
}

.form-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.callback-form-title {
	font-weight: bold;
	font-size: 28px;
	line-height: 115%;
	text-align: center;
}

.callback-form-subtitle {
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	margin-top: 11px;
}

.callback-form-inner {
	margin-top: 30px;
}

.callback-form .afbf_item_pole {
	position: relative;
	width: calc(50% - 10px);
}

.callback-form .afbf_item_pole input {
	background: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	outline: none;
	border: 1px solid white;
	height: 50px;
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 18px;
	color: #8F8F8F;
	padding: 0 25px 0 12px;
	font-family: 'Roboto', sans-serif;
}

.callback-form .afbf_item_pole.error_pole input,
.callback-form .afbf_item_pole.error_pole textarea {
	border: 1px solid red;
}

.callback-form .afbf_item_pole.error_pole path,
.callback-form .afbf_item_pole.error_pole path {
	fill: red;
}

.callback-form .afbf_required_text {
	position: absolute;
	top: 1px;
	right: 9px;
}

.callback-form .afbf_submit_block {
	width: calc(50% - 10px);
}

.callback-form .afbf_submit_block input {
	background: #FF7E04;
	border-radius: 5px;
	outline: none;
	border: none;
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}

.callback-form .afbf_submit_block input:hover {
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
}

.callback-form-subtitle.second-line {
	margin: 31px 0 12px 0;
}

.callback-form .call-button .common-phone {
	border: 1px solid rgba(0, 0, 0, 0.5);
	font-size: 24px;
	color: #000000;
	line-height: 50px;
}

.callback-form .call-button svg {
	width: 31px;
	height: 31px;
	margin-right: 0;
	position: relative;
	top: 6px;
}

.callback-form .call-button .common-phone:hover {
	border-color: #FF7E04;
	color: white;
}

.callback-form-ok-pic {
	text-align: center;
	margin-top: 82px;
}

.afbf_mess_ok .callback-form-title {
	margin-top: 5px;
}

.form-close {
	cursor: pointer;
}

.form-close:hover svg path {
	fill: #FF7E04;
}

.second-body {
	overflow: hidden;
}

.callback-form.director-callback-form {
	position: fixed;
	width: 620px;
	height: 607px;
	top: 50%;
	left: 50%;
	margin: -304px 0 0 -310px;
	z-index: 100;
	background: #EEF1F7;
	display: none;
	padding: 20px 20px 40px 20px;
}

.callback-form.director-callback-form .callback-form-inner {
	margin-top: 34px;
}

.callback-form.director-callback-form .afbf_item_pole {
	width: 100%;
	margin-bottom: 20px;
}

.callback-form .afbf_item_pole textarea {
	background: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	outline: none;
	border: 1px solid white;
	height: 181px;
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 18px;
	color: #8F8F8F;
	padding: 14px 25px 14px 12px;
	font-family: 'Roboto', sans-serif;
}

.pole-fio,
.pole-email {
	display: none;
}

.car-logos-wp {
	background: #EEF1F7;
	border-radius: 5px;
	margin-top: 20px;
	padding: 44px 20px 36px 20px;
}

.car-logos-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.car-logo {
	width: 25%;
	text-align: center;
	margin-bottom: 37px;
	padding-top: 13px;
}

.car-logo div {
	margin-top: -7px;
}

.master-locks {
	position: relative;
	border-radius: 5px;
	padding: 78px 21px;
	margin-bottom: 20px;
}

.master-locks__background {
	border-radius: 5px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	background-image: url(/bitrix/site/img/master-locks.jpg);
}

.master-locks__content {
	position: relative;
	z-index: 3;
	max-width: 522px;
}

.note-block {
	position: relative;
	padding: 32px 34px;
	background: rgba(238, 241, 248, 0.82);
	backdrop-filter: blur(4px);
	border-radius: 0px 5px 5px 0px;
}

.note-block::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #FF7F04;
}

.services-card-block {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 10px));
	column-gap: 20px;
	row-gap: 20px;
	margin: 20px 0;
}

.services-card {
	box-sizing: border-box;
	display: flex;
	height: 130px;
	background-color: #EEF1F7;
	border-radius: 5px;
	overflow: hidden;
}

.services-card__img-wrap {}

.services-card__img {}

.services-card__info {
	box-sizing: border-box;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	padding: 21px 15px;
}

.services-card__title {
	color: #FF7E04;
	font-family: 'Roboto';
	font-size: 22px;
	font-weight: 700;
	line-height: 120%;
}

.services-card__price {
	color: #1D1B1B;
	font-family: 'Roboto';
	font-size: 22px;
	font-weight: 700;
	line-height: 150%;
}

@media (max-width: 768px) {
	body {
		margin-top: 110px;
		min-width: 518px;
	}

	.master-locks {
		padding: 0;
		padding-top: 152px;
	}

	.master-locks__background {
		border-radius: 5px;
		z-index: 2;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 152px;
		bottom: unset;
		border-radius: 5px 5px 0 0;
	}

	.master-locks__content {}

	.note-block {}

	.container {
		width: 518px;
		padding: 0 20px;
	}

	.header-hamburger {
		margin: 25px 11px 0 25px;
	}

	.header-pics,
	.hamb-menu-inner::after,
	.hamb-left-item,
	.top-menu,
	.slider-arrow-prev,
	.slider-arrow-next,
	.reviews-quote,
	.promise-block .block-common-title br:nth-of-type(1),
	.good-service-block .block-common-title br,
	.call-block-left .call-button,
	.attention-left::after,
	.locks-types-list .clearfix {
		display: none !important;
	}

	.half-width,
	.hamb-menu-left,
	.hamb-menu-center,
	.call-button,
	.whatsapp-button,
	.prices-block-item,
	.works-block-left,
	.works-block-right,
	.staff-block,
	.promo-block,
	.reviews-block-left,
	.reviews-block-right,
	.promise-block,
	.doors-block,
	.iron-door-block,
	.good-service-block,
	.call-block-left,
	.call-block-right,
	.map-block-left,
	.map-block-right,
	.footer-block-left,
	.footer-block-right,
	.doors-price-item,
	.attention-left,
	.attention-right,
	.detailed-prices-block,
	.works-prices-block,
	.defensive-list-text {
		width: 100%;
		float: none;
	}

	.promise-block,
	.promo-block,
	.good-service-block,
	.detailed-prices-block,
	.works-prices-block {
		height: auto;
	}

	.hamb-menu {
		position: fixed;
		width: 100%;
		height: calc(100% - 90px);
		top: 89px;
	}

	.hamb-menu-inner {
		background: #EEF1F7;
		box-shadow: none;
		padding-top: 17px;
		height: 100%;
	}

	.hamb-menu-inner::after {
		display: none;
	}

	.hamb-menu-text,
	.hamb-center-item {
		margin-bottom: 0;
	}

	.hamb-menu-text a,
	.hamb-center-item a {
		font-weight: bold;
		font-size: 18px;
		line-height: 21px;
		display: block;
		border-bottom: 1px solid #C9C9C9;
		padding: 14px 0 15px 0;
	}

	.main-zamena-block-inner {
		padding: 41px 20px 35px 21px;
	}

	.main-zamena-block-inner h1 {
		font-size: 40px;
		line-height: 125%;
	}

	.main-zamena-block-list {
		margin-top: 24px;
	}

	.main-zamena-block-list-item {
		font-size: 18px;
		line-height: 150%;
		padding: 10px 0 31px 54px;
	}

	.main-zamena-block-list-item.item-1 {
		background-position: 0 7px;
	}

	.main-zamena-block-list-item.item-2 {
		background-position: 4px 2px;
	}

	.main-zamena-block-list-item.item-3 {
		background-position: 4px 9px;
	}

	.main-zamena-block-list-item.item-4 {
		background-position: 4px 5px;
	}

	.main-zamena-block-buttons {
		position: static;
		width: 100%;
		margin-top: 31px;
	}

	.main-zamena-block-buttons .call-button,
	.articles-bottom .call-button .common-phone,
	.uslugi-first-right .common-phone {
		margin-bottom: 23px;
	}

	.main-zamena-block-buttons .call-button .common-phone,
	.iron-door-block .call-button .common-phone,
	.contacts-block-right .call-button .common-phone,
	.articles-bottom .call-button .common-phone,
	.uslugi-first-block .call-button .common-phone {
		border-color: #FF7E04;
		background: #FF7E04;
	}

	.main-zamena-block-buttons .call-button .common-phone path,
	.iron-door-block .call-button .common-phone path,
	.contacts-block-right .call-button .common-phone path,
	.articles-bottom .call-button .common-phone path,
	.uslugi-first-block .call-button .common-phone path {
		fill: #FFFFFF;
	}

	.prices-block-item-title {
		font-size: 20px;
		line-height: 130%;
	}

	.prices-block-item-price {
		font-size: 18px;
		line-height: 150%;
		margin-top: 3px;
	}

	.prices-block-item-right {
		width: calc(100% - 103px);
		padding: 23px 20px 0 0;
	}

	.works-block {
		padding: 40px 20px 19px 20px;
	}

	.works-block-title {
		font-size: 30px;
		line-height: 150%;
	}

	.works-block-text {
		font-size: 18px;
		line-height: 150%;
		margin: 9px 0 22px 0;
		padding-right: 0;
	}

	.slider-nav {
		line-height: 1;
	}

	.slider-dots {
		margin: 20px 17px 9px 16px;
	}

	.block-common-title {
		font-size: 30px;
		line-height: 135%;
		margin-bottom: 20px;
	}

	.staff-block-header {
		padding: 42px 20px 0 20px;
	}

	.staff-block .block-common-title {
		width: 80%;
	}

	.staff-block .slider-nav,
	.promo-block .slider-nav {
		bottom: 19px;
	}

	.promo-block {
		padding: 43px 20px 72px 20px;
	}

	.promo-block-slider {
		margin-top: 22px;
	}

	.reviews-block {
		padding: 40px 20px 40px 21px;
	}

	.reviews-block .block-common-title {
		font-size: 30px;
		line-height: 150%;
		margin-bottom: 9px;
	}

	.reviews-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin-bottom: 22px;
	}

	.reviews-block iframe {
		border-radius: 5px 7px 7px 5px;
	}

	.reviews-block .play-video-btn {
		border-radius: 5px 7px 7px 5px;
	}

	.reviews-block .play-video-btn .prev-img {
		border-radius: 5px 7px 7px 5px;
	}

	.reviews-button.common-form-button {
		margin-top: 1px;
	}

	.promise-block-inner {
		padding: 42px 20px 5px 20px;
	}

	.promise-block .block-common-title {
		margin-bottom: 21px;
	}

	.doors-block {
		height: auto;
		padding-bottom: 40px;
	}

	.doors-block .block-common-title {
		padding: 42px 40px 22px 40px;
	}

	.doors-link {
		margin: 37px auto 0 auto;
	}

	.achievements-block,
	.achievements-block-inner {
		height: 714px;
		overflow: hidden;
	}

	.achievements-block-left,
	.zamena-prices-block-left {
		width: calc(100% + 40px);
		height: auto;
		margin: -20px 0 0 -20px;
		float: none;
		border: 20px solid #FFFFFF;
		padding: 41px 20px 32px 20px;
		border-radius: 25px;
	}

	.achievements-block-right,
	.zamena-prices-block-right {
		width: calc(100% + 40px);
		height: auto;
		float: none;
	}

	.achievements-block-right-1,
	.achievements-block-right-3,
	.achievements-block-right-2-inner,
	.achievements-block-right-4-inner {
		height: 225px;
		margin: -20px 0 0 -20px;
	}

	.achievements-block-right-1,
	.achievements-block-right-3,
	.zamena-prices-block-right-1,
	.zamena-prices-block-right-3 {
		width: calc(50% + 10px);
	}

	.achievements-block-right-2,
	.achievements-block-right-4,
	.zamena-prices-block-right-2,
	.zamena-prices-block-right-4 {
		width: calc(50% + 10px);
	}

	.achievements-block-right-2-inner,
	.achievements-block-right-4-inner,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-4-inner {
		width: 100%;
	}

	.achievements-colored-title {
		font-size: 35px;
		line-height: 150%;
	}

	.achievements-text {
		left: 22px;
		bottom: 19px;
		width: calc(100% - 44px);
	}

	.iron-door-block {
		height: auto;
		background: url(/bitrix/site/img/iron-door-bg.png) no-repeat right top #1C2A35;
		background-size: contain;
		padding: 42px 20px 40px 20px;
	}

	.iron-door-block-bottom {
		width: 100%;
		position: static;
	}

	.iron-door-block-bottom .bottom-text {
		margin: 9px 0 22px 0;
	}

	.good-service-block {
		padding: 42px 20px 10px 20px;
	}

	.good-service-block .block-common-title {
		margin-bottom: 21px;
	}

	.zamena-prices-block {
		height: 731px;
	}

	.zamena-prices-block-left {
		padding-bottom: 40px;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-4-inner {
		height: 196px;
		margin: -20px 0 0 -20px;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4-inner {
		padding: 23px 21px 0px 21px;
	}

	.zamena-prices-text {
		font-size: 18px;
		line-height: 130%;
	}

	.zamena-prices-block-bottom {
		font-size: 18px;
		line-height: 150%;
		padding: 13px 20px 10px 20px;
	}

	.how-block {
		height: auto;
		padding: 41px 0px 9px 20px;
	}

	.how-block-list-item {
		width: 100%;
		padding: 9px 20px 23px 63px;
	}

	.faq-block {
		padding: 42px 20px 20px 20px;
	}

	.faq-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin: 0 0 22px 0;
	}

	.faq-block-list-item {
		padding: 14px 63px 4px 20px;
	}

	.faq-block-list-item.opened {
		padding: 14px 63px 23px 20px;
	}

	.faq-question {
		font-size: 20px;
		line-height: 130%;
		margin-bottom: 14px;
	}

	.faq-question h3 {
		font-size: 20px;
		line-height: 130%;
		margin-bottom: 14px;
	}

	.faq-question svg {
		right: -40px;
	}

	.opened .faq-question svg {
		right: -39px;
	}

	.faq-answer {
		font-size: 16px;
		line-height: 150%;
	}

	.example-block {
		padding: 41px 22px 15px 22px;
		margin: 20px 0;
	}

	.example-block .block-common-title div {
		font-size: 24px;
		line-height: 135%;
		margin-top: -2px;
	}

	.example-list-item {
		font-size: 18px;
		line-height: 150%;
		padding-left: 20px;
	}

	.example-list-item::before {
		top: 9px;
		left: 0;
	}

	.call-block {
		padding: 42px 20px 40px 20px;
	}

	.call-block .block-common-title {
		width: 80%;
	}

	.call-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin: 0 0 22px 0;
	}

	.call-block .call-block-right .call-button {
		margin-top: 23px;
	}

	.call-block .call-block-right .call-button .common-phone {
		display: block;
		text-align: center;
		background-color: #FFFFFF;
		color: #FF7E04;
		font-size: 28px;
		line-height: 150%;
	}

	.call-block .call-block-right .call-button .common-phone path {
		fill: #FF7E04;
	}

	.map-block {
		padding: 0;
		overflow: hidden;
	}

	.map-block-left {
		padding: 21px 20px 27px 20px;
	}

	.map-block .block-common-title {
		font-size: 30px;
		line-height: 135%;
	}

	.map-list-left {
		margin-right: 20px;
	}

	.map-list-right {
		margin: 0;
	}

	.footer-block-right {
		padding: 18px 0 33px 0;
	}

	.doors-price-item {
		height: 100px;
	}

	.doors-price-title {
		font-size: 20px;
		line-height: 130%;
	}

	.doors-price-title br {
		display: block;
	}

	.doors-price-price {
		font-size: 18px;
		line-height: 150%;
		margin-top: 3px;
	}

	.doors-price-item.item-1 {
		background-size: 47px 84px;
		background-position: right 37px bottom;
		order: 1;
	}

	.doors-price-item.item-2 {
		background-size: 41px 84px;
		background-position: right 40px bottom;
		order: 3;
	}

	.doors-price-item.item-3 {
		height: 115px;
		background-size: 52px 100px;
		background-position: right 35px bottom;
		order: 2;
	}

	.doors-price-item.item-4 {
		background-size: 46px 84px;
		background-position: right 38px bottom;
		order: 4;
	}

	.attention-left {
		background-position: left bottom;
		padding: 44px 35px 0 186px;
		position: relative;
	}

	.attention-left-title {
		font-size: 30px;
		line-height: 130%;
	}

	.attention-left-text {
		margin-top: 11px;
	}

	.attention-right {
		padding: 30px 0 18px 21px;
	}

	.attention-right-title {
		margin-bottom: 17px;
	}

	.detailed-prices-block .block-common-title,
	.works-prices-block .block-common-title {
		font-size: 30px;
		line-height: 115%;
		margin-bottom: 24px;
	}

	.works-prices-block {
		margin-top: 20px;
	}

	.facts-block {
		padding: 42px 20px 20px 20px;
	}

	.facts-list {
		padding-top: 9px;
	}

	.facts-list-item {
		padding: 14px 30px 17px 54px;
		font-size: 16px;
		line-height: 150%;
	}

	.facts-list-item::before,
	.vrezka-akkuratno-block .promise-list-item::before {
		width: 22px;
		height: 22px;
		border: 1px solid #FF7E04;
		background-size: 10px 8px;
		top: 20px;
		left: 20px;
	}

	.garantii-priem-block .facts-list-item::before {
		top: 50%;
		margin-top: -11px;
	}

	.vrezka-akkuratno-block .promise-list-item::before {
		top: 6px;
		left: 12px;
	}

	.locks-block {
		padding: 42px 22px 2px 22px;
	}

	.locks-block .block-common-title {
		margin-bottom: 21px;
	}

	.locks-block .block-common-text {
		width: 100%;
	}

	.locks-list a {
		width: calc(50% - 10px);
		margin-bottom: 31px;
	}

	.locks-list a span {
		display: block;
		margin-top: 13px;
	}

	.inner-first-line h1 {
		font-size: 40px;
		line-height: 115%;
	}

	.contacts-block-left {
		padding: 19px 20px 26px 20px;
	}

	.contacts-block-right {
		margin-top: 20px;
	}

	.contacts-block-right .call-button .common-phone,
	.articles-bottom .call-button .common-phone {
		color: #FFFFFF;
	}

	.articles-list-item {
		padding: 26px 20px 32px 20px;
	}

	.closed-door-block {
		border-radius: 5px 5px 0 0;
		padding: 40px 20px 10px 20px;
		height: auto;
	}

	.lock-class-block {
		/* padding: 13px 20px 9px 20px; */
		margin-top: 20px;
		border-radius: 0 0 5px 5px;
		height: auto;
	}

	.lock-class-list-item {
		padding: 0 0 23px 58px;
		position: relative;
	}

	.lock-class-list-item::before {
		left: 2px;
	}

	.locks-types-block .block-common-title,
	.locks-types-block.seif .block-common-title {
		font-size: 30px;
		line-height: 150%;
		margin-bottom: 18px;
	}

	.locks-types-item {
		width: 50%;
	}

	.cl {
		clear: left;
	}

	.defensive-classes-block .block-common-title {
		font-size: 30px;
		line-height: 150%;
	}

	.defensive-list-item img {
		width: auto;
		float: none;
	}

	.defensive-list-text {
		padding: 12px 0 8px 0;
	}

	.uslugi-first-block {
		height: auto;
		background: url(/bitrix/site/img/uslugi-bg-mobile.jpg) no-repeat center center;
	}

	.uslugi-first-inner {
		padding: 41px 21px 40px 21px;
	}

	.uslugi-first-block .block-common-title {
		font-size: 40px;
		line-height: 125%;
	}

	.uslugi-first-block .block-common-text {
		margin-bottom: 31px;
	}

	.uslugi-first-left {
		margin-bottom: 20px;
	}

	.zaklinilo-block {
		background-size: cover;
	}

	.zaklinilo-block-inner {
		padding: 40px 21px 40px 21px;
		border-radius: 5px;
	}

	.zaklinilo-block .block-common-title {
		font-size: 40px;
		line-height: 125%;
		margin-bottom: 9px;
	}

	.zaklinilo-right {
		padding-right: 0;
	}

	.zaklinilo-block .block-common-text {
		font-size: 24px;
		line-height: 150%;
		margin: 2px 0 30px 0;
	}

	.o-kompanii-first-block .main-zamena-block-inner {
		padding-right: 20px;
	}

	.page-404 .inner-first-line {
		background: url(/bitrix/site/img/404-bg-mobile.jpg) no-repeat center center;
	}

	.page-404 .inner-first-line h1 {
		width: 80%;
	}

	.page-404 .hamb-menu-left {
		width: 227px;
		float: left;
	}

	.page-404 .hamb-menu-center {
		float: left;
		width: calc(100% - 227px);
	}

	.page-404 .hamb-left-item {
		display: block !important;
	}

	.page-404 .hamb-menu-text a,
	.page-404 .hamb-center-item a {
		border-bottom: none;
		padding: 0;
	}

	.page-404 .articles-bottom {
		margin: 20px 0;
	}

	/***********************FORM***********************/
	.callback-form,
	.callback-form.director-callback-form {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 100;
		padding: 70px 20px 40px 20px;
	}

	.form-close svg {
		width: 40px;
		height: 40px;
	}

	.callback-form-inner {
		margin-top: 32px;
	}

	.callback-form .afbf_item_pole,
	.callback-form .afbf_submit_block {
		width: 100%;
		float: none;
	}

	.callback-form .afbf_submit_block {
		margin-top: 20px;
	}

	.callback-form-subtitle.second-line {
		margin: 0 0 22px 0;
	}

	.callback-form .call-button svg {
		width: 34px;
		height: 34px;
	}

	.callback-form .call-button .common-phone {
		font-size: 28px;
		margin-bottom: 23px;
	}

	.callback-form-buttons {
		position: absolute;
		left: 0;
		bottom: 75px;
		width: 100%;
		padding: 0 20px;
	}

	.car-logo {
		width: 50%;
	}

	.hamb-left-item {
		display: block !important;
		margin-bottom: 0;
	}

	.hamb-menu-text.without_border-bottom a {
		border-bottom: none;
		padding-bottom: 12px;
	}

	.hamb-left-item:last-child {
		border-bottom: 1px solid #C9C9C9;
		margin-bottom: 0;
		padding-bottom: 17px;
	}

	.services-card-block {
		grid-template-columns: 100%;
	}

	.mobile-hidden {
		display: none !important;
	}

}

.articles-list-item {
	display: flex;
	flex-wrap: nowrap;

	padding: 20px 80px 20px 20px;
}

.articles-list__img {
	margin-right: 20px;
	height: 150px;
	overflow: hidden;
	width: 250px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-width: 250px;
	align-items: center;
}

.articles-list__img img {
	object-fit: cover;
}

.footer__link {
	display: block;
	margin-top: 5px;
}

.footer__link a {
	color: #FF7E04;
	font-size: 17px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.4);
	cursor: pointer;
}

.content-img {
	width: 100%;
	height: 460px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.content-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chapters a {
	color: #000000;
}

.chapters a:hover {
	color: #FF7E04;
}

ul.spisok li {
	padding-left: 20px;
	position: relative;
}

ul.spisok li::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 5px;
	background: #FF7E04;
}

@media (max-width: 768px) {
	.call-button .common-phone {
		font-size: 25px;
	}

	.articles-list-item {
		flex-direction: column;
		gap: 20px;
		padding: 20px;
	}

	.articles-list__img {
		max-width: 250px;
		min-width: auto;
		width: 100%;
	}

	.video-block iframe {
		width: 100%;
	}
}

@media (max-width: 560px) {
	body {
		/* min-width: 320px; */
	}

	.container {
		/* width: 100%;
		padding: 0 15px; */
	}
}

a._viber {
	background: #815DF3;
}

a._viber:hover {
	background: linear-gradient(125deg, #815DF3 5.83%, #563FA7 97.78%);
}






.price-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.price-block__item {
	display: flex;
	align-items: center;
	gap: 40px;
	width: 100%;
	padding: 20px 30px 25px;
	border-radius: 6px;
	background-color: #EEF1F7;
	transition: 200ms;
}

.price-block__info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.price-block__header {
	display: flex;
	align-items: center;
	gap: 15px;
}

.price-block__icon {
	width: 40px;
	height: 40px;
}

.price-block__icon>svg {
	width: 100%;
	height: 100%;
}

.price-block__title {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: #FF7E04;
}

.price-block__text {
	margin: 0;
	color: #000;
}

.price-block__price {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	padding: 10px;
	border: 3px solid #FFF;
	border-radius: 50px;
	color: #000;
	background-color: #E1E7F3;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	transition: 200ms;
}

@media (min-width: 960px) {
	.price-block__item:hover {
		background-color: #E1E7F3
	}

	.price-block__item:hover .price-block__price {
		background-color: #D2DBEC
	}
}

@media (max-width: 768px) {
	.price-block__item {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 20px 20px 25px;
	}

	.price-block__header {
		gap: 10px;
	}

	.price-block__icon {
		width: 30px;
		height: 30px;
	}

	.price-block__title {
		font-size: 20px;
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/altasib/feedback.form/form/form_style.css?162608641940976*/
.modal_form{
        border-radius:5px;
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        box-shadow:0 0 33px rgba(0,0,0,0.36);
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:40px 20px 40px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:#000;
        opacity:0.2;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}

.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/form/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/form/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
.alx-feedb-error{
        margin-top:20px;
}
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/form/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:102px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:34px;
        min-width:100%;
}

.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/bitrix/templates/.default/components/altasib/feedback.form/form/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/bitrix/templates/.default/components/altasib/feedback.form/form/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/bitrix/templates/.default/components/altasib/feedback.form/form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?16260788523124*/
#alx_feed_back_FID1 .afbf_radio_circle
{
	border-color:#009688;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after,
#alx_feed_back_FID1 .afbf_radio_check
{
	background-color:#009688;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn
{
	color:#fff !important;
	background:#009688 !important;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover
{
	color:#fff !important;
	background:#006153 !important;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box
{
	background-color:#ABF1E3;
}
#alx_feed_back_FID1 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_focused .afbf_name
{
	color:#006153;
}
#alx_feed_back_FID1.form_inputs_line .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#009688, #009688), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#009688, #009688), linear-gradient(#e0e0e0, #e0e0e0);
}
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0);
	-moz-background-size:100% 2px, 100% 1px;
	background-size:100% 2px, 100% 1px;
}
#alx_feed_back_FID1 .afbf_select, .afbf_textarea, .afbf_inputtext,
#alx_feed_back_FID1 .afbf_checkbox label
{
	color:#212121;
}
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_inputtext{
	border-color:#009688;
}
/* End */
/* /bitrix/site/css/slick.css?16221166411776 */
/* /bitrix/site/css/magnific-popup.css?16221166417188 */
/* /bitrix/site/css/main.css?175147225569236 */
/* /bitrix/templates/.default/components/altasib/feedback.form/form/form_style.css?162608641940976 */
/* /bitrix/templates/.default/components/altasib/feedback.form/form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?16260788523124 */