/* Start:/bitrix/templates/all_sites/css/reset.css?17587503874821*/
/* CSS DOCUMENT (RESET.CSS) */

/*
	HTML5 Reset :: style.css
	
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

*/

/* Let's default this puppy out */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/

img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */

html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select,
input,
textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td,
td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
  margin: 0;
}

/* make buttons play nice in IE */

button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */

.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/*h1 {
  color: green !important;
}*/
/* End */


/* Start:/bitrix/templates/all_sites/fancybox/jquery.fancybox.min.css?176027137919518*/
body.compensate-for-scrollbar {
  overflow: hidden
}

/* height: auto; заменён на height: 100%; в связи с некорректной работой при открытии фото (съезжает вниз весь сайт) */

.fancybox-active {
  /*height: auto;*/
  height: 100%;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
  transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .7;
  -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-toolbar {
  right: 0;
  top: 0
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /*padding: 44px;*/
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}

.fancybox-slide--image:before {
  display: none
}

.fancybox-slide--html {
  padding: 6px
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  box-shadow: 0 0 1ex .1ex rgba(0, 0, 0, 0.7);
}

/* затемнение модального окна при показе фоток */

/*.fancybox-content:has(.fancybox-image) {
  border: 100px solid rgba(0, 0, 0, 0.7);
  outline: 3000px solid rgba(0, 0, 0, 0.7);
}*/

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox-container [data-selectable=true] {
  cursor: text
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}

.fancybox-slide--video .fancybox-content {
  background: #000
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff
}

.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.fancybox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc
}

.fancybox-button:hover {
  color: #fff
}

.fancybox-button:focus {
  outline: none
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none
}

.fancybox-button div {
  height: 100%
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 99998
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}

.fancybox-navigation .fancybox-button div {
  padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}

.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
  background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}

@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
  }
}

.fancybox-caption--separate {
  margin-top: -50px
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}

.fancybox-loading {
  -webkit-animation: a 1s linear infinite;
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}

@-webkit-keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
  transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(.5, .5, .5);
  transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-1turn);
  transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px
  }

  .fancybox-slide--image {
    padding: 6px 0
  }

  .fancybox-close-small {
    right: -6px
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px
  }

  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right))
    }
  }
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
  opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1
}

@media (max-width:576px) {
  .fancybox-thumbs {
    width: 110px
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px)
  }
}
/* End */


/* Start:/bitrix/templates/all_sites/css/styles.css?17604385055282*/
/* CSS DOCUMENT (styles.css) */

/* МОДАЛЬНОЕ ОКНО */

.modal_window {
  display: none;
}

/* без первой (пустой) строки почему-то не читаются стили */

.modal_window {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000;
}

.modal_window .modal_window_settings {
  position: relative;
  width: 75vw;
  height: 80vh;
  margin: 10vh 12.5vw;
  background: transparent;
  box-shadow: 0 0 1ex .1ex rgba(0, 0, 0, 0.7);
}

.modal_window .modal_window_settings .modal_window_content {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  background: #fff;
}

.modal_window .modal_window_settings .button_close {
  position: absolute;
  top: 0;
  right: 25px;
  text-align: right;
  font-size: 3em;
  font-weight: 600;
  cursor: pointer;
}

.modal_window .modal_window_settings .button_close:hover {
  color: #800;
}

.modal_window .modal_window_settings .button_close:active {
  color: red;
}

/* ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ, ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ */

.user_agreement,
.privacy_policy {
  /*position: relative;*/
  padding: 5%;
  font-family: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: justify;
  line-height: 1.3;
}

.user_agreement h1,
.privacy_policy h1 {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.5em;
}

.user_agreement h2,
.privacy_policy h2 {
  margin: 0;
  padding: 5px 0;
  font-weight: 600;
  font-size: 1em;
}

.user_agreement p,
.user_agreement li,
.privacy_policy p,
.privacy_policy li {
  margin: 0;
  padding: 5px 0;
  text-align: justify;
  list-style-type: disc;
}

.user_agreement ul,
.privacy_policy ul {
  margin-left: 4%;
}

.privacy_policy ol {
  counter-reset: item;
  margin-left: 2%;
}

.privacy_policy ol li {
  list-style-type: none;
}

.privacy_policy ol li::before {
  content: counter(item) ") ";
  counter-increment: item;
}

.privacy_policy a:hover {
  color: #800;
}

.privacy_policy a:active {
  color: red;
}

.privacy_policy .cookie_revocation {
  display: block;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2% 5%;
  border: 2px solid #000;
  background: #fff;
  color: red;
  font-weight: 600;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

@media (width <=479px) {

  .modal_window .modal_window_settings {
    width: 100vw;
    height: 100vh;
    margin: 0;
  }

  /*.privacy_policy h1 {
    margin-top: 20px;
  }*/

}

@media (width <=650px) {

  .user_agreement h1,
  .privacy_policy h1 {
    margin-top: 20px;
  }


}

@media (480px< width <=1279px) {

  .modal_window .modal_window_settings {
    width: 85vw;
    height: 85vh;
    margin: 7.5vh 7.5vw;
  }

}

@media (1280px< width <=1599px) {

  .modal_window .modal_window_settings {
    width: 80vw;
    height: 80vh;
    margin: 10vh 10vw;
  }

}

@media (width >1920px) {

  .user_agreement h1,
  .privacy_policy h1 {
    font-size: 1.6vw;
  }

  .user_agreement h1,
  .user_agreement h2,
  .user_agreement p,
  .user_agreement ul,
  .privacy_policy h1,
  .privacy_policy h2,
  .privacy_policy p,
  .privacy_policy ul {
    padding: .5% 0;
  }

  .user_agreement h2,
  .user_agreement p,
  .user_agreement ul,
  .privacy_policy h2,
  .privacy_policy p,
  .privacy_policy ul {
    font-size: .9vw;
  }

}

/* COOKIES-БАННЕР */

#cookie-consent-banner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  /*background-color: #2d3748;*/
  background-color: #fff;
  /*opacity: .8;*/
  /*color: #fff;*/
  color: #000;
  padding: 5px 20px;
  z-index: 1000;
  font-family: sans-serif;
  justify-content: center;
  align-items: center;
}

#cookie-consent-banner .text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px 15px;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  /*max-width: 1200px;*/
  margin: 0 auto;
  padding: 5px 10px;
  font-size: .9em;
}

#cookie-consent-banner .text p {
  margin: 0;
}

#cookie-consent-banner .text p a {
  display: inline-block;
  /*color: #fff;*/
  color: #00008B;
  text-decoration: underline;
}

#cookie-consent-banner .text p a:hover {
  color: #800;
  text-shadow: .3px .3px .3px 800;
}

#cookie-consent-banner .text p a:active {
  color: red;
  text-shadow: .3px .3px .3px red;
}

#cookie-consent-banner .button {
  display: flex;
  gap: 5px 15px;
  flex-shrink: 0;
}

#cookie-consent-accept {
  background-color: #4caf50;
  color: #fff;
  box-shadow: 1px 1px 1px 0px #000;
  border: none;
  padding: 7px 15px;
  cursor: pointer;
  border-radius: 5px;
  font-size: .9em;
}

#cookie-consent-accept:hover {
  color: #800;
  box-shadow: 1px 1px 1px 0px #800;
}

#cookie-consent-accept:active {
  color: red;
  box-shadow: none;
}

/*h1 {
  color: red !important;
}*/
/* End */


/* Start:/bitrix/templates/masterskaya_sections/components/bitrix/menu/left_menu/style.min.css?1574082343490*/
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/masterskaya_sections/components/bitrix/menu/left_menu/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/masterskaya_sections/components/bitrix/main.map/site_map/style.css?15741052031518*/
.map-columns {
  width: 100%;
  height: auto;
  text-align: left;
  text-indent: 0;
}

.map-columns td {
  padding: 0;
  /*border: solid 1px #A9A9A9;*/
  vertical-align: middle;
}

ul.map-level-0 li {
  padding: 0;
}

ul.map-level-0 li a {
  display: inline-block;
  margin-left: 5%;
  margin-bottom: 5px;
  padding: 5px 10px;
  /*text-decoration: none;
  color: #000;*/
  text-shadow: .1ex .1ex .1ex #A9A9A9;
  font-weight: 600;
  -webkit-box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.05), -.3ex .3ex 1ex rgba(0, 0, 0, 0.05);
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.05), -.3ex .3ex 1ex rgba(0, 0, 0, 0.05);
}

ul.map-level-1 li,
ul.map-level-2 li,
ul.map-level-3 li {
  padding: 0;
}

ul.map-level-1 li a,
ul.map-level-2 li a,
ul.map-level-3 li a {
  display: inline-block;
  margin-left: 10%;
  padding: 5px 10px;
  /*text-decoration: none;
  color: #000;*/
  text-shadow: .1ex .1ex .1ex #A9A9A9;
  font-weight: 400;
  background: ;
}

ul.map-level-2 li a {
  margin-left: 15%;
  font-style: italic;
}

ul.map-level-0 a:hover {
  color: #800;
  /*text-shadow: .1ex .1ex .1ex #000;*/
  -webkit-box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.1), -.3ex .3ex 1ex rgba(0, 0, 0, 0.1);
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.1), -.3ex .3ex 1ex rgba(0, 0, 0, 0.1);
}

ul.map-level-0 a:active {
  color: red;
  /*text-shadow: .1ex .1ex .5ex #000;*/
  -webkit-box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.2), -.3ex .3ex 1ex rgba(0, 0, 0, 0.2);
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.2), -.3ex .3ex 1ex rgba(0, 0, 0, 0.2);
}

/* End */


/* Start:/bitrix/components/bitrix/main.feedback/templates/.default/style.min.css?1573978731251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?17687362403805*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:none;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:none;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:none}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translateY(50%);transform:translateY(50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:"";display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}.main-user-consent-request-announce-required{color:red}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn)}}@media (min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-link,.main-user-consent-request-popup-text{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media (max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */


/* Start:/bitrix/templates/masterskaya_sections/styles.css?1759264516101038*/
/* CSS DOCUMENT: CONTENT */

/* CONTENT */

.content {
  height: 79%;
  padding: 1% 2%;
  border: thin solid #696969;
  border-top: none;
  overflow-y: scroll;
  overflow-x: auto;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.7), -.3ex .3ex 1ex rgba(0, 0, 0, 0.7);
  background-color: #FFF;
  color: #000;
  font-size: 16px;
}

.content h1 {
  padding: 1%;
  background: #C0C0C0;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.5);
  color: #800;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  text-shadow: #fff -1px -1px 1px,
    #000 1px 1px 1px;
}

.content h2 {
  padding: 1% 5%;
  margin: 2% 0;
  border: 5px double #fff;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  line-height: 1.5;
  font-size: 25px;
  text-shadow: #fff -1px -1px 1px,
    #000 1px 1px 1px;
}

.content p {
  padding: .5% 0;
  line-height: 1.5;
}

.content ul {
  list-style-type: disc;
  padding-left: 5%;
  line-height: 1.5;
  text-indent: 0;
  list-style-position: outside;
  text-align: justify;
}

.content ul li {
  line-height: 1.5;
}

.content h1,
.content h2,
.content h3,
.content p,
.content ul,
.content ul li,
.content span,
.content a {
  word-wrap: break-word;
}

.content b {
  text-shadow: 0 0 .001ex #000;
}

.content .anchor_link {
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 600;
}

.content .anchor_link {
  display: inline-block;
}

.content .anchor_link:hover {
  color: #800;
}

.content .anchor_link:active {
  color: red;
}

.content .text {
  text-indent: 5%;
  text-align: justify;
}

.content .link {
  margin: 2% 0;
  text-align: left;
  text-indent: 0;
  padding-left: 5%;
  padding-right: 5%;
  font-weight: 600;
}

.content .link a {
  display: inline-block;
  padding: 1% 3%;
  background: rgba(0, 0, 0, 0.02);
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.05), -.3ex .3ex 1ex rgba(0, 0, 0, 0.05);
}

.content .link a:hover {
  color: #800;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.07), -.3ex .3ex 1ex rgba(0, 0, 0, 0.07);
}

.content .link a:active {
  color: red;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.1), -.3ex .3ex 1ex rgba(0, 0, 0, 0.1);
}

.content .offer_to_contact,
.content .note {
  margin: 2% 0;
  padding: 10px 5%;
  background: rgba(0, 0, 0, 0.02);
  text-indent: 0;
  text-shadow: .1ex .1ex .1ex #696969;
  text-align: justify;
  font-size: .9em;
}

.content .note_price-list,
.content .note_footnote {
  /*margin-top: -2%;*/
  width: 94%;
  margin: 3% auto;
  /*border: 1px solid #000;*/
  background: rgba(0, 0, 0, 0.01);
  color: #696969;
}

.content .note_footnote {
  border: 1px solid #000;
}

.content_onlayn_kalkulyator .note_footnote {
  display: none;
}

.calculator_stroitelstvo_domov .note_footnote,
.calculator_remont_kvartir .note_footnote,
.calculator_otdelka_pomeshcheniy .note_footnote,
.calculator_otdelnye_vidy_rabot .note_footnote {
  display: block;
}


.content .see_next {
  margin: 2% 0 2% 5%;
  color: #808080;
  font-weight: 600;
  text-align: left;
}

.content .see_also {
  margin: 0 0 0 5%;
}

.content .see_more {
  margin: -2% 0 0 5%;
}

.content .see_next a {
  display: inline-block;
  text-indent: 0;
}

.content .see_next a:hover {
  color: #800;
}

.content .see_next a:active {
  color: red;
}

.content .opacity_0 {
  opacity: 0;
}

.content .opacity_1 {
  opacity: 1;
}

