/* Start:/local/components/u3dl/stplayer/templates/.default/style.css?17487797897358*/
html.is-locked,
html.is-locked body {
  /* default auto. fallback */
  height: auto;
  
  /* want to fix the height to the window height */
  height: calc(var(--window-inner-height) - 1px);

  /* want to block all overflowing content */
  overflow: hidden;

  /* want to exclude padding from the height */
  box-sizing: border-box;
}

body.modal-open {
	overflow: hidden;
	padding-right: 0px;
}

@keyframes btnpulse {
    0% {
		opacity:1.0;
        transform: scale(0.9);
    }
	50% {
		opacity:0.1;
        transform: scale(0.6);
    }
    100% {
		opacity:1.0;
        transform: scale(0.9);
    }
}

@keyframes strokanimation {
	0% {
		stroke-dashoffset: 432.78;
		opacity: 1;
	}
	10% {
		stroke-dashoffset: 432.78;
		opacity: 1;
	}
	60% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
	95% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
	100% {
		stroke-dashoffset: 0;
		opacity: 0;
	}
}
@keyframes dotblink {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.loading-indicator {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	transition: opacity 0.4s ease-in-out 0s;
}
.loading .loading-indicator {
	display: flex;
	opacity: 1;
	transition: opacity 0.4s ease-in-out 0s;
}

.loading-indicator .logo-wrapper {
	width: 100%;
	max-width: 10rem;
	opacity: 0.9;
}

.loading-indicator .loading-message {
	color: #C4C4C4;
	font-weight: 600;
}

#mma-logo-animated .line {
	stroke-dasharray: 432.78;
	stroke-dashoffset: 432.78;
	pointer-events: none;
}

#mma-logo-animated .dot {
	opacity: 0;
	pointer-events: none;
}

#mma-logo-animated .line {
	animation: strokanimation 3s linear forwards infinite;
}

#mma-logo-animated .dot {
	animation: dotblink 3s linear forwards infinite;
}

.clickable-poster.img-background-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #edeeef;
}

.clickable-poster.img-background-cover.object-mode {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #edeeef;
}
.object-mode{
   object-fit:contain;
}
.normal-mode{
	object-fit:cover;
}
.clickable-poster .click-receiver {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
}

.clickable-poster .click-receiver button {
	-webkit-appearance: none;
	-moz-appearance: none;
	display:none;
	appearance: none;
	border: none 0px rgba(0, 0, 0, 0);
	background: url(/local/components/u3dl/stplayer/templates/.default/meta_btn.png) no-repeat center center;
	background-size: contain;
	width: 9rem;
	height: 10rem;
	border-radius: 15%;
	border: 5px solid rgba(255, 255, 255, 0);
	/*opacity: 0.0;*/
	opacity: 1.0;
	transition: all 0.4s ease-in-out;
	top:25%;
	position: relative;
}

.clickable-poster .click-receiver button.pulse {
	animation-name: btnpulse;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.clickable-poster .click-receiver:hover button {
	border-color: rgba(255, 255, 255, 0);
	opacity: 1.0;
}


.inline-player {
/*	background-color: rgba(0, 0, 0, 0.0);*/
	transition: background-color 0.4s ease-in-out;
	cursor:wait;
}

.inline-player.fullscreen {
/*	background-color: rgba(0, 0, 0, 1.0);*/
}

.inline-player .fullscreen-btn {
	display: none;
}

.inline-player.playing .clickable-poster {
	display: none;
}
.inline-player.playing .fullscreen-btn {
	display: inline;
}


.inline-player .iframe-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}
.inline-player.fullscreen .iframe-wrapper {
	position: fixed;
	z-index: 1055;
	box-shadow: 0px 2px 2px #000000;
}

.inline-player .iframe-wrapper iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* background player container*/
#player-wrapper .container {	
/*	background-color: #000;*/
	overflow: hidden;
	}	
