/* 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/songbook_home/styles.css?17562413286240*/
/* CSS DOCUMENT: CONTENT */

/* КОНТЕНТ */

.content {
  /*position: relative;*/
  overflow: hidden;
  min-width: 360px;
  height: 80%;
  padding: 1.5%;
  color: #000;
  font-size: 16px;
  /*background: yellow;*/
  text-align: center;
  /*border: 1px solid red;*/
}

.content h1 {
  text-align: center;
  font-weight: 600;
  font-size: 5vw;
  color: red;
  /*text-shadow:
    -0 -2px 3px #696969,
    0 -2px 3px #696969,
    -0 2px 3px #696969,
    0 2px 3px #696969,
    -2px -0 3px #696969,
    2px -0 3px #696969,
    -2px 0 3px #696969,
    2px 0 3px #696969,
    -1px -2px 3px #696969,
    1px -2px 3px #696969,
    -1px 2px 3px #696969,
    1px 2px 3px #696969,
    -2px -1px 3px #696969,
    2px -1px 3px #696969,
    -2px 1px 3px #696969,
    2px 1px 3px #696969,
    -2px -2px 3px #696969,
    2px -2px 3px #696969,
    -2px 2px 3px #696969,
    2px 2px 3px #696969,
    -2px -2px 3px #696969,
    2px -2px 3px #696969,
    -2px 2px 3px #696969,
    2px 2px 3px #696969;
  text-shadow:
    -3px -3px white,
    3px 3px #333;*/
  /*text-shadow:
    0 0 2px #fff,
    -1px -1px 0 hsl(80, 70%, 35%),
    -2px -2px 1px hsl(80, 70%, 35%),
    -2px -2px 2px hsl(80, 10%, 15%),
    -2px -2px 0 7px hsl(60, 80%, 95%),
    -3px -3px 0 7px hsl(60, 10%, 65%),
    -4px -4px 0 7px hsl(60, 10%, 65%),
    -5px -5px 0 7px hsl(60, 10%, 65%),
    -6px -6px 0 7px hsl(60, 10%, 65%),
    -7px -7px 4px 8px hsl(60, 10%, 40%),
    -8px -8px 6px 9px hsl(60, 10%, 55%);*/

  /*color: transparent;*/
  text-shadow: -4px 4px hsla(0, 0%, 70%, .4),
    -3px 3px hsla(0, 0%, 60%, .2),
    -2px 2px hsla(0, 0%, 70%, .2),
    -1px 1px hsla(0, 0%, 70%, .2),
    0px 0px hsla(0, 0%, 50%, .5),
    1px -1px hsla(0, 0%, 30%, .6),
    2px -2px hsla(0, 0%, 30%, .7),
    3px -3px hsla(0, 0%, 32%, .8),
    4px -4px hsla(0, 0%, 30%, .9),
    5px -5px hsla(0, 0%, 30%, 1.0);
}

.content p {
  font-weight: 600;
  color: #fff;
  text-shadow:
    -0 -2px 3px #696969,
    0 -2px 3px #696969,
    -0 2px 3px #696969,
    0 2px 3px #696969,
    -2px -0 3px #696969,
    2px -0 3px #696969,
    -2px 0 3px #696969,
    2px 0 3px #696969,
    -1px -2px 3px #696969,
    1px -2px 3px #696969,
    -1px 2px 3px #696969,
    1px 2px 3px #696969,
    -2px -1px 3px #696969,
    2px -1px 3px #696969,
    -2px 1px 3px #696969,
    2px 1px 3px #696969,
    -2px -2px 3px #696969,
    2px -2px 3px #696969,
    -2px 2px 3px #696969,
    2px 2px 3px #696969,
    -2px -2px 3px #696969,
    2px -2px 3px #696969,
    -2px 2px 3px #696969,
    2px 2px 3px #696969;
  font-size: .9vw;
}

/* ГЛАВНОЕ МЕНЮ */

.home_menu {
  /*position: absolute;
  top: 50%;
  transform: translateY(50%);*/
  padding: 5%;
  /*border: 1px solid red;*/
}

.home_menu,
.home-menu {
  margin-bottom: 0 !important;
  margin: 0;
}

.home-menu li {
  background: transparent !important;
  margin: 1.5% 0;
}

.home-menu a {
  display: block;
  position: relative;
  width: 70%;
  padding: 2%;
  margin: .1% auto;
  border-radius: 20px;
  /*background: rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
  color: #fff !important;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.7);*/

  background: #DAA520;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(#DAA520)), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
  color: #fff !important;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  box-shadow: #fff -.1ex .1ex .1ex, #000 .1ex .1ex .1ex, 0 0 1ex .1ex rgba(0, 0, 0, 0.7);


  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 1vw;
}

.home-menu a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 20px;
  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)));
}

.home-menu a:hover,
.home-menu a.selected {
  /*background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#808080));
  color: #800 !important;  
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #FFF;*/

  background: #800;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  color: #DAA520 !important;

}