.content .under_development {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.content .under_development p {
  text-align: center;
  font-weight: 600;
}

.content .text_under_development {
  color: red;
  text-shadow: .1ex .1ex .2ex rgba(0, 0, 0, 0.5);
}

.content .under_development a:hover {
  color: #800;
}

.content .under_development a:active {
  color: red;
}

/* CSS DOCUMENT: CONTENT - MEDIA */

@media all and (max-width: 1279px) {

  .content {
    overflow: hidden;
    height: auto;
    padding: 2%;
    border: none;
    box-shadow: none;
  }

}

@media all and (max-width: 479px) {

  .content h1 {
    font-size: 20px;
  }

  .content h2 {
    padding: 3% 5%;
    font-size: 18px;
  }

  .content .see_next {
    margin-top: 5%;
  }

}

@media all and (min-width: 480px) and (max-width: 767px) {

  .content h1 {
    font-size: 22.5px;
  }

  .content h2 {
    font-size: 20px;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) {

  .content h1 {
    font-size: 25px;
  }

  .content h2 {
    font-size: 21.5px;
  }

}

@media all and (min-width: 1280px) and (max-width: 1919px) {

  .content h1 {
    font-size: 27.5px;
  }

  .content h2 {
    font-size: 23px;
  }

}

@media all and (min-width: 2560px) {

  .content {
    font-size: .7vw;
  }

  .content h1 {
    font-size: 1.3vw;
  }

  .content h2 {
    font-size: 1vw;
  }

  /*.content h3 {
    font-size: .9vw;
  }*/

}

/*---------------------------------*/

/* NAV_CHAIN_SEARCH */

.nav_chain_search {
  display: flex;
  margin-top: 1%;
  margin-bottom: 3%;
  padding: .5% 1%;
  background: rgba(0, 0, 0, 0.06);
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.5);
  color: #696969;
  text-align: right;
  list-style: none;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.nav_chain_search .nav_chain {
  width: calc(100% - 200px);
}

.nav_chain_search .bx-breadcrumb {
  margin: 0;
  padding: 0;
  padding: 5px 0 0 0;
  text-align: left;
  list-style: none;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.nav_chain_search .bx-breadcrumb i {
  margin-right: 5px;
  font-size: .8em;
  vertical-align: middle;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item {
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 10px;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item a {
  color: #696969;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item a:hover {
  color: #800;
  font-weight: 600;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item a:active {
  color: red;
  font-weight: 600;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item span {
  font-size: .9em;
  white-space: normal;
}

.nav_chain_search .bx-breadcrumb .bx-breadcrumb-item span.link {
  font-weight: 600;
}

.nav_chain_search .nav_search {
  width: 200px;
  /*text-align: left;*/
}

.nav_chain_search .search-form input[type=text] {
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
  font-size: .9em;
}

.nav_chain_search .search-form input[type=submit] {
  color: #696969;
  font-size: .9em;
}

.nav_chain_search .search-form input[type=submit]:hover {
  color: #800;
}

.nav_chain_search .search-form input[type=submit]:active {
  color: red;
}

/* NAV_CHAIN_SEARCH - @MEDIA */

@media all and (max-width: 1279px) {

  .nav_chain_search {
    padding: .5% 1.5%;
  }

  .nav_chain_search .nav_chain {
    width: calc(100% - 50px);
  }

  .nav_chain_search .nav_search {
    width: 50px;
  }

  .nav_chain_search .search-form input[type=text] {
    display: none;
  }

}

@media all and (min-width: 2560px) {

  .nav_chain_search .bx-breadcrumb .bx-breadcrumb-item span {
    font-size: .6vw;
  }

  .nav_chain_search .nav_chain {
    width: 80%;
  }

  .nav_chain_search .nav_search {
    width: 20%;
  }

  .nav_chain_search .search-form input {
    font-size: .6vw;
  }

}

/*---------------------------------*/

/* SITEMAP_END */

.content .sitemap_end {
  margin-top: 3%;
  padding: 5px;
  background: rgba(0, 0, 0, 0.06);
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.6);
  color: #696969;
  text-align: center;
  list-style: none;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
  font-size: .9em;
}

.content .sitemap_end a {
  display: inline-block;
  padding: 2px 5px;
  vertical-align: middle;
  color: #696969;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
  letter-spacing: 1px;
}

.content .sitemap_end a:hover {
  color: #800;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.content .sitemap_end a:active {
  color: red;
  text-shadow: .1ex .1ex .1ex #FFFFFF;
}

.content .sitemap_end .inline_block {
  display: inline-block;
}

.content .sitemap_end .block {
  display: block;
}

/* SITEMAP_END - @MEDIA */

@media all and (max-width: 767px) {

  /*.content .sitemap_end {
    display: none;
  }*/

  .content .sitemap_end .inline_block,
  .content .sitemap_end .block {
    display: inline;
  }

  .content .sitemap_end a {
    padding: 5px 5px;
    font-stretch: ultra-condensed;
  }

}

@media all and (min-width: 768px) and (max-width: 870px) {

  .content .sitemap_end {
    padding: 4px;
    font-size: .8em;
  }

  .content .sitemap_end a {
    padding: 2px 2px;
    font-stretch: ultra-condensed;
  }

}

@media all and (min-width: 1600px) and (max-width: 1800px) {

  .content .sitemap_end a {
    /*padding: 5px 3px;*/
    font-stretch: condensed;
  }

}

@media all and (min-width: 1920px) {

  .content .sitemap_end .inline_block {
    display: inline;
  }

  .content .sitemap_end a {
    padding: .2% .8%;
  }

}

/*---------------------------------*/

/* CONTENT: FOTO_BLOCK */

.content .block_text_photo {
  overflow: hidden;
}

.content .photo_left,
.content .photo_right {
  height: calc(400px + (2 * 5px));
  width: calc(400px + (2 * 5px));
  text-indent: 0;
  border: 5px solid #fff;
}

.content .photo_left:hover,
.content .photo_right:hover {
  border: 5px solid rgba(0, 0, 0, 0.07);
}

.content .photo_left:active,
.content .photo_right:active {
  border: 5px solid #800;
}

.content .photo_left {
  float: left;
  margin: .5% 2% 1% 0;
}

.content .photo_right {
  float: right;
  margin: .5% 0 1% 2%;
}

.content .foto_block {
  position: relative;
  overflow: hidden;
  width: 400px;
  height: 400px;
}

.content .foto_block_1,
.content .foto_block_2,
.content .foto_block_3,
.content .foto_block_4,
.content .foto_block_5,
.content .foto_block_6 {
  position: absolute;
  outline: 10px double #fff;
  outline-offset: -10px;
}

.content .photo_left .foto_block_1 {
  top: 100px;
  left: 0;
  width: 300px;
  height: 300px;
  border: 10px solid #800;
  z-index: 1;
}

.content .photo_left .foto_block_2 {
  top: 0;
  left: 200px;
  width: 200px;
  height: 200px;
  border: 10px solid #808080;
}

.content .photo_left .foto_block_3 {
  top: 200px;
  left: 300px;
  width: 100px;
  height: 100px;
  border: 10px solid #800;
}

.content .photo_left .foto_block_4 {
  top: 0;
  left: 100px;
  width: 100px;
  height: 100px;
  border: 10px solid #800;
}

.content .photo_left .foto_block_5 {
  top: 300px;
  left: 300px;
  width: 100px;
  height: 100px;
  border: 10px solid #808080;
}

.content .photo_left .foto_block_6 {
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border: 10px solid #808080;
}

.content .photo_right .foto_block_1 {
  top: 100px;
  left: 100px;
  width: 300px;
  height: 300px;
  border: 10px solid #800;
  z-index: 1;
}

.content .photo_right .foto_block_2 {
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  border: 10px solid #808080;
}

.content .photo_right .foto_block_3 {
  top: 200px;
  left: 0;
  width: 100px;
  height: 100px;
  border: 10px solid #800;
}

.content .photo_right .foto_block_4 {
  top: 0;
  left: 200px;
  width: 100px;
  height: 100px;
  border: 10px solid #800;
}

.content .photo_right .foto_block_5 {
  top: 300px;
  left: 0;
  width: 100px;
  height: 100px;
  border: 10px solid #808080;
}

.content .photo_right .foto_block_6 {
  top: 0;
  left: 300px;
  width: 100px;
  height: 100px;
  border: 10px solid #808080;
}

/* FOTO_BLOCK - @MEDIA */

@media all and (max-width: 549px) {

  .content .photo_left,
  .content .photo_right {
    float: none;
    width: 100%;
    margin: 0;
    margin: 2% 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.06);
    border: none;
  }

  .content .photo_left:hover,
  .content .photo_right:hover,
  .content .photo_left:active,
  .content .photo_right:active {
    border: none;
  }

}

@media all and (max-width: 319px) {

  .content .photo_left,
  .content .photo_right {
    width: 100%;
    height: 110px;
  }

  .content .foto_block {
    width: 100%;
    height: 100px;
    margin: 0 auto;
  }

  .content .foto_block_4,
  .content .foto_block_5,
  .content .foto_block_6 {
    display: none;
  }

  .content .photo_left .foto_block_1,
  .content .photo_right .foto_block_3 {
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
  }

  .content .photo_left .foto_block_2,
  .content .photo_right .foto_block_2 {
    top: 0;
    left: 95px;
    width: 100px;
    height: 100px;
  }

  .content .photo_left .foto_block_3,
  .content .photo_right .foto_block_1 {
    top: 0;
    left: 190px;
    width: 100px;
    height: 100px;
  }

}

@media all and (min-width: 320px) and (max-width: 419px) {

  .content .photo_left,
  .content .photo_right {
    height: 210px;
  }

  .content .foto_block {
    width: 300px;
    height: 200px;
    margin: 0 auto;
  }

  .content .foto_block_4,
  .content .foto_block_5,
  .content .foto_block_6 {
    display: none;
  }

  .content .photo_left .foto_block_1 {
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: #808080;
  }

  .content .photo_left .foto_block_2 {
    top: 0;
    left: 200px;
    width: 100px;
    height: 100px;
  }

  .content .photo_left .foto_block_3 {
    top: 100px;
    left: 200px;
  }

  .content .photo_right .foto_block_1 {
    top: 0;
    left: 100px;
    width: 200px;
    height: 200px;
    background: #808080;
  }

  .content .photo_right .foto_block_2 {
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
  }

  .content .photo_right .foto_block_3 {
    top: 100px;
    left: 0;
  }

}

@media all and (min-width: 420px) and (max-width: 549px) {

  .content .photo_left,
  .content .photo_right {
    height: 210px;
  }

  .content .foto_block {
    width: 400px;
    height: 200px;
    margin: 0 auto;
  }

  .content .foto_block_6 {
    display: none;
  }

  .content .photo_right .foto_block_1,
  .content .photo_left .foto_block_1 {
    top: 0;
    left: 100px;
    width: 200px;
    height: 200px;
    background: #808080;
  }

  .content .photo_right .foto_block_2,
  .content .photo_left .foto_block_2 {
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
  }

  .content .photo_right .foto_block_3,
  .content .photo_left .foto_block_3 {
    top: 100px;
    left: 0;
  }

  .content .photo_right .foto_block_4,
  .content .photo_left .foto_block_4 {
    top: 0;
    left: 300px;
  }

  .content .photo_right .foto_block_5,
  .content .photo_left .foto_block_5 {
    top: 100px;
    left: 300px;
  }

}

@media all and (min-width: 550px) and (max-width: 1023px) {

  .content .photo_left,
  .content .photo_right {
    width: calc(300px + (2 * 5px));
    height: calc(300px + (2 * 5px));
  }

  .content .foto_block {
    width: 300px;
    height: 300px;
  }

  .content .foto_block_5,
  .content .foto_block_6 {
    display: none;
  }

  .content .photo_left .foto_block_1 {
    top: 100px;
    left: 0;
    width: 200px;
    height: 200px;
  }

  .content .photo_left .foto_block_2 {
    top: 0;
    left: 100px;
  }

  .content .photo_left .foto_block_3 {
    top: 200px;
    left: 200px;
    background: #808080;
  }

  .content .photo_left .foto_block_4 {
    top: 0;
    left: 0;
  }

  .content .photo_right .foto_block_1 {
    top: 100px;
    left: 100px;
    width: 200px;
    height: 200px;
  }

  .content .photo_right .foto_block_2 {
    top: 0;
    left: 0;
  }

  .content .photo_right .foto_block_3 {
    top: 200px;
    left: 0;
    background: #808080;
  }

  .content .photo_right .foto_block_4 {
    top: 0;
    left: 200px;
  }

}

@media all and (min-width: 2560px) {

  .content .photo_left,
  .content .photo_right {
    height: calc(16vw + (2 * 5px));
    width: calc(16vw + (2 * 5px));
  }

  .content .foto_block {
    width: 16vw;
    height: 16vw;
  }

  .content .photo_left .foto_block_1 {
    top: 4vw;
    left: 0;
    width: 12vw;
    height: 12vw;
  }

  .content .photo_left .foto_block_2 {
    top: 0;
    left: 8vw;
    width: 8vw;
    height: 8vw;
  }

  .content .photo_left .foto_block_3 {
    top: 8vw;
    left: 12vw;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_left .foto_block_4 {
    top: 0;
    left: 4vw;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_left .foto_block_5 {
    top: 12vw;
    left: 12vw;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_left .foto_block_6 {
    top: 0;
    left: 0;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_right .foto_block_1 {
    top: 4vw;
    left: 4vw;
    width: 12vw;
    height: 12vw;
  }

  .content .photo_right .foto_block_2 {
    top: 0;
    left: 0;
    width: 8vw;
    height: 8vw;
  }

  .content .photo_right .foto_block_3 {
    top: 8vw;
    left: 0;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_right .foto_block_4 {
    top: 0;
    left: 8vw;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_right .foto_block_5 {
    top: 12vw;
    left: 0;
    width: 4vw;
    height: 4vw;
  }

  .content .photo_right .foto_block_6 {
    top: 0;
    left: 12vw;
    width: 4vw;
    height: 4vw;
  }

  .content .foto_block img {
    width: 100%;
    height: 100%;
  }

}

/*---------------------------------*/

/* О КОМПАНИИ */

.content_o_kompanii .reclama {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 1%;
  margin: 1% 0;
  background: rgba(0, 0, 0, 0.03);
}

.content_o_kompanii .reclama .work {
  width: 18%;
  padding: 1%;
  border: 1px solid #800;
  background: #FFF;
  box-shadow: .1ex .1ex .2ex rgba(0, 0, 0, 0.5);
}

.content_o_kompanii .reclama img {
  display: block;
  width: 40px;
  margin: 0 auto;
}

.content_o_kompanii .reclama p {
  text-align: left;
}

.content_o_kompanii .reclama .work1 {
  font-weight: 600;
  color: #800;
  text-shadow: .1ex .1ex .1ex #696969;
}

.content_o_kompanii .reclama .work2 {
  font-size: .75em;
}

/* О КОМПАНИИ - @MEDIA */

@media all and (max-width: 1000px) {

  .content_o_kompanii ul {
    margin-left: 2%;
  }

  .content_o_kompanii .reclama {
    flex-direction: column;
    padding: 2%;
  }

  .content_o_kompanii .reclama .work {
    width: auto;
    margin: 2%;
    padding: 2%
  }

}

@media all and (min-width: 2560px) {

  .content_o_kompanii .reclama img {
    width: 2vw;
  }

}

/* ИНТЕРАКТИВНАЯ КАРТА */

/*.content_o_kompanii_map {
  position: relative;
}*/

/*.google_map {
  position: relative;
  width: auto;
  height: 55vh;
}*/

/*.loading_map_objects {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 50px);
  height: 50px;
  width: 100px;
  color: #DCDCDC;
  text-align: center;
  font-size: 1.5em;
}

.loading_map_objects .fa::before {
  content: "\f1ce";
  color: #DCDCDC;
  text-align: center;
  font-size: 1.5em;
}*/

/*.bx-google-map {
  z-index: 1;
  height: 55vh !important;
  width: auto;
}*/

/*.bx-google-map {
  height: 500px !important;
  width: 500px !important;
}*/

/*.yandex_map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
}

.bx-yandex-map {
  width: 100vw;
  height: 100vh !important;
}*/

/*.yandex_map {
  position: relative;
}

.yandex_map_full_screen {

  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  padding: 1px 10px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);
  -webkit-box-shadow: .1ex .1ex .1ex #000;
  box-shadow: 0 0 .1ex #000;
  cursor: pointer;

}*/

/*.yandex_map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
}

.bx-yandex-map {
  width: auto;
  height: 100vh !important;
}*/

/*.yandex_map_full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
}

.bx-yandex-map-full {
  width: auto;
  height: 100vh !important;
}*/

.content_o_kompanii_map .map_adaptive {
  display: none;
}

.content_o_kompanii_map .yandex_map_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 10;
}

.content_o_kompanii_map .yandex_map_modal .bx-yandex-map {
  width: 100vw !important;
  height: 100vh !important;
}

.content_o_kompanii_map .yandex_map_modal_close {
  position: absolute;
  top: 3px;
  right: 15px;
  z-index: 20;
  font-size: 50px;
  display: none;
}

.content_o_kompanii_map .yandex_map_modal_close:hover {
  color: #800;
}

.content_o_kompanii_map .yandex_map_modal_close:active {
  color: red;
}

/*.content_o_kompanii_map .yandex_map {
  position: absolute;
  top: -5%;
  left: -3%;
  width: 100% !important;
  height: 100% !important;
}*/

/*.content_o_kompanii_map .yandex_map_modal {
  position: absolute !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1000;
}*/

/* ИНТЕРАКТИВНАЯ КАРТА - @MEDIA*/

@media all and (max-width: 1279px) {

  .content_o_kompanii_map .map_adaptive {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .content_o_kompanii_map .map_adaptive_button {
    position: absolute;
    top: calc((100% - 80px)/2);
    left: calc((100% - 130px)/2);
    padding: 10px 20px;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.7);
    background-color: rgba(192, 192, 192, 0.4);
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    z-index: 1;
  }

  .content_o_kompanii_map .map_adaptive_button:hover {
    color: #800;
  }

  .content_o_kompanii_map .map_adaptive_button:active {
    color: red;
  }

  .content_o_kompanii_map .map_adaptive_button p {
    text-align: center;
    font-weight: 700;
    text-shadow: #fff -.1ex -.1ex .1ex, .1ex .1ex .2ex #000;
  }

  .content_o_kompanii_map .yandex_map {
    display: none;
  }

}

/* ДОГОВОР ПОДРЯДА */

.content_o_kompanii_contract {
  text-align: justify;
}

.content_o_kompanii_contract .sample {
  position: fixed;
  width: auto;
  height: 120px;
  top: calc(50% - 120px/2);
  left: calc(50% - 30vw/2);
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 6vw;
  pointer-events: none;
}

.content_o_kompanii_contract h2 {
  margin-bottom: 20px;
  background: none;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0;
}

.content_o_kompanii_contract h2 span {
  font-size: .9em;
}

.content_o_kompanii_contract .city_data {
  display: flex;
  margin-bottom: 20px;
}

.content_o_kompanii_contract .city {
  width: 50%;
}

.content_o_kompanii_contract .data {
  width: 50%;
}

.content_o_kompanii_contract .data_float {
  float: right;
}

.content_o_kompanii_contract span {
  display: inline-block;
}

.content_o_kompanii_contract .contract_hr {
  border-bottom: 1px solid #000;
  color: #fff;
}

.content_o_kompanii_contract .data_hr {
  width: 25px;
}

.content_o_kompanii_contract .month_hr {
  width: 90px;
}

.content_o_kompanii_contract .margin_left5_hr {
  margin: 0 0 10px 5%;
}

.content_o_kompanii_contract .passport {
  display: flex;
}

.content_o_kompanii_contract .passport_number {
  width: 85px;
}

.content_o_kompanii_contract .passport_hr1 {
  width: 20%;
}

.content_o_kompanii_contract .passport_issued {
  width: 65px;
  text-align: center;
}

.content_o_kompanii_contract .passport_hr2 {
  width: calc(100% - (85px + 20% + 65px));
}

.content_o_kompanii_contract .margin_top10_hr {
  margin-top: 10px;
}

.content_o_kompanii_contract .header_contract {
  text-indent: 0;
}

.content_o_kompanii_contract p {
  line-height: 1.5;
  text-indent: 5%;
}

.content_o_kompanii_contract b {
  font-weight: 600;
  text-shadow: none;
}

.content_o_kompanii_contract h3 {
  margin: 20px 0;
  background: none;
  font-weight: 600;
  text-indent: 5%;
}

.content_o_kompanii_contract ul {
  list-style-type: disc;
  line-height: 1.5;
  padding-left: 10%;
}

.content_o_kompanii_contract .requisites {
  display: flex;
  margin-bottom: 3%;
}

.content_o_kompanii_contract .client {
  width: 45%;
}

.content_o_kompanii_contract .space {
  width: 10%;
}

.content_o_kompanii_contract .builder {
  width: 45%;
}

.content_o_kompanii_contract .client h3,
.content_o_kompanii_contract .builder h3 {
  margin-bottom: 10px;
  text-indent: 0;
  text-align: center;
}

.content_o_kompanii_contract .client_passport {
  display: flex;
}

.content_o_kompanii_contract .client_passport_number {
  width: 90px;
}

.content_o_kompanii_contract .client_passport_hr1 {
  width: calc(100% - 90px);
}

.content_o_kompanii_contract .client_passport_issued {
  width: 55px;
}

.content_o_kompanii_contract .client_passport_hr2 {
  width: calc(100% - 55px);
}

.content_o_kompanii_contract .client_visa {
  width: 145px;
}

.content_o_kompanii_contract .client_visa_hr {
  width: calc(100% - 145px);
}

.content_o_kompanii_contract .client_signature {
  display: flex;
}

.content_o_kompanii_contract .client_signature_hr {
  width: calc((100% - 10px) / 2);
}

.content_o_kompanii_contract .client_signature_bracket {
  width: 10px;
  text-align: center;
}

.content_o_kompanii_contract .decryption {
  width: 50%;
  margin-top: -10px;
  text-align: center;
  font-size: .8em;
}

.content_o_kompanii_contract .builder p {
  text-indent: 0;
}

.content_o_kompanii_contract .builder_signature {
  display: flex;
  margin-top: 25px;
}

.content_o_kompanii_contract .builder_signature_hr {
  width: calc(100% - 90px);
}

.content_o_kompanii_contract .builder_signature_text {
  width: 90px;
}

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

.content_o_kompanii_contract .see_next {
  text-indent: 0;
}

.content_o_kompanii_estimate .download_file,
.content_o_kompanii_contract .download_file {
  width: 70%;
  border: 1px solid blue;
  border-radius: 10px;
  margin: 3% auto;
  padding: 2%;
  text-align: center;
}

.content_o_kompanii_estimate .download_file a,
.content_o_kompanii_contract .download_file a {
  font-weight: 600;
}

.content_o_kompanii_estimate .download_file a:hover,
.content_o_kompanii_contract .download_file a:hover {
  color: #800;
}

.content_o_kompanii_estimate .download_file a:active,
.content_o_kompanii_contract .download_file a:active {
  color: red;
}

/* АКТ ПРИЁМКИ РАБОТ */

.content_o_kompanii_contract .attachment {
  margin-bottom: 5%;
}

.content_o_kompanii_contract .attachment p {
  text-align: right;
  padding: 0;
}

.content_o_kompanii_contract .h2_act {
  margin-top: -20px;
}

.content_o_kompanii_contract .hr_act {
  font-size: 1.9em;
}

/* ПРЕДВАРИТЕЛЬНАЯ СМЕТА */

.content_o_kompanii_estimate table,
.content_o_kompanii_estimate tbody {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #000;
  overflow-x: auto;
}

.content_o_kompanii_estimate tr,
.content_o_kompanii_estimate th,
.content_o_kompanii_estimate td {
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid #000;
  vertical-align: top;
  text-align: center;
}

.content_o_kompanii_estimate th {
  vertical-align: middle;
}

.content_o_kompanii_estimate .value {
  border-right: 2px solid #000;
}

.content_o_kompanii_estimate .section {
  background: rgba(0, 0, 0, 0.05);
  font-weight: 600;
}

.content_o_kompanii_estimate .namber {
  text-align: right;
}

.content_o_kompanii_estimate .name {
  text-align: left;
}

.content_o_kompanii_estimate .sum {
  text-align: right;
}

.content_o_kompanii_estimate .signatures_table {
  width: 100%;
  margin: 2%;
  border: none;
}

.content_o_kompanii_estimate .signatures,
.content_o_kompanii_estimate .signatures_hr {
  padding: 0 1%;
  border: none;
  text-align: left;
  vertical-align: bottom;
}

.content_o_kompanii_estimate .signatures_hr {
  border-bottom: 1px solid #000;
  width: 30%;
}

/* ПРЕДВАРИТЕЬНАЯ СМЕТА - @MEDIA */

@media all and (max-width: 479px) {

  .content_o_kompanii_contract {
    padding: 10px;
    font-size: 14px;
  }

  .content_o_kompanii_contract .sample,
  .content_o_kompanii_estimate .sample {
    display: none;
  }

}

@media all and (max-width: 767px) {

  .content_o_kompanii_contract .requisites {
    display: block;
  }

  .content_o_kompanii_contract .client,
  .content_o_kompanii_contract .builder {
    width: 100%;
  }

  .content_o_kompanii_contract .space {
    display: none;
  }

}

@media all and (max-width: 1000px) {

  .content_o_kompanii_contract .city_data {
    display: block;
  }

  .content_o_kompanii_contract .city {
    width: auto;
  }

  .content_o_kompanii_contract .data {
    width: auto;
    margin-top: 10px;
  }

  .content_o_kompanii_contract .data_float {
    float: none;
  }

}

@media all and (max-width: 1279px) {

  .content_o_kompanii_contract .sample,
  .content_o_kompanii_estimate .sample {
    display: none;
  }

}

@media all and (min-width: 1280px) and (max-width: 1599px) {

  .content_o_kompanii_contract .sample,
  .content_o_kompanii_estimate .sample {
    left: calc((100% - (250px - 13%)) / 2);
  }

}

/*---------------------------------*/

/* НАШИ СПЕЦМИАЛИСТЫ */

.content_nashi_spetsialisty .preamble {
  text-indent: 5%;
  text-align: justify;
}

.content_nashi_spetsialisty .specialists {
  position: relative;
  overflow: hidden;
  border: 2px solid #DCDCDC;
  padding: 25px;
  margin: 1% 0;
  text-align: left;
}

.content_nashi_spetsialisty .foto {
  float: left;
  height: 300px;
  width: 240px;
  background: rgba(0, 0, 0, 0.05);
}

.content_nashi_spetsialisty .name {
  margin-left: 265px;
  margin-bottom: 5px;
  color: #800;
  text-shadow: .1ex .1ex .2ex #A9A9A9;
  font-size: 1.3em;
  line-height: 1;
  text-align: left;
}

.content_nashi_spetsialisty .text {
  margin-left: 265px;
  text-align: left;
}

.content_nashi_spetsialisty .text a:hover {
  color: #800;
}

.content_nashi_spetsialisty .text a:active {
  color: red;
}

.content_nashi_spetsialisty ul {
  margin-left: 265px;
  list-style-type: disc;
  padding-left: 5%;
  line-height: 1.5;
  list-style-position: outside;
  text-align: left;
}

.content_nashi_spetsialisty ul li {
  line-height: 1.8;
  text-align: left;
}

.content_nashi_spetsialisty .list {
  list-style-type: none;
  margin-left: -13px;
  padding-bottom: 1%;
}

.content_nashi_spetsialisty ul li ul {
  margin-left: 15px;
}

.content_nashi_spetsialisty .tel {
  color: #800;
  text-align: left;
}

.content_nashi_spetsialisty .tel a,
.content_nashi_spetsialisty .tel span {
  white-space: nowrap;
  padding-left: 15px;
}

.content_nashi_spetsialisty .tel span {
  cursor: pointer;
  text-decoration: underline;
  color: #0000EE;
}

.content_nashi_spetsialisty .tel_specialist {
  padding: 10px;
  border: 2px solid #DCDCDC;
  background: rgba(0, 0, 0, 0.02);
  text-indent: 0;
  text-shadow: .1ex .1ex .1ex #696969;
  text-align: justify;
  display: none;
}

.content_nashi_spetsialisty .tel a:hover,
.content_nashi_spetsialisty .tel span:hover {
  color: #800;
}

.content_nashi_spetsialisty .tel a:active,
.content_nashi_spetsialisty .tel span:active {
  color: red;
}

.content_nashi_spetsialisty .specialists_reclame {
  position: relative;
  overflow: hidden;
  border: 2px solid #DCDCDC;
  padding: 25px;
  margin: 1% 0;
  margin-top: 3%;
  text-align: center;
}

.content_nashi_spetsialisty .end {
  color: #800;
  text-shadow: .1ex .1ex .2ex #A9A9A9;
  font-size: 1.3em;
  line-height: 1.2;
}

.content_nashi_spetsialisty .end a {
  display: inline-block;
  text-decoration: none;
}

.content_nashi_spetsialisty .end a:hover {
  color: #800;
}

.content_nashi_spetsialisty .end a:active {
  color: red;
}

/* НАШИ СПЕЦИАЛИСТЫ - @MEDIA */

@media all and (max-width: 1279px) {

  .content_nashi_spetsialisty .specialists {
    padding: 5%;
  }

  .content_nashi_spetsialisty .foto {
    clear: none;
    height: auto;
    width: 100%;
    margin-bottom: 10%;
  }

  .content_nashi_spetsialisty .name {
    margin: 0;
    margin-bottom: 2%;
    font-size: 1.1em;
  }

  .content_nashi_spetsialisty .text {
    margin: 0;
    margin-bottom: 1%;
    text-indent: 0;
  }

  .content_nashi_spetsialisty ul {
    margin: 0;
    padding-left: 5%;
  }

  .content_nashi_spetsialisty .specialists_reclame {
    padding: 5%;
  }

  .content_nashi_spetsialisty .end {
    line-height: 1.5;
    font-size: 1em;
  }

}

@media all and (min-width: 320px) and (max-width: 1279px) {

  .content_nashi_spetsialisty .foto {
    width: 100%;
    height: auto;
    background: none;
    text-align: center;
  }

  .content_nashi_spetsialisty .name {
    font-size: 1.2em;
  }

}

@media all and (min-width: 540px) and (max-width: 1279px) {

  .content_nashi_spetsialisty .foto {
    width: auto;
    margin: 0 5% 2% 0;
  }

  .content_nashi_spetsialisty ul {
    clear: left;
  }

}

/*---------------------------------*/

/* НАШИ ПАРТНЁРЫ */

.content_nashi_partnyery .preamble {
  text-indent: 5%;
  text-align: justify;
}

.content_nashi_partnyery .partners {
  border: 2px solid #DCDCDC;
  padding: 25px;
  margin: 1% 0;
  text-align: center;
  text-shadow: .1ex .1ex .2ex #A9A9A9;
}

.content_nashi_partnyery .logo {
  max-height: 80px;
}

.content_nashi_partnyery .name {
  color: #800;
  font-size: 1.3em;
}

.content_nashi_partnyery .activity {
  color: #808080;
  font-size: 1.1em;
}

.content_nashi_partnyery .site {
  display: inline-block;
  color: #0000FF;
}

.content_nashi_partnyery .partners_reclame {
  border: 2px solid #DCDCDC;
  padding: 25px;
  margin: 1% 0;
  margin-top: 3%;
  text-align: center;
}

.content_nashi_partnyery .end {
  color: #800;
  text-shadow: .1ex .1ex .2ex #A9A9A9;
  font-size: 1.3em;
  line-height: 1.2;
}

.content_nashi_partnyery .end a {
  display: inline-block;
  text-decoration: none;
}

.content_nashi_partnyery .end a:hover {
  color: #800;
}

.content_nashi_partnyery .end a:active {
  color: red;
}

/* НАШИ ПАРТНЁРЫ - @MEDIA */

@media all and (max-width: 359px) {

  .content_nashi_partnyery .partners {
    padding: 10px;
    font-size: 1em;
  }

  .content_nashi_partnyery .name {
    font-size: 1.2em;
  }

  .content_nashi_partnyery .activity {
    font-size: 1em;
  }

}

/* ОТЗЫВЫ */

.content_otzyvy .comment {
  position: relative;
  overflow: hidden;
  display: flex;
  max-height: 210px;
  transition: max-height .5s;
  border: 2px solid #DCDCDC;
  padding: 25px;
  margin: 1% 0;
}

.content_otzyvy .read_more,
.content_otzyvy .close_read_more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 25px;
  padding: 5px 20px 0 0;
  background: #fff;
  text-align: right;
  cursor: pointer;
  color: red;
  font-size: .9em;
}

.content_otzyvy .close_read_more {
  display: none;
}

.content_otzyvy .foto {
  width: 120px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
}

.content_otzyvy .foto span {
  display: block;
  margin: 60px auto;
  color: #fff;
}

.content_otzyvy .foto img {
  height: 150px;
  width: 120px;
}

.content_otzyvy .comment_text {
  width: calc(100% - 120px);
  padding-left: 25px;
}

.content_otzyvy .name {
  padding-left: 5%;
  color: #b22222;
  text-shadow: .1ex .1ex .2ex #A9A9A9;
  font-size: 1.3em;
  text-indent: 0;
  line-height: 1;
  text-align: left;
}

.content_otzyvy .name span {
  display: inline-block;
}

.content_otzyvy .text {
  text-indent: 5%;
  text-align: justify;
}

.content_otzyvy .end {
  text-align: center;
  color: #808080;
  font-weight: 600;
  font-size: .9em;
}

.content_otzyvy .end a:hover {
  color: #800;
}

.content_otzyvy .end a:active {
  color: red;
}

/* ОТЗЫВЫ - @MEDIA */

@media all and (max-width: 479px) {

  .content_otzyvy .comment {
    max-height: 210px;
    padding: 10px 10px 20px 10px;
  }

  .content_otzyvy .read_more,
  .content_otzyvy .close {
    height: 20px;
    padding: 0 10px 0 0;
  }

  .content_otzyvy .foto {
    display: none;
  }

  .content_otzyvy .comment {
    display: block;
  }

  .content_otzyvy .comment_text {
    width: 100%;
    padding: 0;
  }

  .content_otzyvy .name {
    font-size: 1em;
  }

}

@media all and (min-width: 480px) and (max-width: 1279px) {

  .content_otzyvy .name {
    font-size: 1.1em;
  }

}

@media all and (min-width: 2560px) {

  .content_otzyvy .comment {
    max-height: 100%;
  }

  .content_otzyvy .read_more,
  .content_otzyvy .close_read_more {
    display: none;
  }

}

/* КОНТАКТЫ */

.content_kontakty p,
.content_kontakty address.office {
  padding-left: 1%;
}

.content_kontakty .name {
  font-weight: 600;
}

.content_kontakty a {
  display: inline-block !important;
  color: #0000FF;
}

.content_kontakty a:hover {
  color: #800;
}

.content_kontakty a:active {
  color: red;

}

.content_kontakty .foto_inn,
.content_kontakty .foto_ogrnip,
.content_kontakty .road_map {
  display: none;
}

.content_kontakty address {
  padding: 1% 0;
  font-style: normal;
}

.content_kontakty .office_open {
  display: inline-block;
  color: #0000FF;
  text-decoration: underline;
  cursor: pointer;
}

.content_kontakty .office_open:hover {
  color: #800;
}

.content_kontakty .office_open:active {
  color: red;
}

.content_kontakty .popup_office {
  display: none;
  position: relative;
  margin: 1% auto;
  padding: 0;
  background: #fff;
  box-shadow: .1ex .1ex .3ex rgba(0, 0, 0, 0.7), -.1ex .1ex .3ex rgba(0, 0, 0, 0.5);
}

.content_kontakty .popup_office .close_office_x {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  padding: 1px 10px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
  /*background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);*/
  box-shadow: 0 0 .1ex #000;
  cursor: pointer;
}

.content_kontakty .popup_office .close_office_x .fa::before {
  content: "\f00d";
  color: #000;
  font-size: 1.25em;
}

.content_kontakty .popup_office .loading_office {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 50px);
  height: 50px;
  width: 100px;
  color: #DCDCDC;
  text-align: center;
  font-size: 1.25em;
}

.content_kontakty .popup_office .loading_office .fa::before {
  content: "\f1ce";
  color: #DCDCDC;
  text-align: center;
  font-size: 1.25em;
}

/*.bx-yandex-map {
  height: 60vh !important;
  width: 65vw !important;
}*/

/*.bx-yandex-map {
  height: 500px !important;
  width: 500px !important;
}*/


/*.content .feedback_kontakty .alx-feedb-error {
  color: red;
}

.content .feedback_kontakty .alx-feedb-error::after {
  font-size: 1.5em;
}

.content .feedback_kontakty .afbf_submit_block {
  margin-bottom: 3%;
}

.content .feedback_kontakty .afbf_inputtext_bg input,
.content .feedback_kontakty .afbf_inputtext_bg textarea {
  font-size: 1em;
}

.content .feedback_kontakty .afbf_name,
.content .feedback_kontakty .afbf_error_text,
.content .feedback_kontakty a {
  color: red;
  font-size: .9em;
}

.content .feedback_kontakty .afbf_btn {
  display: block;
  margin: 0 auto !important;
  padding: 1.5% 15%;
  border: none !important;
  border-radius: 10px !important;
  -webkit-box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.5);
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.5);
  background: #FFF;
  background: radial-gradient(ellipse at center, #FFF 0%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dcdcdc', GradientType=1);
  color: red;
  text-shadow: .1ex .1ex .3ex #000;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  font-size: 1em;
}

.content .feedback_kontakty .afbf_btn:hover {
  -webkit-box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.5) !important;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.5) !important;
  color: #800;
}

.content .feedback_kontakty .afbf_btn:active {
  -webkit-box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .3ex blue !important;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .3ex blue !important;
  color: blue;
}

.content .feedback_kontakty .alx-feedb-error,
.content .feedback_kontakty .alx-popup-mess-show-anime1 {
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.content .feedback_kontakty .afbf_error_icon {
  display: none;
  font-size: 0;
}

.content .afbf_item_pole.error_pole .afbf_error_text::after,
.content .afbf_item_pole.error_fpole .afbf_error_ftext::after {
  content: none;
  font-size: 0;
}*/

/* КОНТАКТЫ - @MEDIA */

/*@media all and (max-width: 768px) {

  .content .feedback_kontakty {
    margin-bottom: 3%;
  }

}*/

/* ОБРАТНАЯ СВЯЗЬ */

.content .feedback_kontakty {
  margin: 1% 1% 2% 1%;
  padding: 0 3% 0 3%;
  border: 10px solid transparent;
  border-image: 10 repeating-linear-gradient(45deg, #A7CECC, #A7CECC 10px, transparent 10px, transparent 20px, #F8463F 20px, #F8463F 30px, transparent 30px, transparent 40px);
}

.content .content_feadback {
  position: relative;
  width: 100%;
  margin: 5% auto;
}

.content .mfeedback .mf-text {
  color: red;
  font-size: .9em;
}

.content .mfeedback .mf-name,
.content .mfeedback .mf-email,
.content .mfeedback .mf-message {
  width: 100%;
}

.content .mfeedback .mf-name {
  display: none;
}

.content .mfeedback input[type=text],
.content .mfeedback textarea,
.content .mf-captcha {
  width: 100%;
}

.feedback_kontakty .feadback_form input[type='submit'] {
  display: none;
}

.content .mfeedback input[type=submit] {
  color: red;
}

.content .feadback_consent {
  margin-top: 20px;
}

.content .feadback_consent input {
  cursor: pointer;
}

.content .main-user-consent-request {
  display: flex;
}

.content .main-user-consent-request-announce-link {
  display: inline-block;
  padding-left: 20px;
  font-size: .9em;
  cursor: default;
}

.content .main-user-consent-request-announce-link a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.content .main-user-consent-request-announce-link a:hover {
  color: #800;
}

.content .main-user-consent-request-announce-link a:active {
  color: red;
}

/*.feadback_terms_of_use .fancybox-content {
  width: 60vw !important;
  height: 80vh !important;
}*/

/* ОБРАТНАЯ СВЯЗЬ - @MEDIA */

@media all and (min-width: 1920px) {

  .content .main-user-consent-request-announce-link {
    line-height: 1.2;
    font-size: 1em;
  }

}

@media all and (max-width: 1599px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 60%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 70vw !important;
    height: 80vh !important;
  }*/

}

@media all and (max-width: 1279px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 70%;
  }*/

}

@media all and (max-width: 767px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 80%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 80vw !important;
    height: 90vh !important;
  }*/

}

@media all and (max-width: 479px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 90%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 100vw !important;
    height: 100vh !important;
  }*/

  /*.privacy_policy .fancybox-slide {
    padding: 0;
  }*/

}

@media all and (max-width: 319px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 100%;
  }*/

}

/*---------------------------------*/

/* НОВОСТИ */

.content_novosti .block_news {
  width: 100%;
  margin: 3% 0;
}

.content_novosti .date {
  padding-left: 10%;
  color: #800;
  text-shadow: .1ex .1ex .2ex #000;
}

.content_novosti .news_flex {
  display: flex;

}

.content_novosti .news_foto {
  /*width: calc(100% / 3);*/
  width: 30%;
  text-align: center;
}

.content_novosti .news_foto img {
  width: 200px;
  border: 2px solid #808080;
  border-radius: 5px;
}

.content_novosti .news_text {
  position: relative;
  overflow: hidden;
  /*width: calc(100% / 3 * 2);*/
  width: 70%;
}

.content_novosti .news {
  position: absolute;
}

.content_novosti .link {
  margin: 0 0 2% 0;
}

.content_novosti .news_heading {
  text-align: left;
}

.content_novosti .news_in_detail {
  margin: 0 5%;
  text-indent: 7.5%;
  text-align: justify;
  /*font-size: .95em;*/
}

.content_novosti .fading_text:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.5em;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  /*background: linear-gradient(to right, rgba(255, 255, 255, 0), white 100%);*/
  box-shadow: 0 0 10px #fff;
  text-align: right;
  pointer-events: none;
}

.content_novosti .subscription {
  width: 70%;
  margin: 3% auto;
  /*margin-top: 2%;*/
  border: 1px solid #808080;
  text-align: center;
  color: #808080;
  font-weight: 600;
  font-size: .9em;
}

.content_novosti .subscription a:hover {
  color: #800;
}

.content_novosti .subscription a:active {
  color: red;
}

.content_novosti .foto_left {
  float: left;
  width: 400px;
  height: auto;
  margin: 20px;
}

.content_novosti .foto_right {
  float: right;
  width: 400px;
  height: auto;
  margin: 20px;
}

.content_novosti .foto_center {
  display: block;
  width: 60%;
  margin: 20px auto;
}

.content_novosti a:hover {
  color: #800;
}

.content_novosti ul {
  padding-left: 10%;
}

.content_novosti_009 ul {
  padding-right: 10%;
}

.content_novosti .poems {
  line-height: 1;
}

.content_novosti .owl-carousel-novosti {
  max-width: 70%;
  margin: 3% auto;
}

.content_novosti .carousel-item {
  /*max-height: 300px;*/
  border: 5px double #C0C0C0;
  box-shadow: 0 0 0 .2ex rgba(0, 0, 0, 0.2);
  cursor: grab;
}

.content_novosti .owl-dots {
  text-align: center;
  margin-top: 10px;
  text-indent: 0;
}

.content_novosti .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C0C0C0;
  margin: 0 3px;
}

.content_novosti .owl-dots button.owl-dot.active {
  background: #800;
}

.content_novosti .go_back {
  display: none;
}

/* НОВОСТИ - @MEDIA */

@media all and (max-width: 1279px) {

  .content_novosti .subscription {
    width: 80%;
  }

  .content_novosti .foto_left,
  .content_novosti .foto_right {
    width: 350px;
  }

  .content_novosti .foto_center {
    width: 70%;
  }

}

@media all and (max-width: 1000px) {

  .content_novosti .foto_left,
  .content_novosti .foto_right {
    width: 300px;
  }

}

@media all and (max-width: 767px) {

  .content_novosti .subscription {
    width: 90%;
  }

  .content_novosti .foto_left,
  .content_novosti .foto_right {
    display: block;
    float: none;
    width: 400px;
    margin: 20px auto;
  }

  .content_novosti .foto_center {
    width: 80%;
  }

  .content_novosti ul {
    padding-left: 5%;
  }

}

@media all and (max-width: 480px) {

  .content_novosti .subscription,
  .content_novosti .foto_left,
  .content_novosti .foto_right,
  .content_novosti .foto_center {
    width: 90%;
  }

  .content_novosti .subscription {
    margin-top: 50px;
  }

  .content_novosti .news_flex {
    display: block;
  }

  .content_novosti .news_foto {
    display: none;
  }

  .content_novosti .news_text {
    width: 100%;
    height: 140px;
  }

  .content_novosti ul {
    padding-left: 5%;
  }

}

/* НОВОСТИ: novosti-owl-carousel - @MEDIA */

@media all and (max-width: 319px) {

  .content_novosti .owl-carousel-novosti {
    max-width: 90%;
  }

}

@media all and (min-width: 320px) and (max-width: 399px) {

  .content_novosti .owl-carousel-novosti {
    max-width: 80%;
  }

}

@media all and (min-width: 2560px) {

  .content_novosti .owl-carousel-novosti {
    max-width: 60%;
  }

}

/*---------------------------------*/

/* КАРТА САЙТА */

.content_karta_sayta ul {
  list-style-type: none;
  padding-left: 0;
}

.content_karta_sayta .map-level-0 ul li a {
  text-align: left !important;
}

.content_karta_sayta .map-level-0>li:first-child>a,
.content_karta_sayta .map-level-0>li:last-child>a {
  margin-left: 0;
}

/*.content_karta_sayta .map-level-0>li:nth-last-child(2) {
  display: none;
}*/

.content_karta_sayta .map-level-1>li:first-child>a {
  display: none;
}

/*---------------------------------*/

/* ПОИСК */

.content_search .search-page {
  margin-top: 50px;
}

.content_search .search-page form {
  margin-bottom: 20px;
}

.content_search .search-page input[type=text] {
  width: 30%;
  margin-left: calc((100% - (30% + 70px)) /2);
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.content_search .search-page input[type="submit"]:hover {
  color: #800;
}

.content_search .search-page input[type="submit"]:active {
  color: red;
}

.content_search .search_page_syntax_open {
  margin: 3% 0 0 5%;
  display: none;
}

.search_page_syntax {
  border: 2px solid #DCDCDC;
  padding: 10px;
}

.content_search .search_page_syntax p {
  font-size: .9em;
}

.content_search .search_page_syntax .instruction {
  background: rgba(0, 0, 0, 0.02);
  padding: 5px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 1em;
}

.content_search .search_page_syntax table {
  font-size: .9em;
}

.content_search .search_page_syntax th {
  font-weight: normal;
}

.content_search .search_page_syntax td {
  padding: 5px;
}

.content_search .search_page_syntax td:nth-child(1),
.content_search .search_page_syntax td:nth-child(2) {
  width: 100px;
  text-align: center;
}

/* ПОИСК - @MEDIA */

@media all and (max-width: 239px) {

  .content_search .search-page input[type=text] {
    width: 60%;
    margin-left: calc((100% - (60% + 70px)) / 2);
  }

}

@media all and (min-width: 240px) and (max-width: 479px) {

  .content_search .search-page input[type=text] {
    width: 70%;
    margin-left: calc((100% - (70% + 70px)) / 2);
  }

}

@media all and (min-width: 480px) and (max-width: 1279px) {

  .content_search .search-page input[type=text] {
    width: 330px;
    margin-left: calc((100% - (330px + 70px)) / 2);
  }

}

@media all and (min-width: 2560px) {

  .content_search .search-page input[type=text] {
    font-size: 1em;
  }

}

/* ПРЕЙСКУРАНТ */

.content_preyskurant .price-list {
  overflow-x: auto;
}

.content_preyskurant table,
.content_preyskurant tbody {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #696969;
  counter-reset: number;
}

.content_preyskurant tr,
.content_preyskurant th,
.content_preyskurant td {
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid #A9A9A9;
  vertical-align: top;
  text-align: center;
  color: #696969;
}

.content_preyskurant th {
  vertical-align: middle;
}

.content_preyskurant .table_number {
  width: 5%;
}

.content_preyskurant .table_name {
  width: 65%;
}

.content_preyskurant .table_unit {
  width: 10%;
}

.content_preyskurant .table_value {
  width: 20%;
}

.content_preyskurant .section {
  width: 100%;
}

.content_preyskurant .number {
  text-align: right;
}

.content_preyskurant .number::before {
  counter-increment: number;
  content: counter(number);
}

.content_preyskurant .name {
  padding: 5px 15px;
  text-align: left;
}

.content_preyskurant .note_price-list_1 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .9em;
}

.content_preyskurant .note_price-list_2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .9em;
}

.content_preyskurant .note_price-list_3 {
  margin-top: 0;
  padding-top: 0;
  font-size: .9em;
}

/* ПРЕЙСКУРАНТ - @MEDIA */

@media all and (max-width: 767px) {

  .content_preyskurant .price-list {
    font-size: .9em;
  }

}

/* ОНЛАЙН-КАЛЬКУЛЯТОР */

.content_onlayn_kalkulyator .block_subsection {
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 5px;
  border: 10px double #FFFFE0;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.2);
}

.content_onlayn_kalkulyator .block_subsection:active {
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.1);
}

