*::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
*:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
*::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: sans-serif;
    font-size: 24px;
    min-width: 320px;
    position: relative;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    margin: 0;
    font-weight: 600;
    color: #fff;
    background-color: #F4F4F4;
}
.body-hidden{
    overflow: hidden;
}
p{
	margin: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
ul li,
ol li{
	list-style: none;
}
ul, ol{
	margin: 0;
	padding-left: 0;
}
button{
	font: inherit;
	outline: none;
	border: 0;
	padding: 0;
	cursor: pointer;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: 700;
}
.hidden {
	display: none;
}
.container {
    margin: 0 auto;
    position: relative;
    padding: 0 67px;
    width: 100%;
    max-width: 2560px;
    height: 100%;
    z-index: 1;
}
.wrapper {
    overflow: hidden;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 13px;
    width: 100%;
    transition: 0.4s;
}
.menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.menu li {
    margin-right: 41px;
    position: relative;
}
.menu li:last-child{
	margin-right: 0px;
}
.flex-class{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.align-items{
	align-items: center;
}
.main-nav {
    width: 1026px;
    padding-top: 23px;
}
.menu li a {
    color: #292930;
    transition: color 0.4s;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
}
.menu li a:hover,
.menu li a.active{
	color: #2E37A5;
}
.item-btn-list{
	padding-right: 15px;
}
.item-btn-list::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #292930;
    position: absolute;
    right: 0;
    top: 27%;
    transform: translate(0,-50%);
}
.menu ul {
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
    border-radius: 27px;
    border: 1px solid #FFFFFF;
    z-index: 10;
    top: 37px;
    left: 0;
    width: 284px;
    padding: 26px 30px;
    display: none;
}
.menu li:hover > ul{
	display: block;
}
.menu ul li {
	margin-right: 0;
    margin-bottom: 7px;
}
.menu > li > a {
    padding-bottom: 20px;
}
.menu ul li a {
    display: block;
    padding-right: 20px;
}
.menu ul li a:hover::after,
.menu ul li a.active::after{
	opacity: 1;
} 
.menu ul li a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #2E37A5;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: 6px;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
    opacity: 0;

}
.btn {
    display: inline-block;
    padding: 8px 47px 8px 27px;
    position: relative;
    font-weight: 800;
    line-height: 15px;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background-color: #2E37A5;
    border-radius: 50px;
    transition: 0.4s;
    border: 2px solid #2E37A5;
}
.btn:hover {
    background-color: #fff;
    color: #2E37A5;
}
.btn:hover::after {
    border-left: 7px solid #2E37A5;
}
.btn::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #fff;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
}
.section-main-slider, .section-page, .main-page {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.slide-main-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding-top: 88px;
}
.row-bg{
	display: flex;
	flex-wrap: wrap;
}
.bg-style-1{
	background-color: #AB2323;
}
.bg-style-2{
	background-color: #2E37A5;
}
.bg-style-3{
	background-color: #F4A100;
}
.bg-style-4{
	background-color: #292930;
}
.col-bg-7 {
    width: 55.5%;
}
.col-bg-5{
	width: 44.5%;
}
.col-bg{
	height: 100%;
}
.slider-page,
.slider-page .swiper-wrapper,
.slider-page .slide-page {
    height: 100%;
}
.ba-img-slide{
	background-size: cover;
	background-position: center;
}
.slide-main-bg{
	height: 100%;
}
.slide-img-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding-top: 96px;
}
.images-photo {
    height: 100%;
}
.photo-page1 .img-page{
    background-position: 57% bottom;
}
.img-tag {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 65% bottom;
    background-repeat: no-repeat;
}
.button-swiper-block {
    position: absolute;
    z-index: 20;
    right: 50%;
    transform: translate(1780%,0);
    top: 0;
    height: 100%;
    padding-top: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.swiper-button-prev, .swiper-button-next {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    margin: 9px 0;
    outline: none;
    transition: 0.4s;
    border: 2px solid #fff;
}
.swiper-button-prev:hover, 
.swiper-button-next:hover {
    background-color: transparent;
}
.swiper-button-prev:hover .style-color-dark, 
.swiper-button-next:hover .style-color-dark{
    fill: #fff;
}
.swiper-button-next {
    margin-bottom: 0;
}
.main-pagination {
    text-align: center;
    font-weight: 600;
    line-height: 27px;
    font-size: 16px;
    margin-bottom: 41px;
}
.pagin_line {
    margin: 0 3px;
}
.style-color-dark {
    fill: #292930;
    transition: 0.4s;
}
.content-page-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 1;
}
.col-padding-left-72 {
    padding-left: 172px;
}
.section-main-slider .content-page-block {
    width: 880px;
}
.title-slide {
    color: #fff;
    font-weight: bold;
    font-size: 120px;
    line-height: 130px;
}
.text-title-h3 {
    font-size: 28px;
    font-weight: 600;
    display: block;
}
.text-page-content {
    font-weight: 600;
    line-height: 48px;
    font-size: 28px;
    margin-bottom: 65px;
}
.knob {
    display: inline-block;
    padding: 33px 114px 33px 104px;
    position: relative;
    font-weight: bold;
    line-height: 20px;
    font-size: 24px;
    letter-spacing: 0.04em;
    color: #292930;
    background-color: #fff;
    border-radius: 120px;
    transition: 0.4s;
    border: 2px solid #fff;
}
.logo-svg{
    width: 48px;
    height: 48px;
}
.knob:hover {
    background-color: transparent;
    color: #fff;
}
.knob::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #292930;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: 32px;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
}
.knob::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #292930;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 74px;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
}
.knob:hover::after {
    border-left: 10px solid #fff;
}
.style-arrow{
    width: 18px;
    height: 18px;
}
.bottom-info-content-slide {
    font-size: 20px;
    line-height: 25px;
    text-align: right;
    width: 528px;
    padding-right: 281px;
    position: relative;
    margin-left: auto;
    margin-top: 52px;
    margin-right: 0;
}
/*.bottom-info-content-slide::before {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 232px;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}*/
.arrow-svg{
    width: 22.4px;
    height: 14px;
}
.post-slide-block {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.4px;
}
.slide-main-content .container {
    height: 100%;
}
.content-page-block-wrap {
    width: 100%;
    position: relative;
}
.soc{
	fill: rgba(255,255,255,1);
	transition: 0.4s;
}
.social-page-list li a:hover .soc{
	fill: rgba(255, 255, 255, 0.5);
}
.social-page-list-wrap {
    position: fixed;
    bottom: 53px;
    left: 50%;
    width: 50px;
    transform: translate(-2455%);
    z-index: 98;
    max-height: 62px;
    height: 100%;
    transition: 0.4s;
}
.social-page-list {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    height: 100%;
}
.social-page-list-wrap:hover .social-page-list::before{
	opacity: 0;
}
.social-page-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 4px;
    height: 18px;
    background-image: url(../img/more.svg);
    transition: 1s;
    background-repeat: no-repeat;
}
.social-page-list-wrap:hover {
    max-height: 480px;
}
.social-page-list li a {
    display: flex;
    width: 21px;
    height: 21px;
    align-items: center;
    justify-content: center;
}
.social-page-list li {
    margin-top: 60px;
}
.social-page-list li:last-child{
	margin-top: 0px;
}
.section-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding-top: 90px;
}
.button-slide-content {
    margin-top: 41px;
}
.block-bg {
    height: 100%;
    width: 100%;
}
.title-h3-page {
    font-weight: bold;
    line-height: 96px;
    font-size: 78px;
    color: #FFFFFF;
}
.row-page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}
.col {
    position: relative;
    min-height: 1px;
    height: 100%;
}
.col-5 {
    width: calc(44.5vw - ((100vw - 2560px) / 2) - 67px);
}
.col-7 {
    width: calc(55.5vw - ((100vw - 2560px) / 2) - 67px);
}
.col-padding-right{
	padding-right: 7%;
}
.text-page-block {
    margin-top: 31px;
    margin-bottom: 53px;
}
.search-plot-block {
    height: 55%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 20px;
}
.search-plot-wrap{
	margin-top: auto;
}
.search-form-plot{
	position: relative;
}
.search-input {
    width: 100%;
    background: #292930;
    border-radius: 86px;
    height: 78px;
    outline: none;
    font-weight: 600;
    line-height: 29px;
    font-size: 20px;
    color: #fff;
    padding-left: 58px;
    letter-spacing: 0.7px;
    padding-right: 90px;
    border: 1px solid #FFFFFF;
    transition: 0.4s;
    z-index: 2;
    position: relative;
}
.search-input:hover,
.search-input:focus{
	background-color: #fff;
	color: #292930;
}


