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

@font-face {
    font-family: Compact;
    src: url('../fonts/Compact.ttf');
}
@font-face {
    font-family: Light;
    src: url('../fonts/HelveticaLight.ttf');
}
@font-face {
    font-family: Roboto;
    src: url('../fonts/roboto.ttf');
}
@font-face {
    font-family: sm;
    src: url('../fonts/new.ttf');
}
@font-face {
    font-family: myriad-bold;
    src: url('../fonts/myriad-bold.ttf');
}
@font-face {
    font-family: myriad-regular;
    src: url('../fonts/myriad-regular.ttf');
}
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
    color: #000;
    font-size: 16px;
    background: url(../img/bg-main.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Roboto;
}
.mobile, .carousel-mobile {
    display: none!important;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    color: #000000;
    outline: none;
    text-decoration: none;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

p {
    margin-bottom:15px;
    margin-top:15px;
}
.myriad-bold {
    font-family: myriad-bold;
}


.live {
    background-color: #FB4A59;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.live span {
    line-height: 0;
    font-size: 28px;
}

.video-live-block .video {
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0;
}

.video-live-block .title {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 20px;
    color: #000;
}

.video-live-block .video .mask {
    position:absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.video-live-block .video .mask .fullscreen {
    padding: 7px 10px;
    border: none;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}

.video-live-block .video .mask .fullscreen i {
    margin-right: 5px;
}

.video-live-block .video .mask .fullscreen .show {
   display: none;
}
.video-live-block .video .mask .fullscreen .hide {
   display: inline;
}

.video-live-block .video.fullScreen .mask .fullscreen .show {
    display: inline;
}

.video-live-block .video.fullScreen .mask .fullscreen .hide {
    display: none;
}

.video-live-block .video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.mobile .live {
    padding: 18px 2px;
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
}
.mobile .live span {
    font-size: 22px;
}

button {
    outline: none;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    cursor: pointer;
    border: 0;
    font-family: Roboto!important;
}
.fs{
    font-family: sm;
}
.upper {
    text-transform: uppercase;
}
.br {
    padding: 0.3em;
}
.f-l {
    float: left;
}
.f-r {
    float: right;
}
.bold {
    font-weight:bold;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
    display: inline-block;
}
.text-right {
    text-align: right;
}
.title-block  {
    font-size: 3em;
    color: #fff;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}
.mtitle-block  {
    font-size: 1.7em;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
input {
    outline: none;
    width: 100%;
    color: #000;
    background: transparent;
    border: 0;
}
input::placeholder {
    color: #fff;
}
.align-top {
    display: inline-block;
    vertical-align: top;
}
.align-middle {
    display: inline-block;
    vertical-align: middle;
}
.align-bottom {
    display: inline-block;
    vertical-align: bottom;
}
.inline-block {
    display: inline-block;
}
.h100 {
    height: 100%;
}
.transform {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.transformy {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.transformx {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rel {
    position: relative;
}
.mob_preview {
    display: none;
}
.img-res {
    display: inline-block;
    vertical-align: bottom;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.res {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.container {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.skew {
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
}
.not-skew {
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
}
.fix:after,  .fix:before{
    content: " ";
    display: table;
    box-sizing: border-box;
    clear: both;
}
.check {
    height: 100%;
}
.skew-help {
    position: absolute;
    top:0;
    left:0;
    right:65%;
    bottom:0;
    background: #131313;
    box-shadow: inset 0px 15px 8px -10px rgba(255, 255, 255, 0.3), inset 0px -15px 8px -10px rgba(255, 255, 255, 0.3);
}
.skew-help2 {
    position: absolute;
    top:0;
    left:65%;
    right: -1px;
    bottom:0;
    background: #131313;
    box-shadow: inset 0px 15px 8px -10px rgba(255, 255, 255, 0.3), inset 0px -15px 8px -10px rgba(255, 255, 255, 0.3);
}
.skew-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0px 15px 8px -10px rgba(255, 255, 255, 0.3), inset 0px -15px 8px -10px rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
}
.skew-b {
    position: absolute;
    top: 0;
    left: 99.4%;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3);
}
.active-skew {
    box-shadow: inset 0px 15px 8px -10px rgba(0, 0, 0, 0.2),inset 0px -15px 8px -10px rgba(0, 0, 0, 0.2)!important;
    color: #000000!important;;
    background: #FFFFFF!important;
}

.modal-open{
    overflow-x: hidden;
    overflow-y: scroll;
}
.modal{
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    webkit-overflow-scrolling: touch;
    z-index: 1050;
}
.modal.fade .modal-dialog{
    ms-transform: translate(0,-25%);
    o-transform: translate(0,-25%);
    o-transition: -o-transform .3s ease-out;
    transform: translate(0,-25%);
    transition: transform .3s ease-out;
    webkit-transform: translate(0,-25%);
    webkit-transition: -webkit-transform .3s ease-out;
}
.modal.in .modal-dialog{
    ms-transform: translate(0,0);
    o-transform: translate(0,0);
    transform: translate(0,0);
    webkit-transform: translate(0,0);
}
.modal-open .modal{
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog{
    margin: 10px;
    position: relative;
    width: auto;
}
.modal-content{
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    position: relative;
    webkit-background-clip: padding-box;
    webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background: rgba(0, 0,0,0.85);
}
.modal-backdrop{
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:1024;
}
.modal-backdrop.fade{
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in{
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header{
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
}
.modal-header .close{
    margin-top: -2px;
}
.modal-title{
    line-height: 1.42857143;
    margin: 0;
}
.modal-body{
    padding: 15px;
    position: relative;
    text-align: center;
}
.modal-footer{
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.modal-footer .btn+.btn{
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn+.btn{
    margin-left: -1px;
}
.modal-footer .btn-block+.btn-block{
    margin-left: 0;
}
.modal-scrollbar-measure{
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px;
}
@media (min-width:768px){
    .modal-dialog
    {
        margin: 30px auto;
        width: 400px;
    }
    .modal-content
    {
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }
    .modal-sm
    {
        width: 300px;
    }
}
@media (min-width:992px){
    .modal-lg
    {
        width: 900px;
    }
}
.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before{
    content: " ";
    display: table;
}
.modal-footer:after,.modal-header:after{
    clear: both;
}


/***** Header *****/
header {
    font-size: 14px;
    /*font-family: Light;*/
}
header .hleft a {
    color: #ffffff;
}
header .hleft img {
    width: 25px;
}
header .htop {
    position: relative;
    z-index:1;
}
header .hleft {
    width: 65%;
    background: #000000;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
    position: absolute;
    top:0;
    left:-8%;
    text-align: right;
    padding: 1em 0;
    padding-right: 5em;
}
header .hleft li {
    display: inline-block;
    text-transform: uppercase;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    margin: 0 0.7em;
    cursor: pointer;
}
header .hleft li:hover  {
    filter: brightness(55%) sepia(40) saturate(25) hue-rotate(25deg)
}
header .hright{
    background: #ffb500;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    padding: 1.35em;
    text-align: right;
}
header .hright ul {
    width: 40%;
    text-align: left;
    display: inline-block;
}
header .hright li{
    display: inline-block;
    margin: 0 0.3em;
}
header .hright i {
    color: #ffffff;
    font-size: 20px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
header .hright i:hover {
    color: #000000;
}
header .img-width {
    display: inline-block;
    width: 96%;
    position: relative;
    margin-top: 0.5em;
}
header .h_right {
    position: relative;
    font-family:sm;
    margin-left: 1.25em;
    padding-left: 1.25em;
    font-size: 1.8em;
    text-transform: uppercase;
}
header .h_right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-radius: 300px;
}
header .hr_title {
    font-size: 2.5em;
    margin-bottom: 0.25em;
}
header .hr_title2 {
    font-size: 1.4em;
}
#logo {
    z-index:2;
}
header .switch {
    position: absolute;
    top:0;
    left:100%;
    margin-top: 0.5em;
}
header .language {
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    padding: 1em 1.2em;
    color: #ffffff;
    position: relative;
    border-top:  1px solid rgba(255, 255, 255, 0.5);
}
header .language span {
    position: relative;
    z-index:1;
}
header .act-language {
    background: #FFFFFF;
    color: #000000;
    border: 0;
}
header .act-language:before {
    content: '';
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    transform: skew(-25deg);
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: -30%;
    bottom: 0;
    right: 50%;
}
header .hbottom {
    margin-top: -2.5em;
    margin-bottom: 2em;
    text-transform: uppercase;
    font-weight: bold;
}
header .hbottom a:hover {
    color: #fff;
}
header .hbottom li{
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: bold;

}
header .is-block {
    display: inline-block;
    float: right;
    position: relative;
    z-index:3;
}
header .main-menu {
    display: inline-block;
}
header .search-block {
    display: inline-block;
    border: 1px solid #000000;
    background: rgba(255, 255, 255, 0.5);
    margin-left: 1em;
}
header input {
    padding-left: 1em;
    width: 23em;
}
header input::placeholder {
    color: #000;
}
header .search-btn {
    background: #000000;
    text-align: center;
    padding-left: 1.5em;
    padding-right: 1em;
    cursor: pointer;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
header .search-btn:hover {
    opacity: 0.5;
}
.active-lang {
    border-bottom: 50px solid #FFFFFF;
    border-left: 25px solid transparent;
}
.active {
    background: #131313;
    color: #FFFFFF;
}
.active a {
    color: #FFFFFF !important;
}
.active i {
    color: #FFFFFF !important;
}
.flex_top{display:flex;justify-content:space-between;align-items:flex-start;}
.w40{width: 40%;}
.w20{width:20%;}
.flex_col{display:flex;justify-content:space-between;flex-direction:column;height:100%}
.yur_lico li{
    margin: 5px 0;
}
.online_payment .bold{
    margin: 1em 0;
}

/***** mobile header *****/
header .mtop {
    background: #181818;
    position: fixed;
    width: 100%;
    z-index:200;
}
.active-menu {
    background: #FFFFFF!important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color:black;
}
nav#slide-menu {
    background: #ffb500;
    position: fixed;
    top: 0;
    left: -180px;
    z-index: 201;
    padding-top: 10px;
    bottom: 0;
    display: block;
    float: left;
    width: 100%;
    max-width: 180px;
    height: 100%;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    overflow: auto;
}
#slider-menu2 {
    padding: 10px 20px;
    height: 40px;
}
nav#slide-menu > ul {
    display: block;
    padding: 0;
    list-style: none;
    opacity: 0.5;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
nav#slide-menu > ul li {
    position: relative;
    color: #000000;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.nav-matches {
	text-transform: uppercase;
}
body.menu-active nav#slide-menu {
    left: 0px;
}

body.menu-active nav#slide-menu ul {
    left: 0px;
    opacity: 1;
}
.menu-href {
    padding: 10px 20px;
    cursor: pointer;
}
.submenu {
    position: absolute;
    left: 170px;
    right: 0;
    top:55px;
    overflow: hidden;
    display: none;
    z-index:10;
}
.submenu li{
    color: #FFFFFF!important;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 15px;
}

#overlay {
    position: fixed;
    top:50px;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    cursor: pointer;
}
.to_overlay {
    background: rgba(0, 0, 0, 0.85)!important;
}
.rgba_opacity {
    display: block!important;
}
.fixed {
    position: fixed!important;
}
main#content {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    overflow-x: hidden;
}
main#content div.menu-trigger {
    background: #ffb500;
    padding: 0.5em;
    float: left;
    font-size: 25px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    z-index: 5;
}
body.menu-active main#content {
    left: 180px;
}
body.menu-active main#content .menu-trigger {
    left: 180px;
}

header .mob-left{
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: 2%;
}
header .mob-left img {
    width: 25px;
}
header  .mob-middle {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
}
header  .mob-middle i {
    color: #ffffff;
    font-size: 20px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    cursor: pointer;
}
header  .mob-middle i:hover {
    color: #ffb500;
}

.mob-work {
    display: inline-block;
    padding: 0 5px;
}
.mob-menu {
    background: #ffb500;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 201;
    top: 0;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding-top: 10px;
}
.mob-menu li {
    font-size: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}
#mob-nav2 {
    font-size: 16px;
    font-weight: 900!important;
    cursor: pointer;
}
.ovetflow {
    overflow: hidden!important;
}
.mob-menu-width {
    width: 180px;
}
.mmiddle {
    position: relative;
    padding-top: 49px;
}
#mob-change-lang {
    cursor: pointer;
    position: relative;
}

.slider-mob, .guide-mob {
    position: relative;
    display: none;
}
.slider-mob .item {
    text-align: center;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid#FFFFFF;
}
.slider-mtop {
    color: #FFFFFF!important;
    background: #131313;
    position: relative;
}
.act-mslider {
    background: #FFFFFF!important;
    color: #131313!important;
}

#change-block-lang, #share-block {
    position: absolute;
    top: 100%;
    left:0;
    right:0;
    background: #ffb500;
    z-index:5;
    color: #181818;
    font-weight:bold;
    display: none;
    text-align: center;
}
#change-block-lang li, #share-block li {
    margin: 10px 0;
    font-size: 14px;
}
.fadein-btn, .fadein-btn2, .fadein-btn3, .fadein-btn4 {
    border: 1px solid #fed618;
    background: #131313;
    color: #FFFFFF;
    padding: 10px 10px;
    text-align: center;
    float: right;
    font-size: 12px;
    margin-top: 1em;
    display: none;
    cursor: pointer;
}
.fadein-btn:hover, .fadein-btn2:hover, .fadein-btn3:hover {
    background-color: #fed618;
    color: #000000;
    border: 1px solid #000000;
}
.menu-arrow {
    position: absolute;
    top:0;
    right:5%;
    bottom:0;
    width: 20%;
}
#news-arrow {
    position: absolute;
    top:45%;
    right:0;
    font-size: 22px;
    color: #000000;
}
.active-menu #news-arrow {
    color: #000000!important;
}

/***** footer *****/
footer {
    background: #ffb500;
    overflow: hidden;
}
footer  .ftop img {
    width: 25px;
}
footer .ftop {
    position: relative;
}
footer .fright-fix {
    position: absolute;
    top:0;
    bottom: 0;
    right:0;
    background: #181818;
    width: 20%;
}
footer .fleft {
    background: #ffb500;
    width: 40%;
    float: left;
    height: 0;
}
footer .fright {
    background: #181818;
    width: 60%;
    float: right;
    height: 7.5em;
    margin-top: -2px;
}
footer .put {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:1;
}
footer .item {
    display: inline-block;
    padding-right: 1em;
}
footer li{
    display: inline-block;
    margin: 0 0.8em;
}
footer i {
    color: #ffffff;
    font-size: 3em!important;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
footer  i:hover {
    color: #ffb500;
}
footer .fbottom {
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.1);
    width: 100%;
    padding: 0.5em 0;
}
footer .pad {
    padding-left: 0.3em;
}

/***** ГЛАВНАЯ НОВОСТЬ НА ГЛАВНОМ *****/
section.our-news-block {
    position: relative;
    margin-bottom: 3em;
    height: 25em;
    overflow: hidden;
}
section.our-news-block:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 56%;
    right: 0;
    background:url('../img/main/block.png') no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.our-news-block .changing-img {
    overflow-x: hidden;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    width: 75%;
    height:100%;
}
.news_main_carousel {
    position: relative;
}
.our-news-block .hr-block {
    position: absolute;
    top: 58%;
    left: 62%;
    right: 2%;
    transform: translateY(-50%);
    height: 75%;
    z-index: 2;
}
.our-news-block .hr-block .hr {
    width: 100%;
    height:100%;
    position:absolute;
    top:0;
}
.bwc {
    position: absolute;
    top: -14%;
    right: 104%;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #ffb500;
    width: 23em;
    height: 2.5em;
}
.bwc-help {
    border-top: 1px solid #ffb500;
    position: absolute;
    top: -1px;
    left: 55%;
    right: 0;
    z-index: 1;
}
.bc {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.our-news-block .on-titleb, .bg-score .on-titleb, .bg-score2 .on-titleb {
    color: #ffffff;
    width: 80%;
    margin-left:40px;
    margin-top:-40px;
}
.our-news-block .ontexttop, .bg-score .ontexttop , .bg-score2 .ontexttop{
    font-family: sm;
    font-size: 2em;
    text-transform: uppercase;
}
.our-news-block .score, .bg-score .score,  .bg-score2 .score {
    margin-top: 1.5em;
    font-size: 1.3em;
}
.our-news-block .score-text, .bg-score .score-text, .bg-score2 .score-text {
    font-family: sm;
    color: #fddc2b;
    font-size: 4em;
    padding: 0 0.8em;
}
.our-news-block .ontextbtm, .bg-score .ontextbtm, .bg-score2 .ontextbtm {
    margin-top: 0;
    padding-bottom: 0.5em;
}

.our-news-block .onnextBtn, .bg-score .onnextBtn, .bg-score2 .onnextBtn {
    background: #131313;
    border: 1px solid #eaa802;
    padding: 0.5em 1em;
    display: inline-block;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.bg-score {
    background: #181818;
    padding: 20px;
    padding-bottom: 50px;
    margin-bottom: 1em;
}
.bg-score2 {
    background: #181818;
    padding: 20px;
    padding-bottom: 50px;
    margin-bottom: 1em;
}
.our-news-block  a, .bg-score  a {
    color: #ffffff;
    float: right;
    z-index: 100;
    position: relative;
}
 .bg-score2  a  {
	color: #ffffff;
    z-index: 100;
}
/***** ПРОШЕДШИЕ, СЛЕДУЮЩИЙ И БЛИЖАЙЩИЕ МАТЧИ *****/
.pg-block {
    margin-bottom: 3em;
}
.pg-block .change-cmd {
    position: absolute;
    top: 1%;
    right: 0;
    height: 40px;
    z-index: 10;
}
.pg-block .name {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    padding: 0 2.5em;
    /*padding-right: 3.5em;*/
    height: 100%;
}
.pg-block .name2 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    padding: 0 1.8em;
    margin: 0 -1.3em;
    height: 100%;
}
.pg-block .name3 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    padding: 0 2.5em;
    /*padding-left: 3.5em;*/
    height: 100%;
}
.active-name {
    background: #FFFFFF!important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4)!important;
    color: #131313!important;
}
#blij-match {
    text-align: left;
    margin-bottom: 15px;
}
.match {
    position: relative;
    width:95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom:0.8em;
}
.video-live {
    position: relative;
    text-align: center;
    display: inline-block;
}
.circle_video {
    position: relative;
    height: 35px;
    border-left: 1px #000000 dashed;
    width:1px;
    display: inline-block;
}
.circle_video:after {
    content: '';
    position: absolute;
    width: 11px;
    height:11px;
    background: #000000;
    top:100%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.vlive-text {
    padding: 0.3em 1em;
    border: 1px solid #000000;
    margin-top:0.5em;
}
.icon_store {
    width: 38px;
}
#kaz, #LIGA, .tablo-kz {
    width: 120px;
}
.height-club {
    width: 55%;
}
.height-club2 {
    height: 4em;
}
.fix_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height:90%;
}
.item-time {
    width: 40%;
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.date {
    font-size: 3.5em;
    color: #131313;
}
.time {
    font-size: 8em;
    color: #131313;
    margin: -20px 0;
}
.stadium {
    font-size: 2.5em;
    color: #131313;
    text-transform: uppercase;
}
.m-item-r, .m-item-l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:30%;
}
.m-item-l {
    order: 0;
}
.m-item-r {
    order: 2;
}
.m-item-name {
    text-transform: uppercase;
    font-size: 2em;
    color: #131313;
    height:10%;
}
.match-pad {
    padding: 3em 0!important;
}
.ch {
    padding-top: 3em!important;
}


