.NavigationArrow {
    /*background-image: url('https://www.favbet.com/static/background/myarrow.png');
    width: 12px;
    height: 12px;
    float: right;
    margin: 10px 5px 0px;*/
}

.backgg /*last background*/
{
    /*background-image: url('https://www.favbet.com/static/media/themes/infopage/casino.jpg'); */
    /*background-repeat: no-repeat; */
    /*background-attachment: fixed; */
    /*background-position: 50% 0;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/

}

.backgg {
    background: var(--betslip_bg_color_1);
    padding: 10px 20px 30px;
}

.mywrap {
    max-width: 1024px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.feedarticle /*main content*/
{
    background: var(--txt_color_5);
    float: left;
    width: 1024px;
    /*width: 73%;*/
}

.feedarticle a {
    color: var(--accent_color_3);
}

.startline /*Line for h1 and h2*/
{
    display: none;
    text-align: center;
    border-bottom: 1px solid #FFF;
    margin: -2% 41% 1.5% 41%;;
}

.article {
    position: relative;
}

.article h1 {
    z-index: 9;
    width: 100%;
    position: absolute;
    top: 0;
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin-top: 18px;
    text-shadow: 2px 2px 2px #153768;
}

.articletext {
    margin: 0 15px 10px 15px;
    line-height: 19px !important;
    color: var(--txt_color_3);
}

.articletext p {
    padding: 15px 0;
    font-size: 14px;
    color: var(--txt_color_3);
    line-height: 19px !important;
}

.articletext .cimg {

}

.cimg {
    /* max-width: 675px; */
    margin: 0 auto
}

.cimg img {
    width: 100%;
}

.articletext .cimg:first-child {
    margin: 0 -15px;
    padding: 0;
    filter: brightness(40%);
}

.articletext .cimg:first-child img {
    width: 100%;
}

.articletext ul {
    padding-left: 21px;
}

.articletext ul li, .articletext ol {
    font-size: 14px;
    list-style: circle !important;
    color: var(--txt_color_3);
}

/*button for bet*/
a.demo:hover {
    /* background: #B13843;*/
}

a.demo {
    outline: 0 none;
    border: 0 none;
    background: var(--btn_primary_bg_color_1);
    /*-webkit-box-shadow: #7e0033 0 2px 0;*/
    /*-moz-box-shadow: #7e0033 0 2px 0;*/
    /*box-shadow: #7e0033 0 2px 0;*/
    /*background: #ef146e;*/
    /*background: -moz-linear-gradient(to bottom,#ef146e,#a70044);*/
    /*background: -webkit-gradient(to bottom,#ef146e 0,#a70044);*/
    /*background: -webkit-linear-gradient(to bottom,#ef146e 0,#a70044);*/
    /*background: -o-linear-gradient(to bottom,#ef146e 0,#a70044);*/
    /*background: -ms-linear-gradient(to bottom,#ef146e 0,#a70044);*/
    /*background: linear-gradient(to bottom,#ef146e 0,#a70044);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=$from,endColorstr=$to);*/
    text-shadow: none;
    color: var(--btn_primary_txt_color_1);
    font-size: 16px;
    padding: 14px;
    text-align: left;
    text-decoration: none;
    border-radius: var(--b-border-radius-xs);
    float: right;
    margin-top: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

a.demo:hover {
    background: var(--btn_primary_bg_hover_1);
    color: var(--btn_primary_txt_hover_1);
}

/*end button for bet*/

.menu_sport /*оболочка*/
{
    width: 23%;
    float: left;
    margin-right: 5px;
}

.msl .menu_sport {
    display: none;
}

.menu_sport .ms_body {
    padding-top: 1px;
}

ul.sportslist {
    list-style: none;
    font-size: 13px;
    /*border-radius: 0 0 4px 4px;*/
    /*background-color: #e6ebf4;*/
    /*padding: 14px 8px 8px;*/
    color: var(--txt_color_3);
    font-size: 12px;
}

ul.sportslist li.sprt {
    width: auto;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px;
    background-color: #fff;
}

.ttt {
    float: left;
    overflow: hidden;
}

ul.sportslist li.sprt a {
    display: flex;
    align-items: center;
    height: 40px;
    /*height: 32px;*/
    line-height: 32px;
    text-decoration: none;
    padding-left: 10px;
    font-size: 0.95em;
    font-family: Helvetica, Arial;
    /*border-top: 1px solid #e6ebf4;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
}

.dark ul.sportslist li.sprt a {
    background: #3f3f3f;
}

.dark ul.sportslist li.sprt a:hover {
    background-color: #585858;
}

.light ul.sportslist li.sprt a {
    background: #ababab;
}

.light ul.sportslist li.sprt a:hover {
    background-color: #9c9c9c;
}

/*Icons start*/
.sportslist img.icons {
    margin: 6px 5px 0 5px;
    float: left;
    padding: 0;
}

.icons.sport1 { /*background-position: -76px 0;*/
}

img.icons { /*background-image: url("https://www.favbet.com/static/themes/default/img/sporticons.png"); background-repeat: no-repeat; height: 19px;  margin: 0; width: 19px; vertical-align: middle;*/
}

.icons.sport23 {
    background-position: -133px 0;
}

.icons.sport2 {
    background-position: -95px 0;
}

.icons.sport39 {
    background-position: -38px -19px;
}

.icons.sport51 {
    background-position: -152px -19px;
}

.icons.sport20 {
    background-position: -114px -19px;
}

.icons.sport24 {
    background-position: -19px -19px;
}

.icons.sport26 {
    background-position: -57px -38px;
}

.icons.sport52 {
    background-position: -171px -58px;
}

.icons.sport74 {
    background-position: -19px -132px;
}

.icons.sport71 {
    background-position: 0 -133px;
}

.icons.sport61 {
    background-position: -38px -38px;
}

.icons.sport79 {
    background-position: -19px -57px;
}

.icons.sport25 {
    background-position: -133px -114px;
}

.icons.sport76 {
    background-position: -133px -38px;
}

.icons.sport84 {
    background-position: -95px -38px;
}

.icons.sport68 {
    background-position: -57px -171px;
}

.icons.sport85 {
    background-position: -152px -76px;
}

.icons.sport89 {
    background-position: -171px -152px;
}

.icons.sport101 {
    background-position: -171px -77px;
}

.icons.sport102 {
    background-position: 0 -170px;
}

.icons.sport103 {
    background-position: -172px -1px;
}

.icons.sport104 {
    background-position: -38px -115px;
}

/*forex*/
.icons.sport105 {
    background-position: -58px -76px;
}

/*Formula1*/
.icons.sport106 {
    background-position: -20px -170px;
}

/*velo*/
.icons.sport107 {
    background-position: -133px -57px;
}

/*sobaki*/
.icons.sport108 {
    background-position: -173px -40px;
}

/*horeses*/
.icons.sport109 {
    background-position: -114px -97px;
}

/*table tennis*/
.icons.sport110 {
    background-position: -77px -76px;
}

/*Badminton*/
.icons.sport111 {
    background-position: -77px -20px;
}

/*lijnie gonki*/
.icons.sport112 {
    background-position: -95px -21px;
}

/*MOTO*/
.icons.sport113 {
    background-position: -39px -95px;
}

/*vodnoe polo*/
.icons.sport114 {
    background-position: -133px -96px;
}

/*lehkaya + taj atletika*/
.icons.sport115 {
    background-position: -170px -133px;
}

/*darts*/
/*Icons end*/


/*Helpfull*/
.articletext img { /*float: left;*/
}

.sidebar .sportslist {
    margin-top: 0;
}

.article h2 {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center;
    color: var(--txt_color_3);
}

.article h3 {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    color: var(--txt_color_3);
}

.article h4 {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
    color: var(--txt_color_3);
}

.imgc {
    text-align: center;
}

.filtr, .down {
    display: none;
}

/*Helpfull end*/

/*Live*/
.live-bl-l {
    /* background: url("https://www.favbet.com/static/themes/default/img/bigbut-1.png") no-repeat scroll 50% 50% transparent;*/
    /*height: 36px;*/
    height: 50px;
}

.live-bl-l span {
    display: block;
    text-decoration: none;
    /*padding-left: 14px;*/
    padding: 8px 0 0 14px;
    position: relative;
    font-style: normal;
    font-stretch: normal;
    font-size: 14px;
    /*height: 36px;*/
    height: 50px;
    line-height: 36px;
    font-weight: 900;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
    /*border-radius: 4px;*/
    outline: 0 none;
    /*background-image: linear-gradient(to bottom,#1588ee 3%,#0367d3 98%);*/
    /*background-image: linear-gradient(to bottom,#1b52a2 3%,#17458c 98%);*/
    /*box-shadow: 0 1px 0 0 #0750a2;*/
    border: 0 none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.dark .live-bl-l span {
    background: #3f3f3f;
}

.live-bl-l h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    text-transform: uppercase;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding-left: 35px;
    padding-right: 30px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/*----*/
#nav li ul li ul li a {
    padding-left: 50px;
    background-color: #151515 !important;
    border-left: 1px solid #fff;
}

#nav li ul li ul li a:hover {
    background-color: #1F1F1F !important;


}

#nav li ul li a {

    height: 34px;
    cursor: pointer;
    margin-bottom: 1px;
    background-color: #1f1f1f;
    color: #ddd;
    padding-left: 40px;
    border-top: 1px solid #000;

}

#nav li ul li a:hover {
    background-color: #303030;
}

