/* fonts */
@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('/fonts/ProximaNova/ProximaNova-Black.eot');
    src: local('Proxima Nova Black'), local('ProximaNova-Black'),
        url('/fonts/ProximaNova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ProximaNova/ProximaNova-Black.woff2') format('woff2'),
        url('/fonts/ProximaNova/ProximaNova-Black.woff') format('woff'),
        url('/fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('{/fonts/ProximaNova/ProximaNova-Extrabld.eot');
    src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
        url('/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ProximaNova/ProximaNova-Extrabld.woff2') format('woff2'),
        url('/fonts/ProximaNova/ProximaNova-Extrabld.woff') format('woff'),
        url('/fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/fonts/ProximaNova/ProximaNova-SemiboldIt.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
        url('/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('/fonts/ProximaNova/ProximaNova-SemiboldIt.woff') format('woff'),
        url('/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot');
    src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
        url('/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2') format('woff2'),
        url('/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff') format('woff'),
        url('/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

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

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/fonts/ProximaNova/ProximaNova-Semibold.eot');
    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
        url('/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/ProximaNova/ProximaNova-Semibold.woff2') format('woff2'),
        url('/fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
        url('/fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/* end fonts */
::-webkit-scrollbar-thumb{
    background-color: #e4bc09;
    cursor: pointer;
}
::-webkit-scrollbar-track {
    background: #ffffff00;
}

::-webkit-scrollbar {
    width: 6px
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
a,a:hover{
    text-decoration: none;
}
html{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body{
    font-family: Proxima Nova, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
}
header{
    background-image: url('../images/backround.png');
    background-position: center;
    background-size: cover;
    min-height: 320px;
}
.container{
    width: 1200px;
    padding: 0 30px;
    margin-right: auto;
    margin-left: auto;
}
header .top-nav{
    display: flex;
    align-items: center;
    min-height: 320px;
    justify-content: space-between;
}
header .top-nav .logotype{
    
}
header .top-nav .catalog_btn{
    padding: 10px 30px;
    background-color: #353535;
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}
header .top-nav .catalog_btn:hover{
    background-color: #ffde6a;
    color: #353535;
    transition: 0.2s ease-in-out;
}
header .top-nav .search{
    display: flex;
}
header .top-nav .search_p{
    display: flex;
}
header .top-nav form input{
    padding: 10px 20px;
    border-radius: 20px;
    border: none;
    margin: 0 10px;
    width: 510px;
}
header .top-nav form button{
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 20px;
    background-color: #353535;
    background-position: left;
    background-repeat: no-repeat;
    transition: 0.2s ease-in-out;
}
header .top-nav form button .search-icon{
    width: 50%;
    fill: #fff;
    transition: 0.2s ease-in-out;
}
header .top-nav form button:hover .search-icon{
    fill: #353535;
    transition: 0.2s ease-in-out;
}
header .top-nav form button:hover{
    background-color: #ffde6a;
}
header .top-nav form button img{
    font-size: 12px;
}
header .top-nav form button:hover{
    transition: 0.2s ease-in-out;
}
.menu-section{
    margin-top: -35px;
}
.menu-section .menu-section-m{
    padding: 10px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 15px 25px -5px #2d2d2d26;
}
.menu-section .menu-section-m ul{
    padding: 15px;
    margin-bottom: 0;
}
.menu-section .menu-section-m ul li{
    display: inline-block;
    margin-right: 40px;
}
.menu-section .menu-section-m ul li a{
    font-size: 16px;
    color: #353535;
    position: relative;
    padding-bottom: 26px;
    opacity: 0.7;
}
.menu-section .menu-section-m ul li a, :before, button[type="submit"], input[type="submit"] {
    transition: all 0.5s ease;
}
.menu-section .menu-section-m ul li a:hover:before, .menu-section-m a:before {
    transform: scaleX(1);
}
.menu-section .menu-section-m ul li a:hover {
    opacity: 1;
    color: #e4bc09;
}
.menu-section .menu-section-m ul li a:before {
    opacity: 1;
    height: 2px;
    background: #e4bc09 url('../images/menu.png') no-repeat right 0;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    content: '';
    box-shadow: 0px 1px 18px 2px #e4bc09;
}
.popular-section{
    margin: 45px 0;
}
/* Заголовок */
.title-block{
    color: #353535;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 40px;
}
.title-block::before{
    content: "";
    height: 40px;
    width: 3px;
    background-image: url('../images/l-title.png');
    margin-right: 14px;
}
.title-block .title-container h2{
    font-size: 24px;
    font-weight: bold;
}
.title-block .title-container h2 b{
    font-weight: normal;
}
.title-block .title-container span{
    font-size: 16px;
}
.title-block .title-container .title-url{

}
.title-block .title-container .title-url span{

}
.title-block .title-container .title-url span a{
    color: #353535;
}
.title-block .title-container .title-url .title-url_fi{
    opacity: 0.7;
}

.popular-section .popular-list{
    margin-left: -20px;
    display: flex;
}
.popular-section .popular-list .popular-case{
    width: 253px;
    height: 253px;
    background-color: #323232;
    border-radius: 10px;
    margin: 21px;
    border: 1px solid #323232;
    position: relative;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case:hover{
    border: 1px solid #e4bc09;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case:hover .popular-case_shadow{
    bottom: 60px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case .popular-case_icon{
    width: 100%;
    height: 170px;
    background-color: #fff;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.popular-section .popular-list .popular-case .popular-case_shadow{
    width: 100%;
    background-image: url('../images/shadow-popular.png');
    height: 140px;
    position: absolute;
    bottom: 70px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case p{
    position: absolute;
    bottom: 60px;
    left: 20px;
    color: #fff;
    z-index: 1;
    max-width: 210px;
    word-break: break-word;
}
.popular-section .popular-list .popular-case .popular-price{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    left: 20px;
}
.popular-section .popular-list .popular-case .popular-discount{
    color: #353535;
    font-size: 14px;
    background-color: #e4bc09;
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    right: 20px;
    bottom: 15px;
}
.popular-section .popular-list .popular-case:hover .popular-hover{
    opacity: 1;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case .popular-hover{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #353535c2;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case .popular-hover:hover span{
    padding: 10px 30px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.popular-section .popular-list .popular-case .popular-hover span{
    padding: 10px;
    font-size: 16px;
    background-color: #e4bc09;
    color: #353535;
    border-radius: 24px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.random-section{
    min-height: 590px;
}
.home-reserver{
    background-image: url('../images/bg-random.png');
    background-position-y: bottom;
    background-position-x: center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
.random-section .title-block_random{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.random-section .title-block_random .title-container_random{
    color: #353535;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.random-section .title-block_random::after{
    content: "";
    height: 40px;
    width: 3px;
    background-image: url('../images/r-title.png');
    background-position-x: 3px;
    margin-left: 14px;
}
.random-section .title-block_random::before{
    content: "";
    height: 40px;
    width: 3px;
    background-image: url('../images/r-title.png');
    margin-right: 14px;
}
.random-section .title-block_random .title-container_random h2{
    font-size: 24px;
    font-weight: bold;
}
.random-section .title-block_random .title-container_random span{
    font-size: 16px;
}
.random-section .random-case_list{
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.random-section .random-case_list .random-case{
    width: 275px;
    height: 100%;
    background-image: url('../images/case_bg.png');
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 125px;
    margin: 20px;
    transition: all 0.5s;
}
.random-section .random-case_list .random-case:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transition: all 0.5s;
}
.random-section .random-case_list .random-case:hover .random-case-line{
    margin-top: 90px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
}
.random-section .random-case_list .random-case .random-case-line{
    width: 270px;
    height: 110px;
    margin-top: -60px;
    transition: 0.2s ;
    transition-timing-function: ease-out;
    background-image: url('../images/case_line.png');
}
.random-section .random-case_list .random-case .l_silver{
    background-image: url('../images/case_line.png');
}
.random-section .random-case_list .random-case .l_gold{
    background-position-x: -270px;
}
.random-section .random-case_list .random-case .l_diamond{
    background-position-x: 270px;
}
.random-section .random-case_list .random-case .random-case-icon{
    width: 164px;
    height: 167px;
    position: absolute;
    background-repeat: no-repeat;
    left: 65px;
    top: -55px;
    transition: all 0.3s;
}
.random-section .random-case_list .random-case:hover .random-case-icon{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transition: all 0.3s;
}
.random-section .random-case_list .random-case .i_silver{
    background-image: url('../images/case_i_silver.png');
}
.random-section .random-case_list .random-case .i_gold{
    background-repeat: no-repeat;
    background-image: url('../images/case_i_gold.png');
    left: 60px;
}
.random-section .random-case_list .random-case .i_diamond{
    background-repeat: no-repeat;
    background-image: url('../images/case_i_diamond.png');
    left: 65px;
    width: 185px;
    height: 175px;
}
.random-section .random-case_list .random-case .random-case-title{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.random-section .random-case_list .random-case .random-case-title.k_silver::after{
    content: '';
    width: 13px;
    height: 33px;
    display: block;
    background-image: url('../images/case_key.png');
    margin-top: 15px;
}
.random-section .random-case_list .random-case .random-case-title.k_gold::after{
    content: '';
    width: 13px;
    height: 33px;
    display: block;
    background-image: url('../images/case_key.png');
    margin-top: 15px;
    background-position-x: -13px;
}
.random-section .random-case_list .random-case .k_diamond::after{
    content: '';
    width: 13px;
    height: 33px;
    display: block;
    background-image: url('../images/case_key.png');
    margin-top: 15px;
    background-position-x: -26px;
}
.random-section .random-case_list .random-case .random-case-title .titile{
    font-size: 39px;
    font-weight: bold;
}
.random-section .random-case_list .random-case .random-case-title .t-silver{
    color: #d2d2d2;
}
.random-section .random-case_list .random-case .random-case-title .t-gold{
    color: #e8bf09;
    text-shadow: 1px 1px 2px black, 0 0 1em #e4bc09;
}
.random-section .random-case_list .random-case .random-case-title .t-diamond{
    color: #09dbe8;
    text-shadow: 1px 1px 2px black, 0 0 1em #09dbe8;
}
.random-section .random-case_list .random-case .random-case-title span{
    color: #d2d2d2;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
}
.random-section .random-case_list .random-case .random-case_hover{
    position: absolute;
    bottom: 100px;
    opacity: 0;
    
    transition-timing-function: ease-out;
    z-index: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.random-section .random-case_list .random-case .random-case_hover p{
    text-align: center;
    font-size: 14px;
    color: #353535;
}
.random-section .random-case_list .random-case .random-case_hover span{
    padding: 10px;
    font-size: 16px;
    background-color: #e4bc09;
    color: #353535;
    border-radius: 24px;
    transition: 0.2s;
    transition-timing-function: ease-out;
    font-weight: bold;
}
.random-section .random-case_list .random-case:hover .random-case_hover{
    opacity: 1;
    transition: 0.4s ;
    transition-timing-function: ease-out;
}
.random-section .random-case_list .random-case:hover .random-case_hover span{
    padding: 10px 30px;
    transition: 0.2s;
    transition-timing-function: ease-out;
    margin-top: 7px;
}
.items-section{
    padding: 60px 0;
    background-color: #292929;
    background-image: url('../images/bg-items.png');
    background-position-y: bottom;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.items-section .top-items{
    display: flex;
    justify-content: space-between;
}
.items-section .top-items .tabs-items{
    
}
.items-section .top-items .tabs-items ul{
    
}
.items-section .top-items .tabs-items ul li{
    color: #e8bf09;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    padding: 10px 20px;
    margin: 0 5px;
    border: 2px solid #e8bf09;
    border-radius: 50px;
}
.items-section .top-items .tabs-items ul li:last-child{
    margin-right: 0;
}
.items-section .top-items .tabs-items ul li:hover{
    background-color: #e8bf09;
    color: #353535;
}
.items-section .top-items .tabs-items ul .active{
    color: #353535;
    background-color: #e8bf09;
}
/* Slider */
.slider-box{
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;
}
.slider-box .slider-case{
    width: 100%;
    height: 280px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.slider-box .slider-case::after{
    content: '';
    height: 148px;
    width: 100%;
    background-image: url('../images/shadow-slider.png');
    position: relative;
    display: block;
    bottom: 148px;
    z-index: 0;
    background-repeat: no-repeat;
    transition: ease-in-out 0.3s;
}
.slider-box .slider-case .slider-case_info{
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: flex-end;
}
.slider-box .slider-case .slider-case_info .slider-case_text{
    font-size: 24px;
    color: #fff;
    padding: 15px 30px;
    z-index: 1;
}
.slider-box .slider-case .slider-case_info .slider-case_price{
    font-weight: bold;
    color: #e4bc09;
    font-size: 24px;
    padding: 15px 30px;
    z-index: 1;
}
.slider-box .slider-case .slider-case_info .slider-case_price sup{
    color: #Fff;
}
.slider-box .slider-case .slider-case_info .slider-case_arrow{
    z-index: 3;
}
.slider-box .slider-case .slider-case_info .slider-case_arrow .slider-case_arrow_l{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    position: absolute;
    left: 15px;
    top: calc(50% - 22.5px);
    cursor: pointer;
}
.slider-box .slider-case .slider-case_info .slider-case_arrow .slider-case_arrow_l:hover{
    background-position-y: 0px;
}
.slider-box .slider-case .slider-case_info .slider-case_arrow .slider-case_arrow_r{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    background-position-x: 45px;
    position: absolute;
    right: 15px;
    top: calc(50% - 22.5px);
    cursor: pointer;
}
.slider-box .slider-case .slider-case_info .slider-case_arrow .slider-case_arrow_r:hover{
    background-position-y: 0px;
}

/* Слайдер */
.slick-slider{}
/* Слайдер запущен */
.slick-slider.slick-initialized{}
/* Слайдер с точками */
.slick-slider.slick-dotted{}
/* Ограничивающая оболочка */
.slick-list {
    overflow: hidden;
    border-radius: 15px;
}
/* Лента слайдов */
.slick-track{
    display: flex;
}
/* Слайд */
.slick-slide{}
/* Слайд активный (показывается) */
.slick-slide.slick-active{}
/* Слайд основной */
.slick-slide.slick-current{}
/* Слайд по центру */
.slick-slide.slick-center{}
/* Клонированный слайд */
.slick-slide.slick-cloned{}
/* Стрелка */
.slick-arrow{}
/* Стрелка влево */
.slick-arrow.slick-prev{}
/* Стрелка вправо */
.slick-arrow.slick-next{}
/* Стрелка не активная */
.slick-arrow.slick-disabled{}
/* Точки (булиты) */
.slick-dots{}
.slick-dots li{}
/* Активная точка */
.slick-dots li.slick-active{}
/* Элемент точки */
.slick-dots li button{}

.slider-box .slick-arrow{
    position: absolute;
    top: calc(50% - 22.5px);
    z-index: 3;
    opacity: 0.7;
}
.slider-box .slick-arrow:hover{
    opacity: 1;
}
.slider-box .slick-arrow.slick-next{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    background-position-x: 45px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: transparent;
}
.slider-box .slick-arrow.slick-next:hover{
    background-position-y: 0px;
}
.slider-box .slick-arrow.slick-prev{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    position: absolute;
    left: 15px;
    top: calc(50% - 22.5px);
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: transparent;
}
.slider-box .slick-arrow.slick-prev:hover{
    background-position-y: 0px;
}
.slider-box .slider-case:hover:after{
    background-position-y: 30px;
    transition: ease-in-out 0.3s;
}

.tab-item{
    display: none;
    width: 840px;
    margin: 0 auto;
    padding: 0 30px;
    flex-direction: column;
}
.tab-item.active{
    display: flex;
}
.tab-item .item-home_case{
    height: 137px;
    width: 100%;
    background-color: #1f1f1f;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.tab-item .item-home_case .item-home_ava{
    width: 200px;
    height: 137px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.tab-item .item-home_case .item-home_info{
    margin: 0 25px;
    width: 320px;
}
.tab-item .item-home_case .item-home_info ul li{
    font-size: 18px;
    color: #fff;
}
.tab-item .item-home_case .item-home_info ul li.category{
    color: #636363;
    font-size: 16px;
}
.tab-item .item-home_case .item-home_buy{
    display: flex;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_price{

}
.tab-item .item-home_case .item-home_buy .item-home_buy_price ul{
    text-align: right;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_price ul li{
    font-size: 16px;
    color: #9f9f9f;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_price ul li.price-cid{
    font-size: 18px;
    color: #ff4e4e;
    text-decoration: line-through;
    text-transform: uppercase;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_btn{
    margin: 0 20px;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_btn a{
    display: block;
    background-color: #e8bf09;
    color: #292929;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.7;
    transition: 0.2s all;
}
.tab-item .item-home_case .item-home_buy .item-home_buy_btn a:hover{
    opacity: 1;
    transition: 0.2s all;
}
.items-section .tab-hobe_btn{
    text-align: center;
    margin: 20px 0;
}
.items-section .tab-hobe_btn a{
    border-radius: 50px;
    padding: 20px 30px;
    font-size: 18px;
    color: #1f1f1f;
    opacity: 0.7;
    background-color: #e8bf09;
    transition: 0.3s ease;
}
.items-section .tab-hobe_btn a:hover{
    opacity: 1;
    transition: 0.3s ease;
}
.items-section .tab-hobe_btn a::after{
    content: '';
    width: 15px;
    height: 9px;
    background-image: url('../images/bottom-arrow.png');
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
}
.payments-section{
    padding: 40px 0;
    text-align: center;
}
.payments-section .payments-title{
    color: #353535;
    font-size: 24px;
}
.payments-section .payments-list{
    margin-top: 10px;
}
.payments-section .payments-list li{
    display: inline;
}
.payments-section .payments-list li svg{
    margin: 10px;
}
.payments-section .payments-list li svg path{
    fill: #1f1f1f;
}
.footer{
    background-image: url('../images/footer-bg.png');
}
.footer .footer-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    position: relative;
}
.footer .footer-menu .f-logotype{
    line-height: 1;
}
.footer .footer-menu .f-logotype span{
    font-weight: bold;
    font-size: 24px;
    color: #e8bf09;
}
.footer .footer-menu .f-logotype p{
    font-size: 16px;
    color: #fff;
}
.footer .footer-menu .f-menu{

}
.footer .footer-menu .f-menu .f-m-btn{
    border: 2px solid #e4bc09;
    border-radius: 5px;
    padding: 5px 20px;
    color: #fff;
    text-align: center;
    display: none;
}
.footer .footer-menu .f-menu ul{

}
.footer .footer-menu .f-menu ul li{
    display: inline;
    
}
.footer .footer-menu .f-menu ul li a{
    color: #a8a8a8;
    font-size: 16px;
    margin: 0 15px;
    transition: 0.2s ease;
}
.footer .footer-menu .f-menu ul li a:hover{
    color: #e8bf09;
    transition: 0.2s ease;
}
.footer .footer-menu .f-arrow a{
    width: 40px;
    height: 40px;
    background-image: url('../images/arrow-top.png');
    display: block;
    background-position-x: 40px;
}
.footer .footer-menu .f-arrow a:hover{
    background-position-x: 0px;
}
.footer .footer-infoo{

}
.footer .footer-infoo p{
    color: #a8a8a8;
    font-size: 14px;
    max-width: 530px;
}
.footer .footer-cop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
}
.footer .footer-cop .footer-n-store{
    display: inline;
    font-size: 16px;
    color: #a8a8a8;
}
.footer .footer-cop .footer-cop-info{
    display: flex;
    flex-wrap: wrap;
}
.footer .footer-cop .footer-cop-info a{
    color: #a8a8a8;
    display: inline;
    margin: 0 20px;
    text-decoration: underline;
    opacity: 0.7;
}
.footer .footer-cop .footer-cop-info a:hover{
    opacity: 1;
}
.footer .footer-cop .footer-created{

}
.footer .footer-cop .footer-created a{
    text-decoration: none;
}
.footer .footer-cop .footer-created p{
    color: #a8a8a8;
    display: inline;
}
.footer .footer-cop .footer-created span{
    display: inline;
    color: #fff;
    margin-left: 15px;
}
.footer .footer-cop .footer-created span b{
    font-weight: normal;
    color: #1f1f1f;
    background-color: #e4bc09;
    padding: 2px 6px;
}

#modal {
    width: 95%; height: 85%;
    padding: 18px 9px;
    background: #121212;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 38;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  #modal ul{
    width: 100%;
    text-align: left;
    padding: 10px;
  }
  #modal ul li{
      border-bottom: 1px solid rgb(255 255 255 / 2%);
      padding: 10px;
  }
  #modal ul li:last-child{
      border-bottom: none;
  }
  #modal ul li a{
      color: rgb(202, 202, 202);
      font-size: 18px;
      display: block;
      width: 100%;
      height: 100%;
  }
  #modal ul li a:hover{
      color: #e4bc09;
  }
#modal #modal__close {
    width: 21px; height: 21px;
    position: absolute;
    font-size: 29px;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
  }
  #overlay {
    z-index: 37;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: pointer;
    display: none;
  }

.item-section{
    margin: 45px 0;
}
.item-section .item-top{
    display: flex;
    justify-content: space-between;
}
.item-section .item-top .item-top_left{
    width: 550px;
}
.item-section .item-top .item-top_left .item-slider{
    width: 100%;
}
.item-section .item-top .item-top_left .item-slider .item-slider_case{
    width: 100%;
    height: 310px;
    background-size: cover;
    border-radius: 10px;
}
.item-section .item-top .item-top_left .item-slider_thumbs{
    position: relative;
    margin-top: 15px;
    background-color: #1f1f1f;
    border-radius: 10px;
    width: 100%;
}

.item-section .item-top .item-top_left .item-slider_thumbs .item-slider_thumbs_case{
    width: 100%;
    height: 105px;
}
.item-section .item-top .item-top_left .item-slider_thumbs .item-slider_thumbs_case .item-slider_thumbs_img{
    background-size: cover;
    width: 100%;
    height: 105px;
    cursor: pointer;
}

.item-section .slick-arrow{
    position: absolute;
    top: calc(50% - 22.5px);
    z-index: 3;
    opacity: 0.7;
}
.item-section .slick-arrow:hover{
    opacity: 1;
}
.item-section .slick-arrow.slick-next{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    background-position-x: 45px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: transparent;
}
.item-section .slick-arrow.slick-next:hover{
    background-position-y: 0px;
}
.item-section .slick-arrow.slick-prev{
    width: 45px;
    height: 45px;
    background-image: url('../images/slider-arrow.png');
    background-position-y: 45px;
    position: absolute;
    left: 15px;
    top: calc(50% - 22.5px);
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: transparent;
}
.item-section .slick-arrow.slick-prev:hover{
    background-position-y: 0px;
}
.item-section .slick-slide{
    opacity: 0.3;
}
.item-section .slick-slide.slick-active{
    opacity: 0.3;
    transition: 0.2s ease;
}
.item-section .slick-slide.slick-active:hover{
    opacity: 1;
    transition: 0.2s ease;
}
.item-section .slick-slide.slick-current{
    opacity: 1;
}
.item-section .slick-list{
    border-radius: 10px;
}

.item-section .item-top .item-top_right{
    width: 550px;
}
.item-section .item-top .item-top_right .buy-count{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    background-color: #1f1f1f;
    border-radius: 10px;
    padding: 0 40px;
}
.item-section .item-top .item-top_right .buy-count .buy{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.item-section .item-top .item-top_right .buy-count .buy sup{
    font-weight: normal;
}
.item-section .item-top .item-top_right .count-btn{

}
.item-section .item-top .item-top_right .count-btn .ticket{
    background-color: #d0d0d0;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.item-section .item-top .item-top_right .count-btn .ticket img{
    margin-left: -10px;
}
.item-section .item-top .item-top_right .count-btn a{
    font-size: 16px;
    color: #1f1f1f;
    background-color: #e8bf09;
    padding: 10px 20px;
    border-radius: 40px;
}
.item-section .item-top .item-top_right .buy-count_bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l{
    width: 320px;
    height: 305px;
    border-radius: 10px;
    box-shadow: 0px 15px 25px -5px #2d2d2d26;
    padding: 20px;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l .ganre{
    word-break: break-all;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l,
tbody{

}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l,
tbody tr{
    
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l,
tbody tr td{
    padding: 10px;
    color: #353535;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_l,
tbody tr td:first-child{
    color: #8f8f8f;
}

.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r{
    width: 207px;
    background-color: #1f1f1f;
    border-radius: 10px;
    display: flex;
    padding: 20px;
    align-items: center;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul{

}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li:last-child{
    margin-bottom: 0;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li .icon{
    width: 40px;
    height: 27px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li .f-i-1{
    background-image: url('../images/f-icon-1.png');
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li .f-i-2{
    background-image: url('../images/f-icon-2.png');
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li .f-i-3{
    background-image: url('../images/f-icon-3.png');
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li .f-i-4{
    background-image: url('../images/f-icon-4.png');
}
.item-section .item-top .item-top_right .buy-count_bottom .buy-count_bottom_r ul li span{
    font-size: 14px;
    width: 100%;
    color: #fff;
}
.item-section .item-center{
    display: flex;
    justify-content: space-between;
}
.item-section .item-center .item-center_left{
    
}
.item-section .item-center .item-center_left .title-block{
    margin: 30px 0;
}
.item-section .item-center .item-center_left .title-block .title-container h2{
    font-size: 18px;
}
.item-section .item-center .item-center_block{
    width: 550px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 15px 25px -5px #2d2d2d26;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.item-section .item-center .item-center_block .item-center_infoo{
    
}
.item-section .item-center .item-center_block .item-center_infoo p{

}
.item-section .item-center .item-center_block a{

}

/* Стили для текстового поля с кнопкой "Далее" */
.item-section .item-center .limiter {
    max-height: 200px;
    overflow: hidden;
    position: relative;
  }
  .item-section .item-center .limiter .bottom {
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, #ffffff00, #ffffff);
    width: 100%;
    height: 60px;
    opacity: 1;
    transition: 0.3s;
  }
  .item-section .item-center .read-more-checker {
    opacity: 0;
    position: absolute;
  }
  .item-section .item-center .read-more-checker:checked ~ .limiter {
    max-height: none;
  }
  .item-section .item-center .read-more-checker:checked ~ .limiter .bottom {
    opacity: 0;
    transition: 0.3s;
  }
  .item-section .item-center .read-more-checker ~ .read-more-button:before {
    content: "Больше описания";
  }
  .item-section .item-center .read-more-checker:checked ~ .read-more-button:before {
    content: "Меньше описания";
  }
  .item-section .item-center .read-more-button {
    cursor: pointer;
    color: #353535;
    padding: 10px 20px;
    background-color: #e4bc09;
    border-radius: 50px;
    margin: 20px 0 10px 0;
    text-align: center;
    opacity: 0.7;
  }
  .item-section .item-center .read-more-button:hover{
      opacity: 1;
  }

.item-section .item-center .item-center_right .title-block{
    margin: 30px 0;
}
.item-section .item-center .item-center_right .title-block .title-container h2{
    font-size: 18px;
}
.item-section .item-center .item-center_right .item-center_block_r{

}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list{

}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case{
    width: 550px;
    height: 60px;
    border-radius: 10px;
    background-color: #1f1f1f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    transition: ease 0.2s;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case:hover{
    background-color: #f3be00;
    transition: ease 0.2s;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case:hover .item-center_infoo{
    color: #353535;
    transition: ease 0.2s;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case:hover .item-center_buy-btn{
    color: #353535;
    transition: ease 0.2s;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case .item-center_ava{
    height: 60px;
    width: 123px;
    border-radius: 10px;
    background-size: cover;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case .item-center_infoo{
    color: #fff;
    font-size: 16px;
    width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case .item-center_buy-btn{
    color: #e8bf09;
    font-weight: bold;
    margin-right: 20px;
}
.item-section .item-center .item-center_right .item-center_block_r .item-center_list .item-center_case .item-center_buy-btn sup{
    font-weight: normal;
}
.menu-section-m .mcmaine{
    color: #353535;
    display: none;
}
.menu-section-m .mcmaine span{
    margin-right: 15px;
}
.menu-section-m .active{
    font-weight: bold;
}

/* Search css */
.search-section{
    margin: 50px 0;
}
.search-section .search-catalog{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.search-section .search-catalog .search-list{
    width: 70%;
}
.search-section .search-catalog .search-list .search-case{
    height: 137px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    box-shadow: 0px 15px 25px -5px #2d2d2d0d;
}
.search-section .search-catalog .search-list .search-case .search_ava{
    width: 200px;
    height: 137px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.search-section .search-catalog .search-list .search-case .search-section_info{
    margin: 0 25px;
    width: 320px;
}
.search-section .search-catalog .search-list .search-case .search-section_info ul li.category {
    color: #636363;
    font-size: 16px;
    margin-bottom: 0;
}
.search-section .search-catalog .search-list .search-case .search-section_info ul li {
    font-size: 18px;
    color: #000;
}
.search-section .search-catalog .search-list .search-case .search_buy{
    display: flex;
}
.search-section .search-catalog .search-list .search-case .search_buy .search_buy_price ul{
    text-align: right;
}
.search-section .search-catalog .search-list .search-case .search_buy .search_buy_price ul li{
    font-size: 16px;
    color: #9f9f9f;
}
.search-section .search-catalog .search-list .search-case .search_buy .search_buy_price ul li.price-cid{
    font-size: 18px;
    color: #ff4e4e;
    text-decoration: line-through;
    text-transform: uppercase;
}
.search-section .search-catalog .search-list .search-case .search_buy_btn{
    margin: 0 20px;
}
.search-section .search-catalog .search-list .search-case .search_buy_btn a{
    display: block;
    background-color: #e8bf09;
    color: #292929;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.7;
    transition: 0.2s all;
}
.search-filter{
    margin-left: 20px;
    width: 27%;
}
.search-filter .btn_search{
    border: none;
    background-color: #f6c000;
    width: 100%;
    padding: 15px 0;
    border-radius: 60px;
    color: #5e5e5e;
    opacity: 0.7;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
.search-filter .btn_search:hover{
    opacity: 1;
    transition: 0.2s ease-in-out;
}
.search-filter select{
    padding: 10px;
    border: 1px solid #e4bc09;
    border-radius: 35px;
    width: 100%;
    margin-bottom: 15px;
    appearance: none;
    cursor: pointer;
}

/* buy */
.pay-content a, .pay-footer a {
    color: #000;
}

.fixed {
    width: 1160px;
    margin: 0 auto;
    padding: 0 10px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.prod-item:last-child {
    margin: 0;
}

.prod-item {
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px 30px 10px 10px;
    transition: 300ms;
}

.prod-item-img {
    float: left;
    width: 177px;
    height: 78px;
    overflow: hidden;
}

.prod-item-img img {
    display: block;
    transition: 300ms;
    height: 100%;
    margin: 0 auto;
    min-width: 100%;
}

.prod-item-cont {
    float: none;
    margin: 0 0 0 206px;
    width: calc(100% - 206px);
    min-height: 77px;
    align-items: center;
}

.prod-item-title a {
    text-decoration: none;
}

.prod-item-cats {
    font-size: 10px;
    color: #878787;
}

.prod-item-right {
    margin-left: auto;
}

.prod-item-discont {
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0 9px;
    line-height: 30px;
    margin-right: 16px;
}

.inline {
    display: inline-block;
    vertical-align: middle;
}

.prod-item-price {
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    transition: 300ms;
}

.prod-item-price s {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #878787;
    text-decoration: line-through;
    margin-bottom: -3px;
}

.item-box {
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.pay-popup input, 
.pay-popup button, 
.pay-popup select,
.pay-popup textarea {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}

.pay-popup button {
    cursor: pointer;
    transition: 300ms;
}

.form-input input {
    width: 100%;
    display: block;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    padding: 0 15px;
    transition: 300ms;
}

.form-note {
    color: #878787;
    margin-top: 6px;
}

.form-label label {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
}

.form-label:not(:last-child) {
    margin-bottom: 27px;
}

.form-button {
    height: 50px;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
}

body.pay-body {
    background:#fff;
}
.pay-top {
    padding:56px 0;
    background:#fff;
}
.pay-logo {
    float:none;
    margin:0 auto;
}
.pay-content {
    padding:45px 0 170px 0;
}
.pay-col-left {
    width:calc(100% - 487px);
    margin-right:60px;
}
.pay-col-right {
    width:427px;
    max-width:100%;
}
.pay-sect:not(:last-child) {
    margin-bottom:44px;
}
.pay-sect-title {
    margin-bottom:24px;
    font-weight:500;
}
.pay-item-img {
    width:120px;
    height:53px;
}
.pay-item-cont {
    width:calc(100% - 140px);
    margin-left:140px;
    min-height:53px;
}
.pay-item-title {
    font-size:16px;
    text-transform:none;
    margin-bottom:6px;
}
.pay-form {
    padding:34px 30px 45px 30px;
}
.pay-systems {
    margin:0 -20px -20px 0;
}
.pay-system-item {
    width:148px;
    height:90px;
    margin:0 20px 20px 0;
    cursor:pointer;
    transition:300ms;
    text-align:center;
}
.pay-system-comission {
    font-size:10px;
    font-weight:700;
    padding-top:64px;
}
.pay-system-more {
    font-size:16px;
    font-weight:700;
    line-height:88px;
}
.pay-systems-note {
    font-size:12px;
    margin-top:23px;
}
.pay-footer {
    border-top:1px solid #ebebeb;
    padding:40px 0 68px 0;
}
.pay-footer-cont {
    overflow:hidden;
}
.pay-footer-left {
    float:left;
}
.pay-footer-right {
    float:right;
}
.pay-footer-link {
    width:220px;
    height:43px;
    text-align:center;
    display:block;
    transition:300ms;
    font-size:12px;
    font-weight:600;
    line-height:41px;
    text-transform:uppercase;
    text-decoration:none;
}
.pay-footer-link:hover {
    background:#f2f2f2;
}
.pay-system-webmoney {
    background:url(../images/payments/pay-webmoney.png) no-repeat 50% 50%;
}
.pay-system-qiwi {
    background:url(../images/payments/pay-qiwi.png) no-repeat 50% 50%;
}
.pay-system-yandex {
    background:url(../images/payments/pay-yandex.png) no-repeat 50% 50%;
}
.pay-system-visa {
    background:url(../images/payments/pay-visa.png) no-repeat 50% 50%;
}
.pay-system-mastercard {
    background:url(../images/payments/pay-mastercard.png) no-repeat 50% 50%;
}
.pay-system-mts {
    background:url(../images/payments/pay-mts.png) no-repeat 50% 50%;
}
.pay-system-megafon {
    background:url(../images/payments/pay-megafon.png) no-repeat 50% 50%;
}
.pay-system-bitcoin {
    background:url(../images/payments/pay-bitcoin.png?1) no-repeat 50% 50%;
}
.pay-kol-minus {
    background: url(../images/pay-minus.png) no-repeat center #272727;
}
.pay-kol-plus {
    background: url(../images/pay-plus.png) no-repeat center #272727;
}
.pay-system-checked {
    border-color: #e8bf09 !important;
}
.form-button {
    background: #e8bf09;
}
.pay-kol {
    padding-bottom:21px;
    margin-bottom:26px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
}
.pay-kol-text {
    float:left;
    margin-top:5px;
}
.pay-kol-div {
    width:auto;
    float:right;
    overflow:hidden;
}
.pay-kol-button {
    width:30px;
    height:30px;
    display:block;
}
.pay-kol-button:hover {
    opacity:0.7;
}
.pay-kol-plus {
    float:right;
}
.pay-kol-minus {
    float:left;
}
.pay-kol-input {
    width:43px;
    float:left;
    height:30px;
    border:1px solid #ebebeb;
}
.pay-kol-input input {
    display:block;
    width:100%;
    height:28px;
    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#000;
}
.pay-popup {
    display: none;
    background:#fff;
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:100000;
}
.pay-popup-close {
    position: relative;
    display: inline-block;
    float: right;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.pay-popup-close:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 0px;
    width: 30px;
    height: 2px;
    background: #000;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.pay-popup-close:after {
    content: '';
    position: absolute;
    right: 0px;
    height: 2px;
    background: #000;
    bottom: 14px;
    width: 30px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.overflow {
    overflow:hidden;
}
.open-form {
    cursor: pointer;
}

.holder {
    margin:15px 0;
    text-align: center;
}
.holder a {
    font-size:16px;
    cursor:pointer;
    margin:0 5px;
    color:#333;
    padding: 1px 10px;
    border-radius: 5px;
}
.holder a:hover {
    background-color: #ffc107;
    color:rgb(32, 32, 32);
}
.holder a.jp-previous {
    margin-right:15px;
}
.holder a.jp-next {
    margin-left:15px;
}
.holder a.jp-current,a.jp-current:hover {
    padding: 1px 10px;
    border-radius: 5px;
    background-color: #ffc107;
    color:rgb(32, 32, 32);
}
.holder a.jp-disabled,a.jp-disabled:hover {
    color:#bbb;
}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover {
    padding: 1px 10px;
    border-radius: 5px;
    background-color: #ffc107;
    color:rgb(32, 32, 32);
}
.holder span {
    margin: 0 5px;
}
.static_title{
    color: #353535;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 40px;
}
.static_title::before {
    content: "";
    height: 40px;
    width: 3px;
    background-image: url(../images/l-title.png);
    margin-right: 14px;
}
.static_title .static_container{

}
.static_title .static_container h1{
    font-size: 24px;
    font-weight: bold;
}
.garant_block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.garant_block .garant_item{
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 15px 25px -5px #2d2d2d26;
    padding: 15px;
    width: 49%;
    margin-top: 30px;
    transition: all 0.3s;
}
.garant_block .garant_item:hover{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transition: all 0.3s;
}
.garant_block .garant_item .garant_header{
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.garant_block .garant_item .garant_header .garant_ava{
    margin-right: 15px;
    align-items: center;
}
.garant_block .garant_item .garant_header .garant_ava img{

}
.garant_block .garant_item .garant_header .garant_title{
    font-size: 18px;
    line-height: 1;
}
.garant_block .garant_item .garant_content{

}
.garant_block .garant_item .garant_content p{
    font-size: 16px;
    color: #2e2e2e;
}
.garant_section{
    margin-bottom: 70px;
}
.support_section{

}
.support_section .support_block{
    margin-bottom: 70px;
}
.support_section .support_block .support_header{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.support_section .support_block .support_header .support_title{
    font-size: 20px;

}
.support_section .support_block .support_header .support_descr{
    width: 100%;
    padding: 20px;
    background-color: #39b349;
    color: #fff;
    border-radius: 4px;
    margin: 35px 0;
}
.support_section .support_block .support_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.support_section .support_block .support_content .support_lft{
    width: 60%;
}
.support_section .support_block .support_content .support_lf{
    width: 95%;
}
.support_section .support_block .support_content .support_lft span{
    font-size: 20px;
}
.support_section .support_block .support_content .support_lft  ul{
    margin: 30px 0;
}
.support_section .support_block .support_content .support_lft  ul li{
    color: #545454;
}
.support_section .support_block .support_content .support_lft .sup_ft{
    color: #545454;
}
.support_section .support_block .support_content .support_lft .sup_ft b{

}
.support_section .support_block .support_content .support_rt{
    width: 40%;
    display: flex;
    justify-content: flex-end;
}
.support_section .support_block .support_content .support_rt .support_photo{

}
.support_section .support_block .support_content .support_rt .support_photo img{
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    width: 100%;
}
.support_section .support_block .support_content .support_rt .support_photo img:hover{
    border: 1px solid #e4bc09;
}
.support_section .support_block .support_faq{

}
.support_section .support_block .support_faq .support_faq_title{
    text-align: center;
    font-size: 20px;
    margin: 30px 0;
}
.support_section .support_block .support_faq .support_faq_content{

}
.support_section .support_block .support_faq .support_faq_content .faq_item{
    margin-bottom: 25px;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_header{
    padding: 20px 30px;
    cursor: pointer;
    background-color: #ccc;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.2s ease-in-out;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_header::after{
    content: "";
    width: 12px;
    height: 10px;
    background-image: url('../images/arrow_faq.png');
    display: flex;
    transition: 0.2s ease-in-out;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_header.active::after{
    transform: rotate(90deg);
    transition: 0.2s ease-in-out;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_header.active {
    background-color: #e8bf09;
    transition: 0.2s ease-in-out;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_body{
    padding: 20px 30px;
    box-shadow: 0px 15px 25px -5px #2d2d2d26;
    border-radius: 10px;
}
.support_section .support_block .support_faq .support_faq_content .faq_item .faq_body p{

}
.buys_section{

}
.buys_section .buys_title{
    text-align: center;
}
.buys_section .buys_title span{
    font-size: 20px;
}
.buys_section .buys_title p{
    font-size: 16px;
    color: #545454;
}
.buys_section .buys_header{
    margin-top: 30px;
}
.buys_section .buys_header p{
    margin-bottom: 30px;
}
.buys_section .buys_header .buys_game{

}
.buys_section .buys_header .buys_game span{
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
}
.buys_section .buys_header .buys_game p{
    margin-bottom: 0;
}
.buys_section .buys_header .buys_game .buys_photo{
    text-align: center;
    margin: 40px 0;
}
.buys_section .buys_header .buys_game .buys_photo img{
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 70%;
    cursor: pointer;
}
.buys_section .buys_header .buys_game .buys_photo img:hover{
    border: 1px solid #e4bc09;
}
.buys_section .buys_footer{

}
.buys_section .buys_footer span{
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
}
.buys_section .buys_footer p{
    margin-bottom: 50px;
}