.search-input:hover::-webkit-input-placeholder,
.search-input:focus::-webkit-input-placeholder {
	color: #292930;
}
.search-input:hover:-moz-placeholder,
.search-input:focus:-moz-placeholder {
	color: #292930;
}
.search-input:hover::-moz-placeholder,
.search-input:focus::-moz-placeholder {
	color: #292930;
}
.search-input:hover:-ms-input-placeholder,
.search-input:focus:-ms-input-placeholder {
	color: #292930;
}


.search-input:hover + .button-search .button-search-icon,
.search-input:focus + .button-search .button-search-icon{
	fill: #292930;
}
.button-search-icon{
	fill: #fff;
	transition: 0.4s;
}
.list-search-input {
    position: absolute;
    top: 54px;
    left: 0;
    background-color: #fff;
    border-radius: 0 0 27px 27px;
    width: 100%;
    padding: 12px 12px 30px 36px;
    z-index: 1;
    display: none;
}
.list-search-input::before,
.list-search-input::after{
	content: '';
	position: absolute;
	top: -24px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	z-index: -1;
}
.list-search-input::before{
	left: 0;
}
.list-search-input::after{
	right: 0;
}

.list-search-input li {
    font-weight: 600;
    line-height: 18px;
    font-size: 12px;
    color: #292930;
}
.inp-info-text{
	cursor: pointer;
	display: block;
	transition: 0.4s;
}
.inp-info-text:hover {
    color: #2E37A5;
}
.list-video-plot {
    display: flex;
    flex-wrap: wrap;
    margin-top: 26px;
    margin-right: -67px;
}
.list-video-plot li{
	width: 50%;
}
.video-plot-iframe{
	width: 100%;
	height: 100%;
	border: 0;
}
.video-iframe{
	width: 100%;
	height: 100%;
	border: 0;
}
.video-plot {
    width: 100%;
    height: 151px;
    position: relative;
    overflow: hidden;
    transition: all ease .5s;
}
.video-plot:hover{
	z-index: 5;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	transform: scale(1.008);
	transition: all ease .1s;
}

.video-iframe-wrap {
    height: 100%;
    width: 100%;
}
.card--content {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}
.search-form-plot-wrap {
    padding: 0 173px 0 159px;
    position: relative;
    z-index: 2;
}
.tags-block {
    height: 45%;
    background-color: #F4F4F4;
    padding: 38px 130px 38px 212px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tags-block::after {
    content: '';
    position: absolute;
    right: -99999%;
    height: 100%;
    width: 100000%;
    background-color: #F4F4F4;
    top: 0;
}
.title-h6 {
    color: #292930;
    font-weight: bold;
    line-height: 41px;
    font-size: 24px;
}
.list-tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 27px;
}
.list-tags li {
    margin: 4px;
}
.tags-block-wrap {
    width: 100%;
}
.js-tilt{
    perspective: 1000px;
}
.js-tilt a{
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 3.55);
}
.top-content-block {
    height: 80%;
    position: relative;
    overflow: hidden;
}
.bg-4_channel {
    position: absolute;
    width: 709px;
    height: 709px;
    background-image: url(../img/bg_logo4.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    right: -135px;
    margin-top: -355px;
    z-index: -1;
}
.link-archive-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    height: 65px;
    max-width: 600px;
}
.bottom-content-block{
	height: 20%;
	background-color: #F4F4F4;
	position: relative;
}
.bottom-content-block-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}
.button-link-archive-block::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    right: 43%;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
}
.bottom-content-block::before {
    content: '';
    position: absolute;
    left: -99999%;
    top: 0;
    height: 100%;
    width: 100000%;
    background-color: #F4F4F4;
}
.button-link-archive-block {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background-color: #2E37A5;
    position: absolute;
    transition: 0.2s;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.text-link-archive-block {
    line-height: 48px;
    font-size: 28px;
    color: #292930;
    transition: 0.2s;
}
.link-archive-block:hover .button-link-archive-block{
	width: 72px;
	height: 72px;
}
.link-archive-block:hover .text-link-archive-block{
	color: #2E37A5;
}
.swiper-btn-prev, .swiper-btn-next {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0px 6px;
    outline: none;
    transition: 0.4s;
    border: 2px solid rgba(0, 0, 0, 0);
}
.swiper-btn-prev:hover, .swiper-btn-next:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #fff;
}
.style-color-white{
	fill: #fff;
}
.btn-swiper-wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    right: 50%;
    transform: translate(262%,298%);
    top: 50%;
    z-index: 10;
    align-items: center;
    padding-left: 50px;
}
.ether-slider-wrap,
.slide-ether {
    height: 100%;
}
.age-block-content{
	color: rgba(255, 255, 255, 0.1);
}
.col-padding-right-61 {
    padding-right: 61px;
}
.slider-pagination {
    text-align: center;
    font-weight: 600;
    line-height: 27px;
    font-size: 16px;
}
.btn-swiper-wrap .slider-pagination {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.right-top-sl-info {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    line-height: 87px;
    font-size: 78px;
    text-align: right;
}
.time-block-content{
	color: #fff;
}
.slide-ether .content-page-block-wrap {
    max-width: 635px;
}
.content-page-block-wrapper{
	position: relative;
}
.page-img-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding-top: 96px;
}
.img-page {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 65% bottom;
    background-repeat: no-repeat;
}
.width-287 {
    max-width: 440px;
}
.width-380 {
    max-width: 780px;
}
.timetable-info{
	display: block;
}
.slider-btn-prev, .slider-btn-next {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    transition: 0.4s;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.slider-btn-prev{
	top: 0;
}
.slider-btn-next{
	bottom: 0;
}
.slider-btn-prev svg {
    transform: rotate(90deg);
}
.slider-btn-next svg{
	transform: rotate(90deg);
}
.video-slider {
    max-width: 430px;
    max-height: 880px;
    margin-right: 0;
    overflow: inherit;
    overflow-y: hidden;
    overflow-x: inherit;
    padding: 0 10px;
}
.slider-video-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.slider-video-wraperr {
    padding: 43px 0;
    position: relative;
    margin-right: 172px;
}
.swiper-button-lock {
    display: none;
}
.width-414 {
    max-width: 540px;
}
.face-slider-wrap, .slide-face {
    height: 100%;
}
.img-slide-face {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
}
.slide-face .content-page-block {
    padding-bottom: 0;
    padding-top: 0;
}
.content-slide-block-wrapper {
    position: relative;
    z-index: 3;
}
.img-page-tag {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.button-swiper-wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 66px;
    bottom: 90px;
    z-index: 10;
    align-items: center;
}
.margin-top-100 {
    margin-top: 100px;
}
.bg-text-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/text-bg.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
}
.width-300 {
    max-width: 300px;
}
.logo-style{
	fill: #2E37A5;
	transition: all 0.4s;
}
.logo a{
	display: flex;
}