.kkk {

    background-color: #303030 !important;
}

#nav li div {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-family: Helvetica, Arial;
    box-shadow: 0 1px 2px 0 rgba(109, 133, 188, 0.1);
}

#nav li ul {

    clear: both;
}

.cimg {
    text-align: center;
}

.social_bl {
    float: left;
}

/*.articletext .cimg img {width:90%;}*/
/*.articletext.cimg:nth-child(1) img {width:100%;}*/
/*.articletext.cimg img:nth-child(1) {width:100%;}*/
.tid {
    display: none;
    cursor: pointer;
}

.tid div {
    width: 30px;
    height: 4px;
    background-color: #d20e61;
    margin: 5px 0;
    border-radius: 2px;
}

.hamburger {
    position: absolute;
    top: 6px;
    left: 230px;
    z-index: 999;
}

@media screen and (max-width: 5000px) {
    .tid {
        display: block;
    }

    .favbet-youtube {
        display: none;
    }

    .menu_sport {
        position: absolute;
        width: 197px;
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
    }

    .menu_sport1 {
        transform: none !important;
    }
}

@media screen and (max-width: 1050px) {
    html {
        overflow-x: hidden;
    }

    html .page-mob-ver .wrapper > .header {
        min-width: 100%;
    }

    html .page-mob-ver .footer-bl .footerdiv {
        width: 100%;
    }

    html .page-mob-ver .footer-bl .copyright {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    html .page-mob-ver .footer-bl .bottom--menu {
        width: 180px;
        margin: 0 auto;
        padding-top: 15px;
        padding-left: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        float: none;
    }

    html .page-mob-ver .wl-container {
        min-width: 100%;
    }

    html .page-mob-ver .wl-block__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    html .page-mob-ver .wl-block__item {
        width: 310px;
    }
}

@media screen and (max-width: 560px) {
    html .page-mob-ver .headerdiv {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    html .page-mob-ver .user--block {
        margin: 0 auto;
    }

    html .page-mob-ver .headerdiv .logo {
        margin: 0 auto;
    }
}

@media screen and (max-width: 345px) {
    html .page-mob-ver .tm_58 .paysystem--block {
        right: 118px;
    }
}

@media screen and (max-width: 1024px) {
    .feedarticle {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .tid {
        display: block;
    }

    .favbet-youtube {
        display: none;
    }

    .hamburger {
        left: -25px;
    }

    .hides {
        left: 230px;
        transition-duration: 0.74s;
    }

    .menu_sport {
        position: absolute;
        width: 197px;
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
    }

    .feedarticle {
        width: 98%;
    }

    .menu_sport1 {
        transform: none !important;
    }

    .feedarticle1 {
        transform: none !important;
    }
}

blockquote#bq {
    border: dotted #666 1px;
    border-left: solid #ff5a00 5px;
    margin: 10px 40px;
    padding: 15px;
    color: #333;
    font-style: italic;
    font-size: 14px;
    background: #ffffff;
}

.favbet-youtube .youtube_btn a {
    text-decoration: none;
    color: #fff;
}

.wrapp_menu_sport-li {
    float: left;
    position: relative;
    float: unset;
    height: 0;
}

.wrapp_menu_sport {
    float: left;
}

.droppdown {
    position: absolute;
    top: 4px;
    left: 240px;
    padding: 5px;
    z-index: 999;
    font-size: 0;
    transition-duration: 0.4s;
}

.droppdown .fa {
    font-size: 12px;
}

.droppdown:hover {
    cursor: pointer;
}

.menu_sport {
    z-index: 99;
    width: 260px;
    margin-bottom: 10px;
    transition-duration: 0.7s;
}

.droppblock {
    position: absolute;
    top: -660px;
    left: 262px;
    width: 260px;
    height: 610px;
    overflow: hidden;
    padding: 20px 0;
    margin: 0;
    border-radius: 4px;
    background: #E6EBF4;
    color: #000;
    transition-duration: 0.6s;
    z-index: 999;
}

.dropp__list {
    position: relative;
    padding: 1px 10px;
}

.dropp__item {
    position: absolute;
    left: 10px;
    width: 92%;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 12px;
    padding: 10px 15px;
    z-index: 999;
    transition-duration: 0.5s;
}

.dropp__item_bg {
    z-index: 9999;
    padding-left: 30px;
    border-left: 3px solid #50E2D6;
    height: 36px;
    top: -110px;
    transition-duration: 0.5s;
    background: 0;
}

.dropp__item:active {
}

.dropp__item:hover {
    padding-left: 30px;
    border-left: 3px solid #50E2D6;
    cursor: pointer;
}

.dropp__item1 {
    top: 0;
}

.dropp__item2 {
    top: 36px;
}

.dropp__item3 {
    top: 72px;
}

.dropp__item4 {
    top: 108px;
}

.dropp__item5 {
    top: 144px;
}

.dropp__item6 {
    top: 180px;
}

.dropp__item7 {
    top: 216px;
}

.dropp__item8 {
    top: 252px;
}

.dropp__item9 {
    top: 288px;
}

.dropp__item10 {
    top: 324px;
}

.dropp__item11 {
    top: 360px;
}

.dropp__item12 {
    top: 396px;
}

.dropp__item13 {
    top: 432px;
}

.dropp__item14 {
    top: 466px;
}

.dropp__item15 {
    top: 500px;
}

.widget_left {
    /*display: table-caption;*/
    width: 260px;
}

.hamburger .line {
    width: 23px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 3px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger:hover {
    cursor: pointer;
}

#hamburgers.is-active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3px;
}

#hamburgers.is-active .line:nth-child(2) {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#hamburgers .line:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}


#hamburgers.is-active .line:nth-child(2) {
    opacity: 0;
}

#hamburgers.is-active .line:nth-child(1),
#hamburgers.is-active .line:nth-child(3) {
    width: 14px;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
}