#player-wrapper	{
	background-image: url('/local/img/backg_container.png');
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: right;
	}
@media (min-width:669.9px){
	..streaming-player .container .position-relative{
		margin:0;
		padding:0;
	}
}
@media (max-width:570.9px){	
#player-wrapper .container {
	padding:0;
	background-image: url('/local/img/backg_container.png');
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: right;
	overflow: hidden;
}
}

@media (max-width: 1199px) {
	.clickable-poster .click-receiver:after {
		width: 6rem;
		height: 6rem;
	}
	.row .col .clickable-poster .click-receiver:after {
		width: 4rem;
		height: 4rem;
	}
}

@media (max-width: 767px) {
	.row .col .clickable-poster .click-receiver:after,
	.clickable-poster .click-receiver:after {
		width: 5rem;
		height: 5rem;
	}
}

@media (max-width: 450px) {
	.row .col .clickable-poster .click-receiver:after,
	.clickable-poster .click-receiver:after {
		width: 16vw;
		height: 16vw;
	}
}

/** aspect-ration > 4/3; wide screen 
	--bs-aspect-ratio — variable for bootstrap5 retio rule
*/
.ratio-variable {
	--bs-aspect-ratio: 56.25%;
}

/* aspect-ration < 4/3; near square */
@media (max-aspect-ratio: 4/3) {
	.ratio-variable {
		--bs-aspect-ratio: 75%;
	}
}
/* aspect-ration < 4/3; near square */
@media (max-aspect-ratio: 1/1) {
	.ratio-variable {
		--bs-aspect-ratio: 90%;
	}
}
/* aspect-ration < 3/4; vertical screen */
@media (max-aspect-ratio: 3/4) {
	.ratio-variable {
		--bs-aspect-ratio: 120%;
	}
}
/* aspect-ration < 5/8=10/16; vertical screen */
@media (max-aspect-ratio: 5/8) {
	.ratio-variable {
		--bs-aspect-ratio: 140%;
	}
}

.inline-player .adaptive-height {
	height: calc(100vh - 14.5rem);
	min-height: 200px;
	max-height: 729px;
}

@media (max-width:1365.98px) {
	.inline-player .adaptive-height {
		height: calc(100vh - 15rem);
	}
}
@media (max-width:1199.98px) {
	.inline-player .adaptive-height {
		height: calc(100vh - 15rem);
	}
}
@media (max-width:767.98px) {
	.inline-player .adaptive-height {
		height: calc(100vh - 16rem);
		max-height: 800px;
	}
}
@media (max-width:575.98px) {
	.inline-player .adaptive-height {
		height: calc(100vh - 16rem);
	}
	.navbar .container{
		padding-right:0;
	}
}
@media (max-width:430.98px) {
	.inline-player .adaptive-height {
		height: calc(100vh - 16rem);
	}
	.streaming-player .container .position-relative{
		margin:0;
		width:100%;
	}
	.nav-right{
		padding-right: 3.0rem;
		padding-left: 0.3rem;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
	}
	.nav-left{
		padding-left: 3.0rem;
		padding-right: 0.3rem;
		padding-top:0.3rem;
		padding-bottom:0.3rem;
	}
#child_iframe{
	border-radius: 5px;
}	
}

.full_screen {
	position: fixed; 
	z-index: 10; 
	left:0; 
	top:0; 
	width:100%; 
/*	height:100vh;*/
/*trick for real height on real mobile */
	height: calc(var(--vh, 1vh) * 100);
}
.navFS{
	display:none;
	position:absolute; 
	top:10px; 
	left:10px; 
	color:#fff;
}
.navFS_right{
	display:none;
	position:absolute; 
	top:10px; 
	right:10px; 
	color:#fff;
}

/*button touch*/
.teleBtn {
	position:absolute; 
	top: 0; 
}
.btn_right{ 
	right:0px; 	
}
.btn_left{
	left:0px;	
}
/* @end */
/* End */