.content-container {
    max-width: 1738px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: 168px;
}
.footer{
	background-color: #292930;
	height: 100vh;
    padding-top: 88px;
    padding-bottom: 20px;
}
.footer-wrap-block {
    padding-top: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.menu-footer{
	display: flex;
	flex-wrap: wrap;

}
.menu-footer > li{
	width: 25%;
	padding-right: 10px;

}
.menu-style ul.menu-style{
	margin-top: 0;
}
.menu-style ul{
	margin-top: 19px;
}
.menu-style ul > li {
    margin-bottom: 7px;
}
ul.menu-style > li {
    margin-bottom: 33px;
}
ul.menu-footer > li{
	margin-bottom: 0;
}
.menu-style > li:last-child,
.menu-style ul > li:last-child {
    margin-bottom: 0px;
}
.menu-style .menu-style a, .menu-style a {
    color: #fff;
    line-height: 48px;
    font-size: 28px;
    text-transform: none;
    position: relative;
}
.menu-style ul a {
    line-height: 31px;
    font-size: 18px;
    text-transform: uppercase;
}
.menu-footer li a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #fff;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: -21px;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
    opacity: 0;
}
.menu-footer li a:hover::after, 
.menu-footer li a.active::after {
    opacity: 1;
}
.soc-style{
	fill: rgba(255, 255, 255, 0.5);
	transition: all 0.4s;
}
.social-footer li a:hover .soc-style{
	fill: rgba(255, 255, 255, 1);
}
.social-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.social-footer li {
    margin-right: 52px;
}
.social-footer li:last-child{
	margin-right: 0px;
}
.social-footer li a{
	display: flex;
}
.social-block-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 41px;
    margin-bottom: 47px;
}
.text-social-block-footer {
    font-weight: 400;
    line-height: 23px;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.25);
    margin-right: 74px;
}
.content-text-footer {
    font-weight: 400;
    line-height: 27px;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.25);
}
.col-6-page{
	width: 49%
}
.text-info-4_channel {
    color: #fff;
    line-height: 19px;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.info-info-4_channel-company {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 19px;
    font-size: 14px;
}
.name-company{
	color: rgba(255, 255, 255, 0.5);
	font-weight: 800;
	transition: all 0.4s;

}
.name-company:hover{
	color: #fff;
}
.margin-40-page {
    margin-bottom: 40px;
}
.button-page {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 90;
    left: 50%;
    background-color: transparent;
}
.main-content-section{
    overflow: hidden;
}
.button-page-top {
    bottom: 50%;
    transform: translate(-50%,1000%);
}
.style-arrow-white{
	fill: #fff;
	transition: all 0.4s;
}
.button-page:hover .style-arrow-white{
	fill: rgba(255, 255, 255, 0.5);
}
.style-arrow-dark{
    fill: #292930;
    transition: all 0.4s;
}
.button-page:hover .style-arrow-dark{
    fill: rgba(41, 41, 48, 0.5);
}
.button-page-bottom {
    bottom: 50px;
    transform: translate(-50%,0%);
}
.pop_up {
    width: 1620px;
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-position: center;
    margin: 20px 0;
    padding: 157px 159px;
    overflow-x: auto;
}
.fancybox-close-small {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 18px;
    height: 21px;
    padding: 0;
    outline: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    z-index: 10;
    cursor: pointer;
    background-image: url(../img/cross-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    transition: all 0.4s;
}
.pop_up-wrap{
	display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.fancybox-close-small:hover{
	opacity: 0.5;
}
.container-popup {
    max-width: 1255px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.title-pop {
    color: #fff;
    font-weight: 600;
    line-height: 35px;
    font-size: 28px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-6,
.column-5,
.column-7,
.col-12{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;

}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}


.column-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.column-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}



.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.it-program-child {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 22px;
}
.it-program-child:last-child{
	margin-bottom: 0;
}
.time-it-program-child {
    line-height: 26px;
    font-size: 21px;
    width: 80px;
    padding-right: 5px;
}
.text-it-program-child {
    font-weight: 400;
    line-height: 17px;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    width: calc(100% - 60px);
    padding-left: 20px;
    padding-right: 5px;
}
.text-it-program-child {
    font-weight: 400;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    width: calc(100% - 80px);
    padding-left: 20px;
    padding-right: 5px;
}
.list-program-item-child {
    margin-top: 26px;
}
.program-items-parent {
    margin-top: 35px;
}
.margin-bottom-col {
    margin-bottom: 115px;
}
.item-tags {
    font-weight: bold;
    line-height: 21px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    position: relative;
}
.item-tags:hover .item-tags-text{
	background-color: #FFFFFF;
	color: #2E37A5;
}
.item-tags-text {
    background-color: #2E37A5;
    padding: 20px 40px;
    border: 2px solid #2E37A5;
    transition: 0.4s;
}
.hover-in{
	transition: .3s ease-out;
}
.hover-out{
	transition: .3s ease-in;
}
.link-video {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    position: relative;
    transition: all 0.3s;
    transform: translateZ(0px);
    color: #fff;
}
.play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    width: 36px;
    height: 36px;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: all 0.2s;
}
.link-video:hover .play-video {
    transform: translate(-50%,-50%);
    opacity: 1;
}
.link-video:hover .play-video::before {
    border-top: 7px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 7px solid transparent;
}
.play-video::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%,-50%);
    transition: all 0.2s;
}
.title-video { padding: 10px; background:rgba(0,0,0,0.7); font-weight: normal; font-size: 12px; text-transform: none; position: absolute; bottom: 0px; width: 100% }
.content-video:hover .title-video { display: none; }
.content-video-slider .title-video { padding: 10px; background: rgba(0,0,0,0.7); font-weight: normal; padding-left: 45px; width: 100%; bottom: 21px; padding-right: 35px; }
.link-video:hover .title-video { display: none; }
.video-page {
    width: 100%;
    height: 353px;
    overflow: hidden;
}
.link-video:hover{
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.top-video-block {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    top: 0;
    width: 100%;
    font-weight: bold;
    line-height: 31px;
    font-size: 18px;
    text-transform: uppercase;
    left: 0;
    padding: 10px 22px;
}
.title-video-block{
    width: calc(100% - 50px);
}
.time-video-block {
    width: 50px;
    text-align: right;
}
.text-video-block-wrap {
    line-height: 29px;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 5px 22px 10px 22px;
}
.text-video-block {
    height: 58px;
    overflow: hidden;
}
.video-page-slide {
    width: 476px;
    overflow: hidden;
    height: 268px;
}
.preloader-fon {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: #2E37A5;
    z-index: 1000000;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.preloader-container {
    position: absolute;
    width: 142px;
    height: 142px;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.animate-outer {
    animation: animate-outer 1.8s linear infinite;
    transform-origin: center;
}


@keyframes animate-outer {
  from {
    transform: rotate(0deg);

  }
  
  to {
    transform: rotate(360deg);

  }
}
.slider-page .swiper-slide {
    overflow: hidden;
}
.menuToggle {
    width: 34px;
    height: 16px;
    position: relative;
    align-items: center;
    cursor: pointer;
    display: none;
}
.menuToggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #292930;
    transition: background 0.3s;
}
.menuToggle span::before, .menuToggle span::after {
    content: '';
    position: absolute;
    width: 83%;
    right: 0;
    height: 2px;
    display: block;
    background: #292930;
}
.menuToggle span::before {
    top: 0;
}
.menuToggle span::after {
    bottom: 0;
}
.menuToggle.active span {
    background: transparent;
}
.menuToggle.active span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: 7px;
    background: #fff;
    right: 2px;
}
.menuToggle.active span::before {
    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    -o-transform: rotate(41deg);
    transform: rotate(45deg);
    margin-top: 8px;
    background: #fff;
    right: 2px;
}
.header-blue,
.blue-bg{
    background-color: #2E37A5;
}
.header-dark,
.dark-bg{
    background-color: #292930;
}
.header-red,
.red-bg{
    background-color: #AB2323;
}
.header-yellow,
.yellow-bg{
    background-color: #F4A100;
}
.header-style .menu li a {
    color: #fff;
}
.header-style .menu > li > a:hover {
    color: rgba(255,255,255,0.5);
}
.header-style .item-btn-list::after{
    border-top: 4px solid #fff;
}
.header-style .logo-style {
    fill: #fff;
}
.header-style .btn {
    color: #292930;
    background-color: #fff;
    border: 2px solid #fff;
}
.header-style .btn:hover{
    background-color: transparent;
    color: #fff;
}
.header-style .btn:hover::after{
    border-left: 7px solid #fff;
}
.header-style .btn::after{
    border-left: 7px solid #292930;
}
.header-style .menu ul li a {
    color: #2E37A5;
}
.header-style .menuToggle span,
.header-style .menuToggle span::before, 
.header-style .menuToggle span::after {
    background: #fff;
}
.header-style .menuToggle.active span{
    background: transparent;
}
.main-page {
    position: relative;
    padding-top: 172px;
}
.main-page::after {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(86%,-50%);
    width: 1811px;
    height: 1809px;
    background-image: url(../img/bg4_logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.menu > li > a.active::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
}
.bread-crumbs{
    display: flex;
    flex-wrap: wrap;
}
.bread-crumbs li {
    position: relative;
    padding-right: 19px;
    margin-right: 12px;
}
.bread-crumbs li::after {
    content: '/';
    position: absolute;
    right: 0;
    color: rgba(255, 255, 255, 0.3);
    top: 50%;
    font-size: 10px;
    line-height: 17px;
    transform: translate(0,-50%);
}
.bread-crumbs li:last-child::after{
    display: none;
}
.bread-crumbs li a {
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    cursor: default;
}
.bread-crumbs li a[href]{
    color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: 0.4s;
}
.bread-crumbs li a[href]:hover{
    color: #fff;
}
.return-link {
    position: relative;
    padding-left: 31px;
    color: #fff;
    transition: 0.4s;
}
.return-link:hover{
    opacity: 0.6;
}
.return-link::after {
    content: '';
    position: absolute;
    left: 0;
    width: 13px;
    height: 12px;
    background-image: url(../img/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(0,-50%);
}
.top-page-block {
    padding-top: 36px;
}
.title-h1 {
    color: #fff;
    line-height: 210px;
    font-size: 230px;
    letter-spacing: -0.04em;
}
.title-block-main {
    margin-bottom: 83px;
}
.list-page-block li a {
    color: #fff;
    line-height: 48px;
    font-size: 28px;
    transition: 0.4s;
}
.list-page-block li a:hover {
    color: rgba(255, 255, 255, 0.5);
}
.list-page-block li {
    margin-bottom: 13px;
}
.list-page-block li:last-child{
    margin-bottom: 0px;
}
.main-block-wrap {
    height: calc(100% - 246px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 105px;
}
.style-dark .bread-crumbs li a{
    color: #292930;
}
.style-dark .bread-crumbs li::after {
    color: rgba(0, 0, 0, 0.2);
}
.style-dark .bread-crumbs li a[href]{
    color: rgba(0, 0, 0, 0.2);;
}
.style-dark .bread-crumbs li a[href]:hover {
    color: #292930;
}
.style-dark .return-link {
    color: #000000;
}
.style-dark .return-link::after{
    background-image: url(../img/arrow-dark.svg);
}   
.main-content-section {
    padding-top: 172px;
    padding-bottom: 10px;
    position: relative;
}
.title-h4 {
    color: #292930;
    line-height: 93px;
    font-size: 80px;
    letter-spacing: -0.04em;
    max-width: 1365px;
}
.main-content-wrap {
    padding-top: 105px;
    font-weight: normal;
    line-height: 24px;
    color: rgba(42, 42, 42, 0.8);
    padding-bottom: 350px;
    position: relative;
}
.logo4-main::before {
    content: '';
    position: absolute;
    right: 105px;
    top: 0;
    width: 768px;
    height: 768px;
    background-image: url(../img/bg_logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

ul.list-content-about li{
    margin-bottom: 40px;
}
div.list-content-about p {
    margin-bottom: 40px;
}
ul.list-content-about li:last-child{
    margin-bottom: 0px;
}
div.list-content-about p:last-child{
    margin-bottom: 0px;
}
.style-content-dark{
    color: #292930;
    font-weight: 600;
}
.style-size-text-16 {
    line-height: 44px;
    font-size: 26px;
}
.content-info-txt-wrap {
    margin-top: 139px;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller {
    overflow: hidden;
}

.page-footer-scroll{
    background-color: #292930;
}
.page-footer-scroll .logo-style {
    fill: #fff;
}
.page-footer-scroll .btn{
    background-color: #fff;
    border-color: #fff;
    color: #292930;
}
.page-footer-scroll .btn:hover{
    background-color: transparent;
    color: #fff;
}
.page-footer-scroll .btn:hover::after {
    border-left: 7px solid #fff;
}
.page-footer-scroll .btn::after {
    border-left: 7px solid #292930;
}
.page-footer-scroll .menu li a {
    color: #fff;
}
.page-footer-scroll .item-btn-list::after {
    border-top: 4px solid #fff;
}
.page-footer-scroll .menu ul li a {
    color: #292930;
}
.page-footer-scroll .menu ul li a::after {
    border-left: 7px solid #292930;
}


.page-main-scroll{
    background-color: #F4F4F4;
}
.page-main-scroll .logo-style {
    fill: #2E37A5;
}
.page-main-scroll .btn{
    background-color: #2E37A5;
    border-color: #2E37A5;
    color: #fff;
}
.page-main-scroll .btn:hover{
    background-color: transparent;
    color: #2E37A5;
}
.page-main-scroll .btn:hover::after {
    border-left: 7px solid #2E37A5;
}
.page-main-scroll .btn::after {
    border-left: 7px solid #fff;
}
.page-main-scroll .menu li a {
    color: #292930;
}
.page-main-scroll .menu li a:hover {
    color: #2E37A5;
}
.page-main-scroll .item-btn-list::after {
    border-top: 4px solid #292930;
}
.page-main-scroll .menu ul li a {
    color: #292930;
}
.page-main-scroll .menu ul li a::after {
    border-left: 7px solid #292930;
}

.page-main-scroll .menu > li > a.active::before {
    background-color: #2E37A5;
}
.page-main-scroll .menu li a.active {
    color: #2E37A5;
}
.page-main-scroll .item-btn-list.active::after {
    border-top: 4px solid #2E37A5;
}
.page-main-scroll .menuToggle span, 
.page-main-scroll .menuToggle span::before, 
.page-main-scroll .menuToggle span::after {
    background: #292930;
}

.page-main-scroll .menuToggle.active span, 
.page-main-scroll .menuToggle.active span::before, 
.page-main-scroll .menuToggle.active span::after {
    background: #fff;
}
.page-main-scroll .menuToggle.active span {
    background: transparent;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.item-title-faces {
    width: 245px;
    color: #292930;
    font-weight: 600;
    line-height: 48px;
    font-size: 28px;
}
.item-photo-faces {
    width: calc(100% - 245px);
    padding-top: 9px;
}
.it-photo-face {
    position: relative;
}
.it-photo-face:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.4s;
}
.item-photo-face:hover .it-photo-face:before{
    background-color: rgba(0, 0, 0, 0.2);
}
.it-photo-face img {
    width: 100%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.post-face-block {
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
}
.name-face-block{
    font-weight: 600;
}
.faces-items-wrapper {
    margin-top: 72px;
}
.text-info-face {
    color: #292930;
    margin-top: 27px;
}
.item-photo-face {
    max-width: 310px;
    margin: 0 auto;
    display: block;
}
.title-h5 {
    font-weight: 600;
    line-height: 48px;
    font-size: 28px;
    color: #292930;
}
.award-block-photo {
    display: inline-block;
    width: 100%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.text-info-award-content {
    line-height: 36px;
    font-size: 24px;
    color: #292930;
    font-weight: 600;
    max-width: 765px;
}
.margin-bottom-col-30 {
    margin-bottom: 60px;
}
.img-item-award {
    margin-top: 62px;
    margin-bottom: 96px;
}
.items-awards-wrapper {
    margin-top: 78px;
}

.text-block-info {
    font-weight: 400;
    color: #292930;
    margin-top: 179px;
    max-width: 436px;
    line-height: 44px;
    font-size: 26px;
}
.info-content-face-block {
    margin-top: 80px;
}
.section-gallery {
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 87px;
}
.title-h4-page {
    font-weight: 600;
    color: #292930;
    line-height: 48px;
    font-size: 28px;
}
.swiper-gallery {
    overflow: inherit;
    padding-bottom: 82px;
}
.slider-gallery {
    margin-top: 20px;
    position: relative;
}
.arrow-button-prev, .arrow-button-next {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F4F4;
    outline: none;
    transition: 0.4s;
}
.arrow-button-next {
    margin-left: 9px;
}
.gallery-content-wrapper {
    margin-top: 40px;
    padding-bottom: 39px;
}
.wrap-button-arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
    transform: translate(-475%);
}
.img-item-award img{
    width: 100%;
}
.arrow-button-prev:hover, 
.arrow-button-next:hover{
    background-color: #e3e3e3;
}
.slide-photo {
    margin: 0 auto;
    text-align: center;
    transition: 0.4s;
    position: relative;
}
.slide-photo:hover {
    transform: scale(1.1);
    z-index: 2;
}
.slide-photo a{
    display: inline-block;
}
.swiper-gallery .swiper-slide {
    height: 280px;
    width: 498px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-content-wrapper {
    padding-top: 80px;
}
.main-content-wrapper .logo4-main::before {
    top: auto;
    bottom: 50%;
    transform: translate(0,10%);
}
.video-plot-slide {
    width: 100%;
    height: 360px;
    transition: 0.4s;
    position: relative;
}

.swiper-gallery .video-plot-slide {
    height: 215px;
}
.video-plot-slide:hover{
    transform: scale(1.15);
    z-index: 1;
}
.slider-plots {
    margin-top: 64px;
}
.swiper-plot .swiper-slide {
    height: 433px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plots-section-wrapper {
    margin-top: 174px;
}
.video-plot-slide .link-video {
    transition: 0s;
}
.swiper-plot {
    overflow: inherit;
}
.padding-top-0-sect{
    padding-top: 0;
}
.text-main-bott {
    max-width: 640px;
}
.date-item-program_tv {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding: 45px 125px 45px 30px;
    font-weight: 600;
    line-height: 42px;
    font-size: 24px;
    color: #292930;
    cursor: pointer;
    position: relative;
}
.item-program_tv:last-child .date-item-program_tv {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.date-item-program_tv::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 86px;
    width: 18px;
    height: 8px;
    background-image: url(../img/arr.svg);
    background-size: cover;
}
.date-item-program_tv.active::after{
    transform: translate(0,-50%) rotate(180deg);
}

.time-program-block {
    font-weight: 600;
    line-height: 38px;
    font-size: 24px;
    color: #292930;
    width: 130px;
    text-align: center;
    transition: 0.4s;
}
.text-program-block {
    width: calc(100% - 130px);
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #292930;
    transition: 0.4s;
}
.align-items {
    align-items: center;
}
.list-program-block li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.list-program-block li:last-child {
    border-bottom: 0;
}
.program-it-link {
    padding: 18px 53px 18px 0;
    transition: 0.4s;
    position: relative;
}
.program-it-link:hover{
    background-color: #2e37a5;
}
.program-it-link:hover div{
   color: #fff;
}
.program-it-link::after {
    content: '';
    position: absolute;
    transition: 0.4s;
    right: 26px;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 4px solid transparent;
    opacity: 0;
}
.program-it-link:hover::after{
    opacity: 1;
}
.program-content-list {
    display: none;
}
.link-download-block {
    text-align: right;
    margin-top: 82px;
    padding-right: 14px;
}
.link-download {
    font-weight: 800;
    line-height: 15px;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #292930;
    padding-right: 90px;
    position: relative;
    display: inline-block;
}
.link-download span{
    color: #2E37A5;
}
.link-download::after {
    content: '';
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #2E37A5;
    background-image: url(../img/icon_download.svg);
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(0,-50%);
    background-position: center;
}
.download-block-mobile {
    display: none;
    margin-top: 0;
    margin-bottom: 53px;
}
.list-program-block li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.list-contacts {
    max-width: 624px;
    font-size: 28px;
    line-height: 48px;
}
.list-contacts li:last-child{
    margin-bottom: 0;
}
.list-contacts li{
    margin-bottom: 20px;
}
.title-page-h6 {
    font-weight: bold;
    line-height: 45px;
    font-size: 32px;
    color: #292930;
}
.name-info-content-lead {
    font-weight: 600;
}
.item-content-wrapper {
    margin-top: 59px;
}
.info-content-lead {
    line-height: 37px;
    font-size: 24px;
    letter-spacing: 0.04em;
    color: #292930;
    margin-top: 25px;
}

.info-content-contacts {
    letter-spacing: 0.04em;
    color: #292930;
    max-width: 570px;
    line-height: 37px;
    font-size: 24px;
}

.map-page {
    height: 795px;
    position: relative;
}
.map {
    width: 100%;
    height: 100%;
    border: 0;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}
.overlay.active{
    display: none;
}
.time-text-news {
    max-width: 635px;
    font-size: 28px;
    line-height: 48px;
}
.margin-right-auto {
    margin-left: auto;
    margin-right: auto;
}
.video-news {
    display: block;
    width: 224px;
    height: 144px;
    position: relative;
}
.video-news:hover .play-video {
    width: 34px;
    height: 34px;
}
.video-news:hover .play-video::before {
    border-top: 7px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 7px solid transparent;
}
.info-item-news {
    line-height: 29px;
    font-size: 20px;
    color: #000000;
    padding-top: 38px;
}
.title-info-item-news {
    font-weight: 600;
}
.time-info-item-news {
    font-weight: 400;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-top: 13px;
}
.list-tags-info-item-news {
    font-weight: normal;
    line-height: 27px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-wrap: wrap;
}
.list-tags-info-item-news li{
    margin-right: 5px;
}
.list-tags-info-item-news li a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    transition: 0.4s;
}
.list-tags-info-item-news li a:hover{
    border-color: transparent;
}
.item-news {
    max-width: 420px;
    margin: 0 auto;
}
.items-news-main-wrapper {
    margin-top: 217px;
}
.title-wrapper {
    margin-top: 91px;
}
.show-more-button-block{
    text-align: center;
}   
.show-more-button {
    font-weight: 600;
    line-height: 31px;
    font-size: 24px;
    color: #292930;
    display: inline-block;
    background-color: transparent;
}
.show-more-button:hover{
    text-decoration: underline;
}
.container-673 {
    width: 1240px;
    margin: 0 auto;
    position: relative;
}
.list-content-text-news {
    font-weight: normal;
    line-height: 44px;
    font-size: 26px;
    color: rgba(42, 42, 42, 0.8);
}


.list-content-text-news li {
    margin-bottom: 30px;
}
.list-content-text-news p {
    margin-bottom: 30px;
}
.text-block-4_channel p {
    margin-bottom: 30px;
}
.contacts-page-4_channel {
    color: #292930;
}
.tel-4_channel-block {
    font-weight: 600;
    line-height: 41px;
    font-size: 24px;
    color: #000000;
}
.content-page-bottom {
    margin-top: 128px;
}


.search-form-page {
    position: relative;
    margin-bottom: 53px;
    margin-left: -15px;
    margin-right: -15px;
}
.search-input-page {
    width: 100%;
    background: #fff;
    border-radius: 100px;
    height: 100px;
    outline: none;
    font-weight: 600;
    color: #fff;
    padding-left: 37px;
    letter-spacing: 0.7px;
    padding-right: 90px;
    transition: 0.4s;
    z-index: 2;
    position: relative;
    border: 0;
    line-height: 29px;
    font-size: 20px;
}
.search-input-page:hover, 
.search-input-page:focus {
    background-color: #292930;
    color: #fff;
}
.search-input-page:hover + .button-search .button-search-icon, 
.search-input-page:focus + .button-search .button-search-icon{
    fill: #fff;
}
.search-input-page::-webkit-input-placeholder {
    color: #292930;
    opacity: 1;
}
.search-input-page:-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.search-input-page::-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.search-input-page:-ms-input-placeholder {
    color: #292930;
    opacity: 1;
}


.search-input-page:hover::-webkit-input-placeholder,
.search-input-page:focus::-webkit-input-placeholder {
    color: #fff;
}
.search-input-page:hover:-moz-placeholder,
.search-input-page:focus:-moz-placeholder {
    color: #fff;
}
.search-input-page:hover::-moz-placeholder,
.search-input-page:focus::-moz-placeholder {
    color: #fff;
}
.search-input-page:hover:-ms-input-placeholder,
.search-input-page:focus:-ms-input-placeholder {
    color: #fff;
}

.button-search {
    width: 83px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    border-radius: 27px;
    z-index: 3;
}
.button-search-icon {
    fill: #fff;
    transition: 0.4s;
}
.search-form-page .button-search-icon{
    fill: #292930;
}

.search-block-wrapper {
    margin-top: 42px;
}
.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
}
.ui-datepicker-calendar th {
    height: 124px;
    font-weight: bold;
    line-height: 38px;
    font-size: 18px;
    text-transform: uppercase;
    color: #292930;
    padding: 0 25px 53px 64px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.02);
    border-bottom: 3px solid #F4F4F4;
}
.ui-datepicker-calendar td {
    height: 93px;
    background-color: rgba(0, 0, 0, 0.02);
    border-bottom: 3px solid #F4F4F4;
    padding: 0 25px 21px 62px;
}
.ui-state-default {
    font-weight: 600;
    line-height: 38px;
    font-size: 22px;
    color: #292930;
}
.ui-datepicker-calendar td.ui-datepicker-current-day{
    background-color: #AB2323;
}
.ui-datepicker-calendar td.ui-datepicker-current-day a{
    color: #fff;
}
.ui-datepicker-title {
    font-weight: 600;
    line-height: normal;
    font-size: 56px;
    letter-spacing: -0.04em;
    color: #292930;
}
.ui-datepicker-header {
    width: 1240px;
    margin: 0 auto 56px auto;
    position: relative;
}
.ui-datepicker-prev, .ui-datepicker-next {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.02);
    outline: none;
    transition: 0.4s;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    font-size: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 27%;
}
.ui-datepicker-prev:hover, 
.ui-datepicker-next:hover {
    background-color: rgba(0, 0, 0, 0.1);
}


.ui-datepicker-next {
    background-image: url(../img/next-arrow-btn.svg);
    right: -203px;
}
.ui-datepicker-prev {
    background-image: url(../img/prev-arrow-btn.svg);
    right: -124px;
}
.calendar-block {
    max-width: 1665px;
    margin: 67px auto 0 auto;
}
.calendar-block-wrapper {
    margin-top: 196px;
}
.button-year {
    font-weight: 600;
    line-height: 41px;
    font-size: 24px;
    color: #292930;
    background-color: transparent;
    padding: 2px 52px;
    border-radius: 50px;
    transition: 0.4s;
    margin-right: 24px;
}
.button-year.active,
.button-year:hover{
    background-color: #2E37A5;
    color: #fff;
}
.button-calendar-year {
    margin-top: 19px;
}
.number-plots-block {
    font-weight: 600;
    line-height: 38px;
    font-size: 22px;
    color: #292930;
    display: inline-block;
    letter-spacing: 0;
    margin-left: 20px;
}
.button-hidden-mobile{
    display: none;
}
.new-hidden-desktop{
    display: none;
}
.item-zakadr-4_channel {
    padding: 71px 117px 114px 112px;
    background-color: #EFEFEF;
    margin-bottom: 40px;
}
.item-zakadr-4_channel:last-child{
    margin-bottom: 0;
}
.title-info-item-zakadr-4_channel {
    font-weight: bold;
    line-height: 67px;
    font-size: 56px;
}
.text-info-item-zakadr-4_channel {
    font-weight: 600;
    line-height: 36px;
    font-size: 26px;
    margin-top: 28px;
}
.info-item-zakadr-4_channel {
    color: #292930;
    width: calc(100% - 490px);
}
.video-tem-zakadr-4_channel {
    width: 440px;
    height: 270px;
}
.video-tem-zakadr-4_channel .video-page{
    height: 100%;
}
.zakadr-block-content-4_channel {
    margin-top: 134px;
}
.style-icon-social{
    fill: #fff;
}
.list-social-block a {
    width: 100%;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2E37A5;
    transition: background-color 0.4s;
}
.list-social-block a:hover{
    background-color: #fff;
}
.list-social-block a:hover .style-icon-social{
    fill: #2E37A5;
}
.list-social-block li {
    width: 32.7%;
    margin-bottom: 10px;
}
.list-social-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 27px;
    padding: 0 33px;
}
.text-block-social {
    font-weight: 600;
    line-height: 45px;
    font-size: 30px;
    color: #292930;
}
.txt-block-social {
    font-weight: 600;
    line-height: 29px;
    font-size: 21px;
    color: #292930;
    margin-top: 43px;
}
.social-block-wrapper {
    margin-top: 157px;
}

.link-watch-data {
    position: relative;
    padding-right: 123px;
    font-weight: 800;
    line-height: 21px;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #292930;
}
.link-play {
    background-color: #2E37A5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    transition: 0.4s;
}
.link-play::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%,-50%);
    transition: all 0.2s;
}
.link-watch-data:hover .link-play {
    width: 65px;
    height: 65px;
}
.link-watch-data:hover .link-play::before {
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
}
.style-weight-600 {
    font-weight: 600;
    display: block;
    color: #292930;
    line-height: 44px;
    font-size: 26px;
}

.list-text-info-reklama li {
    margin-bottom: 60px;
}
.list-text-info-reklama li:last-child{
    margin-bottom: 0;
}

.list-text-info-reklama p {
    margin-bottom: 60px;
}
.list-text-info-reklama p:last-child{
    margin-bottom: 0;
}
.content-block-info-reklama {
    color: #292930;
    margin-top: 82px;
}
.margin-bottom-col-77 {
    margin-bottom: 77px;
}
.form-block-wrap {
    background-color: #fff;
    padding: 112px 116px 119px 112px;
}
.input-page::-webkit-input-placeholder {
    color: #292930;
    opacity: 1;
}
.input-page:-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.input-page::-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.input-page:-ms-input-placeholder {
    color: #292930;
    opacity: 1;
}

.input-page {
    font: inherit;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
    line-height: 25px;
    font-size: 18px;
    outline: none;
    width: 100%;
    transition: 0.4s;
    padding-right: 23px;
}
input.input-page {
    height: 88px;
}
textarea.input-page {
    height: 274px;
    padding-top: 20px;
    resize: none;
}
.input-col {
    margin-bottom: 7px;
    position: relative;
}



.form-main-page {
    margin-top: 48px;
}
.col-5-input {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 44%;
    max-width: 44%;
}
.col-7-input {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 52%;
    max-width: 52%;
}
.justify-content-between{
    justify-content: space-between;
}
.button {
    display: inline-block;
    padding: 12px 72px;
    color: #292930;
    font-weight: bold;
    line-height: 41px;
    font-size: 24px;
    text-align: center;
    border: 2px solid #292930;
    border-radius: 83px;
    background-color: transparent;
    transition: all 0.4s;
}
.button:hover{
    border-color: #2E37A5;
    color: #2E37A5;
}
.txt-form-block {
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.2);
    margin-bottom: 23px;
    margin-top: 23px;
}
.input-captcha{
    font: inherit;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
    line-height: 18px;
    font-size: 12px;
    outline: none;
    width: 100px;
    height: 55px;
}
.input-captcha:hover,
.input-captcha:focus{
    border-color: #2E37A5;
}
.button-captcha {
    background-color: transparent;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}
.captcha-btn{
    fill: #292930;
}
.code-captcha {
    width: 120px;
    height: 48px;
}
.captcha-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.captcha-btn-error {
    fill: #AB2323;
}
.input-page:hover,
.input-page:focus{
    border-color: #2E37A5;
    color: rgba(0, 0, 0, 0.2);
}

.input-page:hover::-webkit-input-placeholder,
.input-page:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    opacity: 1;
}
.input-page:hover:-moz-placeholder,
.input-page:focus:-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    opacity: 1;
}
.input-page:hover::-moz-placeholder,
.input-page:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    opacity: 1;
}
.input-page:hover:-ms-input-placeholder,
.input-page:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    opacity: 1;
}



