/* 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/components/bitrix/menu/templates/.default/style.min.css?1573978731490*/
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/components/bitrix/menu/templates/.default/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/songbook_sections/components/bitrix/menu/thematic_sections/style.min.css?1752783700640*/
ul.thematic-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  position: relative
}

ul.thematic-menu li {
  padding: 10px 16px;
  background: #f5f5f5 url(/bitrix/templates/songbook_sections/components/bitrix/menu/thematic_sections/images/left_menu_bg.gif) top repeat-x
}

ul.thematic-menu li a {
  font-size: 100%;
  color: #bc262c;
  font-weight: bold;
  text-decoration: none
}

ul.thematic-menu li a:visited {
  color: #bc262c
}

ul.thematic-menu li a:hover {
  color: #bc262c
}

ul.thematic-menu li a.selected:link,
ul.thematic-menu li a.selected:visited,
ul.thematic-menu li a.selected:active,
ul.thematic-menu li a.selected:hover {
  color: #fc8d3d
}
/* End */


/* Start:/bitrix/templates/songbook_sections/styles.css?177421898835423*/
/* CSS DOCUMENT: CONTENT */

/* КОНТЕНТ */

.content {
  position: relative;
  overflow-x: auto;
  overflow-y: scroll;
  height: 86%;
  min-width: 360px;
  padding: 3%;
  padding-bottom: 1.5%;
  /*padding-right: 70px;*/
  border: thin solid #696969;
  box-shadow: 0.3ex 0.3ex 1ex rgba(0, 0, 0, 0.7), -0.3ex 0.3ex 1ex rgba(0, 0, 0, 0.7);
  box-shadow: 0.1ex 0.1ex 1ex rgba(0, 0, 0, 0.7) inset, -0.3ex 0.1ex 1ex rgba(0, 0, 0, 0.7) inset;
  background-color: #FFF;
  color: #000;
  font-size: 16px;
  /*background: transparent;*/
  /*z-index: 1;*/
}

h1 {
  font-weight: 600;
  font-size: 30px;
}

/* СТРАНИЦА САЙТА НАХОДИТСЯ В СТАДИИ РАЗРАБОТКИ! */

/*.content .modal_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}*/

.content .development {

  position: fixed;
  top: calc(50% - 42px / 2);
  left: calc(50% - 460px / 2);

  border: 2px solid red;
  padding: 10px;
  color: red;
  font-size: 16px;
  font-weight: 600;
  text-align: center;

  background: #fff;
  box-shadow: 0.3ex 0.3ex 1ex rgba(0, 0, 0, 0.7), -0.3ex 0.3ex 1ex rgba(0, 0, 0, 0.7);

  pointer-events: none;

  z-index: 1;

  display: none;
}

@media (width < 550px) {

  .content .development {
    width: 90%;
    top: calc(50% - 84px / 2);
    left: calc(50% - 90% / 2);

  }

}

/* НАВИГАЦИОННАЯ ЦЕПОЧКА, ПОИСК */

.nav_chain_search {
  display: flex;
  margin-top: 2%;
  padding: 10px;
  border: thin solid #696969;
  background: #A9A9A9;
  box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.5);
  color: #fff;
}

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

.nav_chain_search .nav_chain_link {
  width: 180px;
}

.nav_chain_search .nav_chain_link span {
  cursor: pointer;
  color: #800;
}

.nav_chain_search .nav_chain_link span:nth-child(2) {
  margin-top: .3px;
}

.nav_chain_search .nav_chain_link span:hover {
  text-shadow: -.1px -.1px 0 #800,
    -.1px -.1px .1px #800;
}

.nav_chain_search .nav_chain_link span:active {
  color: red;
  text-shadow: -.1px -.1px 0 red,
    -.1px -.1px .1px red;
}

.nav_chain_search .nav_chain_thematic {
  overflow: hidden;
}

.nav_chain_search .nav_chain_thematic,
[data-thematic] {
  position: relative;
  display: none;
  width: calc(100% - 180px - 220px);
  margin-top: -.5px;
}

.nav_chain_search [data-thematic] {
  padding: 2px;
}

.nav_chain_search [data-thematic] span {
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
}

.nav_chain_search [data-thematic] span i {
  font-weight: 600;
}

.nav_chain_search .bx-breadcrumb {
  height: 24px;
  padding: 4px;
  padding-right: 0;
  margin: 0;
  display: flex;
}

.nav_chain_search .bx-breadcrumb-item {
  padding: 0;
  margin: 0 !important;
  padding-left: 10px;
  color: #fff;
}

.nav_chain_search .bx-breadcrumb:last-child .bx-breadcrumb-item {
  position: relative;
  overflow: hidden;
}

.nav_chain_search .bx-breadcrumb-item span {
  display: inline-block;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap !important;
}

.nav_chain_search .bx-breadcrumb-item .ellipsis,
.nav_chain_search .nav_chain_thematic .ellipsis {
  position: absolute;
  bottom: 2px;
  right: 0;
  background: #A9A9A9;
  /*border-right: 2px solid #A9A9A9;*/
}

.nav_chain_search .bx-breadcrumb-item a {
  color: #800;
  text-decoration: none;
}

.nav_chain_search .bx-breadcrumb-item a:hover {
  text-shadow: -.1px -.1px 0 #800,
    -.1px -.1px .1px #800;
}

.nav_chain_search .bx-breadcrumb-item a:active {
  color: red;
  text-shadow: -.1px -.1px 0 red,
    -.1px -.1px .1px red;
}

.nav_chain_search .bx-breadcrumb-item i {
  color: #fff;
  font-weight: 600;
  margin-top: -5px;
  /*vertical-align: top;*/
}

.nav_chain_search .search {
  width: 220px;
  height: 24px;
}

.nav_chain_search .search table {
  float: right;
}

.nav_chain_search .search tr {
  display: inline;
  vertical-align: top;
}

.nav_chain_search .search input[type=text] {
  box-shadow: inset 2px 2px 3px rgba(154, 147, 140, 0.5), inset 1px 1px 3px rgba(255, 255, 255, 1);
}

.nav_chain_search .search input[type=submit] {
  margin-top: -2px;
  box-shadow: 1px 1px 1px #696969, 1px 1px 3px #696969;
}

.nav_chain_search .search input[type=submit]:active {
  margin-top: -2px;
  box-shadow: none;
}