.home-menu a:active {
  /*background: #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#800));
  color: #FFF !important;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
    box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 .5ex .1ex rgba(0, 0, 0, 0.7);*/

  background: red;
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(red));
  color: #fff !important;
  text-shadow: #fff -.05ex -.05ex .1ex, .2ex .2ex .3ex #000;
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 .5ex .1ex rgba(0, 0, 0, 0.7);

}

@media (width <1920px) {

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

  .content p {
    font-size: 16px;
  }

}

@media (width <=1750px) {

  .home-menu a {
    width: 80%;
    margin: .5% auto;
  }

}

@media (width <=1550px) {

  .home-menu a {
    width: 90%;
    margin: .5% auto;
  }

}

@media (width <=1350px) {

  .home-menu a {
    width: 95%;
    margin: .5% auto;
  }

}

@media (width <=1199px) {

  .content {
    height: auto;
  }

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

  .home_menu a {
    width: 70%;
    font-size: 20px;
  }

}

@media (width <=700px) {

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

  .home-menu a {
    width: 80%;
    margin: .5% auto;
  }

}

@media (width <=500px) {

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

  .home-menu a {
    width: 90%;
    margin: 3% auto;
  }

}
/* End */


/* Start:/bitrix/templates/songbook_home/template_styles.css?17587456464002*/
/* CSS DOCUMENT: SITE */

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

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /*border: 1px solid #fff;*/
  box-sizing: border-box;
}

.wrapper {
  /*background: red;*/
  position: relative;
}

.wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(#000)), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
  /*background: #F0E68C;*/
  z-index: -1;
}

#left-sidebar,
#right-sidebar {
  position: relative;
  width: 25%;
  height: 100%;
  z-index: 0;
}

#middle {
  width: 50%;
  height: 100%;
}

.header {
  height: 10%;
  min-width: 360px;
  padding: 1.5%;
  padding-top: 3%;
  text-align: center;
  /*color: #800;
  text-shadow: #fff -1px -1px 1px, #A9A9A9 1px 1px 1px;*/
  color: #FFFF00;
  text-shadow:
    -0 -2px 3px #808080,
    0 -2px 3px #808080,
    -0 2px 3px #808080,
    0 2px 3px #808080,
    -2px -0 3px #808080,
    2px -0 3px #808080,
    -2px 0 3px #808080,
    2px 0 3px #808080,
    -1px -2px 3px #808080,
    1px -2px 3px #808080,
    -1px 2px 3px #808080,
    1px 2px 3px #808080,
    -2px -1px 3px #808080,
    2px -1px 3px #808080,
    -2px 1px 3px #808080,
    2px 1px 3px #808080,
    -2px -2px 3px #808080,
    2px -2px 3px #808080,
    -2px 2px 3px #808080,
    2px 2px 3px #808080,
    -2px -2px 3px #808080,
    2px -2px 3px #808080,
    -2px 2px 3px #808080,
    2px 2px 3px #808080;
  font-weight: 600;
  font-size: 1.2vw;
  /*background: green;*/
  /*border: 1px solid red;*/
}

.footer {
  height: 10%;
  min-width: 360px;
  padding: 1.5%;
  padding-bottom: 5%;
  text-align: center;
  /*color: #800;
  text-shadow: #fff -1px -1px 1px, #A9A9A9 1px 1px 1px;*/

  color: #fff;
  text-shadow: #000 -.3px -.3px .3px, #000 .3px .3px .3px;
  text-shadow:
    -0 -2px 3px #000,
    0 -2px 3px #000,
    -0 2px 3px #000,
    0 2px 3px #000,
    -2px -0 3px #000,
    2px -0 3px #000,
    -2px 0 3px #000,
    2px 0 3px #000,
    -1px -2px 3px #000,
    1px -2px 3px #000,
    -1px 2px 3px #000,
    1px 2px 3px #000,
    -2px -1px 3px #000,
    2px -1px 3px #000,
    -2px 1px 3px #000,
    2px 1px 3px #000,
    -2px -2px 3px #000,
    2px -2px 3px #000,
    -2px 2px 3px #000,
    2px 2px 3px #000,
    -2px -2px 3px #000,
    2px -2px 3px #000,
    -2px 2px 3px #000,
    2px 2px 3px #000;

  font-weight: 600;
  font-size: .9vw;
  /*background: blue;*/
  /*border: 1px solid red;*/
}

@media (width <=1199px) {

  #left-sidebar,
  #right-sidebar {
    display: none;
  }

  #middle {
    overflow: auto;
    width: 100%;
    height: auto;
  }

  .header {
    height: auto;
    font-size: 25px;
  }

  .footer {
    height: auto;
    font-size: 16px;
  }

}

/* ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ */

.fancybox-content:has(.fancybox-iframe) {
  width: 75vw !important;
  height: 80vh !important;
}

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

  .fancybox-content:has(.fancybox-iframe) {
    width: 80vw !important;
    height: 80vh !important;
  }

}

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

  .fancybox-content:has(.fancybox-iframe) {
    width: 90vw !important;
    height: 90vh !important;
  }

}

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

  .fancybox-content:has(.fancybox-iframe) {
    width: 100vw !important;
    height: 100vh !important;
  }

}
/* 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/songbook_home/styles.css?17562413286240 */
/* /bitrix/templates/songbook_home/template_styles.css?17587456464002 */