.error .input-page{
    border-color: #AB2323;
    color: #AB2323;
}
.error .input-page::-webkit-input-placeholder {
    color: #AB2323;
    opacity: 1;
}
.error .input-page:-moz-placeholder {
    color: #AB2323;
    opacity: 1;
}
.error .input-page::-moz-placeholder {
    color: #AB2323;
    opacity: 1;
}
.error .input-page:-ms-input-placeholder {
    color: #AB2323;
    opacity: 1;
}


.valid .input-page{
    border-color: #19D24D;
    color: #292930;
}
.valid .input-page::-webkit-input-placeholder {
    color: #292930;
    opacity: 1;
}
.valid .input-page:-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.valid .input-page::-moz-placeholder {
    color: #292930;
    opacity: 1;
}
.valid .input-page:-ms-input-placeholder {
    color: #292930;
    opacity: 1;
}
.error::before, .valid::before {
    content: '';
    position: absolute;
    right: 0;
    width: 19px;
    height: 19px;
    top: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.error::before{
    background-image: url(../img/error.svg);
}
.valid::before{
    background-image: url(../img/valid.svg);
}
.item-program_tv:last-child .list-program-block li:first-child{
    border-top: 0;
}
.item-project {
    display: block;
    min-height: 500px;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 40px 40px 80px 60px;
    margin-bottom: 49px;
}
.item-project:last-child{
    margin-bottom: 0;
}
.item-project::before {
    content: '';
    width: 552px;
    height: 553px;
    background-image: url(../img/4logo.svg);
    position: absolute;
    right: 96px;
    top: 50%;
    transform: translate(0,-50%);
    background-repeat: no-repeat;
    transition: all 0.4s;
}

.btn-more {
    font-weight: 800;
    line-height: 21px;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.btn-more-play {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    transition: 0.4s;
}
.btn-more-play::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #292930;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: 43%;
    top: 50%;
    transition: all 0.4s;
    transform: translate(0,-50%);
}
.title-item-project {
    font-weight: bold;
    line-height: 79px;
    font-size: 65px;
}
.text-item-project {
    font-weight: 600;
    line-height: 46px;
    font-size: 24px;
    margin-top: 23px;
}
.item-project-1{
    background-color: #2E37A5;
}
.item-project-2{
    background-color: #F4A100;
}
.container-1120 {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1720px;
    z-index: 1;
}
.content-item-project {
    max-width: 1000px;
    width: 100%;
}
.btn-more-wrapper {
    display: inline-block;
    position: relative;
    padding-right: 94px;
    margin-bottom: -28px;
}
.item-project-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.item-project:hover .btn-more-play{
    width: 72px;
    height: 72px;
}
.item-project:hover::before {
    transform: translate(0,-50%) scale(1.1);
}
.section-gallery-page {
    margin-top: 171px;
}
.content-project-info {
    font-weight: normal;
    line-height: 48px;
    font-size: 26px;
    color: rgba(42, 42, 42, 0.8);
}
.content-project-info p {
    margin-bottom: 40px;
}
.list-content-project p {
    margin-bottom: 20px!important;
}
.logo-4::before {
    right: 50%;
    transform: translate(134%);
}
.link-page {
    color: #2E37A5;
    font-weight: 600;
    line-height: 36px;
    font-size: 24px;
}
.link-page:hover{
    text-decoration: underline;
}
.text-searh-info {
    font-weight: 600;
    line-height: 34px;
    font-size: 24px;
    color: #292930;
    margin-top: 25px;
}
.error-block-page {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
}
.error-404 {
    margin-bottom: 29px;
}
.button-error {
    margin-top: 49px;
}
.button-error .button {
    padding: 30px 79px;
}
.text-info-item-news{
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}
.text-block-content {
    font-weight: 600;
    color: #292930;
    margin-top: 44px;
    max-width: 1195px;
    width: 100%;
    line-height: 38px;
}
.video-page-main-wrapper {
    max-width: 960px;
    width: 100%;
    margin-top: 47px;
}
.video-main-wrap {
    position: relative;
    max-width: 811px;
    margin-bottom: 59px;
}
.video-ratio {
    padding-top: 61%;
}
.video-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.page-footer-scroll .menuToggle span,
.page-footer-scroll .menuToggle span::before, 
.page-footer-scroll .menuToggle span::after{
    background-color: #fff;
}
.page-footer-scroll .menuToggle.active span {
    background: transparent;
}
.logo4-main.logo-right::before {
    right: 50%;
    transform: translate(137%,0%);
}
.item-content img{
    width: 80%;
}
.item-content {
    max-width: 507px;
}
.list-contacts-page li {
    margin-bottom: 40px;
}
.list-contacts-page li:last-child{
    margin-bottom: 0px;
}

.list-content-project {
    max-width: 600px;
}
.item-about{
    max-width: 285px;
}
.item-about {
    max-width: 507px;
    line-height: 34px;
}
.width-670 {
    max-width: 1270px;
}
.width-280 {
    max-width: 417px;
}
.width-425{
    max-width: 425px;
}
.width-805 {
    max-width: 1386px;
}
.width-279 {
    max-width: 439px;
}
.width-680 {
    max-width: 1113px;
}
.width-788 {
    max-width: 1365px;
}
.width-345 {
    max-width: 548px;
}
.margin-left-111 {
    margin-left: 0;
}
.img-page-block {
    margin-top: 133px;
}
.list-text-info-reklama {
    line-height: 39px;
}
.main-content-wrap-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    height: calc(100% - 174px);
    padding-bottom: 87px;
}
.list-content-about {
    line-height: 39px;
}
.content-footer {
    max-width: 1605px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: 265px;
}
.title-h1 span {
    display: inline-block;
    margin-left: 91px;
}
.title-h4-page span {
    display: block;
    color: rgba(0, 0, 0, 0.2);
}
.margin-bottom-col-125 {
    margin-bottom: 125px;
}
.return-link-program {
    position: absolute;
    top: 36px;
    right: 50%;
    transform: translate(168%);
}
.width-293 {
    max-width: 484px;
}
.overflow-hidden{
    overflow: hidden;
}
.logo4-block {
    width: 600px;
    height: 600px;
    background-image: url(../img/4logo.svg);
    background-size: cover;
    position: absolute;
    right: -177px;
    top: 50%;
    margin-top: -300px;
    background-repeat: no-repeat;
}
.img-photo-section {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    right: 0;
}
.right-108{
    right: -108px;
}
.right-160 {
    right: -160px;
}
.justify-content-start {
    justify-content: flex-start;
    padding-top: 51px;
}
.padding-top-51{
     padding-top: 51px;
}
.link-archive-project {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    height: 65px;
    max-width: 610px;
}
.text-link-archive-project {
    line-height: 48px;
    font-size: 28px;
    color: #fff;
    transition: 0.2s;
}
.button-link-archive-project {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    transition: 0.2s;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.button-link-archive-project::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid #292930;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    right: 43%;
    top: 50%;
    transition: 0.4s;
    transform: translate(0,-50%);
}
.link-archive-project:hover .button-link-archive-project {
    width: 143px;
    height: 143px;
}
.link-archive-project-wrapper {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    padding-bottom: 29%;
}
.social-style-dark .soc {
    fill: #292930;
}
.social-style-dark li a:hover .soc {
    fill: rgba(41, 41, 48, 0.5);
}
.social-style-dark::before {
    background-image: url(../img/more-dark.svg);
}
.overlay{
    display: none;
}