/* Start:/local/components/u3dl/top_nav/templates/.default/style.css?17487797893053*/
.navApp{
	direction:ltr;
}
.navApp ul {
  padding: 0rem;
}
.hidden {
  display: none;
}
.navApp ul li {
  color: #fff;
  background-color: rgba(0, 4, 8, 0.3);
  border-radius: 3px;
  font-size: 25px;
  margin-bottom: 11px;
  line-height: 1.5rem;
  padding: 3px 0px;
  height: 29px;
  width: 32px;
  text-align: center;
  vertical-align: middle;
}
.nav_btn {
  color: #fff;
  background-color: rgba(0, 4, 8, 0.3);
  border-radius: 3px;
  font-size: 25px;
  margin-bottom: 11px;
  line-height: 1.5rem;
  padding: 2px 0px;
  height: 29px;
  width: 32px;
  text-align: center;
  vertical-align: middle;
}

.nav_btn_up {
  color: #fff;
  background-color: rgba(0, 4, 8, 0.3);
  border-radius: 3px;
  margin-bottom: 11px;
  height: 29px;
  width: 32px;
  text-align: center;
  line-height: 8px;
  padding: 0;
  font-size: 1.8rem;
}
.nav_btn_up i {
  margin-top: -5px;
}
.navApp .leftStage {
  position: absolute;
  top: 48px;
  cursor: auto;
}
.lstage-right {
  right: 2px;
}
.lstage-left {
  left: 10px;
}
.stage-right {
  right: 37px;
}
.stage-left {
  left: 2px;
}
.navApp .leftStage ul li {
  margin-top: 15px;
  margin-bottom: 25px;
  display: block;
  margin-right: 0.8rem;
}

.navApp .rightStage {
  width: 10px;
  position: absolute;
  top: 0rem;
  margin-right: 0.5rem;
  cursor: auto;
}
.navApp .rightStage li {
  left: 8px;
}
.hide {
  opacity: 0;
  transition: all 0.8s ease-in;
  transform: scale(0.01, 0.01);
  transform-origin: 25px 25px;
}
.show {
  opacity: 1;
  transition: all 0.4s ease-in;
  transform: scale(1, 1);
}
.non_active a {
  color: #000;
  cursor: none;
  pointer-events: none;
}
@media (hover: hover) {
  .navApp li:hover {
    cursor: pointer;
    color: #000;
  }
  .navApp .nav_btn_up:hover {
    cursor: pointer;
    color: #000;
  }
  .navApp .rightStage img:hover {
    /*	opacity:0.7; */
    transform: scale(1.1);
  }
  .non_active li:hover {
    cursor: none;
  }
  .non_active a:hover {
    cursor: none;
  }
}
.m24-icon-like {
  font-size: 1.3rem;
}
.m24-icon-like-fil {
  font-size: 1.3rem;
}
#cont_likes {
  font-size: 0.5rem;
  position: absolute;
  bottom: -7px;
  left: -3px;
  padding: 0;
}
@media (hover: none) {
  .navApp li:hover {
    color: #fff;
  }
  .navApp a:hover {
    color: #fff;
  }
}
#eFS {
  font-size: 20px;
  padding-top: 5px;
}
.m24-icon-music-on,
.m24-icon-music-off {
  font-size: 20px;
}

@media (max-width: 439.9px) {
  .navApp ul {
    padding-left: 0rem;
    padding-right: 0.5rem;
  }
  .navApp .leftStage {
    top: 48px;
    right: -3.8rem;
    margin-left: 0rem;
  }
  .navApp .rightStage {
    right: -10px;
    margin-right: 0rem;
  }
  .navApp ul li {
    /*	margin-bottom:0.4rem;*/
  }
}