.content_onlayn_kalkulyator .block_subsection a {
  text-decoration: none;
}

.content_onlayn_kalkulyator .block_name {
  display: block;
  padding: 5px 0;
  margin: 0 50px;
  text-align: center;
  font-size: 1.25em;
  color: #696969;
  text-shadow: .1ex .1ex .01ex #000;
}

.content_onlayn_kalkulyator .arrow_left_down::after,
.content_onlayn_kalkulyator .arrow_right_down::after {
  content: "\f13a";
  font-size: 2em;
  color: #DCDCDC;
  text-shadow: .1ex .1ex .01ex #fff;
}

.content_onlayn_kalkulyator .arrow_left_up::after,
.content_onlayn_kalkulyator .arrow_right_up::after {
  content: "\f139";
  font-size: 2em;
  color: #DCDCDC;
  text-shadow: .1ex .1ex .01ex #fff;
}

.content_onlayn_kalkulyator .block_darkred {
  box-shadow: .1ex .1ex .1ex #800;
}

.content_onlayn_kalkulyator .darkred,
.content_onlayn_kalkulyator .darkred::after {
  color: #800;
  outline-color: #800;
}

.content_onlayn_kalkulyator .block_red {
  /*box-shadow: .1ex .1ex .1ex red;
  background: red;*/
  background: #800;
}