#hamburgers.is-active .line:nth-child(1) {
    -webkit-transform: translateY(15px) rotate(45deg);
    -ms-transform: translateY(15px) rotate(45deg);
    -o-transform: translateY(15px) rotate(45deg);
    transform: translateY(15px) rotate(45deg);
}

#hamburgers.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-15px) rotate(-45deg);
    -ms-transform: translateY(-15px) rotate(-45deg);
    -o-transform: translateY(-15px) rotate(-45deg);
    transform: translateY(-15px) rotate(-45deg);
}

.boxer {
    width: calc(100% - 30px);
    display: table;
    border-collapse: collapse;
    margin: 20px 15px;
    font-size: 14px;
    color: #194482;
}

.boxer .box-row {
    display: table-row;
    border-bottom: 1px solid rgba(177, 177, 177, 0.39);

}

.boxer .box {
    display: table-cell;
    text-align: left !important;
    vertical-align: top;
    /*border: 1px solid black;*/
    padding: 4px;
}

.fsw-wrap {
    display: none;
    margin-bottom: 6px;
    font-size: 10px;
    margin-top: 19px;
}

.fsw-title,
.fsw-wrap.-show {
    display: block
}

.fsw-title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .4px;
    overflow: hidden;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px 4px 0 0;
    outline: 0 none;
    border: 0;
    outline: medium none;
    text-decoration: none;
    color: #fff;
    background: #3179fd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .1)), to(rgba(0, 0, 0, .05))), -webkit-gradient(linear, left top, left bottom, from(#3179fd), to(#3179fd));
    background-image: -o-linear-gradient(hsla(0, 0%, 100%, .1), rgba(0, 0, 0, .05)), -o-linear-gradient(#3179fd, #3179fd);
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), rgba(0, 0, 0, .05)), linear-gradient(#3179fd, #3179fd);
    padding-left: 10px;
    padding-right: 10px
}