@media (max-width: 439.8px) {
  .navApp .rightStage {
    position: absolute;
    top: 0rem;
    cursor: auto;
  }
  .stage-right {
    right: -3.3rem;
    margin-right: 0.5rem;
  }
  .stage-left {
    width: 10px;
    left: -3.45rem;
    margin-left: 0.5rem;
  }
  .navApp .leftStage {
  }
  .lstage-right {
    right: -43px;
  }
  .lstage-left {
    width: 10px;
    left: -39px;
  }
}

/* End */


/* Start:/local/components/u3dl/helpsys/templates/.default/style.css?17487797893946*/
/* @group hhelp panel */

#hhelp-panel {
    position: absolute;
/*    left: 5%;
    right: 5%;
    bottom: 5%;
    top: 5%; */
    text-align: center;
    z-index: 60;
    display: flex;
    justify-content: center;
    align-items: center;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

#hhelp-panel.closed {
    display: none;
}
#hhelp-panel.in,
#hhelp-panel.out,
#hhelp-panel.opened {
    display: flex;
}

.hhelp-panel-logo {
    font-size: 2rem;
    color: #06d;
}

#hhelp-backdrop {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 50;
    background-color: rgba(0, 4, 8, 0.6);
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    visibility: visible;
}

#hhelp-backdrop.hidden {
    display: none;
}

#hhelp-backdrop.hidden,
#hhelp-backdrop.out {
	z-index:-1;
    opacity: 0;
}

#hhelp-backdrop.vizible,
#hhelp-backdrop.in {
    opacity: 1;
}

.hhelp-items-container {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.8s ease-in;
    transform: scale(0.01, 0.01);
    transform-origin: bottom left;
    width: 100%;
    height: 100%;
}

/*
.hhelp-items-container.bottom-right  {
	transform-origin: bottom right;
}
*/
/* keep in sync with Control bar position (top/bottom) */
.hhelp-items-container  {
    transform-origin: top left;
}

#hhelp-panel.in .hhelp-items-container,
#hhelp-panel.opened .hhelp-items-container {
    transform: scale(1, 1);
    opacity: 1;
	z-index:1000;
}
#hhelp-panel.out .hhelp-items-container,
#hhelp-panel.closed .hhelp-items-container {
    transform: scale(0.01, 0.01);
    opacity: 0;
}

.hhelp-items-container .hhelp-items {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.5rem;
    padding: 2rem;
    flex-grow: 1;
}
/*
#hhelp-panel[nitems="6"] .proportion-keeper {
	padding-left: 0%;
	padding-right: 0%;
}
#hhelp-panel[nitems="4"] .proportion-keeper {
	padding-left: 5%;
	padding-right: 5%;
}
*/

#hhelp-panel img.hhelp-item {
    max-width: 12rem;
    height: auto;
}

#hhelp-panel .hhelp-buttons {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

@media (max-width: 1099.98px) {
    #hhelp-panel img.hhelp-item {
        max-width: 10rem;
    }
		.hhelp-items-container .hhelp-items {
    padding: 2rem;
}
}
@media (max-width: 996.98px) {
    #hhelp-panel img.hhelp-item {
       width: 7.5rem;
    }
		.hhelp-items-container .hhelp-items {
    padding: 1.0rem;
}
}
@media (max-width: 767.98px) {
    #hhelp-panel img.hhelp-item {
        width: 7rem;
    }
    #hhelp-panel .hhelp-buttons {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
		.hhelp-items-container .hhelp-items {
			font-size:0.9rem;
    padding: 1.0rem;
}
}
@media (max-width: 567.98px) {
    #hhelp-panel img.hhelp-item {
       width: 6rem;
    }
    #hhelp-panel .hhelp-buttons {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
		.hhelp-items-container .hhelp-items {
			font-size:0.8rem;
    padding: 1rem;
		}
}
@media (max-width: 480px) {
    #hhelp-panel img.hhelp-item {
        width: 6rem;
    }
    #hhelp-panel .hhelp-buttons {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
	.hhelp-items-container .hhelp-items {
		font-size:0.9rem;
    padding: 0.7rem;
}
}
@media (max-width: 420px) {
    #hhelp-panel img.hhelp-item {
        width: 4.5rem;
    }
	.hhelp-items-container .hhelp-items {
    padding:0.6rem;
	}

}
@media (max-width: 350px) {
    #hhelp-panel img.hhelp-item {
        max-width: 4rem;
    }
}
@media (max-width: 767px)  and (orientation:landscape) {
}
@media (max-width: 767px) and (orientation:portrait) {
}