.content_onlayn_kalkulyator .red,
.content_onlayn_kalkulyator .red::after {
  /*color: #FFD700;*/
  /*color: #FFA07A;*/
  color: #FF7F50;
  outline-color: #fff;
  text-shadow: .1ex .1ex .1ex #800;
}

.content_onlayn_kalkulyator .arrow_left_down,
.content_onlayn_kalkulyator .arrow_left_up {
  position: absolute;
  top: calc(50% - 32px/2);
  left: 20px;
}

.content_onlayn_kalkulyator .arrow_right_down,
.content_onlayn_kalkulyator .arrow_right_up {
  position: absolute;
  top: calc(50% - 32px/2);
  right: 20px;
}

.content_onlayn_kalkulyator .note_calculator_1 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .9em;
}

.content_onlayn_kalkulyator .note_calculator_2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .9em;
}

.content_onlayn_kalkulyator .note_calculator_3 {
  margin-top: 0;
  padding-top: 0;
  font-size: .9em;
}


/*.content_onlayn_kalkulyator .zhilyye_pomeshcheniya_spisok,
.nezhilyye_pomeshcheniya_spisok,
.otdelka_pomeshcheniy_come_back {
  display: none;
}

.content_onlayn_kalkulyator .nezhilyye_pomeshcheniya_spisok {
  text-align: center;
}*/

.content_onlayn_kalkulyator .announcement {
  text-align: center;
  color: red;
  font-weight: 600;
}

.content_onlayn_kalkulyator .go_back_onlayn_kalkulyator,
.content_onlayn_kalkulyator .go_back_stroitelstvo_domov,
.content_onlayn_kalkulyator .go_back_remont_kvartir,
.content_onlayn_kalkulyator .go_back_otdelka_pomeshcheniy,
.content_onlayn_kalkulyator .go_back_otdelka_zhilykh_pomeshcheniy,
.content_onlayn_kalkulyator .go_back_otdelnye_vidy_rabot {
  display: none;
}

/* ОНЛАЙН-КАЛЬКУЛЯТОР - @MEDIA */

@media all and (max-width: 499px) {

  .content_onlayn_kalkulyator .block_name {
    margin: 0 25px;
    font-size: 1em;
  }

  .content_onlayn_kalkulyator .arrow_left_down::after,
  .content_onlayn_kalkulyator .arrow_right_down::after,
  .content_onlayn_kalkulyator .arrow_left_up::after,
  .content_onlayn_kalkulyator .arrow_right_up::after {
    font-size: 1.25em;
  }

  .content_onlayn_kalkulyator .arrow_left_down,
  .content_onlayn_kalkulyator .arrow_left_up {
    top: calc(50% - 20px/2);
    left: 5px;
  }

  .content_onlayn_kalkulyator .arrow_right_down,
  .content_onlayn_kalkulyator .arrow_right_up {
    top: calc(50% - 20px/2);
    right: 5px;
  }

}

@media all and (min-width: 500px) and (max-width: 1000px) {

  .content_onlayn_kalkulyator .block_name {
    margin: 0 30px;
    font-size: 1.1em;
  }

  .content_onlayn_kalkulyator .arrow_left_down::after,
  .content_onlayn_kalkulyator .arrow_right_down::after,
  .content_onlayn_kalkulyator .arrow_left_up::after,
  .content_onlayn_kalkulyator .arrow_right_up::after {
    font-size: 1.5em;
  }

  .content_onlayn_kalkulyator .arrow_left_down,
  .content_onlayn_kalkulyator .arrow_left_up {
    top: calc(50% - 25px/2);
    left: 5px;
  }

  .content_onlayn_kalkulyator .arrow_right_down,
  .content_onlayn_kalkulyator .arrow_right_up {
    top: calc(50% - 25px/2);
    right: 5px;
  }

}

@media all and (min-width: 2560px) {

  .content_onlayn_kalkulyator .arrow_left_down,
  .content_onlayn_kalkulyator .arrow_left_up,
  .content_onlayn_kalkulyator .arrow_right_down,
  .content_onlayn_kalkulyator .arrow_right_up {
    top: calc(50% - 2.4vh/2);
  }


}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: РЕМОНТ КВАРТИР, ОТДЕЛКА ПОМЕЩЕНИЙ */

.onlayn_calculator_otdelka_pomeshcheniy .block,
.onlayn_calculator_remont_kvartir .block {
  width: 100%;
  margin: 10px 0 0 0;
  background: rgba(0, 0, 0, 0.1);
  border: 10px double #FFFFE0;
  border-radius: 20px;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.2);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_caption,