/* КАРТА САЙТА (нижнее меню) */

.sitemap {
  width: 100%;
  padding: .5% 2%;
  background: rgba(0, 0, 0, 0.06);
  box-shadow: .1ex .1ex .1ex rgba(0, 0, 0, 0.6);
  color: #696969;
}

.sitemap_sections {
  padding: .2% 0;
}

.sitemap_flex_sections {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sitemap_block_sections {
  display: none;
  padding: 0 5px 0 5px;
  text-align: center;


}

.sitemap_sections a {
  display: inline-block;
  flex-basis: content;
  color: #696969;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
}

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

.sitemap_sections a:active {
  color: red;
}

@media (width < 600px) {

  .sitemap_flex_sections {
    display: none;
  }

  .sitemap_block_sections {
    display: block;



  }

}

/*@media (width < 650px) {

  .sitemap_sections {
    display: block;
  }

  .sitemap_sections a {
    flex-basis: calc(100% / 8);
  }

}*/






/* СОДЕРЖАНИЕ */

.content_soderzhanie {
  margin-bottom: 3%;
}

/*.content [data-contents=word],
.content [data-contents=music],
.content [data-contents=executor],
.content [data-contents=film],
.content [data-contents=soviet],
.content [data-contents=patriotic],
.content [data-contents=military],
.content [data-contents=author] {
  display: none;
}*/

.content .contents:not([data-contents=name]) {
  display: none;
}

.content .contents [data-contents=name] {
  display: block;
}

/*.soderzhanie_settings {
  margin: 10px;
  text-align: right;
}

.soderzhanie_settings img {
  width: 40px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1));
  cursor: pointer;
}

.soderzhanie_settings img:hover {
  filter: drop-shadow(2px 2px 2px red);
}

.soderzhanie_settings img:active {
  filter: drop-shadow(1px 1px 1px red);
}*/

.content_soderzhanie .alphabetical_index {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-left: 3%;
  margin: 20px 0;
  line-height: 1.5;
  text-align: center;
  font-size: 20px;
}

.content_soderzhanie .alphabetical_index_half {
  display: flex;
  /*flex-flow: nowrap;*/
  flex-grow: 1;
  justify-content: space-evenly;
  margin-right: -5px;
}

.content_soderzhanie .alphabetical_index_half span {
  padding: 0 5px;
  color: #0000FF;
  cursor: pointer;
}

.content_soderzhanie .alphabetical_index_half span:hover {
  text-shadow: -1px -1px 0 #0000FF,
    -1px -1px 1px #0000FF;
}

.content_soderzhanie .alphabetical_index_half span:active {
  color: red;
  text-shadow: -1px -1px 0 red,
    -1px -1px 1px red;
}

.content_soderzhanie .songs {
  padding-left: 3%;
  width: 97%;
}

.content_soderzhanie .alphabet {
  margin-top: 1%;
  margin-bottom: 1%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.content_soderzhanie .alphabet hr {
  display: block;
  border: 1px solid #ccc;
}

.content_soderzhanie .song {
  padding: 5px;
  color: #000;
  /*text-decoration: none;*/
}

.content_soderzhanie .song:hover {
  text-shadow: .1px .1px .1px #0000FF;
}

.content_soderzhanie .song:active {
  color: red;
  text-shadow: .1px .1px .1px red;
}

.content_soderzhanie .song a {
  text-decoration: none;
}

.content_soderzhanie [data-song*=word],
.content_soderzhanie [data-song*=music],
.content_soderzhanie [data-song*=executor],
.content_soderzhanie [data-song*=film],
.content_soderzhanie [data-song*=soviet],
.content_soderzhanie [data-song*=patriotic],
.content_soderzhanie [data-song*=military] {
  display: none;
}

.content_soderzhanie [data-song*=name] {
  display: block;
}

/* НАСТРОЙКА ГИТАРЫ */

.content_nastroyka_gitary {
  margin: 5% 10%;
}

.content_nastroyka_gitary .tuning {
  display: inline-flex;
  box-sizing: border-box;
  margin: 10px;
  padding: 10px;
}

.content_nastroyka_gitary .button {
  width: 50px;
  height: 50px;
  border: 3px solid red;
  border-radius: 50px;

  box-shadow: 0px 1px 2px .5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 3px 24px 0px rgba(66, 68, 90, 1);
  transform: translateY(-1px);

  cursor: pointer;
}

.content_nastroyka_gitary .button_on_off {
  width: 100px;
}

.content_nastroyka_gitary .button:hover {
  border: 1px solid red;
}

.content_nastroyka_gitary .button:active {
  box-shadow: none;
  transform: none;
}

.content_nastroyka_gitary .button_stop {
  display: none;
}

.content_nastroyka_gitary .button_text {
  padding: 15px;
  text-shadow: -1px 1px 2px rgba(66, 68, 90, 1);
}

.content_nastroyka_gitary .notes {
  margin-top: 3%;
  padding-top: 3%;
  border-top: 2px solid #ccc;
  font-weight: 600;
}

.content_nastroyka_gitary .text {
  padding-top: 2%;
  text-align: justify;
  color: #696969;
}

/* АККОРДЫ */

.content_akkordy {
  position: relative;
  margin-bottom: 3%;
}

.content_akkordy .points {
  padding: 20px 50px;
  font-weight: 600;
}

.content_akkordy .points p {
  padding: 20px 0;
  font-weight: 600;
}

.content_akkordy .points ul li {
  margin: 0 70px;
  padding: 3px;
}

.content_akkordy .points ul li span {
  font-size: 20px;
  color: #551A8B;
  vertical-align: middle;
}

.content_akkordy .points ul li a {
  text-decoration: none;
  color: #551A8B;
}

.content_akkordy .points ul li a:hover {
  color: blue;
}

.content_akkordy .points ul li a:active {
  color: red;
}

.content_akkordy .points ul li sup {
  font-size: 1.2em;
}


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

.content_polzovatelskoe_soglashenie {
  padding: 5%;
}

.content_polzovatelskoe_soglashenie p {
  padding-top: 2%;
  text-align: justify;
}

/* ПОИСК ПО САЙТУ */

.content_max_height {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content_search {
  margin: 50px;
  flex-grow: 2;
}

.content_search form {
  width: 100%;
  margin: 0 auto;
}

.content_search input[name=q] {
  width: calc(100% - 100px);
}

/*.content_search font.text {
  display: none;
}*/

.content_search small {
  display: none;
}

/*.content_search p:last-child b,
.content_search p:last-child a {
  display: none;
}*/

.content_search p {
  display: none;
}

/*.content_search p:last-child {
  display: none;
}*/

/*.content_search p:last-child font.notetext {
  display: block;
}*/

/*#text {
  display: none;
}*/

.content_search table {
  display: none;
}









/* ПЕСНИ */

.content_song {
  display: flex;
  margin-top: 20px;
}

.setting {
  position: sticky;
  top: 0;
  display: flex;
  width: 100%;
  margin-top: 10px;
  background: #F0E68C;
  z-index: 1;
}

.settings_section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 3);
  padding: 5px;
  border: 1px solid #696969;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  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: #696969;
  box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.5);
  text-shadow: #fff -1px -1px 1px, #fff 1px 1px 1px;
}

