@charset "utf-8";
/*
:root { /* чтобы браузер не пытался переключить сайт на "темную тему"
	color-scheme: light;
	--force-light-theme: 1;
}
*/
html * { max-height:999999px; } /* чтобы не увеличивался шрифт в мобильной версии */
html * { box-sizing:border-box; } /* чтобы паддинги и бордеры не меняли размеры блока */
html * { outline:none; }

html, body { height:100%; margin:0px; padding:0px; }
body { 
	visibility: visible !important; /* открываем скрытый, до загрузки стилей, боди  */ 
	min-width:300px;
}
html, iframe, img { border:none; }
body, form, p, ul, h1, h2, h3, h4, pre { margin:0; }
textarea { overflow:auto; }
table { border-collapse:collapse; } /* cellspacing="0" */
td, th { padding:0px; } /* cellpadding="0" */ 
input, select, textarea, button, img, svg { vertical-align:middle; margin:0; }
button { cursor:pointer; }
::-moz-focus-inner { border:0; padding:0; }

.no_ios_style { -webkit-appearance:none; -webkit-border-radius:none; } /* чтобы iOS не применяла свои стили, вместо прописанных (ставить только в нужных стилях!) */

.row-flex {	display:flex; flex-flow:row wrap; } /* нужен чтобы блоки в бутстрапе переносились ровно. Писать его можно рядом с container */


.bg { background:url(/img/bg.png) no-repeat; }
a.bg, span.bg { display:inline-block; vertical-align:middle; }
input.bg { border:none; cursor:pointer; }