.onlayn_calculator_remont_kvartir .block_caption {
  width: 100%;
  padding: 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm,
.onlayn_calculator_remont_kvartir .block_algorithm {
  position: relative;
  width: 100%;
  height: auto;
  padding: 5px 5px 5px 30px;
  background: #FFFFE0;
  text-align: left;
  color: rgba(0, 0, 0, .7);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .podskazka_open,
.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .podskazka_close,
.onlayn_calculator_remont_kvartir .block_algorithm .podskazka_open,
.onlayn_calculator_remont_kvartir .block_algorithm .podskazka_close {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #FFFFE0;
  box-shadow: .5px .5px .5px rgba(0, 0, 0, 0.1);
  cursor: help;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .podskazka_open:hover,
.onlayn_calculator_remont_kvartir .block_algorithm .podskazka_open:hover {
  color: #800;
  box-shadow: .5px .5px .5px rgba(0, 0, 0, 0.5);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .podskazka_open:active,
.onlayn_calculator_remont-kvartir .block_algorithm .podskazka_open:active {
  color: red;
  box-shadow: .7px .7px .7px rgba(0, 0, 0, 0.7);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup,
.onlayn_calculator_remont_kvartir .block_algorithm .modal_popup {
  position: relative;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 70%;
  /*border: 1px solid rgba(0, 0, 0, 0.1);*/
  border-radius: 5px;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.5);
  padding: 20px 30px;
  background: #000;
  opacity: 0.5;
  z-index: 9999;
  font-size: .9em;
  color: #FFFFE0;
  text-align: center;
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup a,
.onlayn_calculator_remont_kvartir .block_algorithm .modal_popup a {
  display: inline-block;
  color: #FFFFE0;
  text-shadow: .1px .1px .1px #000;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup a:hover,
.onlayn_calculator_remont_kvartir .block_algorithm .modal_popup a:hover {
  color: #800;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup a:active,
.onlayn_calculator_remont_kvartir .block_algorithm .modal_popup a:active {
  color: red;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup_close,
.onlayn_calculator_remont_kvartir .block_algorithm .modal_popup_close {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_option_1,
.onlayn_calculator_otdelka_pomeshcheniy .option_2_block_flex,
.onlayn_calculator_otdelka_pomeshcheniy .option_3_block_flex,
.onlayn_calculator_otdelka_pomeshcheniy .calculator_input_work,
.onlayn_calculator_otdelka_pomeshcheniy .result_block_flex,
.onlayn_calculator_remont_kvartir .option_1_block_flex,
.onlayn_calculator_remont_kvartir .apartment_option_2_block_flex,
.onlayn_calculator_remont_kvartir .apartment_option_3_block_flex,
.onlayn_calculator_remont_kvartir .rooms_option_2_block_flex,
.onlayn_calculator_remont_kvartir .rooms_option_3_block_flex,
.onlayn_calculator_remont_kvartir .option_4_block_flex,
.onlayn_calculator_remont_kvartir .calculator_input_work,
.onlayn_calculator_remont_kvartir .result_block_flex {
  display: flex;
  text-align: center;
}

.onlayn_calculator_otdelka_pomeshcheniy .option_1_test,
.onlayn_calculator_otdelka_pomeshcheniy .option_2_test,
.onlayn_calculator_otdelka_pomeshcheniy .option_3_test,
.onlayn_calculator_otdelka_pomeshcheniy .calculator_test,
.onlayn_calculator_remont_kvartir .option_1_test,
.onlayn_calculator_remont_kvartir .apartment_option_2_test,
.onlayn_calculator_remont_kvartir .apartment_option_3_test,
.onlayn_calculator_remont_kvartir .rooms_option_2_test,
.onlayn_calculator_remont_kvartir .rooms_option_3_test,
.onlayn_calculator_remont_kvartir .option_4_test,
.onlayn_calculator_remont_kvartir .calculator_test {
  padding: 5px 5px 5px 30px;
  background: #FFFFE0;
  text-align: left;
  color: red;
  font-size: .9em;
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .attention,
.onlayn_calculator_remont_kvartir .attention {
  display: inline-block;
  border: 1px solid red;
  border-radius: 50%;
  background: red;
  padding: 0 8px;
  color: #FFFFE0;
  font-size: .9em;
}

.onlayn_calculator_otdelka_pomeshcheniy .next,
.onlayn_calculator_otdelka_pomeshcheniy .restart,
.onlayn_calculator_remont_kvartir .next,
.onlayn_calculator_remont_kvartir .restart {
  position: relative;
  height: 60px;
  background: #fff;
}

.onlayn_calculator_otdelka_pomeshcheniy .next .button_back,
.onlayn_calculator_otdelka_pomeshcheniy .next .button_next,
.onlayn_calculator_otdelka_pomeshcheniy .restart .button_restart,
.onlayn_calculator_remont_kvartir .next .button_back,
.onlayn_calculator_remont_kvartir .next .button_next,
.onlayn_calculator_remont_kvartir .restart .button_restart {
  position: absolute;
  padding: 10px 25px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .2ex #000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  text-align: center;
  cursor: pointer;
}

.onlayn_calculator_otdelka_pomeshcheniy .next .button_next,
.onlayn_calculator_otdelka_pomeshcheniy .restart .button_restart,
.onlayn_calculator_remont_kvartir .next .button_next,
.onlayn_calculator_remont_kvartir .restart .button_restart {
  top: 10px;
  right: 15px;
}

.onlayn_calculator_otdelka_pomeshcheniy .next .button_back,
.onlayn_calculator_remont_kvartir .next .button_back {
  top: 10px;
  right: 150px;
}

.onlayn_calculator_otdelka_pomeshcheniy .next span:hover,
.onlayn_calculator_otdelka_pomeshcheniy .restart span:hover,
.onlayn_calculator_remont_kvartir .next span:hover,
.onlayn_calculator_remont_kvartir .restart span:hover {
  color: #800;
}

.onlayn_calculator_otdelka_pomeshcheniy .next span:active,
.onlayn_calculator_otdelka_pomeshcheniy .restart span:active,
.onlayn_calculator_remont_kvartir .next span:active,
.onlayn_calculator_remont_kvartir .restart span:active {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
  color: red;
}

.onlayn_calculator_otdelka_pomeshcheniy .option_1,
.onlayn_calculator_remont_kvartir .rooms_option_3 {
  width: calc(100%/5);
  margin: 0;
  padding: 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelka_pomeshcheniy .option_1 .zapyataya,
.onlayn_calculator_remont_kvartir .rooms_option_3 .zapyataya {
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_option_1 input,
.onlayn_calculator_remont_kvartir .rooms_option_3 input {
  width: 60px;
  padding: 3px 10px;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_option_1 .area,
.onlayn_calculator_remont_kvartir .rooms_option_3 .area {
  display: inline-block;
  width: 65px;
  padding: 3px 10px;
  border: none;
  background: #fff;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.onlayn_calculator_otdelka_pomeshcheniy .block_calculator h4,
.onlayn_calculator_remont_kvartir .block_calculator h4 {
  padding: 10px 30px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelka_pomeshcheniy .calculator_input,
.onlayn_calculator_remont_kvartir .calculator_input {
  width: 20%;
  padding: 10px;
  border: 1px solid #FFFFE0;
  text-align: center;
}

.onlayn_calculator_otdelka_pomeshcheniy .calculator_input input,
.onlayn_calculator_remont_kvartir .calculator_input input {
  vertical-align: middle;
  /*box-shadow: 2px 2px 5px #000, 1px 1px 5px rgba(255, 255, 255, 1);*/
}

.onlayn_calculator_otdelka_pomeshcheniy .calculator_work,
.onlayn_calculator_remont_kvartir .calculator_work {
  width: 80%;
  padding: 10px;
  border: 1px solid #FFFFE0;
  text-align: left;
}

.onlayn_calculator_otdelka_pomeshcheniy .calculator_work span {
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_result,
.onlayn_calculator_remont_kvartir .block_result {
  width: 100%;
  background: #FFFFE0;
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .result_1,
.onlayn_calculator_remont_kvartir .result_1 {
  width: 50%;
  padding: 17px 15px 0 15px;
  text-align: left;
  color: red;
  text-shadow: .01ex .01ex .01ex #696969;
  font-weight: 600;
}

.onlayn_calculator_otdelka_pomeshcheniy .result_2,
.onlayn_calculator_remont_kvartir .result_2 {
  width: 50%;
  padding: 10px 15px;
  text-align: left;
  color: red;
}

.onlayn_calculator_otdelka_pomeshcheniy .result_2 .result_total,
.onlayn_calculator_remont_kvartir .result_2 .result_total {
  width: 100%;
  background: #fff;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
  padding: 2px 15px;
  font-weight: 600;
  font-size: 1.1em;
}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: РЕМОНТ КВАРТИР */

.onlayn_calculator_remont_kvartir .algorithm_1_2,
.onlayn_calculator_remont_kvartir .apartment_algorithm_2_2,
.onlayn_calculator_remont_kvartir .apartment_algorithm_3_2,
.onlayn_calculator_remont_kvartir .rooms_algorithm_2_2,
.onlayn_calculator_remont_kvartir .rooms_algorithm_3_2,
.onlayn_calculator_remont_kvartir .algorithm_4_2,
.onlayn_calculator_remont_kvartir .algorithm_5_2 {
  display: none;
}

.onlayn_calculator_remont_kvartir .block_apartment_algorithm_2,
.onlayn_calculator_remont_kvartir .block_apartment_algorithm_3,
.onlayn_calculator_remont_kvartir .block_rooms_algorithm_2,
.onlayn_calculator_remont_kvartir .block_rooms_algorithm_3,
.onlayn_calculator_remont_kvartir .block_algorithm_4,
.onlayn_calculator_remont_kvartir .block_algorithm_5 {
  display: none;
}

.onlayn_calculator_remont_kvartir .option_1 {
  width: calc(100%/2);
  padding: 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_remont_kvartir .option_1 input {
  margin-right: 10px;
}

.onlayn_calculator_remont_kvartir .next_apartment_2,
.onlayn_calculator_remont_kvartir .next_apartment_3,
.onlayn_calculator_remont_kvartir .next_rooms_2,
.onlayn_calculator_remont_kvartir .next_rooms_3,
.onlayn_calculator_remont_kvartir .next_4,
.onlayn_calculator_remont_kvartir .next_block_calculator,
.onlayn_calculator_remont_kvartir .restart {
  display: none;
}

/* block_apartment, block_rooms */

.onlayn_calculator_remont_kvartir .block_apartment_option_2,
.onlayn_calculator_remont_kvartir .block_apartment_option_3,
.onlayn_calculator_remont_kvartir .block_rooms_option_2,
.onlayn_calculator_remont_kvartir .block_rooms_option_3_clone {
  position: relative;
  display: none;
}

.onlayn_calculator_remont_kvartir .apartment_option_2_1,
.onlayn_calculator_remont_kvartir .apartment_option_2_2,
.onlayn_calculator_remont_kvartir .apartment_option_3,
.onlayn_calculator_remont_kvartir .rooms_option_2 {
  position: relative;
  width: 50%;
  margin: 0;
  padding: 10px;
  border: 1px solid #FFFFE0;
  text-align: center;
}

.onlayn_calculator_remont_kvartir .apartment_option_2_2 input {
  width: 150px;
  padding: 3px 10px;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.onlayn_calculator_remont_kvartir .apartment_option_2_modal,
.onlayn_calculator_remont_kvartir .apartment_option_3_modal,
.onlayn_calculator_remont_kvartir .rooms_option_2_modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  display: none;
}

.onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_1,
.onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_2,
.onlayn_calculator_remont_kvartir .apartment_option_3_podskazka,
.onlayn_calculator_remont_kvartir .rooms_option_2_podskazka {
  position: relative;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 70%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.5);
  padding: 20px 30px;
  background: #fff;
  opacity: 1;
  z-index: 9999;
  font-size: .9em;
  text-align: center;
  display: none;
}

.onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_close,
.onlayn_calculator_remont_kvartir .apartment_option_3_podskazka_close,
.onlayn_calculator_remont_kvartir .rooms_option_2_podskazka_close {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
}

.onlayn_calculator_remont_kvartir .apartment_option_3 button,
.onlayn_calculator_remont_kvartir .rooms_option_2 button {
  width: 30px;
}

.onlayn_calculator_remont_kvartir .apartment_option_3 .numeral,
.onlayn_calculator_remont_kvartir .rooms_option_2 .numeral {
  all: unset;
  /*-moz-appearance: textfield;*/
  width: 30px;
  text-align: center;
}

.onlayn_calculator_remont_kvartir .apartment_option_3 .numeral::-webkit-inner-spin-button,
.onlayn_calculator_remont_kvartir .rooms_option_2 .numeral::-webkit-inner-spin-button {
  display: none;
}

.onlayn_calculator_remont_kvartir .result_apartment_option_3,
.onlayn_calculator_remont_kvartir .result_rooms_option_2 {
  color: red;
  display: none;
}

.onlayn_calculator_remont_kvartir .block_rooms_calculation {
  display: none;
}

.onlayn_calculator_remont_kvartir .name {
  width: 100%;
  text-align: center;
}

.onlayn_calculator_remont_kvartir .block_rooms_option_3_2 {
  display: none;
}

/* block_4, block_calculator */

.onlayn_calculator_remont_kvartir .result_area_pola_potolka,
.onlayn_calculator_remont_kvartir .result_area_sten,
.onlayn_calculator_remont_kvartir .result_perimeter_sten {
  color: red;
  display: none;
}

.onlayn_calculator_remont_kvartir .block_option_4 {
  display: none;
}

.onlayn_calculator_remont_kvartir .option_4 {
  width: calc(100%/3);
  padding: 10px;
  border: 1px solid #FFFFE0;
  text-align: center;
}

.onlayn_calculator_remont_kvartir .option_4 input {
  margin-right: 10px;
}

.onlayn_calculator_remont_kvartir .block_calculator {
  text-align: center;
  display: none;
}

.onlayn_calculator_remont_kvartir .block_calculator_1,
.onlayn_calculator_remont_kvartir .block_calculator_2,
.onlayn_calculator_remont_kvartir .block_calculator_3 {
  display: none;
}

.onlayn_calculator_remont_kvartir .calculator_work span {
  display: none;
}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: РЕМОНТ КВАРТИР - @MEDIA */

@media all and (max-width: 310px) {

  .onlayn_calculator_remont_kvartir .block_apartment_option_3 button,
  .onlayn_calculator_remont_kvartir .block_rooms_option_2 button {
    width: 25px;
  }

  .onlayn_calculator_remont_kvartir .block_apartment_option_3 .numeral,
  .onlayn_calculator_remont_kvartir .block_rooms_option_2 .numeral {
    all: unset;
    width: 20px;
  }

  .onlayn_calculator_remont_kvartir .next .button_back,
  .onlayn_calculator_remont_kvartir .next .button_next,
  .onlayn_calculator_remont_kvartir .restart .button_restart {
    padding: 10px;
  }

  .onlayn_calculator_remont_kvartir .next .button_next,
  .onlayn_calculator_remont_kvartir .restart .button_restart {
    right: 5px;
  }

  .onlayn_calculator_remont_kvartir .next .button_back {
    right: 105px;
  }

}

@media all and (max-width: 519px) {

  .onlayn_calculator_remont_kvartir .block_algorithm .modal_popup,
  .onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_1,
  .onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_2,
  .onlayn_calculator_remont_kvartir .apartment_option_3_podskazka,
  .onlayn_calculator_remont_kvartir .rooms_option_2_podskazka {
    min-width: 80%;
    max-width: 90%;
  }

  .onlayn_calculator_remont_kvartir .option_1_block_flex {
    text-align: left;
  }

  .onlayn_calculator_remont_kvartir .option_1 {
    padding-left: 20px;
  }

  .onlayn_calculator_remont_kvartir .block_algorithm {
    padding-left: 10px;
  }

  .onlayn_calculator_remont_kvartir .option_1_block_flex,
  .onlayn_calculator_remont_kvartir .apartment_option_2_block_flex,
  .onlayn_calculator_remont_kvartir .apartment_option_3_block_flex,
  .onlayn_calculator_remont_kvartir .option_4_block_flex {
    display: block;
  }

  .onlayn_calculator_remont_kvartir .option_1,
  .onlayn_calculator_remont_kvartir .apartment_option_2_1,
  .onlayn_calculator_remont_kvartir .apartment_option_2_2,
  .onlayn_calculator_remont_kvartir .apartment_option_3,
  .onlayn_calculator_remont_kvartir .option_4 {
    width: 100%;
  }

  .onlayn_calculator_remont_kvartir .rooms_option_3_block_flex {
    display: block;
  }

  .onlayn_calculator_remont_kvartir .rooms_option_3:not(.name) {
    width: 100%;
    text-align: right;
  }

  .onlayn_calculator_remont_kvartir .rooms_option_3 .zapyataya {
    display: inline;
  }

  .onlayn_calculator_remont_kvartir .rooms_option_3 input,
  .onlayn_calculator_remont_kvartir .rooms_option_3 .area {
    /*float: right;*/
    width: 50%;
    text-align: left;
    margin-left: 10px;
  }

}

@media all and (min-width: 520px) and (max-width: 1279px) {

  .onlayn_calculator_remont_kvartir .block_algorithm .modal_popup,
  .onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_1,
  .onlayn_calculator_remont_kvartir .apartment_option_2_podskazka_2,
  .onlayn_calculator_remont_kvartir .apartment_option_3_podskazka,
  .onlayn_calculator_remont_kvartir .rooms_option_2_podskazka {
    min-width: 70%;
    max-width: 80%;
  }

  .onlayn_calculator_remont_kvartir .block_option_1 input,
  .onlayn_calculator_remont_kvartir .block_rooms_calculation input,
  .onlayn_calculator_remont_kvartir .block_rooms_calculation .area,
  .onlayn_calculator_remont_kvartir .block_rooms_calculation_clone input,
  .onlayn_calculator_remont_kvartir .block_rooms_calculation_clone .area,
  .onlayn_calculator_remont_kvartir .block_option_4 input {
    display: block;
    margin: 5px auto;
  }

}

@media all and (max-width: 460px) {

  .onlayn_calculator_remont_kvartir .result_block_flex {
    display: block;
  }

  .onlayn_calculator_remont_kvartir .result_1,
  .onlayn_calculator_remont_kvartir .result_2 {
    width: 100%;
    text-align: center;
  }

  .onlayn_calculator_remont_kvartir .result_1 {
    padding: 10px 10px 5px 10px;
  }

  .onlayn_calculator_remont_kvartir .result_2 {
    padding: 5px 10px 10px 10px;
  }

}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: ОТДЕЛКА ПОМЕЩЕНИЙ */

.onlayn_calculator_otdelka_pomeshcheniy .algorithm_1_2,
.onlayn_calculator_otdelka_pomeshcheniy .algorithm_2_2,
.onlayn_calculator_otdelka_pomeshcheniy .algorithm_3_2,
.onlayn_calculator_otdelka_pomeshcheniy .algorithm_4_2 {
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm_2,
.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm_3,
.onlayn_calculator_otdelka_pomeshcheniy .block_algorithm_4 {
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .next_2,
.onlayn_calculator_otdelka_pomeshcheniy .next_3,
.onlayn_calculator_otdelka_pomeshcheniy .next_4,
.onlayn_calculator_otdelka_pomeshcheniy .restart {
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_option_2,
.onlayn_calculator_otdelka_pomeshcheniy .block_option_3 {
  width: 100%;
  text-align: center;
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .option_2,
.onlayn_calculator_otdelka_pomeshcheniy .option_3 {
  width: calc(100%/3);
  padding: 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_option_2 input,
.onlayn_calculator_otdelka_pomeshcheniy .block_option_3 input {
  margin-right: 10px;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_calculator {
  width: 100%;
  text-align: left;
  display: none;
}

.onlayn_calculator_otdelka_pomeshcheniy .block_calculator_1,
.onlayn_calculator_otdelka_pomeshcheniy .block_calculator_2,
.onlayn_calculator_otdelka_pomeshcheniy .block_calculator_3 {
  display: none;
}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: ОТДЕЛКА ПОМЕЩЕНИЙ - @MEDIA */

@media all and (max-width: 310px) {

  .onlayn_calculator_otdelka_pomeshcheniy .next .button_back,
  .onlayn_calculator_otdelka_pomeshcheniy .next .button_next,
  .onlayn_calculator_otdelka_pomeshcheniy .restart .button_restart {
    padding: 10px;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .next .button_next,
  .onlayn_calculator_otdelka_pomeshcheniy .restart .button_restart {
    right: 5px;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .next .button_back {
    right: 105px;
  }

}

@media all and (max-width: 519px) {

  .onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup {
    min-width: 80%;
    max-width: 90%;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .block_algorithm {
    padding-left: 10px;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .block_option_1 {
    display: block;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_1 {
    width: 100%;
    text-align: right;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_1 .zapyataya {
    display: inline;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_1 input,
  .onlayn_calculator_otdelka_pomeshcheniy .option_1 .area {
    /*float: right;*/
    width: 50%;
    text-align: left;
    margin-left: 10px;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_2_block_flex,
  .onlayn_calculator_otdelka_pomeshcheniy .option_3_block_flex {
    display: block;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_2,
  .onlayn_calculator_otdelka_pomeshcheniy .option_3 {
    width: 100%;
  }

}

@media all and (min-width: 520px) and (max-width: 1279px) {

  .onlayn_calculator_otdelka_pomeshcheniy .block_algorithm .modal_popup {
    min-width: 70%;
    max-width: 80%;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .option_1 input,
  .onlayn_calculator_otdelka_pomeshcheniy .option_1 .area {
    display: block;
    margin: 5px auto;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .block_option_2 input,
  .onlayn_calculator_otdelka_pomeshcheniy .block_option_3 input {
    display: block;
    margin: 5px auto;

  }

}

@media all and (max-width: 460px) {

  .onlayn_calculator_otdelka_pomeshcheniy .result_block_flex {
    display: block;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .result_1,
  .onlayn_calculator_otdelka_pomeshcheniy .result_2 {
    width: 100%;
    text-align: center;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .result_1 {
    padding: 10px 10px 5px 10px;
  }

  .onlayn_calculator_otdelka_pomeshcheniy .result_2 {
    padding: 5px 10px 10px 10px;
  }

}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: ОТДЕЛЬНЫЕ ВИДЫ РАБОТ */

.onlayn_calculator_otdelnye_vidy_rabot .block_static {
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 5px;
  border: 10px double #FFFFE0;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.2);
}

.onlayn_calculator_otdelnye_vidy_rabot .block_static:active {
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.1);
}

.onlayn_calculator_otdelnye_vidy_rabot .block_active {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  background: rgba(0, 0, 0, 0.1);
  border: 10px double #FFFFE0;
  border-radius: 20px;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.2);
}

.onlayn_calculator_otdelnye_vidy_rabot .block_active:active {
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.1);
}

.onlayn_calculator_otdelnye_vidy_rabot .block_active_name {
  position: relative;
  width: 100%;
  height: auto;
  padding: 5px;
  border: 1px solid #FFFFE0;
  cursor: pointer;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_types_of_work {
  display: flex;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_test {
  display: none;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_types {
  width: 50%;
  padding: 8px 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_works {
  width: 50%;
  padding: 4px 10px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelnye_vidy_rabot .name {
  padding: 0;
  text-align: left;
  text-shadow: .01ex .01ex .01ex #696969;
}

.onlayn_calculator_otdelnye_vidy_rabot .name_result {
  text-align: left;
  color: red;
  text-shadow: .01ex .01ex .01ex #696969;
}

.onlayn_calculator_otdelnye_vidy_rabot .test {
  padding: 5px;
  font-size: .9em;
  line-height: 1;
  color: red;
}

.onlayn_calculator_otdelnye_vidy_rabot select {
  width: 100%;
  padding: 5px 10px;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.onlayn_calculator_otdelnye_vidy_rabot input {
  width: 100%;
  padding: 5px 15px;
  text-align: left;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
}

.onlayn_calculator_otdelnye_vidy_rabot .result,
.onlayn_calculator_otdelnye_vidy_rabot .result_total {
  width: 100%;
  background: #fff;
  border: none;
  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);
  padding: 2px 15px;
  color: red;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_result_total {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  background: rgba(0, 0, 0, 0.1);
  border: 10px double #FFFFE0;
  border-radius: 20px;
  display: none;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.2);
}

.onlayn_calculator_otdelnye_vidy_rabot .block3_result_total {
  width: 100%;
  height: auto;
  padding: 5px;
  border: 1px solid #FFFFE0;
}

.onlayn_calculator_otdelnye_vidy_rabot .block_result_total_test {
  display: none;
}

.onlayn_calculator_otdelnye_vidy_rabot .font_600 {
  font-weight: 600;
}

/* ОНЛАЙН-КАЛЬКУЛЯТОР: ОТДЕЛЬНЫЕ ВИДЫ РАБОТ - @MEDIA */

@media all and (max-width: 499px) {

  .onlayn_calculator_otdelnye_vidy_rabot .block_types_of_work {
    display: block;
  }

  .onlayn_calculator_otdelnye_vidy_rabot .block_types {
    width: 100%;
    padding: 6px 10px;
  }

  .onlayn_calculator_otdelnye_vidy_rabot .block_works {
    width: 100%;
    padding: 5px 10px;
  }

  .onlayn_calculator_otdelnye_vidy_rabot .block_types_empty {
    display: none;
  }

  .onlayn_calculator_otdelnye_vidy_rabot .block_padding {
    padding-bottom: 10px;
  }

}

/* ФОТОГАЛЕРЕЯ */

.content_fotogalereya h2 {
  border: none;
}

.foto_gallery_section {
  padding: 20px;
  margin: 0 3% 1% 3%;
  outline: 5px solid #fff;
  outline-offset: -15px;
  text-indent: 0;
  box-shadow:
    0 .1ex .4ex rgba(0, 0, 0, .3),
    -2.3ex 0 2ex -2.3ex rgba(0, 0, 0, .8),
    2.3ex 0 2ex -2.3ex rgba(0, 0, 0, .8),
    0 0 15ex #fff inset;
  background: radial-gradient(ellipse at center, #dcdcdc 0%, #808080 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#808080', GradientType=1);*/
  background-size: cover;
  background-position: center center;
}

.foto_gallery_section h2,
.foto_gallery_section h3,
.foto_gallery_section .album_title {
  padding: 0;
  margin: 2% 0;
  margin-bottom: 20px;
  border: none;
  background: none;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  font-size: 24px;
  text-shadow: .2ex .2ex .2ex #000;
  /*-webkit-text-stroke: 1px #fff;*/
}

.foto_gallery_section .text {
  text-align: left;
  text-indent: 0;
  margin-left: 5%;
  background: none;
  color: #fff;
  /*-webkit-text-stroke: 1px #fff;*/
}

/*.foto_gallery_och-umelye-ruchki .album_title {
  padding: 0;
  margin: 2% 0;
  color: #F0E68C;
  font-weight: 600;
  line-height: 1.5;
  font-size: 24px;
  text-shadow: .1ex .1ex .1ex #000;
}*/

/*.foto_gallery_section .rooms {
  display: inline-block;
  color: #fff;
  text-shadow: .1ex .1ex .1ex #000;
  font-weight: 600;
}*/

.foto_gallery_section .text p {
  padding: 5px 0;
  text-shadow: .2ex .2ex .2ex #000;
}

.foto_gallery_section a,
.foto_gallery_section .view_photo_album {
  position: relative;
  display: inline-block;
  margin-top: 95px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: .2ex .2ex .2ex rgba(0, 0, 0, 0.5);
  color: #fff;
  text-shadow: .2ex .2ex .2ex #800;
  background: rgba(0, 0, 0, 0.05);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

.foto_gallery_section a::before,
.foto_gallery_section .view_photo_album::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 5px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, .1)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .1) 100%);*/
  background:
    -webkit-gradient(linear, left top, left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.7)),
      color-stop(100%, rgba(255, 255, 255, .1)));
}

.foto_gallery_section a:hover,
.foto_gallery_section .view_photo_album:hover {
  color: #800;
  text-shadow: .1ex .1ex .1ex #fff;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.7);
}

.foto_gallery_section a:active,
.foto_gallery_section .view_photo_album:active {
  color: red;
  text-shadow: .1ex .1ex .1ex #fff;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 1);
}

.content_fotogalereya .note_photoalbum {
  padding: 0 15%;
  color: #696969;
  text-shadow: .1ex .1ex .1ex #696969;
  text-align: center;
}

.content_fotogalereya .link {
  margin-top: .5%;
  text-align: center;
}

.content_fotogalereya .link a {
  text-shadow: none;
}

.foto_gallery_stroitelstvo_domov_1 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/stroitelstvo_domov/photoalbum_1/0.jpg);
}

.foto_gallery_stroitelstvo_domov_2 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/stroitelstvo_domov/photoalbum_2/0.jpg);
}

.foto_gallery_stroitelstvo_domov_3 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/stroitelstvo_domov/photoalbum_3/0.jpg);
}

.foto_gallery_stroitelstvo_domov_4 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/stroitelstvo_domov/photoalbum_4/0.jpg);
}

.foto_gallery_remont_kvartir_1 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_1/0.jpg);
}

.foto_gallery_remont_kvartir_2 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_2/0.jpg);
}

.foto_gallery_remont_kvartir_3 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_3/0.jpg);
}

.foto_gallery_remont_kvartir_4 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_4/0.jpg);
}

.foto_gallery_remont_kvartir_5 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_5/0.jpg);
}

.foto_gallery_remont_kvartir_6 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_6/0.jpg);
}

.foto_gallery_remont_kvartir_7 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_7/0.jpg);
}

.foto_gallery_remont_kvartir_8 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_8/0.jpg);
}

.foto_gallery_remont_kvartir_9 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_9/0.jpg);
}

.foto_gallery_remont_kvartir_10 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_10/0.jpg);
}

.foto_gallery_remont_kvartir_11 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_11/0.jpg);
}

.foto_gallery_remont_kvartir_12 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_12/0.jpg);
}

.foto_gallery_remont_kvartir_13 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_13/0.jpg);
}