/***** НОВОСТИ НА ГЛАВНОМ *****/
section.news-block {
    padding-top: 1em;
    padding-bottom: 4em;
}
.news-block .ntop {
    position: absolute;
    bottom:100%;
}
.news-block .nmiddle {
    margin-bottom: 6%;
    font-size: 14px;
    overflow: hidden;
}
.news-block .left {
    width: 75%;
    height:70%;
    position: relative;
}
.news-block .desc-day {
    background: #131313;
    color: #FFFFFF;
    padding: 0.5em;
    padding-right: 1em;
    width: 32%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
}
.all_news, .news .fix-height{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.all_news>div:first-child{
    display: none;
}
.news-block .right {
    background: #FFFFFF;
    width: 25%;
    height:100%;
    position: relative;
    padding-bottom: 10px;
}
.news-block .pad-text {
    padding: 1em;
    text-align: right;
}
.news-block .ntext2 {
    margin-top: 1em;
    font-size: 14px;
    text-align: left;
    padding-bottom: 2em;
}
.news-block .ntext {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    text-align: left;
}
.news-block .list-item {
    overflow: hidden;
    position: relative;
}
.news-block .listtitle {
    background: #131313;
    position: absolute;
    top:0;
    left: 0;
    width: 85%;
    color: #FFFFFF;
    padding: 3px 0;
    padding-left: 0.5em;
    z-index: 2;
    text-transform: uppercase;
}
.news-block .pc-list-title {
    position: absolute;
    top: 13%;
    left: 5%;
    font-family: sm;
}
.news-block .list-title {
    font-family: sm;
    background: #181818;
    color: #FFFFFF;
    padding: 3px 15px;
    display: inline-block;
}
.news-block .list-data {
    font-family: sm;
    position: absolute;
    top: 50%;
    right: 2%;
}
.news-block .count {
    padding-right: 1em;
    font-family: sm;
}
.listhelp {
    background: #131313;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40%;
}
.news-block .ltext {
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.news-block .ldesc {
    padding-bottom: 3em;
}
.news-block .nleft {
    position: relative;
    width: 60%;
    display: inline-table;
    float: left;
}
.news-block .news-list {
    text-align: center;
    overflow: hidden;
}
.news-list .read-btn {
    border: 1px solid #fed618;
    background: #131313;
    position: absolute;
    bottom: 2%;
    right: 4%;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
}
.news-block .news-img {
    position: relative;
    padding-top: 0.5em;
    overflow: hidden;
    margin-bottom: 0.5em;
}
.news-block .news-day {
    background: #fed618;
    padding: 0.5em 2em 0.5em 1em;
    position: absolute;
    bottom:0;
    left: 0;
}
.news-block .news-fix {
    background: #fed618;
    width: 20%;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
}
.news-block .video {
    width: 100%;
}
.news-block .item-news {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 32%;
    height:100%;
    background: #fff;
}
.news-block .item-news-in {
    height: 100%;
    padding: 0 0.5em;
}
.news-block .min-news {
    text-align: left;
    background: #FFFFFF;
    padding-top: 1em;
    margin-top: -0.5em;
    font-size: 14px;
}
.news-block .read-btn {
    border: 1px solid #fed618;
    background: #131313;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
    float: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.news-block .read-btn:hover {
    background-color: #fed618;
    color: #000000;
    border: 1px solid #000000;
}
.news-block .nright {
    background: #fed618;
    width: 38%;
    display: inline-table;
    float: right;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.news-block .nr-top {
    height: 40px;
    position: relative;
}
.news-block .premier1 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    width: 55%;
    height: 100%;
    text-align: center;
    padding-right: 3em;
}
.news-block .premier2 {
    position:relative;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    width: 60%;
    height: 100%;
    padding-right: 10%;
}
.news-block .premier3 {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    width: 40%;
    height: 100%;
    text-align: right;
    padding-right: 0.5em;
}
.active-premier {
    background: #FFFFFF!important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4)!important;
    color: #131313!important;
}
.nright .nr-middle li {
    display: inline-block;
    float: left;
    text-align: left;
    padding-left: 1em;
}
table {
    color: #FFFFFF;
    background: #131313;
    border-spacing: 0;
    width: 100%;
}
table tbody {
    text-align: left;
}
table #table-top {
    height: 4em;
    background: #131313;
    color: #FFFFFF;
}
tr:nth-child(even) {
    background: #e8e8e8;
    color: #131313;
}
tr:nth-child(odd) {
    background: #FFFFFF;
    color: #131313;
}
.change-league {
    display: none;
    height: 97%
}
table.league td, table.league th {
    text-align: left;
    padding: 7px 12px;
}
table .kairat {
    background: #fed618!important;
}
.nright .nr-bottom-left{
    vertical-align:bottom;
    width:55%;
}
.nright .nr-bottom-right {
    position: absolute;
    top:100%;
    right:0;
    width: 57%;
}
.nright .nr-skew {
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    height: 3em;
    background: #FFFFFF;
    position: relative;
}
.nright .nr-skew-fix {
    background: #FFFFFF;
    height: 100%;
    width: 50%;
    float: right;
}
.nright .tplayer {
    display: block;
    margin: 0.5em 0;
    font-size: 1.8em;
    color: #FFFFFF;

}
.nright .scorer {
    font-size: 5em;
    color: #131313;
}
.mobile-news {
    display: none;
    margin-bottom:20px;
}
.mob-news {
    position: relative;
}
.mob-news li{
    position: relative;
    padding: 10px;
    padding-top: 30px;
    margin-bottom: 10px;
    display: block;
    background: #FFFFFF;
    overflow: hidden;
}
.mob-news li:last-child{
    margin-bottom: 0;
}

.mob-news .mn-left {
    width: 40%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}
.mob-team-news .mn-left {
    width: 44%;
    margin-right: 1%;
    height:130px;
    display: inline-block;
    vertical-align: middle;
}
.mob-news .mn-right {
    display: inline-block;
    vertical-align: top;
    width: 57%;
    margin-top:1px;
}
.mob-news  .mob-newstitle {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    color: #000000;
    z-index: 2;
    text-transform: uppercase;
    font-size: 14px;
}
#all-news {
    position: absolute;
    top: 102%;
    right: 0;
    text-decoration: underline;
}


/***** АКАДЕМИЯ НА ГЛАВНОМ *****/
section.academy-block {
    position: relative;
    margin-bottom: 3em;
    height: 25em;
    overflow: hidden;
}
section.academy-block:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 45%;
    right: 0;
    background:url('../img/main/block.png') no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.academy-block .academy-img {
    overflow-x: hidden;
    background:url('../img/main/academy-fon.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 75%;
    height:100%;
}
.academy-block .hr-block {
    position: absolute;
    top: 58%;
    left: 62%;
    right: 2%;
    transform: translateY(-50%);
    height: 75%;
    z-index: 2;
}
.academy-block .hr-block .hr {
    width: 100%;
    height:100%;
}
.academy-block .on-titleb {
    color: #ffffff;
    width: 80%;
    position: absolute;
    top: 0;
    left: 8%;
    transform: translateY(-15%);
}
.academy-block .ontexttop {
    font-family: sm;
    font-size: 2em;
    text-transform: uppercase;
}
.academy-block .ontextbtm {
    margin-top: 2em;
}
.academy-block .atext, .bg-score .atext {
    color: #eaa802;
    margin-top: 3em;
    margin-bottom: 1.5em;
}
.academy-block .onnextBtn {
    background: #131313;
    border: 1px solid #eaa802;
    padding: 0.5em 1em;
    display: inline-block;
}
.academy-block .onnextBtn {
    background: #131313;
    border: 1px solid #eaa802;
    padding: 0.5em 1em;
    display: inline-block;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.academy-block  a {
    color: #ffffff;
    float: right;
    margin-top: 1em;
}

/***** Sponsors block *****/
.sponsors-block {
    position: relative;
    border-left: 2px dashed #131313;
    padding-left: 2em;
}
.sponsors-block:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    right:59%;
    bottom:0;
    border-bottom: 2px dashed #131313;
}
.pc-company {
    margin-top: -1.5em;
}
.sponsors-block img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.sponsors-block img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.sponsors-block .stitle {
    font-size: 3em;
    color: #fff;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    position: relative;
    top: -0.2em;
}
.sponsors-block .s-circle {
    height: 1em;
    width: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #131313;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.sponsors-block .s-circle-out {
    height: 2em;
    width: 2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #eaa802;
    border: 1px solid #131313;
    position: absolute;
    top:0;
    left:0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.sponsors-block .company {
    position: relative;
    padding-bottom: 1em;
    z-index:2;
}
.sponsors-block .row {
    margin: 2em 0;
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.sponsors-block .s-item1 {
    width: 19%;
}
.sponsors-block .s-item2 {
    width: 16%;
}
.sponsors-block .s-item3 {
    width: 8%;
}
.sponsors-block .s-item-end {
    width: 16%;
}
.hidden {
    visibility: hidden;
}
.sponsors-block .sponsorsNavigation {
    position: absolute;
    top:10%;
    right: 0;
    left: 0;
}
.sbtn-prev, .sbtn-next {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.sbtn-prev {
    position: absolute;
    top:0;
    right: 3%;
}
.sbtn-next {
    position: absolute;
    top: 0;
    right: 0;
}
.sbtn-prev:hover, .sbtn-next:hover {
    cursor: pointer;
    opacity: 0.3;
}
.mob-company {
    position: relative;
    display: none;
    padding-top: 5px;
    margin-top: -1.5em;
}
.mob-company .mc-left {
    width: 49%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.mob-company .mc-right {
    width: 49%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.block-content {
    position: relative;
}
.content {
    position: relative;
    z-index:1;
    float: left;
    width: 85%;
    height: auto;
}

/********** БОЛЕЛЬЩИКАМ **********/
section.fans {
    position: relative;
    padding-bottom: 2em;
}
.fans aside#nav {
    float: left;
    width: 20%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.fans .side-nav li {
    margin: 0.5em 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
}
.active-nav {
    background: #131313;
    color: #FFFFFF;
}
.bg-active.skew.active-nav img {
    filter: invert(1);
}
.nav-act-b {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #131313;
}
.nav-circle {
    height: 16px;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index:5;
}
.nav-circle2 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fans .adv {
    width: 70%;
}
.fans .content {
    position: relative;
    z-index:1;
    float: right;
    width: 79%;
    height: auto;
}

/* Фан клуб */
.fans .sheet {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    margin-top: -0.5em;
    overflow: hidden;
}
.fans .btn-sheet {
    width: 33.333%;
    float: left;
    padding: 5px 0;
}
.fans .sheet-pad {
    padding-top: 8px;
    padding-right: 2em;
}
.fans .text {
    padding: 2em 1em;
}
.fans .title {
    color: #FFFFFF;
    margin: 10px 0;
    font-size: 2em;
}
.fans .fcontact {
    border-top: 1px solid #131313;
    border-bottom: 1px solid #131313;
    padding: 3em 0;
    margin-top: 3em;
    font-style: italic;
}

/* Билеты */
.fans .buy-ticket {
    width: 70%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-top: 1em;
}
.fans .buy-ticket img {
    width: 35%;
}
.fans .fmatch {
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.fans .fmatch img {
    width: 60%;
}
.fans .fitem-time {
    display: inline-block;
}
.fans .fitem-l{
    position: absolute;
    top:0;
    left: 0;
}
.fans .fitem-r{
    position: absolute;
    top:0;
    right: 0;
}
.fans .fdate {
    margin-top: 25px;
    font-size: 2em;
    color: #131313;
}
.fans .ftime {
    font-size: 5em;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #fff;
}
.fans .fstadium {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5em;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    color: #fff;
}
.fans .fitem-name {
    font-size: 1.5em;
    color: #131313;
}
.fans .border {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #3e3f43;
}
.fans .buy-btn {
    padding: 0.5em 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #131313;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    margin: 2em 0;
    background-image: linear-gradient(135deg, #ffb500 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 0.8s;
}
.fans .buy-btn:hover {
    color: #131313;
    background-size: 200% 200%;
    background-position: 0px 0px;
}
.fans .info-ticket {
    width: 85%;
    margin: 0 auto;
    margin-top: 3em;
}
.fans .rgba {
    background: rgba(0, 0, 0, 0.6);
    padding: 1em 5px 3.5em 5px;
    text-align: center;
    color: #FFFFFF;
    width: 44%;
    position: relative;
}
.fans .fclub {
    text-transform: uppercase;
    font-size: 1.1em;
}
.fans .fcity {
    text-transform: uppercase;
    font-family:myriad-regular;
    font-size: 0.8em;
}
.fans .fvs {
    font-size: 3.5em;
    padding: 0;
}
.fans .fbtm {
    color: #000000;
    background: #FFFFFF;
    padding: 0.5em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.fans .fdate2 {
    font-size:1.2em;
}
.fans .coming-soon {
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 2em;
    color: #FFFFFF;
    text-align: center;
}
.fans .shop-title {
    background: #131313;
    padding: 0.5em 2em;
    width: 25%;
    margin: 0 auto;
    color: #FFFFFF;
    margin-top: 0.5em;
    text-align: center;
}
.fans .shop-title img {
    width: 25px;
}
.fans .ftext {
    width: 95%;
    margin: 0 auto;
    padding: 1em 0;
    border-bottom: 1px solid #484848;
}
.fans .shop-title2 {
    font-size: 2em;
    color: #FFFFFF;
}
.fans .simg {
    width: 48%;
    margin-top: 0.5em;
}
.fans .simg-block {
    margin-top: 1em;
}
.fans .sbottom {
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
    position: relative;
}
.fans .sb-right {
    float: right;
    width: 68%;
}
.fans .put-text {
    position: absolute;
    bottom:0;
    left:1em;
    width: 28%;
}
.fans .fz-text {
    margin: 1em 0;
}
.fans .fz-title {
    margin-bottom: 10px;
    font-weight: bold;
}
.pub-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
}


/* Абонементы */
#fan4 {
    padding: 1em;
}
.fans .atitle {
    font-size: 2em;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.fans .astadium {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.fans .dostar {
    width: 70%;
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    padding: 0.5em;
    margin-top: 2em;
}
.fans .ditem {
    width: 49%;
    text-align: left;
}
.fans .buy-abon {
    background: #131313;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    padding: 0.5em 1em;
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.fans .buy-abon:hover {
    color: #131313;
    background: #ffb500;
}
.fans .mrg {
    margin-top: 0.5em;
    padding-bottom: 3em;
}

.fans .abonements {
    margin-top: 3em;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    box-shadow:
            0px 11px 8px -10px rgba(255, 255, 255, 0.2),
            0px -11px 8px -10px rgba(255, 255, 255, 0.2);

    padding: 1.5em 0;
}
.fans .abitem {
    width: 25%;

}

/*******  НОВОСТИ   ********/
section.news {
    position: relative;
    margin-bottom: 2em;
}
.news aside#lnav {
    position: relative;
    float: left;
    width: 15%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.news .side-lnav li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin: 0.5em 0;
}
.bg-active {
    display: inline-block;
    padding: 0.5em 1em;
}

.bombardiry {
    width: 100%;
    padding: 0.5em;
    text-transform: uppercase;
}
.bombardiry .btitle-block {
    font-size: 1.6em;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
}
.bombardiry .b-middle {
    position: relative;
    margin-top: 0.5em;
    border-top: 1px dashed #000000;
    border-left: 1px dashed #000000;
    padding: 0.5em 0 4em 0.5em ;
    font-size: 1.5em;
    font-family: Light;
}
.bombardiry .b-circle {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 10px;
    background: #000000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.bombardiry .b-bottom {
    text-align: right;
    color: #FFFFFF;
    font-weight: 100;
    position: relative;
}
.bombardiry .b-text {
    font-size: 10em;
}
.bombardiry .b-text2 {
    font-size: 4.2em;
    margin-top: -20px;
}
.bombardiry .b-img {
    position: relative;
    top: -5em;
    left: 20%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.b-mrg {
    margin-bottom: 1em;
}
.news .content {
    position: relative;
    z-index:1;
    float: left;
    width: 85%;
    height: auto;
    padding: 0.5em;
}
.news .ntop {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.1);
}
.fans .ntop {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.1);
}
.fans .news-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.about-club .ntop {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.1);
}
.about-club .news-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.news .news-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.kairat-tv .ntop {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.1);
}
.kairat-tv .news-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.news select {
    outline: none;
    width: 18em;
    margin-left: 2em;
    padding: 3px;
    border:0;
    font-style: italic;
}
#shr {
    position: absolute;
    top: 15%;
    bottom: 15%;
    right: 6%;
    border-left: 1px solid #dcdcdc;
}
.news .nmiddle{
    padding-top:0.5em;
    margin-bottom: 1.5em;
    font-size: 14px;
    overflow: hidden;
}
.news .nbtm {
    width: 101%;
}
.news .left {
    width: 75%;
    position: relative;
}
.news .right {
    background: #FFFFFF;
    width: 25%;
    position: relative;
}
.news .desc-day {
    background: #131313;
    color: #FFFFFF;
    padding: 1em;
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
}
.news .desc-day2 {
    background: #131313;
    color: #FFFFFF;
    padding: 0.5em 1em;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
}
.news .pad-text {
    padding: 1em;
}
.news .ntext {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.news .ntext2 {
    margin-top: 1em;
    font-size: 13px;
    padding-bottom: 3em;
}
.news .list-item {
    overflow: hidden;
    position: relative;
}
.news .listtitle {
    background: #131313;
    position: absolute;
    width: 75%;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 3px 0;
    padding-left: 0.5em;
    z-index: 2;
    text-transform: uppercase;
}
.news .listhelp {
    background: #131313;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    width: 40%;
}
.news .count {
    font-size: 16px;
    padding-right: 1em;
    font-family: sm;
}
.news .news-list {
    position: relative;
    width: 32.33333%;
    margin-right: 1%;
    margin-bottom: 1em;
    float: left;
    background: #FFFFFF;
}
.news .listtext {
    background: #FFFFFF;
    padding: 0.5em;
    position: relative;
}
.news .desc-img {
    width: 100%;
}
.news .desc-text {
    width: 100%;
}
.news .ltext {
    font-weight:bold;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 1em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.news .ltext2 {
    font-size: 12px;
    padding-bottom: 3em;
}
.news .read-btn {
    border: 1px solid #fed618;
    background: #131313;
    position: absolute;
    bottom: 2%;
    right: 2%;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
}
.news .read-btn:hover {
    background-color: #fed618;
    color: #000000;
    border: 1px solid #000000;
}
.news .all-read {
    position: absolute;
    top:100%;
    right:1%;
}
.news .all-read a{
    text-decoration: underline;
}

.act-helper {
    background: #131313!important;
    box-shadow:
            inset 0px 11px 8px -10px rgba(255, 255, 255, 0.2),
            inset 0px -11px 8px -10px rgba(255, 255, 255, 0.2);
}
.active-time {
    background: #131313!important;
    color: #FFFFFF!important;
    box-shadow:
            inset 0px 11px 8px -10px rgba(255, 255, 255, 0.2),
            inset 0px -11px 8px -10px rgba(255, 255, 255, 0.2);
}
.news .rmiddle {
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    padding: 1em 0.5em ;
}
.news #begin, .news #end {
    display: none;
}
.news .rtext-2 {
    padding: 1em 2em;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin: 0.5em 0;
    font-weight:normal;
}
.news .rclub {
    text-transform: uppercase;
    font-size: 2.2em;
}
.news .rvs {
    font-size: 4em;
    padding: 0 10px;
}
.news .rbtm-text {
    color: #ffb500;
    font-size: 2.5em;
    padding: 0 0.5em;
}
.news .rbottom {
    background: #ffca00;
    margin-top: 1em;
    text-align: center;
}
.news .social-text {
    padding: 1em 0;
}
.news .social {
    height: 40em;
    background: #131313;
}
.news .go-over {
    padding: 1em 0;
}
.news .go-over a {
    text-decoration: underline
}
.news .go-over a:hover {
    color: #FFFFFF;
}

/*******  КОМАНДА  *******/
section.team {
    position: relative;
}
.team .hteam {
    width: 100%;
    margin-bottom: -2px;
    overflow: hidden;
}

.team .hteam:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.3);
}

.team .hvideo {
    background: url(../img/team/stadium.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    object-fit: fill;
    width: 100%;
    height: 800px;
    margin-top: -7em;
    margin-bottom: -8em;
}

.team .oncenter {
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}
.team .hteam .circle {
    position: relative;
    display: inline-block;
    padding:  2em 0;
}
.team .circle1 img {
    animation-name: spin;
    animation-duration: 10000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
}
.team .circle2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
}
.team .circle2 img {
    animation-name: spin;
    animation-duration: 30000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.team .team-nav {
    position: relative;
    display: block;
    margin: 1.5em 0;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.team .team-nav.active-team .arrow_left {
    display: none;
}
.team .tnav {
    position: relative;
    padding: 0.5em 1em;
}
.team .mrg {
    margin-top: 5em;
}
.team .tleft {
    width: 60%;
    float: left;
    position: relative;
}
.team .tright {
    background: #FFFFFF;
    width: 38%;
    float: right;
    padding: 1em;
}
.team .tr-list {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e8e8e8;
}
.team .tr-img {
    width: 41%;
    float: left;
}
.team .tr-text {
    width: 57%;
    float: right;
}
.team .tr-day {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0.5em 0;
}
.team .tr-btm {
    text-align: right;
}
.team .tr-btm a {
    text-decoration: underline;
}
.active-team {
    background: #ffb500;
    color: #000000!important;
}
.team .kairat-nav {
    display: none;
    position: absolute;
    bottom: 0;
    left:100%;
}
.team .border-btm {
    display: none;
    position: relative;
    z-index:1;
    width: 12em;
    border-bottom: 2px solid #ffb500;
}
.team .end-circle {
    height: 1em;
    width: 1em;
    background: #ffb500;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.team .rgba-nav {
    display: none;
    position: absolute;
    left: 90%;
    top: 0;
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    transform: translateY(-35%);
    width: 15em;
    background: rgba(0, 0, 0, 0.5);
    padding: 3em 0;
    text-align: center;
}
.team .rgba-nav li {
    margin: 1em 0;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 100;
}
/* ТРЕНЕРСКИЙ ШТАБ */
.team #coaches {
    padding-top:2em;
    display: none;
}
#coaches-content {
    opacity: 0;
}
.select-coach {
    display: none;
}
.change-coach {
    width: 33%;
    position: relative;
    vertical-align: bottom;
    z-index:2;
}
.team .coach-linfo {
    position: absolute;
    top: 10%;
    left:0;
    display: inline-block;
    text-align: left;
}
.coach-name {
    font-size: 3em;
    text-transform: uppercase;
}
.coach-post {
    font-size: 3em;
    color: #FFFFFF;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 1em;
}
.person-info {
    display: inline-block;
    padding: 2em;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    font-size: 20px;
}
.person-info:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border.png") no-repeat;
    background-size: 100% 100%;
}
.person-details {
    position: absolute;
    width: 25em;
    top: -1.8em;
    right: 0;
    text-align: justify;
    text-align-last: left;
}
.person-details-in {
    position: relative;
    padding: 3em 3em 0 3em;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    height: 21em;
    width: 100%;
}
.person-details-in:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border2.png") no-repeat;
    background-size: 100% 100%;
}
.pd, .notpc-sponsor {
    display: none;
}
.pd-border {
    position: absolute;
    top: 85%;
    right: 100%;
    border-top: 2px dashed #555555;
    border-left: 2px dashed #555555;
    height: 6em;
    width: 10em;
}
.pd-circle {
    position: absolute;
    top:0;
    right: -8%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2em;
    width: 2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
}
.pd-circle-in {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1.3em;
    width: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
}
.pd-change {
    margin: 1em 2em;
    display: inline-block;
}
.pd-change-button {
    background: #FFFFFF;
    margin: 5px;
    padding: 0.5em 1em;
}
.pd-active {
    color: #FFFFFF!important;
    background: #2d2d2d!important;
}

.pd-border2 {
    position: absolute;
    top: 0.5em;
    left: 100%;
    border-top: 2px dashed #555555;
    border-right: 2px dashed #555555;
    height: 3.9em;
    width: 8em;
}
.pd-circle2 {
    position: absolute;
    top:0;
    left: -7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.3em;
    width: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
}
.pd-circle-in2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 0.85em;
    width: 0.85em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
}
.list-coaches {
    background: #ffb604;
    position: relative;
}
.list-coaches-in {
    padding: 0 3em;
}
.coach-item {
    width:100%;
    cursor: pointer;
    padding: 0.5em 0;
    text-align: center;
    position: relative;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.list-coaches-a .coach-item ul {
    width: 80%;
    margin: 0 auto;
}
.list-coaches-a .text-left {
    text-align:left;
    display: block;
}
.cobl {
    position: absolute;
    top:10px;
    left: 0;
    bottom: 10px;
    border-left: 1px solid #131313;
}
.active-coach {
    background: #181818!important;
    color: #FFFFFF!important;
    border: 0!important;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
}
.list-coaches-in li {
    margin: 0.5em 0;
}
.coach-fio {
    font-weight:bold;
}
.coach-dolj {
    font-size: 14px;
}
.coach-prev, .coach-next, .coach-a-prev, .coach-a-next, .coach-m-prev, .coach-m-next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.3;
}
.coach-prev, .coach-a-prev, .coach-m-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.coach-next, .coach-a-next, .coach-m-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.coach-prev:hover, .coach-next:hover, .coach-a-prev:hover, .coach-a-next:hover, .coach-m-prev:hover, .coach-m-next:hover {
    opacity: 1;
}

/* СОСТАВ */
.team #line-up {
    background: #181818;
    color: #FFFFFF;
    position: relative;
    display: none;
}
#line-up-content {
    opacity:0;
}
.change-player {
    width: 75%;
    position: relative;
    vertical-align: bottom;
    z-index:2;
}
.select-player {
    display: none;
}
.team .player-linfo {
    position: absolute;
    bottom:10%;
    left:0;
    display: inline-block;
    text-align: left;
    opacity: 0;
}
.player-name {
    font-size: 3em;
    text-transform: uppercase;
}
.pl {
    margin-right: 1em;
}
.with-number {
    position: relative;
    display: inline-block;
}
.player-one-number {
    font-size: 19em;
    font-weight: 900;
    color: #373118;
    position: absolute;
    top: -11%;
}
.player-two-number {
    font-size: 19em;
    font-weight: 900;
    color: #373118;
    position: absolute;
    top: -11%;
    left: -8%;
}
.player-post {
    font-size: 4em;
    color: #ffb500;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.player-info {
    display: inline-block;
    padding: 1em 2.5em;
    position: relative;
}
.player-info:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border4.png") no-repeat;
    background-size: 100% 100%;
}
.player-details {
    position: absolute;
    width: 25em;
    bottom: 10%;
    right: 0;
    text-align: justify;
    text-align-last: left;
    opacity: 0;
}
.player-details-in {
    position: relative;
    padding: 3em 3em 0 3em;
    font-size: 13px;
    height: 22em;
    width: 100%;
}
.player-details-in:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border3.png") no-repeat;
    background-size: 100% 100%;
}
.player {
    display: none;
    width: 80%;
    top: 50%;
    left: 50%;
    position: absolute;
    max-height: 18em;
    overflow: hidden;
    overflow-y: auto;
    z-index: 11;
    padding-right: 10px;
}
.player::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #d0d0d0;
}