.settings_section:hover {
  color: #fff;
  text-shadow: #fff -1px -1px 1px, red 1px 1px 1px;
}

.settings_section:active {
  box-shadow: none;
  color: red;
}

.chord_setting {
  margin-right: 2.5px;
}

.scrolling_setting {
  margin: 0 2.5px 0 2.5px;
}

.block_notes_setting {
  margin-left: 2.5px;
}

.scrolling_setting_off {
  display: none;
}

/* ТЕКСТЫ ПЕСЕН */

pre {
  display: inline-block;
  align-self: flex-start;
  padding: 50px;
  line-height: 1.5;
  white-space: pre;
}

b {
  font-weight: 600;
}

.sub_link {
  font-weight: 600;
  text-decoration: none;
}

.sub_link:hover {
  text-shadow: -1px -1px 0 #0000FF,
    -1px -1px 1px #0000FF;
}

.sub_link:active {
  text-shadow: -1px -1px 0 red,
    -1px -1px 1px red;
}


/* АККОРДЫ */

accords {
  white-space: normal;
  color: red;
}

sp_1::after {
  content: "\00A0";
}

sp_2::after {
  content: "\00A0\00A0";
}

sp_3::after {
  content: "\00A0\00A0\00A0";
}

sp_4::after {
  content: "\00A0\00A0\00A0\00A0";
}

sp_5::after {
  content: "\00A0\00A0\00A0\00A0\00A0";
}

sp_6::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_7::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_8::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_9::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_10::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_11::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_12::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_13::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_14::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_15::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_16::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_17::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_18::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_19::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_20::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_21::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_22::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_23::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_24::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

sp_25::after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}

acdn {
  position: relative;
  width: 100px;
  height: 100px;
  color: red;
  cursor: pointer;
}

.acdn_left_10 {
  margin: -10px;
}

.acdn_right_10 {
  margin: 10px;
}

.acdn_left_30 {
  margin: -30px;
}

.acdn_right_30 {
  margin: 30px;
}

acdf {
  position: absolute;
  top: -80px;
  left: -45px;
  width: 100px;
  color: black;
  cursor: none;
  display: none;
}