.foto_gallery_remont_kvartir_14 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_14/0.jpg);
}

.foto_gallery_remont_kvartir_15 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_15/1/0.jpg);
}

.foto_gallery_remont_kvartir_16 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/remont_kvartir/photoalbum_16/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_1 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_1/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_2 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_2/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_3 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_3/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_4 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_4/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_5 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_5/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_6 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_6/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_7 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_7/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_8 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_8/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_9 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_9/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_10 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_10/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_11 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_11/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_12 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_12/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_13 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_13/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_14 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_14/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_15 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_15/0.jpg);
}

.foto_gallery_otdelka_pomeshcheniy_16 {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery/otdelka_pomeshcheniy/photoalbum_16/0.jpg);
}

.foto_gallery_fundamentnye_raboty {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/fundamentnye-raboty/0.jpg);
}

.foto_gallery_ochistka_sten {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/ochistka-sten/0.jpg);
}

.foto_gallery_kladka_peregorodok {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/kladka-peregorodok/0.jpg);
}

.foto_gallery_zalivka_styazhki {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/zalivka-styazhki/0.jpg);
}

.foto_gallery_montazh_sistemy_otopleniya {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-sistemy-otopleniya/0.jpg);
}

.foto_gallery_montazh_vodyanykh_polov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-vodyanykh-polov/0.jpg);
}

.foto_gallery_montazh_elektroprovodki {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-elektroprovodki/0.jpg);
}

.foto_gallery_shtukaturnyye_raboty {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/shtukaturnyye-raboty/0.jpg);
}

.foto_gallery_montazh_gipsokartona {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-gipsokartona/0.jpg);
}

.foto_gallery_montazh_mnogourovnevykh_potolkov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-mnogourovnevykh-potolkov/0.jpg);
}

.foto_gallery_montazh_kombinirovannykh_potolkov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-kombinirovannykh-potolkov/0.jpg);
}

.foto_gallery_montazh_kessonnykh_potolkov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-kessonnykh-potolkov/0.jpg);
}

.foto_gallery_podgotovka_pered_otdelkoy {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/podgotovka-pered-otdelkoy/0.jpg);
}

.foto_gallery_montazh_baget {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-baget/0.jpg);
}

.foto_gallery_kladka_stekloblokov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/kladka-stekloblokov/0.jpg);
}

.foto_gallery_oblitsovka_plitkoy {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/oblitsovka-plitkoy/0.jpg);
}

.foto_gallery_oblitsovka_keramogranitom {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/oblitsovka-keramogranitom/0.jpg);
}

.foto_gallery_oblitsovka_dekorativnoy_plitkoy {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/oblitsovka-dekorativnoy-plitkoy/0.jpg);
}

.foto_gallery_montazh_natyazhnykh_potolkov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-natyazhnykh-potolkov/0.jpg);
}

.foto_gallery_pokraska_kraskopultom {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/pokraska-kraskopultom/0.jpg);
}

.foto_gallery_montazh_dekorativnykh_paneley {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-dekorativnykh-paneley/0.jpg);
}

.foto_gallery_montazh_3D_paneley {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-3D-paneley/0.jpg);
}

.foto_gallery_ukladka_laminata {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/ukladka-laminata/0.jpg);
}

.foto_gallery_ukladka_inzhenernoy_doski {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/ukladka-inzhenernoy-doski/0.jpg);
}

.foto_gallery_dekorativnaya_pokraska {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/dekorativnaya-pokraska/0.jpg);
}

.foto_gallery_dekorativnaya_shtukaturka {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/dekorativnaya-shtukaturka/0.jpg);
}

.foto_gallery_pokleyka_oboyev {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/pokleyka-oboyev/0.jpg);
}

.foto_gallery_pokleyka_fresok {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/pokleyka-fresok/0.jpg);
}

.foto_gallery_alfreynye_raboty {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/alfreynye-raboty/0.jpg);
}

.foto_gallery_montazh_rozetok {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/montazh-rozetok/0.jpg);
}

.foto_gallery_ustanovka_santekhnicheskikh_priborov {
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_types/ustanovka-santekhnicheskikh-priborov/0.jpg);
}

/*.foto_gallery_och-umelye-ruchki_1 {
  border: 10px solid #fff;
  outline: none;
  outline-offset: none;
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_tricks/1-50/01.jpg);
}

.foto_gallery_och-umelye-ruchki_2 {
  border: 10px solid #fff;
  outline: none;
  outline-offset: none;
  background-image: url(/bitrix/templates/masterskaya_sections/foto_gallery_tricks/51-100/02.jpg);
}

.foto_gallery_section .och-umelye-ruchki {
  margin-top: 80px;
  color: #F0E68C;
}*/

.content_fotogalereya .foto_gallery_photoalbum {
  display: none;
}

.content_fotoalbom p {
  text-align: left;
  text-shadow: .1ex .1ex .1ex #696969;
  line-height: 1.5;
  padding: 5px 0;
  padding-left: 5%;
}

.content_fotoalbom p.see_next {
  text-shadow: none;
}

.photoalbum {
  margin: 3% 0;
  text-align: center;
}

.photo_s {
  width: 150px;
  height: 150px;
  margin: 1%;
  border: 5px double #C0C0C0;
  box-shadow: 0 0 0 .1ex rgba(0, 0, 0, 0.2);
}

.photo_s:hover {
  box-shadow: 0 0 .3ex .3ex rgba(0, 0, 0, 0.2);
}

.photo_s:active {
  box-shadow: 0 0 .3ex .3ex rgba(0, 0, 0, 0.5);
  ;
}

.content_fotogalereya .go_back_fotogalereya,
.content_fotogalereya .go_back_stroitelstvo_domov,
.content_fotogalereya .go_back_remont_kvartir,
.content_fotogalereya .go_back_otdelka_pomeshcheniy,
.content_fotogalereya .go_back_otdelnye_vidy_rabot {
  display: none;
}

/* ФОТОГАЛЕРЕЯ - @MEDIA */

@media all and (max-width: 767px) {

  .foto_gallery_section {
    padding: 20px;
    margin: 0;
    margin-bottom: 10px;
    outline-offset: -10px;
  }

  .foto_gallery_section h2,
  .foto_gallery_section h3,
  .foto_gallery_section .album_title {
    font-size: 20px;
  }

  .foto_gallery_section .text {
    margin-left: 0;
  }

  .foto_gallery_section .text p {
    padding: 0;
  }

  .foto_gallery_section a {
    margin-top: 50px;
  }

  .photoalbum {
    margin: 5% 0;
  }

  .content_fotogalereya .note_photoalbum {
    padding: 0 5%;
  }

}

@media all and (min-width: 480px) and (max-width: 767px) {

  .foto_gallery_section .text {
    margin-left: 5%;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) {

  .foto_gallery_section {
    padding: 20px;
    margin: 0;
  }

}

@media all and (min-width: 2560px) {

  .foto_gallery_section h3,
  .foto_gallery_section .album_title,
  .foto_gallery_och-umelye-ruchki .album_title {
    font-size: .95vw;
  }

  .photo_s {
    width: 10%;
    height: 10%;
  }

}

/*---------------------------------*/

/* CONTENT: ERROR_404 */

.error {
  line-height: 1.3;
  background-size: cover;
  background-position: center center;
  background-image: url(/bitrix/templates/masterskaya_sections/images/foto_404_sections.png);
  filter: drop-shadow(0 0 5px rgba(127, 127, 127, 1));
}

.error_404 {
  display: block;
  margin-top: 15vh;
  padding-top: 10vh;
  margin-bottom: 5vh;
  color: #800000;
  text-shadow: #fff -1px -1px 0,
    #333 1px 1px 0;
  text-align: center;
  font-weight: 600;
  opacity: 0;
}

.error_404_text {
  display: block;
  margin-bottom: 3vh;
  color: #FF4500;
  text-shadow: #fff -1px -1px 0,
    #333 1px 1px 0;
  text-align: center;
  font-size: 1.25em;
  font-weight: 400;
  opacity: 0;
}

.error a {
  color: #FFD700;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.07), -.3ex .3ex 1ex rgba(0, 0, 0, 0.07);
  text-decoration: none;
}

.error a:hover {
  color: #800;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.07), -.3ex .3ex 1ex rgba(0, 0, 0, 0.07);
}

.error a:active {
  color: #FFD700;
  box-shadow: .3ex .3ex 1ex rgba(0, 0, 0, 0.1), -.3ex .3ex 1ex rgba(0, 0, 0, 0.1);
}

.error_404_text_end {
  padding-bottom: 10vh;
  margin-bottom: 15vh;
}

/* CONTENT: ERROR_404 - @MEDIA */

@media all and (max-width: 767px) {

  .error_404 {
    margin-top: 0;
  }

}

@media all and (max-width: 239px) {

  .error_404_text {
    font-size: 16px;
    font-weight: 400;
  }

}

@media all and (min-width: 240px) and (max-width: 767px) {

  .error_404_text {
    font-size: 17px;
    font-weight: 600;
  }

}

@media all and (min-width: 480px) and (max-width: 1919px) {

  .error_404_text {
    font-size: 18px;
  }

}

@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {

  .error_404 {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

}

@media all and (min-width: 1024px) and (orientation: portrait) {

  .error_404 {
    margin-top: 15vh;
    margin-bottom: 15vh;
  }

}
/* End */


/* Start:/bitrix/templates/masterskaya_sections/template_styles.css?176021218241889*/
/* CSS DOCUMENT (SECTION) */

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: Arial,
    Helvetica,
    Verdana,
    sans-serif;
}

/* WRAPPER, LEFT-SIBEDAR, MIDDLE, RIGHT-SIBEDAR */

#wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
}

#left-sidebar,
#right-sidebar {
  width: 15%;
  height: 100%;
}

#middle {
  width: 70%;
  height: 100%;
}

/* LOGO_LEFT */

.logo_left {
  width: 100%;
  height: 14%;
  padding: 5% 0;
  text-shadow: #fff -.1ex -.1ex .2ex, .2ex .2ex .3ex #000;
  text-align: center;
  line-height: 1.3;
}

.logo_left a {
  color: #FFD700;
  text-decoration: none;
}

.logo_left a:hover {
  color: #800;
  text-shadow: #fff -.1ex -.1ex .2ex, .3ex .3ex .3ex rgba(0, 0, 0, 0.7);
}

.logo_left a:active {
  color: #FFF;
  text-shadow: #fff -.1ex -.1ex .2ex, .3ex .3ex .5ex #000;
}

.logo_left img {
  width: 2.2vw;
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex rgba(0, 0, 0, 0.9);
}

.logo_left img:hover,
.logo_left .hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#808080));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #808080 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#808080', GradientType=0);*/
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.9);
}

.logo_left .name {
  font-weight: 600;
  letter-spacing: .3vw;
  font-size: 1.3vw;
}

.logo_left .slogan {
  margin-left: -1.5%;
  color: #FFFACD;
  line-height: .9;
  font-size: .8vw;
}

.logo_left .slogan span {
  display: inline-block;
}

/* TEL_LEFT, TEL_RIGHT */

.tel_left,
.tel_right {
  padding: 5% 0;
  color: #FFFACD;
  text-shadow: #fff -.1ex -.1ex .1ex, .2ex .2ex .2ex #000;
  text-align: center;
}

.tel_left {
  height: 90px;
  padding: 5px 0;
  line-height: 1.5;
  font-size: 15px;
  display: none;
}

.tel_right {
  height: 14%;
  padding: 5% 0;
  line-height: 2;
  font-size: .8vw;
}

.tel_left hr {
  width: 80%;
  height: 1px;
  margin: 0 auto 5px auto;
  background: #FFFACD;
  box-shadow: #fff -.1ex -.1ex .1ex, .2ex .2ex .2ex #000;
}

/*.tel_left .fa::before,
.tel_right .fa::before {
  content: "\f095";
}*/

.tel_left a,
.tel_right a {
  color: #FFD700;
  text-decoration: none;
}

.tel_left a:hover,
.tel_right a:hover {
  color: #800;
}

.tel_left a:active,
.tel_right a:active {
  color: #FFF;
}

/* NAVIGATION_LEFT */

.navigation_left {
  overflow: hidden;
  height: 78%;
  list-style: none;
}

.navigation_left .scroll_left_menu {
  height: 4%;
}

.navigation_left .scroll_left_menu_up,
.navigation_left .scroll_left_menu_down {
  padding: 2% 0;
}