.player::-webkit-scrollbar
{
    width: 5px;
    background-color: #ffffff;
}

.player::-webkit-scrollbar-thumb
{
    background-color: #ffb500;
}
.player-circle {
    position: absolute;
    top:0;
    right: -8%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2em;
    width: 2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffb500;
}
.player-circle-in {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1.3em;
    width: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffb500;
}
.player-change {
    margin: 1em 0 0.5em 2em;
    display: inline-block;
	visibility: hidden;
}
.player-change-button {
    background: #FFFFFF;
    margin: 5px;
    padding: 0.5em 1em;
}
.mplayer-change-button {
    background: #FFFFFF;
    margin: 5px;
    padding: 0.5em 1em;
}
#mplayer-detail2, #mplayer-detail3 {
    display: none;
}
.player-inst {
    margin-left: 2.5em;
    display: inline-block;
}
.player-inst a {
    color: #FFFFFF;
}
.player-inst a:hover {
    color: #ffb500;
}
.player-inst i {
    font-size: 2em;
    margin-left: 10px;
}
.player-active {
    color: #FFFFFF!important;
    background: #2d2d2d!important;
}
.player-border2 {
    position: absolute;
    top: 0.5em;
    left: 100%;
    border-top: 2px dashed #a0a0a0;
    border-right: 2px dashed #a0a0a0;
    height: 4.2em;
    width: 8em;
    z-index:1;
}
.player-circle2 {
    position: absolute;
    top:0;
    left: -7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.5em;
    width: 1.5em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffb500;
}
.player-circle-in2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1em;
    width: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffb500;
}
.list-players {
    background: #ffb604;
    position: relative;
}
.list-players-in {
    padding: 0 3.5em;
}
.player-item {
    cursor: pointer;
    text-align: center;
    position: relative;
    border-left: 1px solid #131313;
    color: #000000;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    padding: 0.5em 0;
	width: 100%;
}
.active-player {
    background: #FFFFFF!important;
}
.player-number {
    font-size: 3em;
    margin-right: 5px;
}
.list-players-in li {
    font-size: 14px;
}
.player-prev, .player-next, .player-a-prev, .player-a-next, .player-m-prev, .player-m-next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.3;
}
.player-prev, .player-a-prev, .player-m-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.player-next, .player-a-next, .player-m-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.player-prev:hover, .player-next:hover, .player-a-prev:hover, .player-a-next:hover , .player-m-prev:hover, .player-m-next:hover {
    opacity: 1;
}


/* АДМИНИСТРАЦИЯ */
.team #admin {
    padding-top:2em;
    display: none;
}
.select-admin {
    display: none;
}
#admin-content {
    opacity: 0;
}
.change-admin {
    width: 33%;
    position: relative;
    vertical-align: bottom;
    z-index:2;
}
.team .admin-linfo {
    position: absolute;
    bottom: 8%;
    left:0;
    display: inline-block;
    text-align: left;
}
.admin-name {
    font-size: 3em;
    text-transform: uppercase;
}
.admin-post {
    font-size: 3em;
    color: #FFFFFF;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}
.admin-info {
    display: inline-block;
    padding: 1.5em;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    font-size: 20px;
}
.admin-info:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border.png") no-repeat;
    background-size: 100% 100%;
}
.admin-details {
    position: absolute;
    width: 25em;
    bottom: 8%;
    right: 0;
    text-align: justify;
    text-align-last: left;
}
.admin-details-in {
    position: relative;
    padding: 3em 3em 0 3em;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    height: 21em;
    width: 100%;
}
.admin-details-in:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/team/border2.png") no-repeat;
    background-size: 100% 100%;
}
.admin-border {
    position: absolute;
    top: 45%;
    right: 100%;
    border-top: 2px dashed #555555;
    border-left: 2px dashed #555555;
    height: 6em;
    width: 9em;
    z-index:1;
}
.admin-circle {
    position: absolute;
    top:0;
    right: -8%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2em;
    width: 2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
}
.admin-circle-in {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1.3em;
    width: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
}
.admin-change {
    margin: 1em 2em;
    display: inline-block;
}
.admin-change-button {
    background: #FFFFFF;
    margin: 5px;
    padding: 0.5em 1em;
}
.admin-active {
    color: #FFFFFF!important;
    background: #2d2d2d!important;
}

.admin-border2 {
    position: absolute;
    top: 0.5em;
    left: 100%;
    border-top: 2px dashed #555555;
    border-right: 2px dashed #555555;
    width: 7em;
}
.admin-circle2 {
    position: absolute;
    top:0;
    left: -7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.3em;
    width: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
}
.admin-circle-in2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 0.85em;
    width: 0.85em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
}
.list-admins {
    background: #181818;
    position: relative;
    box-shadow:
            inset 0px 15px 8px -10px rgba(255, 255, 255, 0.3), inset 0px -11px 8px -6px rgba(255, 255, 255, 0.3)
}
.list-admins-in {
    padding: 0 3em;
}
.admin-item {
    cursor: pointer;
    padding: 0.5em 0;
    text-align: center;
    position: relative;
    background: #181818!important;
    color: #FFFFFF!important;
    border: 0!important;
    box-shadow:
            inset 0px 15px 8px -10px rgba(255, 255, 255, 0.3), inset 0px -11px 8px -6px rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    width:100%;
}
.active-admin {
    background: #ffb500!important;
    box-shadow: none!important;
    color: #000000!important;
}
.list-admins-in li {
    margin: 0.5em 0;
}
.admin-fio {
    font-weight:bold;
}
.admin-dolj {
    font-size: 14px;
}
.admin-prev, .admin-next, .admin-a-prev, .admin-a-next, .admin-m-prev, .admin-m-next   {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.3;
}
.admin-prev, .admin-a-prev, .admin-m-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.admin-next, .admin-a-next, .admin-m-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.admin-prev:hover, .admin-next:hover, .admin-a-prev:hover, .admin-a-next:hover, .admin-m-prev:hover, .admin-m-next:hover {
    opacity: 1;
}
.together {
    display: none;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.mobile-team {
    position: relative;
    display: none;
}
.mobile-team li {
    display: inline-block;
    margin: 0 1em;
    position: relative;
    font-size: 14px;
}
.mobile-team .btn-teams-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index:6;
}
.mobile-team .btn-teams {
    text-align: center;
}
.mobile-team .btn-teams-nav li {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    font-size: 12px;
    position: relative;
    cursor: pointer;
}
.mobile-team .btn-teams-nav li:active {
    color: #ffb500;
}
.mobile-team .rgba-mob-nav {
    background: rgba(0, 0, 0, 0.5);
    padding: 2em 0;
    color: #c7c9c6;
    text-transform: uppercase;
    width: 160px;
}
.mobile-team .hr-team {
    height: 25px;
    position: relative;
}
.mobile-team .hr-team:before {
    content: '';
    position: absolute;
    left:50%;
    top: 0;
    bottom:0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 3px solid rgba(0, 0, 0, 0.5);
}
.active-team-nav {
    background: #131313;
    color: #FFFFFF;
}
.mobile-team .team-mob-nav  {
    padding: 0.5em 1em;
    cursor: pointer;
}
.mobile-team .mob-coach-info {
    position: relative;
}
.mobile-team .cleft {
    width: 48%;
    float: left;
}
.mobile-team .cright {
    width: 48%;
    float: right;
}
.mobile-team .cright li {
    display: block;
    margin: 0;
}
#mperson-detail1, #mperson-detail2 {
    display: none;
}
.mpd-change-button {
    width: 50%;
    padding: 10px 0;
}
.mobile-team .container {
    width: 95%;
}
.mobile-team #mob-line-up, .mobile-team #mob-line-up-a, .mobile-team #mob-line-up-m {
    background: #181818;
    color: #FFFFFF;
    position: relative;
    padding-top: 1em;
    display: none;
}
.mob-player-info  {
    position: relative;
}
.mobile-team .pleft {
    position: relative;
    width: 48%;
    float: left;
}
.mobile-team .pright {
    width: 48%;
    float: right;
}
.mobile-team .pright li {
    display: block;
    margin: 0;
}
.mobile-team #mob-coaches, .mobile-team #mob-coaches-a, .mobile-team #mob-coaches-m, .mobile-team #mob-admin, .mobile-team #mob-admin-a, .mobile-team #mob-admin-m {
    padding-top: 1em;
    display: none;
}
.mselect-coach, .mselect-player, .mselect-admin {
    display: none;
}
.mstadium {
    display:none;
}
#mob-coach-lists ul {
    text-align: center;
}
.mobile-team .mob-player-change {
    margin-top: 10px;
}

.player-video {
    position: relative;
    top: 0;
    width: 100%;
    object-fit: fill;
    height: 90vh;
}

.opacity {
    opacity: 0;
}


/********** КЛУБ **********/
section.about-club {
    position: relative;
    margin-bottom: 2em;
}
.about-club aside#nav {
    float: left;
    width: 15%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.about-club .side-nav li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin: 0.5em 0;
}
.about-club  .content {
    position: relative;
    z-index:1;
    float: left;
    width: 85%;
    height: auto;
    padding-left: 2em;
}
.kairat-tv.about-club .content {
    padding-left: 2em;
}
.about-club .br {
    padding: 0.5em;
}

/* Философия */
.about-club .ph-left {
    width: 64%;
    float: left;
}
.about-club .ph-right {
    width: 33%;
    float: right;
}
.about-club .ac-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 0.5em;
}
.about-club .ac-title2 {
    font-size: 1.6em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0.5em 0;
    letter-spacing: 1px;
}
.about-club .ac-title3 {
    font-size: 1.6em;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0.5em 0;
}
.about-club .ac-list {
    margin-top: 2em;
}
.about-club .ac-left {
    width: 44%;
    float: left;
}
.about-club .top {
    text-transform: uppercase;
    border-bottom:  1px solid #FFFFFF;
    font-size: 25px;
    letter-spacing: 1px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 2px;
    margin-bottom: 0.5em;
}
.about-club .top img {
    margin-left: 1em;
    margin-bottom: -5px;
}

