/* ---------- COMMON STYLES ---------- */

BODY{
    font: 16px 'Roboto', sans-serif;
    margin: 0;
    background-color: #ebebeb;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

A{
    text-decoration: none;
    color: inherit;
}

TEXTAREA{
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
}

.grecaptcha-badge {
    visibility: hidden;
}

.unselectable{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.left{ float: left; }

.right{ float: right; }

.clear{ clear: both; }

.verified-account{
    margin-right: 5px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

.blue-button{
    background-color: #0288d1;
    color: white;
    border: none;
    font-size: 1em;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.blue-button:hover{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.blue-button:active{
    background-color: #0292dc;
}

.blue-button2{
    background-color: #0288d1;
    color: white;
    border: none;
    font-size: 1em;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    padding: 8px 14px;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.blue-button2:hover{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.blue-button2:active{
    background-color: #0292dc;
}

.blue-button2:disabled, .blue-button:disabled{
    background-color: #71848f;
}

.gray-button{
    background-color: #616161;
    color: white;
    border: none;
    font-size: 1em;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    padding: 8px 14px;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gray-button:hover{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gray-button:active{
    background-color: #757575;
}

.red-button{
    background-color: #6d000c;
    color: white;
    border: none;
    font-size: 1em;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.red-button:hover{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.blue-button:active{
    background-color: #86000e;
}

/* ---------- MATERIAL DESIGN ICONS ---------- */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../plugins/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../plugins/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
    url(../plugins/iconfont/MaterialIcons-Regular.woff) format('woff'),
    url(../plugins/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-26 { font-size: 26px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-34 { font-size: 34px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-black { color: rgb(0, 0, 0); }
.material-icons.md-black.md-inactive { color: rgba(0, 0, 0, 0.7); }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-white { color: rgb(255, 255, 255); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.md-blue { color: #0288d1; }
.material-icons.md-blue.md-inactive { color: #7597aa; }

.material-icons.md-pink { color: rgb(255,64,129) }
.material-icons.md-pink.md-inactive { color: #c7899e; }

.material-icons.md-red { color: #F44336 }
.material-icons.md-red.md-inactive { color: #FFCDD2; }

.material-icons.md-green { color: #4CAF50 }
.material-icons.md-green.md-inactive { color: #acb9a6 }

.material-icons.md-pointer { cursor: pointer; }
.material-icons.md-pointer:hover { opacity: 0.7; }

/* ---------- PAGE WRAPPER ---------- */

.wrapper{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.p20{
    padding: 20px;
}

.p20_0{
    padding: 0 20px 20px 20px;
}

.p20_10{
    padding: 20px 20px 0 20px;
}

.p0_10{
    padding: 0 10px 0 10px;
}

.page_title{
    font-weight: bold;
    font-size: 1.8em;
    padding-bottom: 20px;
}

.page_title2{
    font-weight: bold;
    font-size: 1.8em;
}

.page__logo{

}

.logo__block{
    padding-bottom: 20px;
}

.logo__title{
    text-align: center;
    font-size: 1.5em;
    color: #03A9F4;
    padding-bottom: 10px;
}

.logo__content{
    text-align: center;
}

.logo__rect img{
    border-radius: 5px;
    margin: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.logo__download{
    padding-bottom: 15px;
}

.logo__download a{
    color: #01579B;
    font-weight: bold;
}

/* ---------- PAGE HEADER TOP ---------- */

.header{
    position: relative;
    width: 100%;
    min-width: 1000px;
    background-color: #30383e;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.header-mobile{
    background-color: #30383e;
    height: 50px;
    display: none;
    position: relative;
}

.overlay-mobile{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 40;
}

.header__top{
    height: 50px;
    background: inherit;
}

.top{
    width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.top__sponsors{
    display: flex;
    align-items: center;
    height: 50px;
}

.top__sponsor1 img{
    height: 25px;
    padding: 0 20px;
    display: block;
}

.top__sponsor2 img{
    height: 20px;
    padding: 0 20px;
    display: block;
}

.top__logo{
    display: flex;
    align-items: center;
    height: 50px;
    color: white;
    font-size: 30px;
    font-weight: bolder;
    text-transform: uppercase;
}

.top__logo a{
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    margin: 0 auto;
}

.top__social{
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.top__social img {
    width: auto;
    height: 20px;
}

.top__logo-mobile{
    line-height: 50px;
    vertical-align: middle;
    color: white;
    font-size: 22px;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
}

.top__sign-in{
    position: absolute;
    padding: 10px;
    top: 0;
    right: 0;
}

.top__user-avatar{
    width: 30px;
    border-radius: 50%;
}

.top__pm {
    position: absolute;
    top: 0;
    right: 40px;
}

.top__pm img{
    display: block;
    padding: 5px;
    height: 40px;
}

.top__userpic{
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.top__userpic img{
    width: 34px;
    border-radius: 50%;
}

.top__menu-burger{
    position: absolute;
    left: 0;
    padding: 8px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.top__menu-burger-items{
    background-color: #262c32;
    position: fixed;
    left: -100%;
    width: 250px;
    height: 100vh;
    top: 0;
    overflow: auto;
    z-index: 45;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.7);
}

.top__menu-burger-close{
    padding: 8px 10px;
    height: 50px;
    text-align: left;
    box-sizing: border-box;
}

.top__menu-burger-item{
    font-size: 1.1em;
    color: white;
    padding: 10px 10px 10px 20px;
}

.top__menu-burger-item:hover{
    background-color: rgba(255, 255, 255, 0.1);
}

.drawer-profile{
    width: 100%;
    height: 120px;
    background-image: url(../images/ui/burger-profile-bg.jpg);
    background-size: cover;
    position: relative;
}

.drawer-profile__userpic{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
}

.drawer-profile__userpic img{
    width: 60px;
    border-radius: 50%;
}

.drawer-profile__username{
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 10px 20px;
    font-size: 1.5em;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.drawer-profile__dropdown{
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    padding: 5px 10px;
}

.header__posts-news-switcher{
    display: none;
}

.posts-news-switcher__items{
    background-color: white;
    margin: 0 20px 20px 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    overflow: hidden;
}

.posts-news-switcher__item{
    float: left;
    width: 50%;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.125em;
}

.posts-news-switcher__item:hover{
    opacity: 0.8;
}

.posts-news-switcher__item_selected{
    background-color: #00aced;
    color: white;
}

/* ---------- PAGE HEADER BOTTOM ---------- */

.header__menu{
    width: 100%;
    height: 40px;
    text-align: center;
    background: inherit;
}

.main-menu{
    width: 1000px;
    height: inherit;
    background-color: #262c32;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.main-menu__item{
    font-size: 1.25em;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 9px;
    height: inherit;
    box-sizing: border-box;
    text-transform: uppercase;
}

.main-menu__item:hover{
    border-bottom: 3px solid #006fac;
}

.main-menu__item-with-img{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.main-menu__item-with-img img{
    margin-left: 12px;
    height: 10px;
}

.main-menu__item-olimp-with-img{
    display: flex;
    align-items: center;
}

.main-menu__item-olimp-with-img img{
    margin-left: 10px;
    height: 20px;
}

.main-menu__item2{
    font-size: 1.25em;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 10px;
    height: inherit;
    box-sizing: border-box;
    text-transform: uppercase;
}

/* ---------- PAGE FOOTER ---------- */

.footer{
    position: relative;
    z-index: 1;
}

.footer__top{
    width: 100%;
    background-color: #262c32;
}

.footer-top{
    background-color: inherit;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.footer-block{
    float: left;
    padding: 10px 10px 0 10px;
    margin-right: 50px;
}

.footer-top-menu__mistake{
    float: right;
    width: 200px;
    text-align: right;
    margin-right: 20px;
    padding-top: 15px;
    color: #92a4aa;
    font-size: 1.125em;
}

.footer-block-wide{
    padding: 10px;
}

.footer-top__partners{
    display: flex;
}

.footer-top__partner-item{
    display: inline-block;
    padding: 10px 20px 0 0;
}

.footer-top__partner-item img{
    border-radius: 5px;
    height: 70px;
}

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

.footer-block__icons img{
    height: 40px;
    -webkit-filter: brightness(80%)  grayscale(20%) opacity(90%); /* Chrome, Safari, Opera */
    filter: brightness(80%) grayscale(20%) opacity(90%);
}

.footer-block__icons img:hover{
    -webkit-filter: brightness(100%) opacity(100%) grayscale(0%); /* Chrome, Safari, Opera */
    filter: brightness(100%) opacity(100%) grayscale(0%);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.footer-block__header{
    color: #717d83;
    font-size: 1.25em;
    padding: 5px 5px 0 5px;
    text-transform: uppercase;
}

.footer-block{

}

.footer-block__item{
    color: #c2d5db;
    font-size: 1em;
    padding: 5px;
}

.footer-block__item a:hover{
    color: white;
}

.footer__bottom{
    background-color: #262c32;
    width: 100%;
}

.footer-bottom{
    background-color: #262c32;
    margin: 0 auto;
    width: 1000px;
    height: 50px;
}

.footer-bottom__copyright{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #30383e;
    font-size: 1.125em;
    color: #dcdee0;
    height: 50px;
    box-sizing: border-box;
    padding: 15px 20px;
}

/* ---------- POPUPS COMMON STYLES ---------- */

.popup{
    position: fixed;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.8);
}

.window{
    background-color: white;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.7);
}

.window__close{
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
}

.window__title{
    font-size: 1.6em;
    font-weight: bold;
    padding: 30px 50px 0 30px;
}

/* ---------- POPUP SIGN IN ---------- */

.window__sign-in{
    margin: auto;
    width: 450px;
    height: 520px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.window-sign-in__body{
    padding: 20px 30px 30px 30px;
}

.window-sign-in__extra{
    padding: 30px;
    border-top: 1px solid #d7d7d7;
    background-color: white;
}

.sign-in-input{
    width: 370px !important;
}

.window-sign-in__buttons{
    margin: 20px 0 0 0;
}

.sign-in-auth-button{
    font-size: 1em !important;
    width: 120px;
    height: 36px !important;
    background-color: #0288D1 !important;
}

.sign-in-auth-button img{
    float: left;
    padding: 0 30px;
}

.sign-in-lost-password{
    font-size: 1em;
    color: #8b8b8b;
    padding: 8px;
    width: 200px;
    text-align: right;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

.sign-in-lost-password:hover{
    color: #0090c1;
}

.window-sign-in__extra-title{
    font-size: 1.4em;
    text-align: center;
    color: #3b3b3b;
    font-weight: bold;
}

.window-sign-in__offer-reg{
    margin-top: 20px;
    font-size: 1.125em;
    text-align: center;
    color: #3b3b3b;
}

.offer-reg__button{
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}

.offer-reg__button:hover{
    color: #0081b1;
}

.window-sign-in__extra-buttons{
    text-align: center;
}

.social-btn{
    margin: 10px 5px;
    cursor: pointer;
    display: inline-block;
}

.social-btn:hover{
    opacity: 0.9;
}

.social-btn img{
    height: 40px;
}

.sign_in_button_lost_password{
    margin-top: 15px;
}

.remind-password__message{
    text-align: center;
    font-size: 1.25em;
    line-height: 1.4em;
    height: 140px;
}

.remind-password__close{
    text-align: center;
}

/* ---------- SIGN UP WINDOWS ---------- */

.window__sign-up{
    margin: auto;
    width: 450px;
    height: 525px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.window-sign-up__body{
    padding: 20px 30px 40px 30px;
}

.window-sign-up__button{
    margin-top: 15px;
}

.sign-up-button{
    font-size: 1em !important;
    width: 220px;
    height: 36px !important;
    background-color: #0288D1 !important;
}

.sign-up-button img{
    margin-bottom: 2px;
}

.window-sign-up__rules{
    padding-top: 25px;
    font-size: 0.875em;
}

.window-sign-up__rules a{
    color: #027cbe;
}

.window-sign-up__rules a:hover{
    color: #039be5;
}

.window-sign-up__success{
    font-size: 1.25em;
    text-align: center;
    padding: 10px 0;
    line-height: 150%;
}

.window-sign-up__success img{
    height: 240px;
}

.window-sign-up__finish-button{
    text-align: center;
}

.window-sign-up__success-button{
    font-size: 1em !important;
    width: 120px;
    height: 36px !important;
    background-color: #0288D1 !important;
}

/* ---------- POPUP LOST PASSWORD ---------- */

.window__lost-password{
    margin: auto;
    width: 450px;
    height: 355px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.lost-password-button{
    font-size: 1em !important;
    width: 150px;
    height: 36px !important;
    background-color: #0288D1 !important;
}

.lost-password-button img{
    padding-bottom: 2px;
}

.window-sign-in__definition{
    font-size: 1.125em;
    text-align: center;
    color: #3b3b3b;
}

/* ---------- POPUP TYPO---------- */

.window__typo{
    margin: auto;
    width: 450px;
    max-height: 380px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.window__typo-body{
    padding: 20px 30px 40px 30px;
}

.typo-selection{
    width: 390px;
    height: 120px;
    font-size: 1em;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 10px !important;
    overflow-y: scroll;
}

.typo-comment__label{
    font-size: 1.125em;
    padding: 20px 0 10px 0;
    color: #5e5e5e;
}

.typo-comment__form textarea{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    font-size: 1em;
}

.typo-comment__error{
    float: left;
    font-size: 1em;
    color: #5e747e;
    padding: 8px 10px 0 0;
    margin-top: 10px;
}

.typo-button{
    font-size: 1em !important;
    width: 150px;
    height: 36px !important;
    background-color: #0288D1 !important;
    margin: 10px 0 0 0 !important;
    float: right;
}

.typo-button img {
    float: left;
    margin-left: 45px;
}

/* ---------- POPUP TYPO ALERT ---------- */

.window__typo-alert{
    margin: auto;
    width: 450px;
    max-height: 210px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.typo-alert__message{
    font-size: 1.125em;
    margin-bottom: 20px;
}

.typo-alert__button{
    font-size: 1em !important;
    width: 140px;
    height: 36px !important;
    background-color: #0288D1 !important;
    margin: 0 auto;
}


/* ---------- ACCOUNT ACTIVATION ---------- */

.user_activated_body{
    font-size: 1em;
}

.user_activated_message{
    padding-bottom: 20px;
    font-size: 1.25em;
}

.user_activated_button{
    margin: 0 0 20px 40px;
}

.dob_day{
    width: 50px !important;
}

.dob_month{
    display: inline-block;
    width: 120px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.15);
    font-size: 1em;
    height: 20px;
    color: rgba(0,0,0, 0.4);
    padding: 4px 0;
    cursor: pointer;
    position: relative;
}

.months_wrapper{
    position: absolute;
    top: -10px;
    color: black;
    background-color: white;
    z-index: 5;
}

.months_options{
    width: 160px;
    height: 160px;
    overflow-y: scroll;
    border: 1px solid #e4e4e4;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.month_option{
    padding: 10px;
    margin-right: 12px;
}

.month_option:hover{
    background-color: #e5e5e5;
}

.dob_year{
    width: 60px !important;
}


.gender_option{
    float: left;
    margin: 10px 30px 30px 0;
}

.save_button{
    font-size: 1em !important;
    width: 120px;
    height: 36px !important;
    background-color: #0288D1 !important;
}

.months{
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.months_wrapper{
    position: absolute;
    top: -10px;
}

.months_options{
    background-color: white;
    width: 160px;
    height: 160px;
    overflow-y: scroll;
    border: 1px solid #e4e4e4;
    z-index: 5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.month_option{
    padding: 10px;
    margin-right: 12px;
}

.month_option:hover{
    background-color: #e5e5e5;
}

/* ---------- PASSWORD RECOVER ---------- */

.password-recover__message{
    padding-bottom: 20px;
    font-size: 1.25em;
}

.password-recover__save{
    padding: 10px 0 20px 0;
}


.password-recover__auth{
    font-weight: bold;
    color: #008fc6;
    cursor: pointer;
}

.password-recover__auth:hover{
    color: #29a6ee;
}

.password-recover__save-button{
    width: 110px;
    border: none;
    border-radius: 3px;
    background-color: #0288d1;
    color: white;
    padding: 8px;
    text-align: center;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    font-size: 1.25em;
    outline: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.password-recover__save-button:hover{
    box-shadow: 1px 4px 24px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.password-recover__save-button:active{
    background-color: #0297e5;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.password-recover__save-button img{
    padding-bottom: 4px;
}


/* ---------- POPUP NEW ALBUM ---------- */

.window_new_album{
    margin: 20px auto 0 auto;
    max-width: 700px;
}

.popup_header{
    background-color: #0288d1;
    color: white;
    font-size: 1.4em;
}

.popup_header_text{
    float: left;
    padding: 20px;
}

.popup_header_close{
    float: right;
    opacity: 0.7;
    padding: 20px;
    cursor: pointer;
}

.popup_header_close:hover{
    opacity: 1;
}

.popup_new_album_container{
    padding: 10px 15px 15px 15px;
    font-size: 1.125em;
}

.popup_new_album_label{
    padding: 10px;
}

.popup_new_album_input_type{
    border: 1px solid #d3d9de;
    font-size: 1.4em;
    padding: 7px 9px;
}

.popup_new_album_input_title{
    width: 620px;
}

.popup_new_album_input_date{
    width: 150px;
}

.popup_new_album_textarea{
    width: 620px;
    height: 50px;
}

.allow_save_photo{
    float: left;
    margin-right: 20px;
}

.allow_save_photo_status{
    padding-top: 3px;
}

.popup_new_album_footer{
    padding: 20px;
    font-size: 1.4em;
    border-top: solid #cecece 1px;
}

.popup_new_album_footer_container{
    float: right;
}

.popup_new_album_create{
    width: 220px;
}

/* ---------- POPUP PHOTO ---------- */

.window_photo{
    margin: 15px auto;
    max-width: 960px;
}

.popup_photo_close{
    position:absolute;
    top:10px;
    right: 10px;
}

.popup_photo_close_button{
    float: right;
    padding: 5px;
    border-radius: 5px;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.popup_photo_close_button:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.popup_photo_close_button i{
    color: white;
    font-size: 30px;
}


.popup_photo_wrapper{
    background-color: white;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.7);
    padding: 10px;
    position: relative;
}

.popup_photo{
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    min-height: 500px;
}

.popup_photo_overlay{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.popup_photo_left_arrow{
    position: absolute;
    width: 28px;
    height: 40px;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    padding-left: 10px;
    z-index: 21;
}

.popup_photo_left_arrow_img{
    position: absolute;
    width: 40px;
    height: 40px;
    top: -50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup_photo_right_arrow{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 100%;
    opacity: 0;
    cursor: pointer;
    padding-right: 10px;
    z-index: 21;
}

.popup_photo_right_arrow_img{
    position: absolute;
    width: 28px;
    height: 40px;
    top: -50%;
    left: -100%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.popup_image{
    text-align: center;
    cursor: pointer;
    z-index: 19;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.popup_image img{
    max-width: 940px;
    max-height: 632px;
    vertical-align: middle;
}

.popup-image__tag-mark{
    position: absolute;
    transform: translate(-50%, 0);
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    color: white;
    text-align: center;
}

.popup-image__tag-mark:hover{
    color: #FFC107;
}

.tag-mark-on-photo{
    display: none;
}

.photo__tagged-players{
    width: 685px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
}

.photo-page__tagged-players{
    width: 100%;
    margin: 0 0 20px 0;
}

.photo__tagged-players-label{
    color: #9E9E9E;
}

.photo__tagged-players-list{
    color: #9E9E9E;
}


.photo__tag-span{
    cursor: pointer;
    color: #01579B;
}

.photo__tag-span:hover{
    color: #03A9F4;
}

.photo__tag-remove{
    color: #FF5722;
    cursor: pointer;
    margin: 0 0 0 2px;
}

.photo__tag-remove:hover{
    color: #BF360C;
}

.tag-mark-wrap{
    position: relative;
}

.tag-mark__label{
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tag-mark__triangle{
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.8);
}

.tag-mark__list{
    position: absolute;
    background-color: white;
    border-radius: 5px;
    width: 220px;
    height: 270px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
    z-index: 20;
    overflow: hidden;
    top: 0;
    left: 0;
}

.tag-mark__list-top{
    padding: 10px;
    background-color: #ECEFF1;
}

.tag-mark__list-top input{
    outline: none;
    padding: 5px;
    width: 160px;
    border-radius: 2px;
    border: 1px solid #B0BEC5;
    box-sizing: border-box;
    color: #37474F;
    font-size: 1em;
    float: left;
}

.tag-mark__list-top button{
    width: 32px;
    height: 30px;
    background-color: #03A9F4;
    border: none;
    color: white;
    outline: none;
    float: right;
    border-radius: 3px;
    cursor: pointer;
}

.tag-mark__list-top button:hover{
    background-color: #1fb5fb;
}

.tag_mark__list-items{
    padding: 5px 0;
}

.tag_mark__list-item{
    padding: 5px 10px;
    color: #424242;
    cursor: pointer;
    border-radius: 3px;
    height: 30px;
    overflow: hidden;
    box-sizing: border-box;
}

.tag_mark__list-item:hover{
    background-color: #ECEFF1;
}

.tagged__title{
    font-size: 1.2em;
    color: #757575;
}

.tagged__title a{
    font-weight: bold;
}

.tagged__title a:hover{
    font-weight: bold;
    color: #03A9F4;
}

.tagged__photos{
    padding: 0 15px 10px 15px;
}

.tagged__photos2{
    margin: 20px 15px 0 15px;
}

.tagged__photos-more{
    padding: 10px 20px 0 20px;
    text-align: right;
    color: #78909C;
}

.tagged__empty{
    padding: 100px 0;
    text-align: center;
    color: #9E9E9E;
}

.tagged_photo{
    float: left;
    width: calc(33.333% - 10px);
    padding-bottom: 20%;
    background-size: cover;
    margin: 0 5px 10px 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: #5e5e5e;
}

.popup_photo_description{
    width: 685px;
    margin: 15px auto;
    font-size: 1.125em;
    text-align: center;
    color: #57575d;
}

.popup_photo_description:empty{
    margin: 0;
}

.popup_photo_description_input{
    width: 500px;
    font-size: 1em;
    color: #57575d;
    text-align: center;
    border: none;
}

.popup_photo_description_input:focus{
    outline: none;
}

.popup_photo_likes_views{
    width: 685px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    font-size: 1em;
    text-align: center;
    color: #383838;
}

.popup_photo_likes{
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    padding: 5px 7px;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    cursor: pointer;
}

.popup_photo_likes:hover{
    background-color: #e6ebf0;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.popup_photo_likes i{
    float: left;
    margin-right: 5px;
}

.popup_photo_views{
    float: left;
    padding: 5px;
}

.popup_photo_views i{
    font-size: 1.125em;
    float: left;
    margin-right: 5px;
}

.popup_photo_watermark_btn{
    float: right;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.popup_photo_watermark_btn img{
    padding-top: 6px;
}

.popup_photo_watermark_btn:focus{
    outline: none;
}

.popup_photo_watermark_btn:hover{
    background-color: #e3e3e3;
}

.popup-photo__tag-person{
    margin: 3px 5px 0 0;
}

.remove_logo_btn{
    background-color: #383838;
    width: 150px;
}

.popup_comments{
    width: 685px;
    margin: 0 auto;
}

/* ---------- POPUP PHOTO WATERMARK MAKING ---------- */

.popup_watermark{
    position: fixed;
    overflow-y: auto;
    background-color: #171717;
    width: 100%;
    height: 100%;
    z-index: 190;
}

.watermark_buttons_wrapper{
    text-align: center;
    margin: 5px 0;
}

.watermark_buttons{
    text-align: center;
    padding: 5px 10px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    border: none;
    margin: 10px;
}

.watermark_btn_cancel{
    background-color: #6a6a6a;
    font-size: 1.25em;
}

.watermark_btn_cancel:hover{
    background-color: #727272;
}

.watermark_btn_save{
    background-color: #0288d1;
    font-size: 1.25em;
    width: 180px;
}

.watermark_btn_save:hover{
    background-color: #029ae5;
}

.watermark_body{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.area_for_watermarking{

}

.popup_watermark_logo{
    position: absolute;
    top: 40px;
    left: 40px;
}

/* ---------- POPUP PHOTO PICK COVER ---------- */

.window_pick_cover{
    margin: 20px auto 0 auto;
    max-width: 700px;
}

.popup_pick_cover_container{
    padding: 15px 15px 15px 10px;
}

.popup_pick_covers_grid{

}

.pick_cover_loader{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 2px 24px;
}

/* ---------- POPUP DELETE PHOTO AND ALBUM ---------- */

.window_delete_photos, .window_delete_album{
    margin: 20px auto 0 auto;
    max-width: 700px;
}

.gallery_block_container_delete_album{
    color: #6a6a6a;
    font-size: 1.25em;
    text-align: center;
    padding: 15px;
}

/* ---------- POPUP ALBUM BIND MATCH ---------- */

.bind-match__loader{
    padding: 50px;
    text-align: center;
    font-size: 1.4em;
}

.bind_match__founded{
    padding: 20px;
}

.match-founded{
    font-size: 1.25em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 20px 0;
}

.match-founded__team1, .match-founded__team2{
    padding: 5px;
    float: left;
    width: 260px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.match-founded__score{
    padding: 5px;
    float: left;
    width: 80px;
    text-align: center;
    font-weight: bold;
}

.match-founded__date{
    padding: 5px;
    text-align: center;
    clear: left;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* ---------- USER BAR IN PAGE HEADER ---------- */

.top__userbar{
    margin-right: 10px;
}

.userbar__widgets{
    float: left;
}

.widget{
    float: left;
    position: relative;
}

/* ---------- PROFILE WIDGET IN USER BAR IN PAGE HEADER ---------- */

.userbar__sign-in, .userbar__sign-up{
    float: left;
    text-align: center;
    padding: 0 20px;
    font-size: 1.25em;
    color: #2fcaff;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.userbar__sign-in:hover, .userbar__sign-up:hover{
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.userbar_sign-up img{
    border-radius: 50%;
    width: 28px;
    height: 28px;
    float: left;
    margin: 12px 12px 0 0;
}

/* ---------- PROFILE DROP DOWN WIDGET ---------- */

.widget-notif_user{
    width: 200px;
    position: absolute;
    background-color: white;
    z-index: 2;
    border-radius: 3px 0 3px 3px;
    border: solid #cecece 1px;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3);
    top: 100px;
    right: 0;
    opacity: 0;
}

.widget-user-menu{
    padding: 10px 0 5px 0;
}

.widget-user-menu__item{
    font-size: 1em;
    padding: 8px 20px;
    cursor: pointer;
}

.widget-user-menu__item:hover{
    background-color: #eaeaea;
}

.widget-user-menu__exit-line{
    border-top: solid #cecece 1px;
    margin: 5px 10px;
}

/* ---------- BELL, COMMENTS AND MAIL ICONS IN USER BAR ---------- */

.widget-icon{
    padding-top: 12px;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.widget-icon:hover{
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.widget-icon_selected{
    background-color: rgba(255, 255, 255, 0.1);
}

/* ---------- BELL, COMMENTS AND MAIL DROP DOWN WIDGETS ---------- */

.widget-notif{
    width: 350px;
    position: absolute;
    background-color: white;
    z-index: 30;
    border-radius: 3px;
    border: solid #cecece 1px;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.3);
    top: 100px;
    opacity: 0;
}

.widget-notif__arrow{
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}

.widget-notif__header{
    padding: 10px;
    border-bottom: solid #cecece 1px;
    height: 22px;
    font-size: 1em;
}

.notif-header{
    float: left;
    color: #424242;
}

.notif-header-msg{
    float: left;
    color: #0092ce;
    font-weight: bold;
}

.notif-header-settings{
    float: right;
    color: #016faa;
}

.notif-header-settings{
    height: 22px;
    cursor: pointer;
    margin-left: 5px;
}

.notif-header-settings__loader{
    height: 22px;
}

.widget-notif__body{
    max-height: 350px;
    overflow: hidden;
}

.notif-body-container{
    position: relative;
}

.notif-header-checkmark{
    float: left;
    width: 22px;
    height: 22px;
    overflow: hidden;
    margin-right: 4px;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #0099ff;
    fill: none;
    animation: stroke .6s  cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #0099ff;
    animation: fill .2s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-width: 5;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #0099ff;
    }
}

.more_notifs{
    padding: 10px;
    text-align: center;
}

.notif-loader{
    text-align: center;
    padding: 50px;
}

.notif-loader img{
    width: 36px;
}

.notification_empty_state{
    padding: 40px 15px;
    color: #6e6e6e;
    text-align: center;
    font-size: 1.125em;
}

.notification_empty_state_smile{
    font-size: 1.6em;
    padding: 0 15px;
    color: #777777;
}

.notification_widget_item{
    padding: 10px 15px;
    max-height: 100px;
    overflow: hidden;
}

.notification_widget_item_left{
    float: left;
}

.notification_widget_avatar img{
    border-radius: 50%;
    width: 34px;
    height: 34px;
}

.notification_widget_item_right{
    font-size: 0.875em;
    padding-left: 45px;
}

.notification_widget_time{
    font-size: 0.9em;
    color: #a6a6a6;
    margin-top: 5px;
}

.notification_widget_time .notif_like{
    float: left;
    margin-right: 5px;
}

.notification_widget_time .time_ago{
    float: left;
}


/* ---------- BELL WIDGET IN USER BAR IN PAGE HEADER ---------- */

.widget-icon_bell{
    width: 46px;
    padding: 10px 8px 0 6px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
}

.widget-icon_bell .mdl-badge{

}

.widget-icon_bell img{
    height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ---------- BELL DROP DOWN WIDGET ---------- */


.widget-notif_bell{
    left: -153px;
}

/* ---------- COMMENTS WIDGET IN USER BAR IN PAGE HEADER ---------- */

.widget-icon_comments{
    width: 55px;
    padding-left: 10px;
    height: 50px;
    box-sizing: border-box;
    cursor: pointer;
}

.widget-icon_comments img{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ---------- COMMENTS DROP DOWN WIDGET ---------- */

.widget-notif_comments{
    left: -148px;
}

/* ---------- MAIL WIDGET IN USER BAR IN PAGE HEADER ---------- */

.widget-icon_mail{
    width: 52px;
    margin-right: 10px;
    padding-left: 9px;
    cursor: pointer;
    height: 50px;
    box-sizing: border-box;
}

.widget-icon_mail img{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
}

/* ---------- MAIL DROP DOWN WIDGET ---------- */

.widget-notif_mail{
    left: -148px;
}

.notification_widget_mail_from{
    font-size: 1em;
    font-weight: bold;
    color: #000000;
}

.notification_widget_mail_msg{
    font-size: 1em;
    color: #6a6a6a;
    margin-top: 5px;
}

.notification_widget_item_content{

}

.notification_widget_item_content a{
    color: #000000;
    font-weight: bold;
}

.notification_widget_item_content a:hover{
    color: #0192dc;
}


.widget-notif__footer{
    border-top: solid #cecece 1px;
    text-align: center;
    padding: 10px;
    font-size: 1em;
    color: #016faa;
    cursor: pointer;
}

.widget-notif__footer:hover{
    background-color: #ededed;
}


.widget-icon_user{
    float: left;
    text-align: center;
    padding: 0 20px;
    font-size: 1.25em;
    color: #2fcaff;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.widget-icon_user:hover{
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.widget-icon_user img{
    border-radius: 50%;
    width: 28px;
    height: 28px;
    float: left;
    margin: 12px 12px 0 0;
}

/* ---------- NOTIFICATIONS ---------- */

.notif__empty{
    padding: 30px 0 50px 0;
    text-align: center;

    color: rgba(0, 0, 0, 0.7);
}

.notif__shrug{
    font-size: 2em;
}

.notif__empty-text{
    font-size: 1.25em;
}

.notif__items{

}

.notif-item__last{
    text-align: center;
    padding-top: 10px;
}

.notif__item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
}

.notif-item__userpic{
    float: left;
    width: 50px;
}

.notif-item__userpic img{
    border-radius: 50%;
    height: 34px;
}

.notif-item__info{
    padding-left: 50px;

}

.notif-item__info a{
    color: #353b44;
    font-weight: bold;
}

.notif-item__info a:hover {
    color: #0192dc;
}

.notif-item__date{
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.875em;
    margin-top: 5px;
}

/* ---------- WIDGET SETTINGS ---------- */

.widget-settings__items{
    padding: 15px 0;
    position: relative;
}

.widget-settings__status{
    position: absolute;
    border: 1px solid #A5D6A7;
    background-color: #E8F5E9;
    color: #1B5E20;
    padding: 10px 0;
    width: 200px;
    text-align: center;
    font-weight: bold;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    left: 50%;
    transform: translate(-50%, 0);
    top: -30px;
}

.widget-settings__item{
    padding: 10px 20px;
}

.widget-settings__label{
    float: left;
}

.widget-settings__checkbox{
    float: right;
    width: 30px;
}

/* ---------- TOP BANNER ---------- */

.top-banner{
    width: 1000px;
    margin: 0 auto;
    display: none;
}

.top-banner img{
    width: 100%;
    display: block;
}

.banner-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-layout{
    position: relative;
    width: 1040px;
    margin: 0 auto;
}

.page-layout-without-banner{
    margin-top: 200px;
    padding-top: 20px;
    background-color: #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* ---------- GAME LINE ---------- */

.games{
    width: 1000px;
    margin: 0 auto 5px auto;
}

.games_button{
    width: 30px;
    height: 90px;
    float: left;
    background: #3b3b3b no-repeat center;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 1px 1px 0 0 #afb0b3, 0 0 0 0 #c1c1c1;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.games_button:hover{
    background-color: #585858;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.games_chevron{
    margin-top: 30px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 930px;
    height: 100px;
    float: left;
    padding: 0 5px 5px 5px;
}

.jcarousel ul {
    width: 1000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.game-block{
    width: 182px;
    height: 90px;
    float: left;
    background-color: #3b3b3b;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.game-block{
    position: relative;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.20s ease-out;
    -moz-transition: -moz-box-shadow 0.20s ease-out;
    transition: all 0.20s ease-out;
}

.game-block:hover{
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: -webkit-box-shadow 0.20s ease-out;
    -moz-transition: -moz-box-shadow 0.20s ease-out;
    transition: all 0.20s ease-out;
}

.game-info{
    padding: 5px 10px 0 10px;
}

.game-info__header{
    font-size: 12px;
    overflow: hidden;
    color: #b2b2b2;
    height: 15px;
}

.game-info__date{
    float: left;
    text-transform: uppercase;
}

.game-info__overtime{
    float: right;
    color: #62c8ff;
    font-weight: bold;
}

.game-info__league{
    font-size: 12px;
    text-align: left;
    padding: 0 10px;
    color: #b2b2b2;
    text-transform: uppercase;
}

.game-info__bottom{
    font-size: 12px;
    text-align: left;
    width: calc(100% - 20px);
    padding: 1px 10px;
    height: 20px;
    background-color: #0c304c;
}

.game-info__bottom-fonbet{
    font-size: 12px;
    text-align: left;
    width: calc(100% - 20px);
    padding: 1px 10px;
    height: 20px;
    background-color: #a9002b;
}

.game-info__1xbet{
    padding: 2px 5px 0 0;
    float: left;
    height: 100%;
}

.game-info__1xbet img{
    height: 8px;
}

.game_info__coefs{
    text-align: right;
    color: white;
    padding: 2px 0 0 0;
}

.betlx__cn{
    color: #6cbbf5;
}

.betlx__cn-fonbet{
    color: rgba(255, 255, 255, 0.5);
}

.comments__offer-bet{
    padding: 0 10px 10px 10px;
    margin-top: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.comments__offer-bet-inside{
    display: inline-block;
    background-color: #0c2f4b;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
}

.comments__offer-bet-logo-text{
    display: inline-block;
    color: white;
    font-weight: bold;
    padding: 0 5px;
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
}

.comments__offer-bet-logo{
    float: left;
    padding: 10px 10px 10px 15px;
    background-color: #105d8d;
    text-align: center;
}

.comments__offer-bet-logo img{
    float: left;
    height: 20px;
    padding-right: 5px;
}

.comments__offer-bet-text{
    float: left;
    color: white;
    padding: 10px 15px;
    margin-left: 5px;
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
}

.game__bet-wrapper{
    padding: 10px 0 20px 0;
    text-align: center;
}

.game__bet{
     display: inline-block;
     padding: 10px 20px;
     background-color: #0c2f4b;
     box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
     color: white;
     -webkit-transform: skew(-10deg);
     -moz-transform: skew(-10deg);
     -o-transform: skew(-10deg);
     transform: skew(-10deg);
 }

.game__bet-fonbet{
    display: inline-block;
    padding: 8px 12px;
    margin: 0 5px;
    background-color: #cb001a;
    color: white;
    border-radius: 5px;
}

.game__cut_corners{

}

.game__bet-inside{
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
}

.game__bet-skew {
    -webkit-transform: skew(-10deg) !important;
    -moz-transform: skew(-10deg) !important;
    -o-transform: skew(-10deg) !important;
    transform: skew(-10deg) !important;
}

.game__bet-unskew {
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
}


.game__bet-logo-wrapper{
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    display: inline-block;
    background-color: #0c304c;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
}

.game__bet-logo{
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
    color: white;
    font-weight: bold;
    padding: 10px 30px;
}

.game__olimpbet_block{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.game__olimpbet_outcomes_inside{
    width: 238px;
    display: flex;
    background-color: #e4002b;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.4em;
    color: white;
}

.game__olimpbet_coef{
    padding: 0 20px;
}

.game__bet-logo img{
    height: 20px;
    display: block;
}

.game__olimpbet_logo {
    display: inline-block;
    padding: 15px;
    background-color: #e4002b;
}

.game__olimpbet_logo img {
    height: 30px;
    display: block;
}

.game__olimpbet_outcomes{
    display: flex;
    justify-content: center;
}

.game__olimpbet_outcome {
    background-color: #e4002b;
    color: white;
    padding: 10px 15px;
    margin: 0 10px;
    text-align: center;
}

.game__olimpbet_outcome-name{
    color: black;
}

.game-info__teams{
    font-size: 1.125em;
    clear: both;
    height: 20px;
    color: white;
    margin: 3px 0;
}

.game-info__team{
    float: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 140px;
    text-overflow: ellipsis;
}

.game-info__score{
    float: right;
    color: #62c8ff;
}

/* ---------- PAGE CONTAINER ---------- */

.page-container{
    width: 1000px;
    clear: both;
    margin: auto;
}

.page-container__left{
    width: 680px;
    float: left;
}

.page-container__right{
    width: 30%;
    float: right;
}


/* ---------- TOP NEWS ---------- */

.main-top__news-block{
    background-color: white;
    width: 100%;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    margin-bottom: 20px;
}

.main-top__news-image{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-top__news-image img{
    vertical-align: top;
    width: 100%;
}

.main-top__live-label{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #df001f;
    color: white;
    padding: 10px 20px;
    font-size: 2em;
}

.main-top__1x-label{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #042444;
    color: white;
    padding: 8px 14px;
    font-size: 2em;
}

.main-top__1x-label img{
    width: auto;
    height: 25px;
    padding: 5px;
    display: block;
}

.main-top__live-label img{
    width: auto;
    height: 20px;
    padding: 5px;
    display: block;
}

.main-top__spec-label{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #6b0c17;
    color: white;
    padding: 8px 14px;
    font-size: 2em;
}

.main-top__spec-label img{
    width: auto;
    height: 25px;
    padding: 5px;
    display: block;
}

.main-top__news-title{
    width: 100%;
    font-size: 1.25em;
    font-weight: bold;
    padding: 15px 15px 10px 15px;
    color: black;
    box-sizing: border-box;
}

.main-top__news-title a:hover{
    color: #016faa;
}

.main-top__news-description{
    width: 100%;
    color: #424242;
    font-size: 1em;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
}

.main-top__news-bottom{
    width: 100%;
    font-size: 1em;
    border-top: solid #cecece 1px;
    padding: 10px 15px;
    height: 40px;
    box-sizing: border-box;
}

.main-top__news-date{
    color: #1d1d1d;
    font-weight: bold;
    float: left;
    display: table-cell;
    vertical-align: middle;
}

.main-top__news-comments-views{
    float: right;
    color: #777777;
}

.main-top__news-icon{
    float: left;
    padding: 0 2px 0 10px;
    color: #a7a7a7;
    font-size: 1.25em;
}

.main-top__news-num{
    float: left;
    padding-left: 2px;
}

.main-top__news-num a:hover{
    color: #016faa;
}

.pagination{
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.pagination_div{
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    font-size: 1em;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    text-align: center;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.pagination_left{
    padding: 10px 15px 10px 10px;
}

.pagination_right{
    padding: 10px 10px 10px 15px;
}

.pagination_div:hover{
    box-shadow: 0 4px 8px 0 #c2c3c6, 0 0 0 1px #e3e4e8;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.pag_left{
    float: left;
    padding-right: 5px;
}

.pag_right{
    float: right;
    padding-left: 5px;
}

/* ---------- POSTS BELOW TOP NEWS ---------- */

.left-news-blocks{
    display: flex;
    justify-content: space-between;
}

.main-other__news-block{
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
}

.main-other__news-block-inner{
    padding: 15px;
}

.main-other__news-left{
    width: 184px;
    height: 135px;
    margin-right: 15px;
    overflow: hidden;
    float: left;
}

.main-other__news-left img{
    width: 184px;
}

.main-other__news-right{
    width: 100%;
    box-sizing: border-box;
}

.main-other__news-title{
    font-size: 1.25em;
    font-weight: bold;
}

.main-other__news-title a:hover{
    color: #016faa;
}

.main-other__news-description{
    font-size: 1em;
    color: #424242;
    padding-top: 10px;
}

.ads{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    margin-bottom: 20px;
    background-color: white;
    overflow: hidden;
}

.ads img{
    width: 100%;
    display: block;
}

.ads2{
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%
}

.ads2 img, .ads3 img{
    width: 100%;
    display: block;
}

.ads3{
    padding: 0 20px 20px 20px;
}

.ads4{
    padding: 0 20px 20px 20px;
}

.ads4 img{
    width: 100%;
    display: block;
}

.ads5{
    text-align: center;
}

.ads5 img{
    width: 100%;
}

.ads6 img{
    width: 100%;
    display: block;
}

/* ---------- GAMES TABLE ---------- */

.games-table{
    background-color: #3b3b3b;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 5px;
    overflow: hidden;
    color: white;
    margin: 0 20px 20px 20px;
}

.games-table__header{
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: space-between;
}

.games-table__header-left{
    display: flex;
}

.games-table__header-right{
    display: flex;
    align-items: center;
    padding: 5px;
}

.games-table__header-league{
    font-size: 0.9em;
    text-transform: uppercase;
    padding: 10px;
    margin: 0 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

.games-table__header-league_selected{
    background-color: rgba(255, 255, 255, 0.2);
}

.games-table__header-league_loading{
    animation: gamesTableBackgroundLpading 1s infinite;
}

@keyframes gamesTableBackgroundLpading{
    0%		{ background-color: rgba(255, 255, 255, 0.2);}
    50%		{ background-color: rgba(255, 255, 255, 0.14);}
}

.games-table__header-item{
    padding: 20px;
    cursor: pointer;
    text-transform: uppercase;
    user-select: none;
}

.games-table__header-item__selected{
    background-color: rgba(255, 255, 255, 0.05);
}

.games-table__header-item__loading{
    animation: gamesTableBackgroundLpading 1s infinite;
}

.games-table__body-empty{
    width: 100%;
    text-align: center;
    padding: 40px 0;
    color: rgba(255, 255, 255, 0.7);
}

.games-table__body{
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.games-table__game{
    width: 480px;
    margin: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    overflow: hidden;
}

.games-table__game-top{
    display: flex;
    padding: 8px 10px;
}

.games-table__game-bottom{
    display: flex;
    padding: 8px 10px;
    background-color: #0c304c;
    font-size: 12px;
}

.games-table__game-bottom-logo {
    display: inline;
}

.games-table__game-bottom-logo img{
    height: 8px;
}

.games-table-olimpbet__game-bottom{
    display: flex;
    padding: 8px 10px;
    background-color: #e4002b;
    font-size: 12px
}

.games-table-olimpbet__game-bottom-logo img{
    height: 14px;
    margin-right: 10px;
}

.games-table__game-fonbet-bottom{
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    background-color: #262626;
    font-size: 12px;
}

.games-table__game-fonbet-bottom img{
    height: 12px;
    margin-right: 10px;
}

.games-table__game-bottom-cfs{
    margin-left: 10px;
}

.games-table__game-bottom-cfs-lb{
     color: #6cbbf5;
 }

.games-table__game-bottom-cfs-lb2{
    color: black;
}

.games-table__game-bottom-bonus{
    padding-left: 20px;
}

.games-table__game-bottom-empty{
    color: rgba(255, 255, 255, 0.8);
}

.games-table__time {
    width: 130px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

.games-table__time2 {
    width: 60px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

.games-table__game-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.games-table__teams{
    width: 100%;
}

.games-table__teams2{
    width: 100%;
    font-size: 0.9em;
}

.games-table__score {
    text-align: right;
    width: 80px;
    font-weight: bold;
    color: #62c8ff;
}

/* ---------- FONBET RIGHT BLOCK ---------- */


.nhl-block{
    background-color: #1a1a1a;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.nhl-right-block{
    width: calc(50% - 10px);
    background-color: black;
    background-image: url('../images/bg/nhl_bg_block.jpg?v=6');
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.nhl-right-block-logo img {
    width: 100%;
    display: block;
}

.khl-right-block{
    width: calc(50% - 10px);
    background-color: black;
    background-image: url('../images/bg/khl_bg_block.jpg?v=6');
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.khl-right-block-logo img {
    width: 100%;
    display: block;
}

.olimpbet-block{
    background-color: #6b0c17;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.olimpbet-block-top{
    padding: 0;
}

.olimpbet-block-top img {
    width: 100%;
}

.fonbet-block{
    background-color: #7f000e;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px 0 10px 0;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.fonbet-right-block-logo img {
    width: 100%;
    display: block;
}

.fonbet-block__header{
    padding: 20px 20px 10px 20px;
    text-align: center;
}

.fonbet-block__header img{
    height: 30px;
}

.fonbet-block__item{
     padding: 10px 20px;
     color: white;
 }

.fonbet-block__item:hover{
    color: rgba(255, 255, 255, 0.8);
}

.fonbet-block__item_selected{
    padding-left: 18px;
    border-left: 2px solid white;
    background: rgba(255, 255, 255, 0.1);
}

#fonbet_oversize_container{
    position:fixed;
    width: 100%;
    bottom:0;
    z-index:10;
    text-align:center;
}
#fonbet_oversize{
    position: relative;
    width: 1000px;
    height: 250px;
    margin: 0 auto;
}
#fonbet_oversize2{
     position: relative;
     width: 1000px;
     height: 200px;
     margin: 0 auto;
}
#fonbet_oversize3{
    position: relative;
    width: 1000px;
    height: 350px;
    margin: 0 auto;
}
#main_oversize_banner{
    position: relative;
    width: 1000px;
    height: 350px;
    margin: 0 auto;
}
#fonbet_oversize_close{
    position: absolute;
    right: -10px;
    top:-10px;
    cursor: pointer;
}
#fonbet_oversize_overlay{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    cursor: pointer;
}

/* ---------- RIGHT NEWS BLOCK ---------- */

.news-block{
    width: auto;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    margin-bottom: 20px;
}

.news-block__title{
    width: auto;
    text-transform: uppercase;
    color: white;
    background-color: #0288d1;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
}

.news-block__titles{

}

.news__poll{
    padding: 20px 20px 0 20px;
    font-size: 1.4em;
    color: #757575;
}

.poll__question{
    font-weight: bold;
    padding: 15px;
}

.news-block__date{
    color: #949494;
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: bold;
    padding: 20px 20px 10px 20px;
}

.news-block__news-title{
    font-size: 1em;
    padding: 10px 20px;
}

.news-block__news-title_ad{
    padding: 20px 20px 0 20px;
}

.news-block__news-mid-image{
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.news-block__news-mid-image img{
    width: 100%;
    display: block;
}

.news-block__news-title a:hover{
    color: #0288d1;
}

.news-block__label img{
    float: left;
    height: 18px;
    margin-right: 5px;
}

.news-block__comments-num{
    display: inline-block;
    color: #909090;
    margin: 0 5px 0 5px;
    padding-left: 16px;
    background-image: url('../images/ui/cmnt.svg');
    background-repeat: no-repeat;
    background-position-y: 2px;
    font-size: 0.875em;
}

.news-block__comments-num img{
    float: left;
    margin: 3px 3px 0 0;
    height: 14px;
}

.news-block__news-title_current{
    background-color: #e4e9ee;
    border-left: solid #0288d1 2px;
    padding: 10px 20px 10px 17px;
}

.news-block__archive{
    margin-top: 10px;
    border-top: 1px solid #cecece;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #4c4c4c;
    font-size: 1.125em;
    padding: 15px 0;
    position: relative;
}

.news-block__archive a:hover{
    color: #5d8395;
}

.news-block__rss{
    position: absolute;
    top: 15px;
    right: 15px;
}

/* ---------- RIGHT BLOCKs BELOW NEWS BLOCK ---------- */

.right_block{
    margin-bottom: 20px;
}

.right_block_shadow {
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
}

.right_block_radius{
    border-radius: 4px;
    background-color: white;
}

.right_block_facebook{
    height: 130px;
    overflow: hidden;
}

/* ---------- GALLERY PAGE ---------- */

.gallery{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.gallery__tabs-wrapper{
    width: 100%;
    height: 50px;
    overflow: auto;
    background-color: #455A64;
}

.gallery__tabs{
    width: 650px;
    height: 50px;
    position: relative;
}

.gallery_tab_item{
    width: 160px;
    height: 50px;
    color: white;
    float: left;
    font-size: 1.125em;
    vertical-align: middle;
    line-height: 50px;
    opacity: 0.75;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab_item_selected{
    opacity: 1;
}

.gallery__underline{
    position: absolute;
    width: 140px;
    background-color: #ff4081;
    height: 3px;
    top: 47px;
    left: 10px;
}

/*  Ripple */

.ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.rippleEffect {
    animation: rippleDrop .5s linear;
}

@keyframes rippleDrop {
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

.more_galleries{

}

.point_to_load{
    clear: both;
}

.loader_more{
    text-align: center;
    padding-bottom: 10px;
}

.gallery__album-top{
    padding: 20px;
}

.gallery-album{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: .25s ease-in-out;
}

.gallery-album_wide{
    width: 100%;
    overflow: hidden;
}

.gallery-album_narrow{
    width: calc(50% - 20px);
    height: 100%;
    float: left;
    margin: 0 0 20px 20px;
}

.gallery-album__photo{
    background: no-repeat center;
    background-size: cover;
    transition: .25s ease-in-out;
}

.gallery-album__photo_wide{
    width: 100%;
    padding-bottom: 65%;
    box-sizing: border-box;
    overflow: hidden;
}

.gallery-album__photo_narrow{
    width: 100%;
    height: 100%;
    padding-bottom: 70%;
    box-sizing: border-box;
    overflow: hidden;
}

.gallery-album__photo:hover{
    transform: scale(1.3);
    transition: .25s ease-in-out;
}

.gallery-album__bg{
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    padding: 10px;
    bottom: 0;
    color: white;
    box-sizing: border-box;
}

.gallery-album__title{

}

.gallery-album__title_wide{
    font-size: 1.8em;
}

.gallery-album__title_narrow{
    font-size: 1.125em;
}

.gallery-album__date{

}

.gallery-album__date_wide{
    font-size: 1.125em;
}

.gallery-album__date_narrow{
    font-size: 1em;
}

.gallery-album__num{
    position: absolute;
    padding: 10px 15px;
    bottom: 0;
    right: 0;
}

.gallery-album__num_wide{
    font-size: 1.125em;
}

.gallery-album__num_narrow{
    font-size: 1em;
}

.gallery-album__num_wide i{
    margin: 3px 5px 0 0;
    font-size: 1em;
}

.gallery-album__num_narrow i{
    margin: 3px 5px 0 0;
    font-size: 1em;
}

.gallery__album-others{
    padding: 0 20px 0 0;
}

.wide_album_game{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.add_new_album{
    position: fixed;
    z-index: 2;
    top: 90%;
    left: 95%;
}

.gallery_block{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    width: 100%;
    background-color: white;
    margin-bottom: 20px;
}

.gallery_block_header{
    width: 100%;
    height: 200px;
    background-color: black;
    position: relative;
}

.gallery_block_header_image{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

.gallery_block_header_image_image{
    width: 120%;
    height: 120%;
    background: no-repeat center center;
    background-size: cover;
    position: absolute;
    left: -10%;
    top: -10%;
    opacity: 0.6;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}

.gallery_block_header_pick_cover{
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    position: absolute;
}

.gallery_block_header_text{
    position: relative;
    color: white;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;

}

.gallery_back{
    position: absolute;
    padding: 15px;
    font-size: 1em;
    color: white;
    opacity: 0.6;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_back i{
    margin-right: 5px;
    float: left;
}

.gallery_back:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_edit_buttons{
    position: absolute;
    right: 5px;
    padding-top: 10px;
    z-index: 10;
}

.gallery_add_photo{
    float: left;
    padding: 5px 20px 0 0;
    z-index: 16;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}


.gallery_add_photo:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_visible{
    float: left;
    padding: 5px 20px 0 0;
    z-index: 16;
    opacity: 0.8;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_visible:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_edit{
    float: right;
    display: inline-block;
    z-index: 15;
}

.gallery__binded-match{
    opacity: 0.8;
    padding: 5px 10px 0 0;
    float: right;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery__binded-match a{
    outline: none;
}

.gallery__binded-match:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.gallery_element_blink{
    animation: gallery_element_blinker 0.25s linear infinite;
}

@keyframes gallery_element_blinker {
    50% {
        opacity: 0.0;
    }
}

.gallery_update_title_input{
    width: 660px;
    background-color: transparent;
    border: none;
    font-size: 1em;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.gallery_update_description_input{
    width: 600px;
    background-color: transparent;
    border: none;
    font-size: 1em;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.gallery_update_date_input{
    width: 400px;
    background-color: transparent;
    border: none;
    font-size: 1em;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.gallery_update_title_input:focus, .gallery_update_description_input:focus, .gallery_update_date_input:focus{
    outline: none;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {

}

.inputfile + label {
    cursor: pointer;
}

.inputfile:focus + label {

}

.inputfile + label * {
    pointer-events: none;
}

.gallery_block_header_text_inside{
    margin: 0 auto;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    padding: 20px 10px 0 10px;
}

.gallery_block_header_title{
    font-size: 2.125em;
}

.gallery_block_header_description{
    font-size: 1.4em;
}

.gallery_block_header_date{
    font-size: 1.4em;
}

.gallery_block_container{
    padding: 15px 15px 0 5px;
}

.gallery_block_container_empty{
    color: #6a6a6a;
    font-size: 1.5em;
    text-align: center;
    padding: 100px 15px 200px 15px;
}

.gallery_photo{
    float: left;
    width: 210px;
    height: 142px;
    background-size: cover;
    margin: 0 0 10px 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: #1c1c1c;
}

.gallery_photo_pick_cover{
    float: left;
    width: 130px;
    height: 86px;
    background-size: cover;
    margin: 0 0 5px 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.overlay_for_delete_photo{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 130px;
    height: 86px;
}

.overlay_for_delete_photo img{
    padding: 19px 41px;
}

.gallery_photo_dark_overlay{
    position: absolute;
    background-color: black;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}


.gallery_photo_loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.photo-loader__line {
    animation: expand 1s ease-in-out infinite;
    border-radius: 10px;
    display: inline-block;
    transform-origin: center center;
    margin: 0 4px;
    width: 1px;
    height: 25px;
}

.photo-loader__line:nth-child(1) {
    background: #27ae60;
}

.photo-loader__line:nth-child(2) {
    animation-delay: 180ms;
    background: #f1c40f;
}

.photo-loader__line:nth-child(3) {
    animation-delay: 360ms;
    background: #e67e22;
}

.photo-loader__line:nth-child(4) {
    animation-delay: 540ms;
    background: #2980b9;
}

@keyframes expand {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(2);
    }
}

.gallery_thumbnail_wide_tall{
    width: 215px;
    height: 142px;
}

.gallery_thumbnail_wide{
    min-width: 215px;
    height: 142px;
}

.gallery_thumbnail_tall{
    width: 215px;
    min-height: 142px;
}

/* ---------- PHOTO PAGE ---------- */

.photo_page{

}

.photo_page_image{
    position: relative;
}

.photo_page_heart{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 150px;
    height: 150px;
    padding: 25px;
    text-align: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.photo_page_heart:hover{
    opacity: 0.8;
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    transition: 0.5s ease-out;
}

.photo_page_heart img{
    position: relative;
    width: 100px;
}

.photo_page_left_arrow{
    position: absolute;
    padding: 0 15px;
    width: 42px;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.photo_page_left_arrow img{
    position: absolute;
    width: 42px;
    top: 50%;
    transform: translate(0, -50%);
}

.photo_page_right_arrow{
    position: absolute;
    padding: 0 15px;
    width: 42px;
    height: 100%;
    right: 0;
    cursor: pointer;
    opacity: 0;
}

.photo_page_right_arrow img{
    position: absolute;
    width: 42px;
    top: 50%;
    transform: translate(0, -50%);
}

.photo_page_image_img{
    width: 100%;
    display: block;
}

.photo_page_description{
    text-align: center;
    font-size: 1.25em;
    padding: 20px;
}

.photo_page_description:empty{
    padding: 0;
}

.photo_page_extra{
    padding: 20px;
    border-top: 1px solid #dbdbdb;
}

.photo_page_album{
    float: right;
    width: 340px;
    height: 70px;
}

.photo_page_album_cover{
    position: relative;
    float: left;
    margin-left: 15px;
}

.photo_page_album_lines{
    position: absolute;
    height: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.album_line1{
    width: 90%;
    top: -2px;
    left: 5%;
    background-color: #838383;
}

.album_line2{
    width: 80%;
    top: -4px;
    left: 10%;
    background-color: #bababa;
}

.photo_page_album_cover img{
    height: 70px;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.photo_page_album_info{
    float: left;
    width: 210px;
    text-align: right;
}

.photo_page_album_label{
    color: #9a9a9a;
    margin-bottom: 5px;
    font-size: 1em;
}

.photo_page_album_name{
    font-size: 1.125em;
}

.photo_page_album_name a:hover{
    opacity: 0.8;
}

.photo_page_views_and_likes{
    float: left;
    width: 300px;
}

.photo_page_views{
    font-size: 1.125em;
    color: #6a6a6a;
    padding-bottom: 15px;
}

.photo_page_social_share{
    padding-bottom: 15px;
}

/* ---------- PAGE ---------- */

.page_body{
    font-size: 1em;
}

.page_body p:last-child{
    margin-bottom: 0;
}

.page_title_edit{
    padding: 20px;
}

.page_title_edit input{
    box-sizing: border-box;
    width: 100%;
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px;
    border: none;
}

.page_content{
    padding: 0 10px 10px 10px;
}

.page_content textarea{
    width: 100%;
    height: 500px;
    font-size: 1em;
    border: none;
    line-height: 1.5;
    padding: 0;
}

/* ---------- PAGE 404 ---------- */

.page404_wrapper{
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 680px;
    margin-bottom: 15px;
}

.page404_content{
    padding: 80px 0;
    text-align: center;

}

.page404_header{
    font-size: 32px;
    color: #666666;
}

.page404_description{
    font-size: 1.25em;
    color: #2ab8e8;
}

.page404_body{
    padding: 50px 0;
}

.page404_body img{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ---------- GAME PAGE ---------- */

.game_wrapper{
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.game_header{
}

.game_header_title{
    height: 50px;
    background-color: #455A64;
    font-size: 1.125em;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    text-transform: uppercase;
}

.game_info{
    padding: 15px;
}

.game_team_left{
    float: left;
}

.game_team_right{
    float: right;
}

.team_block{
    width: 200px;
    text-align: center;
    color: #424242;
}

.game_team_logo{
    padding: 5px;
}

.game_team_name{
    font-size: 1.6em;
}

.game_team_city{
    font-size: 1.125em;
    color: #a6a6a6;
}

.game_score_block{
    float: left;
    text-align: center;
    padding-top: 15px;
    position: relative;
}

.game_score_digits{
    font-size: 80px;
    position: relative;
}

.game_score1{
    float: left;
    width: 110px;
}

.game_score_between{
    float: left;
    width: 30px;
}

.game_score2{
    float: right;
    width: 110px;
    position: relative;
}

.score_extra{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
    width: 45px;
    height: 45px;
    font-size: 0.25em;
    font-weight: bold;
    background-color: #2ab8e8;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: white;
    position: absolute;
    left: 65px;
    top: 25px;
}

.score_extra:focus{
    outline: none;
}

.score_label{
    border-radius: 5px;
    color: white;
    padding: 5px 15px;
    position: relative;
    cursor: pointer;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.3);
    background: rgb(61,61,61);
    background: -moz-linear-gradient(top,  rgba(61,61,61,1) 3%, rgba(15,15,15,1) 3%, rgba(15,15,15,1) 3%, rgba(0,0,0,1) 48%, rgba(71,71,71,1) 49%, rgba(71,71,71,1) 49%, rgba(0,0,0,1) 49%, rgba(45,45,45,1) 50%, rgba(61,61,61,1) 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(61,61,61,1)), color-stop(3%,rgba(15,15,15,1)), color-stop(3%,rgba(15,15,15,1)), color-stop(48%,rgba(0,0,0,1)), color-stop(49%,rgba(71,71,71,1)), color-stop(49%,rgba(71,71,71,1)), color-stop(49%,rgba(0,0,0,1)), color-stop(50%,rgba(45,45,45,1)), color-stop(50%,rgba(61,61,61,1)));
    background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 3%,rgba(15,15,15,1) 3%,rgba(15,15,15,1) 3%,rgba(0,0,0,1) 48%,rgba(71,71,71,1) 49%,rgba(71,71,71,1) 49%,rgba(0,0,0,1) 49%,rgba(45,45,45,1) 50%,rgba(61,61,61,1) 50%);
    background: -o-linear-gradient(top,  rgba(61,61,61,1) 3%,rgba(15,15,15,1) 3%,rgba(15,15,15,1) 3%,rgba(0,0,0,1) 48%,rgba(71,71,71,1) 49%,rgba(71,71,71,1) 49%,rgba(0,0,0,1) 49%,rgba(45,45,45,1) 50%,rgba(61,61,61,1) 50%);
    background: -ms-linear-gradient(top,  rgba(61,61,61,1) 3%,rgba(15,15,15,1) 3%,rgba(15,15,15,1) 3%,rgba(0,0,0,1) 48%,rgba(71,71,71,1) 49%,rgba(71,71,71,1) 49%,rgba(0,0,0,1) 49%,rgba(45,45,45,1) 50%,rgba(61,61,61,1) 50%);
    background: linear-gradient(to bottom,  rgba(61,61,61,1) 3%,rgba(15,15,15,1) 3%,rgba(15,15,15,1) 3%,rgba(0,0,0,1) 48%,rgba(71,71,71,1) 49%,rgba(71,71,71,1) 49%,rgba(0,0,0,1) 49%,rgba(45,45,45,1) 50%,rgba(61,61,61,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#3d3d3d',GradientType=0 );
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.score_label:hover{
    box-shadow:  0 4px 6px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.score1{
    float: right;
}

.score2{
    float: left;
}

.score input{
    width: 45px;
    font-size: 80px;
    background-color: transparent;
    border: none;
    color: #ff32ba;
    outline: none;
}

.game_status{
    font-size: 1.25em;
    padding-top: 20px;
    color: #6a6a6a;
    text-transform: uppercase;
}

.game_status select{
    font-size: 1em;
    color: #6a6a6a;
    text-transform: uppercase;
    outline: none;
}

.game__date{
    font-size: 1.125em;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.game_extra_info{
    width: 100%;
    height: 350px;
}

.game-extra__info-pick{
    position: absolute;
    font-size: 12px;
    top: -15px;
    right: 0;
}

.game_extra_item{
    display: inline-block;
    background-color: #e9e9e9;
    padding: 5px 10px;
    cursor: pointer;
    color: #616161;
}

.game_extra_item:hover{
    background-color: #00ACED;
    color: white;
}

.game_extra_info_pick_selected{
    background-color: #00ACED;
    color: white;
}

.no_onlines{
    padding: 70px 20px;
    font-size: 1.4em;
    text-align: center;
}

.no_onlines_img{
    padding-top: 50px;
}

.no_onlines_img img{
    width: 335px;
}

.game_online_wrapper{
    padding: 20px;
}

.game-online__item{
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.game-online__item input{
    font-size: 1em;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    box-sizing: border-box;
    color: #ff32ba;
}

.game-online__time{
    float: left;
    width: 50px;
    min-height: 20px;
    color: #575757;
    font-size: 1em;
}

.game-online__time_local{
    color: #03A9F4;
}

.game-online__time input{
    width: 50px;
    height: 20px !important;
}

.game-online__event-type{
    float: left;
    width: 50px;
    color: black;
    font-weight: bold;
    font-size: 1.125em;
    text-align: center;
    cursor: pointer;
}

.game-online__text{
    float: left;
    font-size: 1em;
    color: #1d1d1d;
    width: 540px;
}

.game-online__text textarea{
    width: 540px;
    height: 32px;
    resize: none;
}

.game-online__remove{
    position: absolute;
    right: 0;
    top: 13px;
    display: none;
}

/* add online */

.online-add__item{
    padding-top: 15px;
}

.online-add__item input, select, textarea{
    padding: 5px;
    font-size: 1em;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    box-sizing: border-box;
}

.online-add__time{
    float: left;
    width: 60px;
}

.online-add__time input{
    width: 50px;
}

.online-add__event-type{
    float: left;
    width: 120px;
    height: 30px;
}

.online-add__event-type select{
    width: 110px;
}

.online-add__event-type-edit{
    width: 50px;
    font-size: 0.8em;
}

.online-add__text{
    float: left;
    width: calc(100% - 240px);
}

.online-add__text textarea{
    width: 100%;
    height: 32px;
    resize: none;
    box-sizing: border-box;
}

.online-add__button{
    float: right;
}

.online-add__button-add{
    font-size: 1em;
    background-color: #0288D1;
    border: none;
    border-radius: 3px;
    color: white;
    outline: none;
    padding: 5px;
    width: 50px;
    height: 32px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    margin-left: 10px;
}

.game-online__button-add:hover{
    background-color: #0293dd;
}

.online-add__button-add:disabled{
    background-color: #a9bfd1;
    box-shadow: none;
}

.game_team_roster{
    width: 50%;
}

.roster_left{
    float: left;
}

.roster_right{
    float: right;
    text-align: right;
}

.game_team_roster_block{
    margin-bottom: 20px;
}

.game_team_roster_position{
    font-size: 1.125em;
    padding: 5px;
    color: #b4b4b4;
    font-weight: bold;
    text-transform: uppercase;
}

.game_team_roster_item{
    font-size: 1em;
    padding: 3px 0;
    border-radius: 3px;
}

.player-from-roster{
    display: inline-block;
    cursor: pointer;
    margin: 3px 0;
    padding-right: 10px;
    border-radius: 15px;
}

.player-from-roster_selected{
    background-color: #00aced;
    color: white;
}

.player-from-roster_selected span{
    background-color: #ff32ba;;
}


.player_num{
    display: inline-block;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    font-size: 0.875em;
    color: white;
    background-color: #64777e;
    border-radius: 50%;
}

.player_delete1{
    display: inline-block;
    padding-top: 3px;
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

.player_delete2{
    display: inline-block;
    padding-top: 3px;
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

.player_num_left{
    margin-right: 5px;
}

.player_num_right{
    margin-left: 5px;
}

.game_online_tabs_wrapper{
    width: 100%;
    background-color: #455A64;
}

.game_online_tabs{
    width: 680px;
    height: 50px;
    position: relative;
}

.game_online_tab_item{
    height: 50px;
    color: white;
    font-size: 1.125em;
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    opacity: 0.75;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.game_edit{
    display: inline-block;
    float: right;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 10px;
}

.online_underline{
    position: absolute;
    width: 85px;
    background-color: #ff4081;
    height: 3px;
    top: 47px;
    left: 10px;
}

.online_tab_item_selected{
    opacity: 1;
}

.game_video{
    text-align: center;
}

.game-history{

}

.game-history__empty{
    padding: 20px 0;
    width: 80%;
    margin: auto;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px #cfcfcf;
    text-align: center;
}

.game-history__empty img{
    width: 300px;
}

.game-history__list{
    font-size: 1em;
}

.game-history__item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
}

.game-history__item:last-child{
    border-bottom: none;
}

.game-history__item_date{
    float: left;
    width: 120px;
    color: rgba(0, 0, 0, 0.6);
}

.game-history__item_score{
    float: left;
    width: 60px;
    text-align: center;
    font-weight: bold;
    color: #00aced;
}

.game-history__item_team-left{
    float: left;
    width: 170px;
    text-align: right;
}

.game-history__item_team-right{
    float: left;
    width: 170px;
}

.game-history__item_league{
    float: left;
    width: 120px;
    text-align: right;
    color: rgba(0, 0, 0, 0.6);
}

/*------*/

.window__edit-game{
    margin: 20px auto;
    width: 700px;
    position: absolute;
    left: 0; right: 0;
}

.window-edit-game__body{
    padding: 20px;
}

.edit_roster_list_wrapper{
    width: 50%;
    float: left;
}

.edit_roster_list_header{
    font-size: 1.4em;
    color: #3f3f3f;
    text-align: center;
    padding: 10px;
}

.edit_roster_list{
    padding: 5px 10px;
}

.edit_roster_list2{
    padding: 5px 10px;
    text-align: right;
}

.player-chip{
    padding: 0 !important;
}

.edit_player_item{
    cursor: pointer;
}

.add_player_num{
    width: 25px;
    font-size: 1.125em;
    border: none;
    background-color: transparent;
    outline: none;
    text-align: center;
    color: white;
}

.add_player_name{
    font-size: 1.125em;
    border: none;
    background-color: transparent;
    outline: none;
    width: 180px;
}

.add_player_to_roster_button{
    float: right;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 1.6em;
    border-radius: 50%;
    background-color: #00aced;
    color: white;
}

.add_player_to_roster_button:hover{
    background-color: #0084bc;
}

.players_remove{
    width: 180px;
}

.add_player_chip_circle{
    background-color: #2ab8e8 !important;
}

.add_player_chip{
    background-color: #92d9ff !important;
}

.load-roster-list{
    padding: 10px 10px 0 10px;
    min-height: 450px;
    text-align: center;
    font-size: 1em;
}

.add-video__container{
    padding: 10px;
}

.add-video__container textarea{
    width: 100%;
    box-sizing: border-box;
    height: 200px;
    font-size: 1em;
    padding: 5px;
}

.bind-online__container{
    padding: 10px;
}

.bind-online__status{
    margin: 10px 0 0 10px;
    border-radius: 3px;
    background-color: #E8F5E9;
    border: 1px solid #C8E6C9;
    padding: 8px 15px;
    color: #1B5E20;
}

/* ---------- TEAMS PAGE ---------- */

.teams-list{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.teams-list__item{
    width: calc((100% - 68px)/4);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding-bottom: 10px;
}

.teams-list__item_img{
    text-align: center;
    padding: 20px;
}

.teams-list__item_img img{
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.teams-list__item_name{
    text-align: center;
}

.teams-list__item_city{
    text-align: center;
    padding: 5px 0 10px 0;
    font-size: 0.8em;
    color: rgba(0, 0, 0, 0.5);
}

.team_info__link{
    padding: 5px 0 5px 0;
    text-align: center;
    color: #0288d1;
}

.team_info__link:hover{
    color: #015481;
}

.match__title{
    font-weight: bold;
    font-size: 1.8em;
    padding: 20px;
}

.match__items{
    padding-bottom: 5px;
    margin: 20px;
}

.match__item-wrapper{
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

.match__calendar{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 50px;
    height: 20px;
}

.match__calendar i{
    position: absolute;
    top: 0;
}

.match__select{
    text-transform: uppercase;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1em;
    padding: 0 10px;
    position: relative;
}

.match__select-tab{
    float: left;
    vertical-align: middle;
    padding: 20px 10px 16px 10px;
    margin-right: 10px;
    margin-bottom: 4px;
    cursor: pointer;
}

.match__select-tab:hover{
    margin-bottom: 0;
    border-bottom: 4px solid #00ACED;
}

.match__select-tab_selected{
    font-weight: bold;
    margin-bottom: 0;
    border-bottom: 4px solid #00ACED;
}

.match__advanced-search{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 15px;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

.match__advanced-search-hide{
    float: right;
    padding: 2px;
}

.match__advanced-search-button{
    position: absolute;
    right: 0;
    padding: 18px 15px;
}

.match__advanced-search-team{
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    width: 180px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.match__advanced-search-month{
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    width: 120px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.match__advanced-search-team:hover, .match__advanced-search-month:hover{
    background-color: rgba(0, 0, 0, 0.1);
}

.match-search-team-item li, .match__search-month-item li{
    height: 30px !important;
    line-height: 30px !important;
    text-transform: none !important;
}

.match__advanced-search-day{
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    margin-left: 10px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 1em;
    width: 60px;
}

.match__advanced-search-year{
    width: 80px !important;
}

.match__search-button{
    background-color: #0288d1;
    width: 100px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: white;
    position: absolute;
    top: 10px;
    right: 60px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.14);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
    user-select: none;
}

.match__search-button:hover {
    box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.match__item{
    margin: 20px;
}

.match__team{
    width: 35%;
    float: left;
    font-size: 1.125em;
}

.match__team-logo{
    text-align: center;
}

.match__team-logo img{
    width: 80px;
}

.match__team-name{
    text-align: center;
    font-weight: bold;
}

.match__team-city{
    font-size: 0.9em;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}

.match__center{
    width: 30%;
    float: left;
    text-align: center;
}

.match__score{
    font-size: 2.5em;
    font-weight: bold;
    margin-top: 5px;
}

.match__status{
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
    min-height: 20px;
}

.match__status:empty{
    min-height: 5px;
}

.match__league{
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
}

.match__empty-state{
    color: #263238;
    background-color: #ECEFF1;
    border: 1px solid #CFD8DC;
    padding: 15px;
    margin: 20px 0 200px 0;
}

/* ---------- TEAMS PAGE ---------- */

.teams_title{
    font-weight: bold;
    font-size: 1.8em;
    padding: 20px;
}

.team_wrapper{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.team_league_item{
    margin: 0 0 15px 0;
}

.team_league_name{
    font-size: 1.4em;
    color: #7d7d7d;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}

.team_league_teams{

}

.team_item{
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 310px;
    height: 132px;
    overflow: hidden;
    background-color: #f3f3f3;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    cursor: pointer;
}

.team_item-tag{
    margin-bottom: 20px;
    width: 310px;
    height: 132px;
    overflow: hidden;
    background-color: #f3f3f3;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    cursor: pointer;
}

.team_item:hover, .team_item-tag:hover{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.team_item_logo{
    float: left;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.team_item_info{
    width: 180px;
    height: 100%;
    float: left;
    position: relative;
}

.team_item_name{
    font-size: 1.25em;
    color: #383838;
    font-weight: bold;
    text-align: left;
    padding: 10px 0 5px 15px;
}

.team_item_city{
    color: #a6a6a6;
    font-size: 1.125em;
    text-align: left;
    padding-left: 15px;
}

.team_item_extra{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    top: 90px;
    vertical-align: middle;
    border-top: 1px solid #e7e7e7;
    font-size: 1em;
    font-weight: bold;
    color: #278db0;
}

.team_info_link{
    text-align: center;
    float: left;
    height: 42px;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.team_info_link_left{
    width: 40%;
}

.team_info_link_right{
    width: 60%;
}

.team_info_link:hover{
    background-color: #e9e9e9;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.team_info_link:active{
    color: #18b9d0;
    background-color: #dcdcdc;
}

.team_top_bg{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
}

.team_top_info{
    position: relative;
    background-color: #f1f1f1;
    box-shadow: 1px 1px 2px #c5c5c5;
    margin-bottom: 50px;
}

.team_top_logo{
    position: absolute;
    top: -34px;
    left: 20px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 15px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

.team_top_content{
    margin-left: 170px;
    padding: 10px;
    font-size: 36px;
}

.team_top_name{
    color: #2e3537;
    font-weight: bold;
}

.team_top_city{
    color: #a4a4a5;
}

.team_content_wrapper{
    padding: 0 20px 20px 20px;
}

.team_content_item{

}

.team_content_title{
    font-size: 1.75em;
    color: #7d7d7d;
}

.team_content_body{
    padding: 10px;
}

.team_content_body img{
    max-width: 100%;
    height: auto;
}

.team_content_body p{
    margin-bottom: 20px;
}

.team_content_body p:last-child{
    margin-bottom: 0;
}

.team-contacts_textarea{
    width: 100%;
    min-height: 120px;
    max-height: 500px;
}

.team-contacts-edit-button{
    height: 35px !important;
    font-size: 1em !important;
    margin-top: 10px !important;
}

.team_roster_item{
    font-size: 1em;
    padding: 5px;
    border-radius: 4px;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.team_roster_item:hover{
    background-color: #f1f1f1;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.team_roster_position{
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: bold;
    color: #ababab;
    padding: 10px 5px;
}

.team_roster_num_name{
    display: inline-block;
}

.roster_num{
    display: inline-block;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    font-size: 0.875em;
    color: white;
    background-color: #64777e;
    border-radius: 50%;
}

.roster_name{
    display: inline-block;
    margin-left: 5px;
    width: 200px;
}

.roster_name a:hover{
    color: #0288d1;
}

.roster_age{
    display: inline-block;
    width: 80px;
    color: #8d8d8d;
}

.roster_dob{
    display: inline-block;
    width: 200px;
    color: #8d8d8d;
}

.roster_flag{
    float: right;
    width: 70px;
    height: 25px;
    text-align: center;
}

.roster_flag img{
    margin-right: 10px;

    height: 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.add_player_item{
    font-size: 1em;
    margin-left: 5px;
    position: relative;
    width: 620px;
    height: 25px;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 5px;
}

.add_circle{
    display: inline-block;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 50%;
    font-size: 1.4em;
    background-color: #2ab8e8;
    cursor: pointer;
    position: absolute;
    z-index: 20;
}

.add_circle:focus{
    background-color: #2dc4f7;
}

.add_player_wrapper{
    border-radius: 13px;
    height: 25px;
    padding-left: 30px;
    background-color: #e4e4e4;
    position: relative;
    left: -500px;
    z-index: 19;
    overflow: hidden;
}

.add_player_wrapper input, .add_player_wrapper select{
    border: none;
    background-color: #e4e4e4;
    height: 25px;
    font-size: 1em;
}

.add_player_inputs{
    float: left;
}

.add_player_loader{
    width: 24px;
    height: 24px;
    float: left;
}

.add_player_wrapper .add_num{
    width: 30px;
    text-align: center;
}

.add_player_wrapper .add_name{
    width: 200px;
    padding: 0 5px;
}

.add_player_wrapper .add_position{
    width: 120px;
}

.add_player_wrapper input:focus, .add_player_wrapper button:focus, .add_player_wrapper select{
    outline: none;
}

.add_player_wrapper button{
    border: none;
    background-color: #ff4081;
    width: 100px;
    height: 25px;
    font-size: 1em;
    color: white;
    border-radius: 12px;
}

.add_player_button{
    cursor: pointer;
}

.add_player_button:hover{
    background-color: #ff568e;
}

.add_player_button:active{
    background-color: #c3507a;
}

.add_player_alerts{
    font-size: 1em;
    margin: 10px 0 0 20px;
}

.alert_text{
    color: #df4b7d;
    margin-right: 5px;
}

.alert_options_yes{
    margin: 0 5px;
    color: #27a0cd;
    font-weight: bold;
    cursor: pointer;
}

.alert_options_yes:hover{
    color: #2dc2f5;
}

.alert_options_no{
    margin: 0 5px;
    color: #5b5b5b;
    font-weight: bold;
    cursor: pointer;
}

.alert_options_no:hover{
    color: #7a7a7a;
}


/* ---------- PLAYER PAGE ---------- */

.players__letters{
    font-size: 1.2em;
    font-weight: bold;
}

.players__letter{
    display: inline-block;
    background-color: #efefef;
    padding: 5px 10px;
    margin: 0 5px 10px 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: relative;
}

.players__letter-home{
    padding: 5px;
}

.players__letter i{
    position: relative;
    top: 3px;
}

.players__title-popular{
    color: #BDBDBD;
    font-weight: lighter;
    margin-left: 15px;
}

.players__letter:hover{
    box-shadow: 1px 4px 24px rgba(0, 0, 0, 0.3);
}

.players-list{
    padding: 0 0 5px 20px;
}

.players__no-items{
    padding: 50px 0 150px 0;
    font-size: 1.4em;
    text-align: center;
}

.player__item{
    padding: 15px 0;
    margin-right: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.player__item:first-child{
    padding: 0 0 15px 0;
}

.player__item:last-child{
    border: none;
}

.player__photo{
    width: 50px;
    min-height: 20px;
    float: left;
}

.player__photo img{
    width: 30px;
    float: left;
    border-radius: 50%;
}

.player__name{
    float: left;
    width: 270px;
    padding-top: 5px;
}

.player__position{
    width: 150px;
    float: left;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 5px;
}

.player__nation{
    width: 150px;
    float: left;
    padding-top: 5px;
}

.player__nation img{
    height: 20px;
    float: left;
    margin-right: 10px;
}

.popular-player{
    border-radius: 3px;
    overflow: hidden;
    width: 310px;
    margin: 0 20px 20px 0;
    position: relative;
    float: left;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.popular-player__top{
    width: 100%;
    height: 110px;
    background-color: black;
}

.popular-player__top-img{
    opacity: 0.75;
    background-size: contain;
    height: 100%;
}

.popular-player__image{
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, 0);
}

.popular-player__image img{
    width: 125px;
    border-radius: 50%;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.4);
}

.popular-player__info{
    height: 120px;
    padding-top: 70px;
    text-align: center;
    background-color: #F5F5F5;
}

.popular-player__name{
    font-size: 1.25em;
    font-weight: bold;
    padding-bottom: 5px;
}

.popular-player__flag img{
    height: 25px;
    padding: 5px 0;
}

.popular-player__bio{
    color: #616161;
}

.player_wrapper{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    padding: 0 0 5px 0;
    margin-bottom: 20px;
}

.player_top{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
}

.player_top_content{
    width: 100%;
    height: 250px;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
}

.player_photo{
    position: absolute;
    width: 200px;
    height: 200px;
    top: 150px;
    left: calc(50% - 100px);
    z-index: 20;
}

.player_photo img{
    border-radius: 50%;
    box-shadow: 0 0 36px rgba(0, 0, 0, 0.4);
}

.current_player_photo{
    width: 200px;
    height: 200px;
}

.player_top_menu{
    text-align: right;
    width: 100%;
    height: 48px;
    position: absolute;
    z-index: 25;
}

.player_top_menu button{
    margin: 10px;
}

.player_top_menu i{
    color: white;
    font-size: 1.5em;
}

.player_bg_wrapper{
    position: absolute;
    width: 680px;
    height: 250px;
}

.player_bg_wrapper .cropMain{
    width: 680px;
    height: 250px;
    z-index: 10;
}

.player_bg_wrapper .crop_range{
    position: absolute !important;
    left: 540px !important;;
    height: 4px !important;
    width: 250px !important;
}

.image_crop .cropMain{
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.crop_buttons{
    position: absolute;
    width: 50px;
    height: 200px;
    top: 150px;
    left: 180px;
    text-align: center;
    z-index: 50;
}

.crop_check{
    padding-top: 48px;
    cursor: pointer;
}

.crop_cancel{
    cursor: pointer;
}

.crop_cover_buttons{
    position: absolute;
    width: 100px;
    height: 50px;
    top: 255px;
    left: 570px;
    text-align: center;
    z-index: 50;
}

.crop_cover_check{
    display: inline-block;
    cursor: pointer;
}

.crop_cover_cancel{
    display: inline-block;
    cursor: pointer;
}

.image_crop_wrapper{
    position: absolute;
}

.image_crop img{
    border-radius: 0;
    box-shadow: none;
}

.image_crop_loader{
    width: 200px;
    height: 200px;
    top: -20px;
    left: -20px;
    position: absolute;
    z-index: 1002;
}

.player_bio{
    padding-top: 115px;
    padding-bottom: 15px;
    position: relative;
}

.player__views{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    opacity: 0.6;
}

.player__views i{
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}

.player__tag-search{
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    opacity: 0.6;
}

.player__tag-search:hover{
    opacity: 0.8;
}

.player__tag-search i{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.player_bio_name{
    font-size: 1.75em;
    text-align: center;
}

.player_bio_more{
    font-size: 1.25em;
    color: #6d6d6d;
    text-align: center;
}

.player_stats{
    font-size: 1em;
    margin: 0 14px 15px 14px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.stats_item{
    clear: both;
    padding: 10px 5px;
    border-bottom: 1px solid #e1e1e1;
}

.stats_item_col{
    float: left;
    text-align: center;
}

.stats_season{
    width: 95px;
    min-height: 20px;
}

.stats_team{
    width: 210px;
    min-height: 20px;
    position: relative;
}

.offer_translation{
    position: absolute;
    background-color: rgba(28, 28, 28, 0.8);
    width: 288px;
    height: 28px;
    border-radius: 3px;
    top: 25px;
    left: -20px;
    padding: 5px;
    z-index: 999;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.offer_translation:before{
    content:'';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: solid 8px rgba(28, 28, 28, 0.8);
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}

.offer2{

}

.offer2:before{
    left: -120px;
}

.offer_input{
    background-color: rgba(28, 28, 28, 0.8);
    color: white;
    font-size: 1em;
    width: 210px;
    padding: 4px 5px;
    border: none;
    border-radius: 3px;
}

.offer_input:focus{
    outline: none;
}

.offer_button{
    width: 24px;
    height: 24px;
    background-color: rgb(38, 180, 66);
    border-radius: 2px;
    border: none;
    padding: 4px;
    color: white;
    margin: 1px 4px;
    font-weight: bold;
    cursor: pointer;
}

.offer_button:hover{
    outline: none;
    background-color: rgb(64, 199, 86);
}

.offer_button:focus, .offer_button_close:focus{
    outline: none;
}

.offer_button_close{
    width: 24px;
    height: 24px;
    background-color: rgb(220, 19, 21);
    border-radius: 2px;
    border: none;
    padding: 4px;
    color: white;
    margin: 1px 4px;
    font-weight: bold;
    cursor: pointer;
}

.offer_button_close:hover{
    outline: none;
    background-color: rgb(220, 71, 55);
}

.offer_buttons{
    float: right;
    border-radius: 5px;
    width: 66px;
    height: 26px;
    text-align: center;
    font-size: 1.25em;
    color: white;
}

.offer_buttons img{
    padding-top: 7px;
}

.stats_league{
    width: 150px;
    min-height: 20px;
    padding: 0 5px;
    position: relative;
    overflow-wrap: break-word;
}

.stats_league2{
    width: 155px;
    min-height: 20px;
    padding: 0 5px;
    position: relative;
    overflow-wrap: break-word;
}

.stats_digits{
    width: 35px;
}

.stats_digits2{
    width: 55px;
}

.stats_playoff{
    width: 155px;
    margin-left: 310px;
}

.stats_playoff2{
    width: 160px;
    margin-left: 310px;
}

.playoff_item{
    color: #ff4081;
    display: block;
    padding: 5px 0;
}

.stats_source{
    text-align: center;
    padding: 0 20px 10px 0;
}

.stats_source img{
    height: 40px;
}

.player_pick_photo{
    width: 100%;
}


.window_player_edit_info{
    margin: 20px auto 0 auto;
    max-width: 700px;
}

.popup_player_edit_info_header_text{
    float: left;
    padding: 15px;
    font-size: 1.4em;
}

.popup_player_edit_info_close{
    float: right;
    cursor: pointer;
    padding: 15px;
}

.popup_player_edit_info_close:hover{
    opacity: 0.7;
}

.player_edit_info{
    font-size: 1.125em;
}

.player_edit_info_line{
    padding: 15px;
}

.player_edit_info_left{
    width: 35%;
    float: left;
    color: #7f7f7f;
}

.player_edit_info_right{
    width: 65%;
    float: right;
    text-align: left;
    position: relative;
}

.position_options{
    height: 60px;
}

.player_edit_info_right .mdl-textfield{
    position: absolute;
    top: -20px;
}

.select_position{
    background-color: #2ab8e8;
    width: 100%;
}

.ep_id_input{
    width: 420px !important;
}

.hand_option{
    float: left;
    margin-right: 15px;
}

.bio_delimiter{
    color: #aaaaaa;
    margin: 0 5px;
}

.bio_hand{
    text-transform: lowercase;
}

.player_flag{
    text-align: center;
    padding: 5px;
    height: 28px;
}

.player_flag img{
    height: 28px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}


.player-tag__item{
    display: inline-block;
    width: 400px;
    height: 120px;
    overflow: hidden;
    background-color: #f3f3f3;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    cursor: pointer;
}

.player-tag__item:hover{
    box-shadow: 0 4px 26px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}


.player-tag__photo{
    width: 130px;
    float: left;
}

.player-tag__photo img{
    width: 130px;
}

.player-tag__info{
    float: left;
    margin-left: 15px;
    font-size: 1.25em;
}

.player-tag__name{
    font-weight: bold;
    padding-top: 10px;
}

.player-tag__position{
    padding-top: 10px;
    color: #a6a6a6;
}

/* ---------- STANDINGS ---------- */

.standings__tabs{
    text-transform: uppercase;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

.standings__tab{
    float: left;
    padding: 20px 10px 17px 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 4px;
    cursor: pointer;
}

.standings__tab_selected{
    font-weight: bold;
    margin-bottom: 0;
    border-bottom: 4px solid #00ACED;
}

.standings__tab:hover{
    font-weight: bold;
    margin-bottom: 0;
    border-bottom: 4px solid #00ACED;
}

.standings__cache{
    position: absolute;
    right: 0;
    top: 0;
}

.standings__item{
    padding-bottom: 20px;
    margin: 0 20px;
}

.standings__league-name{
    font-size: 1.25em;
    color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
}

.standings__league-name:empty{
    padding: 0;
}

.standings__table{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.standings__table_tournament{
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-bottom: 20px;
}

.standings__row{
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.standings__row:last-child{
    border: none;
}

.standings__row:hover{
    background-color: rgba(0, 0, 0, 0.07);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.standings__row_kaz{
    color: #00ACED;
    font-weight: bold;
}

.standings__row_header{
    background-color: rgba(0, 0, 0, 0.05);
}

.row__place{
    display: inline-block;
    width: 40px;
    text-align: center;
}

.row__team{
    display: inline-block;
    width: 185px;
}

.row__team_2{
    display: inline-block;
    width: 220px;
}

.row__team_2-wider{
    display: inline-block;
    width: 275px;
}

.row__num{
    display: inline-block;
    width: 37px;
    text-align: center;
}

.row__num_2{
    display: inline-block;
    width: 42px;
    text-align: center;
}

.row__num-wider{
    width: 70px;
}

.row__num-wider2{
    width: 60px;
}

.standings-games{
    margin: 0 20px;
    padding-bottom: 10px;
}

.standings-games-summary{
    color: #616161;
    text-align: right;
    padding: 8px 0 0 0;
    font-size: 1.2em;
}

.standings-arrow{
    float: left;
    padding: 5px 10px 0 0;
}

.standings__type{
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
}

.standings__table_title{
    font-size: 1.25em;
    color: rgba(0,0,0,0.75);
    font-weight: bold;
    text-align: center;
}

.standings__round{
    font-weight: bold;
    font-size: 1.2em;
    padding: 20px 0 20px 0;
}

.standings__round:first-child{
    padding: 0 0 20px 0;
}


.table__playoff {
    display: flex;
    flex-grow: 3;
}

.table__playoff_header{
    background-color: rgba(0, 0, 0, 0.05);
}

.table__playoff_cell{
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table__playoff_cell_border{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.table__playoff_cell_border2{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.table__playoff_teams{
    width: 20%;
}

.table__playoff_teams2{
    width: 30%;
}

.table__playoff_team{
    justify-content: flex-start !important;
    padding-left: 15px;
}

.table__playoff_all_games{
    display: flex;
    width: 70%;
}

.table__playoff_all_games2{
    display: flex;
    width: 55%;
}

.table__playoff_games{
    width: calc(100%/7);
}

.table__playoff_games2{
    width: 20%;
}

.table__playoff_game{
    text-align: center;
}

.table__playoff_series{
    width: 10%;
}

.table__playoff_series2{
    width: 15%;
}

.table__playoff_series_score_header{
    height: 40px;
}

.table__playoff_series_score{
    height: 81px;
}

/* ---------- PLAYER STATS ---------- */

.players_stats{
    padding: 0 20px 20px 20px;
}

.players_stats_title{
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0;
}

.players_stats_line{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.players_stats_header{
    color: rgba(0, 0, 0, 0.5);
}

.players_stats_left{
    display: flex;
}

.players_stats_right{
    display: flex;
}

.players_stats_num{
    width: 40px;
    text-align: left;
}

.players_stats_number{
    width: 55px;
}

.players_stats_team{
    width: 85px;
}

.players_stats_name{
    width: 220px;
}

.players_stats_position{
     width: 140px;
}

.players_stats_country{
    width: 140px;
    text-align: right;
}

.players_stats_games{
    text-align: center;
    width: 40px;
}

/* ---------- CALENDAR ---------- */

.calendar__month-name{
    font-size: 1.9em;
    float: right;
    padding: 0 0 20px 0;
    text-transform: uppercase;
    color: #0288d1;
}

.calendar__month table{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.calendar__month td{
    border: 1px solid rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.calendar__day-no-game{
    font-size: 3em;
    color: rgba(0, 0, 0, 0.15);
    text-align: right;
    height: 70px;
    line-height: 150%;
}

.calendar__day{
    width: 100%;
    position: relative;
}

.calendar__team-logo{
    position: absolute;
    right: -50%;
    width: 100%;
    height: 70px;
    background-position: 0 50%;
    background-size: auto 70px;
    background-repeat: no-repeat;
}


.calendar__day-top{
    position: relative;
    padding: 10px;
}

.calendar__day-num{
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.2em;
}

.calendar__its-today{
    color: #03A9F4;
}

.calendar__round{
    margin: 10px 0 10px 0;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.calendar__round2{
    margin: 2px 5px 2px 0;
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.calendar__info{
    padding: 20px 0 20px 0;
}

.calendar__info-item{
    float: left;
    margin: 10px 20px 0 0;
    color: rgba(0, 0, 0, 0.6);
}


/* ---------- VIDEO ---------- */


.video__item{
    padding-bottom: 20px;
    position: relative;
    min-height: 150px;
}

.video__image{
    position: absolute;
    left: 0;
    width: 300px;
    height: 150px;
    background-color: #263238;
}

.video__title{
    margin-left: 300px;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.25em;
    background-color: #0277BD;
    color: white;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.video__title:hover{
    background-color: #039BE5;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.video__loader{
    text-align: center;
}


/* ---------- NEWS PAGE ---------- */

.news__wrapper{
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.news__wrapper h1{
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
}

.news__head{
    padding: 20px;
}

.news__title{

}

.news_bottom{
    padding: 0 20px 20px 20px;
    height: 25px;
}

.social_share{
    float: left;
}

.social_share_button{
    display: inline-block;
}

.social_share_button img{
    width: 25px;
    height: 25px;
    border-radius: 3px;
    cursor: pointer;
}

.social_share_button img:hover{
    opacity: 0.9;
}

.add_to_fav{
    float: left;
    margin: 0 10px 0 0;
}

.add_to_fav_button{
    border-radius: 3px;
    background-color: #238eb4;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

.add_to_fav_button:hover{
    opacity: 0.9;
}

.added_to_fav{
    background-color: #17a5d7;
}

.news_author{
    padding: 20px;
    height: 42px;
    position: relative;
    border-top: 1px solid #d4d4d4;
}

.news_author_image img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
}

.news_author_info{
    margin-left: 52px;
}

.author_label{
    font-size: 0.875em;
    margin-bottom: 4px;
    color: #949494;
}

.author_name{
    font-size: 1em;
    font-weight: bold;
    color: #5e5e5e;
}

.news__details-wrapper{

}

.news__details{
    font-size: 1em;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    padding-top: 20px;
}

.news__details_left{
    float: left;
    padding-right: 15px;
}

.news__details_right{
    float: right;
}

.news_date{
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 15px;
    color: #373737;
}

.news_views{
    display: inline-block;
    color: #838383;
}

.news_views i{
    float: left;
    font-size: 1.25em;
    padding: 2px 3px 0 0;
    color: #a7a7a7;
}

.news__bind-poll{
    padding: 10px 20px 20px 20px;
}

.news__bind-poll select{
    width: 85%;
    box-sizing: border-box;
}

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

.news__og-image img{
    width: 100%;
    display: block;
}


.window__poll-result{
    margin: auto;
    width: 640px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.window__poll-result-body{
    padding: 20px 30px 10px 30px;
}

.window__poll-result-body2{
    padding: 0 20px 30px 20px;
}

.poll-result__window{
    position: relative;
    margin: 20px 0;
    background-color: white;
    width: 100%;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.7);
}

.poll-result__options-users{

}

.poll-result__options{

}

.poll-result__charts{
    padding: 0 10px;
}

.poll__option-users img{
    height: 35px;
    border-radius: 50%;
    margin-right: 5px;
}

.poll-result__option{
    float: left;
    color: #37474F;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 10px 10px 0;
}

.poll-result__option:hover{
    background-color: #CFD8DC;
}

.poll-result__option i{
    float: left;
    margin-right: 5px;
}

.poll-result__option_selected{
    background-color: #37474F;
    color: white;
}

.poll-result__option_selected:hover{
    background-color: #485d65;
}


.news__poll-question{
    padding: 20px 20px 15px 20px;
    font-weight: bold;
}

.news__poll-options{
    padding: 0 20px 20px 20px;
}

.news__poll-option-with-users{
    position: relative;
}

.news__poll-users{
    position: absolute;
    top: -60px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    padding: 10px;
    color: white;
    max-width: 280px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    z-index: 5;
}

.news__poll-users-wrap{
    position: relative;
}

.poll__users-triangle{
    position: absolute;
    bottom: -15px;
    left: 20px;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.8);
}

.poll__user img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px;
}

.news__poll-option{
    padding: 0 0 10px 0;
    position: relative;
    cursor: pointer;
}

.poll__option-text{
    margin: 5px 0 5px 0;
}

.poll__vote{
    padding-top: 10px;
}

.poll__vote-button{
    font-size: 1.1em;
    background-color: #0288d1;
    border-radius: 2px;
    padding: 8px 20px;
    color: white;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    transition: .15s ease-out;
    outline: none;
}

.poll__vote-button:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    transition: .15s ease-out;
}

.poll__vote-button:active{
    background-color: #029feb;
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    transition: .15s ease-out;
}

.poll__vote-button:disabled{
    background-color: #99a8b6;
}

.poll__row{
    background-color: #ECEFF1;
    margin: 0 50px 0 0;
    text-align: center;
    border-radius: 3px;
    font-size: 0.9em;
    height: 25px;
    overflow: hidden;
    position: relative;
}

.poll__option-percent{
    float: right;
    position: absolute;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    bottom: 10px;
    right: 0;
}

.poll__row-percent{
    background-color: #CFD8DC;
    height: 100%;
}

.poll__row-count{
    color: #37474F;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.poll__checkmark{
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 6px;
    color: #37474F;
}

.poll__users-loader{
    animation: spin 1s infinite linear, change-color 1s infinite linear;
}

@keyframes spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}

@keyframes change-color {
    0%  {color: #03A9F4;}
    50%  {color: #FF5722;}
}

.poll__option-users{
    margin-bottom: 10px;
}

.poll__users-list{

}

.poll__users-list-empty{
    text-align: center;
    padding: 100px 0;
    color: #9E9E9E;
}

.poll__users-list-item{
    float: left;
    text-align: center;
    margin: 0 10px 20px 10px;
    color: #455A64;
    width: 100px;
    min-height: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.poll__users-list-item img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.poll__users-list-item-username{
    padding: 5px;
    font-size: 0.9em;
}

.poll__count{
    padding: 15px 0 0 0;
}

.poll__error{
    display: inline-block;
    padding: 5px 0 0 10px;
    color: #EF5350;
}

.comments_box{
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.comments_loading{
    position: relative;
    height: 220px;
}

.comments_loading .showbox .loader{
    margin-top: 40px;
    width: 100px;
}

.comments_loading_label{
    padding-top: 160px;
    text-align: center;
    font-size: 1.25em;
    color: #2ab8e8;
}

.news_comments{
    color: #838383;
    margin-left: 5px;
    display: inline-block;
    position: relative;
}

.news_comments i{
    position: absolute;
    top: 4px;
    font-size: 1.25em;
    color: #a7a7a7;
}

.news_comments_num{
    padding-left: 24px;
}

.news_edit_icon i:hover{
    opacity: 0.7;
}

.news_image{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.news_image img{
    width: 100%;
    display: block;
}

.current_news_image{
    width: 680px;
    height: 340px;
    display: block;
}

.olimp_video{
    position: relative;
}

.olimp_video_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.olimp_video_ad{
    display: none;
    margin-bottom: 20px;
    position: relative;
}

.olimp_video_ad video{
    width: 100%;
    display: block;
}

.olimp_video_click{
    position: absolute;
    width: 100%;
    height: 100%;
}

.olimp_video_skip{
    position: absolute;
    bottom: 20%;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    z-index: 2;
}

.olimp_video_skip:hover{
    background-color: rgba(0, 0, 0, 0.75);
}

.news_text{
    font-size: 1em;
    padding: 0 20px 20px 20px;
    color: #000000;
}

.news_text p{
    font-size: 1em;
    line-height: 150%;
    margin-bottom: 15px;
}

.news_text p:last-child, .blog__summary p:last-child{
    margin-bottom: 0;
}

.news_text img{
    max-width: 100%;
    height: auto;
}

.news_text img[style*="float: left"],.news_text img[style*="float:left"] {
    margin: 0.25em 1.4em 1em 2px;
}

.news_text img[style*="float: right"], .news_text img[style*="float:right"] {
    margin: 0.25em 2px 1em 1.4em;
}

.news_text img[width*="640"] {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.news_text table{
    width: 100%;
    border: 1px solid #999999;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.news_text th, td {
    border: 1px solid #999999;
    border-spacing: 0;
    border-collapse: collapse;
}

.news_text a, .news__live-content a{
    color: #0277BD;
}

.news_source{
    padding: 0 20px 20px 20px;
    color: #787878;
    font-size: 1em;
}

.news_source a:hover{
    color: #2d9ad2;
}

.news__tags{
    font-size: 1em;
    padding: 0 20px 20px 20px;
    color: rgba(0, 0, 0, 0.7);
}

.news__tag-item{
    font-size: 0.9em;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    padding: 0 8px;
    height: 25px;
    margin: 3px 5px 2px 0;
    background-color: rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.right-block__ads{
    margin-bottom: 20px;
}

.right-block__ads img{
    display: block;
    width: 100%;
}

.news__related-label {
    font-size: 1.4em;
    color: #757575;
    padding: 20px;
}

.news-related__items{
    padding: 0 10px 10px 10px;
}

.news-related{
    float: left;
    padding: 0 10px 10px 10px;
    width: calc(50% - 20px);
}

.news-related-single{
    width: calc(100% - 20px);
}

.news-related__img{
    float: left;
    width: 40%;
    margin-right: 10px;
}

.news-related-single__img{
    width: 20%;
}

.news-related__img img{
    width: 100%;
}

.news-related__title{
    font-size: 0.9em;
}

.news-related__date{
    padding-top: 5px;
    font-size: 0.8em;
    color: #90A4AE;
}

.news__live-item{
    padding: 0 20px 20px 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.news__live-item-top{
    clear: both;
}

.news__live-time{
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 10px 10px 0;
}

.news__live-content-edit{
    display: inline-block;
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    margin-right: 10px;
}

.news__live-content-edit:hover{
    color: rgba(0, 0, 0, 0.5);
}

.news__live-time input{
    width: 45px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 1em;
}

.news__live-content img, .news__live-content video, .news__live-content audio, .news__live-content textarea{
    width: 100%;
    height: auto;
}

.news__live-content p:last-child{
    margin-bottom: 0;
}

.news__lives-add{
    padding: 0 20px 20px 20px;
}

.news__lives-add-bottom{
    padding-top: 10px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.audio-player{
    clear: both;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    height: 150px;
    overflow: hidden;
}

.audio-player__left{
    float: left;
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.audio-player__left img{
    width: 150px;
    height: 150px;
    display: block;
}

.audio-player__right{
    margin-left: 150px;
}

.audio-player__right-top{
    padding: 10px;
    height: 40px;
    overflow: hidden;
}

.audio-player__track-wrapper{
    margin: 10px;
}

.audio-player__button{
    background-color: orangered;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: left;
}

.audio-player__button i {
    color: white;
    font-size: 30px;
    padding: 5px;
}

.audio-player__title{
    padding-left: 10px;
    max-width: 360px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
}

.audio-player__title i{
    color: rgba(0, 0, 0, 0.3);
}

.audio-player__title input{
    font-size: 1em;
    padding: 3px;
}

.video-player{
    clear: both;
    position: relative;
    cursor: pointer;
}

.video-player p{
    text-align: center;
}

.video-player video{
    display: block;
}

.video-player__play{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
}

/* ---------- EDIT NEWS BLOCK ---------- */


.news_title_edit{

}

.news_title_edit textarea{
    width: 100%;
    min-height: 32px;
    height: 32px;
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    line-height: 1.35;
    padding: 0;
    resize: none;
}

.news_title_edit textarea:focus{
    outline: none;
}

.news_author_edit_ready{

}

.news_author_item{
    display: inline;
    margin-right: 10px;
}

.news_author_item img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.news_author_item img:focus{
    outline: none;
}

.news_author_selected{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

.news_author_edit_list{
    width: 640px;
    height: 40px;
}

.news_author_edit_list img{
}

.news_author_cover{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    color: white;
    font-size: 1.4em;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    width: 250px;
    height: 70px;
    top: 5px;
    left: 5px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.news_author_cover:hover{
    opacity: 1;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.news_date_edit{
    float: left;
    text-transform: uppercase;
    margin-right: 10px;
    color: #00486a;
}

.news_date_edit input{
    border: none;
    width: 155px;
    text-transform: uppercase;
    color: #00486a;
    font-size: 1em;
    font-weight: bold;
}

.news_date_pick{
    display: inline-block;
    cursor: pointer;
}

.news_date_pick:hover{
    opacity: 0.8;
}

.news_details_edit{
    font-size: 1em;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    padding-top: 15px;
}

.news_add_image{
    float: right;
    margin-left: 5px;
}

.news_upload_small_image{
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    background-color: white;
    margin: 15px 0 20px 0;
    padding: 15px 0;
}

.news_upload_label{
    text-align: center;
    font-size: 1.125em;
    font-weight: bold;
    padding-bottom: 10px;
}

.news_upload_container{
    position: relative;
}

.news_middle_image_container{
    text-align: center;
}

.news_middle_image_wrap{
    padding-bottom: 10px;
}

.news_middle_image_wrap img{
    width: 100%;
    padding-bottom: 10px;
}

.news_upload_photo_container{
    width: 184px;
    height: 135px;
    background-color: #d9d9d9;
    margin: 0 58px;
}

.news_upload_container .slider{
    width: 184px !important;
    margin-left: 58px;
}

.news_upload_buttons{
    text-align: center;
    margin-top: 5px;
}

.news_upload_remove{
    display: inline-block;
}

.crop_buttons_image_184{
    width: 24px;
    position: absolute;
    left: 30px;
    top: 50px;
}

.crop_buttons_image_184 img{
    width: 24px;
    cursor: pointer;
}

.current_news_image_184{
    width: 184px;
    height: 135px;
}

.crop_buttons_image_184 img:hover{
    opacity: 0.8;
}

.news_upload_photo_container .crop_range{
    width: 135px !important;
    left: 110px !important;
}

.news_image_edit{
    margin-bottom: 20px;
}

.news_edit_summary{
    margin: 0 15px;
    padding: 5px;
    width: calc(100% - 30px);
    height: 180px;
    border: 1px solid #e3e3e3;
    resize: none;
    font-size: 1em;
    line-height: 150%;
    overflow-x: hidden;
}

.news_breaking_label{
    padding: 0 25px 5px 25px;
}

.news_label_label{
    text-align: center;
    padding: 0 25px 5px 25px;
}

.news_edit_summary:focus{
    outline: none;
}

.news__direct-link{
    height: 100px;
}

.news_image_edit .crop_range{
    width: 340px !important;
    left: 500px !important;;
}

.crop_buttons_image_news{
    display: inline-block;
    margin-left: 20px;
}

.crop_buttons_image_news img{
    width: 24px;
    cursor: pointer;
}

.crop_buttons_image_news img:hover{
    opacity: 0.8;
}

.news_pick_photo{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.news_pick_photo:hover{
    opacity: 0.8;
}

.news_title textarea:focus, .news_text textarea:focus, .news_pick_photo:focus{
    outline: none;
}

.news_text textarea{
    width: 100%;
    height: 100%;
    font-size: 1em;
    border: none;
    line-height: 1.5;
    padding: 0;
}

.news_text_edit{
    font-size: 1em;
    padding: 0 10px 10px 10px;
    color: #000000;
}

.news_edit_right_block{

}

.news_edit_right_item{
    padding-bottom: 10px;
}

.news_edit_status{
    width: 440px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30px;
    font-size: 1.125em;
    padding: 15px;
    border: 1px solid #7dee99;
    font-weight: bold;
    color: #003600;
    text-align: center;
    background-color: #e0ffe6;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(60, 85, 64, 0.7);
    z-index: 15;
    user-select: none;
}

.news_edit_button_public{
    width: 100%;
}

.news_edit_button_save{
    width: 100%;
    background-color: #0095da !important;
}

.news_hide_button{
    width: 100%;
    background-color: #2E7D32 !important;
}

.news__hidden-icon{
    float: left;
    color: #B71C1C;
    margin: 3px 5px 0 0;
}

.news_text_edit textarea{
    height: 500px;
}

.news_source_edit{
    font-size: 1em;
    padding: 0 20px 10px 20px;
    color: #787878;
}

.news_source_edit input{
    font-size: 1em;
    border: 1px solid #d5d5d5;
    margin-left: 5px;
    padding: 5px;
}

.news_source_edit input:focus, .news__tag-edit input:focus{
    outline: none;
}

.news_source_site{
    width: 160px;
    margin: 10px 0;
}

.news_source_link{
    width: 350px;
}

.news__tag-edit{
    font-size: 1em;
    padding: 0 20px 10px 20px;
    color: #787878;
}

.news__tag-edit-label{
    float: left;
    width: 85px;
}

.news__tag-edit input{
    width: 50px;
    font-size: 1em;
    padding: 5px 8px;
    border-radius: 5px;
    border: none;
    background-color: #00ACED;
    color: white;
}

.news__tag-edit input::-webkit-input-placeholder{
    font-style: italic;
    color: rgba(255, 255, 255, 0.75);
}

.news__tags-area{
    margin-left: 85px;
}

.tag{
    display: inline-block;
    background-color: #00ACED;
    color: white;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 0 5px 5px 0;
}

.tag i{
    float: right;
    padding: 4px 0 0 3px;
}

.tag__block{
    display: inline-block;
    background-color: #eeeeee;
    padding: 10px 20px;
    margin-left: 10px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
    cursor: pointer;
}

.tag__block:hover{
    box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.tag__label{
    display: inline-block;
}

/* ---------- NEWS ARCHIVE ---------- */

.informers{

}

.informer__title{
    font-weight: bold;
    padding: 0 0 15px 0;
}

.informer__label{
    padding: 0 0 15px 0;
}

.informer__code{

}

.informer__code textarea{
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    resize: none;
    font-family: Consolas, monaco, monospace;
    outline: none;
    background-color: #ECEFF1;
    color: #263238;
    border: 1px solid #B0BEC5;
    padding: 10px;
}

.informer__button{
    background-color: #37474F;
    color: white;
    float: left;
    padding: 8px 15px;
    margin: 5px 0 15px 0;
    font-size: 0.8em;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    border: none;
    outline: none;
    margin-right: 10px;
}

.informer__button_settings{
    width: 130px;
}

.informer__button:hover{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.informer__button i{
    float: left;
    padding-right: 5px;
}

.informer__copy-status{
    display: inline-block;
    padding: 5px 12px;
    margin: 5px 0 0 5px;
    background-color: #E8F5E9;
    border: 1px solid #A5D6A7;
    color: #1B5E20;
    border-radius: 3px;
}

.informer__settings{
    padding-bottom: 20px;
}

.informer__height-value{
    outline: none;
    width: 35px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-left: 10px;
    font-size: 1em;
}

.informer__auto-rotate{
    display: inline-block;
    margin-left: 15px;
}

.informer__itself{
    padding-bottom: 30px;
}

.informer__itself2{

}


/* ---------- NEWS ARCHIVE ---------- */

.archive__year-item{
    padding-bottom: 20px;
}

.archive__year{
    float: left;
    display: inline-block;
    line-height: 160px;
    vertical-align: middle;
    font-size: 36px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    text-align: center;
    background-color: #ededed;
    font-weight: bold;
    color: #494949;
}

.archive__months{
    font-size: 1.125em;
}

.archive__month{
    display: inline-block;
    width: 140px;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 10px 15px;
    color: #4c4c4c;
    background-color: #f4f4f4;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-left: 2px solid;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.archive__month:hover{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.archive__title{
    font-size: 1.4em;
}

.archive__news {
    padding: 10px 0;
}

.archive-block__date{
    color: #949494;
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: bold;
    padding: 15px 15px 5px 0;
}

.archive__news-title{
    padding: 10px 0;
    font-size: 1em;
}

.archive__news-title a:hover{
    color: #0288d1;
}

.archive__empty{
    font-size: 1.25em;
    color: #535353;
    text-align: center;
    padding-top: 20px;
}

.archive__empty-image{
    text-align: center;
    padding-bottom: 20px;
}

/* ---------- USER PROFILE ---------- */

.profile_header{
    width: 100%;
    height: 250px;
    position: relative;
}

.profile_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
}

.profile__userpic{
    width: 160px;
    text-align: center;
    position: relative;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0);
}

.profile__userpic img{
    border-radius: 50%;
    width: 160px;
    height: 160px;
    border: 4px solid white;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__userpic img:hover{
    box-shadow: 1px 2px 48px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__userpic-upload{
    position: absolute;
    top: 150px;
    left: 50%;
    width: 160px;
    transform: translate(-50%, 0);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.profile__upload-photo{
    position: relative;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    width: 160px;
    height: 160px;
    border: 4px solid white;
}

.profile__upload-photo:hover{
    border: 4px solid #00ACED;
}

.profile__upload-photo-button{
    margin-top: 35px;
    cursor: pointer;
    color: white;
    text-align: center;
    font-size: 1.25em;
    padding: 0 10px;
}

.profile__image-crop{
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}

.profile__image-crop-area{
    position: relative;
}

.profile__image-crop-area .crop-container{
    border-radius: 50%;
}

.profile__crop-buttons{
    position: absolute;
    top: 90px;
    left: 50%;
    width: 270px;
    transform: translate(-50%, 0);
    text-align: center;
    background-color: white;
    padding: 15px 0;
    height: 220px;
    border-radius: 3px;
    box-shadow: 1px 1px 36px rgba(0, 0, 0, 0.6);
}

.profile__crop-buttons button{
    padding: 5px 12px;
    border: none;
    border-radius: 3px;
    margin: 0 5px;
    color: white;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-size: 1.1em;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__crop-buttons button:hover{
    box-shadow: 1px 2px 16px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__crop-save{
    background-color: #0288d1;
}

.profile__crop-cancel{
    background-color: #616161;
}

.profile__change-photo{
    position: absolute;
    top: 250px;
    right: 0;
    margin: 10px;
}

.profile__change-photo-button{
    padding: 8px 12px;
    border: none;
    border-radius: 3px;
    margin: 0 5px;
    color: white;
    cursor: pointer;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-size: 1.1em;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__change-photo-button:hover{
    box-shadow: 1px 2px 16px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.profile__change-photo-button_open{
    background-color: #0288d1;
}

.profile__change-photo-button_close{
    background-color: #616161;
}

.profile__image-crop-loader{
    width: 160px;
    height: 160px;
    top: -20px;
    left: -20px;
    position: absolute;
    z-index: 1002;
}

.profile__image-crop-loader .loader{
    width: 200px;
}

.profile_bio{
    text-align: center;
    margin-top: 60px;
}

.profile_username{
    font-size: 1.6em;
    font-weight: bold;
}

.profile_userinfo{
    padding-top: 5px;
    font-size: 1.125em;
    color: #696969;
}

.profile_userinfo_with-icon{
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.6);
}

.profile_userinfo_with-icon i{
    margin: 2px 5px 0 0;
}

.profile_title{
    font-size: 1.25em;
    padding-top: 15px;
    color: #5d5d5d;
}

.profile_userinfo_hover{
    cursor: pointer;
}

/* ---------- USER SETTIGNS ---------- */

.settings__menu{
    margin-top: 20px;
}

.settings__menu-item{
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: none;
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 1.25em;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.settings__menu-item_selected{
    color: white;
    background-color: #00BCD4;
}

.settings__tab{
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    border-top: 4px solid #B2EBF2;
}

.settings{
    padding: 20px 40px;
}

.settings__item{

}

.settings__label{
    float: left;
    width: 200px;
    margin: 20px 0;
    font-size: 1.25em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
}

.settings__field{
    width: 320px;
    float: right;
}

.settings__label2{
    float: left;
    width: 350px;
    margin: 20px 0;
    font-size: 1.25em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
}

.settings__field2{
    width: 170px;
    margin: 20px 0;
    float: right;
}

.settings__gender{
    margin: 20px 0;
}

.settings__gender-checkbox{
    margin-right: 20px !important;
}

.settings__save{
    margin: 20px 0;
}

.settings__save-button{
    border: none;
    border-radius: 3px;
    background-color: #0288d1;
    color: white;
    padding: 8px 20px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    font-size: 1.25em;
    outline: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.settings__save-button:hover{
    box-shadow: 1px 4px 24px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.settings__save-button:active{
    background-color: #0297e5;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.settings__save-status, .password__save-status, .notifs__save-status{
    margin-left: 20px;
    padding: 8px 20px;
    border-radius: 3px;
    display: inline-block;
    background-color: #E8F5E9;
    border: 1px solid #A5D6A7;
    color: #1B5E20;
}

.settings__save-error, .password__save-error{
    margin-left: 20px;
    padding: 8px 20px;
    border-radius: 3px;
    display: inline-block;
    background-color: #FFEBEE;
    border: 1px solid #EF9A9A;
    color: #B71C1C;
}

.settings__day, .settings__day input{
    width: 60px !important;
}

.settings__month{
    width: 120px !important;
    margin: 0 10px !important;
}

.settings__month input{
    width: 120px !important;
    cursor: pointer;
}

.settings__year, .settings__year input{
    width: 90px !important;
}

/* ---------- COMMENT BLOCK ---------- */

.comments_top{
    height: 26px;
    padding: 20px 20px 10px 20px;
}

.comments_label{
    float: left;
    height: 26px;
    font-size: 1.4em;
    color: #757575;
}

.comments_sort{
    float: right;
    position: relative;
}

.comments_sort_dropdown{
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    font-size: 0.875em;
    color: #484848;
    width: 120px;
    height: 26px;
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    position: relative;
}

.comments_sort_dropdown i{
    position: absolute;
    right: 0;
    top: 2px;
}

.comments_sort .mdl-menu__item{
    font-size: 0.875em;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

/* -- */

.comments_wrapper{
    padding: 0 20px;
}

.comments_empty_state{
    padding: 30px 0;
    text-align: center;
    font-size: 1.125em;
    color: #a2a6a9;
}

.comments_empty_state img{
    padding-bottom: 5px;
}


.comment_item{
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}

.comment_removed{
    padding: 10px 0;
    height: 20px;
}

.comment_removed_text{
    float: left;
    font-size: 1em;
    color: #9a9a9a;
}

.comment_removed_options{
    float: left;
    margin-left: 5px;
}

.comment_removed_options i, .comment_removed i{
    cursor: pointer;
    height: 20px;
    color: #a7a7a7;
}

.comment_removed_options img:hover{
    opacity: 0.8;
}

.write_comment{
    padding: 15px 20px;
    border: none;
}

.reply_comment{
    padding: 15px 0 0 0;
}

.comment_item_reply{
    margin: 0 0 0 30px;
}

.comment_item_reply:empty{
    margin: 0;
}

.write_comment_textarea{
    width: 100%;
    min-height: 50px;
    border: 1px solid #d0d0d0;
    padding: 5px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.write_comment_textarea:focus{
    outline: none;
}

.write_comment_textarea:disabled{
    border: 1px solid #f1f1f1;
    color: #a6a6a6;
    background-color: #f2f2f2;
}

.comment_left{
    float: left;
}

.comment_right{
    max-width: 595px;
    margin-left: 50px;
    font-size: 0.9em;
}

.comment_right_bottom{
    max-width: 595px;
}

.comment_alert{
    color: #5e747e;
    font-size: 1.125em;
    text-align: right;
    height: 20px;
    padding: 8px 10px;
    margin-right: 150px;
}

.comment_avatar{
    width: 50px;
}

.comment_avatar img{
    border-radius: 50%;
    width: 34px;
    height: 34px;
}

.comment_top{
    height: 18px;
    margin-bottom: 5px;
}

.comment_author{
    font-weight: bold;
    float: left;
}

.comment_author img{
    float: left;
    height: 16px;
    margin-right: 8px;
}

.comment_anchor{
    float: left;
    margin-left: 15px;
    color: #cbced6;
}

.comment__edit{
    float: left;
    margin-left: 15px;
    padding-top: 2px;
}

.comment__edited{
    float: left;
    margin-left: 15px;
    color: #BDBDBD;
}

.comment__edit-buttons{
    padding-top: 5px;
}

.comment__edit-button{
    width: 122px;
}

.comment__edit-cancel{
    margin-left: 5px;
}

.comment_likes{
    float: right;
    height: 18px;
    width: 100px;
    text-align: right;
}

.likes, .dislikes{
    height: 18px;
    display: inline-block;
    padding-left: 5px;
}

.likes i, .dislikes i{
    display: inline-block;
    cursor: pointer;
    color: #a7a7a7;
    line-height: 18px;
}

.likes i:hover, .likes .rated{
    color: #009cff;
}

.dislikes i:hover, .dislikes .rated {
    color: #313131;
}

.likes_num{
    float: right;
    color: #c8c8c8;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    padding-left: 5px;
}

.comment_text{
    color: #272727;
    line-height: 125%;
    margin: 10px 0;
}

.comment_text img, .comment_text iframe{
    max-width: 500px;
    margin: 5px 0;
}

.comment_text a{
    color: #0277BD;
}

.comment_text a:hover{
    color: #29B6F6;
}

.comment_item_bottom{
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.comment_item_bottom__left {
    display: flex;
}

.comment_date{
    color: #a6a6a6;
}

.comment_warning{
    margin-left: 10px;
    color: #ffb400;
}

.comment_warning img{
    float: left;
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
}

.comment_extra{
    color: #cacaca;
    margin-left: 10px;
    cursor: pointer;
}

.comment_extra i{
    font-size: 1em;
}

.comment_extra:hover{
    opacity: 0.8;
}

.comment_reply{
    align-self: flex-end;
    font-weight: bold;
    cursor: pointer;
    color: #3b3b3b;
}

.comment_reply:hover{
    color: #0288d1
}

.send_comment{
    max-width: 595px;
    position: relative;
    height: 36px;
    padding-top: 5px;
}

.comment__insert-image{
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 0;
    opacity: 0.8;
}

.send_comment_button{
    position: absolute;
    top: 5px;
    right: 0;
    width: 140px;
    height: 36px;
    font-size: 1.125em;
    background-color: #0288d1;
    border-radius: 2px;
    padding: 0 20px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.send_comment_button:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.send_comment_button:active{
    background-color: #029feb;
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    transition: 0.15s ease-out;
}

.send_comment_button:focus{
    outline: none;
}

.send_comment_button img{
    padding: 15px 0;
}

.comment_auth{
    font-weight: bold;
    color: #008fc6;
    cursor: pointer;
}

.comment_auth:hover{
    color: #29a6ee;
}

.live-comment__items{
    padding: 10px 0;
}

.live-comment__item{
    padding: 10px 20px;
}

.live-comment__title{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.live-comment__extra{
    padding-top: 5px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.live-comment__username{
    font-weight: bold;
    float: left;
}

.live-comment__date{
    color: #a6a6a6;
    padding-left: 8px;
}

/* ---------- PRIVATE MAIL ---------- */

.pm__header{
    font-weight: bold;
    font-size: 1.8em;
    padding: 20px;
}

.pm__header-arrow{
    float: left;
    padding-top: 3px;
    padding-right: 10px;
}

.pm__header-avatar{
    float: left;
    padding-right: 10px;
    padding-top: 3px;
}

.pm__header-avatar img{
    border-radius: 50%;
    height: 28px;
}

.pm__area{
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pm__empty{
    width: 100%;
    padding-top: 80px;
    text-align: center;
    background: radial-gradient(#fafdff, #e0e3e5);
}

.pm__empty img{
    vertical-align: middle;
}

.pm__empty-text{
    color: #90A4AE;
    padding-bottom: 20px;
    font-size: 1.5em;
}

.pm__interlocutors{

}

.pm__loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pm__conversation{
    background-color: white;
    width: 100%;
}

.pm__item{
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
}

.pm__item:hover{
    background-color: #f2f2f2;
}

.pm-item__date{
    position: absolute;
    right: 20px;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5);
}

.pm-item__avatar{
    float: left;
    width: 50px;
}

.pm-item__avatar img{
    border-radius: 50%;
}

.pm-item__info{
    padding-left: 50px;
}

.pm__item_new{
    background-color: #e0eaef;
}

.pm__item_new:hover{
    background-color: #d5e3ea;
}

.pm-item__author{
    font-weight: bold;
    margin-bottom: 5px;
}

.pm-item__text{
    color: rgba(0, 0, 0, 0.7);
    white-space: nowrap
}

.pm__messages{

}

.pm__messages-list{
    min-height: 380px;
    height: 380px;
    overflow-y: auto;
    position: relative;
}

.pm__messages-list-inner{
    position: relative;
    bottom: 0;
}

.pm__message{
    padding: 5px 20px 5px 20px;
    clear: both;
    position: relative;
    background-color: white;
}

.pm__message:first-child{
    padding-top: 15px;
}

.pm__message_unread{
    background-color: #e0eaef;
}

.pm__typing{
    padding: 0 0 10px 70px;
    color: #90A4AE;
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    position: relative;
    bottom: 0;
}

.pm__message_write{
    padding: 20px;
    clear: both;
    position: relative;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pm__message-avatar{
    float: left;
    width: 50px;
}

.pm__message-avatar img{
    border-radius: 50%;
}

.pm__message-right{
    padding-left: 50px;
}

.pm__message-error{
    display: inline-block;
    margin-left: 10px;
    background-color: #FFEBEE;
    border: 1px solid #EF9A9A;
    color: #B71C1C;
    padding: 8px 15px;
    border-radius: 3px;
}

.pm__message-top{
    padding-bottom: 5px;
    font-size: 0.9em;
}

.pm__message-user{
    font-weight: bold;
    color: #42648b;
    display: inline-block;
}

.pm__message-date{
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-left: 6px;
}

.pm__message-text{

}

.pm__message-write-textarea{
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    min-height: 68px;
    resize: none;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}

.pm__message-write-button{
    margin-top: 5px;
}

/* ---------- NATIONAL TEAMS ---------- */

.nt__top{
    position: relative;
}

.nt__top-image img{
    vertical-align: middle;
    width: 100%;
}

.nt__bg{
    position: absolute;
    top: 0;
}

.nt__bg img{
    vertical-align: middle;
    width: 100%;
}

.nt-menu__items{
    width: 100%;
    overflow-x: hidden;
    height: 44px;
}

.nt_menu__item{
    float: left;
    width: 33.33333333%;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: -1px 0 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 1.1em;
    position: relative;
    overflow: hidden;
}

.nt-menu__item_blue{
    background-color: #0277BD;
}

.nt-menu__item_orange{
    background-color: #FF9800;
}

.nt-menu__item_teal{
    background-color:#009688;
}

.nt-menu__item_pink{
    background-color: #E91E63;
}

.nt-body{
    padding: 20px 20px 5px 20px;
}

.tournaments{

}

.tournament{
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    position: relative;
    min-height: 140px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;
}

.tournament__year{
    position: absolute;
    top: 0;
    right: 0;
    color: #CFD8DC;
    font-size: 5em;
    font-weight: bold;
    padding: 15px;
}

.tournament__info{
    position: relative;
    box-sizing: border-box;
}

.tournament__name{
    font-size: 1.5em;
    font-weight: bold;
}

.tournament__division{
    padding-top: 5px;
}

.tournament__geo{
}

.tournament__participants{
    padding-top: 10px;
    max-width: 380px;
}

.tournament__participants img{
    height: 15px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    margin-right: 7px;
    margin-bottom: 4px;
    border-radius: 2px;
}

.tournament__top{
    position: relative;
    width: 100%;
    height: 250px;
    background-color: black;
}

.tournament__bg{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.35;
}

.tournament__header{
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
}

.tournament__header-text{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.tournament__title{
    font-size: 2.5em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 20px;
}

.tournament__div{
    font-size: 1.5em;
}

.tournament__location{
    font-size: 1.5em;
}

.tournament__wrapper{
    overflow: hidden;
}

.tournament__menus-bg{
    background-color: #212121;
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.6);
    text-align: center;
    height: 50px;
}

.tournament__menus{
    display: inline-block;
}

.tournament__menu{
    color: white;
    float: left;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 1.3em;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.tournament__menu:hover{
    background-color: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.tournament__menu_selected{
    background-color: rgba(255, 255, 255, 0.1);
}

.tournament__content{
    padding: 20px 20px 5px 20px;
}

.tournament__block-title{
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
}

.tournament__block{
    margin-bottom: 20px;
}

.tournament__game{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}

.tournament__game-flag_right{
    right: 0
}

.tournament__game-date{
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 5px;
}

.tournament__game-teams{

}

.tournament__game-team{
    width: calc(50% - 40px);
    font-size: 1.2em;
}

.tournament__game-team img{
    display: inline-block;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    height: 15px;
    margin: 0 5px;
}

.tournament__game-team_left{
    float: left;
    text-align: right;
}

.tournament__game-team_right{
    float: right;
    text-align: left;
}

.tournament__game-score{
    font-size: 1.2em;
    width: 80px;
    float: left;
    text-align: center;
    font-weight: bold;
}

.tournament__roster-empty{
    font-size: 1.1em;
    text-align: center;
    padding: 20px 0 100px 0;
}

.tournament__teams{
    text-align: center;
}

.tournament__teams img{
    height: 40px;
    margin: 0 10px 10px 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.tournament__teams img:hover{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.tournament__team-item{
    display: inline-block;
    font-size: 1.3em;
    margin: 0 20px 20px 0;
}

.tournament__team-item img{
    float: left;
}

.tournament__team-name{
    display: inline-block;
    padding-top: 8px;
}

.tournament__players{
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.tournament__position-label{
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.tournament__player{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 10px 0 10px 10px;
}

.tournament__player-num{
    float: left;
    width: 35px;
    line-height: 35px;
    font-weight: bold;
    color: #03A9F4;
    text-align: center;
}

.tournament__player-photo{
    float: left;
}

.tournament__player-photo img{
    float: left;
    border-radius: 50%;
    height: 35px;
    margin-left: 5px;
}

.tournament__player-name{
    float: left;
    padding-left: 15px;
    line-height: 35px;
    vertical-align: middle;
    width: 250px;
}

.tournament__player-school{
    float: right;
    text-align: right;
    padding-right: 20px;
    width: 150px;
    line-height: 35px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.6)
}

.tournament__player-dob{
    float: left;
    width: 110px;
    min-height: 20px;
    line-height: 35px;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.6)
}

.ticket__error{
    padding: 0 0 30px 10px;
}

.ticket{
    float: left;
    width: 200px;
    margin: 0 10px 20px 10px;
}

.ticket img{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
    border-radius: 3px;
}

.ticket__buy{
    border-radius: 3px;
    text-transform: uppercase;
    color: white;
    background-color: #4CAF50;
    padding: 10px;
    text-align: center;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
}

.ticket__buy:hover{
    cursor: pointer;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.4);
    -webkit-transition: -webkit-box-shadow 0.25s ease-out;
    -moz-transition: -moz-box-shadow 0.25s ease-out;
    transition: 0.25s ease-out;
    background-color: #50be54;
}

.lp__game_line{
    display: flex;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    align-items: baseline;
}

.lp__game_left{
    position: relative;
    width: 50%;
    display: flex;
    align-items: baseline;
    font-size: 0.9em;
}

.lp__game_notif{
    position: absolute;
    background-color: #FFEBEE;
    border: 1px solid #EF9A9A;
    color: #B71C1C;
    text-align: center;
    border-radius: 10px;
    width: 100%;
}

.lp__game_notif-text{
    padding: 10px;
}

.lp__game_left_time{
    width: 20%;
    color: rgba(0, 0, 0, 0.5);
}

.lp__game_left_team{
    width: 40%;
    text-align: center;
    padding: 0 5px;
}

.lp__team_button{
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lp__team_button-active{
    background-color: #388E3C; !important;
    color: #E8F5E9;
}

.lp__team_button-inactive{
    background-color: #EEEEEE;
    color: #6a6a6a;
}

.lp__game_right{
    width: 50%;
    font-size: 0.8em;
    align-items: baseline;
}

.bet__page-header{
    position: relative;
    background-image: url('../images/ui/bet_image2.jpg?v=2');
    background-size: cover;
    width: 100%;
    padding-bottom: 30%;
}

.bet__account-id a{
    color: #b10013;
}

.bet__account-id input{
    float: left;
    width: 140px;
    padding: 4px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    font-size: 1.5em;
    margin-right: 15px;
}

.bet__coefs-wrapper{
    width: 352px;
    padding-top: 10px;
    margin-left: 65px;
    text-align: center;
    clear: both;
    font-size: 0.8em;
}

.bet__coefs{
    display: inline-block;
}

.bet__your-points{
    font-size: 1.2em;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    color: white;
}

.bet__your-points i{
    padding: 0 5px 0 0;
    float: left;
}

.bet__recount{
    float: right;
    padding-top: 5px;
}

.bet__section{
    padding: 0 0 20px 0;
}

.bet__title{
    font-size: 1.5em;
    color: #B71C1C;
    padding-bottom: 15px;
}

.bet__text p:last-child{
    margin-bottom: 0;
}

.bet__games-empty-state{
    color: #263238;
    background-color: #ECEFF1;
    border: 1px solid #CFD8DC;
    padding: 15px;
    margin: 20px 0;
}

.bet__current-day{
    float: left;
    font-size: 1.25em;
    color: #73000c;
}

.bet__date{

}

.bet__switch-days{
    float: right;
    padding: 4px 0 10px 0;
}

.bet__switch-day{
    cursor: pointer;
    display: inline-block;
    color: rgba(0, 0, 0, 0.75);
}

.bet__switch-day:hover{
    color: #00aced;
}

.bet__switch-day_prev i{
    float: left;
}

.bet__switch-day_prev{
    margin-right: 15px;
}

.bet__switch-day_next i{
    float: right;
}

.bet__user-tour{
    margin-bottom: 40px;
}

.bet__user-tour:last-child{
    margin-bottom: 0;
}

.bet__user-tour_title{
    font-size: 1.2em;
}

.bet__user-tour_dates{
    margin: 10px 0;
    color: rgba(0, 0, 0, 0.5);
}

.bet__game-item{
    padding: 10px 0 8px 0;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}

.bet__game-last-item{
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.bet__game-total-hours{
    text-align: right;
    font-size: 1.1em;
}

.bet__game-total-points{
    width: 160px;
    text-align: right;
    font-size: 1.1em;
}

.bet__games-block-title{
    font-size: 1.2em;
    margin-bottom: 20px;
}

.bet__games-block-title a{
    color: #1e88e5;
}

.bet__hide_for_desktop{
    display: none;
}

.bet__game-item2{
    padding: 10px 0 8px 0;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    position: relative;
}

.bet__game-item-notif{
    display: none;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFCDD2;
    text-align: center;
    opacity: 0.95;
    color: #B71C1C;
}

.bet__game-item-notif-text{
    padding: 12px;
}

.bet__game-item_header{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.bet__game-item-save{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 15px 0;
}

.bet__game-item-save2{
    padding: 15px 0 0 0;
    text-align: right;
}

.bet__game-time{
     float: left;
     width: 10%;
     padding-top: 2px;
}

.bet__game-time2{
    width: 20%;
    padding-top: 2px;
}

.bet__game-score{
    float: left;
    width: 15%;
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
}

.bet__game-team{
    float: left;
    width: 25%;
    padding-top: 2px;
}

.bet__game-team2{
    width: calc((80% - 171px)/2);
    padding-top: 2px;
}

.bet__game-team_home{
    text-align: right;
}

.bet__game-team_guest{
    text-align: left;
}

.bet__game-predict{
    float: left;
    width: 15%;
    text-align: center;
}

.bet__selected_team-correct{
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #2E7D32;
    color: white;
}

.bet__selected_team-wrong{
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #C62828;
    color: white;
}

.bet__game-predict2{
    width: 80px;
    padding-left: 8px;
    text-align: center;
}

.bet__stub{
    float: left;
    display: none;
}

.bet__score-info{
    float: left;
    text-align: center;
    width: 10%;
    min-height: 5px;
}

.bet__score-info2{
    text-align: center;
    width: 75px;
    padding-right: 8px;
    min-height: 5px;
}

.bet__game-points-line{
    float: right;
}

.bet__game-started{
    float: left;
    width: 30%;
    text-align: center;
}

.bet__game-made-predict{

}

.bet__game-made-predict-info{
    padding: 3px 3px;
    border-radius: 3px;
    color: white;
    background-color: #00aced;
}

.bet__game-no-predict{
    float: left;
    text-align: center;
    width: 30%;
    color: #EF9A9A;
}

.bet__game-points{
    float: left;
    width: 10%;
    text-align: right;
}

.bet__score-info-option{
    padding: 3px 5px;
    border: none;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

.bet__score-info-disabled{
    background-color: white !important;
    color: black !important;
    font-weight: bold;
}

.bet__score-info-option-able{
    cursor: pointer;
}

.bet__score-info-option-able:hover, .bet__score-info-option_selected{
    color: white;
    background-color: #00aced;
}

.bet__score-input{
    width: 20px;
    padding: 2px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

.bet__score-input:disabled{
    border: none;
    background-color: white;
    color: black;
    font-weight: bold;
}

.bet__save_all_predictions_message{
    margin-right: 15px;
    padding: 8px 20px;
    border-radius: 3px;
}

.bet__save_all_predictions_message_success{
    background-color: #E8F5E9;
    border: 1px solid #A5D6A7;
    color: #1B5E20;
}

.bet__save_all_predictions_message_fail{
    background-color: #FFEBEE;
    border: 1px solid #EF9A9A;
    color: #B71C1C;
}

.bet__rating{

}

.rating__more{
    margin: 5px 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

.rating__more:hover{
    opacity: 0.8;
}

.bet__rating-item_header{
    font-weight: bold;
    color: rgba(0,0,0,0.5);
    border-top: none !important;
}

.bet__rating-item{
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    border-radius: 3px;
}

.bet__rating-item_selected{
    color: #B71C1C;
    background-color: #FFEBEE;
    font-weight: bold;
}

.bet__rating-item-place{
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 10%;
}

.bet__rating-item-username{
    float: left;
    width: 40%;
}

.bet__rating-item-username a:hover, .bet__all-rating-link a:hover{
    color: #00aced;
}

.bet__rating-item-points{
    float: right;
    width: 10%;
    text-align: right;
}

.bet__all-rating-link{
    float: right;
}

.bet__all-rating-link i{
    float: right;
}

.bet__rating-ps{
    padding-top: 10px;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
    font-size: 0.9em;
}

.bet__total-points{
    padding: 10px 0 0 0;
    text-align: right;
    font-size: 1.2em;
}

.bet__prizes{
    padding-top: 15px;
}

.bet__promo-card{
    background-color: #6a0b16;
    box-shadow: 0 1px 2px 0 #cfd0d3, 0 0 0 1px #e3e4e8;
    margin-bottom: 15px;
}

.bet__promo-title{
    color: white;
    font-size: 1.2em;
    padding-bottom: 20px;
}

.bet__promo-body{
    display: flex;
    color: white;
}

.bet__promo-footer{
    padding-top: 20px;
    display: flex;
}

.bet__promo-team{
    font-size: 1.2em;
    padding-right: 15px;
}

.bet__promo-input{
    width: 30px;
    padding: 2px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 1.2em;
    margin-right: 10px;
}

.bet__stepper-line{
    display: flex;
    margin: 10px 0;
}

.bet__stepper-line-past{
    color: #4e4e4e;
}

.bet__stepper-line-past:hover{
    color: #1e88e5;
}

.bet__stepper-circle{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b71c1c;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: white;
    margin-right: 15px;
    font-size: 0.8em;
}

.bet__stepper-circle-past{
    background-color: #535353;
}

.bet__stepper-circle-ready{
    background-color: #1B5E20;
}

.bet__stepper-right{
    display: flex;
    align-items: center;
}

.bet__tour_result-lines{
}

.bet__tour_result-line{
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bet__tour_result-line-title{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
}

.bet__tour_result-place{
    width: 10%;
}

.bet__tour_result-user{
    width: 55%;
}

.bet__tour_result-user img{
    height: 20px;
    float: left;
    margin-right: 8px;
}

.bet__tour_result-time{
    width: 20%;
    text-align: center;
}

.bet__tour_result-points{
    width: 15%;
    text-align: right;
}

/*************** BLOG ***************/

.blog__navs{
    padding: 10px 0;
}

.blog__nav-item{
    padding: 10px 20px;
    cursor: pointer;
}

.blog__nav-item_selected{
    background-color: #e4e9ee;
    border-left: solid #0288d1 2px;
    padding: 10px 20px 10px 18px;
}

.blog__nav-item:hover{
    background-color: #e4e9ee;
}

.blog__author-name{
    font-size: 1em;
    font-weight: bold;
    color: #5e5e5e;
}

.blog__author-name img{
    float: left;
    height: 16px;
    margin-right: 5px;
}

.blog__author-block{
    position: relative;
}

.blog__author-bg{
    position: relative;
    background-color: black;
    overflow: hidden;
    padding-bottom: 35%;
}

.blog__author-bg-img{
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    padding-bottom: 45%;
    background-size: cover;
    background-position: center;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    opacity: 0.75;
}

.blog__author-ava{
    position: absolute;
    top: calc(100% - 80px);
    left: calc(50% - 80px);
}

.blog__author-ava img{
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,0.6);
}

.blog__user-info{
    text-align: center;
    overflow: hidden;
    margin-top: 80px;
    padding: 20px 0;
}

.blog__author-username{
    display: inline-block;
    font-size: 1.5em;
}

.blog__author-username img{
    float: left;
    height: 28px;
    margin-right: 8px;
}

.blog__banned{
    float: left;
    border-radius: 3px;
    color: white;
    margin-right: 10px;
    padding: 5px 10px;
    background-color: #F44336;
    text-transform: uppercase;
    font-size: 0.6em !important;
}

.blog__read-title{
    font-size: 1.2em;
    font-weight: bold;
    padding: 20px;
    border-bottom: solid #cecece 1px;
}

.blog__read-links{

}

.blog__post-author{
    margin-left: 10px;
    display: inline-block;
}

.blog__tips{
    padding: 20px;
}

.blog__tips p:last-child{
    margin-bottom: 0;
}

.blog__title{
    padding: 20px;
    font-size: 1.25em;
    font-weight: bold;
}

.blog__summary{
    padding: 0 20px 20px 20px;
}

.blog__image{
    padding-bottom: 20px;
}

.blog__image img{
    width: 100%;
}

.blog__edit{
    display: inline-block;
    margin-left: 5px;
}

.blog__edit img{
    height: 14px;
    opacity: 0.6;
}

.blog__attach-image{
    padding: 0 20px 10px 20px;
}

.blog__attach-image-button{
    display: inline-block;
    color: white;
    padding: 10px 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    cursor: pointer;
    margin: 0 10px 10px 0;
}

.blog__attach-image-button_blue{
    background-color: #01579B;
}

.blog__attach-image-button_green{
    background-color: #00796B;
}

.blog__attach-image-button_gray{
    background-color: #616161;
}

.blog__attach-image-button:hover{
    opacity: 0.9;
}

.blog__crop-image-buttons{
    padding: 0 20px 10px 20px;
}

.blog__more{
    margin-top: 15px;
}

.blog__more a{
    font-weight: bold;
    color: #01579B;
}

.blog__more a:hover{
    color: #0288D1;
}

.blog__bottom-right{
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}

.blog__access{
    float: left;
    padding: 8px 0;
}

.blog__access-item{
    float: left;
    margin-left: 5px;
}

.blog__rating{
    float: right;
    font-size: 2em;
    font-weight: bold;
    color: #CFD8DC;
    margin-left: 10px;
}

.blog__likes{
    float: left;
}

.blog__like-button{
    border: 1px solid #CFD8DC;
    background-color: #ECEFF1;
    color: #607D8B;
    float: left;
    padding: 8px 18px;
    border-radius: 3px;
    cursor: pointer;
}

.blog__like-button_liked{
    background-color: #01579B;
    color: white;
}

.blog__like-button_liked i{
    color: white !important;
}

.blog__like-button i{
    float: left;
    margin: 3px 10px 0 0;
    color: #607D8B;
}

.blog__likes-num{
    float: left;
    padding: 8px 12px;
    border: 1px solid #CFD8DC;
    background-color: #ECEFF1;
    border-radius: 3px;
    margin-left: 10px;
    color: #607D8B;
    font-weight: bold;
}

.blog__popular{
    padding: 10px 0;
}

.blog__popular-item{
    padding: 10px 20px;
}

.blog__popular-item img{
    width: 100%;
    margin-bottom: 5px;
    border-radius: 3px;
}

/*************** ADVERTISEMENT ***************/

.window__1xbet{
    position: relative;
    margin-top: 45px;
}

.window__1xbet-menu{
    position: absolute;
    top: -35px;
    color: white;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
}

.window__1xbet-close{
    position: absolute;
    right: -25px;
    top: -25px;
    cursor: pointer;
}

.window__1xbet-image{
    width: 800px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
}

.window__fonbet-image{
    width: 600px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
}

.window__olimpbet-image{
    width: 800px;
    height: 800px;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
}

.window__1xbet-image img{
    display: block;
}

.comments-1xbet{
    display: inline-block;
    margin: 20px;
    background-color: #1a5685;
    transform: skew(-10deg);
}

.comments-1xbet__logo{
    float: left;
    background-color: #0c2f4b;
}

.comments-1xbet__logo img{
    height: 15px;
    padding: 15px 20px;
    transform: skew(10deg);
}

.comments-1xbet__text{
    transform: skew(10deg);
    float: left;
    color: white;
    padding: 15px;
    margin-left: 5px;
    text-align: center;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }


/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }

/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }

/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }


/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../fonts/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}