.navigation_left .button_up,
.navigation_left .button_down {
  width: 50%;
  margin: 0 auto;
  cursor: pointer;
  filter: drop-shadow(0 0 3px #000);
  fill: #C0C0C0;
}

.navigation_left .button_up svg,
.navigation_left .button_down svg {
  height: 1vh;
  fill: #C0C0C0;
}

.navigation_left .button_up svg:hover,
.navigation_left .button_down svg:hover {
  fill: #800;
}

.navigation_left .button_up:active,
.navigation_left .button_down:active {
  filter: drop-shadow(0 0 3px #fff);
}

.navigation_left .button_up svg:active,
.navigation_left .button_down svg:active {
  fill: #FFF5EE;
}

.navigation_left .navigation_left_scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  width: calc(100% + 10%);
  max-height: calc(100% - (4% * 2));
  /*padding-top: 1%;*/
  padding-right: calc(10% - 15px);
}

.navigation_left ul.left_menu {
  display: block;
  list-style: none;
}

.navigation_left ul.left_menu li a {
  display: block;
  position: relative;
  width: 80%;
  padding: 3%;
  margin: 2% auto;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  transition: all .3s ease .1s;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.7);
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: .9vw;
}

.navigation_left ul.left_menu li a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 10px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, .1)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .1) 100%);*/
  background:
    -webkit-gradient(linear, left top, left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.7)),
      color-stop(100%, rgba(255, 255, 255, .1)));
}

.navigation_left ul.left_menu li a:hover,
.navigation_left ul.left_menu li a.selected {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#808080));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #808080 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#808080', GradientType=0);*/
  color: #800;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #FFF;
  transition: all .3s ease .1s;
}

.navigation_left ul.left_menu li a:active {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #800 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#800', GradientType=0);*/
  color: #FFF;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  transition: all .3s ease .1s;
}

.navigation_left ul.left_menu>li:first-child {
  display: none;
}

.navigation_sub {
  display: none;
}

/* RECLAME_LEFT, RECLAME_RIGHT */

.reclame_left,
.reclame_right {
  color: #FFF5EE;
  text-shadow: .2ex .2ex .3ex #000;
  font-weight: 700;
  text-align: center;
}

.reclame_left {
  display: none;
}

.reclame_left {
  height: calc(100% - (90px + 90px + 35px));
  font-size: .9em;
}

.reclame_right {
  height: 79%;
  font-size: .8vw;
}

.reclame_left p,
.reclame_right p {
  width: 90%;
  margin: 0 auto;
}

.reclame_left p {
  padding: 5px 0;
}

.reclame_right p {
  padding: 5% 0;
}

.reclame_left .slider_show .slider,
.reclame_right .slider_show .slider {
  display: none;
  opacity: 0;
}

.reclame_left .question,
.reclame_right .question {
  color: #FFFF00;
}

.reclame_left .discount,
.reclame_right .discount {
  color: red;
}

.reclame_left img,
.reclame_right img {
  width: 70%;
  border: thin solid #FFF5EE;
  box-shadow: 0 0 1ex .1ex rgba(0, 0, 0, 0.7);
}

.reclame_left .feedback_left,
.reclame_right .feedback_right {
  width: 80%;
  margin: 0 auto;
}

.reclame_right .feedback_right a,
.reclame_left .feedback_left a {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 1.5% 15%;
  border-radius: 10px;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.5);
  background: #FFF;
  background: radial-gradient(ellipse at center, #FFF 0%, #dcdcdc 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dcdcdc', GradientType=1);*/
  /*color: red;
  text-shadow: .1ex .1ex .3ex #000;
  text-decoration: none;
  transition: all 0.2s ease-out;*/
  color: blue;
  text-shadow: .1ex .1ex .3ex #000;
  text-decoration: none;
  cursor: pointer;
}

.reclame_left .feedback_left a {
  font-size: .9em;
}

.reclame_left .feedback_left a:hover,
.reclame_right .feedback_right a:hover {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.5);
  color: #800;
}

.reclame_left .feedback_left .a:active,
.reclame_right .feedback_right a:active {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .3ex red;
  color: red;
}

/* SOCIUM_LEFT */

.socium_left {
  height: 8%;
  padding: 9% 0;
  text-align: center;
}

.socium_left a {
  padding: 0 3%;
  text-decoration: none;
  display: inline-block !important;
  color: transparent !important;
  background-color: transparent !important;
}

.socium_left img {
  width: 1.6vw;
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex rgba(0, 0, 0, 1);
}

.socium_left .dzen {
  display: inline-block;
  background-image: url(/bitrix/templates/masterskaya_sections/images/dzen.png);
}

.socium_left img:hover {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex #fff;
}

.socium_left img:active {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex red;
}

/* HEADER */

.header {
  height: 7%;
  padding: 1.5%;
  color: #FFFACD;
  text-shadow: #fff -.1ex -.1ex .1ex, .3ex .3ex .5ex #000;
  text-align: center;
  font-weight: 600;
  font-size: 1.2vw;
}

/* HEADER_ADAPTIVE */

.header_adaptive {
  background: #000;
  background: radial-gradient(ellipse at center, #000 0%, #dcdcdc 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#dcdcdc', GradientType=1);*/
  display: none;
}

/* HEADER_ADAPTIVE LOGO_ADAPYIVE */

.header_adaptive .logo_adaptive {
  padding: 10px 0 5px 0;
  text-align: center;
}

.header_adaptive .logo_adaptive a {
  color: #FFD700;
  text-shadow: #fff -.1ex -.1ex .1ex, .1ex .1ex .2ex rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

.header_adaptive .logo_adaptive a:hover {
  color: #FFF;
  text-shadow: #fff -.1ex -.1ex .1ex, .3ex .3ex .5ex #000;
}

.header_adaptive .logo_adaptive a:active {
  color: #FFF;
  text-shadow: #fff -.1ex -.1ex .1ex, 0 0 1ex #FFF;
}

.header_adaptive .logo_adaptive img {
  margin: 0 5px 0 0;
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex rgba(0, 0, 0, 0.5);
}

.header_adaptive .logo_adaptive img:hover,
.header_adaptive .logo_adaptive .hover {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#808080));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #808080 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#808080', GradientType=0);*/
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.7);
}

.header_adaptive .logo_adaptive span {
  font-weight: 600;
  letter-spacing: 5px;
  vertical-align: 5px;
}

/* HEADER_ADAPTIVE SLOGAN */

.header_adaptive .slogan {
  color: #FFFACD;
  text-align: center;
  font-weight: 600;
}

/* NAVIGATION_TEL_ADAPTIVE */

.header_adaptive .navigation_tel_adaptive {
  display: flex;
}

/* NAVIGATION_ADAPTIVE */

.header_adaptive .navigation_adaptive {
  position: relative;
  width: 35%;
  height: 100%;
}

.header_adaptive .hamburger,
.header_adaptive .hamburger_close {
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .1ex #000;
  cursor: pointer;
  text-align: left;
  color: #FFF5EE;
}

.header_adaptive .hamburger_close {
  display: none;
}

/*.header_adaptive .hamburger .fa,
.header_adaptive .hamburger_close .fa {
  color: #FFF5EE;
}

.header_adaptive .hamburger .fa:hover,
.header_adaptive .hamburger_close .fa:hover {
  color: #800;
  text-shadow: #fff -.05ex -.05ex .1ex, 0 0 .1ex #FFF;
}

.header_adaptive .hamburger .fa:active,
.header_adaptive .hamburger_close .fa:active {
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, 0 0 .1ex #FFF;
}*/

.header_adaptive .hamburger:hover,
.header_adaptive .hamburger_close:hover {
  color: #800;
  text-shadow: #fff -.05ex -.05ex .1ex, 0 0 .1ex #FFF;
}

.header_adaptive .hamburger:active,
.header_adaptive .hamburger_close:active {
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, 0 0 .1ex #FFF;
}

*/ .header_adaptive .hamburger span,
.header_adaptive .hamburger_close span {
  margin-left: 5px;
  font-family: Arial,
    Helvetica,
    Verdana,
    sans-serif;

}

.header_adaptive .menu_adaptive {
  display: block;
  position: absolute;
  width: 80vw;
  left: 0;
  z-index: 10;
  list-style: none;
  background: #A9A9A9;
}

.header_adaptive .menu_adaptive .map-level-0>li>a {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 3%;
  border: solid 1px #A9A9A9;
  text-decoration: none;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#a9a9a9));
  /*background: linear-gradient(to bottom, #FFF 0%, #a9a9a9 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#a9a9a9', GradientType=0);*/
  color: #696969;
  text-shadow: .1ex .1ex .3ex #FFF;
  font-weight: 600;
  font-size: 15px;
}

.header_adaptive .menu_adaptive .map-level-0>li>a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 0 0 10px 10px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, .1)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .1) 100%);*/
  background:
    -webkit-gradient(linear, left top, left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.7)),
      color-stop(100%, rgba(255, 255, 255, .1)));
}

.header_adaptive .menu_adaptive .map-level-0>li:first-child {
  display: none;
}

.header_adaptive .menu_adaptive .map-level-1>li>a {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 2% 15%;
  border: solid 1px #A9A9A9;
  text-decoration: none;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dcdcdc));
  /*background: linear-gradient(to bottom, #FFF 0%, #dcdcdc 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dcdcdc', GradientType=0);*/
  text-shadow: .1ex .1ex .2ex #FFF;
  color: #696969;
  font-weight: 400;
}

.header_adaptive .menu_adaptive .map-level-1>li>a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 0 0 10px 10px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, .1)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .1) 100%);*/
  background:
    -webkit-gradient(linear, left top, left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.7)),
      color-stop(100%, rgba(255, 255, 255, .1)));
}

.header_adaptive .menu_adaptive .map-level-1>li:first-child>a {
  padding-left: 10%;
}

.header_adaptive .menu_adaptive .map-level-2,
.header_adaptive .menu_adaptive .map-level-3 {
  display: none;
}

.header_adaptive .menu_adaptive {
  display: none;
}

.header_adaptive .menu_adaptive li a:hover {
  color: #800;
}

.header_adaptive .menu_adaptive li a:active {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #800 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#800', GradientType=0);*/
  color: #FFF5EE;
  text-shadow: .1ex .1ex .3ex #000;
}

.header_adaptive .submenu_adaptive {
  display: none;
}

/* TEL_ADAPTIVE */

.header_adaptive .tel_adaptive {
  width: 65%;
  text-align: right;
}

/*.header_adaptive .tel_adaptive .fa::before {
  content: "\f095";
}*/

.header_adaptive .tel_adaptive a {
  text-decoration: none;
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .1ex #000;
}

.header_adaptive .tel_adaptive a:hover {
  color: #800;
  text-shadow: 0 0 1ex #FFF;
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .1ex #000;
}

.header_adaptive .tel_adaptive a:active {
  color: #FFF5EE;
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .1ex #fff;
}

/* NAVIGATION_TOP */

.navigation_top {
  height: 7%;
  box-shadow: 0 0 1ex .3ex rgba(0, 0, 0, 0.7);
}

.navigation_top ul.top_menu {
  display: flex;
  width: 100%;
  height: 100%;
  list-style: none;
}

.navigation_top ul.top_menu li {
  display: block;
  width: 12.5%;
  height: 100%;
}

.navigation_top ul.top_menu li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8% 0;
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#808080));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #808080 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#808080', GradientType=0);*/
  border: thin solid #696969;
  box-shadow: inset 0 0 1ex rgba(0, 0, 0, 0.7);
  color: #800;
  text-shadow: -.1ex -.1ex .3ex #FFF, .1ex .1ex 0ex rgba(0, 0, 0, 0.7), .3ex .3ex .3ex #FFF;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  list-style: none;
  font-weight: 700;
  font-size: .8vw;
}

.navigation_top ul.top_menu li a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 0 0 10px 10px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, .1)));
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .1) 100%);*/
  background:
    -webkit-gradient(linear, left top, left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.7)),
      color-stop(100%, rgba(255, 255, 255, .1)));
}

.navigation_top ul.top_menu li a:hover,
.navigation_top ul.top_menu li a.selected {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #800 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#800', GradientType=0);*/
  color: #FFF;
  text-shadow: -.1ex -.1ex .3ex #FFF, .3ex .3ex .3ex #000;
  transition: all 0.3s ease;
}

.navigation_top ul.top_menu li a:active {
  background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  /*background: linear-gradient(to bottom, #dcdcdc 0%, #800 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#800', GradientType=0);*/
  box-shadow: inset 0 0 3ex rgba(0, 0, 0, 0.7);
  color: #FFF;
  text-shadow: -.1ex -.1ex .3ex #FFF, .3ex .3ex .3ex #FFF;
  transition: all 0.3s ease;
}

.navigation_top ul.top_menu li:first-child,
.navigation_top ul.top_menu li:last-child {
  display: none;
}

/* RECLAME_ADAPTIVE */

.reclame_adaptive {
  padding: 2%;
  margin: 0 2%;
  border: 2px solid #696969;
  text-align: center;
  display: none;
}

.reclame_adaptive .question {
  margin-bottom: 3%;
  color: red;
  font-weight: 600;
}

.reclame_adaptive .reclame_call_to_action {
  /*line-height: 1.5;*/
  margin-bottom: 3%;
}

.reclame_adaptive .feedback_reclame_adaptive {
  margin: 25px auto;
}

.reclame_adaptive a {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 1.5% 15%;
  border-radius: 10px;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.5);
  background: #FFF;
  background: radial-gradient(ellipse at center, #FFF 0%, #dcdcdc 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#dcdcdc', GradientType=1);*/
  /*color: red;
  text-shadow: .1ex .1ex .3ex #000;
  text-decoration: none;
  transition: all 0.2s ease-out;*/
  color: blue;
  text-shadow: .1ex .1ex .3ex #000;
  text-decoration: none;
  cursor: pointer;
}

.reclame_adaptive a:hover {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .2ex rgba(0, 0, 0, 0.5);
  color: #800;
}

.reclame_adaptive .a:active {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .3ex red;
  color: red;
}

.reclame_adaptive .discount {
  padding: 1%;
  background: #FFF8DC;
  color: #800;
  font-weight: 600;
}

/* FOOTER_ADAPTIVE */

.footer_adaptive {
  padding: 2%;
  background-color: #FFF;
  display: none;
}

/* SOSIUM_FOOTER_ADAPTIVE */

.socium_footer_adaptive {
  padding: 2%;
  background: #C0C0C0;
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.5);
  color: #800;
  text-shadow: .1ex .1ex .1ex #000;
  text-align: center;
}

.socium_footer_adaptive p,
.socium_footer_adaptive address {
  padding: 5px;
  line-height: 1.3;
  font-size: 15px;
}

.socium_footer_adaptive .footer_adaptive_text_4 a {
  color: #800;
  text-shadow: .1ex .1ex .1ex #000, 2px 4px 3px rgba(0, 0, 0, .5);
  text-decoration: none;
}

.socium_footer_adaptive .footer_adaptive_text_4 a:hover {
  color: #fff;
}

.socium_footer_adaptive .footer_adaptive_text_4 a:active {
  color: red;
}

.socium_footer_adaptive address {
  font-style: normal;
}

.socium_footer_adaptive .footer_adaptive_text_3 span {
  display: inline-block;
}

/* SOCIUM_ADAPTIVE */

.socium_adaptive {
  padding: 3% 2% 2% 2%;
}

.socium_adaptive a {
  padding: 3%;
  text-decoration: none;
  display: inline-block !important;
  color: transparent !important;
  background-color: transparent !important;
}

.socium_adaptive img {
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex rgba(0, 0, 0, 1);
}

.socium_adaptive img:hover {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex #FFF;
}

.socium_adaptive img:active {
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex red;
}

/* SECURITY_ADAPTIVE */

.security_adaptive {
  margin: 2% 0 0 0;
  padding: 2%;
  background: #000;
  background: radial-gradient(ellipse at center, #000 0%, #dcdcdc 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#dcdcdc', GradientType=1);*/
  text-align: center;
}

.security_adaptive .security_adaptive_date {
  padding: 0 0 5px 0;
  color: #FFFACD;
  text-shadow: #fff -.1ex -.1ex .1ex, .1ex .1ex .1ex #000;
  line-height: 1.3;
  font-size: 15px;
}

.security_adaptive .security_adaptive_date span {
  display: inline-block;
}

.security_adaptive img {
  height: 20px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex rgba(0, 0, 0, 0.5);
}

.security_adaptive .security_adaptive_logo span {
  color: #FFD700;
  text-shadow: #fff -.1ex -.1ex .1ex, .1ex .1ex .2ex rgba(0, 0, 0, 0.7);
  font-weight: 600;
  letter-spacing: 5px;
  vertical-align: 4px;
  font-size: 16px;
}

/* FOOTER */

.footer {
  height: 7%;
  padding: .7%;
  color: #800;
  text-shadow: #fff -.05ex -.05ex .1ex, .1ex .1ex .1ex #000;
  text-align: center;
  font-size: .9vw;
}

.footer address {
  font-style: normal;
}

/* TEL_RIGHT - СМ. TEL_LEFT */

/* RECLAME_RIGHT - СМ. RECLAME_LEFT*/

/* SECURITY_RIGHT */

.security_right {
  height: 7%;
  padding: 4% 0;
  color: #FFFACD;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  text-align: center;
}

.security_right .security_right_text {
  padding: 0 0 1% 0;
  font-size: .75vw;
}

.security_right .security_right_logo {
  color: #FFD700;
  text-shadow: #fff -.1ex -.1ex .1ex, .1ex .1ex .2ex rgba(0, 0, 0, 0.7);
  font-weight: 600;
  letter-spacing: .3vw;
  vertical-align: .2vw;
  font-size: .8vw;
}

.security_right img {
  margin: 0 .3vw 0 0;
  height: 1.1vw;
  border-radius: 50%;
  box-shadow: #fff -.1ex -.1ex .1ex, 0 0 1ex rgba(0, 0, 0, 0.7);
}

.security_right .protection {
  display: inline-block;
}

/*---------------------------------*/

/* CSS DOCUMENT (SECTION_MEDIA) */

@media all and (max-width: 767px) {

  #wrapper {
    overflow: auto;
    background: none;
  }

  #middle {
    width: 100%;
    height: auto;
  }

  #left-sidebar,
  #right-sidebar,
  .header,
  .header_adaptive .slogan,
  .navigation_top,
  .footer {
    display: none;
  }

  .header_adaptive,
  .reclame_adaptive,
  .footer_adaptive {
    display: block;
  }

  .header_adaptive .navigation_adaptive {
    padding: 5px 0 5px 10px;
  }

  .header_adaptive .tel_adaptive {
    padding: 6px 10px 5px 0;
  }

  /*.reclame_adaptive .alx_feedback_popup {
    color: #fffacd;
  }*/

}