.about-club .ac-right {
    width: 45%;
    float: right;
}
.about-club .ac-end {
    width: 65%;
}
.philosophy-mob {
    display: none;
}
.ph-mob-block {
    margin: 10px 0;
}
.ph-mob-l {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}
.ph-mob-r {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 1%;
}
.ph-title {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
}


/* История */
.about-club .h-left {
    width: 58%;
    float: left;
}
.about-club .h-right {
    width: 41%;
    float: right;
}
.about-club .h-left2 {
    width: 38%;
    float: left;
}
.about-club .h-right2 {
    width: 60%;
    float: right;
}

/* Достижения */
.about-club .d-left {
    width: 35%;
    float: left;
}
.about-club .d-right {
    width: 63%;
    float: right;
}
.about-club .d-text {
    margin-top: 1em;
}
.about-club .d-block {
    overflow: hidden;
    margin-top: 1em;
}
.about-club .d-title {
    font-family: sm;
    font-size: 25px;
    color: #ffb500;
    background: #000000;
    display: inline-block;
    padding: 0.3em 1em;
    width: 25%;
    text-transform: uppercase;
}
.listhelp2 {
    background: #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40%;
}
.about-club .d-block2 {
    background: #FFFFFF;
    padding: 1em;
}
.about-club .d-left2 {
    width: 50%;
    float: left;
    text-align: center;
}
.about-club .d-left2, .about-club .d-right2 ul {
    text-align: left;
    display: inline-block;
}
.about-club .d-left2 li, .about-club .d-right2 li {
    margin: 1em 0;
}
.about-club .d-right2 {
    width: 50%;
    float: right;
    text-align: center;
}

.about-club .d-left3 {
    width: 47%;
    float: left;
}
.about-club .d-right3 {
    width: 52%;
    float: right;
}
.about-club .end-border {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #000000;
}

/* Домашний стадион */
.show-video {
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.hide-video {
    opacity: 0;
}
.about-club .s-contact {
    padding: 1em 0;
    margin: 1em 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.about-club .sitem {
    position: relative;
    text-align: right;
}
.about-club .s-put {
    position: relative;
    bottom:0;
    left:0;
    width: 35%;
    text-align: left;
    float: left;
}
.about-club .s-contact .li-left {
    width: 35%;
    float: left;
    font-weight:bold;
}
.about-club .s-contact .li-right{
    width:65%;
    float: right;
}
.about-club .s-right {
    width: 60%;
    display: inline-block;
}

/* О городе */
.about-club .city-video {
    background: #999999;
    height: 400px;
    margin-bottom: 1em;
}
.about-club .pr-item {
    width: 33%;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    filter: grayscale(1);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.about-club .pr-single {
    width: 48%;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    filter: grayscale(1);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.about-club .pr-item:hover, .about-club .pr-single:hover {
    filter: grayscale(0);
}
.centerNavigation {
    text-align: center;
    margin-top: 1em;
}
.city-prev, .city-next, .stadium-prev, .stadium-next, .social-prev, .social-next, .fseg-prev, .fseg-next, .matches-prev, .matches-next {
    opacity: 0.5;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    cursor: pointer;
}
.city-prev:hover, .city-next:hover, .stadium-prev:hover, .stadium-next:hover, .social-prev:hover, .social-next:hover, .fseg-prev:hover, .fseg-next:hover, .matches-prev, .matches-next  {
    opacity: 1;
}
.video-mrg {
    margin-top: 1em;
}
.video-mrg2 {
    margin-top: 1.5em;
}

/* РУКОВОДСТВО */
.about-club .guide-block {
    position: relative;
}
.about-club .guide-info {
    margin-top: 2em;
    display: none;
}
.about-club .guide-left {
    float:left;
    width: 37%;
}
.about-club .guide-photo {
    position: relative;
    height:auto;
}
.about-club .guide-photo img {
    width: 95%;
    height:100%;
    margin-left: 10%;
    position: relative;
    z-index:1;
    vertical-align: bottom;
}
.about-club .guide-name {
    background: #FFFFFF;
    padding: 1em;
    position: absolute;
    top:-5%;
    left:-2%;
    right: 45%;
    bottom:30%;
}
.about-club .guide-plajka {
    background: #fff;
    padding: 10px 0;
    text-align: center;
    display: none;
    font-size: 14px;
}
.about-club .g-name {
    font-family: sm;
    font-size: 2em;
    color: #ffca00;
    text-transform: uppercase;
}
.about-club .g-position {
    font-family: sm;
    font-size: 1.4em;
}
.about-club .g-mrg {
    margin: 0.5em 0;
}
.about-club .g-year {
    font-size: 14px;
}
.about-club .guide-right {
    float: right;
    width: 60%;
    overflow: auto;
    height:21em;
}
.about-club .mguide-txt {
    display: none;
    font-family: sm;
    font-size: 2.3em;
}
.about-club .guide-right::-webkit-scrollbar {width: 10px;}
.about-club .guide-right::-webkit-scrollbar-track {border: 1px solid #131313; background: #ffb500}
.about-club .guide-right::-webkit-scrollbar-thumb {background-color: #131313; outline: 1px solid #cccccc;}
.about-club .guide-right li {
    font-size: 14px;
    margin-bottom: 1em;
}
.about-club .guide-change {
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
}
.about-club .guide-items {
    width: 102%;
}
.about-club .guide-item {
    position: relative;
    float: left;
    width: 18%;
    height:23em;
    margin-right: 2%;
    cursor: pointer;
}
.gi-width {
    width: 95%;
    margin: 0 auto;
}
.about-club .gi-name {
    font-size: 1.6em!important;
    font-family:sm;
}
.about-club .guide-item li{
    font-size: 13px;
}
.guide-mob{
    display: none;
}
.btn-mguide {
    cursor: pointer;
}
btn-mguide ul {
    display: inline-block;
    text-align: left;
}
.btn-mguide li {
    font-size: 11px;
}
#guide-carousel {
    padding: 0 3.5em;
    margin-top: 1em;
}
.guide-mtop {
    color: #000000!important;
    background: #ffb500;
    position: relative;
}
#guide-carousel .item {
    padding: 5px 0;
    text-align: center;
	width: 100%;
}
.active-guide {
    background: #181818!important;
    color: #FFFFFF!important;
    border: 0!important;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.8);
}
.about-club .gi-photo img {
    width: 100%;
}
.about-club .gi-active {
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right:0;
    text-align: center;
    display: none;
}
#gi-active1 {
    position: absolute;
    top:-1px;
    left:50%;
}
#gi-active2 {
    position: absolute;
    bottom:-1px;
    left:50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
}
#partner-carousel {
    background: #FFFFFF;
}
.partnerNavigation {
    position: absolute;
    bottom:7%;
    left: 71%;
}
.partner-prev, .partner-next {
    opacity: 0.5;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    cursor: pointer;
}
.partner-prev:hover, .partner-next:hover {
    opacity: 1;
}
.about-club .part-text {
    font-family: sm;
    font-size: 1.8em;
    width: 90%;
    margin: 0 auto;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.about-club .part-href {
    width: 90%;
    margin: 0 auto;
    margin-top: 0.5em;
    font-size: 13px;
}
.about-club .part-href a {
    text-decoration: underline;
}
.about-club .bpb-slider {
    position: relative;
    margin: 1em 0;
}
.about-club .bpbs-left {
    width:70%;
    float: left;
}
.about-club .bpbs-right {
    position: relative;
    width: 30%;
    float: right;
    background: #FFFFFF;
}
.about-club .bpb-text {
    margin: 1em 0 0 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #000000;
}
.about-club .bpb-text li{
    margin-bottom: 1em;
    line-height: 20px;
}

/* Закупки */
.about-club .skew-btns {
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 1em;
    margin-bottom: 1.5em;
}
.about-club .download-block {
    margin-left: 1.5em;
}
#download-carousel, #fil-carousel, #cmd-carousel, #btn-partner-carousel {
    padding: 0 3.5em;
}
#download-carousel  .item, #fil-carousel .item, #cmd-carousel .item {
    padding: 10px 0;
	width: 100%;
}
#btn-partner-carousel .item{
    padding: 5px 0;
	width: 100%;
}
#btn-partner-carousel .item.act-mslider img{
	filter: invert(1);
}
.download-prev, .fil-prev, .cmd-prev, .bpart-prev, .guide-prev,  .matches-prev {
    position: absolute;
    left: 1%;
    top: 50%;
}
.download-next, .fil-next, .cmd-next, .bpart-next, .guide-next, .matches-next {
    position: absolute;
    right: 1%;
    top: 50%;
}
.download-prev img, .download-next img, .fil-prev img, .fil-next img, .cmd-prev img, .cmd-next img, .bpart-prev img, .bpart-next img, .matches-prev img, .matches-next img{
    filter: invert(1);
}
.change-year {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background: #131313;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.4);
    padding: 0.3em 2em;
    margin: 0 -3px;
    text-align: center;
    position: relative;
    top: 1px;
    cursor: pointer;
}
.active-z {
    background: #FFFFFF!important;
    color: #131313!important;
}
.about-club .list-file {
    position: relative;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 0.5em;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: pointer;
}
.about-club .number-file {
    font-family: sm;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}
.about-club .name-file {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
}
.download-mfiles {
    display: none;
    color: #000000;
    padding: 1em;
}
.download-mhref {
    cursor: pointer;
    border-bottom: 1px solid #FFFFFF;
}
.download-mbtn {
    display: none;
}
.name-mfile {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}
.download-minfo {
    text-align: center;
}
.download-white {
    background: #FFFFFF;
    padding: 1em;
    text-align: left;
    font-weight: bold;
}
.about-club .download-btn {
    margin-top: 5em;
}
.about-club .download-info {
    font-weight: normal;
}
.about-club .download-info li {
    margin: 5px 0;
}
.about-club .dfile {
    background: #131313;
    padding: 0.5em 1em;
    display: inline-block;
    color: #FFFFFF;
    margin-top: 2em;
    position: relative;
    z-index:1;
    cursor: pointer;
}
.about-club .border-dwd {
    position: absolute;
    top: 4%;
    bottom:5%;
    left: -3%;
    border-left: 1px dashed #000000;
}
.about-club .bordertop-dwd {
    width: 1em;
    border-top: 1px dashed #000000;
    position: absolute;
    top:0;
    left:0;
}
.about-club .borderbtm-dwd {
    width: 3em;
    border-top: 1px dashed #000000;
    position: absolute;
    bottom:0;
    left:0;
}
.about-club .border-dwd2 {
    position: absolute;
    top: 15%;
    bottom:5%;
    left: -3%;
    border-left: 1px dashed #000000;
}
.about-club .border-dwd3 {
    position: absolute;
    top: 26%;
    left: -3%;
    bottom:5%;
    border-left: 1px dashed #000000;
}
.about-club .border-dwd4 {
    position: absolute;
    top: 37%;
    bottom:5%;
    left: -3%;
    border-left: 1px dashed #000000;
}
.download-fade , .border-fade {
    position: relative;
    display: none;
}
.act-dwd {
    text-decoration: underline;
}

/* Стать партнерам */
.about-club .be-partner-btn {
    overflow: hidden;
}
.about-club .be-partner-block {
    display: none;
}
.bp-btn{
    padding: 2px 2.5em;
    width: 33.33333%;
    float: left;
}
.about-club .license-top {
    margin: 2em 0;
}
.about-club .license-mob {
    display: none;
}
.about-club .license-left {
    width:50%;
    float: left;
}
.about-club .license-right {
    width: 30%;
    float: right;
    border-left: 1px solid #FFFFFF;
    padding-left: 1em;
}
.about-club .be-partner-shop {
    position: relative;
    padding-bottom: 1em;
    border-bottom: 1px solid #000000;
}
.about-club .bps-text {
    position: absolute;
    top:1%;
    left:1%;
    font-family: sm;
    font-size: 2.5em;
}
.about-club .bpb-block {
    margin-top: 2em;
    margin-left: 1em;
}
.about-club .bpb-left {
    width:53%;
    float: left;
}
.about-club .bpb-right {
    width:45%;
    float: right;
}
.about-club .bpb-text2 {
    margin-bottom: 3em;
}
.about-club .bpb-secure {
    background: #FFFFFF;
    display: inline-block;
    padding: 5px 0.5em;
    text-align: center;
    font-family: sm;
    font-size: 1.5em;
    margin-bottom: 1em;
}
.about-club .codex {
    background: #FFFFFF;
    margin: 1em 0;
    margin-top: 2em;
}
.about-club .codex-top {
    padding: 2em;
    border-bottom: 1px solid #000000;
}
.about-club .codex-btm {
    padding: 2em 0;
    padding-left: 3em;
    width: 50%;
    display: inline-block;
    font-style: italic;
    color: #7c7c7c;
    font-size: 14px;
}
.about-club .codex-item {
    width: 48%;
}
.about-club .codex-number {
    font-family: sm;
    font-size: 1.5em;
    float: left;
    width: 4%;
}
.about-club .codex-text {
    width: 96%;
    float: right;
}
.about-club .codex-text2 {
    padding: 2em;
    border-bottom: 1px solid #000000;
}
.about-club .codex-text3 {
    padding: 2em;
    width: 70%;
    display: inline-block;
    font-style: italic;
    color: #7c7c7c;
    font-size: 14px;
}
.bp-part img{
    width: 23px;
}


/* Соц. отв. */
.about-club .so-left {
    width: 40%;
    float: left;
}
.about-club .so-right {
    width: 50%;
    float: right;
}