acdf img {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

/* ПЕСНИ - аппликатуры справа */

.content_song_chord_fingering {
  padding-right: 50px;
}


/* ПЕСНИ - ПРИМЕЧАНИЯ */

.block_notes {
  width: 95%;
}

.block_notes hr {
  width: 60%;
  margin-bottom: 50px;
}

.block_notes_title {
  margin-top: 10px;
  margin-bottom: 30px;
  text-indent: 80px;
  font-weight: 600;
}

.block_note_link {
  padding-left: 50px;
}

.note_link {
  padding-left: 50px;
}

.note_link img {
  height: 150px;
}











/*.block_link {
  position: relative;
  padding: 10px 0 10px 50px;
}

.link {
  padding-left: 20px;
}

.link img {
  height: 150px;
}*/

.block_note_end {
  position: relative;
  margin-top: 50px;
  padding: 10px 0 10px 50px;
}

.exclamation_mark {
  position: absolute;
  top: 9px;
  left: 25px;
  width: 20px;
}


/* АППЛИКАТУРА АККОРДОВ */

.block_notes .chord_fingering {
  display: none;
}

.block_notes .fingering {
  padding: 10px 0 10px 50px;
  text-align: left;
  font-weight: normal;
}







/* АККОРДЫ - буквенно-цифровое обозначение */

.content_akkordy .chords_notation {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin: 30px 0;
  font-size: 20px;
  border: 2px solid #000;
}

.content_akkordy .chords_notation_sticky {
  position: sticky;
  top: 0;
  /*background: #f5f5f5;
  background: red;*/
  background: #F0E68C;
  z-index: 1;
  /*margin-top: 10px;*/
}




@media (width <=1199px) {

  .content_akkordy .chords_notation_sticky {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .content_akkordy .chords_notation_fixed {
    position: fixed;
    top: 30px;
    width: 92%;
    margin: 0;
  }

  .content_akkordy .margin_0 {
    margin: 0;
  }

}


.content_akkordy .chords_notation .selected {
  border: 1px solid #000;
  background: yellow;
}

.content_akkordy .chords_notation sup {
  font-weight: 600;
}

.content_akkordy .notation {
  padding: 3px;
  cursor: pointer;
  /*border: 1px solid #000;*/
  font-style: normal;
  font-weight: 600;
  color: #000;
}

.content_akkordy .notation:hover {
  color: blue;
}

.content_akkordy .notation:active {
  color: red;
}

.content_akkordy table {
  width: 100%;
  /*background: transparent;*/
}

/*content_akkordy table tr {
  position: relative;
}*/

.content_akkordy table th,
.content_akkordy table td {
  position: relative;
  overflow-wrap: anywhere;
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  /*background: transparent;*/
}

/*.content_akkordy table .width_15 {
  width: 15%;
}*/

.content_akkordy table .width_1,
.content_akkordy table .width_2 {
  width: 20%;
}

.content_akkordy table .width_3 {
  width: 60%;
}

/*.content_akkordy table tr.color {
  background: rgba(198, 195, 181, 0.1);
}*/

/*.content_akkordy table tr:nth-child(2n + 2) {
  background: rgba(198, 195, 181, 0.1);
  background: red;
}*/


/*.td_chord_name {
  display: flex;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid red;
}

.td_chord_alt {
  width: 100%;
  height: 50%;
  border: 1px solid red;
}*/

.content_akkordy table .border_top_none {
  border-top: none;
}

.content_akkordy table .border_bottom_none {
  border-bottom: none;
}

.content_akkordy table .border_top_bottom_none {
  border-top: none;
  border-bottom: none;
}

/*.content_akkordy table .border_none:has(.chord_alt) {
  color: blue;
}*/



.content_akkordy .hr_line {
  width: 94%;
  margin: 5px 3px;
}

.content_akkordy .hr_line_alt {
  position: absolute;
  top: -5px;
  left: 5%;
  width: 90%;
  margin: 5px 0;
}

.content_akkordy .hr_line_subchord {
  width: 40%;
  margin: 1px auto 7px auto;
  background: #000;
  /*color: #000;*/
  height: 2px;
}

.content_akkordy .chord_alt {
  position: absolute;
  top: 5px;
  left: 5px;
  padding-right: 5px;
  color: blue;
  cursor: help;
  background: #fff;
  top: -10px;
}

/*.content_akkordy .chord_alt::before {
  position: absolute;
  content: "alt";
  top: 0;
  left: 0;
  color: red;
}*/

.content_akkordy .chord_name {
  padding: 3px;
}

/*.content_akkordy .note_en~span {
  font-size: 1.3em;
  font-weight: lighter;
  
}*/


.interval,
.interval_title {
  cursor: help;
  white-space: nowrap;
}

.interval_title {
  font-size: .8em;
  padding-bottom: 3px;
  word-spacing: -0.1rem;
  display: none;
}





.content_akkordy .interval .sub_1,
.content_akkordy .interval .sub_2,
.content_akkordy .interval_title .sub_1,
.content_akkordy .interval_title .sub_2,
.content_akkordy .note_en_sub_1,
.content_akkordy .note_en_sub_2 {
  display: inline-block;
}

.content_akkordy .interval .sub_1 {
  border-top: 1px solid #000;
  padding-top: 3px;
  margin-top: -1px;
}

.content_akkordy .interval .sub_2 {
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}

.content_akkordy .interval_title .sub_1 {
  border-top: 1px solid #000;
  padding-top: 4.5px;
  margin-top: -1px;
}

.content_akkordy .interval_title .sub_2 {
  border-bottom: 1px solid #000;
  padding-bottom: 4.5px;
}



/*.interval .red_margin_left {
  margin-left: -.2em;
}*/

/*.interval:hover:after {
  content: attr(title);
  color: red;
}

.interval:active:after {
  content: attr(title);
  color: red;
}*/


.interval_note {
  font-size: .7em;
}

/*.content_akkordy .interval_1_3_5_6,
.content_akkordy .interval_1_3_6 {
  cursor: help;
}

.content_akkordy .interval_1_3_6 {
  display: none;
}*/




/*.content_akkordy .note_en_sub_1,
.content_akkordy .note_en_sub_1_harmony {
  border-top: 1px solid #000;
  padding-top: 10px;
  margin-top: -1px;
  background: red;
}

.content_akkordy .note_en_sub_2,
.content_akkordy .note_en_sub_2_harmony {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  background: blue;
}*/

/*.content_akkordy .note_en_sub_1,
.content_akkordy .note_en_sub_2 {
  padding-left: 10px;
}

.content_akkordy .note_en_sub_1_harmony,
.content_akkordy .note_en_sub_2_harmony {
  padding-right: 10px;
}*/



/*.content_akkordy .note_ru {
  font-weight: 600;
}*/


/*.content_akkordy .en_inv {
  line-height: 1.4;
}*/

/*.content_akkordy .alt font,
.content_akkordy .interval font {
  font-size: 1.3em;
}*/


/*.content_akkordy slash {
  display: inline;
  font-size: 1.3em;
  font-weight: lighter;
  vertical-align: middle;
}*/

.content_akkordy fl,
.content_akkordy fl2,
.content_akkordy sh {
  line-height: 0;
}

.content_akkordy fl::before {
  content: "\266D";
  font-size: 1.3em;
}


.content_akkordy fl2::before {
  content: "\1D12B";
  font-size: 1.3em;
}

.content_akkordy sh::before {
  content: "\266F";
  font-size: 1.3em;
}

/*.content_akkordy .alt .crossed_out_circle {
  content: "";
  transform: rotate(90deg);
}*/


.content_akkordy .see_more {
  padding: 20px;
}

.content_akkordy .see_more a:hover {
  color: blue;
}

.content_akkordy .see_more a:active {
  color: red;
}


/* ноты */

.content_akkordy div.staff {
  position: relative;
  display: inline-flex;
  width: 170px;
  height: auto;
  /*background-size: cover;
  background-position: center center;*/
  /*background: red;*/
}

.content_akkordy div.staff.subchord_1 {
  margin-top: -50px;
}

.lines_left {
  display: flex;
  justify-content: flex-end;
  width: 90px;
}

.lines_left_empty {
  flex-grow: 1;
  /*width: calc(100% - 12px);*/
  height: 100%;
  /*border: 1px solid #000;*/
}

.accidentals {
  width: 12px;
  /*width: 10px;*/
  /*border: 1px solid #000;*/
}

.lines_width_0 {
  width: 0;
}

.lines_center {
  width: 20px;
  /*border: 1px solid #000;*/
}

.lines_right {
  width: 60px;
  /*border: 1px solid #000;*/
}

.treble_clef {
  position: absolute;
  top: 25px;
  left: 0;
  font-size: 50px;
  /*background: green;*/
}

.bass_clef {
  position: absolute;
  top: -7px;
  left: 0;
  font-size: 35px;
  /*background: green;*/
}

.accolade {
  display: block;
  position: absolute;
  top: 47px;
  left: 0;
  width: 2px;
  height: 117px;
  background: #000;
}

.line {
  position: relative;
  width: 100%;
  height: 8px;
  border-bottom: 1px solid #000;
  /*background: yellow;*/
}

.line_none,
.add_line {
  border: none;
}

/*.add_line {
  border-bottom: 1px solid #000;
}*/

.line_show {
  border-bottom: 1px solid #000;
}

/*.test {
  background: yellow;
}*/

.sharp {
  position: absolute;
  left: 0;
  font-size: 24px;
  /*background: red;*/
  display: none;
  /*border: 1px solid red;*/
}


.sharp_a_bass,
.sharp_f_bass,
.sharp_d_bass,
.sharp_d,
.sharp_f,
.sharp_a,
.sharp_c1,
.sharp_e1,
.sharp_g1,
.sharp_h1,
.sharp_d2,
.sharp_f2,
.sharp_a2,
.sharp_c3,
.sharp_e3,
.sharp_g3,
.sharp_h3 {
  top: -6.5px;
}

.sharp_h_bass,
.sharp_g_bass,
.sharp_e_bass,
.sharp_c_bass,
.sharp_c,
.sharp_e,
.sharp_g,
.sharp_h,
.sharp_d1,
.sharp_f1,
.sharp_a1,
.sharp_c2,
.sharp_e2,
.sharp_g2,
.sharp_h2,
.sharp_d3,
.sharp_f3,
.sharp_a3 {
  top: -10.5px;
}

/*.sharp2_g1 {
  top: -11px;
  font-size: 36px;
}

.sharp2_f1,
.sharp2_c2 {
  top: -15px;
  font-size: 36px;
}*/

.flat {
  position: absolute;
  left: 0;
  font-size: 26px;
  display: none;
}

.flat_a_bass,
.flat_f_bass,
.flat_d_bass,
.flat_d,
.flat_f,
.flat_a,
.flat_c1,
.flat_e1,
.flat_g1,
.flat_h1,
.flat_d2,
.flat_f2,
.flat_a2,
.flat_c3,
.flat_e3,
.flat_g3,
.flat_h3 {
  top: -16px;
}

.flat_h_bass,
.flat_g_bass,
.flat_e_bass,
.flat_c_bass,
.flat_c,
.flat_e,
.flat_g,
.flat_h,
.flat_d1,
.flat_f1,
.flat_a1,
.flat_c2,
.flat_e2,
.flat_g2,
.flat_h2,
.flat_d3,
.flat_f3,
.flat_a3 {
  top: -20px;
}

.flat_left2 {
  left: -24px;
}

/*.note {
  position: relative;
  position: absolute;
  left: 4px;
  width: 12px;
  height: 8px;
  border: 1px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-radius: 50%;
  display: none;
 }*/

/*.yellow {
  background: yellow;
  opacity: .7;
}*/

.red {
  color: red;
  border-color: red !important;
}

/*.show {
  display: inline;
}*/

note {
  position: relative;
  position: absolute;
  width: 12px;
  height: 8px;
  border: 1px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-radius: 50%;
  display: none;
}

.d_bass,
.f_bass,
.a_bass,
.c1,
.c1_8,
.e1,
.e1_8,
.g1,
.g1_8,
.h1,
.h1_8,
.d2,
.d2_8,
.f2,
.f2_8,
.a2,
.a2_8,
.c3,
.e3,
.g3 {
  top: 4px;
  left: 4px;
}

.c_bass,
.e_bass,
.g_bass,
.h_bass,
.d1,
.d1_8,
.f1,
.f1_8,
.a1,
.a1_8,
.c2,
.c2_8,
.e2,
.e2_8,
.g2,
.g2_8,
.h2,
.h2_8,
.d3,
.f3,
.a3 {
  top: 0;
  left: 4px;
}

.c1r,
.e1r,
.g1r,
.h1r,
.d2r,
.f2r,
.a2r {
  top: 4px;
  left: 14px;
}

.d1r,
.f1r,
.a1r,
.c2r,
.e2r,
.g2r,
.h2r,
.d3r,
.f3r,
.a3r {
  top: 0;
  left: 14px;
}

.shift_right {
  left: 14px;
}

.shift_right_sign_8 {
  /*left: 18px;*/
  left: 14px;
}

.shift_left {
  left: 4px;
}


.c1_8::before,
.c2_8::before,
.d1_8::before,
.d2_8::before,
.e1_8::before,
.e2_8::before,
.f1_8::before,
.f2_8::before,
.g1_8::before,
.g2_8::before,
.a1_8::before,
.a2_8::before,
.h1_8::before,
.h2_8::before {
  position: absolute;
  content: "(";
  top: -4px;
  left: -6px;
  font-size: 12px;
  font-weight: 700;
  /*display: none;*/
}

.c1_8::after,
.c2_8::after,
.d1_8::after,
.d2_8::after,
.e1_8::after,
.e2_8::after,
.f1_8::after,
.f2_8::after,
.g1_8::after,
.g2_8::after,
.a1_8::after,
.a2_8::after,
.h1_8::after,
.h2_8::after {
  position: absolute;
  content: ")";
  top: -4px;
  left: 8px;
  font-size: 12px;
  font-weight: 700;
  /*display: none;*/
}

/*[data-8=note_8] {
  display: none;
}*/

/*i {
  background: red;
}*/

.octave_sign_8va,
.octave_sign_8vb {
  position: absolute;
  top: 0;
  left: -7px;
  width: 30px;
  font-size: .8em;
  display: none;
}




/* АККОРДЫ - примечания */

.content_akkordy .chords_notation .help {
  padding: 3px;
  cursor: help;
  /*border: 1px solid #000;*/
  font-weight: 600;
  color: blue;
}

.content_akkordy .chords_notation .help:hover {
  text-shadow: -.5px -.5px 0 blue,
    -.5px -.5px .5px blue;
}

.content_akkordy .chords_notation .help:active {
  color: red;
  text-shadow: -.5px -.5px 0 red,
    -.5px -.5px .5px red;
}

/*.content_akkordy td .block_help {
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  width: 167%;
  height: 100%;
  background: red;
}*/

.content_akkordy tr .help_relative {
  position: relative;
}

.content_akkordy tr .help {
  position: absolute;
  top: -1px;
  left: 0;
  border: 1px solid blue;
  border-radius: 50%;
  padding: 0 5px;
  cursor: help;
}

.content_akkordy tr .help:hover {
  /*top: -.5px;
  left: -.5px;*/
  border: 2px;
  box-shadow: -0px 1px 5px 2px blue;
}

.content_akkordy tr .help:active {
  top: -2px;
  left: -2px;
  color: red;
  border: 2px solid red;
  box-shadow: 0px 1px 5px 2px red;
}

.content_akkordy .help_text {
  position: relative;
  position: absolute;
  top: 40px;
  left: 15%;
  width: 70%;
  padding: 20px 30px;
  border: 2px solid red;
  border-radius: 5px;
  background: #fff;
  font-size: 15px;
  font-weight: normal;
  text-align: justify;
  box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.5);
  z-index: 1;
  display: none;
}

.content_akkordy .help_text p {
  text-indent: 5%;
}

.content_akkordy .help_text ul {
  list-style-type: disc;
  padding: 10px 0;
  padding-left: 10%;
}

.content_akkordy .help_text sub {
  margin-left: -2em;
  vertical-align: -.3em;
}




.help_text_close {
  position: absolute;
  top: 0;
  right: 6px;
  font-weight: 600;
  font-size: 30px;
  cursor: pointer;
  z-index: 2;
}

.help_text_close:hover {
  color: blue;
}

.help_text_close:active {
  color: red;
}

/*.content_akkordy table [id] {
  scroll-margin-top: 65px;
}*/


/* АККОРДЫ - выбор аккордов */

.chord_examples {
  padding: 20px 0 10px 30px;
}

.chord_examples_list li {
  padding: 3px 0 3px 50px;
}

.chord_examples_list li a {
  text-decoration: none;
}

.select_chord {
  display: inline-block;
  color: #551A8B;
  cursor: pointer;
}

.select_chord:hover {
  color: blue;
}

.select_chord:active {
  color: red;
}

.select_chord.selected {
  color: red;
}

.select_chord.selected:hover {
  color: blue;
}

.select_chord.selected:active {
  color: red;
}

.chord_examples_list_flex li {
  display: inline-flex;
  align-items: center;
}

.chord_examples_sub1,
.chord_examples_sub2 {
  display: block;
  /*text-align: center;*/
}

.select_chord .chord_examples_sub1 {
  border-top: 1px solid #551A8B;
}

.select_chord .chord_examples_sub2 {
  border-bottom: 1px solid #551A8B;
}

.select_chord.selected .chord_examples_sub1 {
  border-top: 1px solid red;
}

.select_chord.selected .chord_examples_sub2 {
  border-bottom: 1px solid red;
}


.select_chord:hover .chord_examples_sub1 {
  border-top: 1px solid blue;
}

.select_chord:hover .chord_examples_sub2 {
  border-bottom: 1px solid blue;
}

.select_chord:active .chord_examples_sub1 {
  border-top: 1px solid red;
}

.select_chord:active .chord_examples_sub2 {
  border-bottom: 1px solid red
}



.select_chord.selected~span {
  color: red;
}

.select_chord:hover~span,
.select_chord.selected:hover~span {
  color: blue;
}

.select_chord:active~span,
.select_chord.selected:active~span {
  color: red;
}






/* АККОРДЫ - индикатор загрузки */

/*.content_loading .loading_indicator {
  position: fixed;
  top: calc(50% - 40px);
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;*/
/*perspective: 800px;*/
/*display: none;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #EFEFFA;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid #696969;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #EFEFFA;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid #696969;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #EFEFFA;
  border-bottom: 5px solid #000;
  border-bottom: 5px solid #696969;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}*/



@media (width <=768px) {

  .content_akkordy .chords_notation span,
  .content_akkordy .chords_notation a {
    display: block;
    text-align: center;
    /*background: red;*/
  }

  .chords_notation_с,
  .chords_notation_f,
  .chords_notation_h {
    margin-top: 26px;
  }

  .content_akkordy table .width_1 {
    width: 30%;
  }

  .content_akkordy table .width_2 {
    width: 20%;
  }

  .content_akkordy table .width_3 {
    width: 50%;
  }

  /*.content_akkordy table [id] {
    scroll-margin-top: 65px;
  }*/

  /*.content_akkordy .chord_alt {
    top: -10px;
  }*/

}

















/* АДАПТИВНАЯ ВЕРСТКА: - ПЕРЕНЕСТИ ВСЕ СТИЛИ ВНИЗ!!!
   смартфон: width <=767px
   планшет: 768px<= width <=1199px
   ноутбук: 1200px<=  width <=1599px
   компьютер: 1600px<=  width <=1920px
   большие экраны: width >=1921px */

@media (width <=380px) {

  .content_soderzhanie .alphabetical_index {
    padding-left: 0;
  }

  .content_soderzhanie .alphabetical_index_half span {
    padding: 0;
  }


}

@media (width <=400px) {

  .content_akkordy .points {
    padding: 20px 20px;
  }

  .content_akkordy .points ul li {
    margin: 0 20px;
  }

}

@media (400px <width <=450px) {

  .content_akkordy .points {
    padding: 20px 30px;
  }

  .content_akkordy .points ul li {
    margin: 0 40px;
  }

}

@media (450px <width <=575px) {

  .content_akkordy .points {
    padding: 20px 40px;
  }

  .content_akkordy .points ul li {
    margin: 0 50px;
  }

}

@media (width <=767px) {

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

  h1 {
    font-size: 25px;
  }

  .nav_chain_search .nav_chain_search {
    width: 100%;
  }

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

  .nav_chain_search .nav_chain_link {
    width: 173px;
  }

  .nav_chain_search .nav_chain_thematic,
  [data-thematic] {
    width: calc(100% - 173px - 50px);
    margin-top: -1px;
  }

  .nav_chain_search .search {
    width: 50px;
  }

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

  .content_soderzhanie .alphabetical_index {
    padding-left: 0;
  }

  .content_nastroyka_gitary {
    margin: 5%;
  }

  .content_search {
    margin: 50px 20px;
  }









  .content_song_chord_fingering {
    display: none;
  }

  .block_notes .chord_fingering {
    display: block;
  }

}





@media (width >=768px) {

  .content_song_chord_fingering {
    position: relative;
    flex-grow: 1;
    overflow: auto;
    z-index: 0;
  }

  .content_song_chord_fingering::-webkit-scrollbar {
    width: 0;
  }

  .content_song_chord_fingering_hidden {
    overflow: hidden;
    height: 0;
    z-index: -2;
  }

  .content_song_chord_fingering .screensaver_transparent {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: white;
    z-index: -1;
  }

}





@media (768px <=width <=1199px) {

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

  .nav_chain_search .nav_chain_link {
    width: 175px;
  }

  .nav_chain_search .nav_chain_thematic,
  .nav_chain_search [data-thematic] {
    width: calc(100% - 175px - 220px);
    margin-top: -1px;
  }

  .content_soderzhanie .alphabetical_index {
    padding-left: 0;
  }

  .content_search form {
    width: 80%;
  }






}

@media (768>=width <=1599px) {

  .content_song_chord_fingering {
    display: block;
  }




}

@media (width >=1200px) {

  .content_search form {
    width: 60%;
  }




}

@media (width >=1600px) {

  .content_song_chord_fingering {
    display: none;
  }




}

/* СДЕЛАТЬ АДАПТАЦИЮ ДЛЯ БОЛЬШИХ РАЗМЕРОВ!!! */

@media (width >=1921px) {}
/* End */


/* Start:/bitrix/templates/songbook_sections/template_styles.css?175875081115214*/
/* 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 {
  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%;
}

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

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

.header {
  position: relative;
  height: 7%;
  min-width: 320px;
  padding: 2% 1%;
  text-align: center;
  color: yellow;
  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-weight: 600;
  font-size: 1.2vw;
  background: #A9A9A9;
}

.header .header_title {
  display: block;
}

.header .header_title span {
  display: inline-block;
}

.footer {
  height: 7%;
  min-width: 320px;
  padding: 1%;
  text-align: center;
  color: #fff;
  /*text-shadow: #000 -.3px -.3px .3px, #000 .3px .3px .3px;*/
  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-weight: 600;
  font-size: .9vw;
  background: #696969;
}

