/* Start:/local/templates/app/css/reset.css?17086017201349*/
/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

:focus,
:active {
	/*outline: none;*/
}

a:focus,
a:active {
	/* outline: none;*/
}

/* Links */

a, a:link, a:visited  {
    color: inherit;
    text-decoration: none;
    /* display: inline-block; */
}

a:hover  {
    /* color: inherit; */
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
	font-weight: inherit;
}

ul, ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}
/* End */


/* Start:/local/templates/app/fonts/stylesheet.css?15471379546576*/
@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Black.eot');
    src: local('Mont Black'), local('Mont-Black'),
        url('/local/templates/app/fonts/Mont-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Black.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Black.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-ThinItalic.eot');
    src: local('Mont Thin Italic'), local('Mont-ThinItalic'),
        url('/local/templates/app/fonts/Mont-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-ThinItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-ThinItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-ExtraLight.eot');
    src: local('Mont ExtraLight'), local('Mont-ExtraLight'),
        url('/local/templates/app/fonts/Mont-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-ExtraLight.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-ExtraLight.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Bold.eot');
    src: local('Mont Bold'), local('Mont-Bold'),
        url('/local/templates/app/fonts/Mont-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Bold.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Bold.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-HeavyItalic.eot');
    src: local('Mont Heavy Italic'), local('Mont-HeavyItalic'),
        url('/local/templates/app/fonts/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-HeavyItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-HeavyItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-HeavyItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-BlackItalic.eot');
    src: local('Mont Black Italic'), local('Mont-BlackItalic'),
        url('/local/templates/app/fonts/Mont-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-BlackItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-BlackItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-ExtraLightItalic.eot');
    src: local('Mont ExtraLight Italic'), local('Mont-ExtraLightItalic'),
        url('/local/templates/app/fonts/Mont-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-ExtraLightItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-ExtraLightItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Heavy.eot');
    src: local('Mont Heavy'), local('Mont-Heavy'),
        url('/local/templates/app/fonts/Mont-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Heavy.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Heavy.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-SemiBold.eot');
    src: local('Mont SemiBold'), local('Mont-SemiBold'),
        url('/local/templates/app/fonts/Mont-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-SemiBold.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-SemiBold.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-RegularItalic.eot');
    src: local('Mont Regular Italic'), local('Mont-RegularItalic'),
        url('/local/templates/app/fonts/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-RegularItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-RegularItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-BoldItalic.eot');
    src: local('Mont Bold Italic'), local('Mont-BoldItalic'),
        url('/local/templates/app/fonts/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-BoldItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-BoldItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-SemiBoldItalic.eot');
    src: local('Mont SemiBold Italic'), local('Mont-SemiBoldItalic'),
        url('/local/templates/app/fonts/Mont-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-SemiBoldItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-SemiBoldItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-LightItalic.eot');
    src: local('Mont Light Italic'), local('Mont-LightItalic'),
        url('/local/templates/app/fonts/Mont-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-LightItalic.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-LightItalic.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Thin.eot');
    src: local('Mont Thin'), local('Mont-Thin'),
        url('/local/templates/app/fonts/Mont-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Thin.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Thin.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Regular.eot');
    src: local('Mont Regular'), local('Mont-Regular'),
        url('/local/templates/app/fonts/Mont-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Regular.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Regular.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('/local/templates/app/fonts/Mont-Light.eot');
    src: local('Mont Light'), local('Mont-Light'),
        url('/local/templates/app/fonts/Mont-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/app/fonts/Mont-Light.woff2') format('woff2'),
        url('/local/templates/app/fonts/Mont-Light.woff') format('woff'),
        url('/local/templates/app/fonts/Mont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


/* End */


/* Start:/local/templates/app/css/style.css?17122134569809*/
::selection {
    background: rgb(0, 0, 0); /* Цвет фона */
    color: rgb(255, 255, 255); /* Цвет текста */
   }

   

:root {
 --header-height: 3.5rem;

 --first-color: hsl(0, 0%, 100%);
 --first-color-alt: hsl(0, 0%, 100%);
 --title-color: hsl(60, 16%, 15%);
 /* hsl(60, 16%, 35%); */
 --text-color: hsl(0, 0%, 22%);
 --text-color-light: hsl(60, 8%, 55%);
 --body-color: hsl(0, 0%, 100%);
 --container-color: hsl(0, 0%, 100%);
 --stroke-color-alt: hsl(0, 0%, 100%);
 --stroke-color-blue: rgb(49, 174, 236);
 --stroke-color: #444;

 /*.5rem = 8px | lrem = 16px */
 --body-font: 'Mont', sans-serif;
 --biggest-font-size: 2.25rem;
 --h1-font-size: 1.5rem;
 --h2-font-size: 1.25rem;
 --h3-font-size: .8rem;
 --normal-font-size: 0.938rem;
 --small-font-size: 0.813rem;
 --smaller-font-size: 0.75rem;

 --font-medium: 500;
 --font-semi-bold: 600;
 --font-bold: 700;

 --z-tooltip: 10;
 --z-fixed: 100;
}
@media screen and (min-width: 1060px) {
 :root {
  --biggest-font-size: 4rem;
  --h1-font-size: 2.25rem;
  --h2-font-size: 1.5rem;
  --h3-font-size: 1.25rem;
  --normal-font-size: 1rem;
  --small-font-size: 0.875rem;
  --smaller-font-size: 0.813rem;
 }
}

body {
 font-family: var(--body-font);
 font-size: var(--normal-font-size);
 background-color: var(--body-color);
 font-weight: 700;
 line-height: 110%;
 color: var(--text-color);
 transition: background 0.4s; /* for dark mode */
 
}

/* svg path{
    stroke: var(--stroke-color);
} */
/* 

svg:focus path.dark-theme{
    stroke: rgb(49, 174, 236) !important;
} */

/* svg.news path,
svg.settings path,
svg.tv path {
  stroke: var(--stroke-color);
} */

/* svg path.dark-theme{
    stroke: var(--stroke-color-alt);
} */

.img{
    min-width: 64px;
    max-width: 64px;
    height: 64px;
    object-fit: contain;
}


svg path.dark-theme:not([stroke="#31AEEC"]) {
    stroke: var(--stroke-color-alt);
}

svg.news.active path{
    stroke:#31AEEC;
    fill:#31AEEC;
}

svg.news:hover path{
    stroke:#31AEEC;
    fill:#31AEEC;
}


svg.settings:hover path,
svg.tv-channels:hover path {
  stroke: var(--stroke-color-blue);
}

/* svg.news:hover path{
    fill: #31AEEC;
} */


.tv_programm_name_show{
    margin-left: 9px;
}

.tv_programm_time{
    font-weight: 800;
}


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

h3{
    font-weight: var(--font-semi-bold);
}

h2{
    font-weight: var(--font-bold);
}

.light-theme{
    background: white;
}

.dark-theme{
    background:#444;
}

.back-url-text{
    color: rgb(49, 174, 236);
}


.main_buttons {
    overflow: hidden;
    position: relative;
  }
  
  .slider {
    overflow-x: auto;
    /* -webkit-overflow-scrolling: touch; */
    /* scroll-snap-type: x mandatory; */
    cursor: grab;
  }
  
  .buttons_container {
    display: flex;
    flex-wrap: nowrap;
  }
  
  .buttons_container button {
    flex: 0 0 auto;
    padding: 13px 16px;
    margin-right: 8px;
  }
  
  .slider:active {
    cursor: grabbing;
  }

  .slider::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }




button{
    box-sizing: border-box;
    /* Main linear */
    border-radius: 100px;
    border: 1px solid  rgb(49, 174, 236);
    background: rgb(255, 255, 255);
    line-height: 100%;
    padding: 13px 16px;
    color: rgb(49, 174, 236);
    font-weight: 700;
}


button:focus, button.active{
    border-radius: 100px;
    /* Main linear */
    background: linear-gradient(180.00deg, rgb(49, 174, 236),rgb(37, 162, 224) 100%);

    color: rgb(255, 255, 255);
    line-height: 100%;
   
}





input{
    height: 46px;
    color: #444;
}

.logo.active{
    display: none;
}

.search-container{
    position: relative;
    display: flex;
    align-items: center;
}

.search-container.active {
    width: 100%;
}

.search-icon, .close-icon {
    cursor: pointer;
}

.search-icon.open{
    position: absolute;
    right: 10px;
}

.search-icon.open svg path{
    stroke: rgb(49, 174, 236);
}


.search-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #383838;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.search-input.active {
    width: 100%;
    background: white;
    padding: 16px 24px;
    border-radius: 100px;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
}