/*****  АКАДЕМИЯ  *****/
section.academy {
    position: relative;
    margin-bottom: 2em;
}
.academy aside#nav {
    float: left;
    width: 15%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.academy .side-nav li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin: 0.5em 0;
}
.academy  .content {
    position: relative;
    z-index:1;
    float: left;
    width: 84%;
    height: auto;
    margin-left: 1%;
}
.academy .otbor-fon {
    width: 100%;
    height:26em;
    object-fit: cover;
}
.academy .br {
    padding: 0.5em;
}
.academy .a-title {
    font-size: 2em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 0.5em;
}
.academy .a-title2 {
    font-size: 1.5em;
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0.5em 0;
}
.academy .a-contact {
    margin-top: 2em;
    padding: 1em 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.academy .a-contact li {
    margin: 5px 0;
}
.academy .a-contact li:first-child {
    margin-bottom: 10px;
    font-weight: bold;
    font-style: italic;
}
.academy .attention-block {
    margin-top: 3em;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #000000;
}
.academy .a-left {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.academy .a-right {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    background: #FFFFFF;
    position: relative;
    padding: 1.3em;
    margin-top:10px;
    padding-left: 3em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.academy .ltitle {
    margin-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
#attention {
    position: absolute;
    left: 0;
    top:0;
}
.academy .otbor-date li {
    margin: 5px 0;
}

/* ФИЛИАЛЫ */
.academy .types-filial {
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}
.btn-filial {
    width: 25%;
    float: left;
    padding: 10px 0;
}
.btn-mfilial {
    padding: 10px 0;
}
.btn-filial ul {
    display: inline-block;
    text-align: left;
}
.btn-mfilial ul {
    display: inline-block;
    text-align: left;
}
.filial-block, .filial-mblock {
    display: none;
    margin-top: 1em;
}

.academy .f1-btm {
    margin-left: 1.5em;
}
.academy .filial-video {
    height: 20em;
    background: #c7c9c6;
    width: 100%;
    margin-bottom: 1em;
}
.academy .filial-text {
    margin-left: 1.5em;
    padding-bottom: 3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #000000;
}
.academy .filial-text li {
    line-height: 23px;
}
.academy .filial1-top {
    margin-bottom: 1em;
}
.academy .f1-title {
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 1em;
}
.academy .f1-rasp {
    height: 13em;
    width: 100%;
    background: #c7c9c6;
}
.academy .f1-contact {
    margin: 1em 0;
    padding: 1em 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.academy .f1-contact li {
    line-height: 23px;
}
.academy .f1-contact li:first-child {
    margin-bottom: 10px;
    font-style: italic;
}

/* КОМАНДЫ */
.academy .academy-cmd {
    overflow: hidden;
    background: #131313;
    margin-bottom:15px;
    margin-left: 2.5em;
}
.btn-cmd {
    width: 16.66%;
    float: left;
    padding: 2px;
}
.bc-last {
    width: 33.32%!important;
    text-align: left;
}
.bc-last2 {
    margin-left: 2.8em;
}
.academy .academy-players {
    background: url(../img/academy/pole.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 51em;
    margin-top: 2em;
    margin-left: 2em;
    display: none;
}
.academy .ap-block {
    width:102%;
}
.academy .academy-player {
    width: 14.66%;
    float: left;
    margin-bottom: 1em;
    margin-right: 2%;

}
.academy .ap-photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index:1;
    height:8.5em;
}
.academy .ap-photo img{
    height: 100%;
    width:100%;
    object-fit: cover;
}
.academy .ap-text {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.academy .ap-border {
    position: absolute;
    top: -5em;
    bottom:40%;
    left: -6%;
    right: -6%;
    border: 1px dashed #000000;
}
.academy .ap-info {
    background: #FFFFFF;
    margin-bottom: 5px;
    position: relative;

}





/*  Контакт */
.content-contact-title {
    font-family: sm;
    font-size: 2em;
    color: #FFFFFF;
    margin-bottom: 0.5em;
}
.contact-info li {
    margin: 5px 0;
}
.contact-info .li-left {
    font-weight: bold;
    margin-right: 1em;
}
.contact-q {
    padding: 1em 0;
    margin: 1.5em 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.contact-q2 {
    padding: 1em 0;
    margin-top: 1.5em;
    border-top: 1px solid #000000;
}
.contact-q2 .li-left {
    font-weight: bold;
    margin-right: 1em;
}
.contact-q2 li {
    margin: 5px 0;
}
.rgba-fil {
    margin: 1em 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 1em;
    width: 47%;
    color: #FFFFFF;
    text-align: center;
}
.rgba-fil ul{
    display: inline-block;
    text-align: left;
}
.fil-title {
    font-size: 2em;
    font-family: sm;
    margin: 5px 0;
}
.contact-map {
    margin-top: 1em;
    margin-bottom: 10px;
}
.map-title {
    font-family: sm;
    font-size: 2em;
    margin-bottom: 10px;
}


/* Интернет-магазин */
section.online-store {
    position: relative;
    margin-bottom: 2em;
}
.store-block .item {
    width:100%;
}
.online-store .os-top {
    margin-bottom: 1.5em;
}
.online-store aside#nav {
    position: relative;
    float: left;
    width: 22%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.online-store .side-nav li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
.online-store  .content {
    position: relative;
    z-index:1;
    width: 100%;
}
.online-store  .os-title {
    font-family: sm;
    font-size: 4em!important;
    color: #fff;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 10px 0!important;
    margin-left: 16px!important;
    margin-top: 0!important;
}
.online-store  .os-mrg {
    margin-right: 10px;
}
.online-store  .block-store {
    display: none;
    margin-top: 1em;
}
.online-store .store-block {
    position: relative;
    width: 78%;
    float: right;
}
.online-store  .os-slider {
    height: 25em;
    overflow: hidden;
    position: relative;
    text-align: right;
}
.online-store  .os-slider img {
    height:100%;
    width:100%;
    object-fit: cover;
}
.online-store  .os-slider-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 45%;
    right: 0;
    background: url(../img/main/block.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.online-store .slider-text {
    position: absolute;
    top:50%;
    left:50%;
    font-size: 20px;
    z-index:1;
    color: #FFFFFF;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width:100%;
}
.slider-img {
    width: 100%;
}
.slider_img img{
    width:30%;
    margin: 0 auto;
}
.online-store .slider-title {
    font-size: 1.2em;
    text-transform: uppercase;
    font-family:myriad-regular;
}
.online-store .slider-title2 {
    font-size: 2em;
    text-transform: uppercase;
    font-family:myriad-bold;
}
.storeNavigation {
    position: absolute;
    bottom:5%;
    right: 2%;
    filter: invert(1);
}
.store-prev, .store-next {
    margin: 0 5px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.store-prev:hover, .store-next:hover {
    opacity: 1;
}

.online-store  .filtration-block {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0px 11px 8px -10px rgba(255, 255, 255, 0.2), 0px -11px 8px -10px rgba(255, 255, 255, 0.2);
    padding: 1em 0;
    margin-top:1.5em;
}
.online-store .filter-block {
    position: relative;
    z-index:2;
}
.online-store .my-cart {
    float: left;
    background: #FFFFFF;
    padding: 2px 10px;
    cursor: pointer;
    position: relative;
    margin-left: 3em;
}
.online-store .my-cart:active {
    top:2px;
}
.online-store .my-cart img, .online-store .my-cart-mob img {
    filter: invert(1);
}
.online-store .my-cart-mob {
    position: absolute;
    left:15%;
    top: 50%;
    z-index:10;
    display: none;
}
.online-store .filter-block-right {
    width: 60%;
    float: right;
    text-align: right;
}
.online-store .filter-left {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
.online-store .filter-right {
    overflow: hidden;
    text-align: center;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}
.online-store .mrg-right {
    margin-right: -1px;
}
.online-store .btn-filter {
    width: 33.33333%;
    float: left;
}
.online-store .btn-filter a {
    color: #ffffff;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.online-store .btn-filter.active-skew a {
    color: #000000;
}
.online-store .product-block {
    width: 101%;
}
.online-store .product {
    background: rgba(0, 0, 0, 0.65);
    padding: 10px ;
    width: 32%;
    height: 28em;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
    position: relative;
}
.online-store .product-top {
    position: relative;
    padding: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    height: 14em;
}
.online-store .product-top:hover {
    padding: 2em;
}
.online-store .product-top:before {
    content: '';
    position: absolute;
    left:15%;
    right:15%;
    top:15%;
    bottom: 15%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background: url("../img/online-store/border-shop.png") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100% ;
}
.online-store .product-top:hover:before{
    left:0;
    right:0;
    top:0;
    bottom: 0;
}

.online-store .product-img {
    background: #FFFFFF;
    text-align: center;
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.online-store .product-img:hover .product-top{
    padding: 2em;
}
.put-price {
    position: absolute;
    bottom: 2%;
    width: 100%;
}
.online-store .product-image {
    width: 100%;
    height: 100%;
}
.online-store .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.online-store .product-count-circle {
    position: absolute;
    top: 3%;
    right: 2%;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background: #fff;
}
.online-store .product-count {
    position: absolute;
    top: 50%;
    left:50%;
}
.online-store .product-price {
    font-family: sm;
    font-size: 2.5em;
    color: #ffb500;
    text-align: center;
    margin: 5px 0;
}
.online-store .product-name {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 1em 0;
    text-align: center;
}
.online-store .product-name ul{
    text-align: left;
    display: inline-block;
    color: #FFFFFF;
}
.online-store .cart-btn {
    position: absolute;
    bottom: 1%;
    left: 50%;
    background: #131313;
    border: 1px solid #ffb500;
    text-align: center;
    padding: 2px 0;
    color: #FFFFFF;
    cursor: pointer;
    width: 50%;
}
.online-store .cart-btn:active {bottom: 0;}
.cart-block {
    position: relative;
    max-width: 1000px;
    background:#ffb500;
    padding: 1em 2em;
    margin: 0 auto;
    font-size: 14px;
    z-index:100;
    overflow: hidden;
    margin-top: 3em;
}
.cart-block .list-product {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.cart-block .cart-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.2em;
}
.w600 {
    max-width: 600px!important;
}
.cart-block.w600 .change_txt_after_pay {
    visibility: hidden;
}
.height_cart {
    max-height: 600px;
    width: 100%;
    overflow: auto;
    padding-right:9px;
}
.h100 {
    height:100%;
}
.height_cart::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.height_cart::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.height_cart::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #000;
}
.cart-block .lp-left {
    background: #FFFFFF;
    padding: 25px 0;
    width: 20%;
    float: left;
}
.cart-block .lp-right {
    width: 78%;
    float: right;
}
.cart-block .lp-left2 {
    width: 55%;
}
.cart-block .lp-right2 {
    width: 40%;
    text-align: right;
}
.cart-block .lp-right2 ul{
    display: inline-block;
    text-align: left;
}
.cart-block .product-inc-name {
    text-decoration: underline;
}
.cart-block .product-size {
    margin: 15px 0;
}
.cart-block .lp-right select {
    width: 5em;
    padding: 3px 0;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: 0;
    font-weight:bold;
}
.cart-block .product-cost {
    font-family: sm;
    font-size: 35px;
}
.slct-left {
    margin-top: 4px;
    float: left;
}
.cart-block .product-for-pay {
    text-align: right;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin: 12px 0;
    padding: 12px 0;
}
.cart-block .price_txt {
    font-size: 1.3em;
    position: relative;
    top:-4px;
}
.cart-block .final-price {
    font-family:sm;
    font-size: 3.5em;
    margin-left: 0.5em;
    margin-bottom: -5px;
}
.cart-block .pfp-btn {
    margin-top: 10px;
}
.p-continue, .p-send, .p-close {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background: #000000;
    margin-right: 1em;
    text-transform: uppercase;
    cursor: pointer;
}
.p-send {
    margin-bottom: 0.5em;
}
.p-issue {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background: #FFFFFF;
    text-transform: uppercase;
    color: #000000;
    cursor: pointer;
}
.p-continue:active, .p-issue:active, .p-send:active {
    top: 1px;
}
.cart-block .selects {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.product-delivery {
    width: 55%;
}
.product-delivery input[type="radio"] {
    width: 15px;
}
.product-delivery label {
    display: inline;
    margin-left: 5px;
}
.cart-block .comment {
    font-size: 12px;
    font-style: italic;
}
.cart-block .pd-title {
    margin-bottom: 1.5em;
}
.cart-block .radiobtn {
    margin: 10px 0;
}
.cart-block .product-input {
    width: 55%;
}
.cart-block .contact-text, .cart-block .samovivoz-text {
    float: left;
}
.cart-block .contact-input, .cart-block .samovivoz_block  {
    width: 60%;
    float: right;
}
.cart-block .pi-contact-block {
    margin-bottom: 0.7em;
}
.samovivoz {
    display: none;
}
#type_delivery {
    font-family: Roboto;
    padding: 0.5em 10px;
    border: 0;
    outline: none;
    width:100%;
}
.when_pay {
    display: block;
}
.contact-tel {
    width: 100%;
    background: #FFFFFF;
    padding: 5px;
}
.contact-address {
    width: 100%;
    height:5em;
    background: #FFFFFF;
    border:0;
    outline:none;
    padding: 5px;
}
.nal {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
}
.cart-block .send-block {
    text-align: right;
    color: #FFFFFF;
}
#close-cart-block {
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
#close-cart-block:hover {
    opacity:1;
}
/* Купить*/
.selects input[type="radio"]:checked {
    background-color: #131313;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    border: 3px solid #FFFFff;
}
.selects input[type="radio"] {
    cursor: pointer;
    margin-right: 0.5em;
    width: 1em;
    height: 1em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    background-color: #FFFFff;
    position: relative;
    top: 2px;
}
.selects label {
    cursor: pointer;
}
.cart-block .cbb-left {
    background: #FFFFFF;
    float: left;
    width: 39%;
    text-align: center;
    border: 3px solid #000000;
    padding: 3px;
}
.cbb-width {
    width: 100%;
    height:100%;
}
.cbb-width img {
    width: 100%;
    vertical-align: bottom;
    height: 100%;
    object-fit: cover;
}
.cart-block .cbb-right {
    float: right;
    width: 59%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cart-block .cbb-product-name {
    font-size: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-right: 10px;
    padding-top: 7px;
}
.cart-block .cbb-price {
    font-size: 40px;
    font-family: sm;
    position: relative;
    top: 10px;
}
.cart-block .cbb-btm {
    margin-top: 5px;
    padding: 5px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.cart-block .cbb-btm ul{
    display: flex;
    justify-content: flex-start;
}
.cart-block .cbb-btm li{
    margin: 5px 0;
    margin-right: 1em;
}

.filter-block  i {
    font-size: 2.2em;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: none;
    z-index:10;
}
.filter-block  i:hover {
    opacity: 1;
}
.product-detail {
    position: relative;
    margin-bottom: 15em;
}
.product-detail-item {
    float: left;
    color: #FFFFFF;
    background: #FFFFFF;
}
.item1 {
    width: 51.2%;
}
.item2 {
    width: 48.8%;
}
.product-detail .pdi-item-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1em;
}
.product-detail .pdi-item-right {
    float: right;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}
.product-detail .pdi-vcode {
    font-style: italic;
}
.product-detail .pdi-product-name {
    font-size: 25px;
    margin: 0.5em 0;
}
.product-detail .pdi-product-price {
    font-family: sm;
    font-size: 3em;
    color: #ffb500;
    margin: 5px 0;
}
.product-detail .pdi-product-sq {
    padding: 0.5em 1.5em;
    border-top: 1px solid #ffb500;
    border-bottom: 1px solid #ffb500;
}
.product-detail .pdi-product-size, .product-detail .pdi-product-quantity {
    margin: 10px 0;
}
.product-detail .pdi-product-sq select {
    width: 9em;
    padding: 3px 0;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.product-detail .pdi-btn {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.width_q {
    width: 60%;
}
.swal-modal {
    position: relative;
}
/*.swal-modal:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*width:50%;*/
    /*bottom: 100%;*/
    /*background-color: #131313;*/
    /*height: 100px;*/
    /*-webkit-transform: skew(-35deg);*/
    /*-moz-transform: skew(-35deg);*/
    /*-ms-transform: skew(-35deg);*/
    /*-o-transform: skew(-35deg);*/
    /*transform: skew(-35deg);*/
    /*z-index:1;*/
/*}*/
/*.swal-modal:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*width:100%;*/
    /*bottom: 100%;*/
    /*background-color: #FFFFff;*/
    /*height: 100px;*/
/*}*/
.swal-button {
    background-color: #181818!important;
    border: 1px solid #ffb500!important;
    outline: none;
    color: #fff;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}
#buy_btn {width: 39%;}
.pdi-mob {
    display: none;
    color: #FFFFFF;
    width: 80%;
    margin: 0 auto;
}
.vozvrat_info {
    margin: 0.5em 0;
}
.pdi-rgba {
    background: rgba(0, 0, 0,  0.6);
}
.pdi-to-cart {
    background: #181818;
    border: 1px solid #ffb500;
    float: left;
    width: 39%;
    margin-right: 1%;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdi-buy {
    position: relative;
    background: #181818;
    border: 1px solid #ffb500;
    float: left;
    width: 100%;
    margin-left: 1%;
    text-align: center;
    cursor: pointer;
    padding: 5px 0;
}
.pdi-buy:active {top: 2px;}
.product-detail .pdi-desc-block {
    overflow: hidden;
}
.pdi-desc-btn {
    width: 50%;
    float: left;
    padding: 10px;
    color: #FFFFFF;
}
.pdi-desc-text {
    display: none;
    padding: 1.5em 1em;
    overflow-x: auto;
}
.pdi-desc-text::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.pdi-desc-text::-webkit-scrollbar
{
    width: 9px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.pdi-desc-text::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #131313;
}
/********** КАЙРАТ ТВ **********/
section.kairat-tv {
    position: relative;
    margin-bottom: 2em;
}
.kairat-tv aside#nav {
    float: left;
    width: 15%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.kairat-tv .side-nav li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin: 0.5em 0;
}
.kairat-tv  .content {
    position: relative;
    z-index:1;
    float: left;
    width: 85%;
    height: auto;
    padding-left: 10px;
}
.kairat-tv .ktv-promo {
    background: #000000;
    position: relative;
}
.kairat-tv .ktv-img {
    position: relative;
    padding-top: 2em;
    width:100%;
    cursor: pointer;
}
.kairat-tv .ktv-img:after {
    content: '';
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.5);
}
.kairat-tv .ktv-play, .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:10;
    cursor: pointer;
}
.kairat-tv .ktv-top {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
}
.kairat-tv .ktv-title {
    float: left;
    text-align: left;
    padding: 1em 1.1em;
    padding-left: 1em;
    text-transform: uppercase;
    box-shadow: none!important;
}
.kairat-tv .ktv-title2 {
    float: right;
    text-align: center;
    padding: 1em 1.1em;
    box-shadow: none!important;
}
.kairat-tv .ktv-title .active-skew, .kairat-tv .ktv-title2 .active-skew, .kairat-tv .skew-help2 {
    box-shadow: none!important;
}
.kairat-tv .ktv-btm {
    width: 70%;
    display: inline-block;
    padding: 1em 2em;
    padding-right: 0;
    color: #FFFFFF;
    font-size: 14px;
}
.kairat-tv .ktv-videos {
    width: 101%;
    margin: 1em 0;
}
.kairat-tv .ktv-video {
    position: relative;
    width:32.333%;
    float: left;
    background: #000000;
    overflow: hidden;
    margin: 0.5em 0;
    margin-right: 1%;
    cursor: pointer;
}

.ktv-video iframe {
    width:100%;
    height:300px;
}
.ktv-promo iframe {
    width:100%;
    height:400px;
}

.kairat-tv .ktv-title3 {
    position: absolute;
    top:0;
    left:0;
    width: 90%;
    background: #FFFFFF;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
}
.kairat-tv .ktv-title3 ul {
    display: inline-block;
    text-align: left;
    width: 85%;
}

.white {
    background: #FFFFFF!important;
    box-shadow: none!important;
}
.kairat-tv .ktv-text {
    color: #FFFFFF;
    font-size: 10px;
    padding: 5px;
}
#play-video {
    width:70px;
}
.kairat-tv .ktv-see {
    text-align: right;
}
.ktv-see-href {
    text-decoration: underline;
    margin: 1em 0;
    font-weight: bold;
}
.video_modal {
    position: relative;
    width: 70%;
    padding: 10px;
    margin: 0 auto;
    font-size: 14px;
    z-index:100;
    overflow: hidden;
    margin-top: 3em;
    text-align: center;
}
.video_modal video {
    width: 100%;
}
#play-promo, .modal-play {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
#play-promo:hover, .modal-play:hover {
    filter: invert(1);

}

/********* Матчи **********/
section.matches {
    position: relative;
    margin-bottom: 2em;
}
.matches  .content {
    position: relative;
    z-index:1;
    float: left;
    width: 100%;
}
.matches .br {
    padding: 0.5em;
}
.matches .matches-top {
    position: relative;
    /*background: #ffb500;*/
    overflow: hidden;
}
.matches .tablo {
    position: relative;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.matches .life-match {
    width: 100%;
    text-align: center;
}
.matches .life-item-time {
    order: 1;
    display: inline-block;
    color: #FFFFFF;
}
.matches .life-item-l{
    float: left;
    margin-top: -5em;
}
.matches .life-item-r{
    float: right;
    margin-top: -5em;
}
.matches .life-item-name {
	text-transform: uppercase;
    font-size: 2.5em;
    color: #131313;
}
.rating-l {
    position: absolute;
    top:3%;
    left:0;
    background: #131313;
    padding: 5px 10px;
}
.rating-r {
    position: absolute;
    top:3%;
    right:0;
    background: #131313;
    padding: 5px 10px;
}
.green-circle, .yellow-circle, .red-circle {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    height: 11px;
    width: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.green-circle {
    background: #3f6b33;
}
.yellow-circle {
    background: #ffb500;
}
.red-circle {
    background: #ff0000;
}
.lhelper {
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right:50%;
    background: #131313;
}
.rhelper {
    position: absolute;
    top:0;
    bottom: 0;
    right:-1px;
    left:50%;
    background: #131313;
}
.matches .info-match {
    background: #000000;
    padding: 1em 0;
    margin-top: 1em;
    text-align: center;
    position: relative;
}
.matches .info-match li {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    width: 50%;
    float: left;
    text-transform: uppercase;
}
.matches .info-match li:first-child {
    text-align: right;
    padding-right: 2em;
}
.matches .info-match li:nth-child(2) {
    text-align: left;
    padding-left: 2em;
}
.matches .im-border {
    position: absolute;
    top:15%;
    bottom: 15%;
    left:50%;
    border-right: 1px solid #FFFFFF;
}
.matches .info-life {
    margin: 1em 0;
    padding: 2em 3em;
    background: #FFFFFF;
}
.matches .item-text, .matches .item-text2 {
    width: 50%;
    float: left;
}
.matches .item-text  li {
    line-height: 25px;
}
.matches .nav-matches ul {
    padding-left: 1.1em;
    border-bottom: 2px solid #131313;
}
.matches .nav-matches li{
    display: inline-block;
    padding: 1em;
    margin-right: 0.5em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.pad-match {
    padding: 0 0.5em;
}
.matches .line-up-match {
    margin-top: 1em;
}
.matches .lui-top {
    background: #131313;
    color: #FFFFFF;
    text-align: center;
    padding: 4px 0;
}
.matches .lui-top-in {
    width: 95%;
    margin: 0 auto;
}
.matches .line-up-table {
    position: relative;
}
.matches .in-line-up {
    width: 80%;
    position: absolute;
    top: 50%;
    left:50%;
    opacity: 0.4;
}
.matches .line-up-item {
    width: 45%;
    background: #FFFFFF;
    overflow: hidden;
}
.matches .lui-item {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
}
.matches .lui-team-name {
    font-family: sm;
    font-size: 1.3em;
    letter-spacing: 1px;
    color: #FFFFFF;
    margin-left: 7px;
}
.matches table .main-table {
    padding-top: 1.5em;
    position: relative;
}
.matches table .number-player {
    font-size: 18px;
    font-weight: bold;
}
.matches tr:nth-child(odd) {
    background: #FFFFFF;
    color: #131313;
}
.matches tr:nth-child(even) {
    background: #e8e8e8;
    color: #131313;
}
table.sostav {
    position: relative;
    z-index:1;
    opacity: 0.9;
}
table.sostav td, table.sostav th {
    text-align: left;
    padding: 7px 12px;
}
table.kairat td:first-child(odd) {
    background: #000000;
}
.kairatb {
    position: relative;
    color: #FFFFFF;!important;
    background: #000000;
}
.kairatw {
    position: relative;
    color: #000;!important;
    background: #fff;
}

.kairatw-helper, .kairaty-helper {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 50%;
}
.kairatw-helper {
    background: #fff;
}

.kairatb-helper, .kairaty-helper {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 50%;
}
.kairatb-helper {
    background: #000000;
}
.kairaty-helper{
    background: #ffb500;
}
.kairaty {
    position: relative;
    color: #FFFFFF;!important;
    background: #ffb500;
}
.matches .match-photo-block {
    background: #FFFFFF;
    padding: 2em 1em;
    padding-bottom: 1em;
}
.matches .match-photos {
    width: 102%;
}
.matches .match-photo {
    width: 23%;
    float: left;
    margin-bottom: 1em;
    margin-right: 2%;

}
.matches .match-content {
    display: none;
    margin-top: 1em;
}
.matches .video_match {
    position: relative;
}
.matches .video_match video {
    width: 100%;
}

.matches .video_match iframe {
    width: 100%;
    height:600px;
}
.matches .text-life {
    border: 2px solid#FFFFFF;
    background: rgba(255, 255, 255, 0.4);
    height:30em;
    padding: 1em;
    overflow: auto;
}
.matches .text-otchet {
    border: 2px solid#FFFFFF;
    background: rgba(255, 255, 255, 0.4);
    height:30em;
    padding: 1em;
    overflow: auto;
}
.name-footballer {
    width: 50%;
    float: left;
}
.action {
    width: 50%;
    float: left;
}
.matches table i {
    font-size: 18px;
}

.player-in {
    color: #008000;
}
.player-out, .red-card {
    color: #ff0000;
}
.yellow-card {
    color: #ffff00;
}
.keeper {
    color: #131313;
}
.nav-mathes-mob{
    display: none;
    padding: 0 3.5em;
    background: #131313;
    position: relative;
    color: #FFFFFF;
}
.nav-mathes-mob .item {
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width: 100%;
}
.mob-zapas, .mob-zapas2 {
    position: relative;
}
.mob-down, .mob-down {
    display: none;
    position: absolute;
    top:50%;
    right: 3%;

}
table.match-log {
    position: relative;
    z-index:1;
    opacity: 0.9;
}
table.match-log td, table.match-loge th {
    padding: 10px;
}
table.kairat td:first-child(odd) {
    background: #000000;
}

.match-info dt {
    float: left;
    font-family: Brutal Type, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 15px
}

.match-info dd {
    float: left
}

.match-timeline {
    position: relative;
    padding: 50px 0 55px
}

.match-timeline .badge {
    width: 40px;
    position: absolute;
    left: 0;
    top: 12px
}

.match-timeline .badge.guest {
    top: 97px
}

.match-timeline .badge img {
    max-height: 30px;
    max-width: 30px;
    display: block;
    margin: 0 auto
}

.match-timeline .time-line {
    height: 37px;
    background: #bfbfbf;
    position: relative
}

.match-timeline .time-line:before {
    left: 0;
    right: 0;
    top: 18px;
    height: 1px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .6);
    position: absolute;
    content: "";
    z-index: 1
}

.match-timeline .time-line .fill {
    background: #00552f;
    height: 37px;
    display: block;
    width: 0
}

.match-timeline .time-line .time-now {
    position: absolute;
    top: 100%;
    font-family: Brutal Type, sans-serif;
    font-size: 18px;
    font-weight: 700;
    background: #000;
    color: #fff;
    width: 32px;
    text-align: center;
    margin: 6px 0 0 -16px;
    text-indent: 2px;
    line-height: 22px;
    padding-top: 3px;
    z-index: 10
}

.match-timeline .time-line .time-now:before {
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: -6px;
    border: 3px solid transparent;
    border-bottom-color: #000;
    content: "";
    width: 0;
    height: 0
}

.match-timeline .time-line .event {
    width: 1px;
    height: 18px;
    position: absolute;
    top: 0;
    background: #fff
}

.match-timeline .time-line .event:before {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    left: -3px;
    top: 100%;
    content: "";
    margin-top: -3px
}

.match-timeline .time-line .event:after {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -16px;
    bottom: 20px;
    background-image: url(../img/sprite.events.png);
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .match-timeline .time-line .event:after {
        background-image: url(../img/events.png);
        background-size: 100px 1150px
    }
}

.match-timeline .time-line .event.guest {
    top: auto;
    bottom: 0
}

.match-timeline .time-line .event.guest:before {
    top: -1px
}

.match-timeline .time-line .event.guest:after {
    bottom: auto;
    top: 20px
}

.match-timeline .time-line .event.guest .bubble-wrap {
    bottom: 0;
    top: auto
}

.match-timeline .time-line .event.guest .bubble-content:before {
    top: 100%;
    border-top-color: #000;
    border-bottom-color: transparent
}

.match-timeline .time-line .event.type-hidden {
    display: none
}

.match-timeline .time-line .event .bubble-wrap {
    width: 200px;
    font-style: normal;
    font-family: Brutal Type, sans-serif;
    font-weight: 700;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    z-index: 5;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
    text-transform: uppercase;
    display: none
}

.match-timeline .time-line .event .bubble-content {
    background: #000;
    display: inline-block;
    padding: 7px 10px;
    position: relative;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    text-align: center;
    color: #eee
}

.match-timeline .time-line .event .bubble-content:before {
    position: absolute;
    top: -12px;
    left: 50%;
    border: 6px solid transparent;
    border-bottom-color: #000;
    content: "";
    width: 0;
    height: 0;
    margin-left: -6px
}

.match-timeline .time-line .event .bubble-content b {
    color: #fff
}

.match-timeline .time-line .event .bubble-content .out {
    display: block;
    margin-bottom: 10px;
    position: relative
}

.match-timeline .time-line .event .bubble-content .out:after {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -1px 0 0 -7px;
    background: url(../i/sprite.general.png) no-repeat 0 -950px;
    content: "";
    width: 14px;
    height: 10px
}

.match-timeline .time-line .event.right .bubble-wrap {
    margin-left: -191px;
    text-align: right
}

.match-timeline .time-line .event.right .bubble-content:before {
    left: auto;
    right: 4px
}

.match-timeline .time-line .event:hover {
    z-index: 2
}

.match-timeline .time-line .event:hover .bubble-wrap {
    display: block
}

.match-timeline .time-line .event:hover .bubble-content {
    opacity: 1
}

.match-timeline-informer {
    position: relative;
    padding: 40px 20px 44px;
    margin-top: -103px
}

@media (max-width:979px) {
    .match-timeline-informer {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: scroll;
        z-index: 10
    }
}

.match-timeline-informer .badge {
    width: 40px;
    position: absolute;
    left: 20px;
    top: 0
}

.match-timeline-informer .badge.guest {
    top: 65px
}

.match-timeline-informer .badge img {
    max-height: 30px;
    max-width: 30px;
    display: block;
    margin: 0 auto
}

.match-timeline-informer .time-line {
    height: 16px;
    position: relative
}

@media (max-width:979px) {
    .match-timeline-informer .time-line {
        width: 930px;
        border: 20px solid #000;
        border-width: 0 20px
    }
}

.match-timeline-informer .time-line:before {
    position: absolute;
    left: 0;
    height: 16px;
    right: 0;
    content: "";
    background: #979796;
    top: 0;
    z-index: 0
}

.match-timeline-informer .time-line .fill {
    height: 16px;
    display: block;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.match-timeline-informer .time-line .fill:before {
    position: absolute;
    left: 0;
    height: 16px;
    right: 0;
    content: "";
    background: #005e37;
    top: 0;
    z-index: 1
}

.match-timeline-informer .time-line .time-now {
    position: absolute;
    top: 0;
    font-family: Brutal Type, sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    width: 28px;
    text-align: center;
    margin-left: 1px;
    text-indent: 1px;
    line-height: 14px;
    padding: 1px 0;
    z-index: 1
}

.match-timeline-informer .time-line .time-now:before {
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: -6px;
    border: 3px solid transparent;
    border-bottom-color: #000;
    content: "";
    width: 0;
    height: 0
}

.match-timeline-informer .time-line .event {
    width: 1px;
    height: 16px;
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 2
}

.match-timeline-informer .time-line .event:after {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -16px;
    bottom: 20px;
    background: url(../img/sprite.events.png) no-repeat 50px 50px;
    content: ""
}

.match-timeline-informer .time-line .event.guest {
    top: auto;
    bottom: 0
}

.match-timeline-informer .time-line .event.guest:before {
    top: -1px
}

.match-timeline-informer .time-line .event.guest:after {
    bottom: auto;
    top: 20px
}

.match-timeline-informer .time-line .event.guest .bubble-wrap {
    bottom: 0;
    top: auto
}

.match-timeline-informer .time-line .event.guest .bubble-content:before {
    border-bottom-color: transparent;
    border-top-color: #fff;
    top: 100%
}

.match-timeline-informer .time-line .event.type-hidden {
    display: none
}

.match-timeline-informer .time-line .event .bubble-wrap {
    width: 200px;
    font-style: normal;
    font-family: Brutal Type, sans-serif;
    font-weight: 700;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    z-index: 5;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: auto;
    top: 0;
    text-transform: uppercase;
    display: none
}

.match-timeline-informer .time-line .event .bubble-content {
    background: #fff;
    display: inline-block;
    padding: 7px 10px;
    position: relative;
    color: #666
}

.match-timeline-informer .time-line .event .bubble-content:before {
    position: absolute;
    top: -12px;
    left: 50%;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: "";
    width: 0;
    height: 0;
    margin-left: -6px
}

.match-timeline-informer .time-line .event .bubble-content b {
    color: #000
}

.match-timeline-informer .time-line .event .bubble-content .out {
    display: block;
    margin-bottom: 10px;
    position: relative
}

.match-timeline-informer .time-line .event .bubble-content .out:after {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -1px 0 0 -7px;
    background: url(../i/sprite.general.png) no-repeat 0 -950px;
    content: "";
    width: 14px;
    height: 10px
}

.match-timeline-informer .time-line .event:hover {
    z-index: 3
}

.match-timeline-informer .time-line .event:hover .bubble-wrap {
    display: block
}

.match-comments-switch {
    height: 32px;
    margin-bottom: 18px;
    text-align: right
}

.match-comments-switch span {
    width: 30px;
    height: 30px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid #adadad;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer
}

.match-comments-switch span:first-child {
    border-right-width: 0
}

.match-comments-switch span.active {
    background: #eaeaea;
    background-image: -webkit-linear-gradient(top, #e9e9e9, #f4f4f4);
    background-image: linear-gradient(top, #e9e9e9, #f4f4f4)
}

.match-comments-switch span:before {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../i/sprite.general.png) no-repeat 0 -1000px;
    content: "";
    top: 4px;
    left: 5px
}

.match-comments-switch span.off:before {
    background-position: -50px -1000px
}

#match-log {
    padding-bottom: 40px
}

table.match-log {
    background: #181716;
    color: #fff;
    font-size: 13px;
    border-collapse: collapse;
    border-width: 0
}

table.match-log td {
    padding: 13px 10px 11px;
    vertical-align: top;
    line-height: 16px;
}

table.match-log td:first-child {
    padding-top: 10px
}

table.match-log tr.even td {
    background: none!important
}

table.match-log .comment {
    display: block
}

table.match-log .event-icon:after {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../img/sprite.events.png) no-repeat 50px 50px;
    content: ""
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    table.match-log .event-icon:after {
        background-image: url(../img/events.png);
        background-size: 100px 1150px
    }
}

.match-field ins {
    display: block;
    position: relative;
    height: 508px;
    text-decoration: none
}

@media (max-width:979px) {
    .match-field ins {
        height: 484px
    }
}

.match-field a {
    position: absolute;
    text-align: center;
    color: #000;
    text-decoration: none;
    margin-left: 6px
}

@media (min-width:980px) {
    .match-field a:hover {
        z-index: 2
    }
    .match-field a:hover span {
        display: block
    }
    .match-field a.right span {
        margin-left: -98px
    }
    .match-field a.right span:before {
        left: 82%
    }
    .match-field a.left span {
        margin-left: -22px
    }
    .match-field a.left span:before {
        left: 18%
    }
}

.match-field i {
    position: absolute;
    left: -24px;
    top: -24px;
    font-size: 23px;
    background: #fff;
    font-style: normal;
    font-family: Brutal Type, sans-serif;
    font-weight: 700;
    width: 47px;
    padding: 12px 0 9px;
    border-radius: 24px
}

@media (max-width:979px) {
    .match-field i {
        font-size: 13px;
        line-height: 13px;
        width: 26px;
        left: -12px;
        top: -13px;
        padding: 7px 0 6px
    }
}

.match-field span {
    position: absolute;
    background: #fff;
    font-size: 13px;
    line-height: 16px;
    display: none;
    bottom: 36px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 0 11px
}

.match-field span:before {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -6px;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    content: "";
    overflow: hidden
}

.match-field .guest a {
    color: #fff
}

.match-field .guest a i,
.match-field .guest a span {
    background: #000
}

.match-field .guest a span:before {
    border-top-color: #000
}

.match-players {
    overflow: hidden;
    margin-bottom: 20px
}

@media (min-width:980px) {
    .match-players .list {
        width: 460px;
        float: left
    }
    .match-players .list:first-child {
        margin-right: 20px
    }
}

.match-players .team {
    height: 35px;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 2px;
    position: relative
}

.match-players .team img {
    max-height: 35px;
    max-width: 35px;
    vertical-align: middle;
    display: inline-block
}

.match-players .team strong {
    font-size: 16px;
    font-family: Brutal Type, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline-block
}

.match-players .team .city {
    position: absolute;
    right: 20px;
    top: 10px
}

.match-players table:not(.champ-table):not(.match-log) {
    margin-bottom: 1px
}

.match-players table:not(.champ-table):not(.match-log) th {
    background: none;
    color: #000;
    text-align: left;
    padding: 11px 7px 8px!important
}

.match-players table:not(.champ-table):not(.match-log) tr:nth-child(odd) td {
    background-color: #fff
}

.match-players table:not(.champ-table):not(.match-log) tr:nth-child(even) td {
    background-color: #e8e8e8
}

.match-players table:not(.champ-table):not(.match-log) td {
    padding: 10px 7px 8px
}

.match-players table:not(.champ-table):not(.match-log) td.number {
    text-align: right;
    font-weight: 700;
    color: #005e37
}

.match-players table:not(.champ-table):not(.match-log) td.events {
    padding-top: 0;
    padding-bottom: 0
}

.match-players table:not(.champ-table):not(.match-log) td.events i {
    font-style: normal;
    margin: 2px 5px;
    white-space: nowrap;
    display: inline-block
}

.match-players table:not(.champ-table):not(.match-log) td.events i:after {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin: -6px 0 -5px 4px;
    background-image: url(../img/sprite.events.png);
    background-repeat: no-repeat;
    content: "";
    vertical-align: middle
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .match-players table:not(.champ-table):not(.match-log) td.events i:after {
        background-image: url(../img/events.png);
        background-size: 100px 1150px
    }
}

.match-stats {
    text-transform: uppercase
}

.match-stats h2 {
    font-size: 20px;
    margin-bottom: 25px
}

.match-stats .team {
    font-family: Brutal Type, sans-serif;
    font-size: 16px;
    float: left
}

.match-stats .team img {
    max-height: 30px;
    max-width: 30px;
    margin: -4px 7px 0 0;
    vertical-align: middle
}

.match-stats .team.guest {
    float: right
}

.match-stats .team.guest img {
    margin-right: 0;
    margin-left: 7px
}

.match-stats dl {
    clear: both;
    padding-top: 10px
}

.match-stats dt {
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px
}

.match-stats dt span {
    font-size: 16px;
    float: left
}

.match-stats dt span.guest {
    float: right
}

.match-stats dd {
    background: #6c6f6f;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 23px
}

.match-stats dd .fill {
    display: block;
    border-left: 3px solid #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #036039;
    width: 50%;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.match-stats dd.empty {
    background: #d5d6d6
}

.match-stats dd.empty .fill {
    display: none
}

#now-informer {
    background: #000 url(../i/bg-now.jpg) no-repeat 50% 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: Brutal Type, sans-serif;
    font-size: 12px;
    position: relative
}

@media (max-width:979px) {
    #now-informer {
        background: #000;
        font-size: 12px;
        font-weight: 600;
        padding: 26px 0 36px
    }
}

#now-informer .info {
    margin: 0 20px 18px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4);
    padding: 15px 0
}

@media (max-width:979px) {
    #now-informer .info {
        border-bottom: none
    }
}

#now-informer .info time {
    font-size: 17px;
    display: block
}

@media (max-width:979px) {
    #now-informer .info time {
        font-size: inherit;
        position: absolute;
        left: 0;
        right: 0;
        top: 14px
    }
}

#now-informer .info .left {
    position: absolute;
    left: 20px;
    top: 15px;
    text-align: left;
    white-space: nowrap
}

@media (max-width:979px) {
    #now-informer .info .left {
        left: 0;
        right: 0;
        top: 31px;
        text-align: center
    }
}

#now-informer .info .location {
    padding-top: 3px
}

@media (min-width:980px) {
    #now-informer .info .location {
        margin-right: 30px
    }
}