/* ЛЕВОЕ МЕНЮ, ТЕМАТИЧЕСКИЕ РАЗДЕЛЫ */

.scrolling_left_menu,
.scrolling_thematic_sections {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 10%;
  margin: 0 auto;
  padding: 10px;
}

.scrolling_left_menu_down,
.scrolling_thematic_sections_down {
  align-items: flex-start;
}

.button_scrolling_left_menu_up,
.button_thematic_sections_up {
  display: inline-block;
  border: 100px solid transparent;
  border-bottom: 20px solid rgba(0, 0, 0, 0.2);
  filter: drop-shadow(1px 3px 3px #222);
  cursor: pointer;
}

.button_scrolling_left_menu_down,
.button_thematic_sections_down {
  display: inline-block;
  border: 100px solid transparent;
  border-top: 20px solid rgba(0, 0, 0, 0.2);
  filter: drop-shadow(1px 3px 3px #222);
  cursor: pointer;
}

.button_scrolling_left_menu_up:hover,
.button_thematic_sections_up:hover {
  border-bottom: 20px solid #800;
}

.button_scrolling_left_menu_down:hover,
.button_thematic_sections_down:hover {
  border-top: 20px solid #800;
}

.button_scrolling_left_menu_up:active,
.button_thematic_sections_up:active {
  border-bottom: 20px solid #fff;
  filter: drop-shadow(1px 1px 1px #222);

}

.button_scrolling_left_menu_down:active,
.button_thematic_sections_down:active {
  border-top: 20px solid #fff;
  filter: drop-shadow(1px 1px 1px #222);
}

.navigation_left,
.thematic_sections {
  overflow: hidden;
  overflow-y: scroll;
  margin-left: -25px;
  width: calc(100% + 60px);
  height: auto;
  max-height: 80%;
}

.navigation_left .left_menu,
.thematic_sections .thematic_sections_list {
  width: 100%;
  height: auto;
}

.navigation_left .left-menu,
.thematic_sections .thematic-menu {
  margin-bottom: 0 !important;
}

.navigation_left .left-menu li,
.thematic_sections .thematic-menu li {
  background: transparent !important;
}

.navigation_left .left_menu a,
.thematic_sections .thematic-menu a {
  display: block;
  position: relative;
  width: 70%;
  padding: 1%;
  margin: .1% auto;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  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 .2ex rgba(0, 0, 0, 0.7);
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: .9vw;
}

.navigation_left .left_menu a::before,
.thematic_sections .thematic-menu a::before {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 10px;
  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 .left_menu a:hover,
.navigation_left .left_menu a.selected,
.thematic_sections .thematic-menu a:hover,
.thematic_sections .thematic-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;
}

.navigation_left .left_menu a:active,
.thematic_sections .thematic-menu a:active {
  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;
  /*transition: all .3s ease .1s;*/
  box-shadow: #fff -.1ex -.1ex .1ex, #000 .1ex .1ex .1ex, 0 0 .5ex .1ex rgba(0, 0, 0, 0.7);

  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;

}

/* ЗАГОЛОВОК */

.navigation_adaptive,
.settings_adaptive {
  width: 50px;
  /*background: green;*/
}

.navigation_adaptive i,
.settings_adaptive i {
  cursor: pointer;
  font-size: 30px;
  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;
}

.navigation_adaptive i:hover,
.settings_adaptive i:hover {
  color: #800;
  text-shadow: 2px 2px 3px #fff, -2px -2px 3px #fff;
}

.navigation_adaptive i:active,
.settings_adaptive i:active {
  color: red;
}

.hamburger_close,
.gear_close {
  display: none;
}

.adaptive_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 2px;
  border: 1px solid #696969;
  box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.5);
  background: #fff;
  /*background: red;*/
  z-index: 2;
}

.adaptive_menu ul.left-menu {
  margin: 0;
}

.adaptive_menu ul.left-menu li {
  padding: 0;
  border: 1px solid #A9A9A9;
  text-align: left;
  background: #fff;
}

.adaptive_menu ul.left-menu li a {
  display: block;
  padding: 15px;
  color: #000;
  text-shadow: none;
  font-weight: 500;
  font-size: 20px;
}

.adaptive_menu ul.left-menu li a:hover {
  color: #800;
}

.adaptive_menu ul.left-menu li a:active {
  color: red;
}

.adaptive_menu ul.left-menu li a.selected {
  background: #DAA520;
  color: #fff;
}

.header_title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.settings_adaptive_menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 2px;
  border: 1px solid #696969;
  box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.5);
  background: #fff;
  /*background: red;*/
  z-index: 2;
}