#btn-hhelp-close {
    min-width: 10rem;
    display: inline-block;
}

#btn-hhelp-close.startup {
    display: none;
}
.hhelp-items {
	font-size:1.5rem; 
}
.btn-danger{
	font-size:1.2rem;
}
@media (max-width:568px){
.hhelp-items, .btn-danger {
	font-size:1.0rem; 
	}
}
/* End */


/* Start:/local/components/u3dl/subtitles/templates/.default/style.css?17487797894815*/
:root {
    --base-font-size-usual: 16px;
	--base-font-size-439: 13px;
}


/*#subTitles{}*/

.subTitles{
	font-family: 'Acrom';
    src: url('/local/fonts/acrom/Acrom-Regular.woff2') format('woff2'),
         url('/local/fonts/acrom/Acrom-Regular.woff') format('woff');
	position: absolute;
	margin-top: auto;
	bottom: 0%;
    width: var(--subtitels-width);
    left: var(--subtitels-left);
	text-align: var(--text-align);
    font-weight:400;
	line-height: 1.2rem;
	height: 100px;
	margin-left: 0px;
	pointer-events: none;
}

.subTitles{
    font-size: var(--base-font-size-usual);
}

/* for left-right flip & others */
.txt_left {
    --gradient-angle: 80deg;
    --padding-left: 35%;
    --padding-right: 2%;
    --text-align: right;
    --subtitels-width: 70%;
    --subtitels-left: 28.5%;
}
.txt_right {
    --gradient-angle: -80deg;
    --padding-left: 2%;
    --padding-right: 17%;
    --text-align:left;
    --subtitels-width: 70%;
    --subtitels-left: 1.5%;
}

#promptArea, #subtitleArea {
	font-family: 'Acrom';
    src: url('/local/fonts/acrom/Acrom-Regular.woff2') format('woff2'),
         url('/local/fonts/acrom/Acrom-Regular.woff') format('woff');
	color:#000;	
    width: 100%; 
    height: 3.5rem; 
    border: 0px solid #666; 
    overflow: hidden;
    padding-top: 3px;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    border-radius: 5px;
	pointer-events: auto;
}

#promptArea {
    display: block;
    background: linear-gradient(var(--gradient-angle), rgba(255,255,255,0) 10%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.7) 70%);
}

#subtitleArea {
    display: none;
    background: linear-gradient(var(--gradient-angle), rgba(255,220,120,0) 10%, rgba(210, 190, 175, 0.502) 20%, rgba(210, 190, 175, 0.7) 70%);
}

#topLine, #bottomLine {
    height: 1.4rem;
    width: auto;
    white-space: nowrap;
    overflow: visible;
    transition: transform 0.5s ease; 
    text-align: left;
}

#promptInput {
    width: 100%; 
    height: 100%; 
    overflow: hidden;
    background-color: transparent; /* Transparent background */
    border: none; /* Border is removed */
    outline: none; /* Keyboard focus is removed */
    padding: 2px; /* Inside margin */
    line-height: 1.0rem; /* Reduce line spacing */
    resize: none; /* The resize property is disabled */
    overflow-y: auto; /*Scrollbar if needed*/
    scrollbar-width: none; /* hide scroll for Firefox */
}
#promptInput::-webkit-scrollbar {
    display: none; /* hide scroll for Chrome, Safari and Edge */
}

#promptInput::placeholder {
    color: rgba(0,0,0,1) ; 
	opacity: 0.85; 
}