#now-informer .info .judge {
    padding: 1px 0 0 27px;
    position: relative;
    white-space: nowrap
}

#now-informer .info .judge:before {
    position: absolute;
    left: 0;
    top: -1px;
    content: "";
    background: url(../i/sprite.general.png) no-repeat 0 -150px;
    width: 22px;
    height: 16px
}

#now-informer .info .champ-tour {
    position: absolute;
    left: 570px;
    right: 65px;
    top: 14px;
    padding-top: 1px
}

@media (max-width:979px) {
    #now-informer .info .champ-tour {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 14px
    }
}

#now-informer .info .champ-tour .tour {
    border-left: 1px solid hsla(0, 0%, 100%, .5);
    padding: 3px 0 3px 6px;
    margin-left: 4px
}

#now-informer .info .weather {
    position: absolute;
    right: 20px;
    top: 15px
}

@media (max-width:979px) {
    #now-informer .info .weather {
        display: none
    }
}

#now-informer .info .weather:before {
    width: 38px;
    height: 24px;
    position: absolute;
    left: -42px;
    content: "";
    background: url(../i/sprite.general.png) no-repeat 0 -1100px;
    top: -4px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    #now-informer .info .weather:before {
        background-size: 200px 1300px;
        background-image: url(../i/sprite.general@2x.png)
    }
}

#now-informer .info .weather.cloudiness:before {
    background-position: -100px -1100px
}

#now-informer .info .weather.fog:before {
    background-position: 0 -1150px
}

#now-informer .info .weather.rain:before {
    background-position: -150px -1100px
}

#now-informer .info .weather.snow:before {
    background-position: -50px -1100px
}

