@import 'px.css';
@import 'ui.css';



/* "Graphik RBC LC" and "Grotesk RBC" not free */

@font-face
{ font-family: 'Grotesk';
  src:url('../font/GroteskRBC.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*
@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Extralight.woff') format('woff');
  font-weight: 200;
  font-style: normal; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-ExtralightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic; }

*/
@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

/*
@font-face
{ font-family:'Graphik';
  src: url('../font/GraphikRBCLC-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic; }
*/

@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-SemiboldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

/*
@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal; }


@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-BlackItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-Super.woff') format('woff');
  font-weight: 900;
  font-style: normal; }


@font-face
{ font-family: 'Graphik';
  src: url('../font/GraphikRBCLC-SuperItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic; }
*/


:root
{ --green: #2bbd90;
  --gray: #cbcbcb; }


body, button, input, select, table, textarea
{ font-family: 'Graphik', var(--system-font); }


h1, h2
{ color: var(--green); }

h2, h3
{ font-size: 1rem; }


@media (max-width: 639px)
{
h2
{ font-weight: 600; }
}


@media (min-width: 640px)
{
h1
{ font-size: 1.5rem; }

h2, h3
{ font-size: 1.25rem;
  line-height: 1.2; }
}


:not(.∨) + .§¼
{ margin-top: calc(var(--base-line) / 4); }

:not(.∨) + .§½
{ margin-top: calc(var(--base-line) / 2); }

:not(.∨) + .§2
{ margin-top: calc(var(--base-line) * 2); }

:not(.∨) + .§3
{ margin-top: calc(var(--base-line) * 3); }

:not(.∨) + .§4
{ margin-top: calc(var(--base-line) * 4); }


ul
{ list-style-image: url(../img/icon/ctrl/bullet.svg); }


b.-semi
{ font-weight: 600; }


.-clrfix::after
{ content: '';
  clear: both;
  display: table; }


[class*='-scroll-locked']
{ overflow: hidden; }


.-hidden
{ display: none; }



/* ** *** ** */

.-root
{ overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }


.-outer
{ padding-left: 6px;
  padding-right: 6px; }


.-inner
{ max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }



/* ** *** ** */

.-root
{ padding-top: 6px;
  padding-bottom: 6px; }


.-brick
{ background-color: #fff;
  box-shadow: 0 0 0 1px inset #dedede;
  padding: 12px; }


@media (min-width: 768px)
{
.-brick
{ padding: 24px; }
}



/* ** *** ** */

.-wrapper
{ display: flex;
  margin-left: -6px;
  margin-bottom: -6px; }


.-wrapper > .side,
.-wrapper > .main
{ margin-left: 6px;
  margin-bottom: 6px;max-width: calc(100vw - 12px); }


.-wrapper > .side
{ flex: 1 0 280px;
  overflow: hidden; }


.-wrapper > .main
{ flex: 100000 1 480px; }


.-wrapper > .side > *+*,
.-wrapper > .main > *+*
{ margin-top: 6px; }


.-wrapper .side-f
{ display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-bottom: -6px; }


.-wrapper .side-f > *
{ flex: 1 1 240px;
  margin-left: 6px; }


.-wrapper .side-f > *:not(.empty)
{ margin-bottom: 6px; }


@media (max-width: 767px)
{
.-wrapper
{ flex-wrap: wrap; }


.-wrapper > .side
{ order: 1; }


.-wrapper .side-f > .live
{ flex-basis: 100%; }
}



/* ** *** ** */

.-first .logo a
{ display: contents; }


.-first .logo img
{ display: block; }

/**/

.-first .navi
{ font-size: 18px;
  line-height: 1.333333; }


.-first .navi li
{ list-style: none; }


.-first .navi li+li,
.-first .navi li  * + ul
{ margin-top: 6px; }


.-first .navi li ul
{ font-size: 14px; }


.-first .navi,
.-first .navi a
{ color: var(--green); }


.-first .navi b
{ font-weight: 600; }

/**/

.-first .soc
{ display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-bottom: -6px; }


.-first .soc > *
{ margin-left: 6px;
  margin-bottom: 6px; }


.-first .soc img
{ display: block; }


@media (max-width: 767px)
{
.-root .-first
{ display: none; }
}



/* ** *** ** */






/* ** *** ** */

.-spec button
{ border: none;
  background: none;
  cursor: pointer; }


.-spec a,
.-spec button,
.-spec img
{ display: block;
  width: 100%;
  border-radius: 7px; }


/* ** *** ** */

.-small
{ font-size: 14px;
  line-height: 18px;
  --base-line: 12px; }


.-small figure img
{ display: block;
  width: 100%; }


.-small a.§
{ display: block; }


.-small b,
.-small strong
{ font-weight: 600; }



/* ** *** ** */

.-foot
{ background-color: #e2e2e2;
  color: #999; }



/* ** *** ** */

.-mobile img
{ display: block; }


.-mobile .f
{ display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: -12px;
  margin-bottom: -12px; }


.-mobile .f > *
{ margin-left: 12px;
  margin-bottom: 12px; }


@media (min-width: 768px)
{
.-mobile
{ display: none; }
}



/* ** *** ** */

.-topbar
{ padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
  line-height: 1; }


.-topbar .f
{ display: flex;
  --flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-left: -12px;
  margin-bottom: -12px; }


.-topbar .f > *
{ flex: 0 1 auto;
  margin-left: 12px;
  margin-bottom: 12px; }


@media (max-width: 959px)
{
.-topbar .f .search
{ flex-basis: 34px;
  flex-shrink: 0; }


.-topbar form [type='text']
{ display: none; }


.-topbar
{ font-size: 13px; }
}


@media (min-width: 960px)
{
.-topbar .f .search
{ flex-basis: 25%; }
}


.-topbar .f .item span:last-child
{ color: var(--green); }


.-topbar form
{ position: relative;
  height: 34px; }


.-topbar form [type='text']
{ position: absolute;font-size: 14px;
  top: 0;
  left: 0;
  width: calc(100% - 34px);
  height: 34px;
  text-align: center;
  border: none;
  box-shadow: 0 0 6px inset #ddd; }


.-topbar form [type='image']
{ position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  width: 34px;
  padding: 11px;
  background-color: var(--green); }



/* ** *** ** */
/*
.-theme
{ position: relative;
  padding: 0 0 56.25% 0;
  overflow: hidden; }


.-theme .bg
{ position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none; }


.-theme .info
{ position: absolute;
  top: 0;
  left: 0;
  padding: 0 24px 12px;
  height: 100%;
  width: 360px;
  max-width: 100%;
  background-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(3px);
   }
*/

.-theme .bg
{ display: none; }


.-theme .goto
{ display: inline-block;
  color: #fff;
  background-color: var(--green);
  padding: 12px; }


.-theme .big
{ font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--green); }



@media (min-width: 960px)
{
.-theme .big
{ font-size: 42px; }


.-theme
{ position: relative;
  padding: 0 0 56.25% 0;
  overflow: hidden; }


.-theme .bg
{ position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none; }


.-theme .info
{ position: absolute;
  top: 0;
  left: 0;
  padding: 0 24px 12px;
  height: 100%;
  /*width: 360px;*/
  width: 50%;
  max-width: 100%;
  background-color: rgba(255,255,255,1);
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column; }


.-theme .c
{ margin: auto; }


.-theme .txt
{ font-size: 20px;
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; } 
}



/* ** *** ** */

.-news .f
{ display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-bottom: -24px; }


.-news .f .item,
.-news .f .empty
{ flex: 1 1 225px;
  margin-left: 12px; }


.-news .f .item
{ margin-bottom: 24px; }

/**/

.-news .item > a
{ display: block; }


.-news .f .item .poster
{ position: relative;
  padding-bottom: 56.25%; }


.-news .f .item .poster img
{ position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none; }


.-news .item .views
{ color: var(--gray);
  float: right;
  background-image: url(../img/icon/ctrl/eye.png);
  background-repeat: no-repeat;
  background-size: 12px 8px;
  background-position: left 15px center;
  padding-left: 30px; }


.-news .f .item .poster .-date
{ position: absolute;
  bottom: 0;
  right: 0; }


.-news .f .item .desc .-date
{ float: left;
  margin-right: 12px;
  margin-top: -12px; height: fit-content;}


.-news .f .item .category
{ text-transform: uppercase;
  line-height: 1; }

/**/

.-news h2
{ text-align: center; }


@media (min-width: 960px)
{
.-news h2
{ font-size: 48px;
  line-height: 1; }


.-news h2
{ display: flex;
  align-items: center; }


.-news h2::after
{ content: '';
  flex: 1 1;
  height: 2px;
  background-color: var(--gray); }
}



/* ** *** ** */

.-imglist
{ display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-bottom: -12px; }


.-imglist a,
.-imglist span
{ flex: 1 1 120px;
  margin-left: 12px; }


.-imglist a
{ margin-bottom: 12px; }


.-imglist img
{ display: block;
  width: 100%; }



/* ** *** ** */

.-submitter
{ max-width: 420px; }

.-submitter label,
.-submitter input,
.-submitter textarea,
.-submitter img
{ display: block;
  width: 100%; }


.-submitter > *+*
{ margin-top: 12px; }


.-submitter .red
{ color: red; }


.-submitter input,
.-submitter textarea
{ border: 1px solid var(--green); }


.-submitter input
{ padding: 6px 6px; }


.-submitter [type='submit']
{ background-color: var(--green);
  color: white; }


.-submitter textarea
{ min-height: 72px; }



/* ** *** ** */

.-minilist > *
{ display: block; }


.-minilist .date
{ font-size: 12px; }




/* ** *** ** */

.-date
{
  background-color: var(--green);
  color: #fff;
  font-family: 'Grotesk', 'Graphik', var(--system-font);
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 7px;
  overflow: hidden;
  width: 100%;
  max-width: 60px; }


.-date .num
{ font-size: 33px; }


.-date .month
{ font-size: 9px; }



/* ** *** ** */

a.-lnk
{ color: var(--green); }


/* ** *** ** */

table.-brick-table
{font-size:10px;}


table.-brick-table tr:nth-child(odd)
{ background-color:#f8f8f8; }


table.-brick-table tr.plus td:first-child:before
{ content:'▲ ';
  color:var(--green); }


table.-brick-table tr.plus td:last-child
{ color:var(--green); }


table.-brick-table tr.minus td:first-child:before
{ content:'▼ ';
  color:red; }


table.-brick-table tr.minus td:last-child
{ color:red; }




/** ** ** ** **/

.-video-detail-page
{ padding-bottom: 56.25%;
  position: relative; }


.-video-detail-page iframe
{ position: absolute;
  width: 100%;
  height: 100%; }





/** ** ** ** **/

.-brick.breadcrumb
{ padding-top: 12px;
  padding-bottom: 12px; }


.video_salun select
{ display: block;
  border: 2px solid var(--green);
  font-size: 13px;
  line-height: 24px;
  padding: 2px 24px 2px 2px;
  max-width: calc(100% - 24px);
  -webkit-appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490.656 490.656' xml:space='preserve'%3E%3Cpath fill='green' d='M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0 c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667 C491.696,131.368,491.696,124.605,487.536,120.445z'/%3E%3C/svg%3E") no-repeat right 4px center / 16px 16px; }


.video_salun
{ display: flex;
  margin-left: -24px;
  margin-bottom: -24px;
  flex-wrap: wrap;
  align-items: center; }


.video_salun > *
{ margin-left: 24px;
  margin-bottom: 24px;
  flex: 0 1 auto; }


/** ** ** ** **/

form[name='NewsFilter_form'] input
{ border: 2px solid var(--green);
  font-size: 13px;
  line-height: 24px;
  padding: 2px 6px; }



form[name='NewsFilter_form'] input[type='submit'],
form[name='NewsFilter_form'] input[type='reset']
{ background-color: var(--green);
  color: white; }


form[name='NewsFilter_form'] .calendar-icon-hover
{ background-color: transparent;
  border: none;
  margin: 1px 1px 1px 2px; }

.-news .f .item {
	display: flex;
    flex-direction: column;
}
.-news .item > a {
    //display: flex;
    //flex-direction: column;
    //height: 100%;
	transition: .4s;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: black;
}
.-news .item > a:hover {
	text-decoration: none;
    color: #6f6f6f;
}
.news__content {
    padding: 4px 18px;
}
.news__label {
	display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    background: #2BBD90;
    padding: 2px 6px;
	width: fit-content;
}


.news__title {
    margin-top: 11px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.news__bottom {
    display: flex;
    padding-top: 11px;
    margin-top: auto;
}

.news__date {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #999999;
    padding-right: 13px;
    //border-right: 1px solid #CBCBCB;
	position: relative;
}
.news__date::before {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 13px;
	background: #CBCBCB;
	top: 50%;
	transform: translateY(-50%);
}

.desc.-small {
    display: flex;
    //flex: 1;
	flex-direction: column;

}
.desc.-small.-small_fix {
	flex-direction: unset;
}
.news__look {
    position: relative;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #999999;
    padding-left: 40px;
}
.news__look::before {
    content: '';
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50022 0C4.75081 0 1.51931 2.1888 0.0348647 5.3474C-0.0107264 5.44311 -0.0107264 5.55508 0.0348647 5.6526C1.51931 8.8112 4.75081 11 8.50022 11C12.2496 11 15.4811 8.8112 16.9656 5.6526C17.0112 5.55689 17.0112 5.44492 16.9656 5.3474C15.4811 2.1888 12.2496 0 8.50022 0ZM8.50022 9.29519C6.38297 9.29519 4.66874 7.5958 4.66874 5.5009C4.66874 3.4042 6.38479 1.70662 8.50022 1.70662C10.6175 1.70662 12.3317 3.40601 12.3317 5.5009C12.3317 7.5958 10.6156 9.29519 8.50022 9.29519Z' fill='%23CBCBCB'/%3E%3Cpath d='M8.49998 7.92806C9.85462 7.92806 10.9528 6.84056 10.9528 5.49906C10.9528 4.15757 9.85462 3.07007 8.49998 3.07007C7.14534 3.07007 6.04718 4.15757 6.04718 5.49906C6.04718 6.84056 7.14534 7.92806 8.49998 7.92806Z' fill='%23CBCBCB'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.-news h2::after {
	margin-right: 2px;
}
.title__container {
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 24px;
}
.title__container a {
	font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: flex;
    background: #2BBD90;
    height: 36px;
    align-items: center;
    padding: 13px;
    white-space: nowrap;
    width: fit-content;
}
.-news h2 {
	display: flex;
    align-items: center;
    width: 100%;
}
.banner__title {
	font-weight: 600 !important;
	font-size: 30px !important;;
	line-height: 32px;
	color: #231F20;
}
@media(min-width: 992px) {
	.banner__title {
		font-size: 44px !important;
		line-height: 46px;
	}
}
.-theme-fix {
	position: relative;
	width: 100%;
}

@media(min-width: 960px) {
	.-theme-fix::before {
		content:'';
		z-index: 2;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0; 
		height: 0;
		border-bottom: 131px solid #E5E5E5;
		border-left: 317px solid transparent;
	}
}
.-news h2::after {
    margin-right: 10px;
    margin-left: 10px;
}