@font-face {
	font-family: 'AGLettericaCondensed'; 
	src: url(/AGLettericaCondensed.ttf); 
}

*{
    margin: 0;
    padding: 0;
    font-family: Calibri;
}
main{
    color: rgba(0, 0, 0, 0.85);
}
a{
    text-decoration: none;
    color: unset;
    color: white;
}
body{
    padding-top: 95px;
    overflow-y: scroll;
}
header{
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 5;
    
}
.header-first-line-wrapper{
    box-shadow: 0 7px 7px #1e2431;
    position: relative;
}
.header-line-wrapper{
    height: 50px;
    width: 100%;
    background: #2c3344;
}
.header-second-line-wrapper{
    height: 45px;
    background: #262d3e;
    
}
.header-line{
    width: 1280px;
    margin: 0 auto;
    height: 50px;
    

}
.header-second-line{
    height: 45px;
}
.header-item{
    color: white;
    display: inline-block;
    float: left;
    padding:0 12px;
    padding-top: 17px;
    font-size: 15px;
    height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.3s;
}
.header-item:hover{
    color: #faaf41;
}
.header-item span{
    margin-right: 6px;
    font-weight: bold;
}
.logo-con{
    line-height: 50px;
    float: left;
    color: #faaf41;
    font-weight: 500;
    font-size: 28px;
    margin-right: 43px;
    cursor: pointer;
}
.header-social-item{
    width: 18px;
    height: 18px;
    cursor: pointer;
    
    float: right;
    margin-top: 16px;
    margin-right: 12px;
    margin-left: 12px;
}
.header-first-social-item{
    margin-left: 10px;
}
.header-item-line{
    width: 115%;
    height: 3px;
    margin-left: -7.5%;
    margin-top: 4px;
    border-radius: 1px;
    transition: 0.3s;
}

.header-slider-wrapper{
    width:555px;
    height: 45px;

    float: left;
    user-select: none;
}
.header-slider-container{
    width: calc(100% - 55px);
    height: 45px;
    overflow:hidden;
    float: left;
    
}

.header-slider-item{
    font-size: 13px;
    float: left;
    padding: 0px 6px;
    line-height: 45px;
    color: rgb(214, 214, 214);
    font-weight: 100;
    cursor: pointer;
    transition: 0.2s;
}
.header-slider-item:hover{
    color: #faaf41;
}

.first-header-slider-item{
    padding-left: 0px;
}