.mainButton {
    padding: 2px;
    margin-bottom: 10px;
    margin-left:  0px; 
    height:29px;
    width:33px;
    border-radius: 5px;
    background-color: rgba(0, 4, 8, 0.5);
    background-size: content; /* Background size */
    background-position: center; /* Background position */
    color: white;
    border: none;
    font-size: 10px;
    pointer-events: auto;
    cursor: pointer; /* Cursor on hover */
    margin-top: 0px; /* Margin top for the button */
}

.mainButton:hover {
    transform: scale(1.15);
}

#sendButton {
    background-image: url('/local/img/prompt-sent.gif');
}
#stopButton {
    background-image: url('/local/img/prompt-stop.gif');
}
#questionButton {
    background-image: url('/local/img/question-active.gif');
}
#waitButton {
    background-image: url('/local/img/question-active.gif');
    filter: grayscale(100%);
    opacity: 0.5;
    transition: filter 0.3s ease, opacity 0.3s ease;
    pointer-events: none; /* Disable button */
}

@media (max-width:439.9px){
    .subTitles{
        font-size: var(--base-font-size-439);
    }
    .txt_left {
        --gradient-angle: 80deg;
        --padding-left: 19%;
        --padding-right: 2%;
        --text-align: right;
        --subtitels-width: 83%;
        --subtitels-left: 28.5%;
    }
    .txt_right {
        --gradient-angle: -80deg;
        --padding-left: 2%;
        --padding-right: 10%;
        --text-align:left;
        --subtitels-width: 83%;
        --subtitels-left: -11.5%;
    }
}

.fade-out {
    animation: fadeOut 3s;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

#loadingIndicator {
    position: absolute;
    top: 52px;
    display: none;
    z-index: 10; 
}

/* Set the position of the loading indicator */
.txt_left #loadingIndicator {
    right: 9px;
}
.txt_right #loadingIndicator {
    left: 9px;
}

.my_pulse {
    width: 15px;
    height: 15px;
    background-color: rgb(102, 33, 10);
    border-radius: 70%;
    animation: pulsate 3s infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(0.1);
      opacity: 1;
    }
    50% {
      transform: scale(1);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
}



/* End */


/* Start:/local/templates/.default/components/u3dl/fcatalog/mma_fcatalog/style.css?1748779789293*/
[v-cloak] {
	display: none;
}
.my-link{
	font-size:2rem;
}
.my-link a:hover{
	color:#752E16;
}
#red-plate a:hover{
	color:yellow;
}
#red-plate a{
	color:white;
}
#red-plate .dropdown-menu{
	background-color:red;
}
#red-plate .dropdown-menu a:hover{
	background-color:red;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.element/malovmeta/style.css?17487797891604*/
.parImg{
	position:relative;
}
.chilImg{
	position:absolute;
	text-align: right;
	padding-right: 1rem;
	left:0;
	bottom:0;
	font-size:1.5rem;
}
label input[type=checkbox] {
	display: none;/* <--скрываем дефолтный чекбокс */
}
label span {/* <-- стилизируем новый */
	height: 1.5rem;
	width: 1.5rem;
	border: 1px solid gray;
	display: inline-block;
	position: relative;
	background-color:#FFF;
	border-radius:5px;
	padding:3px;
}
[type=checkbox]:checked + span:before { /* <-- ставим иконку, когда чекбокс включен  */
	content: '\2714';
	position: absolute;
	top: -0.7rem;
	left: 0.2rem;
	font-size:1.5rem;
	color: var(--mma-gold);
}
#orig_pic {
	margin:0; 
	object-fit:contain; 
	border: #fff solid; 
	border-width:0.25rem 0.0rem 0.0rem 0.25rem;
}
@media (max-width:796px){
	label span { /* <-- стилизируем новый */
		height: 1.2rem;
		width: 1.2rem;
	}
	[type=checkbox]:checked + span:before {
		top: -0.4rem;
		left: 0.1rem;
		font-size:1.2rem;
	}
	#orig_pic {
	margin:0; 
		object-fit:contain; 
		border: #fff solid; 
		border-width:0.25rem 0.25rem 0.0rem 0.25rem;
}
	
}
#zoom {
		position:absolute!important;
		z-index: 300;
		text-align:;