.settings_adaptive_menu ul.thematic-menu {
  margin: 0;
}

.settings_adaptive_menu ul.thematic-menu li {
  padding: 0;
  border: 1px solid #A9A9A9;
  text-align: right;
  background: #fff;
}

.settings_adaptive_menu ul.thematic-menu li a {
  display: block;
  padding: 15px;
  color: #000;
  text-shadow: none;
  font-weight: 500;
  font-size: 20px;
}

.settings_adaptive_menu ul.thematic-menu li a:hover {
  color: #800;
}

.settings_adaptive_menu ul.thematic-menu li a:active {
  color: red;
}

.settings_adaptive_menu ul.thematic-menu li a.selected {
  background: #DAA520;
  color: #fff;
}














/*.header_title a {
  cursor: pointer;
  text-decoration: none;
  color: #800;
  text-align: center;
}

.header_title a:hover {
  text-shadow: #fff -1px -1px 1px, red 1px 1px 1px;
}

.header_title a:active {
  color: red;
}*/



/* ПРАВАЯ БОКОВАЯ ПАНЕЛЬ - прокрутка вверх-вниз */

.scrolling_page {
  position: relative;
  position: absolute;
  top: 5%;
  left: 0;
  width: 50px;
  height: 90%;
}

.scroll_up_down {
  position: absolute;
  bottom: 3%;
  right: 75px;
  width: 50px;
  height: 95px;
  z-index: 1;
}