@media all and (max-width: 239px) {

  #middle {
    width: 239px;
  }

  .header_adaptive .menu_adaptive {
    width: 95vw;
  }

  .header_adaptive .navigation_adaptive {
    width: calc(239px / 100 * 30);
  }

  .header_adaptive .tel_adaptive {
    width: calc(239px / 100 * 70);
  }

}

@media all and (max-width: 319px) {

  .header_adaptive .logo_adaptive {
    font-size: 20px;
  }

  .header_adaptive .logo_adaptive img {
    height: 25px;
  }

  .header_adaptive .hamburger .fa,
  .header_adaptive .hamburger_close .fa {
    font-size: 18px;
  }

  .header_adaptive .hamburger span,
  .header_adaptive .hamburger_close span {
    font-size: 15px;
  }

  .header_adaptive .menu_adaptive {
    top: 29px;
    width: 90vw;
  }

  .header_adaptive .tel_adaptive {
    font-size: 14px;
  }

  .reclame_adaptive .feedback_reclame_adaptive {
    width: 160px;
  }

  .socium_adaptive img {
    width: 25px;
  }

}

@media all and (min-width: 320px) and (max-width: 479px) {

  .header_adaptive .logo_adaptive {
    font-size: 21.7px;
  }

  .header_adaptive .logo_adaptive img {
    height: 26.7px;
  }

  .header_adaptive .hamburger .fa,
  .header_adaptive .hamburger_close .fa {
    font-size: 19px;
  }

  .header_adaptive .hamburger span,
  .header_adaptive .hamburger_close span {
    font-size: 18px;
  }

  .header_adaptive .menu_adaptive {
    top: 30px;
    width: 80vw;
  }

  .header_adaptive .tel_adaptive {
    font-size: 14.7px;
  }

  .reclame_adaptive .feedback_reclame_adaptive {
    width: 160px;
  }

  .socium_adaptive img {
    width: 28.3px;
  }

}

@media all and (min-width: 480px) and (max-width: 639px) {

  .header_adaptive .logo_adaptive {
    padding: 10px 0 2.5px 0;
    font-size: 23.4px;
  }

  .header_adaptive .logo_adaptive img {
    height: 28.4px;
  }

  .header_adaptive .hamburger .fa,
  .header_adaptive .hamburger_close .fa {
    font-size: 20px;
  }

  .header_adaptive .hamburger span,
  .header_adaptive .hamburger_close span {
    font-size: 19px;
  }

  .header_adaptive .menu_adaptive {
    top: 31px;
    width: 70vw;
  }

  .header_adaptive .tel_adaptive {
    font-size: 15.4px;
  }

  .reclame_adaptive .feedback_reclame_adaptive {
    width: 250px;
  }

  .socium_adaptive img {
    width: 31.7px;
  }

}

@media all and (min-width: 640px) and (max-width: 767px) {

  .header_adaptive .logo_adaptive {
    padding: 10px 0 0 0;
    font-size: 25px;
  }

  .header_adaptive .logo_adaptive img {
    height: 30px;
  }

  .header_adaptive .hamburger .fa,
  .header_adaptive .hamburger_close .fa {
    font-size: 21px;
  }

  .header_adaptive .hamburger span,
  .header_adaptive .hamburger_close span {
    font-size: 20px;
  }

  .header_adaptive .menu_adaptive {
    top: 31px;
    width: 60vw;
  }

  .header_adaptive .tel_adaptive {
    font-size: 16px;
  }

  .reclame_adaptive .feedback_reclame_adaptive {
    width: 250px;
  }

  .socium_adaptive img {
    width: 35px;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) {

  #left-sidebar {
    width: 230px;
  }

  #middle {
    width: calc(100% - 230px);
    height: 100%;
    overflow-y: auto;
  }

  #right-sidebar,
  .navigation_left,
  .header,
  .header_adaptive .logo_adaptive,
  .navigation_top,
  .reclame_adaptive,
  .footer_adaptive .socium_adaptive,
  .footer {
    display: none;
  }

  .tel_left,
  .reclame_left,
  .header_adaptive,
  .header_adaptive .slogan,
  .footer_adaptive {
    display: block;
  }

  .logo_left {
    height: 90px;
    padding: 10px 0 0 0;
  }

  .logo_left img {
    width: 33px;
  }

  .logo_left .name {
    font-size: 20px;
  }

  .logo_left .slogan {
    font-size: 13.5px;
  }

  /*.reclame_left .alx_feedback_popup {
    padding: 5px;
  }*/

  .socium_left {
    height: 35px;
    padding: 0;
  }

  .socium_left img {
    width: 25px;
  }

  .header_adaptive .slogan {
    padding: 10px 0 0 0;
    font-size: 20px;
  }

  .header_adaptive .navigation_adaptive {
    padding: 5px 0 5px 15px;
  }

  .header_adaptive .tel_adaptive {
    padding: 6px 15px 5px 0;
  }

  .header_adaptive .hamburger .fa,
  .header_adaptive .hamburger_close .fa {
    font-size: 21px;
  }

  .header_adaptive .hamburger span,
  .header_adaptive .hamburger_close span {
    font-size: 20px;
  }

  .header_adaptive .menu_adaptive {
    top: 31px;
    width: 60vw;
  }

  .header_adaptive .tel_adaptive {
    font-size: 16px;
  }

  .header_adaptive .menu_adaptive {
    top: 31px;
    width: 460px;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (max-height: 370px) {

  .reclame_left .slider_show {
    display: none;
  }

  .reclame_left .question {
    display: none;
  }

  .reclame_left .reclame_call_to_action {
    display: none;
  }

  .reclame_left .feedback_left {
    display: none;
  }

  .reclame_left .discount {
    display: none;
  }

  .reclame_adaptive {
    display: block;
  }

  .reclame_adaptive .feedback_reclame_adaptive {
    width: 250px;
  }

  .reclame_adaptive .feedback_reclame_adaptive .discount {
    display: block;
  }

  #middle {
    background: #fff;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (max-height: 450px) {

  .reclame_left .slider_show {
    display: none;
  }

  .reclame_left .question {
    display: none;
  }

  .reclame_left .reclame_call_to_action {
    padding: 15px 0 0 0;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (max-height: 700px) {

  .reclame_left .slider_show {
    display: none;
  }

  .reclame_left .question {
    padding: 15px 0 0 0;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (min-height: 768px) {

  .logo_left {
    height: 13%;
    padding: 3% 0;
  }

  .tel_left hr {
    display: none;
  }

  .tel_left {
    height: 13%;
    padding: 3% 0;
  }

  .reclame_left {
    height: 67%;
    padding: 3% 0;
  }

  .socium_left {
    height: 7%;
    padding: 3% 0;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (min-height: 900px) {

  .logo_left {
    padding: 5% 0;
  }

  .tel_left {
    padding: 5% 0;
  }

  .reclame_left {
    padding: 5% 0;
  }

  .socium_left {
    padding: 5% 0;
  }

}

@media all and (min-width: 768px) and (max-width: 1279px) and (min-height: 1100px) {

  .logo_left {
    padding: 10% 0;
  }

  .tel_left {
    padding: 10% 0;
  }

  .reclame_left {
    padding: 10% 0;
  }

  .socium_left {
    padding: 10% 0;
  }

}

@media all and (min-width: 1280px) and (max-width: 1599px) {

  #left-sidebar {
    width: 250px;
  }

  #middle {
    width: calc(100% - 250px);
  }

  #right-sidebar,
  .reclame_left .slider_show,
  .reclame_left .question,
  .reclame_left .reclame_call_to_action,
  .reclame_left .discount,
  .header_adaptive,
  .reclame_adaptive,
  .footer_adaptive {
    display: none;
  }

  .tel_left,
  .navigation_left,
  .reclame_left,
  .header,
  .navigation_top,
  .footer {
    display: block;
  }

  .navigation_sub {
    display: none;
  }

  .logo_left {
    height: 100px;
    padding: 10px 0 0 0;
  }

  .logo_left img {
    width: 36px;
  }

  .logo_left .name {
    font-size: 21.7px;
  }

  .logo_left .slogan {
    font-size: 14px;
  }

  .navigation_left {
    height: calc(100% - (100px + 90px + 50px + 60px));
  }

  .navigation_left .scroll_left_menu {
    height: 25px;
  }

  .navigation_left .button_up svg,
  .navigation_left .button_down svg {
    height: 10px;
  }

  .navigation_left .navigation_left_scroll {
    max-height: calc(100% - (25px * 2));
  }

  .navigation_left ul.left_menu {
    padding: 5px 0;
  }

  .navigation_left ul.left_menu li a {
    padding: 7px;
    font-size: 16px;
  }

  .reclame_left {
    height: 60px;
  }

  .reclame_left .feedback_left {
    height: 50px;
    padding: 10px 0;
  }

  /*.reclame_left .alx_feedback_popup {
    padding: 7px;
  }*/

  .socium_left {
    height: 60px;
    padding: 10px 0;
  }

  .socium_left a {
    padding: 0 2.5%;
  }

  .socium_left img {
    width: 27px;
  }

  .header {
    font-size: 21.5px;
  }

  .navigation_top ul.top_menu li a {
    padding: 3% 0;
    font-size: 15px;
    font-stretch: semi-condensed;
  }

  .footer {
    padding: 5px 0;
    font-size: 15px;
  }

}

@media all and (min-width: 1600px) and (max-width: 1919px) {

  .navigation_left .scroll_left_menu {
    height: 25px;
  }

  .navigation_left .button_up svg,
  .navigation_left .button_down svg {
    height: 10px;
  }

  .navigation_left .navigation_left_scroll {
    max-height: calc(100% - (25px * 2));
  }

  .navigation_top ul.top_menu li a {
    padding: 8% 0;
    font-size: 15px;
    font-stretch: semi-condensed;
  }

  .logo_left img {
    width: 39px;
  }

  .logo_left .name {
    font-size: 23.3px;
  }

  .logo_left .slogan {
    font-size: 14.5px;
  }

  .socium_left a {
    padding: 0 2.5%;
  }

  .socium_left img {
    width: 29px;
  }

  .tel_right,
  .reclame_right {
    font-size: .9em;
  }

  /*.reclame_right .alx_feedback_popup {
    padding: 7px;
  }*/

  .security_right .security_right_text {
    font-size: 13px;
  }

  .security_right .security_right_logo {
    font-size: 16px;
  }

}

/* @MEDIA - ORIENTATION: PORTRAIT) */

@media all and (min-width: 768px) and (max-width: 1919px) and (orientation: portrait) {

  .wrapper {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_o_kompanii_960X1280.jpg);
  }

  .wrapper_stroitelstvo_domov {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_stroitelstvo_domov_960X1280.jpg);
  }

  .wrapper_otdelka_pomeshcheniy {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelka_pomeshcheniy_960X1280.jpg);
  }

  .wrapper_remont_kvartir {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_remont_kvartir_960X1280.jpg);
  }

  .wrapper_otdelnye_vidy_rabot {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelnye_vidy_rabot_960X1280.jpg);
  }

  .wrapper_preyskurant {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_preyskurant_960X1280.jpg);
  }

  .wrapper_onlayn_kalkulyator {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_onlayn-kalkulyator_960X1280.jpg);
  }

  .wrapper_fotogalereya {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_fotogalereya_960X1280.jpg);
  }

}

/* @MEDIA - ORIENTATION: LANDSCAPE */

@media all and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {

  .wrapper {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_o_kompanii_1280X960.jpg);
  }

  .wrapper_stroitelstvo_domov {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_stroitelstvo_domov_1280X960.jpg);
  }

  .wrapper_otdelka_pomeshcheniy {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelka_pomeshcheniy_1280X960.jpg);
  }

  .wrapper_remont_kvartir {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_remont_kvartir_1280X960.jpg);
  }

  .wrapper_otdelnye_vidy_rabot {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelnye_vidy_rabot_1280X960.jpg);
  }

  .wrapper_preyskurant {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_preyskurant_1280X960.jpg);
  }

  .wrapper_onlayn_kalkulyator {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_onlayn_kalkulyator_1280X960.jpg);
  }

  .wrapper_fotogalereya {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_fotogalereya_1280X960.jpg);
  }

}

@media all and (min-width: 1280px) and (max-width: 1919px) and (orientation: landscape) {

  .wrapper {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_o_kompanii_1920X1440.jpg);
  }

  .wrapper_stroitelstvo_domov {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_stroitelstvo_domov_1920X1440.jpg);
  }

  .wrapper_otdelka_pomeshcheniy {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelka_pomeshcheniy_1920X1440.jpg);
  }

  .wrapper_remont_kvartir {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_remont_kvartir_1920X1440.jpg);
  }

  .wrapper_otdelnye_vidy_rabot {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelnye_vidy_rabot_1920X1440.jpg);
  }

  .wrapper_preyskurant {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_preyskurant_1920X1440.jpg);
  }

  .wrapper_onlayn_kalkulyator {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_onlayn_kalkulyator_1920X1440.jpg);
  }

  .wrapper_fotogalereya {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_fotogalereya_1920X1440.jpg);
  }

}

/* @MEDIA - >  1920px */

@media all and (min-width: 1920px) {

  .wrapper {
    background: rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-position: center center;
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_o_kompanii_1920X1440.jpg);
  }

  .wrapper_stroitelstvo_domov {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_stroitelstvo_domov_1920X1440.jpg);
  }

  .wrapper_otdelka_pomeshcheniy {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelka_pomeshcheniy_1920X1440.jpg);
  }

  .wrapper_remont_kvartir {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_remont_kvartir_1920X1440.jpg);
  }

  .wrapper_otdelnye_vidy_rabot {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_otdelnye_vidy_rabot_1920X1440.jpg);
  }

  .wrapper_preyskurant {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_preyskurant_1920X1440.jpg);
  }

  .wrapper_onlayn_kalkulyator {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_onlayn_kalkulyator_1920X1440.jpg);
  }

  .wrapper_fotogalereya {
    background-image: url(/bitrix/templates/masterskaya_sections/fon/fon_fotogalereya_1920X1440.jpg);
  }

}

/* FEEDBACK_MODAL */

.feedback_modal {
  margin: 1% 1% 2% 1%;
  padding: 0 3% 0 3%;
  border: 10px solid transparent;
  -o-border-image: 10 repeating-linear-gradient(45deg, #A7CECC, #A7CECC 10px, transparent 10px, transparent 20px, #F8463F 20px, #F8463F 30px, transparent 30px, transparent 40px);
  border-image: 10 repeating-linear-gradient(45deg, #A7CECC, #A7CECC 10px, transparent 10px, transparent 20px, #F8463F 20px, #F8463F 30px, transparent 30px, transparent 40px);
  cursor: default !important;
}

.feedback_modal .content_feadback {
  position: relative;
  width: 100%;
  margin: 5% auto;
}

.feedback_modal .mfeedback .mf-text {
  color: red;
  font-size: .9em;
}

.feedback_modal .mfeedback .mf-name,
.feedback_modal .mfeedback .mf-email,
.feedback_modal .mfeedback .mf-message {
  width: 100%;
}

.feedback_modal .mfeedback .mf-name {
  display: none;
}

.feedback_modal .mfeedback input[type=text],
.feedback_modal .mfeedback textarea,
.feedback_modal .mf-captcha {
  width: 100%;
}

.feedback_modal .mfeedback input[type=submit] {
  color: red;
}

.feedback_modal .feadback_consent {
  margin-top: 20px;
}

.feedback_modal .feadback_consent input {
  cursor: pointer;
}

.feedback_modal .main-user-consent-request {
  display: flex;
}

.feedback_modal .main-user-consent-request-announce-link {
  display: inline-block;
  padding-left: 20px;
  font-size: .9em;
  cursor: default;
}

.feedback_modal .main-user-consent-request-announce-link a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

/*.feadback_terms_of_use .fancybox-content {
  width: 60vw !important;
  height: 80vh !important;
}*/

.fancybox-content:has(.fancybox-iframe) {
  width: 75vw !important;
  height: 80vh !important;
}

.feedback_modal,
.message_sent,
.message_not_sent {
  display: none;
}

#message_sent,
#message_not_sent {
  display: none;
  text-align: center;
}

#message_sent {
  color: green;
  font-weight: 600;
}

#message_not_sent p {
  color: red;
  font-weight: 600;
}

/* CONTENT: FEEDBACK_MODAL - @MEDIA */

@media all and (min-width: 1920px) {

  .feedback_modal .mfeedback .mf-text,
  .feedback_modal .main-user-consent-request-announce-link {
    font-size: 0.7vw;
  }

  .feedback_modal .mfeedback input[type=text],
  .feedback_modal .mfeedback input[type=submit] {
    font-size: .7vw;
  }

}

@media all and (max-width: 1599px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 60%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 70vw !important;
    height: 80vh !important;
  }*/

  .fancybox-content:has(.fancybox-iframe) {
    width: 80vw !important;
    height: 80vh !important;
  }

}

@media all and (max-width: 1279px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 70%;
  }*/

}

@media all and (max-width: 767px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 80%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 80vw !important;
    height: 90vh !important;
  }*/

  .fancybox-content:has(.fancybox-iframe) {
    width: 90vw !important;
    height: 90vh !important;
  }

}

@media all and (max-width: 479px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 90%;
  }*/

  /*.feadback_terms_of_use .fancybox-content {
    width: 100vw !important;
    height: 100vh !important;
  }*/

  .fancybox-content:has(.fancybox-iframe) {
    width: 100vw !important;
    height: 100vh !important;
  }

  /*.privacy_policy .fancybox-slide {
    padding: 0;
  }*/

}

@media all and (max-width: 319px) {

  /*.content .mfeedback input[type=text],
  .content .mfeedback textarea {
    width: 100%;
  }*/

}

/* МОДАЛЬНОЕ ОКНО */

/*.modal_window {
  display: none;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}*/


/* End */
/* /bitrix/templates/all_sites/css/reset.css?17587503874821 */
/* /bitrix/templates/all_sites/fancybox/jquery.fancybox.min.css?176027137919518 */
/* /bitrix/templates/all_sites/css/styles.css?17604385055282 */
/* /bitrix/templates/masterskaya_sections/components/bitrix/menu/left_menu/style.min.css?1574082343490 */
/* /bitrix/templates/masterskaya_sections/components/bitrix/main.map/site_map/style.css?15741052031518 */
/* /bitrix/components/bitrix/main.feedback/templates/.default/style.min.css?1573978731251 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?17687362403805 */
/* /bitrix/templates/masterskaya_sections/styles.css?1759264516101038 */
/* /bitrix/templates/masterskaya_sections/template_styles.css?176021218241889 */