.fs0,  .fs0 *  { font-size:0 }
.fs8, .fs8 * { font-size:8px; }
.fs9,  .fs9 *  { font-size:9px }
.fs10, .fs10 * { font-size:10px }
.fs11, .fs11 * { font-size:11px }
.fs12, .fs12 * { font-size:12px }
.fs12i, .fs12i * { font-size:12px !important; }
.fs13, .fs13 * { font-size:13px }
.fs14, .fs14 * { font-size:14px }
.fs15, .fs15 * { font-size:15px }
.fs16, .fs16 * { font-size:16px }
.fs18, .fs18 * { font-size:18px }
.fs21, .fs21 * { font-size:21px }
.fs24, .fs24 * { font-size:24px }
.cb, .cb *, .cb:hover, .cb *:hover { color:black; }
.cbi, .cbi *, .cbi:hover, .cbi *:hover { color:black !important; }
.cw, .cw *, .cw:hover, .cw *:hover { color:white; }
.cg, .cg *, .cg:hover, .cg *:hover { color:#909DB2; }
.cg3, .cg3 *, .cg3:hover, .cg3 *:hover { color:#909DB2; }
.cgi, .cgi *, .cgi:hover, .cgi *:hover { color:#909DB2 !important; }
.cr, .cr *, .cr:hover, .cr *:hover { color:#ff1f31; }
.cri, .cri *, .cri:hover, .cri *:hover { color:#ff1f31 !important; }
.cz, .cz *, .cz:hover, .cz *:hover { color:#34c5bf; }
.czi, .czi *, .czi:hover, .czi *:hover { color:#34c5bf !important; }

.fwb, .fwb * { font-weight:bold; }
.fwbi, .fwbi * { font-weight:bold !important; }
.fwn, .fwn * { font-weight:normal; }
.fwni, .fwni * { font-weight:normal !important; }
.fsi, .fsi * { font-style:italic; }
.vat, .vat > td, .vat > th { vertical-align:top; }
.vab, .vab > td, .vab > th, .vab > tr > td, .vab > tr > th { vertical-align:bottom; }
.tac, .tac * { text-align:center; }
.taci, .taci * { text-align:center !important; }
.tal, .tal * { text-align:left; }
.tali, .tali * { text-align:left!important; }
.tar, .tar * { text-align:right; }
.taj, .taj * { text-align:justify; }
.tdn, .tdn * { text-decoration:none; }
.tdni, .tdni * { text-decoration:none!important; }
.ttuc, .ttuc * { text-transform:uppercase; }
.ttlc, .ttlc * { text-transform:lowercase; }
.tdul { text-decoration:underline; }
.ttn, .ttn * { text-transform:none; }
.tdlt { text-decoration:line-through; }
.dib { display:inline-block; }
.vam, .vam * { vertical-align:middle; }
.wsn, .wsn * { white-space:nowrap; }
.wsl, .wsl * { white-space:normal !important; }
.fl { float:left; }
.fr { float:right; }
.pr { position:relative; }
.toe { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }

.pr { position:relative; }
.pf { position:fixed; }
.pfi { position:fixed!important; }

.mc { margin:0 auto; }
.lh100, .lh100 * { line-height:100%; }
.lh150 { line-height:150%; }
.lh170 { line-height:170%; }
.lh180 { line-height:180%; }
.lh200, .lh200 * { line-height:200%; }

.w50 { width:50%; }
.w100 { width:100%; }
.wa, .wauto { width:auto; }
.wai, .wautoi { width:auto!important; }
.w_calc { width: calc(100% - 330px); } /* пример такой вот интересной ширины */

.cpointer, .pointer { cursor:pointer; }
.chelp { cursor:help; }

.dnone, .dn { display:none; }
.dnonei, .dni { display:none!important; }
.vh { visibility:hidden; }
.db, .dblock { display:block; }

.df { display:flex; justify-content:space-between; align-items:center; }
.df_aic { align-items:center; }
.df_jcsb { justify-content:space-between; }
.df_jcc { justify-content:center; }
.df_wfix { flex:0 0 auto; } /* пишем дочернему элементу display:flex чтобы его ширина не сжималась */

.clear { clear:both; }


.gray_filter { filter:grayscale(100); } /* картинка внутри элемента станет в оттенках серого */
.calc { width:calc(100% - 100px); } /* ширина на 100px меньше чем 100% */
.opa0 { opacity:0; -moz-opacity:0; filter:alpha(opacity:0); }  /* прозрачность 100% */
.opa20 { opacity:0.2; -moz-opacity:0.2; filter:alpha(opacity:20); }  /* прозрачность 20% */
.opa30 { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity:30); }  /* прозрачность 30% */
.opa50 { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity:50); }  /* прозрачность 50% */
.rot90 { transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); }  /* повернуть на угол 90гр */
.ts, .ts * { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } /* плавная смена стилей (используется например совместно с :hover) */
.bg_gradient { background:#333; background:linear-gradient(to top, #000, #fff); } /* заливка градиентом */
.bg_gradient2 { background:#333; background:linear-gradient(-45deg, #000, #fff); } /* заливка градиентом */
.unselectable { user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; } /* запрет выделения текста в блоке */
.col3 { column-count:3; column-gap:10px; -webkit-column-count:3; -moz-column-count:3; -webkit-column-gap:10px; -moz-column-gap:10px; } /* текст в 3 колонки */
.col3 . block { page-break-inside:avoid; break-inside:avoid; } /* чтобы блок переносился целиком */
*:nth-child(1) { }  /* выбрать первый элемент */
*:nth-child(even) { } /* все четные номера элементов (odd - нечетные) */ 
/* изменение высоты элемента при изменении ширины, в соответствии с заданными пропорциями (например для видео с ютуба) <div class="relation"><iframe ></iframe></div> */ 
.relation { position:relative; padding-top:56.25%; height:0; }
.relation :first-child  { position:absolute; width:100%; height:100%; top:0; }
/* текст уходит в плавный градиент */
.opatexthide { height:300px; overflow:hidden; position:relative; }
.opatexthide:after { height:70px; width:100%; bottom:0px; position:absolute; z-index:2; content:''; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); }

.videoWrapper { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.videoWrapper iframe,.videoWrapper object, .videoWrapper embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.text_overflow_ellipsis_line3 { overflow:hidden; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; } /* обрезание текста на третьей строчке */

.owrap { overflow-wrap:anywhere; hyphens:auto; } /* разрешить разрывать для переноса очень длинные слова */

.nosb::-webkit-scrollbar { display: none; } /* скрыть скролл */


/* RUB &#8381; ₽ */
/* USDT &#x20B4; ₮ */