/*		left: 73%;
		top:5%;*/
		right:5%;
			top:5%;
	}
#zoom img{
	height:22px; 
	width:22px;
}	
@media (max-width:768px){
	#zoom {
		right:5%;
			top:0;
	}
}	
@media (max-width:575.98px){
		#zoom {
			right:5%;
			top:0;
	}
	.modal-content{
		line-height:1.2rem; 
		font-size:0.8rem;
	}
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/bootstrap_v4/style.css?1748779826302*/
.page-link,
.page-link:hover {
	color: var(--theme-color-primary);
}

.page-item.active .page-link {
	color: var(--theme-b-tx-primary);
	background-color: var(--theme-color-primary);
	border-color: var(--theme-color-primary);
}

.page-link:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}
/* End */


/* Start:/local/components/u3dl/helpsys/templates/alert-modal/style.css?17487797891929*/
body {
   padding-right: 0 !important;

	}
#modal-dialogs .modal {
	--bs-modal-padding: 1rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: ;
	--bs-modal-bg: #fff;
	--bs-modal-border-width: 1px;
	--bs-modal-border-radius: 0;
	--bs-modal-inner-border-radius: 0;
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: 0;
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-width: 0;
}

#modal-dialogs .modal .modal-header {
	background-color: var(--mma-gray-light);
}

#modal-dialogs .modal .modal-footer {
	padding: 0;
}

#modal-dialogs .modal .modal-footer > .btn {
	width: 50%;
}

#modal-dialogs .modal .modal-body {
	padding: calc( 2 * var(--bs-modal-padding)) var(--bs-modal-padding);
}

#modal-dialogs dl dt {
	color: #fff;
	background-color: var(--mma-dark-brown);
}

#modal-dialogs .name-bull {
	color: rgba(var(--bs-primary-rgb), 0.25);
	font-size: 1.5em;
	padding-right: 1em;
}

#modal-dialogs .name {
	position: relative;
	padding-left: 1em;
}
#modal-dialogs .name::before {
	content: " ";
	position: absolute;
	top: 0.33em;
	left: 0;
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background-color: var(--bs-primary);
	opacity: 0.25;
}
#modal-dialogs #nftInfoModal dl {
	margin-bottom: 0.4rem;
}
#modal-dialogs #nftInfoModal dd,
#modal-dialogs #nftInfoModal dt {
	margin-bottom: 0.25rem;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
}
.modal-xl {
max-width:800px;
}
.contract a{
	color:#000;
/*	text-decoration:underline;*/
}
#SocialNet i{
	font-size: 2rem;
}
#modalComments .modal-content{
	min-height:272px;
}
#modalComments textarea{
	resize:none;
}
#modalComments textarea:focus{
	border-color: var(--mma-gold);
	outline:0;
	box-shadow:0 0 0 .25rem rgba(49, 100, 95, .25);
}
/* End */
/* /local/components/u3dl/stplayer/templates/.default/style.css?17487797897358 */
/* /local/components/u3dl/top_nav/templates/.default/style.css?17487797893053 */
/* /local/components/u3dl/helpsys/templates/.default/style.css?17487797893946 */
/* /local/components/u3dl/subtitles/templates/.default/style.css?17487797894815 */
/* /local/templates/.default/components/u3dl/fcatalog/mma_fcatalog/style.css?1748779789293 */
/* /local/templates/.default/components/bitrix/catalog.element/malovmeta/style.css?17487797891604 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/bootstrap_v4/style.css?1748779826302 */
/* /local/components/u3dl/helpsys/templates/alert-modal/style.css?17487797891929 */