.fsw-events {
    padding-left: 0px !important;
}

.fsw-header {
    background-color: #ebf2fe;
    color: #5378af
}

.fsw-header,
.fsw-row {
    border-left: 1px solid #d1d7e5;
    border-right: 1px solid #d1d7e5;
    border-bottom: 1px solid #d1d7e5
}

.fsw-row {
    display: table;
    width: 100%;
    overflow: hidden
}

.fsw-row.-header {
    border: 0
}

.fsw-main {
    padding-left: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: middle
}

.fsw-column {
    width: 150px;
    display: table-cell;
    vertical-align: top
}

.fsw-column.-pleft {
    padding-left: 6px
}

.fsw-column.-borderless {
    border: 0
}

.fsw-column > li {
    float: left;
    width: 33.3%
}

.fsw-cell {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    line-height: 28px
}

.fsw-event:hover {
    cursor: pointer;
    background-color: #fafbfe
}

.fsw-event-main {
    color: #1e375c;
    font-size: 12px;
    max-height: 54px
}

.fsw-event-names {
    padding-top: 4px;
    line-height: 1.2
}

.fsw-event-names span {
    display: block;
    white-space: nowrap;
    position: relative
}

.fsw-event-names span,
.fsw-event-time-line {
    font-weight: 500;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.fsw-event-time-line {
    padding-right: 3px;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: #5378af
}

.fsw-event-position {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.fsw-event-position span {
    display: inline-block;
    padding-right: 3px;
    margin-right: 3px;
    position: relative
}

.fsw-event-position span:before {
    content: "#"
}

.fsw-event-position span:after {
    right: 0;
    top: 5px;
    bottom: 5px;
    content: "";
    position: absolute;
    width: 1px;
    background-color: #5378af
}

.fsw-event-date {
    vertical-align: top;
    display: inline-block;
    padding-right: 3px;
    margin-right: 3px;
    position: relative
}

.fsw-event-date:after {
    right: 0;
    top: 5px;
    bottom: 5px;
    content: "";
    position: absolute;
    width: 1px;
    background-color: #5378af
}

.fsw-event-time {
    vertical-align: top;
    display: inline-block
}

.fsw-event-column {
    border-right: 1px solid #d1d7e5
}

.fsw-event-cell {
    border-left: 1px solid #d1d7e5
}

.fsw-event-cell label {
    color: #1e375c;
    background-color: #fafbfe;
    position: relative;
    display: block
}

.fsw-event-cell label u {
    display: none
}

.fsw-event-cell label span {
    padding-right: 40px;
    padding-left: 5px;
    display: none;
    font-weight: 600;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fsw-event-cell label div,
.fsw-event-cell label span {
    color: inherit;
    height: 54px;
    font-size: 12px;
    overflow: hidden
}

.fsw-event-cell label div {
    border: 0;
    position: relative;
    width: 100%;
    line-height: 54px;
    font-weight: 700
}

.fsw-event-cell label.-thin,
.fsw-event-cell label div {
    background-color: rgba(0, 0, 0, 0)
}

.fsw-event-cell label.-thin div {
    font-weight: 400
}

.sections .section:last-child .events .event:last-child {
    border-radius: 0 0 4px 4px
}

@media (max-width: 800px) {
    .fsw-column.-total {
        display: none
    }
}

@media (max-width: 680px) {
    .fsw-column.-handicap {
        display: none
    }
}

/* Mob Version */
@media screen and (max-width: 1050px) {
    html {
        overflow-x: hidden;
    }

    html .page-mob-ver .wrapper > .header {
        min-width: 100%;
    }

    html .page-mob-ver .footer-bl .footerdiv {
        width: 100%;
    }

    html .page-mob-ver .footer-bl .copyright {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    html .page-mob-ver .footer-bl .bottom--menu {
        width: 180px;
        margin: 0 auto;
        padding-top: 15px;
        padding-left: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        float: none;
    }

    html .page-mob-ver .wl-container {
        min-width: 100%;
    }

    html .page-mob-ver .wl-block__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    html .page-mob-ver .wl-block__item {
        width: 310px;
    }
}

@media screen and (max-width: 560px) {
    html .page-mob-ver .headerdiv {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    html .page-mob-ver .user--block {
        margin: 0 auto;
    }

    html .page-mob-ver .headerdiv .logo {
        margin: 0 auto;
    }
}

@media screen and (max-width: 345px) {
    html .page-mob-ver .tm_58 .paysystem--block {
        right: 118px;
    }
}

.articletext .cimg:first-child {
    margin: 0 -15px;
    padding: 0;
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
    min-width: unset;
    max-width: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 320px;
    height: auto;
    overflow: hidden;
}

.articletext .cimg {
    max-width: 685px;
}


.page-info-wrapp {
    width: 100%;
    position: absolute;
    top: 64px;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
}

.page-info {
    position: relative;
    width: 225px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: sp;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.page-info-wrapp h1 {
    position: unset;
    font-size: 37px;
    max-width: 812px;
    z-index: unset;
}

.page-info__social a {
    width: 100px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    background: #4267b1;
    text-decoration: none;
    color: #fff;
}

.page-info__social a:hover {
    background: #314e88;
}

.page-info__views {
    position: relative;
}

.page-info__views::before {
    content: "\e024";
    position: absolute;
    bottom: 0;
    left: -28px;
    right: 0;
    width: 100%;
    text-align: center;
    height: 17px;
    line-height: 15px;
    font-family: favfont;
    color: #ffffff;
    font-size: 17px;
}

.page-info__reading {
    position: relative;
}

.page-info__reading::before {
    content: "\e002";
    line-height: 1;
    position: absolute;
    top: 2px;
    left: -15px;
    font-family: favfont;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}

@media screen and (max-width: 1023px) {
    .page-info-wrapp h1 {
        font-size: 26px;
    }
}

@media screen and (max-width: 800px) {
    .feedarticle {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .page-info-wrapp h1 {
        font-size: 20px;
    }

    .page-info-wrapp .page-info {
        margin-top: 12px;
    }
}

.page-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* -------------------- */

.pageSlider {
    width: 1024px;
    height: 135px;
    margin-bottom: 8px;
    padding-top: 2px;
    display: none!important;
}

.pageSlider .wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.pageSlider .items {
    width: 10000px;
    position: relative;
    top: 0;
    left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pageSlider .items.shifting {
    -webkit-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
}

.pageSlider .slide {
    width: 256px;
    height: 135px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative;
}

.pageSlider .slide img {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
}

@media screen and (max-width: 1024px) {
    .pageSlider {
        width: 100%;
        height: auto;
    }

    .pageSlider .slide {
        height: auto;
    }
}

@media screen and (max-width: 370px) {
    .page-info-wrapp h1 {
        font-size: 16px;
        margin-top: -44px;
    }

    .tm_58 .paysystem--block {
        right: 112px !important;
    }

    a.demo {
        font-size: 12px;
    }
}