.button_scroll_up,
.button_scroll_down {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 1px 2px .5px rgba(0, 0, 0, 0.5);
  transform: translateY(-1px);
}

.button_scroll_up:hover,
.button_scroll_down:hover {
  border: 1px solid red;
}

.button_scroll_up:active,
.button_scroll_down:active {
  box-shadow: none;
  transform: none;
}

.button_scroll_up img,
.button_scroll_down img {
  opacity: .5;
}


/* ПРАВАЯ БОКОВАЯ ПАНЕЛЬ - плавная прокрутка во время воспроизвеления */

.scrolling_song_page {
  position: relative;
  position: absolute;
  top: 5%;
  left: 0;
  width: 50px;
  height: 90%;
  display: none;
}

.scrolling_song {
  position: absolute;
  bottom: 3%;
  right: 80px;
  width: 40px;
  height: 50%;
  z-index: 1;
}

.page_scroll_index {
  text-align: center;
  display: none;
}

.slider {
  width: 40px;
  height: calc(100% - 40px);
  background: transparent;
}

.scrolling_song input {
  display: block;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  width: 8px;
  height: calc(100% - 35px);
  margin: 10px auto;
  cursor: pointer;
  box-shadow: 0px 1px 2px .5px rgba(0, 0, 0, 0.5);
  accent-color: #444443;
  z-index: 1;
  opacity: .6;
}

