/* Start:/bitrix/templates/prorab/css/owl.carousel.css?17894531914614*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/bitrix/templates/prorab/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* End */


/* Start:/bitrix/templates/prorab/css/font-awesome.css?178945319135134*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/bitrix/templates/prorab/css/../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* End */


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

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

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

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

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

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

.fancybox-inner {
	overflow: hidden;
}

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

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

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

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

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

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

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

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

.fancybox-nav {
	position: absolute;

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

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

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

}

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

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

.fancybox-nav:hover span {

}

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

/* Overlay helper */

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

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

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

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

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

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

/* Title helper */

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

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

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

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

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

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

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

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

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

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


/* Start:/bitrix/templates/prorab/css/reset.css?17894531911753*/
/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;

}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;
} 
input, select, button, textarea {
	margin: 0; 
	font-size: 100%;
}
input[type="text"], input[type="password"], textarea {
	padding: 0;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */
/* --------------- ������� ��������� ---------*/
html {
	overflow-y: scroll;
}
body {
	line-height: 1;
	background: #fff;
	color: #666;
	text-align: left;
}
input, select, button, textarea {
	font-family: Arial, Verdana, sans-serif;
}
label, input[type="button"], input[type="submit"], button {
	cursor: pointer;
}
a, a:visited {
    text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus, a:active {
	
}
/* --------------- /������� ��������� ---------*/
/* End */


/* Start:/local/assets/cart.css?17921328812271*/
.cc-wrap{max-width:1100px;margin:32px auto;padding:0 16px;color:#222;font-family:Arial,sans-serif}.cc-wrap h1{font-size:32px;margin:0 0 24px}.cc-wrap h2{font-size:24px;margin:0 0 20px}.cc-item{display:grid;grid-template-columns:76px minmax(160px,1fr) auto auto auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e5e7eb}.cc-image{width:76px;height:76px;object-fit:contain;border:1px solid #eee;border-radius:8px}.cc-product a{font-weight:600;color:#222;text-decoration:none}.cc-product a:hover{color:#31513a}.cc-muted{font-size:13px;color:#6b7280;margin-top:7px}.cc-qty{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.cc-qty button{width:34px;height:38px;border:0;background:#f8fafc;font-size:20px;cursor:pointer}.cc-qty input{width:48px;height:38px;border:0;text-align:center;appearance:textfield}.cc-qty input::-webkit-inner-spin-button{appearance:none}.cc-line{white-space:nowrap}.cc-remove{border:0;background:none;color:#b42318;cursor:pointer}.cc-summary{display:flex;justify-content:flex-end;gap:28px;align-items:center;padding:24px 0;font-size:20px}.cc-checkout{max-width:620px;margin:24px 0 60px;padding:26px;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 5px 20px #00000008}.cc-checkout label{display:block;font-size:14px;font-weight:600;margin:0 0 16px}.cc-checkout input,.cc-checkout textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-weight:400}.cc-submit{padding:13px 22px;background:#31513a;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.cc-submit:disabled{opacity:.6;cursor:wait}.cc-empty,.cc-success{padding:22px;border-radius:10px;background:#f6f8f6}.cc-alert{padding:12px 16px;margin:0 0 18px;border-radius:8px}.cc-alert.is-error{background:#fff0f0;color:#a11}.cc-alert.is-ok{background:#eef7ef;color:#24552d}.cc-checkout .cc-muted{font-weight:400;line-height:1.5}@media(max-width:720px){.cc-item{grid-template-columns:58px 1fr auto;gap:10px}.cc-image{width:58px;height:58px}.cc-qty{grid-column:2;justify-self:start}.cc-line{grid-column:3;grid-row:2}.cc-remove{grid-column:3;grid-row:1}.cc-summary{font-size:18px}.cc-checkout{padding:18px}}

/* End */


/* Start:/bitrix/templates/prorab/components/bitrix/search.title/corporation_mobile/style.css?17894531912108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/prorab/components/bitrix/search.title/corporation_mobile/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/templates/prorab/components/bitrix/search.title/corporation/style.css?17894531912108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/prorab/components/bitrix/search.title/corporation/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/templates/prorab/components/bitrix/breadcrumb/template/style.min.css?1789453191467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/prorab/components/bitrix/menu/footer/style.min.css?1789453191490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/prorab/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/prorab/template_styles.css?179213873884244*/

* {
            font-family: "Inter", sans-serif;
            font-optical-sizing: auto;

            font-style: normal;
        }

.manrope-400 {
              font-family: "Manrope", sans-serif;
              font-optical-sizing: auto;
              font-weight: 400;
              font-style: normal;
          }
.manrope-500 {
              font-family: "Manrope", sans-serif;
              font-optical-sizing: auto;
              font-weight: 500;
              font-style: normal;
          }

.logo_bottom{
    max-width: 200px!important;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}

*::-webkit-input-placeholder {
    color: #6f6f6f;
    opacity: 1;
}
*:-moz-placeholder {
    color: #6f6f6f;
    opacity: 1;
}
*::-moz-placeholder {
    color: #6f6f6f;
    opacity: 1;
}
*:-ms-input-placeholder {
    color: #6f6f6f;
    opacity: 1;
}

body {
    width: 100%;
    font: 15px/21px "Open Sans",Arial,sans-serif;
    color: #3b3b3b;
    background: #f3f1f0;
}

body.roboto {
    font: 15px/21px "Roboto",Arial,sans-serif;
}

body.pt_sans {
    font: 15px/21px "PT Sans Caption",Arial,sans-serif;
}

body.ubuntu {
    font: 15px/21px "Ubuntu", Arial, sans-serif;
}

body.circle .btn {
    border-radius: 30px;
}

body.circle .header .phone .icon, body.circle .footer .phone .icon, body.circle .footer .address .icon {
    border-radius: 20px;
}

p{
    font-size: 15px;
}

*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.work{
    width: 100%;
    max-width: 1400px;
    min-width: 320px;
    padding-left: 15px;
    padding-right: 15px;    
    margin: 0 auto;
}

.helper{
    width: 100%!important;
    height: 0!important;
    visibility: hidden;
    margin: 0!important;
    padding: 0!important;
}

.hidden {
  display: none !important;
}

input[type="text"].form_control,
input[type="email"].form_control,
input[type="password"].form_control,
textarea.form_control{
    width: 100%;
    height: 40px;
    padding: 0 18px;
    color: #6f6f6f;
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #ededed;
    border-radius: 3px;
    font-family: 'Inter', sans-serif;
}

textarea.form_control{
    height: 99px;
    padding: 10px 18px;
}

input[type="text"].form_control.white,
input[type="email"].form_control.white,
input[type="password"].form_control.white,
textarea.form_control.white{
    background: #fff;
    border: 1px solid #ededed;
}

textarea{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: none;
}

.form label{
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #3b3b3b;         
}

.form label span{

}

input:focus{
    outline: none;
}

textarea:focus{
    outline: none;
}

.btn{
    display: inline-block;
    height: 40px;
    border: medium none;
    background: transparent;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    letter-spacing: 1.1px;
}

.btn_white{
    background: white;
}

.btn.color:hover {
    color: white;
}

.consultation .btn-default.white {
    background: #f9f9f9;
}

button:focus{
    outline: none;
}

.title_block{
    display: block;
    margin-bottom: 30px;
    padding-bottom: 14px;
    color: #3b3b3b;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    width: inherit;
    line-height: 28px;
}

.title_block:before{
    content: "";
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.transition{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}



/*Header*/
.header{
   width: 100%; 
   display: block;
   background: #f3f1f0;
   z-index: 3;

}



.header .inner{
    padding-bottom: 45px;
    position: relative;
}


.header .header_top{
    padding-top: 25px;
    padding-bottom: 28px;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
}


.header .left{
    width: 25.5%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
}

.header .left .container.clearfix {
    line-height: 15px;
}

.header .center{
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
}

.header .right{
    width: 22%;
    display: inline-block;
    vertical-align: top; 
    text-align: right;
}

.header .logo {
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5%;
}

.header.sticky .work .logo {
    max-width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px; 
    position: absolute;
    top: -5px;
}

.header.sticky .logo {
    max-width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
    position: absolute;
}

.header .logo img{
    max-width: 100%;
}

.header .btn {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
}

.header.fixed.sticky {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.header .search{
    width: 100%;
    max-width: 375px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: relative;
}


.header .search .btn_search{
    width: 40px;
    height: 40px;
    border: medium none;
    background: none;
    text-align: center;
    line-height: 38px;
    color: #6f6f6f;
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.header .search .form_control{
    padding-right: 50px;
}

.header .feedback{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.header .phone{
    padding-left: 40px;
    position: relative;
}

.header .phone .icon {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: white;
  font-size: 18px;
  position: absolute;
  top: 5px;
  left: 0px;
  border-radius: 1px;
}

.header .phone span{
    display: block;
    color: #3b3b3b;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.header .phone span a {
    color: #3b3b3b;
}

.header .callback {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
    -moz-transition: .3s;
    float: right;
    cursor: pointer;
}

.header .callback:hover{
    opacity: .7;
}

.header .container{
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    margin-top: -1px;
}

.header_text {
    display: inline-block;
    width: 35%;
    text-align: center;
    line-height: 20px;
}

.menu_full {
    line-height: 15px;
}

.toggleMenu{
    display:  none;    
    padding: 12px 10px;
    color: #fff;
    border: 1px solid #ededed;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    border-radius: 2px;
}

.toggleMenu .fa{
    margin-right: 5px;
}

.nav {
    list-style: none;
     *zoom: 1;
}


.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
    width: 210px;
    background: #ffffff;
    z-index: 9;
    animation: toggle_opacity .3s;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.nav ul ul{
    background: #ededed;
}

.nav a {
    padding: 15px 5px;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
    -moz-transition: .3s;
}

.nav li {
    position: relative;
}

.nav > li {
    float: left;
    margin-left: 30px;
}



.nav > li > .parent {
    
}

.nav li .parent i.fa.fa-chevron-right {
    right: 7px;
    position: absolute;
    font-size: 11px;
}

.nav li a .fa{
    margin-left: 5px;
}

.nav > li > a {
    display: block;
    border-top: 2px solid transparent;
}



.nav li ul {
    position: absolute;
    left: -9999px;
}

.nav > li.hover > ul {
    left: -15px;
}



.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li a {
    display: block;
    padding-left: 20px;
    padding-right: 15px;
    position: relative;
    z-index:100;  
    font-weight: 400;
    border-bottom: 1px solid #f0f0f0;
}

.nav li li:last-child > a{
    border-bottom: none;
}

.nav li li:hover > a{
    color: white;
}

.nav li li{
    position: static;
}

.nav li li li a {
    border-color: transparent;
    z-index:200;   
}

.container.clearfix.DARK_menu {
    background: #424f60;
}

.container.clearfix.DARK_menu>ul>li>a {
    color: #fff;
}

.container.clearfix.DARK_menu>ul>li>a>i {
    color: #fff;
}

.container.clearfix.DARK_menu .toggleMenu {
    color: #fff;
}

.container.clearfix.DARK_menu .toggleMenu i {
    color: #fff;
}

.container.clearfix.DARK_menu .nav > li:hover > a, .container.clearfix.DARK_menu .nav > li > a.active, .pag li a:hover {
    border-color: #424f60;
}

.container.clearfix.DARK_menu .nav li li:hover > a {
    background: #424f60;
    color: white;
}

.dark {
    color: #000 !important;
}

.search_mob{
    display: none;
    vertical-align: middle;
    float: right;
    margin-top: 12px;
}

.search_mob .lup{
    color: #fff;
}

.search_mob .toggleSearch{
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 2;
    border-top: 20px solid #fff;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    border-bottom: 8px solid #fff;
    display: none;
}

.search_mob .toggleSearch .hide{
    color: #3b3b3b;
    font-size: 18px;
    position: absolute;
    top: -19px;
    right: 3px;
}

/*Slider*/
.slider{
   width: 100%; 
   display: block;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.slider .inner{
    height: 383px;
}

.slider .container{
    width: 100%;
    height: 100%;
}

.slider .col{    
    width: 50%;
    height: 100%;
    padding-left: 30px;
    float: left;
    position: relative;
}

.slider .col_one{
    float: right;
}

.slider .left{
    padding-top: 56px;
    text-align: left;
}

.slider .text_center {
    width: 100%;
    padding-top: 60px;
    text-align: center;
}

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

.slider .img_container{
    width: 100%;
    height: 100%;
    display: table;
}

.slider .img{
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    bottom: 0px;
    top: 4px;
}

.slider .title_slider{
    display: block;
    color: white;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.slider p{
    margin-top: 25px;
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.slider .btn_list{
    margin-top: 35px;
}

.btn_list > div{
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}

.slider .btn{
    padding: 0px 15px;
}

.slider .img img{
    max-width: 100%;
}

.bx-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper .bx-viewport {
    background: transparent;
    height: auto;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 18px;
    width: 100%;
    z-index: 999;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{
    left: 0px;
    background: url(/bitrix/templates/prorab/img/slider/pre.png) center center no-repeat ;
}

.bx-wrapper .bx-next{
    right: 0px;
    background: url(/bitrix/templates/prorab/img/slider/next.png) center center no-repeat ;
}

.bx-wrapper .bx-prev:hover{
   
}

.bx-wrapper .bx-next:hover{
  
}

.bx-wrapper .bx-prev{
    left: -25px;
}

.bx-wrapper .bx-next{
    right: -25px;
}

.bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    outline: 0;
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    z-index: 999;
    transition: all 0.3s ease;
    border-radius: 50%;
    margin-top: -23px;
}

.slider_good .bx-wrapper .bx-controls-direction a{
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: "Inter";
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    overflow: hidden;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 50%;
 
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}

#bx-pager li img {
    max-width: 75px;
}

/*Content*/
.content {
    width: 100%;
    display: grid;
    background: #f3f1f0;
    position: relative;
    z-index: 1;
    min-height: 700px;
}

.main h2{
    margin-bottom: 28px;
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.content p{
    line-height: 22px;
}

.content .text p{
    margin-bottom: 30px;
}

.content .inner{
    padding-top: 20px;
    padding-bottom: 80px;
}

.content.index .inner {
    padding-bottom: 10px;
}
.inner.work.clearfix.shadow {
    box-shadow: 0 0 27px 0 rgba(0,0,0,.1);
    margin-top: 30px;
}

.content .sidebar{
    width: 230px;
    float: left;
}

.content .main{
    width: 80%;
    float: left;
    padding-left: 40px;
    position: relative;
}

.dk_catalog{
    width: 100%!important;
}

.content .main.right {
    padding-left: 0px;
    padding-right: 40px;
}

.content .menu{
    margin-bottom: 30px;
}

.content .menu li{
    list-style: none;
}

.content .menu li a{
    display: block;
    padding: 15px 40px 15px 15px;
    color: #3b3b3b;
    font-size: 15px;
    line-height: 17px;
    position: relative;
}


.content .menu li.active a{
    color: #fff !important;
}
.content .menu li.active .open .fa {
    color: #fff;
}

.content .menu > li > a {
    border: 1px solid #f2f2f2;
    margin: -1px -1px 0 0;
}

.content .menu li .open{
    cursor: pointer;
}

.content .menu li .open .fa{
    font-size: 12px;
    position: absolute;
    top: 18px;
    right: 15px;
} 

.content .menu li .open.active{
    border: none;
}

.content .menu li .open.active .fa{
    transform: rotate(90deg);
} 

.content .menu .dropdown{
    display: none;
    background: #efefef;
}

.content .menu .dropdown li {
    border-bottom: 2px solid #fff;
}

.content .menu .dropdown li:hover {
    background: #fff;
}

.sidebar_news{
    margin-bottom: 30px;
    border: 1px solid #b2b1b1;
}

.sidebar_news .top{
    padding: 15px 19px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    background: #fafafa;
}

.sidebar_news .item {
  padding: 20px 19px;
  border-bottom: 1px solid #b2b1b1;
  border-left: 2px solid #fff;
}

.sidebar_news .item:last-of-type{
    border-bottom: none;
}

.sidebar_news .item span{
    display: block;
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 12px;
    font-weight: 400;
}

.sidebar_news .item a{
    font-size: 14px;
    line-height: 16px;
}

.another_proposal{
    margin-bottom: 30px;
}

.another_proposal img{
    width: 100%;
}

.breadcrumbs{
    margin-bottom: 25px;
}

.breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    opacity: 0.5;
    color: #3b3b3b;
    font-size: 12px;
}

.breadcrumbs li.active{
    opacity: 1;
}

.breadcrumbs li a{
    color: inherit;
}

.breadcrumbs li .fa{
    font-size: 9px;
}

.filter{
    background: #fafafa;
    margin-bottom: 30px;
}

.filter .item{
    padding: 25px 20px;
    border-bottom: 1px solid #b2b1b1;
}

.filter .range{
    margin-bottom: 28px;
}

.filter .range span{
    display: inline-block;
    vertical-align: middle;
}

.filter .range input[type='text']{
    width: 83px;
    height: 35px;
    padding: 0 10px;
    color: #3b3b3b;
    font-size: 12px;
    border: 1px solid #b2b1b1;
}

.filter .range .dash{
    width: 8px;
    height: 1px;
    margin: 0 3px;
    background-color: #d7d7d7;
}

.filter .toddler{
    position: relative;
}

.filter .toddler .line{
    position: relative;
    height: 3px;
    background: #d7d7d7;
}

.filter .toddler .fill{
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.filter .toddler .point{
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    cursor: pointer;
}

.filter .toddler .point_left{
    left: 0px;
}


.filter .title{
    display: block;
    margin-bottom: 12px;
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.select{
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 400;
    height: 34px;
    background: #fff;
    position: relative;
}

.select .checked{
    height: 100%;
    padding-left: 12px;
    padding-right: 45px;
    position: relative;
    border: 1px solid #b2b1b1;
}

.select .checked span{
    line-height: 31px;
}

.select .arrow{
    width: 35px;
    height: 34px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    line-height: 32px;
    border-left: 1px solid #b2b1b1;
}

.select .arrow .fa{
    font-size: 12px;
}

.select .select_list{
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #fff;
    border: 1px solid #b2b1b1;
    border-top: 0px;
}

.select .select_list li{
    padding: 10px 12px;
    list-style: none;
    border-bottom: 1px solid #b2b1b1;
}

.select .select_list li:last-child{
    border-bottom: 0px;
}

.select .select_list li:hover{
    background: #f5f5f5;
}

.select .select_list li.active{
    color: #fff;
}

.custom_checkbox{
    width: 100%;
    display:inline-block;
    margin-bottom: 10px;
}

.custom_checkbox:last-of-type{
    margin-bottom: 0;
}

.custom_checkbox > input[type="checkbox"] {
    display: none;
}

.custom_checkbox > span {
    background-color: white;
    border: 1px solid #b2b1b1;
    display:inline-block;
    vertical-align: middle;
    width:18px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.custom_checkbox > input[type="checkbox"]:checked + span {
    background-image:  url(/bitrix/templates/prorab/img/content/check.png);
}
.custom_checkbox p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #3b3b3b;
    font-size: 12px;
    line-height: 12px;
}

/********/
.custom_radio{
    width: 100%;
    display:inline-block;
    margin-bottom: 10px;
}

.custom_radio:last-of-type{
    margin-bottom: 0;
}

.custom_radio > input[type="radio"] {
    display: none;
}

.custom_radio > span {
    background-color: white;
    border: 1px solid #b2b1b1;
    display:inline-block;
    vertical-align: middle;
    width:14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
}

.custom_radio p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #878787;
    font-size: 12px;
    line-height: 12px;
}

.filter .btn{
    width: 90px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.filter .reset{
    margin-left: 5px;
    opacity: 0.8;
    color: #3b3b3b;
    font-size: 12px;
    font-weight: 700;
}

.filter .reset:hover{
    color: #fff;
}

.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0;
}
.bx-filter .bx-ui-slider-range {
    z-index: 80;
}
.bx-filter .bx-ui-slider-pricebar {
    z-index: 100;
}
.bx-filter .bx-ui-slider-pricebar-vd {
    z-index: 60;
}
.bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 70;
}

.bx-filter .bx-filter-block {
    display: none;
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -ms-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.bx-filter .bx-filter-button-box .bx-filter-block,
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
    display: block;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
    font-size: 14px;
    font-style: normal;
    display: block;
    padding-bottom: 5px;
}
.bx-filter-select-popup {
    background: #fff;
    padding: 0;
    min-width: 173px;
}
.bx-filter-select-popup ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bx-filter-select-popup ul li {
    display: block;
    text-align: left;
    vertical-align: middle;
}
.bx-filter-select-popup ul li:first-child {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.bx-filter-select-popup ul li label {
    font-size: 14px;
    line-height: 26px;
    display: block;
    text-align: left !important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 0 5px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #575757;
}
.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {
    color: #000;
    background: #f3f8fa;
}
.bx-filter-select-popup ul li label.disabled {
    color: #b8b8b8;
    background: transparent;
}
.bx-filter-select-popup ul li .bx-filter-param-text {
    line-height: 34px !important;
}
.bx-filter .bx-filter-select-container {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #ccd5db;
}

.bx-filter .bx-filter-select-block {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 0 33px 0 10px;
    border: none;
    border-radius: 2px;
    background: #fff;
}
.bx-filter .bx-filter-select-text {
    font-size: 15px;
    line-height: 33px;
    overflow: hidden;
    max-width: 100%;
    height: 33px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.bx-filter .bx-filter-select-text.fix {
    min-width: 120px;
}

.bx-filter .bx-ui-slider-track-container {
    padding-top: 35px;
    padding-bottom: 25px;
}
.bx-filter .bx-ui-slider-track {
    position: relative;
    height: 3px;
    background: #d7d7d7;
}
.bx-filter .bx-ui-slider-part {
    position: absolute;
    top: -6px;
}
.bx-filter .bx-ui-slider-part.p1 {
    left: -1px;
}

.bx-filter .bx-ui-slider-part.p5 {
    right: -1px;
}
.bx-filter .bx-ui-slider-part span {
    font-size: 11px;
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #000;
}


.bx-filter .bx-ui-slider-handle {
    position: absolute;
    top: 100%;
    width: 22px;
    height: 22px;
    border-bottom: none;
}
.bx-filter .bx-ui-slider-handle:hover {
    -webkit-cursor: grab;
    -ms-cursor: grab;
    -o-cursor: grab;
    cursor: grab;
}
.bx-filter .bx-ui-slider-handle:active {
    -webkit-cursor: grabbing;
    -ms-cursor: grabbing;
    -o-cursor: grabbing;
    cursor: grabbing;
}
.bx-filter .bx-ui-slider-handle.left {
    left: 0;
    margin-left: -21px;
}
.bx-filter .bx-ui-slider-handle.right {
    right: 0;
    margin-right: -21px;
}

.filter .disabled p {
    color: #b8b8b8 !important;
    background: transparent;
}

.sorting{
    margin-bottom: 30px;
}

.sorting .left{
    display: inline-block;
    vertical-align: top;
}

.sorting .right{
    display: inline-block;
    float: right;
}

.catalog_items_view{
    
}

.catalog_items_view .active a {
    color: #fff;
}

.catalog_items_view li{
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    border: 1px solid #b2b1b1;
    margin-left: 8px;
    text-align: center;
    line-height: 36px;
    
    font-size: 18px;
}

.catalog_items_view li.active{
    color: #fff;
}

.catalog_goods{
    margin: 0 -10px 50px;
}

.catalog_goods .item{
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 15px;
}

.catalog_goods .item > div{
    transition: .3s;
    -moz-transition: .3s;
    background-color: white;
    border: 1px solid #b2b1b1;
}

.catalog_goods .item > div:hover{    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.catalog_goods .item .top{
    min-height: 175px;
    padding: 28px 28px 20px 28px;
}

.catalog_goods .item .bottom{
    min-height: 143px;
    padding: 22px 28px;
    border-top: 1px solid #b2b1b1;
}

.catalog_goods .item .icon{
    width: 105px;
    height: 105px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.catalog_goods .item .icon_1{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_1.png);
}

.catalog_goods .item .icon_2{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_2.png);
}

.catalog_goods .item .icon_3{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_3.png);
}

.catalog_goods .item .icon_4{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_4.png);
}
.catalog_goods .item .right{
    margin-left: 132px;
}

.catalog_goods .item .title{
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.catalog_goods .item ul li{
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #3b3b3b;
}

.catalog_goods .item ul li a {
    color: inherit !important;
    font-size: 14px !important;
}

.catalog_goods .item ul li a span{
    
}

.catalog_goods .item .bottom p{
    color: #7f7f7f;
    font-size: 12px;
    line-height: 18px;
}

.catalog.filial {
    padding-top: 15px;
}

.good.clearfix.link_dop {
    padding: 15px;
    margin-top: 20px;
}

.detail .text {
    margin-bottom: 25px;
    color: #3b3b3b;
    font-size: 15px;
    line-height: 22px;
}

img.img_desc {
    max-width: 100%;
}

li.status.color.stock {
    color: #fff;
    border-radius: 20px;
}

/*Advantages*/
.advantages{
    width: 100%;
    margin-bottom: 74px;
}

.advantages .items{
    margin:  0 -15px;
    list-style: none;
}

.advantages .item{
    width: 25%;
    float: left;
    padding: 0 15px;
}

.advantages .item > div{
    width: 100%;
    height: 82px;
    display: table;
    text-align: center;
    position: relative;
}

.advantages .item > div > div{
    display: table-cell;
    vertical-align: middle;
}

.advantages .item .icon{
    display: inline-block;
    vertical-align: middle;    
    font-size: 32px;
}

.advantages .item .title{
    max-width: 130px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.jaw_top{
    width: 90%;
    height: 1px;
    display: block;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -45%;
    background: #fff;
}

.jaw_bottom{
    width: 90%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -45%;
    background: #fff;
}

.jaw_left{
    width: 1px;
    height: 56px;
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -28px;
    background: #fff;
}

.jaw_right{
    width: 1px;
    height: 56px;
    display: block;
    position: absolute;
    top: 50%;
    right: -1px;
    margin-top: -28px;
    background: #fff;
}

/*Services*/

.services .items{
    margin:  0 -15px;
    list-style: none;    
    margin-bottom: 25px;
}

.services .item {
    width: 50%;
    float: left;
    padding: 25px 15px;
    border: 1px solid #f2f2f2;
    transition: box-shadow ease .2s,border ease-out .2s;
    zoom: 1;
    margin: 0 0 -1px -1px;
}

.index .services .item {
    min-height: 215px;
}

.services .item:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-color: #fff;
}

.services .item .photo{
    width: 200px;
    height: 150px;
    float: left;
    overflow: hidden;
}

.services .item .photo img{
    max-width: 100%;
}

.services .item .right{
    margin-left: 240px;
}

.services .item .right a {
    display: block;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 0px;
}

.services .item .right p{
    display: block;
    margin-top: 15px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

.services .more {
    margin-top: 10px;
    float: right;
    font-size: 15px;
    font-weight: 100;
}

.consultation{
    margin-bottom: 70px;
    padding: 42px 115px 35px 50px;
    background: #f9f9f9;
}

.index .consultation {
    margin-bottom: 36px;
}

.consultation .left{
    width: 55%;
    display: inline-block;
    vertical-align: middle;
}

.consultation .right{
    width: 43%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.consultation span{
    display: block;
    color: #3b3b3b;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}

.consultation p{
    margin-top: 15px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.consultation .btn{
    width: 180px;
}

/*Divide*/
.divide{
    margin-bottom: 35px;
}

.divide .items{
    margin:  0 -15px;
    list-style: none;    
}

.divide .item{
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 40px;
}

.divide .item .icon{
    width: 128px;
    height: 128px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
}

.divide .item .icon_1{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_1.png);
}

.divide .item .icon_2{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_2.png);
}

.divide .item .icon_3{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_3.png);
}

.divide .item .icon_4{
    background-image: url(/bitrix/templates/prorab/img/divide/icon_4.png);
}

.divide .item .right{
    margin-left: 165px;
    padding-top: 15px;
}

.divide .item .right a{
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.divide .item .right p{
    margin-top: 10px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

/*Compilation*/
.compilation{
    margin-bottom: 35px;
}

.compilation .tabs_caption{
    margin-bottom: 40px;
    border-bottom: 1px solid #f3f3f3;
}

.compilation .tabs_caption li{
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 16px;
    margin-left: 40px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    transition: .3s;
    -moz-transition: .3s;
}

.compilation .tabs_caption li:first-child{
    margin-left: 0;
}

.tabs_content{
    display: none;
}

.tabs_content.active{
    display: block;
}

.goods{
    padding-bottom: 50px;
}

.goods_tile{
    margin: 0 -6px;
}

.goods .item{
    
}

.goods_tile .item .price{
    min-height: 71px;
}

.goods_tile .item{
    width: 20%;
    max-width: 230px;
    height: 335px;
    padding: 0 6px;
    margin-bottom: 12px;
    float: left;
    position: relative;
    
}

.goods_list .item{
    height: 190px;
    margin-bottom: 10px;
}

.goods_table .item{
    margin-bottom: 0;
    height: 89px;
}

.main .goods_tile .item{
    width: 25%;
}

.goods .item > div{
    border: 1px solid #b2b1b1;    
    transition: .3s;
    -moz-transition: .3s;
    background: #fff;    
    position: relative;
}

.goods_tile .item > div{
   height: 335px;
   overflow: hidden;
}

.goods_list .item > div{
    height: 100%;
    padding-left: 20px;
    padding-right: 225px;
}

.goods_table .item > div{
    height: 100%;
    padding-left: 10px;
    padding-right: 240px;
    border-bottom: none;
}

.goods_table .item:last-child > div{
    border-bottom: 1px solid #b2b1b1;  
}

.goods .item > div:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.goods_tile .item > div:hover{
    height: auto;
}

.goods_tile .item .photo{
    height: 180px;
    padding: 20px;
    text-align: center;
    overflow: hidden;
}

.goods_list .item .photo{
    width: 170px;
    height: 100%;
    float: left;
    text-align: center;
}

.goods_list .item .photo img{
    max-width: 100%;
    max-height: 100%;
}

.goods_table .item .photo{
    width: 80px;
    padding: 10px 0;
    height: 100%;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.item.clearfix .photo img {
    max-width: 100%;
    max-height: 100%;
}

.goods_list .item .photo img,{
    max-width: 100%;
}

.goods_table .item .photo img{
    height: 100%;
}

.goods_tile .item .description{
    margin-bottom: 15px;
    padding: 0 20px;
}

.goods_table .item .description{
    width: 100%;
    max-width: 346px;
    display: inline-block;
    vertical-align: top;
}

.goods .item .title{
    display: block;    
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.goods_tile .item .title{
    min-height: 60px;
}

.goods_list .item .title,
.goods_table .item .title{
    margin-top: 15px;
    margin-bottom: 5px;
}

.status{
    display: inline-block;
    padding: 4px 8px;
    color: white;
    font-size: 12px;
}

.goods .item .specification{
    display: none;
    margin-top: 18px;
    color: #7f7f7f;
    font-size: 12px;
    line-height: 18px;
}

.goods_list .item .specification{
    display: block;
}

.presence{
    background: #0bc248;
}

.un_order{
    background: #ccc;
}
.nostock {
    background: brown;
}
.pending {
    background: turquoise;
}
.discontinued {
    background: red;
}

.goods .item .price{
    padding: 0 20px 20px;
}

.goods_list .item .price{
    padding-top: 25px;
    padding-left: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 198px;
    height: 100%;
    border-left: 1px solid #b2b1b1;
}

.goods_table .item .price{
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
}

.goods .item .price span{
    display: block;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.goods .item .price .old_price{
    color: #878787;
    font-size: 12px;
    text-decoration: line-through;
}

.goods_tile .item .bottom{
    width: 100%;    
    padding: 0 20px 20px;
    transition: .3s;
    -moz-transition: .3s;   
    z-index: 2; 
    background: #fff;

}

.goods_list .item .bottom{
    padding: 25px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 197px;
    border-top: 1px solid #b2b1b1;
    
}

.goods_table .item .bottom{
    height: 100%;
    padding: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 224px;
    border-left: 1px solid #b2b1b1;
    
}

.goods_tile .item > div:hover .bottom{

}

.goods .item .more{
    width: 100%;
}

.shild{
    position: absolute;
    padding: 5px 6px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    border-radius: 12px;
    top: 12px;
}

.shild.red{
    background: #ef1e59;
    
}

.shild.sky{
    background: #0cbae5;
}

.shild.blue{
    background: #1276cb;
}

.shild.pos-0{
    left: 15px;
}

.shild.pos-1{
    right: 15px;
}
.shild.pos-2 {
    top: 44px;
    left: 15px;
}
.goods_list .shild.pos-1 {
    top: 44px;
    left: 15px;
    right: unset;
}
.goods_list .shild.pos-2 {
    left: 15px;
    top: 74px;
}

.goods_list .item .shild.right{
    right: auto;
    left: 15px;
    bottom: 15px;
    top: auto;
}

.show_more{
    display: block;
    padding: 9px 0;
    margin-bottom: 55px;
    background-color: #fafafa;
    border: 1px solid #b2b1b1;
    text-align: center;
}

.show_more span{
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.show_more span .fa{
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.pag{
    margin-bottom: 70px;
    padding-top: 40px;
    border-top: 1px solid #b2b1b1;
    text-align: center;
}

.pag li{
  
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    color: #3b3b3b;
    font-size: 14px;
}

.pag li a{
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid #b2b1b1;
    line-height: 40px;
    color: inherit;
}

.pag li a.active{
    color: #fff;
}

.col_half_1{
    width: 58%;
    float: left;
    padding-right: 30px;
}

.col_half_1.full {
    width: 100%;
}

.col_half_2{
    width: 42%;
    float: left;
    border: 1px solid #b2b1b1;
}

.good{
    border: 1px solid #b2b1b1;
}

.good .left_col{
    width: 41.5%;
    padding: 20px 20px 40px;
    float: left;
    border-right: 1px solid #b2b1b1;
    position: relative;
}

.good .right_col{
    width: 58.5%;
    padding: 38px 53px;
    float: left;
}

.bxslider_11 li img{
    text-align: center;
    max-width: 100%;
}

.bxslider_12 li img{
    background-color: white;
    border: 1px solid #b2b1b1;
}

.slider_good .bottom{
    margin-left: -15px;
}

.tabs_good .tabs_caption{
    position: relative;
    z-index: 2;
}

.tabs_good .tabs_caption li{
    display: inline-block;
    vertical-align: top;
    width: 170px;
    height: 50px;
    line-height: 50px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-right: 8px;
    border: 1px solid #b2b1b1;
    border-bottom: none;
    background: #f5f5f5;
    cursor: pointer;
}

.tabs_good .tabs_caption li.active{   
    background: #fff;
    
}

.tabs_good .tabs_content{
    margin-top: -1px;
    padding: 40px 45px;
    border: 1px solid #b2b1b1;
    position: relative;
    z-index: 1;
}

.tabs_good p{
    color: #3b3b3b;
    font-size: 14px;
    line-height: 22px;
}

.tabs_good p:last-of-type{
    margin-bottom: 0;
}

.characteristics{
    
}

.characteristics ul li{
    list-style: none;
    margin-bottom: 20px;
}

.characteristics ul li:last-child{
    margin-bottom: 0;
}

.characteristics ul li span{
    display: inline-block;
    font-family: "Inter";
    font-size: 13px;
    color: #3b3b3b;
}

.characteristics .dotted span{
    position: absolute;
    left: 0px;
    bottom: -4px;
    padding-right: 10px;
    padding-bottom: 3px;
    background: #fff;
}

.characteristics .dotted{
    width: 75%;
    display: inline-block;
    vertical-align: bottom;
    border-bottom: 1px dotted #b8b8b8;
    position: relative;
}

.characteristics .significance{
    width: 24%;
    display: inline-block;
    vertical-align: bottom;
}

.docs .col{
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

.docs .item{
    margin-bottom: 54px;
    padding-top: 10px;
    padding-left: 66px;
    position: relative;
}

.docs .txt:before{
    content: url(/bitrix/templates/prorab/img/content/txt.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .pdf:before{
    content: url(/bitrix/templates/prorab/img/content/pdf.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .xls:before{
    content: url(/bitrix/templates/prorab/img/content/xls.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .csv:before{
    content: url(/bitrix/templates/prorab/img/content/csv.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .doc:before{
    content: url(/bitrix/templates/prorab/img/content/doc.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .jpg:before{
    content: url(/bitrix/templates/prorab/img/content/jpg.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.docs .item a{
    display: block;
    padding-bottom: 5px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
    -moz-transition: .3s;
}

.docs .item span{
    display: block;
    margin-top: 5px;
    color: #878787;
    font-size: 12px;
}

.detail.services {
    display: grid;
    line-height: 30px;
    padding: 40px;
    border: 1px solid #b2b1b1;
    margin-top: 20px;
}

.our_services{
    
}

.our_services .item{
    padding: 25px 0;
    border-bottom: 1px solid #b2b1b1;
}

.our_services .item:first-child{
    padding-top: 0px;
}

.our_services .item:last-child{
    border: none;
}

.our_services .item .photo{
    width: 200px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.our_services .item .right{
    margin-left: 240px;
}

.our_services .item h2{
    margin-bottom: 12px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.our_services .item p{
    min-height: 75px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

.our_services .item .btn{
    width: 120px;
    height: 40px;
}

/***********/
.works .item{
    padding: 25px 0;
    border-bottom: 1px solid #f3f3f3
}

.works .item:last-child{
    border: none;
}

.works .item:first-child{
    padding-top: 0px;
}

.works .item .photo{
    width: 200px;
    height: 170px;
    overflow: hidden;
    float: left;

}


.works .item .right{
    margin-left: 240px;
}

.works .item h2{
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.works .item p{
    min-height: 45px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

.works .item .right > span{
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    color: #878787;
}

.works .item .right > span span{
    color: #3b3b3b;
}

.works .item .btn{
    width: 120px;
    height: 40px;
    margin-top: 4px;
}
/**********/
.news_list{
    
}

.news_list .item{
    padding: 25px 0;
    border-bottom: 1px solid #b2b1b1;
}

.news_list .item:first-child{
    padding-top: 0px;
}

.news_list .item:last-child{
    border: none;
}

.news_list .item .photo{
    width: 200px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.news_list .item .right{
    margin-left: 240px;
}

.news_list .item h2{
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.news_list .item p{
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}

.news_list .item .btn{
    width: auto;
    height: 40px;
}

.news_list ul{
    margin-bottom: 8px;
}

.news_list li{
    display: inline-block;
    vertical-align: middle;
    color: #3b3b3b;
    font-size: 12px;
}

.news_list ul li .fa{
    font-size: 9px;
    position: relative;
    top: -1px;
}

/**********/
.papers{
    
}

.papers .item{
    padding: 25px 0;
    border-bottom: 1px solid #b2b1b1;
}

.papers .item:last-child{
    border: none;
}

.papers .item:first-child{
    padding-top: 0;
}

.papers .item .photo{
    width: 200px;
    height: 150px;
    overflow: hidden;
    float: left;
}

.papers .item .right{
    margin-left: 240px;
}

.papers .item h2{
    margin-bottom: 12px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.papers .item p{
    min-height: 75px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

.papers .item .btn{
    width: 120px;
    height: 40px;
}

/**********/

.projects{
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2b1b1;
}

.projects .item{
    width: 50%;
    padding-right: 35px;
    float: left;
    margin-bottom: 40px;
}

.projects .item .photo{
    width: 110px;
    height: 95px;
    overflow: hidden;
    float: left;
}

.projects .item .right{
    margin-left: 130px;
}

.projects .item .right a{
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    color: #3b3b3b;
    font-size: 16px;
    line-height: 20px;
    transition: .3s;
    -moz-transition: .3s;
}

.projects .item .right p{
    color: #3b3b3b;
    font-size: 12px;
    line-height: 18px;
}

.detail{
    
}

.detail.article img {
    max-width: 100%;
}

.detail .pic{
    margin-bottom: 35px;
    position: relative;
}

.detail .pic span{
    color: white;
    font-size: 44px;
    font-weight: 300;
    line-height: 52px;
    position: absolute;
    top: 70px;
    left: 27px;
}

.detail .pic img{
    width: 100%;
}

.detail p{
    margin-bottom: 5px;
    color: #3b3b3b;
    font-size: 15px;
    line-height: 22px;
}

.detail p span{
    font-weight: 700;
}

.detail .title_list{
    margin-bottom: 20px;
}

.detail_text ul {
    margin-top: 10px;
}

.detail_text li{
    padding-left: 28px;
    margin-bottom: 10px;
    list-style: none;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

.detail_text li:before{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0px;
}

ul.list {
    margin-top: 10px;
}

.list{
    
}

.list li{
    padding-left: 28px;
    margin-bottom: 10px;
    list-style: none;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}

.list li:before{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 0px;
}

.board_top{
    padding-top: 46px;
    border-top: 1px solid #b2b1b1;
}

.characteristics.board_top {
    padding-bottom: 20px;
}

.detail h2{
    margin-bottom: 15px;
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.gallery{
    margin-bottom: 50px;
}





.gallery .photo{
    height: 170px;
    overflow: hidden;
}

.gallery .photo img{
    width: 100%;
}

.gallery .licenses .photo img {
    width: 50%;
}

.slider_detail{
    margin-bottom: 80px;
}

.owl-controls{
    width: 90px;
   


    z-index: 9;
}

.owl-controls .owl-prev{
    width: 40px;
    height: 40px;
    border: 1px solid #b2b1b1;
    position: absolute;
    top: -62px;
    right: 55px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px!important;
    transition: .3s;
    -moz-transition: .3s;
}

.owl-controls .owl-next{
    width: 40px;
    height: 40px;
    border: 1px solid #b2b1b1;
    position: absolute;
    top: -62px;
    right: 0px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px!important;
    transition: .3s;
    -moz-transition: .3s;
}

.owl-dots{
    width: 100%;
    position: absolute;
    bottom: -38px;
    text-align: center;
}

.owl-dot{
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    background-color: #e9e9e9;
    border-radius: 50%;
    margin: 0 4px;
}



.owl-carousel .owl-stage-outer{
    padding-left: 1px;
    padding-right: 1px;
}

.carousel_projects .item{
    transition: .3s;
    -moz-transition: .3s;
}

.carousel_projects .item:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.carousel_projects .item .photo{
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel_projects .item .title{
    min-height: 75px;
    padding: 15px 23px 5px 23px;
    border: 1px solid #b2b1b1;
    border-top: 0px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.carousel_reviews{
    
}

.reviews_clients{
    margin-bottom: 35px;
}

.reviews_clients .review{
    margin-bottom: 30px;
    padding: 25px;
    background-color: #f9f9f9;
    border-radius: 15px;
}

.reviews_clients .review p{
    margin-bottom: 20px;
    color: #3b3b3b;
    font-size: 13px;
    line-height: 20px;
}

.reviews_clients .review p:last-child{
    margin-bottom: 0;
}

.carousel_reviews .human{
    
}

.reviews_clients .human .quote{
    float: left;
}

.reviews_clients .human .quote .fa{
    font-size: 36px;
}

.reviews_clients .human .right{
    margin-left: 65px;
    padding-bottom: 12px;
}

.reviews_clients .human .name{
    display: block;
    margin-bottom: 5px;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.reviews_clients .human .post{
    display: block;
    color: #686868;
    font-size: 12px;
    font-weight: 400;
}

.detail_callback{
    padding: 40px 40px 35px;
    border: 1px solid #b2b1b1;
    border-radius: 5px;
    
}

.detail_callback h2{
    margin-bottom: 30px;
    text-align: center;
}

.detail_callback .btn{
    width: 100%;
    height: 40px;
}

.detail_callback .form{
    
}

.detail_callback .form ul{
    text-align: justify;
    line-height: 0;
    letter-spacing: -1px;
}

.detail_callback .form ul li {
    width: 49%;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    line-height: normal;
    letter-spacing: normal;
    padding: 0px 15px;
}

.detail_callback .form ul li:nth-child(3){
    width: 22%;
}

.detail .characteristics{
    margin-bottom: 45px;
}

.slider .bx-wrapper .bx-controls-direction a,
.detail .bx-wrapper .bx-controls-direction a{
    width: 40px;
    height: 40px;
    border-radius: 0;
    transition: .3s;
    -moz-transition: .3s;
    margin-top: -20px;   
}

.slider .bx-wrapper .bx-prev,
.detail .bx-wrapper .bx-prev{
    left: 0px;
    background-color: rgba(0,0,0,.5);
    background-image: url(/bitrix/templates/prorab/img/pre.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}

.slider .bx-wrapper .bx-next,
.detail .bx-wrapper .bx-next{
    right: 0px;
    background-color: rgba(0,0,0,.5);
    background-image:  url(/bitrix/templates/prorab/img/next.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}

.zoom{
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background-image: url(/bitrix/templates/prorab/img/content/zoom.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    transition: .3s;
    -moz-transition: .3s;
    opacity: 0;
}

.bxslider_projects:hover .zoom,
.bx-wrapper:hover .bx-next,
.bx-wrapper:hover .bx-prev{
    opacity: 1;
}

.slider_container{
    margin-bottom: 40px;
}

.slider_container li img{
    width: 100%;
}

.why{
    
}

.why ul{
    
}

.why ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 60px;
    padding-top: 22px;
    padding-left: 75px;
    position: relative;
    color: #3b3b3b;
    font-size: 14px;
}

.why ul li.icon_1:before{
    content: url(/bitrix/templates/prorab/img/why/icon_1.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.why ul li.icon_2:before{
    content: url(/bitrix/templates/prorab/img/why/icon_2.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.why ul li.icon_3:before{
    content: url(/bitrix/templates/prorab/img/why/icon_3.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.why ul li.icon_4:before{
    content: url(/bitrix/templates/prorab/img/why/icon_4.png);
    position: absolute;
    top: 0px;
    left: 0px;
}

.progress{
    margin-bottom: 50px;
    padding: 40px 30px 30px;
    background: #fafafa;
}

.progress ul li{
    width: 24.5%;
    display: inline-block;
    vertical-align: top;
    padding-left: 50px;
    border-left: 1px solid #b2b1b1;
}

.progress ul li:first-child{
    padding-left: 0;
    border: none;
}

.progress ul li span{
    display: block;
    margin-bottom: 20px;
    font-family: "Inter";
    font-size: 80px;
}

.progress ul li p{
    color: #3b3b3b;
    font-size: 14px;
    line-height: 22px;
}

.our_partners{
    margin: 0 -10px 40px;
}

.our_partners .item{
    width: 33.33%;
    padding: 0 10px;
    float: left;
    margin-bottom: 20px;
}

.our_partners .item > div{
    border: 1px solid #b2b1b1;
}

.our_partners .item > div:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    border-color: #fff;
}

.our_partners .item .top{
    width: 100%;
    height: 92px;
    display: table;
    text-align: center;
}

.our_partners .item .top img{
    max-width: 100%;
}

.our_partners .item .top > div{
    display: table-cell;
    vertical-align: middle;
}

.our_partners .item  .description{
    padding: 19px 17px;
    border-top: 1px solid #b2b1b1;
}

.our_partners .item h3{
    margin-bottom: 15px;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.our_partners .item p{
    color: #3b3b3b;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 14px;
}

.our_partners .item ul{
    border-top: 1px solid #b2b1b1;
}

.our_partners .item ul li{
    margin-top: 19px;
    padding-left: 30px;
    list-style: none;
    position: relative;
    color: #3b3b3b;
    font-size: 12px;
}

.our_partners .item ul li .fa{
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.reviews_clients .docs .item{
    margin-bottom: 0;
}

.review_item{
    margin-bottom: 50px;
}

.personal{
    margin: 0 -8px 40px;
}

.personal .item{
    width: 33.33%;
    padding: 0 8px;
    float: left;
    margin-bottom: 20px;
}

.personal .item > div{
    
}

.personal .item .photo{
    height: 275px;
    overflow: hidden;
}


.personal .item  .description{
    padding: 19px 17px;
    border: 1px solid #b2b1b1;
    border-top: none;
}

.personal .item .name{
    display: block;
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
}

.personal .item .post{
    display: block;
    color: #686868;
    font-size: 12px;
}

.personal .item ul{
    margin-top: 20px;
    border-top: 1px solid #b2b1b1;
}

.personal .item ul li{
    margin-top: 19px;
    padding-left: 30px;
    list-style: none;
    position: relative;
    color: #3b3b3b;
    font-size: 12px;
}

.personal .item ul li a{
    color: inherit;
}

.personal .item ul li .fa{
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.accardion{
    margin-bottom: 50px;
}

.accardion .col{
    display: inline-block;
    vertical-align: top;
    padding-right: 25px;
}

.accardion .col_1{
    width: 44%;
}

.accardion .col_2{
    width: 55%;
}

.accardion_item{
    margin-bottom: 17px;
}

.accardion_item:hover {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
}

.accardion_item .top{
    min-height: 70px;
    border: 1px solid #b2b1b1;
    padding-left: 25px;
    padding-right: 85px;
    line-height: 70px;
    position: relative;
    cursor: pointer;
}

.accardion_item .top .arrow{
    width: 70px;
    height: 100%;
    border-left: 1px solid #b2b1b1;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: normal;
}

.accardion_item .top .arrow > div{
    width: 100%;
    height: 100%;
    display: table;
}

.accardion_item .top .arrow > div > div{
    display: table-cell;
    vertical-align: middle;
}

.accardion_item.active .top .arrow .fa{    
    transform: rotate(180deg);
}

.accardion_item .top p{
    padding-left: 25px;
    color: #3b3b3b;
    font-size: 12px;
    margin-top: 10px; 
}

.accardion_item .top p span{
    font-size: 16px;
    font-weight: 700;
    display: block;
}

.accardion_item .top .title{
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
}

.accardion_item .full{
    padding: 25px;
    border-left: 1px solid #b2b1b1;
    border-right: 1px solid #b2b1b1;
    border-bottom: 1px solid #b2b1b1;
    display: none;
}

.accardion_item .full .title{
    display: block;
    margin-bottom: 20px;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
}

.accardion_item .full p{
    color: #3b3b3b;
    font-size: 14px;
    line-height: 22px;
}

.vacancy .list{
    margin-bottom: 30px;
}

.vacancy .list li{
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.vacancy .list li:before{
    width: 4px;
    height: 4px;
    top: 10px;
}

.accardion_item .board{
    padding-top: 25px;
    border-top: 1px solid #b2b1b1;
}

.vacancy .btn{
    width: 200px;
    height: 40px;
}

.accardion_item:first-of-type .full{
    display: block;
}

.get_info{
    padding: 25px;
    background: url(/bitrix/templates/prorab/img/content/get_info.png) center center no-repeat;
    background-size: cover;
}

.get_info .left{
    width: 100%;
    max-width: 440px;
    display: inline-block;
    vertical-align: top;
} 

.get_info .right{
    display: inline-block;
    float: right;
}

.get_info span{
    display: block;
    margin-bottom: 15px;
    color: white;
    font-size: 24px;
    font-weight: 700;
}

.get_info p{
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.get_info .btn{
    width: 200px;
    height: 40px;
    margin-top: 18px;   
}

.filial.map {
    height: 500px;
}

.filial_item{
    border: 1px solid #b2b1b1;
    width: 100%;
    margin-bottom: 10px;
}

.filial_item .left{
    width: 54%;
    float: left;
    padding: 13px;
}

.filial_item .right{
    width: 23%;
    float: left;
    border-left: 1px solid #b2b1b1;
    padding: 23px;
    text-align: center;
    height: 100%;
}

.filial_item .photo{
    width: 100px;
    height: 100%;
    overflow: hidden;
    float: left;   
}

.filial_item .name{
    margin-left: 120px;
    padding-top: 10px;
}

.filial_item .name p{
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 700;
}

.filial_item .name span{
    display: block;
    color: #3b3b3b;
    font-size: 12px;
}

.filial_item .name span .fa{
    
}

.filial_item ul{
    display: inline-block;
    text-align: left;
    padding-top: 10px;
}

.filial_item ul li{
    padding-left: 30px;
    position: relative;
    color: #3b3b3b;
    font-size: 12px;
    line-height: 22px;
    list-style: none;
}

.filial_item ul li .fa{
    position: absolute;
    top: 5px;
    left: 0px;
}

.date_news{
    padding: 12px 18px;
    border: 1px solid #ededed;
    background: #fff;
    position: absolute;
    top: 42px;
    right: 0px;
}

.date_news li {
    display: inline-block;
    vertical-align: middle;
    color: #3b3b3b;
    font-size: 12px;
}

.news_list ul li .fa {
    font-size: 9px;
    position: relative;
    top: -1px;
}

/*Related*/
.related{
    background: #fafafa;
}

.related .inner{
    padding-top: 55px;
    padding-bottom: 40px;
}

.related .container{
    padding-left: 270px;
}

.related h2{
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 38px;
}

.related .goods_tile .item{
    width: 100%;
    float: none;
    max-width: none;
}

.related .owl-carousel .owl-item img{
    width: auto;
}

.related .slider_detail{
    margin-bottom: 20px;
}

.error404 {
    padding-top: 110px;
    padding-bottom: 70px;
    background: url(/bitrix/templates/prorab/img/content/404.png) right 10px no-repeat;
    margin-left: 10%;
    margin-right: 10%;
}

.error404 h2{
    margin-bottom: 40px;
    /*font-family: Roboto;*/
    font-size: 28px;
    font-weight: 700;
    color: #3b3b3b;        
}

.error404 p{
    margin-bottom: 20px;
    /*font-family: Roboto;*/
    font-size: 14px;
    line-height: 24px;
}

.error404 > span{
    width: 181px;
    display: block;
    margin-top: 16px;
    /*font-family: Roboto;*/
    font-size: 12px;
    color: #3b3b3b;
    text-align: center;
}



.error404 .btn{
    width: 181px;
    height: 40px;
}

.contacts .col{
    display: inline-block;
    vertical-align: top;
}

.contacts .col_1{
    width: 45%;
    padding-right: 95px;
}

.contacts .col_2{
    width: 54%;
    padding-left: 95px;
    border-left: 1px solid #b2b1b1;
}

.contacts p{
    color: #3b3b3b;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 40px;
}

.contacts ul{
    
}

.contacts ul li{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding-left: 60px;
    position: relative;
}

.contacts ul li span{
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    
}

.contacts ul li p{
    margin-bottom: 0;
}

.contacts ul li p a{
    color: #3b3b3b;
    font-size: 13px;
}

.contacts ul li .fa{
    position: absolute;
    top: 2px;
    left: 0px;
}

.contacts_map{
    height: 454px;
    background: #ccc;
}


.price_list h2{
    margin-bottom: 25px;
    color: #3b3b3b;
    font-size: 20px;
    font-weight: 700;
}

.price_list_item{
    margin-bottom: 45px;
}

.table_price table{
    width: 100%;
}

.table_price table tr td{
    padding: 15px 0;
    vertical-align: middle;
}



.table_price table tr td:first-child{
    padding-left: 20px;
}

.table_price table tr td:nth-child(3){
    width: 140px;
}

.table_price table tr td:last-child{
    padding-right: 20px;
    width: 140px;
}

.table_price table thead tr td{
    color: white;
    font-size: 14px;
    font-weight: 700;
}

.table_price table tbody tr td{
    background: #fcfcfc;
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #f4f4f4;
}

.table_price table tbody tr .top{
    font-weight: 700;
    text-transform: uppercase;
    background: #fcfcfc;
    text-align: center;
}
    

/*recourse*/
.recourse{
    background: url(/bitrix/templates/prorab/img/recourse.jpg) center center no-repeat;
    background-size: cover;
}

.recourse .inner{
    padding-top: 60px;
    padding-bottom: 60px;
}

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

.recourse .right{
    display: inline-block;
    float: right;
}

.recourse span{
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 56px;
    font-weight: 300;
    text-transform: uppercase;
}

.recourse p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    padding-left: 30px;
    position: relative;
    color: white;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

.recourse p:before{
    content: "";
    width: 10px;
    height: 39px;
    position: absolute;
    top: 4px;
    left: 0px;
}

.recourse .btn{
    width: 180px;
    height: 40px;
    margin-top: 12px;
}

/*About*/
.about p{
    margin-bottom: 30px;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.about .btn{
    width: 176px;
    height: 40px;
    margin-top: 30px;
}

.good{
    margin-bottom: 38px;
    position: relative;
}

.good .description .top{
    margin-bottom: 35px;
}

.good .description .status{
    
}

.good .description .articul{
    margin-left: 26px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    color: #3b3b3b;
    border-left: 1px solid #b2b1b1;    
}


.good .description p{
    margin-bottom: 24px;
    color: #7f7f7f;
    font-size: 12px;
    line-height: 18px;
}

.good .price{
    margin-bottom: 25px;
}

.good .price span{
    display: block;
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
}

.good .price .old_price{
    color: #878787;
    font-size: 12px;
    text-decoration: line-through;
}

.good .action{
    padding-top: 27px;
    border-top: 1px solid #b2b1b1;
}

.good .ques{
    width: 58%;
}

.good .buy{
    width: 39%;
    float: right;
}

.good .share{
    margin-top: 25px;
    padding: 5px 5px 5px 15px;
    background: #fafafa;
}

.good .share span{
    display: inline-block;
    vertical-align: middle;
    color: #7f7f7f;
    font-size: 12px;
}

.good .share .container{
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

/*News*/
.news{

}

.news_top{
    padding: 30px;
    background-color: #f5f5f5;
}

.news_top h2{
    width: 60%;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
}

.news_top .btn{
    width: 135px;
    height: 40px;
    float: right;
}

.news_items {
    padding: 29px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.news_items .item{
    margin-bottom: 35px;
}

.news_items .item:last-child{
    margin-bottom: 0;
}

.news_items .item .photo{
    width: 115px;
    height: 115px;
    overflow: hidden;   
    float: left;
}

.news_items .item .right{
    margin-left: 145px;
    height: 115px;
    overflow: hidden;
}

.news_items .item .right .date{
    display: block;
    margin-bottom: 10px;
    color: #3b3b3b;
    font-size: 12px;
    font-weight: 400;
}

.news_items .item .right a{
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.news_items .item .right p{
    color: #3b3b3b;
    font-size: 14px;
    line-height: 20px;
}

/*Partners*/
.partners{
   width: 100%; 
   display: block;
   background: #fdfdfd;
   position: relative;
   z-index: 1;
   border-top: 1px solid #f7f7f7;
}

.partners .inner{
    padding-top: 35px;
    padding-bottom: 35px;
}

.partners ul{
    text-align: center;
}

.partners ul li{

    display: inline-block;
    vertical-align: middle;
}

.partners li img {
    max-width: 100%;
}

/*Footer*/
.footer{
   width: 100%; 
   display: block;
   background: #24292c;
   position: relative;
   z-index: 1;
}

.footer .inner{
    padding-top: 30px;
    padding-bottom: 60px;
}

.footer .col{
    float: left;
}

.footer .col_1{
    width: 30%;
    padding-right: 15px;
}

.footer .col_2{
    width: 53%;
    padding-right: 15px;
}

.footer .col_3{
    width: 17%;
    padding-right: 15px;
}

.footer .logo{
    margin-bottom: 20px;
}

.footer .logo img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.footer .logo p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 26px;
    font-weight: 700;
    color: white;    
}



.footer .copyrights{
    max-width: 210px;
    color: white;
    font-size: 12px;
    line-height: 18px;
}

.footer .links{
    padding-top: 18px;
    margin-bottom: 10px;
}

.footer .links li{
    width: 30%;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}

.footer .links li a{
    color: white;
    font-size: 14px;
    font-weight: 700;
}

.footer .social{
    
}

.footer .social li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px;
}

.footer .social li:first-child{
    margin-left: 0;
}

.footer .social a{
    width: 28px;
    height: 28px;
    display: block;
    background-color: #424a4e;
    border-radius: 50%;
    transition: .3s;
    -moz-transition: .3s;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 29px;
}

.footer .phone{
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
}

.footer .phone .icon {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: white;
  font-size: 18px;
  position: absolute;
  top: 7px;
  left: 0px;
}

.footer .phone span{
    display: block;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.footer .phone span a {
    color: white;
    font-size: 16px;
}

.footer .phone a{
    color: white;
    font-size: 12px;
}


.footer .address{
    padding-left: 40px;
    position: relative;
}

.footer .address .icon{
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: white;
    font-size: 18px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.footer .address span{
    display: block;
    color: white;
    font-size: 12px;
    line-height: 18px;
}


/**Popup**/
.popup{
    padding:30px;
}

.form h2{
    padding-bottom: 25px;    
    border-bottom: 1px solid #f7f7f7;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
}

.form input[type="text"].form_control, input[type="email"].form_control, .form input[type="password"].form_control, .form textarea.form_control {
    margin-bottom: 18px;
    border-radius: 2px;
}

.form .send {
    width: 116px;
    height: 40px;
    float: right;
    border-radius: 2px;
    font-size: 15px;
}
.form input#processing_approval {
    position: absolute;
    margin-top: 3px;
}
.form .processing-block label:not(.error) {
    display: inline-block;
    margin-left: 20px;
    font-weight: 500;
}
.form .processing-block {
    padding: 10px;
}

.uploader input[type=file] {
    z-index: 10;
    opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
}
.uploader .filename {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    color: #9aa6ae;
    position: relative;
    top: -5px;
    padding: 11px 9px 9px 145px;
    text-overflow: ellipsis;
}

.input.error input,.input.error textarea{border-color:#e02222;}
.form-control{border-radius:2px;box-shadow:none;border:1px solid #d7dee3;height:34px;padding:6px 12px;}
.form-control:focus{box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;border-color:#CCC;}
.jqmOverlay{background:#000;}
.jqmWindow{position:absolute;display:none;/*position:fixed*/;left:50%;width:500px;background:white;top:0px;}
.jqmWindow{display:block;opacity:0;visibility:hidden;transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;-ms-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease;}
.jqmWindow.show{display:block;visibility:visible;opacity:1;}
.jqmClose.top-close{width:20px;height:20px;line-height:20px;text-align:center;color:#c2cbd2;position:absolute;top:32px;right:32px;font-size:25px;cursor:pointer;}
.form.popup .form-error{padding-left:60px;padding-right:60px;}

.affix{
    width: 180px;
    height: 40px;
}

.affix .fa{
    margin-right: 5px;
}

.affixed{
    display: inline-block;
    vertical-align: top;
    width: 180px;
    height: 40px;
    color: #434343;
    font-family: "Inter";
    font-size: 12px;
    line-height: 40px;
}

.affixed a{
    margin-right: 5px;
    color: inherit;
}

.fancybox-nav{
    top: 0px;
    margin-top: -18px;
}


.fancybox-nav span{
    width: 40px;
    height: 40px;
}

.fancybox-next span{
    right: 0px;
    background: rgba(0,0,0,.5) url(/bitrix/templates/prorab/img/next.png) center center no-repeat;
}

.fancybox-next span:hover{
    background: #1276cb url(/bitrix/templates/prorab/img/next.png) center center no-repeat;
}

.fancybox-prev span{
    left: 0px;
    background: rgba(0,0,0,.5) url(/bitrix/templates/prorab/img/pre.png) center center no-repeat;
}

.fancybox-prev span:hover{
    background: #1276cb url(/bitrix/templates/prorab/img/pre.png) center center no-repeat;
}
.fancybox-skin{
    background: transparent;
}

.fancybox-opened .fancybox-skin{
    padding: 0!important;
    box-shadow: none!important;
    border-radius: 0!important;
}

.fancybox-overlay{
    background: rgba(0,0,0,.85);
}

.fancybox-close{
    width: 30px;
    height: 3s0px;
    /*background: url(/bitrix/templates/prorab/img/close.png) center center no-repeat;
    top: -40px;
    right:-40px;*/
    top: 0px;
    right: 3px;
    background-image: url(/bitrix/templates/prorab/img/close.png);
    background-position: center center;
    background-repeat: no-repeat;
}



.thank{
    padding: 30px;
}

.thank h2{
    padding-bottom: 25px;    
    border-bottom: 1px solid #f7f7f7;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
}

.thank_close{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 4px;
    right: 10px;    
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/bitrix/templates/prorab/img/close.png);
    cursor: pointer;
}

.thank p{
    margin-top: 30px;
    padding-left: 60px;
    position: relative;
    color: #3b3b3b;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.thank p .fa{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 39px;
    
}

.reviews_clients .review .text {
    margin-bottom: 20px;
    color: #3b3b3b;
    font-size: 13px;
    line-height: 20px;
}

.crp-requisites-table {
    margin: 25px 0;
    font-size: 13px;
}

.crp-requisites-table td:first-child {
    background: #f7f7fa;
}


.crp-requisites-table td {
    border: 1px solid #e6e6e6;
    padding: 8px 18px;
}

.crp-button-up {
    width: 48px;
    height: 48px;
    position: fixed;
    border: none;
    box-shadow: none;
    z-index: 1999;
    bottom: 0;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.crp-button-up i {
color:#fff
}

.crp-button-up:hover {
    opacity: 1;
}

.btn-xs {
    line-height: 12px;
    padding: 13px 12px 7px;
    border-radius: 1px;
    text-transform: uppercase;
}

.projectslist>.col-md-12>.btn-default {
    float: right;
    right: 15px;
    margin-right: 0;
    overflow: visible;
}

.btn-default.white:hover {
    color: #fff !important;
}

button.crp-button-up {
    margin-bottom: 30px;
    display: inline-block;
}

button.crp-button-up.left {
    left: 30px;
}

button.crp-button-up.right {
    right: 30px;
}

button.crp-button-up.round {
    border-radius: 2px;
}

table.title-search-result th{
    display: none;
}

/* Version 1.0.2 */
.nav.absolute li li.hover ul {
    left: 100%;
    margin-top: -45px;
    position: absolute;
    top: auto;
}
.sticky .container.clearfix.COLOR_menu>ul>li>a {
    color: #3b3b3b;
}
.sticky .container.clearfix.COLOR_menu>ul>li>a>i {
    color: #3b3b3b;
}
.sticky .container.clearfix.DARK_menu>ul>li>a {
    color: #3b3b3b;
}
.sticky .container.clearfix.DARK_menu>ul>li>a>i {
    color: #3b3b3b;
}
.accardion_item .top {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 50px;
}
.nav li li a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.progress ul li {
    padding-left: 40px;
}
.progress ul li span {
    font-size: 55px;
}
.title_block {
    line-height: 28px;
}
.partners ul li img { vertical-align: middle; display: inline-block !important; }
.partners ul li { vertical-align: middle; height: 73px; line-height: 73px; }
div[id^="wait_comp_"]{ display: none;}
/* Version 1.1.2 */
.blog .item .title {
  font-size: 14px;
  font-weight: 600;
}
.blog .more {
  font-weight: 600;
}


.material-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.material-category {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 120px;
    padding: 6px 56px 6px 6px;
    background: #fff;
    border-radius: 12px;
    color: #212121;
    text-decoration: none;
    overflow: hidden;

    box-shadow:
            0 2px 5px rgba(0, 0, 0, .12),
            0 1px 2px rgba(0, 0, 0, .08);

    transition:
            box-shadow .25s ease,
            transform .25s ease,
            background-color .25s ease;
}

.material-category:hover {
    color: #212121;
    text-decoration: none;

    transform: translateY(-3px);

    box-shadow:
            0 6px 14px rgba(0, 0, 0, .16),
            0 3px 5px rgba(0, 0, 0, .10);
}

.material-category:active {
    transform: translateY(-1px);
}

/* Картинка */

.material-category__image {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    margin-right: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}

.material-category__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Иконка без картинки */

.material-category__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    background: #e3f2fd;
    border-radius: 50%;
}

.material-category__icon svg {
    width: 28px;
    height: 28px;

    fill: #1976d2;
}

/* Контент */

.material-category__content {
    min-width: 0;
    flex: 1;
}

.material-category__title {
    margin-bottom: 6px;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;

    color: #212121;
}

.material-category__description {
    margin-bottom: 7px;

    font-size: 13px;
    line-height: 1.4;
    color: #757575;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.material-category__count {
    font-size: 12px;
    line-height: 1.3;
    color: #9e9e9e;
}

/* Стрелка */

.material-category__arrow {
    position: absolute;
    right: 16px;
    top: 50%;

    width: 32px;
    height: 32px;

    margin-top: -16px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    transition:
            background-color .2s ease,
            transform .2s ease;
}

.material-category__arrow svg {
    width: 22px;
    height: 22px;
    fill: #9e9e9e;
}

.material-category:hover .material-category__arrow {
    background: #e3f2fd;
    transform: translateX(2px);
}

.material-category:hover .material-category__arrow svg {
    fill: #1976d2;
}


/* Планшет */

@media (max-width: 1100px) {

    .material-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* Телефон */

@media (max-width: 650px) {

    .material-categories {
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 20px 0;
    }

    .material-category {
        min-height: 100px;
        padding: 14px 45px 14px 14px;
    }

    .material-category__image {
        flex: 0 0 65px;
        width: 65px;
        height: 65px;
        margin-right: 14px;
    }

    .material-category__title {
        font-size: 16px;
    }

}

/* =========================================
   MATERIAL PRODUCTS
========================================= */

.material-products-page {
    width: 100%;
    margin: 0 auto;
}


/* =========================================
   CATEGORY HEADER
========================================= */

.material-category-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 30px;
    padding: 25px 30px;

    background: #fff;

    border-radius: 12px;

    box-shadow:
            0 2px 5px rgba(0, 0, 0, .10),
            0 1px 2px rgba(0, 0, 0, .06);
}

.material-category-header__content {
    min-width: 0;
}

.material-category-header__title {
    margin: 0 0 10px;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 600;

    color: #212121;
}

.material-category-header__description {
    max-width: 850px;

    font-size: 15px;
    line-height: 1.6;

    color: #757575;
}

.material-category-header__count {
    flex-shrink: 0;

    padding: 8px 14px;

    background: #e3f2fd;
    color: #1976d2;

    border-radius: 20px;

    font-size: 13px;
    font-weight: 500;
}


/* =========================================
   PRODUCTS GRID
========================================= */

.material-products-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;
}


/* =========================================
   PRODUCT CARD
========================================= */

.material-product-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    background: #fff;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
            0 2px 5px rgba(0, 0, 0, .10),
            0 1px 2px rgba(0, 0, 0, .06);

    transition:
            transform .25s ease,
            box-shadow .25s ease;
}

.material-product-card:hover {
    transform: translateY(-4px);

    box-shadow:
            0 8px 20px rgba(0, 0, 0, .15),
            0 3px 6px rgba(0, 0, 0, .08);
}


/* =========================================
   PRODUCT IMAGE
========================================= */

.material-product-card__image {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 230px;

    padding: 15px;

    background: #fafafa;

    overflow: hidden;
}

.material-product-card__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transition: transform .3s ease;
}

.material-product-card:hover
.material-product-card__image img {
    transform: scale(1.04);
}


/* =========================================
   NO IMAGE
========================================= */

.material-product-card__no-image {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    background: #eeeeee;

    border-radius: 50%;
}

.material-product-card__no-image svg {
    width: 35px;
    height: 35px;

    fill: #9e9e9e;
}


/* =========================================
   PRODUCT BODY
========================================= */

.material-product-card__body {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 18px;
}


/* =========================================
   ARTICLE
========================================= */

.material-product-card__article {
    margin-bottom: 8px;

    font-size: 12px;
    line-height: 1.3;

    color: #9e9e9e;
}


/* =========================================
   TITLE
========================================= */

.material-product-card__title {
    margin: 0 0 15px;

    min-height: 50px;

    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;

    color: #212121;
}

.material-product-card__title a {
    color: inherit;
    text-decoration: none;
}

.material-product-card__title a:hover {
    color: #1976d2;
}


/* =========================================
   PRICE
========================================= */

.material-product-card__price {
    margin-top: auto;
    margin-bottom: 15px;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;

    color: #212121;
}

.material-product-card__price--request {
    font-size: 16px;
    font-weight: 600;

    color: #1976d2;
}


/* =========================================
   BUTTON
========================================= */

.material-product-card__button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 42px;

    padding: 10px 15px;

    background: #1976d2;
    color: #fff;

    border-radius: 6px;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    box-shadow:
            0 2px 4px rgba(25, 118, 210, .25);

    transition:
            background-color .2s ease,
            box-shadow .2s ease,
            transform .1s ease;
}

.material-product-card__button:hover {
    background: #1565c0;

    color: #fff;
    text-decoration: none;

    box-shadow:
            0 4px 8px rgba(25, 118, 210, .30);
}

.material-product-card__button:active {
    transform: translateY(1px);
}

.material-product-card__button svg {
    width: 20px;
    height: 20px;

    margin-left: 5px;

    fill: currentColor;
}


/* =========================================
   EMPTY
========================================= */

.material-products-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 250px;

    padding: 40px;

    background: #fff;

    border-radius: 12px;

    text-align: center;

    box-shadow:
            0 2px 5px rgba(0, 0, 0, .10);
}

.material-products-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    margin-bottom: 15px;

    background: #eeeeee;

    border-radius: 50%;
}

.material-products-empty__icon svg {
    width: 36px;
    height: 36px;

    fill: #9e9e9e;
}

.material-products-empty__title {
    font-size: 17px;
    font-weight: 500;

    color: #616161;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1200px) {

    .material-products-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* =========================================
   SMALL TABLET
========================================= */

@media (max-width: 900px) {

    .material-products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .material-category-header {
        flex-direction: column;

        padding: 20px;

        gap: 15px;
    }

    .material-category-header__title {
        font-size: 24px;
    }

    .material-products-grid {
        grid-template-columns: 1fr;

        gap: 15px;
    }

    .material-product-card__image {
        height: 220px;
    }

}

/* End */


/* Start:/bitrix/templates/prorab/css/media.css?178945319133843*/
/*==========  Desktop First Method  ==========*/
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .sticky{
        position: fixed;
        
        border-bottom: 1px solid #f7f7f7;
    }
    
    

    .sticky.header .header_top{
        border-bottom: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .sticky.header .inner{
        padding-bottom: 0;
    }
    
    .sticky.header .right{
        vertical-align: middle;
    }

    .sticky.header .search{
        max-width: 320px;
    }
    
    .sticky.header .container{
        width: auto;
        position: static;
        display: inline-block;
        vertical-align: middle;
        float: right;
        position: relative;
    }
    
    .sticky .nav{
        width: 280px;
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        background: #f8f8f8;
    }

    
    .sticky .toggleMenu{
        display: inline-block;
    }
    
    .sticky .nav > li{
        float: none;
        margin-left: 0;
    }
    
    .sticky .nav > li > a{
        padding-left: 10px;
    }
    
    .sticky .nav > li.hover > ul{
        left: 100%;
        top: 0px;
    }
    

    
    .nosticky .nav{
        display: block!important;
    }    
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .header .search{
        max-width: 312px;
    }
    
    .header .center{
        width: 51%;
    }
    
    .header .right{
        width: 19%;
    }
    
    .popup{
        width: auto;
        max-width: 380px;
        min-width: 380px;
    }
    

}

@media only screen and (max-width : 1199px) {
    .header .btn{
        display: none;
    }

    .header.sticky .work .logo {
      position: relative;
    }
    
    .footer .col_2{
        width: 46%;
    }

    .footer .col_3{
        width: 23%;
    }
    
    .footer .links li{
        width: 45%;
    }
    
    .content .main {
        width: 76%;
        padding-left: 28px;
    }
    
    .tabs_good .tabs_content{
        padding: 30px;
    }
    
    .main .goods_tile .item{
        width: 33.3%;
        max-width: none;
    }
    
    .goods_list .item{
        height: auto;
    }
    
    .goods_list .item > div{
        padding-bottom: 15px;
    }
    
    .goods_list .item .description{
        margin-left: 167px;
    }
    
    .goods_table .item .bottom{
        width: 130px;
        padding: 15px;
    }
    
    .goods_table .item .description{
        max-width: 142px;
        position: absolute;
        top: 0px;
        z-index: 2;
    }
    
    .goods_table .item .price{
        position: absolute;
        top: 0px;
        right: 130px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .goods_table .item .photo{
        margin-right: 10px;
    }
    
    .goods .item .price span{
        font-size: 14px;
    }
    
    .goods_table .item .photo img{
        width: 100%;
        height: auto;
    }
    
    .goods_table .item{
        height: 130px;
    }
    
    .projects .item{
        min-height: 155px;
    }
    
    .date_news{
        position: static;
        display: inline-block;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width : 1024px){
    .header .left{
        width: auto;
    }
    
    .header .center {
        width: auto;
        margin-left: 15%;
        padding-right: 0;
    }
    
    .header .right {
        width: auto;
        float: right;

    }

    .header_text {
        display: none;
    }
    
    .sticky .toggleMenu{
        margin-left: 25px;
    }
    
    .header .header_top {
        padding-top: 13px;
        padding-bottom: 22px;
  
    }
    
    .sticky.header .header_top{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .sticky.header .inner{
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .header .search{
        width: 300px;
    }
    
    .slider .inner{
        height: 350px;
    }
    
    .slider .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    
    .slider .left{
        padding-top: 43px;
    }
    
    .advantages,
    .services,
    .consultation{
        margin-bottom: 45px;
    }
    
    .services .item .right {
        margin-left: 220px;
    }
    
    .services .item .right a{
        font-size: 16px;
        line-height: 22px;
    }
    
    .services .item .right p{
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
    }
    
    .consultation {
        padding: 30px 40px 25px 35px;
    }
    
    .compilation .goods_tile .item{
        width: 25%;
        max-width: none;
        display: none;
    }
    
    .compilation .goods_tile .item:nth-child(1),
    .compilation .goods_tile .item:nth-child(2),
    .compilation .goods_tile .item:nth-child(3),
    .compilation .goods_tile .item:nth-child(4){
        display: block;
    }
    
    .content .inner{
        padding-bottom: 50px;
    }
    
    .col_half_1{
        width: 50%;
    }
    
    .col_half_2{
        width: 50%;
    }
    
    .news_items{
        padding: 20px;
    }
    
    .news_top{
        padding: 20px;
    }
    
    .about .btn{
        margin-top: 20px;
    }
    
    .main .title_block{
        margin-bottom: 30px;
    }
    
    .good .right_col {
        padding: 30px 25px;
    }
    
    .catalog_goods .item .top{
        padding: 15px;
    }
    
    .catalog_goods .item .bottom{
        padding: 15px;
    }
    
    .catalog_goods .item .icon{
        width: 80px;
        height: 80px;
    }

    .catalog_goods .item .right{
        margin-left: 98px;
    }
    
    .catalog_goods .item .title{
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 10px;
    }
    
    .catalog_goods .item ul li{
        font-size: 12px;
    }
    
    .catalog_goods .item .top{
        min-height: 160px;
    }
    /****************************/
    .our_services .item .photo,
    .works .item .photo,
    .papers .item .photo,
    .news_list .item .photo{
        width: 175px;
        height: 130px;
    }
    
    .our_services .item .right,
    .works .item .right,
    .papers .item .right,
    .news_list .item .right{
        margin-left: 200px;
    }
    
    .our_services .item p,
    .works .item p,
    .papers .item p,
    .news_list .item p{
        min-height: 0;
        margin-bottom: 10px;
    }
    
    .detail .pic{
        margin-bottom: 30px;
    }
    
    .detail p{
        margin-bottom: 20px;
    }
    
    .list li{
        margin-bottom: 20px;
    }
    
    .gallery{
        margin-bottom: 30px;
    }
    
    .board_top{
        padding-top: 30px;
    }
    
    .detail h2{
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 32px;
    }
    
    .slider_detail {
        margin-bottom: 63px;
    }
    
    .slider_detail {
        margin-bottom: 45px;
    }
    
    .detail_callback{
        padding: 30px;
    }
    
    .detail_papers{
        max-width: none;
    }
    
    .progress ul li{
        border-left: 0;
    }    
    
    .progress{
        margin-bottom: 30px;
        padding: 20px 15px;
    }
    
    .filial .map{
        height: 285px;
    }
    
    .contacts .col_2{
        padding-left: 35px;
    }
    
    .recourse .inner{
        padding: 30px;
    }
    
    .recourse span{
        font-size: 40px;
    }
    
    .recourse p{
        font-size: 16px;
    }
    
    .recourse .btn{
        margin-top: 6px;
    }
    
    .error404{
        padding-top: 60px;
        padding-bottom: 60px;
        background-position: right top;
        background-size: 50%;
    }
    
    .detail .pic span {
        font-size: 30px;
        line-height: 44px;
        top: 25px;
        left: 25px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .slider .title_slider{
        font-size: 28px;
    }
    
    .slider p {
        margin-top: 9px;
        font-size: 15px;
        line-height: 24px;
    }
    
    .slider .left{
        padding-top: 20px;
        padding-left: 10px;
    }
    
    .slider .btn_list {
        margin-top: 15px;
    }
    
    .slider .title_slider {
        font-size: 24px;
        line-height: 32px;
    }
    
    .advantages .item .title{
        max-width: 107px;
        font-size: 12px;
        line-height: 18px;
        margin-left: 8px;
    }
    
    .advantages .item > div{
        height: 70px;
    }
    
    .advantages .items {
        margin: 0 -8px;
    }
    
    .advantages .item{
        padding: 0 8px;
    }
    
    .shild.right {
        right: 5px;
    }     
    
    .shild.left {
        left: 5px;
    }   
    
    .about p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    
    .news_items .item .photo{
        width: 90px;
        height: 90px;
    }
    
    .news_items .item .right{
        margin-left: 110px;
    }
    
    .news_items .item .right p{
        font-size: 12px;
        line-height: 18px;
    }
    
    .partners ul li{
        width: 18%;
    }
    
    .footer .col_2{
        width: 42%;
    }
    
    .footer .col_3{
        width: 27%;
    }
    
    .footer .links li{
        width: 45%;
    }
    
    .projects .item{
        width: 100%;
        float: none;
        padding-right: 0px;
        min-height: 0;
        margin-bottom: 30px;
    }
    
    .get_info .right{
        display: block;
        width: 100%;
    }
    
    .related .container{
        padding-left: 0;
    }
    
    .progress ul li span{
        font-size: 50px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    
    .why ul li{
        padding-top: 12px;
        line-height: 20px;
    }
    
    .why ul li span{
        max-width: 93%;
        display: inline-block;
    }
    
    .why ul li{
        margin-bottom: 30px;
    }
    
    .progress ul li{
        width: 24%;
        padding-left: 0px;
        
    }
    
    .progress ul li p{
        font-size: 12px;
        line-height: 20px;
    }
    
    .review_item{
        margin-bottom: 30px;
    }
    
    .filial_item .left{
        width: 45%;
        padding: 10px;
    }
    
    .filial_item .right{
        width: 27%;
        padding: 10px 5px;
    }
    
    .filial_item .photo{
        width: 80px;
    }
    
    .filial_item .name {
        margin-left: 95px;
        padding-top: 1px;
    }
    
    .filial_item .name p{
        font-size: 12px;
        line-height: 22px;
    }
    
    .filial_item ul{
        padding-top: 0;
    }
    
    .filial_item ul li{
        font-size: 11px;
        padding-left: 17px;
    }
    
    .accardion .col_1{
        width: 100%;
    }
    
    .accardion .col_2{
        width: 100%;
    }
    
    .accardion_item .top{
        min-height: 0;
        padding-top: 12px;
        padding-bottom: 12px;
        height: auto;
        line-height: normal;
    }
    
    .accardion_item .top p{
        margin-top: 5px;
        padding-left: 0;
    }
    
    .accardion{
        margin-bottom: 30px;
    }
    
    .detail .pic span {
        font-size: 24px;
        line-height: 34px;
        top: 15px;
        left: 15px;
    }
    
    .our_partners .item{
        width: 50%;
    }
    
}

@media only screen and (max-width : 991px){
    .header .center{
        margin-left: 25px;
    }
    
    .sticky.header .center{
        margin-left: 0;
    }
    
    .sticky.header .search {
        max-width: 270px;
    }
    
    .sticky .toggleMenu {
        margin-left: 18px;
    }
    
    .header .left{
        padding-left: 0;
    }
    
    .partners ul li:last-child,
    .partners ul li:nth-child(4){
        display: none;
    }
    
    .partners ul li {
        width: 27%;
    }
    
    .partners .inner {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .content .main {
        width: 68%;
        padding-left: 25px;
    }

	button.btn.btn-default.white.btn-xs.value-control {
	    width: 70px;
	}

	span.input-group-btn {
	    margin-left: 0px !important;
	}

	a.btn.btn-default.white.btn-xs.print {
	    display: none;
	}
    
    .good .left_col{
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .good .right_col{
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }

	.blog .item {
	    width: 33%;
	}

	.detail_item .item {
	    width: 100%;
	}

    .bxslider_11 li img{
        width: 100%;
    }
    
    .slider_good .bottom{
        width: 160px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .bx-wrapper .bx-next {
        right: -20px;
    }
    
    .good .description .articul{
        margin-left: 5px;
        padding-left: 5px;
    }
    
    .good .description .top {
        margin-bottom: 15px;
    }
    
    .good{
        margin-bottom: 70px;
        padding-bottom: 82px;
    }
    
    .good .action{
        width: 100%;
        padding: 23px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: #fff;
        z-index: 2;
    }
    
    .good .right_col{
        padding-bottom: 0;
    }
    
    .good .share{
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 100%;
        left: 0px;
        background: #fafafa;
        margin-top: 1px;
    }
    
    .tabs_good .tabs_caption li{
        width: 140px;
    }
    
    .tabs_good .tabs_content {
        padding: 25px;
    }
    
    .tabs_good p{
        font-size: 13px;
    }
    
    .content .text p {
        margin-bottom: 20px;
    }
    
    .docs .col{
        width: 100%;
    }
    
    .docs .item,
    .reviews_clients .docs .item{
        margin-bottom: 35px;
    }
    
    .tabs_good .tabs_content{
        padding: 20px;
    }
    
    .main .goods_tile .item{
        width: 50%;
    }
    
    .goods_list .item .price{
        padding: 15px;
        width: 152px;
    }
    
    .goods_list .item .bottom{
        padding: 15px;
        width: 151px;
    }
    
    .goods_list .item .photo{
        width: 125px;
    }
    
    .goods_list .item > div{
        padding-left: 10px;
        padding-right: 160px;
		min-height: 200px;
    }
    
    .goods_list .item .description {
        margin-left: 135px;
    }
    
    .pag{
        margin-bottom: 30px;
        padding-top: 30px;
    }
    
    .gallery .photo{
        height: 115px;
    }
    
    .contacts ul li{
        width: 100%;
    }
    
    .contacts .col_1{
        padding-right: 45px;
    }
}

@media only screen and (max-width : 991px) and (min-width : 768px){

    .catalog_goods{
        margin-left: 0;
        margin-right: 0;
    }
    
    .catalog_goods .item{
        width: 100%;
        float: none;
    }
    
    .catalog_goods .item .top {
        min-height: 0px;
    }
    
    .catalog_goods .item .bottom{
        min-height: 0;
    }
    
    .detail_callback .form ul{
        text-align: center;
    }
    
    .detail_callback .form ul li,
    .detail_callback .form ul li:nth-child(3){
        padding: 0 5px;
        width: 48%;
    }
    
    .detail_callback .btn{
        margin-top: 20px;
    }
    
    .detail_callback{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    
    .personal .item{
        width: 50%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .toggleMenu .fa{
        color: #fff !important;
    }

    .services .item .photo{
        
    }
    
    .services .item .photo{
        width: 50%;
        height: 100%;
    }
    
    .services .item .right{
        margin-left: 136px;
    }
    
    .services .item > div{
        margin-bottom: 25px;
    }

    .detail_item .item {
        width: 46%;
    }
    
    .divide .item{
        margin-bottom: 30px;
    }
    
    .divide .item .icon{
        width: 105px;
        height: 105px;
    }
    
    .divide .item .right{
        padding-top: 0px;
        margin-left: 125px;
    }
    
    .divide .item .right a{
        font-size: 16px;
        line-height: 28px;
    }
    
    .divide .item .right p{
        font-size: 12px;
        line-height: 20px;
    }


    .services .items{
        margin: 0;
        
    }
    
    .services .item{
        width: 100%;
        float: none;
        padding: 15px 0;
        border-bottom: 1px solid #f7f7f7;
    }
    
    .services .item:first-child{
        padding-top: 0;
    }
    
    .services .item > div{
        margin-bottom: 0;
    }
    
    .compilation .goods_tile .item,
    .compilation .goods_tile .item:nth-child(4){
        width: 33.3%;
        max-width: none;
        display: none;
    }
    
    .compilation .goods_tile .item:nth-child(1),
    .compilation .goods_tile .item:nth-child(2),
    .compilation .goods_tile .item:nth-child(3){
        display: block;
    }
    
    .compilation {
        margin-bottom: 15px;
    }
    
    .goods{
        padding-bottom: 30px;
    }
    
    .related .owl-carousel .owl-stage{
        padding-bottom: 50px;
    }
    
    .content .inner {
        padding-bottom: 20px;
    }
    .sticky .container.clearfix.DARK_menu>ul>li>a {
        color: #424f60;
    }

	.sticky .container.clearfix.DARK_menu {
 	   background: #fff;
	}

    .sticky .container.clearfix.COLOR_menu>ul>li>a {
        color: #424f60;
    }

	.sticky .container.clearfix.COLOR_menu {
 	   background: #fff;
	}

	.sticky .container.clearfix .toggleMenu {
	    color: #000;
	}

	.header .left .container.clearfix .toggleMenu i {
	    color: #000 !important;
	}

    .header .left .container.clearfix>ul>li>a {
        font-size: 10px;
        padding: 10px 0px;
    }

    .header.sticky .left .container.clearfix>ul>li>a {
        padding: 10px 20px;
    }

    .consultation .left{
        width: 100%;
        max-width: 320px;
    }
    
    .consultation .right{
        width: 100%;
        float: none;
        text-align: left;
        padding-top: 17px;
    }
    
    .consultation{
        padding-right: 15px;
    }
}

@media only screen and (max-width : 767px) {
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

    .toggleMenu{
        display: inline-block;
    }

	.header .left .container.clearfix>ul>li>a {
	    font-size: 10px;
	    padding: 10px 20px;
	}

    .header .header_top{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .header .inner{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    
    .header .left{
        width: 100%;
        display: block;
        padding-right: 0;
        position: relative;
    }
    
    .header .center{
        display: none;
    }
    
    .header .logo{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: none;
        text-align: center;
    }
    
    .header .container{
        display: block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container.clearfix.DARK_menu>ul>li>a {
        color: #424f60 !important;
    }
    .container.clearfix.COLOR_menu>ul>li>a {
        color: #424f60 !important;
    }

    .toggleMenu{
        border: none;
    }
    
    .toggleMenu span{
        color: #fff;
    }
    
    .toggleMenu .fa{
        color: #fff;
        font-size: 20px;
    }

	.nav > li:hover > a, .nav > li > a.active, .pag li a:hover {
	    border-color: #fff !important;
	}

    .header .logo {
        margin-left: 0px;
    }

    .header .right{
        /*display: block;*/
        display: none;
        float: none;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .header .phone .icon{
        display: none;
    }
    
    .header .feedback{
        width: 100%;
        text-align: left;
    }
    
    .header .phone{
        padding-left: 0;
        display: inline-block;
        vertical-align: top;
        
    }
    
    .header .callback{
        display: inline-block;
        vertical-align: top;
        float: right;
        font-size: 13px;
    }
    
    .header .phone span{
        margin: 4px 0;
    }

    .nav{
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0px;
        background: #fff;
        z-index: 9;
    }
    
    .nav > li{
        margin-left: 0;
    }
    
    .nav > li.hover > ul{
        left: 0;
    }
    
    .nav a{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .search_mob{
        display: inline-block;
    }
    
    .slider .col{
        width: 100%;
        float: none;
    }
    
    .slider .center{
        display: none;
    }
    
    .advantages .item{
        width: 50%;
    }

    .advantages .item > div {
        border: none !important;
    }
    
    .advantages,
    .services,
    .consultation,
    .divide{
        margin-bottom: 25px;
    }
    
    .compilation{
        margin-bottom: 10px;
    }
    
    .advantages .item{
        margin-bottom: 14px;
    }

    .col_half_1{
        width: 100%;
        float: none;
        padding-right: 0;
    }
    
    .col_half_2{
        width: 100%;
        margin-top: 40px;
        float: none;
        padding-left: 0;
    }

	.blog .item {
	    width: 50%;
	}
    
    .footer .col{
        float: none;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .footer .col_1{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    
    .footer .col_2{
        width: 100%;
        margin-bottom: 30px;
        padding-right: 0px;
    }
    
    .footer .col_3{
        width: 100%;
        padding-right: 0px;
    }
    
    .footer .inner{
        padding-top: 25px;
        padding-bottom: 35px;
    }

	.footer .logo {
		display: none;
	}

    .content .sidebar{
        display: none;
    }
    
    .content .main{
        width: 100%;
        padding-left: 0;
    }
    
    .breadcrumbs {
        margin-bottom: 20px;
    }
    
    .main .title_block{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 32px;
    }
    
    .catalog_goods .item .bottom{
        min-height: 190px;
    }
    
    .table_price table tr td:first-child{
        padding-left: 10px;
    }
    
    .table_price{
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .table_price table thead tr td{
        font-size: 12px;
    }
    
    .table_price table tbody tr td{
        font-size: 12px;
    }
    
    .table_price table tr td:last-child,
    .table_price table tr td:nth-child(3){
        width: 60px;
    }
    
    .recourse .right{
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    
    .recourse .inner{
        padding: 25px 15px;
    }
    
    .our_partners .item{
        width: 33.3%;
    }
    
    .personal .item{
        width: 33.3%;
    }

}

@media only screen and (max-width : 600px){

    .style-switcher {
        display: none;
    }

    .divide .items{
        margin: 0;
    }
    
    .divide .item{
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }
    
    .divide .item .right p{
        margin-top: 5px;
    }
    
    .partners ul li {
        width: 42%;
    }
    
    .partners ul li:last-child,
    .partners ul li:nth-child(3),
    .partners ul li:nth-child(4){
        display: none;
    }
    .show_more{
        margin-bottom: 28px;
    }
    
    .our_partners .item{
        width: 50%;
    }
    
    .personal .item{
        width: 50%;
    }

    .services .item .photo{
        width: 30%;
        height: 100%;
    }
    .services .item .right {
        margin-left: 32%;
    }


}


@media only screen and (max-width : 599px) {
    .compilation .goods_tile .item{
        
    }
    
    .compilation .goods_tile .items{
        margin: 0;
    }
    
    .compilation .goods_tile .item{
        margin-bottom: 65px;
        width: 100%;
    }
    
    .good .left_col{
        width: 100%;
        float: none;
        border-bottom: 1px solid #e8e8e8;
        border-right: 0;
        padding-bottom: 20px;
    }
    
    .good .right_col{
        width: 100%;
        float: none;
    }
    
    .good .action{
        padding: 15px;
    }
    
    .tabs_good .tabs_caption li{
        width: 93px;
        font-size: 11.5px;
        margin-right: 0;
        height: 40px;
        line-height: 40px;
    }
    
    .catalog_goods{
        margin-left: 0;
        margin-right: 0;
    }
    
    .catalog_goods .item{
        width: 100%;
        float: none;
        padding: 0;
    }
    
    .catalog_goods .item .top {
        min-height: 0px;
    }
    
    .catalog_goods .item .bottom{
        min-height: 0;
    }
    
    .catalog_goods{
        margin-bottom: 30px;
    }
    
    .sorting .left{
        display: block;
        margin-bottom: 15px;
    }
    
    .sorting .right{
        display: block;
        float: none;
    }
    
    .pag li:nth-child(4),
    .pag li:nth-child(5),
    .pag li:nth-child(6){
        display: none;
    }
    
    .goods_table .item {
        height: 190px;
    }
    
    .goods_table .item .bottom{
        width: 50%;
        top: auto;
        bottom: 0px;
        right: 0px;
        height: auto;
        border: none;
    }
    
    .goods_table .item .price{
        width: 50%;
        top: auto;
        bottom: 0px;
        left: 0px;
        height: auto;
    }
    
    .filial_item{
        height: auto;
        width: 100%;
        float: none;
    }
    
    .filial_item .left{
        width: 100%;
        float: none;
    }
    
    .filial_item .right{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        float: none;
        text-align: left;
    }
    
    .filial_item .name p{
        font-size: 14px;
    }
    
    .filial_item ul li{
        font-size: 14px;
    }
    
    .contacts .col{
        display: block;
    }
    
    .contacts .col_1{
        width: 100%;
        padding-right: 0;
    }
    
    .contacts .col_2{
        width: 100%;
        border: none;
        padding-left: 0;
    }
    
    .contacts p{
        margin-bottom: 23px;
    }
    
    .contacts ul li{
        padding-left: 40px;
    }
    
    .contacts_map{
        height: 380px;
    }
    
    .error404{
        background-size: 280px;
        background-position: center top;
    }
    
    .error404{
        padding-top: 219px;
        padding-bottom: 30px;
        text-align: center;
    }

	div#total_price {
	    bottom: 0px;
    	top: auto;
    	right: auto;
    	left: 0;
    	width: 100%;
	}


}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    .slider .title_slider {
        font-size: 21px;
        line-height: 29px;
    }

    .blog .item {
        width: 100%;
    }

    .blog .items {
        padding-top: 15px;
    }

    .slider .inner {
        height: 250px;
    }

    .slider .bx-controls.bx-has-pager.bx-has-controls-direction {
        display: none;
    }

    .slider .btn {
        padding: 0px 10px;
        font-size: 12px;
    }

    .advantages .item .title{
        max-width: 84px;
    }
    
    .advantages .item .icon{
        font-size: 26px;
    }
    
    .advantages .item > div {
        height: 68px;
    }

	.services .all_container {
	    float: right;
	    display: none;
	}
    
    .title_block{
        margin-bottom: 25px;
        font-size: 24px;
    }
    
    .services .item .photo{
        width: 100%;
        height: 100%;
    }
    
    .services .item .right {
        width: 100%;
    	margin-left: 0px;
    	display: inline-block;
    }
    
    .consultation {
        padding: 22px;
        border: none;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .consultation span{
        font-size: 24px;
        line-height: 32px;
    }
    
    .divide .item .icon{
        width: 98px;
        height: 98px;
    }
    
    .divide .item .right{
        padding-top: 0px;
        margin-left: 110px;
    }
    
    .content .inner{
        padding-bottom: 30px;
    }
    
    .compilation .tabs_caption li{
        margin-left: 8px;
        font-size: 15px;
    }

	.news_top .btn {
	    width: 135px;
	    height: 40px;
	    float: unset;
	    margin-top: 10px;
	}
    
    .partners ul li {
        width: 100%;
    }
    
    .partners ul li:nth-child(2){
        display: none;
    }
    
    .characteristics .significance{
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    
    .characteristics ul li{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    
    .characteristics ul li:last-child{
        margin-bottom: 0;
        border: 0;
    }
    
    .characteristics .dotted{
        width: 100%;
    }
    
    .goods_tile{
        margin-left: 0;
        margin-right: 0;
    }

	.detail_item .item {
	    width: 100%;
	}

    .main .goods_tile .item{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .select{
        font-size: 11px;
    }
    
    .goods_list .item > div{
        padding-right: 15px;
        padding-bottom: 70px;
    }
    
    .goods_list .item .description{
        padding-bottom: 18px;
    }
    
    .goods_list .item .price{
        width: 50%;
        border-left: 0;
        border-bottom: 0;
        display: inline-block;
        vertical-align: top;
        border-top: 1px solid #e8e8e8;
        top: auto;
        bottom: 0px;
        right: auto;
        left: 0px;
        height: auto;
    }
    
    .goods_list .item .bottom{
        width: 50%;
        display: inline-block;
        vertical-align: top;
        border-top: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
        top: auto;
        bottom: 0px;
        right: 0;
    }
    
    .goods_list .item .shild.right{
        bottom: 100px;
    }
    
    .goods_list .item .photo{
        width: 100px;
    }
    
    .goods_list .item .description {
        margin-left: 110px;
    }
    
    .goods .item .specification{
        font-size: 11px;
    }
    
    /****************************/
    .our_services .item .photo, .works .item .photo, .papers .item .photo, .news_list .item .photo {
	    width: auto;
	    height: auto;
	    float: unset;
	    text-align: center;
	}
    
    .our_services .item .right,
    .works .item .right,
    .papers .item .right,
    .news_list .item .right{
            margin-left: 0px;
    }
    
    .our_services .item p,
    .works .item p,
    .papers .item p,
    .news_list .item p{
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
    
    .our_services .item h2,
    .works .item h2,
    .papers .item h2,
    .news_list .item h2{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    
    .detail_callback .form ul{
        text-align: center;
    }
    
    .detail_callback .form ul li,
    .detail_callback .form ul li:nth-child(3){
        padding: 0px;
        width: 100%;
        margin-top: 20px;
    }
    
    .detail_callback h2{
        margin-bottom: 0;
    }
    
    .detail_callback{
        padding: 20px 15px;
    }
    
    .slider_detail h2{
        margin-bottom: 75px;
    }
    
    .reviews_clients .human .right{
        margin-left: 45px;
    }
    
    .gallery .photo{
        height: 77px;
    }
    
    .breadcrumbs{
        margin-bottom: 14px;
    }
    
    .breadcrumbs li{
        margin-bottom: 8px;
    }
    
    .detail .characteristics{
        margin-bottom: 30px;
    }
    
    .related h2{
        margin-bottom: 85px;
    }
    
    .related .inner{
        padding-top: 35px;
    }
    
    .related .inner{
        padding-bottom: 0;
    }
    
    .why ul li{
        width: 100%;
        margin-bottom: 45px;
    }
    
    .progress ul li{
        width: 48%;
    }
    
    .recourse span{
        font-size: 24px;
    }
    
    .recourse p{
        margin-left: 10px;
        padding-left: 10px;
        font-size: 12px;
    }
    
    .recourse p:before{
        width: 5px;
    }
    
    .error404{
        text-align: center;
    }
    
    .error404 h2{
        margin-bottom: 20px;
    }
    
    .error404 > span{
        width: auto;
    }
    
    .detail .pic span {
        font-size: 16px;
        line-height: 24px;
    }
    
    .our_partners .item{
        width: 100%;
    }
    
    .personal .item{
        width: 100%;
    }
    
    .popup{
        width: 100%;
        max-width: none;
        min-width: 0;
    }
    
    .affix,
    .affixed{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .popup .send{
        width: 100%;
        float: none;
    }
    
    .popup h2{
        padding-left: 15px;
        padding-bottom: 15px;
        font-size: 22px;
    }
}

@media (max-width: 395px){
.form.popup {
    padding: 24px 120px 20px !important;
}
.pull-right {
    float: none;
    text-align: center;
    padding-top: 30px;
}
.form .send {
    float: none;
}
}

@media only screen and (max-width : 380px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* End */


/* Start:/bitrix/templates/prorab/themes/CUSTOM_s1/colors.css?17920510334838*/
.color {
  background-color: #292724;
}
.color_text {
  color: #292724;
}
.btn:hover {
  background: #3f3c37;
}
.btn_white:hover {
  color: white !important;
  background: #3f3c37;
}
.btn-default.white:hover {
  background: #3f3c37;
}
.nav li li:hover > a {
  background: #292724;
}
.nav > li:hover > a,
.nav > li > a.active,
.pag li a:hover {
  border-color: #292724;
}
.advantages .item > div {
  border: 1px solid #292724;
}
.advantages .item .icon,
.reviews_clients .human .quote,
.our_partners .item ul li .fa,
.our_partners .item ul li a,
.personal .item ul li .fa,
.accardion_item .top p span,
.accardion_item .top .arrow,
.accardion_item.active .top .title,
.filial_item .name span .fa,
.filial_item ul li .fa,
.news_list li.point,
.news_list ul li.point a,
.date_news li.point,
.date_news li.point a,
.error404 span a,
.error404 h2 span,
.contacts ul li .fa,
.thank p .fa,
.toggleMenu .fa {
  color: #292724;
}
.title_block:before,
.list li:before,
.detail_text li:before,
.owl-dot.active,
.slider .bx-wrapper .bx-prev:hover,
.slider .bx-wrapper .bx-next:hover,
.detail .bx-wrapper .bx-prev:hover,
.detail .bx-wrapper .bx-next:hover,
.zoom,
.header .logo.color_logo img,
.recourse p:before,
.table_price table thead tr td {
  background-color: #292724;
}
.consultation {
  border-left: 4px solid #292724;
}
.compilation .tabs_caption li:hover,
.compilation .tabs_caption li.active {
  color: #292724;
  border-color: #292724;
}
.footer .social a:hover {
  background-color: #292724;
}
.content .menu li .open .fa {
  color: #292724;
}
.catalog_goods .item ul li a span {
  color: #292724;
}
.filter .toddler .fill {
  background-color: #292724;
}
.select .arrow .fa,
.pag li a .fa,
.tabs_good .tabs_caption li.active,
.docs .item a:hover,
.projects .item .right a:hover {
  color: #292724;
}
.select .select_list li.active {
  background: #292724;
}
.custom_checkbox:hover > span,
.custom_checkbox > input[type="checkbox"]:checked + span {
  background-color: #292724;
  border-color: #292724;
}
.custom_radio:hover > span {
  background: #292724;
  border: 3px solid #292724;
}
.custom_radio > input[type="radio"]:checked + span {
  border: 3px solid #292724;
  background: #fff;
}
.catalog_items_view li {
  color: #292724;
}
.catalog_items_view li.active,
.pag li a.active {
  background: #292724;
  border-color: #292724;
}
.btn_board {
  border: 1px solid #292724;
}
.owl-controls .owl-prev {
  background-image: url(/bitrix/templates/prorab/themes/1/img/pre.png);
}
.owl-controls .owl-next {
  background-image: url(/bitrix/templates/prorab/themes/1/img/next.png);
}
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  border-color: #292724;
}
.footer .logo span,
.divide .item .right a,
.header .callback,
.form label span {
  color: #292724;
}
.content .menu li.active {
  background: #292724;
}
.content .menu .dropdown li.active:hover {
  background: #292724;
}
.bx-filter .bx-ui-slider-pricebar-v {
  z-index: 80;
  background: #292724;
  margin-left: 18px;
  margin-right: 18px;
}
.detail .text a {
  color: #292724;
}
.detail .text a:hover {
  color: #3f3c37;
}
.text.rew {
  border-bottom: 2px solid #292724;
  margin-bottom: 15px;
}
.uploader {
  border: 1px solid #292724;
  padding: 5px;
  border-radius: 0;
  height: 40px;
  position: relative;
}
.uploader .action {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #292724;
  border-bottom: 1px solid #292724;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 15px;
  margin-right: 10px;
}
.uploader.hover .action {
  background: #fff;
  color: #292724;
  border: 1px solid #292724;
}
.container.clearfix.COLOR_menu {
  background: #292724;
}
.container.clearfix.COLOR_menu>ul>li>a {
  color: #fff;
}
.container.clearfix.COLOR_menu>ul>li>a>i {
  color: #fff;
}
.container.clearfix.COLOR_menu .toggleMenu {
  color: #fff;
}
.container.clearfix.COLOR_menu .toggleMenu i {
  color: #fff;
}
.btn-default.white {
  color: #292724 !important;
  border: 1px solid #292724;
  background: #ffffff;
}
blockquote {
  border-left: 4px solid #292724;
  padding-left: 15px;
}
.progress ul li span {
  color: #292724;
}
a {
  color: #292724;
}
a:hover,
a.color_text:hover {
  color: #3f3c37;
}
.footer .links li a:hover {
  color: #292724;
}
.catalog_goods .item .title {
  color: #292724;
}
.good .description .articul span {
  color: #292724;
}
.filter .toddler .point {
  border: 3px solid #292724;
}
table.title-search-result td.title-search-item b {
  color: #292724;
}
.content .menu > li > a:hover {
  color: #292724;
}
.sidebar_news .item a:hover {
  color: #3f3c37;
}
.sidebar_news .item:hover {
  border-left: 2px solid #292724;
}
.recourse .btn:hover {
  background: #3f3c37;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .header .container {
    background-color: #292724;
  }
}

/* End */


/* Start:/bitrix/templates/prorab/css/custom.css?179213996528900*/
/*Custom Style*/

.dk__text{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: #1E1C19;
}

.nav a{
    color: #292724!important;
    font-family: "Manrope", sans-serif;
}

.nav > li:first-of-type{
    margin-left: 0px!important;
}

@media (min-width: 1100px) {
    .header .logo{
        margin-left: 0px!important;
    }
}

.dk_catalog{
    padding: 0px!important;
}

.services .more{
    color: #1E1C19;
    font-weight:400;
}

/*  дист   */

/* Первый экран — Рама Пилорама */
.lumber-hero {
    --lh-accent: #bd6c36;
    --lh-accent-dark: #995126;
    --lh-text: #202a26;
    --lh-muted: #66716b;
    --lh-border: #e7e9e4;

    position: relative;
    overflow: hidden;
    padding: 64px 24px 30px;
    background:
            radial-gradient(ellipse at 85% 15%,
            rgba(222, 198, 165, .22), transparent 40%),
            #f8f8f5;
    color: var(--lh-text);
    font-family: inherit;
    margin-bottom: 64px;
}

.lumber-hero *,
.lumber-hero *::before,
.lumber-hero *::after {
    box-sizing: border-box;
}

.lumber-hero__container2 {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr ;
    column-gap: 54px;
    row-gap: 42px;
    align-items: center;
}
.lumber-hero__block{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.lumber-hero__container2 ul {
    padding-left: 32px!important;
}
.lumber-hero__container {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    column-gap: 54px;
    row-gap: 42px;
    align-items: center;
}

.lumber-hero__content {
    min-width: 0;
}

.lumber-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: var(--lh-accent-dark);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.6px;
    line-height: 1.5;
}

.lumber-hero h1 {
    margin: 0 0 22px;
    color: var(--lh-text);
    font-size: clamp(32px, 3.3vw, 49px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -1.7px;
}

.lumber-hero h1 span {
    color: var(--lh-accent-dark);
}

.lumber-hero__description {
    max-width: 570px;
    margin: 0 0 20px;
    color: var(--lh-muted);
    font-size: 16px;
    line-height: 1.8;
}

.lumber-hero__vat {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
    font-size: 14px;
    font-weight: 650;
}

.lumber-hero__vat-icon {
    display: inline-flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e4eee4;
    color: #387348;
    font-size: 14px;
}

.lumber-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.lumber-hero__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 20px;
    border: 1px solid transparent;
    border-radius: 9px;
    text-align: center;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    transition: background .2s, color .2s,
    border-color .2s, transform .2s;
}

.lumber-hero__button:hover {
    transform: translateY(-2px);
}

.lumber-hero__button--primary {
    background: var(--lh-accent);
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(189, 108, 54, .19);
}

.lumber-hero__button--primary:hover {
    background: var(--lh-accent-dark);
}

.lumber-hero__button--secondary {
    background: #fff;
    border-color: #dedfd9;
    color: var(--lh-text) !important;
}

.lumber-hero__button--secondary:hover {
    border-color: var(--lh-accent);
    color: var(--lh-accent-dark) !important;
}

.lumber-hero__button svg {
    width: 19px;
    height: 19px;
    flex-shrink: 0;
}

.lumber-hero__visual {
    position: relative;
    min-width: 0;
    height: 440px;
    overflow: hidden;
    border-radius: 18px;
    background: #e7dfd2;
    box-shadow: 0 18px 45px rgba(48, 41, 31, .10);
}

.lumber-hero__visual::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    pointer-events: none;
    background: linear-gradient(
            to bottom, transparent, rgba(20, 24, 19, .28)
    );
}

.lumber-hero__visual > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lumber-hero__visual-label {
    position: absolute;
    z-index: 1;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.lumber-hero__visual-dot {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #55935d;
    box-shadow: 0 0 0 4px #e6f1e5;
}

.lumber-hero__visual-label strong,
.lumber-hero__visual-label small {
    display: block;
}

.lumber-hero__visual-label strong {
    margin-bottom: 4px;
    font-size: 14px;
}

.lumber-hero__visual-label small {
    color: var(--lh-muted);
    font-size: 12px;
}

.lumber-hero__trust {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 26px;
    border-top: 1px solid var(--lh-border);
}

.lumber-hero__trust-item {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 4px 20px;
    border-right: 1px solid var(--lh-border);
}

.lumber-hero__trust-item:first-child {
    padding-left: 0;
}

.lumber-hero__trust-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.lumber-hero__trust-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f0e5d9;
    color: var(--lh-accent-dark);
    font-size: 17px;
    font-weight: 750;
}

.lumber-hero__trust-item strong,
.lumber-hero__trust-item small {
    display: block;
}

.lumber-hero__trust-item strong {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.45;
}

.lumber-hero__trust-item small {
    color: var(--lh-muted);
    font-size: 12px;
    line-height: 1.4;
}

/* Планшеты */
@media (max-width: 1000px) {
    .lumber-hero {
        padding: 48px 22px 26px;
    }

    .lumber-hero__container {
        column-gap: 28px;
        row-gap: 34px;
    }

    .lumber-hero__visual {
        height: 380px;
    }

    .lumber-hero__trust-item {
        padding: 4px 12px;
        gap: 9px;
    }

    .lumber-hero__trust-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
}

/* Мобильные устройства */
@media (max-width: 700px) {
    .lumber-hero {
        padding: 34px 16px 24px;
    }

    .lumber-hero__container {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 26px;
    }

    .lumber-hero__eyebrow {
        margin-bottom: 17px;
        font-size: 10px;
        letter-spacing: 1.1px;
    }

    .lumber-hero h1 {
        margin-bottom: 17px;
        font-size: clamp(30px, 7.5vw, 40px);
        line-height: 1.15;
        letter-spacing: -1px;
    }

    .lumber-hero__description {
        font-size: 15px;
        line-height: 1.7;
    }

    .lumber-hero__vat {
        align-items: flex-start;
        font-size: 13px;
        line-height: 1.6;
    }

    .lumber-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .lumber-hero__button {
        width: 100%;
        min-height: 52px;
    }

    .lumber-hero__visual {
        height: clamp(230px, 65vw, 340px);
        border-radius: 14px;
    }

    .lumber-hero__visual-label {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 12px;
    }

    .lumber-hero__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
        padding-top: 22px;
    }

    .lumber-hero__trust-item {
        padding: 0 8px;
        border-right: 0;
        gap: 10px;
    }

    .lumber-hero__trust-item:first-child {
        padding-left: 0;
    }

    .lumber-hero__trust-item:nth-child(odd) {
        padding-left: 0;
    }

    .lumber-hero__trust-item:nth-child(even) {
        padding-right: 0;
    }

    .lumber-hero__trust-item strong {
        font-size: 12px;
    }

    .lumber-hero__trust-item small {
        font-size: 11px;
    }

    .lumber-hero__trust-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lumber-hero__button {
        transition: none;
    }
}

.dk_distribution{
    width: 100%!important;
    padding-left: 0!important;
}

.dk_distribution .breadcrumbs{
    display: none;
}
.dk_distribution  .title_block {
    display: none;
}
/*  дист   */


.dk-header__mobile{
    display: none;
}
.nav li li:hover > a{
    color: white!important;
}

.dk-header__logo-link{
    color: white;
    font-size: 28px;
    font-weight: bold;
    font-family: "Manrope", sans-serif;
}

.header .left .container.clearfix>ul>li>a{
    font-size: 16px;
}

.consultation{
    margin-left: 4px;
}

.dk_contacts{
    width: 100%!important;
    padding-left: 0px!important;
    display: grid;
}
.dk_cart{
    width: 100%!important;
    padding-left: 0px!important;
    display: grid;
    justify-content: start;
}
.dk_services{
    width: 100%!important;
    padding-left: 0px!important;
    display: grid;
}

.gallery .items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
}

.gallery .clearfix:before,.gallery .clearfix:after{
    display: none;
}
@media (max-width: 768px) {

    .gallery .items{
        grid-template-columns: 1fr 1fr;
    }
    .toggleMenu svg{
        color: white;
        fill: white;
    }
    .toggleMenu span{
        display: none!important;
    }
    .search_mob{
        display: none;
    }
    .clearfix:before, .clearfix:after{
        display: none;
    }
    .LIGHT_menu{
        display: grid!important;
        grid-template-columns: 1fr 50px;
        grid-gap: 16px;
    }
    .header .logo {
        display: none!important;
    }
    .dk-header__mobile{
        display: grid;
        align-content: center;
    }
    .dk-header__mobile{
        display: grid;
        grid-template-columns: 1fr 50px;
        justify-content: space-between;
    }
}





       /* ========================================
          MATERIAL DESIGN TABLE
          Акцентный цвет: #31513A
       ======================================== */

   :root {
       --table-primary: #31513A;
       --table-primary-hover: #263F2D;
       --table-primary-light: #EEF3EF;
       --table-border: #E3E8E4;
       --table-text: #26332A;
       --table-muted: #68756B;
       --table-background: #FFFFFF;
       --table-radius: 12px;
       --table-shadow: 0 2px 12px rgba(31, 48, 35, 0.07);
   }

/* Обёртка таблицы */
.material-table-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
    overflow-x: auto;
    background: var(--table-background);
    border: 1px solid var(--table-border);
    border-radius: var(--table-radius);
    box-shadow: var(--table-shadow);
    -webkit-overflow-scrolling: touch;
}

/* Таблица */
.material-table {
    width: 100%;
    min-width: 600px;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--table-text);
    background: var(--table-background);
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
}

/* Заголовки */
.material-table thead th {
    padding: 16px 20px;
    background: var(--table-primary);
    color: #FFFFFF;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    border: none;
    white-space: nowrap;
}

/* Скругление верхних углов */
.material-table thead th:first-child {
    border-top-left-radius: 11px;
}

.material-table thead th:last-child {
    border-top-right-radius: 11px;
}

/* Ячейки */
.material-table tbody td {
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid var(--table-border);
    text-align: left;
    vertical-align: middle;
    transition: background-color 0.2s ease;
}

/* Чередование строк */
.material-table tbody tr:nth-child(even) {
    background: #F8FAF8;
}

/* Подсветка при наведении */
.material-table tbody tr:hover td {
    background: var(--table-primary-light);
}

/* Последняя строка */
.material-table tbody tr:last-child td {
    border-bottom: none;
}

/* Первый столбец */
.material-table tbody td:first-child {
    font-weight: 500;
}

/* Ссылки */
.material-table a {
    color: var(--table-primary);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.material-table a:hover {
    color: var(--table-primary-hover);
    text-decoration: underline;
}

/* Выделенная цена */
.material-table .table-price {
    color: var(--table-primary);
    font-weight: 700;
    white-space: nowrap;
}

/* Кнопки внутри таблицы */
.material-table .table-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background: var(--table-primary);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.material-table .table-button:hover {
    background: var(--table-primary-hover);
    color: #FFFFFF;
    box-shadow: 0 3px 8px rgba(49, 81, 58, 0.2);
    text-decoration: none;
}

/* Выравнивание */
.material-table .text-center {
    text-align: center;
}

.material-table .text-right {
    text-align: right;
}

/* Подвал таблицы */
.material-table tfoot td {
    padding: 15px 20px;
    background: var(--table-primary-light);
    color: var(--table-text);
    font-weight: 600;
    border-top: 1px solid var(--table-border);
}

/* ========================================
   АДАПТИВНОСТЬ
======================================== */

@media (max-width: 768px) {
    .material-table-wrapper {
        margin: 18px 0;
        border-radius: 10px;
    }

    .material-table {
        min-width: 540px;
        font-size: 14px;
    }

    .material-table thead th {
        padding: 13px 14px;
        font-size: 12px;
    }

    .material-table tbody td {
        padding: 12px 14px;
    }

    .material-table tfoot td {
        padding: 12px 14px;
    }
}

@media (max-width: 480px) {
    .material-table {
        min-width: 480px;
        font-size: 13px;
    }

    .material-table thead th {
        padding: 11px 12px;
    }

    .material-table tbody td {
        padding: 11px 12px;
    }
}

/* Уважение системной настройки анимации */
@media (prefers-reduced-motion: reduce) {
    .material-table tbody td,
    .material-table a,
    .material-table .table-button {
        transition: none;
    }
}



       /* =====================================
          CONTACTS — MATERIAL DESIGN
          RAMA PILORAMA
       ===================================== */

   .contacts-page {
       --contacts-green: #31513A;
       --contacts-green-dark: #263F2D;
       --contacts-green-light: #EEF3EF;
       --contacts-text: #26332A;
       --contacts-muted: #6B786F;
       --contacts-border: #E1E8E2;
       --contacts-white: #FFFFFF;

       width: 100%;
       color: var(--contacts-text);
       font-family: inherit;
       font-size: 16px;
       line-height: 1.65;
       box-sizing: border-box;
   }

.contacts-page *,
.contacts-page *::before,
.contacts-page *::after {
    box-sizing: border-box;
}

.contacts-page a {
    color: var(--contacts-green);
    text-decoration: none;
    transition: color .2s ease;
}

.contacts-page a:hover {
    color: var(--contacts-green-dark);
}

/* Хлебные крошки */

.contacts-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: var(--contacts-muted);
    font-size: 14px;
}

.contacts-breadcrumbs span:last-child {
    color: var(--contacts-green);
}

/* Первый экран */

.contacts-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 34px 36px;
    border-radius: 18px;
    background:
            radial-gradient(
                    circle at 95% 10%,
                    rgba(49, 81, 58, .12),
                    transparent 34%
            ),
            linear-gradient(135deg, #F8FAF8, #EEF3EF);
}

.contacts-hero-content {
    position: relative;
    z-index: 1;
    max-width: 780px;
}

.contacts-overline {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--contacts-green);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.contacts-hero h1 {
    margin: 0 0 12px;
    color: var(--contacts-green);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.2;
}

.contacts-title-line {
    width: 54px;
    height: 3px;
    margin-bottom: 20px;
    border-radius: 3px;
    background: var(--contacts-green);
}

.contacts-hero p {
    max-width: 740px;
    margin: 0 0 12px;
    color: #526157;
    font-size: 16px;
}

.contacts-hero p:last-child {
    margin-bottom: 0;
}

/* Карточки контактов */

.contacts-info {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 2fr;
    gap: 18px;
    margin-bottom: 28px;
}

.contacts-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-width: 0;
    padding: 24px 20px;
    border: 1px solid var(--contacts-border);
    border-radius: 14px;
    background: var(--contacts-white);
    box-shadow: 0 3px 12px rgba(38, 63, 45, .04);
    transition:
            transform .2s ease,
            box-shadow .2s ease,
            border-color .2s ease;
}

.contacts-card:hover {
    transform: translateY(-3px);
    border-color: rgba(49, 81, 58, .3);
    box-shadow: 0 8px 22px rgba(38, 63, 45, .09);
}

.contacts-icon {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--contacts-green);
    color: #FFFFFF;
}

.contacts-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contacts-card h3 {
    margin: 1px 0 7px;
    color: var(--contacts-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.contacts-card p {
    margin: 0;
    color: var(--contacts-muted);
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.contacts-card p a {
    overflow-wrap: anywhere;
}

/* Карта + форма */

.contacts-main {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 28px;
}

.contacts-map {
    position: relative;
    min-width: 0;
    min-height: 440px;
    overflow: hidden;
    border: 1px solid var(--contacts-border);
    border-radius: 16px;
    background: var(--contacts-green-light);
}

.contacts-map iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.contacts-form-card {
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--contacts-border);
    border-radius: 16px;
    background: var(--contacts-white);
    box-shadow: 0 3px 14px rgba(38, 63, 45, .04);
}

.contacts-form-card .contacts-title-line {
    margin-bottom: 12px;
}

.contacts-form-card h2 {
    margin: 0 0 8px;
    color: var(--contacts-text);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.contacts-form-description {
    margin: 0 0 22px;
    color: var(--contacts-muted);
    font-size: 14px;
}

/* Поля формы */

.contacts-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contacts-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.contacts-form input:not([type="checkbox"]),
.contacts-form textarea {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 13px 15px;
    border: 1px solid #DCE4DE;
    border-radius: 9px;
    outline: none;
    background: #FFFFFF;
    color: var(--contacts-text);
    font: inherit;
    font-size: 14px;
    transition:
            border-color .2s ease,
            box-shadow .2s ease;
}

.contacts-form input:not([type="checkbox"]) {
    min-height: 48px;
}

.contacts-form textarea {
    min-height: 130px;
    resize: vertical;
}

.contacts-form input::placeholder,
.contacts-form textarea::placeholder {
    color: #89958C;
    opacity: 1;
}

.contacts-form input:not([type="checkbox"]):focus,
.contacts-form textarea:focus {
    border-color: var(--contacts-green);
    box-shadow: 0 0 0 3px rgba(49, 81, 58, .1);
}

/* Согласие */

.contacts-consent {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--contacts-muted);
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

.contacts-consent input {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    accent-color: var(--contacts-green);
}

/* Кнопка */

.contacts-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 12px 20px;
    border: 0;
    border-radius: 9px;
    background: var(--contacts-green);
    color: #FFFFFF;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition:
            background .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
}

.contacts-form button span {
    font-size: 20px;
    line-height: 1;
}

.contacts-form button:hover {
    transform: translateY(-1px);
    background: var(--contacts-green-dark);
    box-shadow: 0 5px 14px rgba(49, 81, 58, .2);
}

.contacts-form button:focus-visible {
    outline: 3px solid rgba(49, 81, 58, .3);
    outline-offset: 3px;
}

/* Нижний блок преимуществ */

.contacts-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 24px 10px;
    border: 1px solid #E5ECE6;
    border-radius: 16px;
    background: #F4F7F4;
}

.contacts-benefits > div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 4px 22px;
    border-right: 1px solid #D8E2DA;
}

.contacts-benefits > div:last-child {
    border-right: 0;
}

.contacts-benefits strong {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(49, 81, 58, .2);
    border-radius: 12px;
    color: var(--contacts-green);
    font-size: 14px;
    font-weight: 700;
}

.contacts-benefits span {
    color: #526157;
    font-size: 13px;
    line-height: 1.6;
}

/* =====================================
   АДАПТИВНОСТЬ
===================================== */

@media (max-width: 1100px) {
    .contacts-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contacts-main {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .contacts-card {
        padding: 20px 16px;
    }

    .contacts-benefits > div {
        padding: 8px 14px;
    }
}

@media (max-width: 768px) {
    .contacts-hero {
        padding: 26px 22px;
        border-radius: 14px;
    }

    .contacts-hero p {
        font-size: 15px;
    }

    .contacts-info {
        gap: 12px;
    }

    .contacts-card {
        gap: 12px;
        padding: 17px 13px;
    }

    .contacts-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .contacts-icon svg {
        width: 20px;
        height: 20px;
    }

    .contacts-card h3 {
        font-size: 15px;
    }

    .contacts-card p {
        font-size: 13px;
    }

    .contacts-main {
        grid-template-columns: 1fr;
    }

    .contacts-map {
        min-height: 340px;
    }

    .contacts-form-card {
        padding: 24px 20px;
    }

    .contacts-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 12px;
    }

    .contacts-benefits > div {
        padding: 14px 10px;
        border-right: 0;
    }

    .contacts-benefits > div:nth-child(odd) {
        border-right: 1px solid #D8E2DA;
    }

    .contacts-benefits > div:nth-child(-n+2) {
        border-bottom: 1px solid #D8E2DA;
    }
}

@media (max-width: 480px) {
    .contacts-breadcrumbs {
        margin-bottom: 16px;
        font-size: 13px;
    }

    .contacts-hero {
        margin-bottom: 20px;
        padding: 23px 18px;
    }

    .contacts-hero h1 {
        font-size: 30px;
    }

    .contacts-hero p {
        font-size: 14px;
        line-height: 1.7;
    }

    .contacts-info {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }

    .contacts-card {
        align-items: center;
        padding: 16px;
    }

    .contacts-card h3 {
        margin-bottom: 4px;
    }

    .contacts-main {
        margin-bottom: 20px;
    }

    .contacts-map {
        min-height: 280px;
        border-radius: 12px;
    }

    .contacts-form-card {
        padding: 22px 16px;
        border-radius: 12px;
    }

    .contacts-form-card h2 {
        font-size: 23px;
    }

    .contacts-form-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contacts-benefits {
        grid-template-columns: 1fr;
    }

    .contacts-benefits > div,
    .contacts-benefits > div:nth-child(odd) {
        padding: 13px 8px;
        border-right: 0;
        border-bottom: 1px solid #D8E2DA;
    }

    .contacts-benefits > div:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contacts-page *,
    .contacts-page *::before,
    .contacts-page *::after {
        transition: none !important;
    }
}


.title-search-input{
    border: 1px solid #31513A;
}

.sticky .toggleMenu span{
    display: grid;
    align-self: center;
}
.sticky .toggleMenu{
    display: grid!important;
    align-content: center;
    grid-template-columns:  32px 1fr;
    grid-gap: 8px;
}


.dk-cart {
    position: relative;
    display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #31513A;
    text-decoration: none;
    border-radius: 50%;
    transition: background .2s, color .2s;
    vertical-align: middle;
    float: left;
    padding-top: 10px;
}

.dk-cart:hover {
    background: #e8eee9;
    color: #203b28;
}

.dk-cart__icon {
    display: block;
}

.dk-cart__count {
    position: absolute;
    top: 0;
    right: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 20px;
    background: #31513A;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

.dk-cart__count:empty {
    display: none;
}
/* End */
/* /bitrix/templates/prorab/css/owl.carousel.css?17894531914614 */
/* /bitrix/templates/prorab/css/font-awesome.css?178945319135134 */
/* /bitrix/templates/prorab/libs/fancybox/jquery.fancybox.css?17894531915119 */
/* /bitrix/templates/prorab/css/reset.css?17894531911753 */
/* /local/assets/cart.css?17921328812271 */
/* /bitrix/templates/prorab/components/bitrix/search.title/corporation_mobile/style.css?17894531912108 */
/* /bitrix/templates/prorab/components/bitrix/search.title/corporation/style.css?17894531912108 */
/* /bitrix/templates/prorab/components/bitrix/breadcrumb/template/style.min.css?1789453191467 */
/* /bitrix/templates/prorab/components/bitrix/menu/footer/style.min.css?1789453191490 */
/* /bitrix/templates/prorab/template_styles.css?179213873884244 */
/* /bitrix/templates/prorab/css/media.css?178945319133843 */
/* /bitrix/templates/prorab/themes/CUSTOM_s1/colors.css?17920510334838 */
/* /bitrix/templates/prorab/css/custom.css?179213996528900 */