.margin-top-5px {
    margin-top: -5px;
}


.knob:hover:after,
.btn:hover:after {
    -webkit-animation: bounceright 0.3s alternate ease infinite;
    animation: bounceright 0.3s alternate ease infinite;
}
@keyframes bounceright {
    from { transform: translate(0,-50%); }
    to   { transform: translate(3px,-50%); }
}
.bg-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    transition: all 0.4s;
    background-size: cover;
    background-position: center;
}
.link-video:hover .bg-video{
    transform: scale(1.3);
}


.content-video {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.it-photo-face-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
}
.item-photo-face:hover .it-photo-face-hover{
    opacity: 1;
}
.title-parent {
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.title-h3-page-hover {
    position: absolute;
        -webkit-transition: -webkit-transform 0.45s ease-in-out;
    transition: -webkit-transform 0.45s ease-in-out;
    -o-transition: transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
    top: 100%;
    left: 0;
    width: 100%;
}
.title-h3-page-none-hover{
        -webkit-transition: -webkit-transform 0.45s ease-in-out;
    transition: -webkit-transform 0.45s ease-in-out;
    -o-transition: transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
}
.title-parent:hover .title-h3-page-none-hover,
.title-parent:hover .title-h3-page-hover{
    transform: translateY(-100%);
}
.slide-face {
    background-color: #ab2323;
}
.slide-ether {
    background-color: #292930;
}
.slide-page {
    background-position: center;
    background-size: cover;
}
.col-bg-slide-color {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transform: translateX(55.5%);
}
.swiper-slide-active .col-bg-slide-color{
    animation: animate-wid 1s ease-out;
}

@keyframes animate-wid {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(0%);
  }
  100%{
    transform: translateX(55.5%);
  }
}

.section-main-slider .bottom-info-content-slide::before{
    display: none;
}


.item-photo-face:hover .text-info-face {
    color: #2e37a5;
}

.video-iframe-wrap .bg-video-main {
    transform: scale(1.3);
}
.link-video:hover .bg-video-main {
    transform: scale(1.5);
}

.video-iframe-wrap {
    overflow: hidden;
}