.scrolling_song input:hover {
  box-shadow: 0px 1px 2px .5px red;
}

.scrolling_song input:active {
  box-shadow: 0px 0.5px 1px .5px rgba(0, 0, 0, 0.5);
}

.slider_value {
  text-align: center;
  opacity: .7;
}

.scrolling_down {
  width: 40px;
  height: 40px;
}

.scrolling_down_stop {
  width: 40px;
  height: 40px;
  display: none;
}

.button_scrolling_down,
.button_scrolling_down_stop {
  width: 40px;
  height: 40px;
  margin: 2px auto;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 1px 2px .5px rgba(0, 0, 0, 0.5);
  transform: translateY(-1px);
}

.button_scrolling_down:hover,
.button_scrolling_down_stop:hover {
  border: 1px solid red;
}

.button_scrolling_down:active,
.button_scrolling_down_stop:active {
  box-shadow: none;
  transform: none;
}

.button_scrolling_down img,
.button_scrolling_down_stop img {
  opacity: .5;
}


/* ПРАВАЯ БОКОВАЯ ПАНЕЛЬ - аппликатуры аккордов */

.fingering {
  margin: 10px 0;
  text-align: center;
  font-weight: 600;
}

.accords {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
  grid-gap: .5rem;
  justify-content: space-evenly;
  padding: 1rem;
}

.accord {
  width: 100px;
  height: 100px;
  margin: 1%;
  border: 1px solid #000;
  box-shadow: 0px 0px 5px 0px rgba(34, 60, 80, 0.5);
}

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

.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;
  }

}

/* АДАПТИВНАЯ ВЕРСТКА:
   смартфон: width <=767px
   планшет: 768px<= width <=1199px
   ноутбук: 1200px<=  width <=1599px
   компьютер: 1600px<=  width <=1920px
   большие экраны: width >=1921px */

@media (width <=414px) {

  /*.width_415 {
    padding-top: 8px;
  }*/

  .navigation_adaptive,
  .settings_adaptive {
    padding-top: 8px;
  }

  .header .header_title {
    max-width: 300px;
  }

}

@media (width >414px) {

  .header .header_title {
    padding-top: 5px;
  }

}

@media (width <=767px) {}

@media (width <=1199px) {

  .wrapper:before {
    content: none;
  }

  #left-sidebar {
    display: none;
  }

  #right-sidebar {
    /*width: 0;*/
    display: none;
  }

  #middle {
    overflow-x: auto;
    overflow-y: scroll;
    width: 100%;
    height: auto;
  }

  .header {
    display: flex;
    height: auto;
    font-size: 20px;
  }

  .navigation_adaptive,
  .hamburger,
  .settings_adaptive,
  .gear {
    display: block;
  }

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

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

  #right-sidebar .chord_fingering {
    display: none;
  }

  .scrolling_page,
  .scrolling_song_page {
    height: 95%;
  }

}

@media (width >=1200px) {

  .navigation_adaptive,
  .hamburger,
  .adaptive_menu,
  .settings_adaptive,
  .gear {
    display: none !important;
  }

}

@media (768px<=width <=1199px) {}

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

  #left-sidebar {
    width: 25%;
  }

  #right-sidebar {
    /*width: 0;*/
    display: none;
  }

  #middle {
    width: 75%;
  }

  .header {
    font-size: 20px;
  }

  .footer {
    font-size: 16px;
  }

}


@media (width >=1600px) {

  .wrapper_right_sidebar_hidden {
    width: 125% !important;
  }

  .middle_right_sidebar_hidden {
    width: 75% !important;
  }

}

@media (width >=1921px) {}
/* 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/components/bitrix/menu/templates/.default/style.min.css?1573978731490 */
/* /bitrix/templates/songbook_sections/components/bitrix/menu/thematic_sections/style.min.css?1752783700640 */
/* /bitrix/templates/songbook_sections/styles.css?177421898835423 */
/* /bitrix/templates/songbook_sections/template_styles.css?175875081115214 */