#now-informer .team {
    display: inline-block;
    vertical-align: top;
    width: 285px;
    padding-bottom: 99px;
    position: relative
}

@media (max-width:979px) {
    #now-informer .team {
        height: 96px;
        font-size: 14px;
        padding-bottom: 0;
        width: 130px
    }
}

@media (max-width:568px) {
    #now-informer .team {
        width: 100px
    }
}

#now-informer .team .badge {
    height: 90px;
    display: block
}

@media (max-width:979px) {
    #now-informer .team .badge {
        height: auto
    }
}

#now-informer .team .badge img {
    display: block;
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto
}

@media (max-width:979px) {
    #now-informer .team .badge img {
        max-height: 57px;
        max-width: 57px;
        margin-bottom: 7px
    }
}

#now-informer .team strong {
    font-size: 21px
}

@media (max-width:979px) {
    #now-informer .team strong {
        font-size: inherit
    }
}

#now-informer .team.guest .previous-signals {
    left: auto;
    right: -95px;
    text-align: right
}

#now-informer .previous-signals {
    position: absolute;
    left: -95px;
    top: 40px
}

@media (max-width:979px) {
    #now-informer .previous-signals {
        display: none
    }
}

#now-informer .previous-signals i {
    display: inline-block;
    margin: 0 3px;
    width: 11px;
    height: 11px
}

#now-informer .previous-signals i.red {
    background: #e10333
}

#now-informer .previous-signals i.yellow {
    background: #fdc50d
}

#now-informer .previous-signals i.green {
    background: #03934f
}

#now-informer .tableau {
    display: inline-block;
    vertical-align: top;
    width: 180px
}

@media (max-width:979px) {
    #now-informer .tableau {
        width: 140px
    }
}

@media (max-width:568px) {
    #now-informer .tableau {
        width: 100px;
        margin: 0 -5px
    }
}

#now-informer .tableau .count {
    position: relative
}

@media (max-width:979px) {
    #now-informer .tableau .count {
        padding-top: 11px
    }
}

#now-informer .tableau .count:before {
    position: absolute;
    left: 50%;
    top: 27px;
    width: 9px;
    height: 26px;
    background: url(../i/sprite.general.png) no-repeat -100px -650px;
    content: "";
    margin-left: -4px
}

@media (max-width:979px) {
    #now-informer .tableau .count:before {
        width: 6px;
        height: 24px;
        background-position: -150px -700px;
        margin-left: -3px;
        top: 24px
    }
}

#now-informer .tableau .count b {
    background: #e2e2e2;
    font-size: 58px;
    line-height: 60px;
    margin: 0 15px 0 14px;
    display: inline-block;
    color: #000;
    min-width: 51px;
    padding: 15px 5px 8px;
    border-radius: 2px;
    font-weight: 600;
    box-shadow: inset 0 51px 0 -10px #f0f0f0;
    text-indent: 1px;
    min-height: 60px
}

@media (max-width:979px) {
    #now-informer .tableau .count b {
        font-size: 40px;
        line-height: 40px;
        min-width: 25px;
        margin: 0 6px;
        padding: 5px 5px 2px;
        box-shadow: inset 0 37px 0 -10px #dedede;
        text-indent: 1px;
        min-height: 40px;
        background: #fff
    }
}

#now-informer a {
    color: inherit;
    text-decoration: none
}

#now-informer a:hover {
    color: #9c9c9c
}

#now-informer .href {
    position: absolute;
    left: 0;
    right: 0;
    height: 170px;
    z-index: 1
}

#now-informer nav {
    display: table;
    background: #000;
    width: 100%;
    font-size: 13px
}

@media (max-width:979px) {
    #now-informer nav {
        display: none
    }
}

#now-informer nav ul {
    display: table-row
}

#now-informer nav li {
    display: table-cell;
    width: 16%;
    white-space: nowrap;
    padding: 10px 20px 9px;
    text-align: center
}

#now-informer nav li:last-child {
    text-align: right
}

#now-informer.before {
    background-position: 50% 100%
}

#now-informer.before .team {
    padding-bottom: 19px
}

@media (max-width:979px) {
    #now-informer.before .team {
        padding-bottom: 0
    }
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-comment:after,
.match-players table:not(.champ-table):not(.match-log) td.events i.type-comment_before:after,
.match-timeline .time-line .event.type-comment:after,
.match-timeline .time-line .event.type-comment_before:after {
    background-position: 0 0
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-goal:after,
.match-timeline .time-line .event.type-goal:after {
    background-position: 0 -50px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-autogoal:after,
.match-timeline .time-line .event.type-autogoal:after {
    background-position: 0 -100px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-goal-penalty:after,
.match-timeline .time-line .event.type-goal-penalty:after {
    background-position: 0 -150px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-goal-corner:after,
.match-timeline .time-line .event.type-goal-corner:after {
    background-position: 0 -200px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-goal-shtrafnoy:after,
.match-timeline .time-line .event.type-goal-shtrafnoy:after {
    background-position: 0 -250px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-timeout:after,
.match-timeline .time-line .event.type-timeout:after {
    background-position: 0 -300px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-red-card:after,
.match-timeline .time-line .event.type-red-card:after {
    background-position: 0 -350px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-yellow-card:after,
.match-timeline .time-line .event.type-yellow-card:after {
    background-position: 0 -400px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-second-yellow-card:after,
.match-timeline .time-line .event.type-second-yellow-card:after {
    background-position: 0 -450px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-replace:after,
.match-timeline .time-line .event.type-replace:after {
    background-position: 0 -1100px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-missed-penalty:after,
.match-timeline .time-line .event.type-missed-penalty:after {
    background-position: 0 -600px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-assists:after,
.match-timeline .time-line .event.type-assists:after {
    background-position: 0 -650px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-match-start:after,
.match-timeline .time-line .event.type-match-start:after {
    background-position: 0 -700px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-match-end:after,
.match-timeline .time-line .event.type-match-end:after {
    background-position: 0 -750px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-first-period-end:after,
.match-timeline .time-line .event.type-first-period-end:after {
    background-position: 0 -800px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-second-period-start:after,
.match-timeline .time-line .event.type-second-period-start:after {
    background-position: 0 -850px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-second-period-end:after,
.match-timeline .time-line .event.type-second-period-end:after {
    background-position: 0 -900px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-time-add-start:after,
.match-timeline .time-line .event.type-time-add-start:after {
    background-position: 0 -950px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-time-add-end:after,
.match-timeline .time-line .event.type-time-add-end:after {
    background-position: 0 -1000px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-penalties:after,
.match-timeline .time-line .event.type-penalties:after {
    background-position: 0 -1050px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-left-on-bench:after,
.match-timeline .time-line .event.type-left-on-bench:after {
    background-position: 0 -500px
}

.match-players table:not(.champ-table):not(.match-log) td.events i.type-came-off-bench:after,
.match-timeline .time-line .event.type-came-off-bench:after {
    background-position: 0 -550px
}

.match-timeline-informer .time-line .event.type-comment:after,
.match-timeline-informer .time-line .event.type-comment_before:after,
table.match-log .event-icon.type-comment:after,
table.match-log .event-icon.type-comment_before:after {
    background-position: -50px 0
}

.match-timeline-informer .time-line .event.type-goal:after,
table.match-log .event-icon.type-goal:after {
    background-position: -50px -50px
}

.match-timeline-informer .time-line .event.type-autogoal:after,
table.match-log .event-icon.type-autogoal:after {
    background-position: -50px -100px
}

.match-timeline-informer .time-line .event.type-goal-penalty:after,
table.match-log .event-icon.type-goal-penalty:after {
    background-position: -50px -150px
}

.match-timeline-informer .time-line .event.type-goal-corner:after,
table.match-log .event-icon.type-goal-corner:after {
    background-position: -50px -200px
}

.match-timeline-informer .time-line .event.type-goal-shtrafnoy:after,
table.match-log .event-icon.type-goal-shtrafnoy:after {
    background-position: -50px -250px
}

.match-timeline-informer .time-line .event.type-timeout:after,
table.match-log .event-icon.type-timeout:after {
    background-position: -50px -300px
}

.match-timeline-informer .time-line .event.type-red-card:after,
table.match-log .event-icon.type-red-card:after {
    background-position: 0 -350px
}

.match-timeline-informer .time-line .event.type-yellow-card:after,
table.match-log .event-icon.type-yellow-card:after {
    background-position: 0 -400px
}

.match-timeline-informer .time-line .event.type-second-yellow-card:after,
table.match-log .event-icon.type-second-yellow-card:after {
    background-position: 0 -450px
}

.match-timeline-informer .time-line .event.type-replace:after,
table.match-log .event-icon.type-replace:after {
    background-position: 0 -1100px
}

.match-timeline-informer .time-line .event.type-missed-penalty:after,
table.match-log .event-icon.type-missed-penalty:after {
    background-position: -50px -600px
}

.match-timeline-informer .time-line .event.type-assists:after,
table.match-log .event-icon.type-assists:after {
    background-position: -50px -650px
}

.match-timeline-informer .time-line .event.type-match-start:after,
table.match-log .event-icon.type-match-start:after {
    background-position: 0 -700px
}

.match-timeline-informer .time-line .event.type-match-end:after,
table.match-log .event-icon.type-match-end:after {
    background-position: 0 -750px
}

.match-timeline-informer .time-line .event.type-first-period-end:after,
table.match-log .event-icon.type-first-period-end:after {
    background-position: 0 -800px
}

.match-timeline-informer .time-line .event.type-second-period-start:after,
table.match-log .event-icon.type-second-period-start:after {
    background-position: 0 -850px
}

.match-timeline-informer .time-line .event.type-second-period-end:after,
table.match-log .event-icon.type-second-period-end:after {
    background-position: 0 -900px
}

.match-timeline-informer .time-line .event.type-time-add-start:after,
table.match-log .event-icon.type-time-add-start:after {
    background-position: 0 -950px
}

.match-timeline-informer .time-line .event.type-time-add-end:after,
table.match-log .event-icon.type-time-add-end:after {
    background-position: 0 -1000px
}

.match-timeline-informer .time-line .event.type-penalties:after,
table.match-log .event-icon.type-penalties:after {
    background-position: -50px -1050px
}

.match-timeline-informer .time-line .event.type-left-on-bench:after,
table.match-log .event-icon.type-left-on-bench:after {
    background-position: 0 -500px
}

.match-timeline-informer .time-line .event.type-came-off-bench:after,
table.match-log .event-icon.type-came-off-bench:after {
    background-position: 0 -550px
}



.pagination{text-align:center;}
div.page-navi{overflow:hidden; display:inline-block;}
div.page-navi a{font-size:14px;}
div.page-navi a.page{display:block;float:left;color:#000;height:22px;line-height:22px;padding:0 8px 1px 8px;margin:9px 5px 0 0}
div.page-navi a.page:hover{color:#1C6B6C;text-decoration:none}
div.page-navi a.active{text-decoration:none;padding:0 8px;cursor:default;margin:9px 5px 0 0;color:#FFF;background:#131313}
div.page-navi a.active:hover{color:#FFF;text-decoration:none}
div.page-navi a{display:block;float:left;height:22px;line-height:22px;margin:9px 5px 0 0;}
div.page-navi span{display:block;float:left;height:22px;line-height:22px;margin:9px 5px 0 0;font-size:14px;color:#7F7F7F;}
div.page-navi a span{display:block;font-size: 30px;float:left;height:22px;line-height:22px;margin:0;color:inherit;color:#000}
div.page-navi a span:hover{text-decoration:none;color:#1C6B6C}


.bigtexteditor img {
    max-width: 100%!important;
    height: auto!important;
}


.anketa input {
    width:50%;
    border:1px solid white;
    padding:10px 10px;
}

.anketa-input {
    margin-top:20px;
}
.anketa-input-name {
    margin-bottom:10px;
}
.anketa-input-button {
    margin-top:20px;
    background:#000;
    color:#fff;
    padding:10px 20px;
    display:inline-block;
    border: 1px solid #fed618;
}

.match-videos {
    display:inline-block;
    width:33.3333%;
    float:left;
}

.match-videos iframe {
    width:100%;
}


.toggle-mnu span:after, .toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}
.toggle-mnu span:after {
    top: 18px;
}
.toggle-mnu span {
    position: relative;
    display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
    width: 100%;
    height: 4px;
    background-color: #181818;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}
.toggle-mnu.on span {
    background-color: transparent;
}
.toggle-mnu.on span:before {
    transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
    transform: rotate(-45deg) translate(6px, -7px);
}





/*//stadion*/

.s-center{
    width: 90%;
    display: flex;
    justify-content: center;
}
#s-sector-1 .s-flex {
    width: 50%;
    margin: 0 auto;
}
#s-sector-1 .s-text {
    width: 27.5%;
}
#s-sector-1 .s-mesta{
    justify-content: flex-end;
}
#s-sector-2 .s-flex {
    width: 59%;
    margin: 0 auto;
}
#s-sector-2  .s-text {
    width: 23.4%;
}

#s-sector-2  .s-mesta{
    justify-content: flex-end;
    width: 87%;
}
#s-sector-3 .s-mesta{
    justify-content: flex-end;
    width: 88%;
}
#s-sector-3 .s-flex {
    width: 64%;
    margin: 0 auto;
}
#s-sector-3 .s-text {
    width: 21.2%;
}
#s-sector-7 .s-mesta, #s-sector-8 .s-mesta{
    justify-content: flex-start;
}
#s-sector-7 .s-flex, #s-sector-8 .s-flex {
    width: 56%;
    margin: 0 auto;
}
#s-sector-7 .s-number, #s-sector-8 .s-number{
    justify-content: flex-start;
}
#s-sector-7 .s-text, #s-sector-8 .s-text{
    width: 23%;
}
#s-sector-9 .s-flex {
    width: 47%;
    margin: 0 auto;
}
#s-sector-11 .s-mesta.flex2 {
    width: 62%;
}
#s-sector-9 .s-text{
    width: 27%;
}
#s-sector-9 .s-number{
    justify-content: flex-start;
}
#s-sector-9 .s-mesta{
    justify-content: flex-start;
}
#s-sector-14 .flex-end {
    width: 48%;
}
#s-sector-18 .s-flex,#s-sector-28 .s-flex,#s-sector-49 .s-flex,#s-sector-60 .s-flex {
    width: 22%;
    margin: 0 auto;
}
#s-sector-18 .s-text,#s-sector-28 .s-text,#s-sector-49 .s-text,#s-sector-60 .s-text {
    width: 40%;
}
#s-sector-54 .s-flex {
    width: 29%;
    margin: 0 auto;
}
#s-sector-54 .s-text {
    width: 37%;
}
#s-sector-55 .s-flex {
    width: 35%;
    margin: 0 auto;
}
#s-sector-55 .flex-end {
    width: 80%;
}
#s-sector-55 .s-text {
    width: 34.3%;
}
#s-sector-20 .s-modal, #s-sector-26 .s-modal {
    padding: 1.5% 0;
}
#s-sector-20 .s-number, #s-sector-20 .s-text,#s-sector-26 .s-number, #s-sector-26 .s-text{
    width: 2%;
}
#s-sector-20 .s-mesta,  #s-sector-26 .s-mesta {
    width: 95%;
}
#s-sector-30 .s-mesta{
    justify-content: flex-end;
}
#s-sector-31 .s-mesta{
    justify-content: flex-end;
}
#s-sector-32 .s-mesta{
    justify-content: flex-end;
}

#s-sector-36 .s-mesta{
    justify-content: flex-start;
}
#s-sector-36 .s-flex {
    width: 60%;
    margin: 0 auto;
}
#s-sector-36 .s-text {
    width: 21%;
}
#s-sector-30  .s-flex {
    width: 31%;
    margin: 0 auto;
}
#s-sector-30 .s-text {
    width: 36%;
}
#s-sector-31 .s-number.left, #s-sector-30 .s-number.left {
    justify-content: flex-end;
}
#s-sector-31 .s-flex {
    width: 62%;
    margin: 0 auto;
}
#s-sector-31 .s-text {
    width: 22%;
}
#s-sector-36 .s-number{
    justify-content: flex-start;
}
.s-mesta.flex2{
    justify-content: space-between;
}
.s-mesta.flex-end{
    justify-content: flex-end;
}
.s-mesta.flex2 a{
    float: left;
}

path {
    transition: all 0.25s ease-out;
    transform-origin: 50% 50%;


}
.path-filter{
    filter: drop-shadow( 0 2px 1px red );
}
path:hover{
    cursor: pointer;
    filter: url(#dropshadow);
}
.svg-stadion text{
    pointer-events: none;
}
.s-header{
    display: flex;
    justify-content: space-between;
}
.s-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1%;
}
.s-mesta{
    display: flex;
    justify-content: center;
    width: 90%;
}
#svg_33, #svg_32, #svg_31, #svg_34, #svg_76, #svg_77, #svg_8 ,#svg_9, #svg_23, #svg_21{
    pointer-events: none;
}
.s-mesta a{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.15vw;
    border-radius: 7px;
    color: #FFFFFF;
    cursor: pointer;
    background: #000000;
    font-size: 0.7em;
    width: 1.6vw!important;
    padding: 0.4vw 0!important;
    text-align: center;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px -1px 5px 0px rgba(50, 50, 50, 1);
    box-shadow:         0px -1px 5px 0px rgba(50, 50, 50, 1);
    transition: 0.4s;
    transform: translateZ(0);
    position: relative;
}