.search-input-container {
    display: none;
}

.search-input-container.active {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}


.close-icon {
    display: flex;
}

.close-icon.show {
    visibility: visible;
}


.bg-blue {
   
}

  .bg-blue.active{
    background: linear-gradient(180.00deg, rgb(49, 174, 236),rgb(37, 162, 224) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    z-index: -1;
  }










span.select2.select2-container{
    width: 100% !important;
} 

.select2-container--default .select2-results>.select2-results__options{
    box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 0 24px 24px;
}


.select2-container--default .select2-selection--single{
    border-radius: 100px !important;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
}

.select2-container--default .select2-selection--single.dark-theme{
    background: #444;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2) !important;
}


.select2-dropdown{
    border-radius: 0 0 24px 24px !important;
    border: none !important;
    background: var(--body-color) !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-radius: 24px 24px 0 0 !important;
}

.select2-search.select2-search--dropdown{
    display: none;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select2-container .select2-selection--single{
    height: auto !important;
    padding: 10px 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 11px !important;
    right: 10px !important;
}

.select2-container--default .select2-results > .select2-results__options{
    max-height: fit-content !important;
}

.select2-results__option{
    padding: 16px 24px !important;
}

.select2-results__option:last-child{
    border-radius: 0 0 24px 24px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: rgba(49, 174, 236, 1) !important;
}






/* theme */
.nav__buttons {
 display: flex;
 align-items: center;
 column-gap: 1rem;
 z-index: var(--z-fixed);
}

.change-theme {
 font-size: 1.25rem;
 color: var(--title-color);
 cursor: pointer;
 transition: color 0.3s;
}

/* color changes in some parts of the website, in light theme */

.dark-theme .bg-header,
.dark-theme .nav__menu{
 box-shadow: 0 2px 8px hsl(60, 64%, 4%, 0.5);
}

.dark-theme .education__card {
 box-shadow: 0 2px 8px hsl(60, 64%, 4%, 0.2);
}

.dark-theme .newsletter__content {
 background-color: var(--container-color);
}

.dark-theme .newsletter__form,
.dark-theme .newsletter__input {
 background-color: var(--body-color);
}

/* .dark-theme::-webkit-scrollbar {
 background-color: hsl(60, 8%, 5%);
}

.dark-theme::-webkit-scrollbar-thumb {
 background-color: hsl(60, 8%, 15%);
}

.dark-theme::-webkit-scrollbar-thumb:hover {
 background-color: hsl(60, 8%, 25%);
} */

/* variable dark theme */

body.dark-theme {
 --first-color: hsl(60, 64%, 58%);
 --first-color-alt: hsl(60, 64%, 54%);
 --title-color: hsl(0, 0%, 100%);
 --text-color: hsl(0, 0%, 100%);
 --body-color: hsl(0, 0%, 27%);
 --container-color: hsl(60, 10%, 10%);
 --bg-color: hsl(0, 0%, 100%);
}

h1.dark-theme,
h2.dark-theme,
h3.dark-theme{
    color:white;
}

button.dark-theme{
    background: #444;
    color: white;
    border-color: white;
}
button.dark-theme:focus{
    background: linear-gradient(180.00deg, rgb(49, 174, 236),rgb(37, 162, 224) 100%);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(49, 174, 236);
}

/* .select2-container--open .select2-dropdown{
    background: white;
}

.select2-container--open .select2-dropdown.dark-theme{
    background: #444 !important;
    border: 1px solid #444 !important;
} */


.select2-container--open .select2-dropdown--below.dark-theme{
    background: #444 !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered.dark-theme{
    color: white;
}

.bg-color{
    background: white;
}

.bg-color.dark-theme{
    background: #444;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}


footer.dark-theme{
    background: #444;
}



.container{
    max-width: 1344px;
    margin: 0 auto;
    padding: 0 28px;
}

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    height: 78px;
}

.bx_filter_parameters{
    margin-top: 8px;
}

.main_buttons{
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    margin-top: 16px;
}


footer {
    position: fixed;
    box-shadow: 4px -4px 20px 0px rgba(0, 0, 0, 0.1);
    background: rgb(255, 255, 255);
    width: 100vw; /* Используйте 100vw вместо 100% */
    bottom: 0;
    z-index: 2;
    padding: 20px 0;
    background-size: 100vw 100%; /* Используйте 100vw вместо 100% */
    left: 0;
  }

  footer div{
    display: flex;
    justify-content: space-evenly;
    gap: 8px;
    align-items: center;
  }

.need-class-always a.active svg path {
    stroke:#31AEEC;
    fill:#31AEEC;
}

.bx_filter_button_box.active,
.bx_filter_button_box {display: none;}

.logo > svg {width: 100px;}

/* End */
/* /local/templates/app/css/reset.css?17086017201349 */
/* /local/templates/app/fonts/stylesheet.css?15471379546576 */
/* /local/templates/app/css/style.css?17122134569809 */