body {margin: 0; font-family: sans-serif;color: #212121;}
a {color: inherit;text-decoration: none}
ul {list-style: none; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin:0;padding: 0; -ms-flex-wrap: wrap;flex-wrap: wrap;}
li {cursor: pointer; margin-bottom: 0px;}
li:not(:last-of-type) {margin-right: 10px;}
.list_tariffs li:not(:last-of-type) {margin-right: 20px;}
header {position: fixed;padding: 20px 0; top:0;background: #ffffff;box-shadow: 0 2px 10px rgb(0 0 0 / 8%);left:0;right:0;margin-bottom: 20px;}
input{background: #ececec; padding: 5px 10px; border-radius: 4px; outline: none!important;border: #ededed 1px solid;width: 300px;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}
.select-link{font-size: 14px;text-transform: uppercase;font-weight: 700;}
li.select{color: #ffc103}
.nav-item {margin-bottom:0}
.nav-link {display:block;margin-bottom:5px; background: transparent;box-shadow: 0 0px 1px rgb(0 0 0 / 20%);border-radius: 4px;padding: 5px 12px;font-size: 14px;}
.nav-link.disabled {background: #8080806b;pointer-events: none;cursor: not-allowed;opacity: .5;}
.nav-link.active {background: linear-gradient(#ffea00, #ffc103);}
.header-inner{max-width: 1920px;margin: 0 auto;padding: 0 5%}
.container {padding: 0 5% 20px;max-width: 1920px;margin: 0 auto;}
.channels_itemBox {margin-bottom: 50px;padding-top: 3%;}
.channels_itemBox h3 {font-size: 30px; font-weight: 700; margin: 0 0 20px}
.channels_itemBox h4 {font-size: 18px}
.channels_block {display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 260px));grid-column-gap: 25px;grid-row-gap: 35px;justify-items: center;justify-content: space-evenly;}
.channels_item img {box-shadow: 0 2px 10px rgb(0 0 0 / 10%);width: 100%}
.channels_item span {margin-top: 6px;display: inline-block;}
input[type="search"] {
    display:none;
}
.logo {
    background:url('logo.png') no-repeat center / contain;
    width:140px;
    height:35px;
    margin-right:10px;
}
a.button {
    display: block;
    background: linear-gradient(#ffea00, #ffc103);
    border-radius: 2px;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 7px 12px;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    color: #151515 !important;
    margin: 0px !important;
}
a.button:hover {
    background: linear-gradient(#ffe400, #ffee5f);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.flex_row {
    display:flex;
    align-items:center;
    justify-content:space-between;
margin-bottom:10px;
}
.flex_row:first-of-type {
    justify-content:flex-start;
}
@media all and (max-width:1190px) {
	.channels_block {grid-template-columns: repeat(auto-fill, minmax(120px, 150px)); grid-row-gap: 15px;}
	.channel-name {font-size: 14px}
	.flex_row {flex-wrap:wrap;justify-content:center;}
	nav {width:100%}
.logo {
margin:0 auto 10px;
}
ul, li {
margin-bottom:5px;
}
}
@media all and (max-width:500px) {
	header {padding: 0 0 10px}
	.header-inner {padding: 0 10px}
	.select-link {font-size:12px}
	.list_tariffs li:not(:last-of-type) {margin-right:10px}
	input {width:100%}
}