.cena{
    position: absolute;
    bottom: 100%;
    left: 100%;
    background: #008dd2;
    width: 250%;
    padding: 0.5em;
    border-radius: 2px;
    color:#fff;
    opacity: 1!important;
}
.s-mesta a.blue{
    background: #008dd2;
}
.s-mesta a.blue:hover {
    background: #008dd2;
    color:#fff;
}
.s-mesta a.hidden{
    visibility: hidden;
}
.s-mesta a.yellow{
    background: #f1cb30;
    pointer-events: none;
}
.s-mesta a:hover{
    background: #fff;
    color:#000;
}
.s-number{
    color: #727271;
    font-size: 1.4em;
    font-weight: normal;
    font-family: Compact, fantasy;
    width: 5%;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.s-text{
    margin-top: 1%;
    font-size: 2em;
    color: #727271;
    font-weight: normal;
    font-family: Compact, fantasy;
    width: 5%;
    text-align: right;
}
.s-number.left{
    justify-content: flex-start;
}
.s-logo {
    width: 7vw;
    height: 7vw;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 0.5%;
    background-color: #FFFFFF;
    border: 7px solid #008dd2;
    color: #008dd2;
    font-size: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: sm;
    margin-right: 0.5%;
}
.small-circle{
    padding: 9%;
    border-radius: 50%;
    background-color: #008dd2;
    position: absolute;
    left: 50%;
    top: 85%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.s-modal-close{
	position: absolute;
    top: 3%!important;
    right: 1.5%!important;
    filter: brightness(0) invert(0)!important;
    opacity: 0.5!important;
}
.s-modal-close:hover{
    opacity: 0.9!important;
}
.s-navigate{
    font-family: sm!important;
    font-weight: 500;
    fill: #312f30;
}
body.modal-active{
    overflow-y: hidden;
    padding-right: 17px;
}
.s-modal-container {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    border-radius: 3px;
    z-index: 999;
}
.s-modal-container.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.s-modal-container.one .modal-background .s-modal {
    transform: scale(0);
    animation: s-zoomIn 0.7s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.s-modal-container.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.s-modal-container.one.out .modal-background .s-modal {
    animation: s-zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.s-modal-container .modal-background {
    background: rgba(0, 0, 0, 0.8);
}
.s-logo-con{
    display: flex;
    justify-content: center;
    align-items: center;
}
.s-logo-text{
    font-size: 1.5em;
    color: #008dd2;
    font-family: Compact;
    margin-left: 0.5%;
}
.s-modal-container .modal-background .s-modal {
    background: white;
    padding: 0.9em!important;
    display: block;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    border-radius: 3px;
    position: relative;
    overflow-y: scroll;
}
.s-modal-border{
    border: 2px solid #f1cb30;
    padding: 0.9em;
}
.s-modal-header{
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    margin-top: 3%;
}
.sector-info{
    width: 28em;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.stadion-logo {
    margin: 0 4%;
    display: inline-block;
    vertical-align: top;
}
.sector-info-item-1{
    margin-bottom: 6%;
}
.sector-info-item-1 span{
    font-size: 0.9em;
}
.sector-info-item-1 p{
    color: #ffb500;
    font-family: sm;
    font-size: 2.0em;
    text-shadow: 0px 1px 2px #6a6e526e;
}
.sector-info-item-2{
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    border: 1px solid #fcd500;
    padding: 2% 0;
    width: 84%;
    float: right;
}
.sector-info-item-2 div{
    width: 30%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sector-info-item-2 span{
    width: 1.4em;
    height: 1.2em;
    border-radius: 5px;
    margin-right: 3%;
}
span.s-yel{
    background-color: #008dd2;
}
span.s-red{
    background-color: #f1cb30;
}
span.s-sv{
    background-color: #000000;
}

.game-info{
    width: 28em;
    padding: 0.8em;
    background-color: #ffd366;
    display: inline-block;
    vertical-align: top;
}
.stadion-logo img{
    width: 86%;
    margin-top: -39%;
}
p.center{
    margin-top: -4%;
}
.game-info-border{
    border: 1px solid #FFFFFF;
    padding: 0.8em;
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
}
.game-info-item-1{
    border-right: 1px solid #000000;
    padding-right: 1%;
    text-align: left;
}
.game-info-item-1 p{
    margin-bottom: 5%;
}
.game-info-item-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.game-info-item-2 p{
    color: #FFFFFF;
    font-size: 2.5em;
    text-transform: uppercase;
    font-family: sm;
    text-shadow:
            -0   -1px 0   #757272,
            0   -1px 0   #757272,
            -0    1px 0   #757272,
            0    1px 0   #757272,
            -1px -0   0   #757272,
            1px -0   0   #757272,
            -1px  0   0   #757272,
            1px  0   0   #757272,
            -1px -1px 0   #757272,
            1px -1px 0   #757272,
            -1px  1px 0   #757272,
            1px  1px 0   #757272,
            -1px -1px 0   #757272,
            1px -1px 0   #757272,
            -1px  1px 0   #757272,
            1px  1px 0   #757272;
}
.game-info-item-1, .game-info-item-2{
    width: 16em;
}
.game-info-item-2 button{
    width: 58%;
    background: black;
    padding: 4% 6%;
    color: #FFFFFF;
    border: none;
    outline: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 5%;
}
.game-info-item-2 button:hover{
    opacity: 0.8;
}
@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@keyframes s-zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes s-zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
.style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #727271;
}
.payment-modal{
    width: 65%;
    background-image: url("../img/modal-bg.jpg");
    background-size: 100% 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    overflow-x: hidden;
}
.fvs.myriad-bold {
    padding-top: 10px;
}
.zayavka_modal {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    margin: 1em;
}
.vozvrat_form {
    position: relative;
    display: inline-block;
    width: 100%;
    background-image: url("../img/modal-bg.jpg");
    background-size: 100% 100%;
    z-index: 9999;
    overflow-x: hidden;
    text-align: left;
}
.vozvrat_form  select {
    border: 1px solid #000;
    padding: 2.2%;
    background: rgba(255,255,255,0.5);
    outline: none;
}
.payment-header{
    width: 100%;
    height: 4.7vw;
    position: relative;
    background-color: #ffb700;
    -webkit-box-shadow: 0px 3px 17px -2px rgba(92,91,92,1);
    -moz-box-shadow: 0px 3px 17px -2px rgba(92,91,92,1);
    box-shadow: 0px 3px 17px -2px rgba(92,91,92,1);
    z-index: 2;
}
.payment-header-logo{
    width: 80%;
    padding: 0.31em;;
    background-color: #000000;
    transform: skew(-35deg);
    position: relative;
    left: -10%;
    color: #FFFFFF;
    font-family: sm;
    font-size: 2.9vw;
    text-align: center;
    z-index: 1;
    text-transform: uppercase;
}
.payment-header-logo-text{
    transform: skew(35deg);
}
img.s-payment-close{
     position: absolute;
     top: 25%;
     right: 2%;
     width: 4.2%;
 }
img.s-payment-close:hover{
    filter: invert(1);
    cursor: pointer;
}
.payment-header-body{
    margin: 3% 2%;
    border: 1px solid #ffffff;
    position: relative;
    padding: 1em 0.7em;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
img.payment-logo{
    position: absolute;
    left: 13.7%;
    top: -22%;
    width: 12%;
}
.payment-modal input, .payment-modal select{
    border: 1px solid #000;
    padding: 2.2%;
    background: rgba(255,255,255,0.5);
    outline: none;
}
.payment-form{
    width: 64.5%;
    font-size: 0.9em;
    padding-top: 8.5%;
    position: relative;
}
.payment-info{
    width: 33%;
    background-color: #ffeda0;
    padding: 1em;
    -webkit-box-shadow: -1px 0px 26px 1px rgba(193,193,193,0.72);
    box-shadow: -1px 0px 26px 1px rgba(193,193,193,0.72);
    font-size: 0.9em;
    position: relative;
    z-index: 1;
}
.payment-info b{
    font-weight: bold;
}
.payment-info-text{
    width: 100%;
    margin-bottom: 1.3em;
}
.payment-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4%;
}
.p-form-left{
    width: 34%;
    padding-left: 9%;
}
.p-form-right{
    width: 64%;
    overflow: hidden;
}
.payment-flex.check{
    justify-content: flex-end;
}

.p-form-right span {
    font-style: italic;
    font-size: 0.8em;
}
.no-margin{
    margin: 0;
}
.no-margin input{
    width: 57%;
}
.payment-form select{
    width: 100%;
    font-size: 0.9em;
    cursor: pointer;
}
.no-margin select{
    width: 36%;
    font-size: 0.8em;
    font-style: italic;
}
.no-margin select span{
    font-style: italic;
}
.check input[type=checkbox] {
    width: 1.5em;
    height: 1.5em;
    border-radius: 0;
    margin-right: 0.5em;
}
.check label{
    font-size: 0.9em;
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.check button{
    padding: 1.6% 8%;
    background: black;
    transform: skew(-35deg);
    color: #fff;
    position: relative;
    left: -5%;
    font-size: 0.9vw;
    cursor: pointer;
    transition: none;
}
.check button:hover{
    opacity: 0.9;
}
.check button p{
    transform: skew(35deg);
    padding-left: 15%;
}
.payment-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3% 0;
    width: 100%;
    background-color: #ffb700;
}
.s-marg{
    margin-top: 3%;
}

.payment-modal.second ,.payment-modal.third, .payment-modal.first{
    display: none;
}

.second img.payment-logo{
    left: 8.7%;
}
.second .payment-header-logo {
    left: -6%;
}
p.mard-bottom{
    margin-bottom: 5%;
}
.second .p-form-left {
    width: 32%;
    padding-left: 0;
    text-align: right;
}
.second .no-margin2{
    margin: 0;
    display: flex;
    justify-content: flex-start;
}
select.year{
    width: 32%;
    font-style: italic;
}
select.month{
    width: 45%;
    margin-right: 5%;
    font-style: italic;
}
input.min-input{
    width: 45%;
}
.second .check button{
    transform: skew(0deg);
    left: 0;
    padding: 1.7% 4%;
}
.second .check button p{
    transform: skew(0deg);
    padding: 0;
}
.second input, .second select{
    padding: 1.7%;
}
.p-form-header h2{
    font-size: 2.6em;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: sm;
    font-weight: normal;
    margin: 2% 0;
}
.p-form-header p{
    font-size: 0.84em;
    font-weight: 600;
}
.p-form-header{
    margin-bottom: 3%;
}
.second  .payment-flex {
    margin-bottom: 3%;
}
.p-form-info p{
    display: inline-block;

}
p.sena{
    font-family: sm;
    font-weight: normal;
    font-size: 1.5em;
}
.p-form-info{
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 0;
    left: 15%;
    text-transform: uppercase;
    align-items: center;
    width: 90%;
    border-bottom: 2px solid #fff;
    padding-bottom: 1%;
}
.second .payment-header-body {
    margin: 5% 2%;
    margin-bottom: 2%;
    padding-bottom: 7%;
}
.second .payment-form {
    padding-top: 6.5%;
}
.payment-footer-text{
    width: 97%;
    border-top: 1px solid #FFFFFF;
    padding:  1% 0;
    position: absolute;
    bottom: 0;
    left: 1.6%;
    font-size: 0.8em;
    font-style: italic;
}

.third .payment-header-body {
    margin: 4% 4%;
    padding: 10% 0;
    justify-content: center;
    text-transform: uppercase;
    font-family: sm;
    font-size: 3.1vw;
    color: #FFFFFF;
    font-weight: normal;
}
.third .payment-header-body p{
    text-align: center;
}
.third .payment-header-body hr{
    width: 20%;
    border: none;
    height: 2px;
    background-color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}


.dm-overlay {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
/* активируем модальное окно */

.dm-overlay:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */

.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */

.dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}

.dm-modal {
    display: inline-block;
    padding: 20px;
    min-width: 300px;
    background: #fff;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color: #000;
    text-align: left;
}
.pl-left,
.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюра справа */

.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюра слева */

.pl-left {
    float: left;
    margin: 5px 15px 5px 0;
}

.dm-overlay button {
    background: black;
    padding: 10px 20px;
    color: #FFFFFF;
    border: none;
    outline: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 5%;
}


@-moz-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}

.team #coaches-a {
    padding-top: 2em;
    display: none;
}
.team #line-up-a {
    background: #181818;
    color: #FFFFFF;
    padding-top: 2em;
    display: none;
}
.team #line-up-m{
    background: #181818;
    color: #FFFFFF;
    padding-top: 2em;
    display: none;
}
@-moz-keyframes bounce_left {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(-50%)  translateX(0);
        transform: translateY(-50%)  translateX(0);
    }
    40% {
        -moz-transform: translateX(-30px);
        transform: translateY(-50%)  translateX(-30px);
    }
    60% {
        -moz-transform: translateX(-15px);
        transform: translateY(-50%)  translateX(-15px);
    }
}
@-webkit-keyframes bounce_left {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(-50%)  translateX(0);
        transform:  translateY(-50%) translateX(0);
    }
    40% {
        -webkit-transform: translateX(-30px);
        transform: translateY(-50%)  translateX(-30px);
    }
    60% {
        -webkit-transform:  translateY(-50%) translateX(-15px);
        transform:  translateY(-50%) translateX(-15px);
    }
}
@keyframes bounce_left {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform:  translateY(-50%) translateX(0);
        -ms-transform: translateY(-50%)  translateX(0);
        -webkit-transform: translateY(-50%)  translateX(0);
        transform: translateY(-50%)  translateX(0);
    }
    40% {
        -moz-transform: translateY(-50%)  translateX(-30px);
        -ms-transform: translateY(-50%)  translateX(-30px);
        -webkit-transform: translateY(-50%)  translateX(-30px);
        transform: translateY(-50%)  translateX(-30px);
    }
    60% {
        -moz-transform: translateY(-50%)  translateX(-15px);
        -ms-transform: translateY(-50%)  translateX(-15px);
        -webkit-transform: translateY(-50%)  translateX(-15px);
        transform: translateY(-50%) translateX(-15px);
    }
}
.arrow_left {
    position: absolute;
    top: 50%;
    left: -2px;
    font-size: 18px;
}

.bounce_left {
    -moz-animation: bounce_left 2s infinite;
    -webkit-animation: bounce_left 2s infinite;
    animation: bounce_left 2s infinite;
}
.after_order .product-input { width: 100%;}
.flex1 {display:flex; justify-content: space-between;}
.flex-c {display:flex; justify-content: space-between; align-items: center;}
.flex-w {display:flex; justify-content: space-between; flex-wrap: wrap;}


.team #coaches-m {
    display:none;
    padding-top: 2em;
}
.product-detail-main {
    width:90%;
    margin: 0 auto;
    margin-top: 2em;
}
.ximg {
    height: 100%;
}
.form-group {
    width: 9em;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: 3px 12px;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
    z-index: 2;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-default:active:hover{
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.input-group-btn>.btn {
    position: relative;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:hover {
    background-color: #c7c7c7;
    border-color: #adadad;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none;
}
.btn-default {
    color: #000000;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    padding: 3px 12px;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}
.remove_btn_block {
    display: block;
    text-align: right;
    margin-right:5px;
}
.remove_btn {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    width:22px;
    float: right;
    margin-top: -0.5em;
    margin-right: -0.5em;
}
.cart-buy-block {
    padding: 1em;
    width: 48%;
    margin-left: 2%;
    margin-top: 0.5em;
    background: #FFFFff;
}
.list_product {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -2%;
}
.select_size {
    text-transform: uppercase;
    margin-left:7px;
}
.select_quantity {
    margin-left:7px;
}
.count_cart {
    position: absolute;
    top: 10%;
    left: 90%;
    width: 40px;
    height: 40px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #181818;
    font-size: 1.1em;
}
.cart_animation {
    position: fixed;
    bottom: 5em;
    right: 5em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    border-radius: 150px;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 100;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart_animation:active {
    top: unset!important;
}
.cart_animation img {
    width: 45%;
    margin: 0 auto;
}
.cart_animation:after {
    background: #ffb500;
    background-size: 100% 100%;
    content: "";
    color: #fff;
    text-align: center;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    position: absolute;
    border-radius: 150px;
    z-index: -1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.cart_animation:hover {
    animation: none;
    transform: scale(1.2);
    transition: 0.5s;
}
@keyframes play {
    15% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 181, 0, 0.4);
    }
}
.empty-cart {
    font-family: sm;
    font-size: 35px;
    margin-left: 0.5em;
    text-align: center;
    margin-bottom: -5px;
    display: none;
}
.thanks_form {
    font-family: sm;
    font-size: 35px;
    text-align: center;
    margin: 1em 0;
}
.cart_load:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3em;
    display: none;
    z-index:100;
}
.swal-title {
    font-size: 22px!important;
}
.subcategory_id{
    display: none;
    padding: 0 1em;
    text-align: center;
    margin-left: -3em;
    margin-top: 1em;
}
.category_id.active_cat .subcategory_id {
    display: block;
}
.subcategory_id.active {
    background: transparent;
}
.a_sub {
    color: #000000!important;
    width:100%;
    display: inline-block;
    margin: 0.5em;
}
.category_id.active_cat .icon_store {
    filter: invert(1);
}
.category_id.active_cat {
    background: #131313;
    color: #FFFFFF;
}
.dnone {
    display: none;
}
.subcategory_li {
    width: 85% !important;
    padding:0 1em;
    text-align: left;
}
.subcategory_li a.active_sub {
    background: #FFFFff;
}
.subcategory_li a {
    width: auto!important;
    padding: 0.5em 1.5em;
}
.subcategory_li.active_sub a{
    color: #000000;
}
#carousel_main .item {
    width:100%;
}

.bread {
	background:#181818;
	color:#d2d2d2;
	padding:10px;
	margin-top:5px;
}
.bread a {
	color:#fff;
}
.pc_preview {
    position: relative;
    width: 60%;
    object-fit: cover;
    float: left;
    margin: 0 1em 1em 0;
}
.pc_preview img {
    height:25em!important;
    object-fit:cover;
}
.mob_preview {
    position: relative;
}
.text_video iframe{
    width:100%!important;
    height: 30vw;
}
.overflow {
    overflow: hidden;
}
.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:100%;
}
.vozvrat {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.5em 1em;
}
img.vozvrat_close{
    position: absolute;
    top: 25%;
    right: 2%;
    width: 4.2%;
    cursor: pointer;
}
.vozvrat-form {
    font-size: 0.9em;
    padding-top:0.5em;
    position: relative;
    width: 100%;
}
.vf_title {
    font-weight: bold;
    font-size: 1.2em;
   text-align: center;
}
.vf_text {
    margin: 1em;
    padding: 0 1em;
}
.vf-flex {
    margin: 1em 0;
    padding:  0 2em;
}
.vozvrat-form input {
    border: 1px solid #000;
    padding: 2.5%;
    background: rgba(255,255,255,0.5);
    outline: none;
    color: #000000;
}
.vozvrat-form input::placeholder {
    color: #000000;
}
.item50 {
    width: 48%;
}
.v-form-left {
    margin-bottom: 0.5em;
}
.vozvrat-form  .flex1 {
    margin-top: 1em;
}
.v-form2 {
    width: 100%;
    overflow: hidden;
    margin-left: 2em;
}
.v-form2  button {
    padding: 2.2% 5% 2.2% 7%;
    background: black;
    transform: skew(-35deg);
    color: #fff;
    position: relative;
    left: -5%;
    font-size: 0.9vw;
    cursor: pointer;
    transition: none;
}
#product_method {
    width:100%;
}
.thanks {
    position: absolute;
    top: 45%;
    left: 50%;
    font-family: sm;
    font-size: 2.5em;
    text-align: center;
}
.zakupki_title{position: relative; margin: 1em 0;}
.zakupki .rgba-fil {width:44em!important;padding:2em 1em!important}
.zakupki_title li {margin: 4px 0;}
.mt-1 {margin-top: 1em!important;}
.zakupki { padding-bottom: 1em;  border-bottom: 1px solid #000;}
.zak_dwd { display: inline-block;  background: #000;color: #fff;padding: 0.8em 1em;}
.news_photo_section {
    position: relative;
    margin-top: 1.8em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    margin-right:-2%;;
}
.newsphoto_block {
    width: 18%;
    margin-right: 2%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-bottom:2%
}
.newsphoto>img {
    height: 8em;
}

.partner-logo {
	display:block;
	max-width:50%;
	padding-top:45px;
	margin:auto;
}

.countdown {
    display: flex;
}
.countdown .text_countdown {
    margin-right: 10px;
}
.countdown-number {
    font-weight: 900;
}