.header-slider-body{
    white-space: nowrap;
    overflow: hidden;
    height: 45px;
    width: max-content;
}
.header-slider-arrow{
    
    color: white;
    float: left;
    line-height: 45px;
    width: 20px;
    height: 20px;
    margin-top: 13px;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    transition: 0.2s;
    font-weight: bold;
    
}
.header-slider-arrow-left{
    margin-left: 5px;
}
header svg{
    fill: rgb(195, 195, 195);
    transition: 0.2s all;
}
header svg g{
    fill: rgb(195, 195, 195);
    transition: 0.2s all;
}
header svg:hover g{
    fill: #faaf41;
}
header svg:hover{
    fill: #faaf41;
}
.header-secondary-item{
    float: left;
    color: rgb(189, 189, 189);
    padding: 0 12px;
    font-size: 15px;
    line-height: 45px;
    transition: 0.2s;
    cursor: pointer;
}
.header-secondary-item span{
    font-size: 20px;
    font-weight: bold;
    color: rgb(196, 196, 196);
    transition: 0.2s;
    float: right;
    line-height: 50px;
    margin-left: 5px;
}
.header-secondary-item:hover{
    color: #faaf41; 
}
.header-secondary-item:hover .header-more-line{
    background: #faaf41; 
}
.header-app-item{
    filter: brightness(1.2);
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    cursor: pointer;
    margin-right: 12px;
    margin-left: 12px;
    background-image: url(https://img2.ntv.ru/images/allicons.svg);
    background-repeat: no-repeat;
    background-position: -116px -69px;
    content: "";
}
.header-first-app-item{
    width: 20px;
    height: 20px;
    background-image: url(https://img2.ntv.ru/images/allicons.svg);
    background-repeat: no-repeat;
    background-position: -95px -69px;
    content: "";
    
}
.last-header-slider-item{
    padding-right:12px ;
}
.header-social-search{
    background: transparent;
    background-image: url(https://img2.ntv.ru/images/icons1.svg);
    background-repeat: no-repeat;
    background-position: -35px -67px;
    content: "";
    filter: brightness(1.2);
}
.header-social-share{
    background: transparent;
    background-image: url(https://img2.ntv.ru/images/icons1.svg);
    background-repeat: no-repeat;
    background-position: 0 -67px;
    content: "";
    filter: brightness(1.2);
}
.header-social-acc{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IDxkZWZzPiA8Y2lyY2xlIGlkPSJwYXRoLTEiIGN4PSIxNy41IiBjeT0iMTcuNSIgcj0iMTcuNSI+PC9jaXJjbGU+IDwvZGVmcz4gPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+IDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNi4wMDAwMDAsIC0yODAuMDAwMDAwKSI+IDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA2LjAwMDAwMCwgMjgwLjAwMDAwMCkiPiA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+IDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+IDwvbWFzaz4gPHVzZSBpZD0iT3ZhbCIgZmlsbD0iI2NjZDZkZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+IDxwYXRoIGQ9Ik0xNy41LDIzIEMxMy45MTAxNDkxLDIzIDExLDIwLjA4OTg1MDkgMTEsMTYuNSBDMTEsMTIuOTEwMTQ5MSAxMy45MTAxNDkxLDEwIDE3LjUsMTAgQzIxLjA4OTg1MDksMTAgMjQsMTIuOTEwMTQ5MSAyNCwxNi41IEMyNCwyMC4wODk4NTA5IDIxLjA4OTg1MDksMjMgMTcuNSwyMyBaIE0xNy41LDIxIEMxOS45ODUyODE0LDIxIDIyLDE4Ljk4NTI4MTQgMjIsMTYuNSBDMjIsMTQuMDE0NzE4NiAxOS45ODUyODE0LDEyIDE3LjUsMTIgQzE1LjAxNDcxODYsMTIgMTMsMTQuMDE0NzE4NiAxMywxNi41IEMxMywxOC45ODUyODE0IDE1LjAxNDcxODYsMjEgMTcuNSwyMSBaIiBpZD0iT3ZhbC0yIiBmaWxsPSIjNjU3Nzg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay0yKSI+PC9wYXRoPiA8cGF0aCBkPSJNNywzMC44NDM0NTY3IEM3LDM0LjAyNTM0NDIgMTEuNjI5NzU2MiwzNi44NDM0NTY3IDE3LjUsMzYuODQzNDU2NyBDMjMuMzcwMjQzOCwzNi44NDM0NTY3IDI4LDM0LjAyNTM0NDIgMjgsMzAuODQzNDU2NyBDMjgsMjguODQ4MTEzNyAyNi4xNTI4ODE1LDI2LjkxMzE3ODEgMjMuMTA4MDE2MSwyNS43OTE0Nzc5IEMyMS43MDI0MzczLDI3LjM3NDQ2MTUgMTkuNjc4ODUyMywyOC4zMTExMDAyIDE3LjUsMjguMzExMTAwMiBDMTUuMzIxMTQ3NywyOC4zMTExMDAyIDEzLjI5NzU2MjUsMjcuMzc0NDYxNCAxMS44OTE5ODM3LDI1Ljc5MTQ3NzcgQzguODQ3MTE5MDMsMjYuOTEzMTc3MyA3LDI4Ljg0ODExMzQgNywzMC44NDM0NTY3IFogTTEzLjA0MTg3MTUsMjQuMDMyOTQ0OCBDMTQuMDcwODgwNiwyNS40NTM4Nzc5IDE1LjcxMjg1NzUsMjYuMzExMTAwMiAxNy41LDI2LjMxMTEwMDIgQzE5LjI4NzE0MjUsMjYuMzExMTAwMiAyMC45MjkxMTk0LDI1LjQ1Mzg3NzkgMjEuOTU4MTI4NSwyNC4wMzI5NDQ4IEwyMi4zODA2MzEzLDIzLjQ0OTUyMTEgTDIzLjA2Nzg0MTYsMjMuNjY1NDY5OSBDMjcuMjM1OTA4NiwyNC45NzUyNDE5IDMwLDI3LjY4MDAzNzggMzAsMzAuODQzNDU2NyBDMzAsMzUuMzkzNTU1NyAyNC4zMzIzMDU1LDM4Ljg0MzQ1NjcgMTcuNSwzOC44NDM0NTY3IEMxMC42Njc2OTQ1LDM4Ljg0MzQ1NjcgNSwzNS4zOTM1NTU3IDUsMzAuODQzNDU2NyBDNSwyNy42ODAwMzgxIDcuNzY0MDkxMDMsMjQuOTc1MjQyIDExLjkzMjE1ODMsMjMuNjY1NDY5OSBMMTIuNjE5MzY4NywyMy40NDk1MjExIEwxMy4wNDE4NzE1LDI0LjAzMjk0NDggWiIgaWQ9Ik92YWwtMi1Db3B5IiBmaWxsPSIjNjU3Nzg1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjbWFzay0yKSI+PC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L3N2Zz4=');
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin-top: 7.5px;
    margin-right: 0px;
    line-height: 35px;
    text-align: center;
    color: white;
    background-size: cover !important;
}
#header_pop_button{
    padding-right: 0px;
}
.header-item-label-active{
    color: #faaf41;
}
.header-third-line-wrapper{
    display: none;

    opacity: 0;
    box-shadow: 0 7px 7px #1e2431;
    color:#262d3e;
    height: unset;
    transition: 0.2s all;
}
.header-third-line{
    height: unset;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
}
.header-pop-wrapper{
    width: 400px;
    float: right;
}
.header-pop-item{
    float: left;
    line-height: 30px;
    width: 200px;
    font-weight: 500;
    cursor: pointer;
    color:rgb(189, 189, 189);
    color: white;
    transition: 0.2s;
}
.header-pop-item:hover{
    color: #faaf41;
}
#header_pop_button{

    height: 45px;
    box-sizing: border-box;
}
.header-secondary-wrapper{
    float: right;
}
.header-more-line{
    width: 8px;
    height: 2px;
    background: rgb(189, 189, 189);;
    margin-top: 24px;
    float: left;

    transition: 0.5s;
}
.header-more-left-line{
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}
.header-more-right-line{
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}
.header-more-wrapper{
    float: right;
    margin-left: 3px;
}
.header-more-active-left-line{
    transform: rotate(-45deg);
    transform-origin: 100% 0;
    margin-top: 18px;
}
.header-more-active-right-line{
    transform: rotate(45deg);
    transform-origin: 0 0;
    margin-top: 18px;
}
.menu-but{
    float: left;
    display: none;
}
.mobile-left-header{
    display: none;
}
.mobile-footer{
    display: none;
}



@media screen and (max-width: 600px) {
    .mobile-footer{
        display: block;
    }
    .header-line{
        width: 100%;
        overflow: hidden;
    }
    .header{
        overflow: hidden;
    }
    .logo-con{
        margin-left: 15px;
    }
    .header-item{
        display: none;
    }
    .header-second-line-wrapper{
        display: none;
    }
    body{
        padding-top: 55px;
    }
    .header-app-item{
        display: none;
    }
    .header-social-share{
        display: none;
    }
    .header-first-line-wrapper {
        box-shadow: 0 7px 7px #1e243148;
    }
    .header-social-acc{
        margin-right: 15px;
    }
    .menu-but{
        display: block;
        margin-left: 15px;
    }
    .menu-but svg{
        height: 25px;
        margin-top: 11.5;
    }
    .mobile-left-header{
        display: none;
    }
    .mobile-left-header{
        position: fixed;
        bottom: 50px;
        left: 0px;
        color: white;
        background: #2c3344;
        height: 100%;
        padding-top: 100px;
        box-sizing: border-box;
        width: 100%;
        
    }
    .mobile-footer{
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px;
        background: #2c3344;
    }
    .mobile-footer-item{
        width: 25%;
        text-align: center;
        float: left;
    }
    .mobile-footer-img svg{
        height: 20px;
        margin-top: 9px;
        
        width: 20px;
    }
    .mobile-footer-img g{    
        margin-top: 7px;
    }
    .mobile-footer-text{
        color: rgb(195, 195, 195);
        font-size: 8px;
        margin-top: 4px;
    }
    .mobile-footer-item:hover svg{
        fill: #faaf41;
    }
    .mobile-footer-item:hover g{
        fill: #faaf41;
    }
    .mobile-left-item{
        text-align: center;
        font-size: 16px;
        margin-top: 20px;
    }
    .mobile-left-item:nth-last-child(1){
        margin-bottom: 30px;
    }
    .mobile-left-header{
        overflow-y: scroll;
    }
}


.preload * {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
}

