/*-------------------- FONTS --------------------*/
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe-Light/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Light/Circe-Light.woff') format('woff'),
    url('../fonts/Circe-Light/Circe-Light.ttf')  format('truetype'),
    url('../fonts/Circe-Light/Circe-Light.svg#Circe-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe-Regular/Circe-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Regular/Circe-Regular.woff') format('woff'),
    url('../fonts/Circe-Regular/Circe-Regular.ttf')  format('truetype'),
    url('../fonts/Circe-Regular/Circe-Regular.svg#Circe-Light') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe-Bold/Circe-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-Bold/Circe-Bold.woff') format('woff'),
    url('../fonts/Circe-Bold/Circe-Bold.ttf')  format('truetype'),
    url('../fonts/Circe-Bold/Circe-Bold.svg#Circe-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Circe';
    src: url('../fonts/Circe-ExtraBold/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Circe-ExtraBold/Circe-ExtraBold.woff') format('woff'),
    url('../fonts/Circe-ExtraBold/Circe-ExtraBold.ttf')  format('truetype'),
    url('../fonts/Circe-ExtraBold/Circe-ExtraBold.svg#Circe-ExtraBold') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/GothamPro/GothamPro-Black.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamPro/GothamPro-Black.woff") format("woff"),
    url("../fonts/GothamPro/GothamPro-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
/*-------------------- Resete styles --------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline;
}
html{
    line-height:1;
}
ol, ul{
    list-style:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
th, td{
    text-align:left;
    font-weight:normal;
    vertical-align:middle;
}
a img{
    border:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
    display:block;
}
strong, b{
    font-weight:700;
}
/*-------------------- Default styles --------------------*/
html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
body{
    color:#fff;
    line-height:1.2;
    font-size:14px;
    font-family:'Circe', sans-serif;
    font-weight: 400;
    min-width: 320px;
    background-color: #032838;
    background-image: url(../img/bg-body.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100vh;
}
*{
    box-sizing:border-box;
    outline:none !important;
}
*:before, *:after{
    box-sizing:border-box;
}
.hide{
    display:none;
}
b, strong{
    font-weight:bold;
}
button, input[type="button"], input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer;
}
button[disabled], html input[disabled]{
    cursor:default;
}
button::-moz-focus-inner, input::-moz-focus-inner{
    padding:0;
    border:0;
}
a{
    color: #C10E10;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
/*-------------------- Bootstrap styles --------------------*/
.clearfix:before, .clearfix:after, .row:before, .row:after{
    display:table;
    content:"";
    clear:both;
}
.container{
    margin-right:auto;
    margin-left:auto;
    position:relative;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width:768px){
    .container{
        width:750px;
    }
}
@media (min-width:992px){
    .container{
        width:970px;
    }
}
@media (min-width:1200px){
    .container{
        width:1170px;
    }
}
@media (min-width:1366px){
    .container{
        width:1200px;
    }
}
.container-fluid {
    margin-right:auto;
    margin-left:auto;
}
.row {
    clear:both;
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left;}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9 {width:75%}
.col-xs-8 {width:66.66666667%}
.col-xs-7 {width:58.33333333%}
.col-xs-6 {width:50%}
.col-xs-5 {width:41.66666667%}
.col-xs-4 {width:33.33333333%}
.col-xs-3 {width:25%}
.col-xs-2 {width:16.66666667%}
.col-xs-1 {width:8.33333333%}
@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left; }
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
}
@media (min-width:992px){
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}
    .col-md-12{width:100%}
    .col-md-11{width:91.66666667%}
    .col-md-10{width:83.33333333%}
    .col-md-9{width:75%}
    .col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}
    .col-md-6{width:50%}
    .col-md-5{width:41.66666667%}
    .col-md-4{width:33.33333333%}
    .col-md-3{width:25%}
    .col-md-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
}
@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}
    .col-lg-12{width:100%}
    .col-lg-11{width:91.66666667%}
    .col-lg-10{width:83.33333333%}
    .col-lg-9{width:75%}
    .col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}
    .col-lg-6{width:50%}
    .col-lg-5{width:41.66666667%}
    .col-lg-4{width:33.33333333%}
    .col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}
    .col-lg-1{width:8.33333333%}
}
.pull-right{float:right}
.pull-left{float:left}
.hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
.hidden{display:none}

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
/* ----- BUTTONS ------- */
.btn,
.instrukciya a{
    background-color: #c71416;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    height: 45px;
    border: 1px solid #ff0205;
    border-radius: 4px;
    display: inline-block;
    padding: 0 28px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    color: #fff;
    font-size: 12px;
}
.btn:hover,
.instrukciya a:hover{
    background-color: #ff0205;
}
.nav-btn{
    display:block;
    height:50px;
    position:absolute;
    right:0;
    top:0;
    width:60px;
    padding:10px 15px;
    display:block;
    z-index:2;
    overflow:hidden;
}
@media (min-width:768px){
    .nav-btn{
        display:none;
    }
}
.nav-btn span{
    background-color:#fff;
    height:2px;
    width:100%;
    display:block;
    margin:6px 0;
    position:relative;
    -webkit-transition:all 0.4s ease, visibility 0.1s ease;
    transition:all 0.4s ease, visibility 0.1s ease;
}
.nav-btn.active span{
    background-color:#000;
    height: 2px;
    -webkit-transform-origin:0;
    transform-origin:0;
}
.nav-btn.active span:first-child{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.nav-btn.active span:last-child{
    margin-top: 11px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.nav-btn.active span:nth-child(2){
    visibility:hidden;
}
/* ----- HEADER -----*/
header{
    padding-top: 20px;
    padding-bottom: 30px;
}
header .top-line{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 25px;
}
header .left-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
header .left-wrap .header-info{
    max-width: 202px;
    font-size: 12px;
    font-family: "Tahoma", sans-serif;
    display: inline-block;
    margin-left: 27px;
}
header .logo{
    max-width: 210px;
    width: 100%;
    display: block;
}
header .logo img{
    display: block;
    width: 100%;
    height: auto;
}
header .right-wrap,header .right-wrap .header-social{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
header .right-wrap .header-social a{
    opacity: .5;
    margin-left: 11px;
    max-width: 36px;
    width: 100%;
    display: block;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
header .right-wrap .header-social a:hover{
    opacity: 1;
}
header .right-wrap .header-social a img{
    display: block;
    width: 100%;
    height: auto;
}
header .right-wrap p{
    font-size: 12px;
    font-family: "Tahoma", sans-serif;
    display: inline-block;
    margin-right: 10px;
}
header .right-wrap{
    min-width: 262px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
header .menu-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.dropdown{
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}
.dropdown.active{
    margin-bottom: 90px;
}
.dropdown_kurs{
    display: none;
    left: 0;
    position: absolute;
    top: 105%;
    left: 50%;
    min-width: 150px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.dropdown_kurs a{
    display: block;
}
header .dropdown .dropdown_kurs a{
    padding-top: 0;
    padding: 15px 0
}
header .menu-list a{
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    position: relative;
    padding-top: 41px;
    display: block;
}
header .menu-list a:hover{
    color: #FF0003;
}
header .menu-list a img{
    position: absolute;
    display: block;
    max-width: 35px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    z-index: 1;
}
header .menu-list a img + img{
    opacity: 0;
    z-index: 2;
}
header .menu-list a:hover img{
    opacity: 0;
}
header .menu-list a:hover img + img{
    opacity: 1;
}
/* -------------- FOOTER---------------- */
footer{
    background-color: #000;
    padding: 25px 0 0;
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
}
footer .con-flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
footer .first-item{
    font-size: 12px;
    font-family: "Tahoma", sans-serif;
}
footer .first-item .footer-logo{
    max-width: 125px;
    display: block;
    margin-bottom: 13px;
}
footer .first-item .footer-logo img{
    width: 100%;
    height: auto;
    display: block;
}
footer .first-item a{
    color: #FFF;
}
footer .first-item a:hover,footer .footer-menu a:hover{
    color: #C10E10;
}
footer .footer-menu a{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    margin: 11px 0;
}
footer .footer-menu li:first-child a{
    margin-top: 15px;
}
footer .ddos-block{
    text-align: center;
}
footer .ddos-block img{
    max-width: 59px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
footer .ddos-block p{
    font-size: 12px;
}
footer .footer-social{
    text-align: right;
}
footer .footer-social p{
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    font-family: "Tahoma", sans-serif;
}
footer .footer-social .social-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
footer .footer-social .social-list a{
    opacity: .5;
    margin-left: 11px;
    max-width: 36px;
    width: 100%;
    display: block;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
footer .footer-social .social-list a:hover{
    opacity: 1;
}
/* -------------- SECTION MAIN (PAGE INDEX)---------------- */
.sidebar-currency{
    background-color: #ccd2d7;
    border-radius: 4px;
    color: #333;
    padding: 28px 0 6px;
}
.sidebar-currency h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 16px;
    position: relative;
    margin-left: 28px;
}
.sidebar-currency h3:before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #C10E10;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
}
.sidebar-currency .currency-list li{
    padding: 12px 28px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sidebar-currency .currency-list li:nth-child(2n - 1){
    background-color: #C5CACE;
}
.sidebar-currency .currency-list li:first-child{
    background-color: #ccd2d7;
    padding-bottom: 7px;
}
.sidebar-currency .currency-list li .title-currency{
    min-width: 55px;
    font-size: 16px;
    text-transform: uppercase;
}
.sidebar-currency .currency-list li .title-img{
    min-width: 20px;
}
.sidebar-currency .currency-list .title-unit{
    font-size: 14px;
    font-weight: 300;
    min-width: 80px;
    text-align: right;
}
.sidebar-currency .currency-list li:first-child .title-currency,.sidebar-currency .currency-list li:first-child .title-unit{
    width: 50%;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 6px;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
}
.sidebar-currency .currency-list li:first-child .title-unit{
    text-align: right;
}
.banner-slider .item-slider{
    min-height: 257px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
}
.banner-slider .item-slider .text-info{
    font-size: 16px;
    margin-top: 50px;
    margin-left:250px;
    max-width: 170px;
}
.banner-slider .item-slider .title-wrap{
    font-size: 44px;
    font-weight: 900;
    font-family: "GothamPro", sans-serif;
    margin-left: 40px;
    margin-top: 22px;
}
.banner-slider .item-slider .title-wrap p{
    background: linear-gradient(#ff0003, #c10e10);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 42px;
}
.banner-slider .item-slider .title-wrap p:first-child{
    margin-left: 70px;
}
.banner-slider .slick-dots{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.banner-slider .slick-dots li button{
    width: 13px;
    height: 13px;
    background-color: #FFF;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    border: 2px solid #FFF;
    margin: 0 4px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.banner-slider .slick-dots li.slick-active button{
    background-color: transparent;
}
.banner-slider .slick-dots li button:hover{
    transform: scale(1.1);
}
.banner-slider .slick-dots li.slick-active button:hover{
    transform: scale(1);
}
.s-main .video-wrap{
    padding: 27px 0 0 0;
}
.video-wrap .title-wrap{
    padding-bottom: 23px;
    padding-left: 14px;
}
.video-wrap .title-wrap h3{
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 25px;
}
.video-wrap .title-wrap h3:before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #C10E10;
    position: absolute;
    left: -14px;
    top: 7px;
    border-radius: 50%;
}
.video-wrap .title-wrap .description{
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
}
.video-wrap .video-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.video-list li{
    width: 33.33%;
    max-width: 272px;
    padding: 0 14px 30px;
    position: relative;
}
.video-list li a{
    color: #FFF;
    text-decoration: none;
}
.video-list li a:hover .name-video{
    color: #C10E10;
}
.video-list li a:hover .img-video{
    opacity: .7;
}
.video-list li span{
    display: block;
}
.video-list li .img-video{
    min-height: 138px;
    width: 100%;
    border-radius: 6px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
.video-list li .time{
    position: absolute;
    top: 6px;
    right: 19px;
    background-color: rgba(000,000,000,.54);
    padding: 2px 11px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 300;
}
.video-list li .name-video{
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 14px;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
.video-list li .date{
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
    color: #AFAFAF;
}
.s-main .banner-block{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 30px 25px 28px;
    margin: 23px 14px 66px;
    border-radius: 6px;
}
.s-main .banner-block img{
    display: block;
    max-width: 133px;
    width: 100%;
    height: auto;
}
.s-main .banner-block h3{
    font-size: 23px;
    font-weight: 300;
    max-width: 390px;
}
.s-main .banner-block a{
    min-width: 172px;
}
/* ----------- KABINET PAGE ----------- */
.user-panel{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.user-panel .nickname-user-wrap{
    position: relative;
    padding-left: 30px;
    margin-right: 35px;
}
.user-panel .nickname-user-wrap .avatar{
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}
.user-panel .nickname-user-wrap p{
    margin-top: 3px;
    font-size: 14px;
}
.user-panel .nickname-user-wrap .nickname-user{
    color: #C10E10;
    margin: 0;
}
.user-panel .nickname-user-wrap .nickname-user a {
    text-decoration: none;
    margin-right:10px;
}
.user-panel .status-user{
    position: relative;
    padding-left: 28px;
    margin-right: 45px;
}
.user-panel .status-user img{
    position: absolute;
    top: 0;
    max-width: 20px;
    height: auto;
    display: block;
    left: 0;
}
.user-panel .status-user p{
    font-size: 12px;
    font-weight: 300;
    margin-top: 3px;
}
.user-panel .btn{
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
    border:none;
    height: auto;
    display: inline-block;
    width: auto;
    padding: 0;
    float: right;
    line-height: 100%;
    font-size: 11px;
    margin-top: 5px;
}
.user-panel .btn:hover{
    text-decoration: none;
}
.user-panel .nickname-user-wrap .nickname-user{
    margin-top: 4px;
    display: inline-block;
}
.user-panel .nickname-user-wrap,
.user-panel .status-user{
    margin-top: 8px;
}
.time-block{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.time-block .item-time{
    width: calc(50% - 5px);
    background-color: #edf6fd;
    border-radius: 6px;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #333;
    font-size: 16px;
    padding: 11px 0;
    font-weight: 300;
    line-height: 20px;
}
.time-block .item-time img{
    margin: 0 11px;
}
.time-block .item-time .time{
    font-size: 24px;
    font-weight: 400;
    line-height: 22px;
    display: block;
    margin-bottom: -4px;
    min-width:100px;
}
.s-kabinet .content-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
}
.s-kabinet .content-wrap .content-item{
    background-color: #FFF;
    border-radius: 4px;
    color: #333;
}
.s-kabinet .content-wrap .sidebar-news{
    width: calc(33% - 5px);
}
.s-kabinet .content-wrap .sidebar-news.wide{
    width: 100%;
}
.s-kabinet .content-wrap .sidebar-news .title-wrap {
    justify-content: flex-start;
}
.s-kabinet .content-wrap .main-content{
    width: calc(67% - 5px);
}
.s-kabinet .content-wrap .title-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #dfdfdf;
    max-height: 65px;
    justify-content: space-between;
}
.s-kabinet .content-wrap .title-wrap img{
    display: inline-block;
    vertical-align: middle;
}
.total-online{
    font-size: 18px;
    position: relative;
}
.total-online:before{
    position: absolute;
    content: '';
    top: 6px;
    left: -11px;
    width: 7px;
    height: 7px;
    background-color: #ff0000;
    border-radius: 50%;
}
.s-kabinet .content-wrap .title-wrap h3{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: middle;
}
.news-list li{
    position: relative;
    border-bottom: 1px dashed #c5c5c5;
}
.news-list li:last-child{
    border: none;
}
.news-list li {
    padding: 25px 20px 20px 0px;
    display: block;
    color: #333;
    text-decoration: none;
}

.news-list .picture {
    width: auto;
    height: 168px;
    cursor: pointer;
    background-position: center center;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.news-list li .forecast-holder {
    padding-left: 90px;
}
.news-list li .picture {
    margin-top:10px;
}
.news-list li:hover{
    background-color: #f1f1f1;
}
.news-list li img{
    position: absolute;
    display: block;
    top: 23px;
    left: 20px;
    max-width: 50px;
    max-height: 60px;
}
.news-list li .date{
    font-size: 12px;
    font-weight: 300;
    color: #A6A6A6;
}
.news-list li .title{
    font-size: 14px;
    font-weight: 700;
    color: #C10E10;
    margin-top: 15px;
}
.news-list li .description{
    font-size: 14px;
    font-weight: 300;
}
.chat-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 20px 22px;
}
.chat-wrap .chat-message{
    width: 67.5%;
}
.chat-wrap .participants-wrap{
    width: 37.5%;
    max-height: 682px;
}
.chat-wrap .message-list{
    /*overflow: hidden;*/
    height: 545px;
    padding-bottom: 35px;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    left: 8px;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: #EDEDED;
}
.mCSB_scrollTools .mCSB_dragger{
    height: 40px !important;
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: #D0E6EC;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #D0E6EC;
    width: 7px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
    background-color: #B8D3DB;
}
.chat-wrap .item-message{
    margin-bottom: 7px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.chat-wrap .item-message .img-wrap{
    position: relative;
    height: 45px;
    /*margin-right: 14px;*/
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}
.wrap-status img{
    width: 18px;
    margin-right: 8px;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

.status-1 .wrap-status img {
    width: 8px;
}

.user-panel .status-user img.new-user {
    top:6px;
}
.chat-wrap .item-message .user-img-admin {
    max-width: 45px;
    max-height: 45px;
}
.chat-wrap .item-message .user-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.chat-wrap .item-message .wrap-status{
    text-align: center;
}
.chat-wrap .item-message .wrap-status .status{
    font-size: 10px;
    color: #A1A1A1;
    display: inline-block;
    vertical-align: middle;
}
.chat-wrap .message-info{
    background-color: #EDF6FD;
    border-radius: 4px;
    position: relative;
    padding: 25px 10px 6px;
    width: 100%;
}
.chat-wrap .message-info:before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #EDF6FD;
    position: absolute;
    top: 18px;
    left: -5px;
    transform: rotate(-45deg);
}
.chat-wrap .message-info .name{
    font-size: 14px;
    color: #4E92C6;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.popup-action-chat .user-img {
    width:133px;
    border-radius: 50%;
    border:3px solid #fff;
    height:133px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.popup-action-chat .image-holder{
    margin-top: 9px;
    display: inline-block;
    margin-bottom: 33px;
    width: 150px;
}
.popup-action-chat .image-holder img{
    display: inline-block;
    margin-right: 10px;
    max-width: 30px;
    vertical-align: middle;
}
.popup-action-chat .user-img-admin {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.popup-action-chat .popup-close{
    top: 8px;
    right: 8px;
    border:none;
    z-index: 1;
}
.popup-action-chat .popup-close::before,
.popup-action-chat .popup-close::after,
.popup-action-chat .close::before,
.popup-action-chat .close::after {
    background-color: #8f8f8f;
}
.popup-action-chat .user-info{
    vertical-align: middle;
    background-image:url('../img/bg-cover2.jpg');
    background-size: cover;
    padding: 64px 67px 17px 67px;
    margin-top: -28px;
    background-position: center center;
    background-repeat: no-repeat;
}
.popup-action-chat .cover_image_traider{
    margin-right: 20px;
    width:133px;
    border-radius: 50%;
    border:3px solid #fff;
    height:133px;
    background-color: #fff;
    line-height: 133px;
    text-align: center;
}
.popup-action-chat .cover_image_traider img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}
.popup-action-chat .user-birthday b{
    display: block;
}
.popup-action-chat .on-site b{
    display: block;
}
.popup-action-chat p, .popup-action-chat div {
    color: #000;
}
.popup-action-chat .user-info{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 45px;
}
.popup-action-chat .user-info > div{
    width: 50%;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 35px;
}
/*.popup-action-chat .user-info > div:nth-last-of-type(-n+2){
	margin-bottom: 0;
}
.popup-action-chat .user-info > div:last-of-type{
	margin-bottom: 0;
}*/
.popup-action-chat .inside_cover .private_chat span{
    color: #fff;
    background-color: #c71416;
    white-space: nowrap;
    margin: 5px 0;
    padding: 12px;
    border-radius: 6px;
    display: block;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    transition: 0.4s ease;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.popup-action-chat .inside_cover .private_chat span:hover{
    background-color: #ff0205;
}
.popup-action-chat .about-me,
.popup-action-chat .user-birthday,
.popup-action-chat .on-site,
.popup-action-chat .user-links{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.popup-action-chat .inside_cover{
    color: #fff;
}
.popup-action-chat .inside_cover a{
    color: #fff;
    max-width: 123px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.popup-action-chat .inside_cover a:hover{
    color: #C10E10;
    text-decoration: none;
}
.popup-action-chat .inside_cover p{
    color: #fff;
}
.popup-action-chat .inside_cover span{
    color: #fff;
}
.popup-action-chat .inside_cover{
    margin-left: 17px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.about-me .inside_cover,
.user-links .inside_cover,
.user-birthday .inside_cover{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.popup-action-chat .user-info b{
    font-weight: 300;
    color:rgba(255,255,255,0.6);
    /*margin-bottom: 6px;*/
    margin-right: 5px;
}
.popup.popup-action-chat{
    padding: 0;
    max-width: 580px;
    background-color: transparent;
}
.popup-action-chat .popup-form-cover{
    padding: 0;
    border-radius: 0;
}
.popup-action-chat .cover_outside{
    padding: 24px 30px 0 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    color: #333;
}
.popup-action-chat .user-name{
    font-size: 30px;
    font-weight: 300;
}
.chat-wrap .message-info .date{
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 20px;*/
    font-size: 12px;
    font-weight: 300;
    color: #A6A6A6;
}
.chat-wrap .message-info .message-text{
    font-size: 13px;
    font-weight: 400;
    color: #333;
}
.chat-wrap .item-message.message-admin .img-wrap{
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-left: 5px;
    margin-right: 0;
    height: 45px;
}
.chat-wrap .item-message.message-admin .message-info{
    background-color: #FFF1EB;
}
.chat-wrap .item-message.message-admin .message-info:before{
    left: 0;
    z-index: -1;
}
.chat-wrap .item-message.message-admin .message-info:after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #FFF1EB;
    position: absolute;
    top: 18px;
    right: -5px;
    transform: rotate(-45deg);
}
.chat-wrap .form-chat{
    border: 1px solid #cbdfee;
    padding: 14px;
    border-radius: 4px;
    margin-right: 2px;
}
.chat-wrap .form-chat .textarea-div{
    /*min-height: 60px;*/
    height: 60px;
    overflow: hidden;
    color: #000;
}
textarea{
    resize: vertical;
}
.chat-wrap .form-chat .textarea-div img{
    max-width: 1.4em;
    max-height: 1.4em;
    vertical-align: top;
}
.chat-wrap .form-chat .placeholder-div{
    font-size: 14px;
    font-weight: 300;
    color: #B6B6B6;
}
/*[contenteditable]{
	-webkit-appearance: textfield;
	appearance: textfield;
}*/
.chat-wrap .form-chat .wrap-box{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 14px;
}
.chat-wrap .form-chat .smile-list{
    border:1px solid #cbdfee;
    display: none;
    padding: 10px 6px 6px;
    margin-top: 7px;
}
.chat-wrap .form-chat .smile-list.active{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    background-color: #fff;
    z-index: 3;
    left: -14px;
    top: 54px;
}
/*.chat-wrap .form-chat .smile-list.active:before{
	position:absolute;
	left: 19px;
	top: -9px;
	width:15px;
	height:15px;
	content: "";
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top:1px solid #cbdfee;
	border-right:1px solid #cbdfee;
}*/
.chat-wrap .form-chat .smile-list li{
    margin-left: 7px;
    cursor: pointer;
    width:20px;
    font-size:20px;
}
.smile {
    font-size:18px;
    position: relative;
    top:2px;
    display: inline-block;
}
.chat-wrap .form-chat .smile-list li img{
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
}
.chat-wrap .form-chat input[type="submit"]{
    padding-left: 15px;
    padding-right: 15px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
}
.chat-wrap .form-chat .sub-lab{
    position: absolute;
    right: 0px;
    top: 8px;
    height: 32px;
}
.chat-wrap .form-chat .sub-lab img{
    position: absolute;
    display: none;
    max-width: 20px;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
}
.participants-wrap{
    padding-left: 30px;
}
.participants-wrap h4{
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.participants-wrap .participants-list li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 17px;
}
.participants-wrap .participants-list li img{
    margin-right: 15px;
    width: 20px;
}
.participants-wrap .participants-list li .cover-status-icon20 img{
    max-width: 20px;
    width: auto;
}
.s-kabinet .btn-link-p{
    width: 100%;
    display: block;
    background-color: #194659;
    border-radius: 4px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 16px 15px 20px;
    margin-top: 40px;
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: 300;
    color: #86B9CF;
    text-decoration: none;
    text-transform: uppercase;
}
.s-kabinet .btn-link-p:hover{
    background-color: #1c556d;
}
.s-kabinet .btn-link-p p{
    max-width: 185px;
    margin-left: 15px;
    margin-bottom: -3px;
}
.wrap-text-info{
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #99BFD0;
    margin-bottom: 160px;
}
/* ----------- PAGE TIPOVAJA -------------- */
.s-tipovaja h1{
    font-weight: 700;
    font-size: 34px;
}
.s-tipovaja p{
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
}
.s-tipovaja .img-tipovaja {
    height: 306px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}
.s-tipovaja .white-block {
    background-color: #FFF;
    padding: 30px 40px;
    margin-bottom: 45px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
}
.s-tipovaja .white-block p {
    margin-bottom: 0;
    font-style: italic;
    display: block;
    padding-left: 30px;
    border-left: 2px solid #083594;
    color: #333;
}
.s-tipovaja .tip-box-info {
    border-left: 1px solid #fff;
    padding: 0 0 0 20px;
}
.s-tipovaja .tip-box-info h4 {
    font-size: 20px;
    font-weight: 400;
    color: #f9f9f9;
    margin-bottom: 10px;
}
.s-tipovaja h2 {
    font-size: 24px;
    font-weight: 400;
}
.s-tipovaja .box-list {
    padding: 35px 0;
}
.s-tipovaja .tipovaja-list .box-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
}
.s-tipovaja .tipovaja-list .box-list li::before {
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    background-color: #FFF;
    position: absolute;
    top: 6px;
    left: 2px;
}
.s-tipovaja .tipovaja-table-wrap{
    margin-bottom: 115px;
}
.s-tipovaja .tipovaja-table-wrap table{
    padding-top: 27px;
    padding-bottom: 100px;
    width: 100%;
    color: #333;
    background-color: #FFF;
}
.s-tipovaja .tipovaja-table-wrap table th{
    background-color: #021c3e;
    color: #FFF;
    padding: 0;
}
.s-tipovaja .tipovaja-table-wrap table tr th,.tipovaja-table-wrap table tr td{
    width: 21%;
    padding: 15px 25px;
}
.s-tipovaja .tipovaja-table-wrap table tr th:last-child{
    text-align: center;
}
.s-tipovaja .tipovaja-table-wrap table tr td:last-child{
    text-align: center;
    width: 14.5%;
}
.s-tipovaja .tipovaja-table-wrap table tr th:first-child{
    font-weight: 400;
}
.s-tipovaja .tipovaja-table-wrap table tr:nth-child(2n){
    background-color: #cbcbcb;
}
.s-tipovaja .tipovaja-table-wrap table tr.title-ul th{
    font-weight: 600;
}
.s-tipovaja .tipovaja-table-wrap table img{
    vertical-align: middle;
}
.s-tipovaja .btn{
    margin-bottom: 10px;
}
/* ----------- SETTINGS ----------- */
.settings-cover,
.s-settings .settings-wrap{
    background-color: #FFF;
    border-radius: 6px;
    padding: 25px 60px;
    margin-bottom: 20px;
}
.s-settings h1{
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}
.s-settings .header-set p{
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.s-settings .form-set{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
}
.s-settings .for-name,
.s-settings .for-img{
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}
.s-settings .for-img{
    text-align: center;
}
.s-settings .name-wrap input, .s-settings .name-wrap textarea{
    display: block;
    width: 100%;
    max-width: 300px;
    height: 48px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    padding: 0 15px;
    color: #333;
    font-weight: 300;
    font-family: "Museo", sans-serif;
    margin-bottom: 9px;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}
.s-settings .name-wrap textarea {
    height: 100%;
}
.s-settings .social-links a {
    float: right;
}
.s-settings .social-links-holder div {
    position: relative;
}
.s-settings .social-links-holder div img {
    position: absolute;
    right: -25px;
    top: 15px;
    cursor: pointer;
}
.s-settings .name-wrap .for-name {
    clear:both;
}
.s-settings .name-wrap input:placeholder{
    font-size: 16px;
    font-weight: 300;
    color: #8C8B8B;
    font-family: "Museo", sans-serif;
}
.s-settings .name-wrap input:focus{
    border: 1px solid #333;
}
.s-settings .name-wrap .form-group {
    width:300px;
}
.s-settings .name-wrap .btn{
    border-color: #ff0205;
    color: #FFF;
    font-size: 14px;
    margin-top: 30px;
}
.s-settings .upload-image{
    width: 250px;
    border-left: 1px solid #cdcdcd;
    padding-left: 50px;
    margin-left: 50px;
}
.s-settings .upload-image label{
    height: 200px;
    width: 200px;
    display: block;
    cursor: pointer;
    background-image: url(../img/upl.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
.s-settings .upload-image input[type="file"]{
    display: none;
}
body.footer-fix footer{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
/* ----------- POPUP ----------------- */
.overlay {
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    background-color: rgba(0,0,0,.7);
    left:-110%;
}
.overlay.active {
    z-index: 5;
    opacity: 1;
    overflow: hidden;
    left:0;
}
.popup {
    background-color: rgba(26,29,38,.8);
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    position: fixed;
    top: 50%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 500px;
    width: 100%;
    padding: 10px;
}
.popup.active {
    z-index: 11;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.popup.popup-action-picture{
    width:auto;
}
body.modal .overlay {
    opacity: 1;
    z-index: 5;
    overflow: hidden;
    left: 0;
}
body.modal {
    overflow: hidden;
}
.popup-close,
.close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #c10e10;
    position: absolute;
    right: -34px;
    top: -34px;
    cursor: pointer;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.popup-action-picture .popup-close{
    right: 5px;
    top: 5px;
    z-index: 1;
    border: none;
}
.popup-close:hover,
.close:hover {
    opacity: 0.6;
}
.popup-close::before, .popup-close::after,
.close::before, .close::after {
    position: absolute;
    content: '';
    height: 20px;
    width: 2px;
    background-color: #c10e10;
    top: 50%;
    left: 50%;
}
.popup-close::before,
.close::before {
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1;
}
.popup-close::after,
.close::after {
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.popup-action2 {
    background-color: rgba(26,29,38,.8);
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    position: fixed;
    top: 50%;
    z-index: -1;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    width: 100%;
    padding: 0;
    padding-left: 200px;
    max-width: 572px;
    border-radius: 4px;
}
.registration_button, .login_button{
    display: block;
}
.pass-reset{
    display: inline-block;
    margin-bottom: 15px;
}
.registration_button a, .login_button a{
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-decoration: underline;
    color: #c71416;
    max-width: 243px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    max-width:100%;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    cursor: pointer;
}
.site-reset-password,
.site-request-password-reset{
    text-align: center;
}
.user_wait_permitted h1,
.site-reset-password h1,
.site-request-password-reset h1{
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    color: #333;
}
.another_id .btn, .re_permitted .btn{
    display: block;
    max-width: 300px;
    margin: 30px auto 0;
}
.user_wait_permitted p,
.site-reset-password p,
.site-request-password-reset p{
    font-size: 20px;
    font-weight: 700;
    margin: 8px 0 25px;
    color: #333;
}
.user_wait_permitted input,
.site-reset-password input,
.site-request-password-reset input{
    display: block;
    width: 100%;
    height: 48px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    padding: 0 15px;
    color: #333;
    font-weight: 300;
    font-family: "Museo", sans-serif;
    margin-bottom: 9px;
}
.user_wait_permitted form,
.request-password-wrap{
    max-width: 400px;
    margin: 20px auto 0;
}
.user_wait_permitted .help-block,
.site-reset-password .help-block,
.site-request-password-reset .help-block{
    font-size: 14px;
    font-weight: 400;
}
.user_wait_permitted .btn,
.site-reset-password .btn,
.site-request-password-reset .btn{
    width: 100%;
}
.registration_button a:hover, .login_button a:hover{
    text-decoration: none;
}
.header-news a{
    height: 46px;
    line-height: 42px;
    border: 2px solid #c71416;
    border-radius: 4px;
    background-color: transparent;
    padding: 0 14px;
    text-decoration: none;
    display: block;
    color: #fff;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    display: inline-block;
    text-transform: uppercase;
}
.header-news a:hover{
    background-color: #c71416;
}
.header-news{
    position: relative;
    margin-right: 15px;
}
.header-news span{
    position: absolute;
    color: #fff;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 22px;
    text-align: center;
    top: -10px;
    right: -10px;
    font-size: 12px;
    background-color: #c71416;
}
.new_item{
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative;
}
.new_item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    max-width:150px;
    width: 100%;
    background-color: #fff;
}
.new_single_title{
    text-align: left !important;
}

.new_title a{
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.new_title a:hover{
    opacity:.5;
}
.new_text{
    line-height: 18px;
}
.s-news h1{
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 30px;
}
.new_search .new_title a{
    color: #C10E10;
}
.pagination-wrap{
    margin: 20px 0 30px;
}
.pagination-list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-list li{
    margin: 0 3px;
    width: 30px;
    line-height: 28px;
    border-radius: 4px;
    background-color: #C10E10;
    text-align: center;
    border:2px solid #C10E10;
}
.pagination-list li.active{
    background-color: transparent;
    pointer-events: none;
}
.pagination-list li a{
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    -webkik-transition: .4s ease;
    transition: .4s ease;
}
.pagination-list li a:hover{
    opacity:.7;
}
.popup-action8 select{
    display: block;
    width: 100%;
    height: 48px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    padding: 0 15px;
    color: #333;
    font-weight: 300;
    font-family: "Museo", sans-serif;
    margin-bottom: 9px;
}

.popup-action2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.popup-form-cover {
    background-color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 33px 38px 35px 42px;
    position: relative;
}
.popup-form-cover h5 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
}
.popup-slogan {
    font-weight: 300;
    margin: 10px 0 20px 0;
    color: #000;

}
.popup-form input {
    display: block;
    width: 100%;
    height: 48px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    padding: 0 15px;
    color: #333;
    font-weight: 300;
    font-family: "Museo", sans-serif;
    margin-bottom: 9px;
}
.popup-form input:placeholder{
    font-size: 16px;
    font-weight: 300;
    color: #8C8B8B;
    font-family: "Museo", sans-serif;
}
.popup-form .has-error input {
    border:1px solid #FF0000;
}
.popup-form .form-phone {
    font-size: 20px;
}
.popup-form .btn {
    border: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    /*max-width: 243px;*/
    font-size: 18px;
    font-weight: 400;
    height: 51px;
    padding: 0;
    margin-bottom: 14px;
}
.popup.popup-action2 .checkbox-wrapper::before{
    display: none;
}
.popup.popup-action2 .checkbox-wrapper{
    max-width: 215px;
}
.popup-wrap-m{
    position: relative;
}
.popup-action-picture .popup-wrap-m{
    padding: 40px;
    background-color: #fff;
}
.popup-action-picture .popup-form-cover{
    padding: 0;
    overflow: hidden;
    overflow-x: auto;
}
.popup.popup-action-youtube {
    max-width: 600px;
}

.side-sect{
    position: fixed;
    top:45%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -152px;
    width: 350px;
    z-index: 3;
}
.side-sect .btn-radio-open{
    background-color: #c71416;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    height: 45px;
    border: 1px solid #ff0205;
    border-radius: 4px;
    display: inline-block;
    padding: 0 28px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    position: relative;
    z-index: 99;
}
.btn-radio-open:before{
    content: '';
    position: absolute;
    display: block;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-border: 3px solid #fff;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2);
    box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2);
}
.btn-radio-open:after{
    content: '';
    position: absolute;
    top: 37%;
    left: 35%;
    width: 15px;
    height: 15px;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.side-sect .btn-radio-open:hover{
    background-color: #ff0205;
}
.radio-open{
    position: relative;
    z-index: 1;
    height: 45px;
}
/*-------------RADIO STYLE----------------*/
#RP_list{
    background-color: #032838 !important;
    border: none !important;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    top: -200px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    transition: 0.7s ease;
    padding: 20px !important;
}
#RP_list.active-radio{
    top: 10px;
}
#RP_list td{
    border: 0 !important;
}
#RP_list tr td a{
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    margin: 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
#RP_list tr td a:hover{
    color: #ccc !important;
}
#RP_controls{
    width: 15px;
    height: 15px;
    -webkit-clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
    -moz-clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
    -o-clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
    -ms-clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
    clip-path: polygon(5% 5%, 95% 5%, 95% 95%, 5% 95%);
    background-color: #fff;
    position: relative;
}
#RP_controls:before{
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 2px;
    height: 9px;
    font-size: 14px;
    background-color: #636363;
}
#RP_controls:after{
    content: '';
    position: absolute;
    top: 3px;
    right: 4px;
    width: 2px;
    height: 9px;
    font-size: 14px;
    background-color: #636363;
}
#RP_controls.radio-active{
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    -moz-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    -o-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    -ms-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#RP_controls.radio-active:before,
#RP_controls.radio-active:after{
    display: none;
}
#RP_controls img{
    display: none;
}

#RP_list tr:last-child{
    display: none;
}
#RP_link{
    display: none;
}
/*-------------CHAT STYLE-------------*/
.news-list .picture,
.user_chat_image.picture.popup-open{
    width: auto;
    height: 168px;
    cursor: pointer;
    background-position: center center;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.form-group.field-chat-chat_image{
    width: 24px;
    height: 24px;
    background-image: url("../img/download_file.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    opacity:0.7;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
}
.form-group.field-chat-chat_image:hover{
    opacity: 0.85;
}
.form-group.field-chat-chat_image #chat-chat_image{
    padding: 0;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    z-index:1;
    opacity:0;
    margin-right: 10px;
    cursor: pointer;
}
.field-chat-chat_image{
    cursor: pointer;
}
.icon_del img{
    display: none;
    max-height: 25px;
    max-width: 25px;
}
.wrap-download-image{
    max-width: 150px;
    width: 100%;
    position: absolute;
    margin-left: 0;
    top: 100%;
    margin-top: 10px;
    z-index:1;
}
.wrap-download-image img{
    display: none;
    width: 100%;
}
.wrap-download-image .icon_del{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.content-item.main-content #temp_img{
    max-width: 120px;
    max-height: 100px;
}
.smile_opn{
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    position: absolute;
    top: 12px;
    left: 67px;
}
.popup-action11 .chat-wrap .chat-message{
    width: 100%;
}
.popup.popup-action11.active{
    max-width: 900px;
}
.popup-action8 #w1,.popup-action1 #w1{
    display: block;
}
.dropdown_kurs{
    position: absolute;
    z-index: 2;
    border-radius: 4px;
    padding: 3px 10px;
    background-color: #012346;
}
header .dropdown .dropdown_kurs a{
    padding: 15px 5px;
    border: 1px #fff solid;
    margin: 10px 0;
    border-radius: 5px;
}
header .dropdown .dropdown_kurs a:hover{
    border-color:#FF0003;
}
.menu-list .dropdown.active{
    margin-bottom: 0;
}
#w1{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
}
.first > .chat_bell{
    display: none;
}
.first > .chat_bell:nth-of-type(1){
    display: block;
    -webkit-animation: bell 4s ease infinite;
    -moz-animation: bell 4s ease infinite;
    -o-animation: bell 4s ease infinite;
    -ms-animation: bell 4s ease infinite;
    animation: bell 4s ease infinite;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    margin-left: 10px;
    margin-right: 0;
}
@keyframes bell{
    0%{
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);

    }
    1%{
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    3%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5%{
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    7%{
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    9%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    11%{
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    13%{
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    15%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/*--------------TEST--------------*/
#clockdiv{
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
    background: #bf0d0f;
    padding: 4px 0px;
    min-width:210px;
    font-size:19.59px;
}
#clockdiv > div,
.answers label,
.answers{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin: 5px 5px 5px 0;
}
.answers label{
    margin: 5px;
    font-size: 15px;
    position: relative;
    padding-left: 22px;
}
.answers label input{
    position: absolute;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    display: block;
}
.answers label span{
    position: absolute;
    left: 20px;
    top: 12px;
}
.answers label span:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #0a1b48;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
}
.answers label input:checked + span:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 3px;
    cursor: pointer;
    display: block;
    background: #333;
    border-radius: 50%;
    border: 2px #aaa solid;
}
.chosen_answer0{
    color: red;
}
.chosen_answer0 label input:checked + span:after{

}
.chosen_answer1{
    color: green;
}
.chosen_answer0 label span:before{

}
.chosen_answer0 label input:checked + span:after{
    background-color: #bf0d0f;
    border: 2px #e7a3a4 solid;
}
.chosen_answer1 label span:before{

}
.chosen_answer1 label input:checked + span:after{
    background-color: #188320;
    border: 2px #a7d0aa solid;
}
.answers{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.answears-wrap-a{
    width: 100%;
    margin: 5px 0 10px;
    width: 100%;
    margin: 5px -10px -10px;
    text-align: right;
    bottom: 10px;
    position: absolute;
    right: 25px;
}
#clockdiv > div{
    margin: 10px 0 5px;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.smalltext{
    margin: 0 5px;
}
.new-wrap-text > a{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 200px;
}
.test > div:nth-child(3){
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
}
.test-image-wrap{
    width:45%;
}
.last-text{
    position: absolute;
    top: 16px;
    right: 240px;
    font-size: 19.59px;
    font-weight: 900;
}
.last-question{
    font-size: 19.59px;
    position: absolute;
    bottom: 13px;
    right: 230px;
    color: #a6a6a6;
}
.test-image-wrap{
    margin-top:-10px;
}
.test-texts-wrap{
    text-align:left;
    width:55%
}
.test-texts-wrap .question{
    margin-left:20px;
}
.answers label, .answers{
    text-align:left;
    display:block;
    margin:0px 5px 0px 0;
}
.answers label{
    border-bottom:1px #d6d6d6 solid;
    padding: 10px 0 10px 52px;
    line-height:24px;
}
.answers label:last-child{
    border-bottom:none;
}
.test-texts-wrap .answeared,
.test-texts-wrap .next-question{
    border-radius:0;
    min-width:210px;
    font-size:19.59px;
    text-transform:none;
    min-height:55px;
    line-height:55px;
}
.question p{
    font-size:20px;
    font-weight:900;
    margin:10px 0;
}
.test-image-wrap img{
    max-width:98%;
    height:auto;
    margin: 0 auto;
}
.test-image-wrap img.no-image{
    width:100%;
    max-width:100%;
    height:auto;
    padding-top: 15px;
}
/* ----------- MEDIA ----------- */
@media(max-width: 1366px) {
    /* INDEX PAGE */
    /* KABINET PAGE */
    .news-list li{
        padding-right: 55px;
    }
}
@media(max-width: 1199px) {
    /*header*/
    .user-panel .status-user {
        margin-right: 10px;
    }
    header .logo {
        max-width: 190px;
    }
    /* INDEX PAGE */
    .sidebar-currency h3{
        margin-left: 18px;
    }
    .sidebar-currency .currency-list li{
        padding: 12px 18px;
    }
    .banner-slider .item-slider{
        min-height: 214px;
    }
    .banner-slider .item-slider .text-info{
        margin-top: 22px;
    }
    .banner-slider .item-slider .title-wrap{
        font-size: 33px;
    }
    .banner-slider .item-slider .title-wrap p{
        line-height: 35px;
    }
    .video-list li{
        padding: 0 6px 30px;
    }
    .s-main .banner-block img{
        max-width: 100px;
    }
    .s-main .banner-block h3{
        font-size: 20px;
        max-width: 270px;
    }
    /* KABINET PAGE */
    .news-list li{
        padding-right: 20px;
        padding-left: 0px;
    }
    .news-list li .forecast-holder {
        padding-left: 70px;
    }
    .news-list li img{
        left: 10px;
    }
    .chat-wrap .chat-message{
        width: 90px;
    }
    .chat-wrap .chat-message{
        width: 75%;
    }
    .chat-wrap .participants-wrap{
        width: 25%;
        padding-left: 10px;
    }
    .chat-wrap .form-chat .smile-list li{
        margin-left: 4px;
    }
    .test-texts-wrap{
        margin-bottom:50px;
    }
}
@media(max-width: 991px) {
    .chat-wrap .form-chat .sub-lab img{
        display: block;
    }
    /*HEADER*/
    header .left-wrap .btn{
        line-height: 35px;
        height: 35px;
        min-width: 140px;
        padding: 0 10px;
    }
    header .logo{
        max-width: 150px;
    }
    header .left-wrap .header-info{
        margin-left: 10px;
        max-width: 197px;
        font-size: 11px;
    }
    header .right-wrap{
        min-width: 230px;
    }
    header .right-wrap p{
        margin-right: 0;
        font-size: 11px;
    }
    header .right-wrap .header-social a{
        max-width: 30px;
    }
    header .menu-list a{
        font-size: 10px;
    }
    header .user-panel .btn{
        padding: 0 5px;
        font-size: 10px;
        margin-top: 8px;
    }
    header .user-panel .status-user{
        padding-right: 0;
        margin-right: 8px;
    }
    header .user-panel .nickname-user-wrap{
        margin-right: 10px;
        padding-left: 24px;
    }
    .user-panel .nickname-user-wrap .nickname-user a{
        margin-right: 0;
    }
    .header-news{
        margin: 0 15px;
    }
    .header-news a {
        line-height: 33px;
        height: 36px;
        width: 115px;
        padding: 0 5px;
    }
    header .user-panel{
        width: 100%;
        max-width: 290px;
        margin-bottom: 10px;
    }
    /*FOOTER*/
    footer .footer-social .social-list a{
        max-width: 30px;
        margin-left: 5px;
    }
    footer .footer-social .social-list a img{
        width: 100%;
        height: auto;
        display: block;
    }
    footer .ddos-block img{
        max-width: 50px;
    }
    footer .footer-menu a{
        font-size: 11px;
    }
    /* INDEX PAGE */
    .sidebar-currency .currency-list li{
        padding: 12px 8px;
    }
    .sidebar-currency h3{
        font-size: 16px;
        margin-left: 5px;
    }
    .banner-slider .item-slider{
        background-position: left;
    }
    .video-list li{
        width: 50%;
    }
    .s-main .banner-block{
        padding: 25px 10px;
    }
    .s-main .banner-block img{
        max-width: 70px;
    }
    .s-main .banner-block h3{
        font-size: 16px;
        line-height: 18px;
        padding: 0 10px;
    }
    .s-main .banner-block a{
        height: 35px;
        line-height: 35px;
        padding: 0 5px;
    }
    /* KABINET PAGE */
    .wrap-text-info{
        margin-bottom: 40px;
    }
    .news-list li img{
        max-width: 35px;
    }
    .news-list li {
        padding-left: 0px;
        padding-right: 20px;
    }
    .news-list li .forecast-holder {
        padding-left:60px;
    }
    .chat-wrap .item-message .user-img{
        max-width: 50px;
    }
    .chat-wrap .item-message .wrap-status{
        bottom: 11px;
    }
    .mCSB_inside>.mCSB_container{
        margin-right: 20px;
    }
    .chat-wrap{
        padding: 10px;
    }
    .chat-wrap .form-chat{
        padding: 10px;
    }
    .chat-wrap .form-chat .smile-list{
        margin-right: 7px;
    }
    .chat-wrap .form-chat .smile-list li{
        margin-left: 2px;
    }
    .chat-wrap .form-chat input[type="submit"]{
        padding-left: 5px;
        padding-right: 25px;
    }
    .chat-wrap .form-chat .sub-lab img{
        right: 5px;
    }
    /*Tipovaja*/
    .s-tipovaja .img-tipovaja{
        height: 210px;
    }
}
@media(max-width: 767px) {
    .stream iframe{
        max-height: 400px;
    }
    /*HEADER*/
    header {
        padding-bottom: 10px;
        margin-bottom: 56px;
        padding-top: 32px;
        position: relative;
    }
    header .top-line{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    header .left-wrap{
        width: 100%;
        margin-bottom: 5px;
        justify-content: center;
    }
    .center-wrap{
        margin: 0 auto;
    }
    header .right-wrap {
        width: 100%;
        justify-content: center;
        margin: 10px auto 0;
    }
    .nav-btn{
        top: -32px;
        z-index: 10;
    }
    header .bottom-line{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        background-color: #FFF;
        z-index: 5;
        padding: 20px 0;
        display: none;
    }
    header .menu-list{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
    }
    header .menu-list{
        text-align: center;
    }
    header .menu-list a{
        color: #000;
        padding-top: 0;
        display: inline-block;
        font-size: 16px;
        margin: 10px 0;
    }
    header .menu-list a img{
        display: none;
    }
    header .user-panel {
        max-width: 100%;
        justify-content: center;
    }
    .dropdown.active{
        margin-bottom: 0;
    }
    .dropdown_kurs{
        position: static;
        width: 100% !important;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: transparent;
    }
    header .dropdown .dropdown_kurs a{
        width: 100%;
        padding: 0;
    }
    /*FOOTER*/
    footer .con-flex{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer .ddos-block,footer .footer-social{
        width: 50%;
        margin-top: 30px;
    }
    footer .ddos-block{
        text-align: left;
    }
    footer .ddos-block img{
        margin: 0;
    }
    footer .footer-social .social-list{
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .popup{
        max-width: 300px;
    }
    .popup-form-cover h5{
        line-height: 20px;
        font-size: 20px;
    }
    .popup-action-picture .popup-wrap-m{
        padding: 30px;
    }
    .popup-close, .close{
        right: 10px;
        top: 5px;
        z-index: 1;
        border-color: transparent;
    }
    /* INDEX PAGE */
    .sidebar-currency .currency-list li{
        padding: 12px 20px;
    }
    .sidebar-currency h3{
        margin-left: 20px;
    }
    .sidebar-currency{
        margin-bottom: 20px;
    }
    .video-list li{
        max-width: 100%;
    }
    .video-list li .img-video{
        min-height: 180px;
    }
    .s-main .banner-block img{
        max-width: 100px;
    }
    .s-main .banner-block h3{
        font-size: 18px;
    }
    .video-wrap .title-wrap h3{
        font-size: 20px;
    }
    /* KABINET PAGE */
    .time-block,
    .s-kabinet .content-wrap{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .time-block .item-time,
    .s-kabinet .content-wrap .sidebar-news,
    .s-kabinet .content-wrap .main-content{
        width: 100%;
    }
    .s-kabinet .content-wrap .sidebar-news{
        margin-bottom: 10px;
    }
    .news-list li img{
        max-width: 50px;
        top: 18px;
    }
    .news-list li{
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .news-list li .forecast-holder {
        padding-left: 80px;
    }
    /*Tipovaja*/
    .s-tipovaja .img-tipovaja{
        height: 250px;
    }
    .s-tipovaja .box-list{
        padding: 15px 0;
    }
    .s-tipovaja .tipovaja-table-wrap {
        overflow-y: hidden;
        overflow-x: auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .s-tipovaja .tipovaja-table-wrap table {
        width: 700px;
    }
    .s-tipovaja h1{
        font-size: 28px;
    }
    .s-tipovaja .white-block{
        padding: 15px;
    }
    .test-texts-wrap,
    .test-image-wrap{
        width:100%;
    }
    .test-image-wrap{
        -webkit-order:2;
        order:2;
        margin-bottom:50px;
    }
    .test-texts-wrap{
        -webkit-order:1;
        order:1;
    }
    .test-image-wrap img.no-image{
        width:50%;
    }
    .answears-wrap-a{
        bottom:20px;
    }
    .new-wrap-text {
        margin: 20px 10px;
    }
    header .dropdown .dropdown_kurs a:hover{
        border-color:transparent;
    }
}
@media(max-width: 600px) {
    .statistics-info li:first-child{
        display: block;
    }
    .stream iframe{
        max-height: 300px;
    }
    footer .con-flex > *{
        width: 100%;
        text-align: center;
    }
    footer .first-item{
        margin-bottom: 10px;
    }
    footer .first-item .footer-logo{
        margin: 0 auto 10px;
    }
    footer .ddos-block img{
        margin: 0 auto;
    }
    footer .footer-social .social-list{
        -webkit-justify-content: center;
        justify-content: center;
    }
    footer .ddos-block, footer .footer-social{
        margin-top: 10px;
    }
    footer .footer-menu a,footer .footer-menu li:first-child a{
        margin: 5px 0;
    }
    /* INDEX PAGE */
    .video-wrap .video-list{
        max-width: 320px;
        margin: 0 auto;
    }
    .video-list li{
        width: 100%;
        max-width: 320px;
    }
    .video-list li a{
        margin: 0 auto;
    }
    .video-wrap .title-wrap{
        text-align: center;
    }
    .video-wrap .title-wrap h3::before{
        display: none;
    }
    .s-main .banner-block img{
        display: none;
    }
    .banner-slider .item-slider .title-wrap{
        font-size: 24px;
    }
    .banner-slider .item-slider .title-wrap p{
        line-height: 26px;
    }
    .banner-slider .item-slider .text-info{
        margin-top: 50px;
        max-width: 200px;
    }
    /* KABINET PAGE */
    .chat-wrap{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .chat-wrap .chat-message,
    .chat-wrap .participants-wrap{
        width: 100%;
    }
    .s-kabinet .main-content .title-wrap{
        flex-flow: column;
        justify-content: center;
        padding-top: 20px;
    }
    .main-content .title-wrap > div{
        margin-bottom: 5px;
    }
    .chat-wrap .message-list{
        padding-bottom: 15px;
    }
    .chat-wrap .participants-wrap{
        padding-left: 20px;
        padding-top: 20px;
    }
    .s-kabinet .btn-link-p{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .s-kabinet .btn-link-p{
        padding: 10px 15px;
    }
    /* SETTINGS PAGE */
    .s-settings h1{
        font-size: 24px;
    }
    .s-settings .name-wrap{
        text-align: center;
        margin-bottom: 20px;
    }
    .s-settings .upload-image{
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    .s-settings .form-set{
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media(max-width: 480px) {
    /* INDEX PAGE */
    .banner-slider .item-slider{
        background-position: -240px 0;
    }
    .banner-slider .item-slider .text-info{
        margin: 40px 30px 20px;
        text-align: center;
        max-width: 100%;
    }
    .banner-slider .item-slider .title-wrap p:first-child{
        margin-left: 0;
    }
    .banner-slider .item-slider .title-wrap{
        margin: 20px auto 0;
        text-align: center;
    }
    /* KABINET PAGE */
    .time-block .item-time{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .time-block .item-time img{
        margin: 5px 5px 8px 5px;
    }
    .chat-wrap .item-message .user-img{
        max-width: 40px;
        width: 40px;
        height: 40px;
    }
    .chat-wrap .item-message .wrap-status{
        bottom: 21px;
    }
    .chat-wrap .form-chat .smile-list{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .chat-wrap .form-chat .smile-list li{
        width: 16%;
        margin-bottom: 3px;
    }
    .chat-wrap .form-chat .sub-lab{
        max-height: 32px;
    }
    .chat-wrap .message-info{
        padding: 27px 10px 10px;
    }
    .wrap-text-info{
        text-align: center;
    }
    .chat-wrap .message-info .name{
        left: 10px;
        top: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100px;
    }
    .chat-wrap .message-info .date{
        top: 10px;
        right: 10px;
        line-height: 18px;
    }
    .mCSB_inside>.mCSB_container{
        margin-right: 10px;
    }
    .statistics.statistics-item-wrap{
        width: 100%;
    }
}
@media(max-width: 420px) {
    /*HEADER*/
    header .left-wrap{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
    header .left-wrap .btn{
        margin: 0 auto;
    }
    header .left-wrap .header-info{
        max-width: 250px;
        margin: 5px auto;
    }
    header .center-wrap{
        width: 100%;
    }
    header .center-wrap .logo{
        margin: 0 auto;
    }
    header .right-wrap p{
        display: none;
    }
    header .right-wrap{
        margin: 0 auto;
    }
    header .right-wrap .header-social{
        margin: 10px auto 0;
    }
    header .user-panel{
        width: auto;
        margin: 0 auto 10px;
    }
    /* INDEX PAGE */
    .s-main .banner-block{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
    .s-main .banner-block h3{
        margin: 0 auto 20px;
    }
    .s-main .banner-block a{
        margin: 0 auto;
    }
    .video-list li .img-video{
        min-height: 170px;
    }
}

#chat .mCSB_container .message-text img {
    width:100%;
    height:auto;
    max-width: 150px;
    max-height: 150px;
}

.required.has-error input {
    border: 1px solid #FF0000;
}

.cabinet-btn {
    /*position: fixed;*/
    /*top:45%;*/
    /*-webkit-transform: rotate(-90deg);*/
    /*-moz-transform: rotate(-90deg);*/
    /*-o-transform: rotate(-90deg);*/
    /*-ms-transform: rotate(-90deg);*/
    /*transform: rotate(-90deg);*/
    /*left: -67px;*/
    /*z-index: 1;*/
}

.instrukciya{
    position: fixed;
    top: 50%;
    right: -98px;
    -webkit-transform: translate(0,-50%) rotate(-90deg);
    -moz-transform: translate(0,-50%) rotate(-90deg);
    -o-transform: translate(0,-50%) rotate(-90deg);
    -ms-transform: translate(0,-50%) rotate(-90deg);
    transform: translate(0,-50%) rotate(-90deg);
    z-index: 1;
}
.has-error .help-block {
    color:#FF0000;
    margin-bottom:10px;
}
.description li { padding: 5px 0; border-bottom: none; }
@media(max-width: 767px) {
    /*.chat-wrap .form-chat .wrap-box {flex-flow: column-reverse;-webkit-flex-flow: column-reverse;}*/
    .chat-wrap .form-chat input[type="submit"] { float: right; }
    .chat-wrap .form-chat .smile-list li { width: 13%; }
    .chat-wrap .form-chat .smile-list { margin-right: 0px; }
    .s-settings .settings-wrap{
        padding: 25px 10px;
    }
    .s-settings .name-wrap .form-group{
        width: 100%;
    }
    .s-settings .social-links-holder div img{
        right: -16px;
    }
    .s-settings .name-wrap input, .s-settings .name-wrap textarea{
        max-width: 100%;
    }
    .header{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .header .container{
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
    .cabinet-btn,
    .instrukciya{
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        margin:2px 5px;
        order: 2;
    }
    .instrukciya{
        margin: 0 auto 20px;
    }
}
.popup-open.nickname {
    color:#333;
    text-decoration: none;
}
.smile_opn{
    display: inline-block;
    max-width: 25px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.smile_opn:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.smile_opn img{
    display: block;
    width: 100%;
}
@media(max-width:350px){
    .chat-wrap .message-info .name{
        display: block;
    }
    .chat-wrap .item-message .wrap-status{
        margin-left: 0;
    }
    .chat-wrap .message-info .date{
        position: relative;
        top: -16px;
        right: 0;
    }
    .chat-wrap .message-info{
        padding-top: 40px;
    }
}
.footer-fix footer{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.internal_cover{
    clear: both;
    position: absolute;
    width: 100%;
    top: 3px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.internal_cover .wrap-status{
    display: inline-block;
    margin-left: 11px;
}
.internal_cover .date{
    float: right;
}
li.new-forecast:hover {
    background-color: #EDF6FD;
}
li.new-forecast{
    background-color: #EDF6FD;
}

.gray-line {
    text-align: right;
    background-color: #333;
    margin-top:25px;
    padding: 15px 0px;
}

.gray-line p {
    display: inline-block;
    color:#FFF;
}

.gray-line p a {
    color: #FFF;
}

.gray-line p a:hover {
    text-decoration: none;
}

.stream {
    position: relative;
    margin: 20px 0;
}

.stream p {
    position: absolute;
    padding: 10px 15px;
    background-color: #c10e10;
    top: 40px;
    font-size: 18px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.statistics-holder {
    height:150px;
    margin-bottom: 60px;
    margin-top: 30px;
}

.statistics-block .statistics-holder {
    height: auto;
}

.statistics-holder ul {
    display: inline-block;
    width:16.6%;
    height:100%;
    text-align: center;
}

.statistics-holder ul li {
    display: inline-block;
    position: relative;
    margin-right: 6px;
}

.statistics-holder ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

.statistics-holder ul li span {
    position: absolute;
    top: -25px;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
}

.statistics-holder ul li:first-child {
    width: 38px;
    border:1px solid #51be59;
    height:100%;
    border-color: rgb(81, 190, 89);
    background-image: -moz-linear-gradient( 90deg, rgb(9,94,15) 0%, rgb(81,190,89) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(9,94,15) 0%, rgb(81,190,89) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(9,94,15) 0%, rgb(81,190,89) 100%);
}

.statistics-holder ul li:nth-child(2) {
    width: 38px;
    border:1px solid #c10e10;
    height:50%;
    border-color: rgb(193, 14, 16);
    background-image: -moz-linear-gradient( 90deg, rgb(125,15,16) 0%, rgb(193,14,16) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(125,15,16) 0%, rgb(193,14,16) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(125,15,16) 0%, rgb(193,14,16) 100%);
}

.statistics-holder ul li:last-child {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 9px;
    margin-right: 0;
}

.croppie-image-holder {
    opacity:0;
}

.popup-action-croppie .popup-form-cover {
    text-align: center;
}
.content-item.sidebar-news .news-list{
    overflow: hidden;
    max-height: 767px;
}
.content-item.sidebar-news .news-list .mCSB_container{
    margin-right: 0;
}
.statistics-holder .slick-track{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}
.statistics-holder ul{
    padding-top: 40px;
    padding-bottom: 40px;
}
.statistics-info li{
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding-left: 21px;
    margin-right: 35px;
}
.statistics-info li:first-child{
    text-transform: uppercase;
    padding-left: 15px;
}
.statistics-info li:before{
    position:absolute;
    left:0px;
    top:50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width:12px;
    height:12px;
    content: "";
    background-color: #c10e10;
}
.statistics-info li:nth-child(2):before{
    background-color: #51be59;
}
.statistics-info li:first-child:before{
    height: 8px;
    width: 8px;
    border-radius: 50%;
}
.statistics-holder .slick-arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    width: 30px;
    z-index: 2;
    height: 30px;
}
.statistics-holder .slick-arrow:hover:before{
    border-color:#C10E10;

}
.statistics-holder .slick-arrow-next{
    right: -20px;
}
.statistics-holder .slick-arrow-prev{
    left: -20px;
}
.statistics-holder .slick-arrow:before{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    height:100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border:2px solid #e4e4e4;
}
.statistics-holder .slick-arrow-next:before{
    border-bottom: none;
    border-left: none;
}
.statistics-holder .slick-arrow-prev:before{
    border-top: none;
    border-right: none;
}
.status-desc span{
    display: inline-block;
    vertical-align: middle;
}
.status-desc .img_holder{
    width: 20px;
    height: 18px;
    margin-right: 19px;
    text-align: center;
}
.status-desc .img_holder img{
    display: inline-block;
}
.status-desc li{
    margin-bottom: 18px;
}
.status-desc li .description{
    font-size: 12px;
    color: #808082;
    max-width: 205px;
    margin-left: 20px;
}
.status-1 .message-info{
    border:1px solid #e2e2e2;
    background-color: transparent;
}
.status-1 .message-info:before{
    background-color: transparent;
    border:1px solid #e2e2e2;
    background-color: #fff;
    border-right:none;
    border-bottom :none;
    left: -6px;
}
.status-2 .message-info{
    background-color: #f5f5f5;
}
.status-2 .message-info:before{
    background-color:#f5f5f5;
}
.status-3 .message-info{
    background-color:#edf6fd;
}
.status-3 .message-info:before{
    background-color:#edf6fd;
}
.status-4 .message-info{
    background-color:#edfdf4;
}
.status-4 .message-info:before{
    background-color:#edfdf4;
}
.status-5 .message-info{
    background-color:#faf9e3;
}
.status-5 .message-info:before{
    background-color:#faf9e3;
}
.status-6 .message-info{
    background-color:#fdf2ed;
}
.status-6 .message-info:before{
    background-color:#fdf2ed;
}
.status-7 .message-info{
    background-color:#fdf2ed;
}
.status-7 .message-info:before{
    background-color:#fdf2ed;
}
.chat-wrap .status-7.message-admin.message-admin .message-info{background-color: #fdf2ed;}
.chat-wrap .status-7.message-admin.message-admin .message-info:after{background-color: #fdf2ed;}

.chat-wrap .status-7.message-admin.message-admin .message-info .name{
    color: #000;
}
.chat-wrap .status-7.message-admin.message-admin .message-info .date{
    /*color: #fff;*/
}
.chat-wrap .status-7.message-admin.message-admin .message-info .username{
    color: #5993c4;
}
.answear-btn{
    background-color: #b93a2b;
    color: #fff;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 3px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    display: inline-block;
}
.username{
    color: #5993c4;
}

.status-desc{
    margin-top: 30px;
}
.st_title{
    margin-top: 50px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}
@media(max-width:767px){
    .status-desc{
        margin-top: 15px;
    }
    .st_title{
        margin-top: 30px;
        font-size: 20px;
    }
    .statistics-holder .slick-arrow-next{
        right:30%;
    }
    .statistics-holder .slick-arrow-prev{
        left: 30%;
    }
    .statistics-holder .slick-arrow{
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        bottom: -80px;
        top: auto;
    }
    .statistics-holder{
        margin-bottom: 110px;
    }
    .popup.popup-action-chat{
        max-width: 100%
    }
    .popup-action-chat .user-info{
        padding: 34px 10px 5px 10px;
    }
    .popup-action-chat .user-info > div{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .popup-action-chat .cover_outside{
        padding:10px 30px 0 30px;
    }
    .popup-action-croppie{
        max-width: 100%;
    }
    .side-sect{
        position: absolute;
        bottom: -160px;
        left: 50%;
        -webkit-align-items: center;
        -moz-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -moz-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-transform: rotate(0) translate(-50%,0);
        -moz-transform: rotate(0) translate(-50%,0);
        -o-transform: rotate(0) translate(-50%,0);
        -ms-transform: rotate(0) translate(-50%,0);
        transform: rotate(0) translate(-50%,0);
        width: 100%;
        z-index: 1;
    }
    #RP_list{
        transform: none;
        top: 35px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #RP_list.active-radio{
        top: 55px;
        transform: none;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #RP_list.active-radio,
    #RP_list{
        display: none;
    }
    .btn-radio-open:after{
        top: 32%;
        left: 39%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@media(max-width:600px){
    .s-settings .upload-image{
        padding-left: 0;
        border:none;
    }
    .s-settings .upload-image label{
        margin: 0 auto;
    }
    .croppie-container .cr-boundary{
        max-width: 100%;
        max-height: 200px;
    }
}
@media(max-width:430px){
    .status-desc li .description{
        max-width: 170px;
    }
    .popup-action-chat .user-info > div:nth-of-type(2n){
        width: 40%;
    }
    .popup-action-chat .inside_cover{
        margin-left: 5px;
    }
    .popup-action-chat .user-info > div img{
        width: 20px;
    }
    .popup-action-chat .about-me,
    .popup-action-chat .user-birthday,
    .popup-action-chat .on-site,
    .popup-action-chat .user-links{
        align-items: flex-start;
    }
}
.popup-action-croppie .popup-close{
    z-index: 2;
}










.statistics-block.statistics-cover{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.statistics-block.statistics-cover::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 1px;
    height: calc(100% - 40px);
    background-color: #016475;
}
.statistics.statistics-item-wrap {
    margin-top:20px;
    width: calc(50% - 10px);
}
.statistics-cover .statistics-holder{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.statistics-cover .statistics-holder ul{
    width: 33.33%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end;
    height: 211px;
}
.statistics-cover .statistics-holder ul li:last-child{
    width: 100%;
}









.cover-image-block {
    display: inline-block;
    min-width:35px;
    text-align: center;
}
.remove-message {
    float: right;
}
.statistics-cover .statistics-holder{
    margin-bottom: 0;
}







.show-more{
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    height: 45px;
    border: 1px solid #ff0205;
    border-radius: 4px;
    display: block;
    max-width: 152px;
    margin: 0 auto;
    padding: 0 28px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    color: #fff;
    font-size: 12px;
}
.show-more:hover {
    background-color: #ff0205;
}
.s-tipovaja{
    padding-bottom: 50px;
}
.popup-subscribe{
    max-width: 876px;
    padding: 3px;
    border-radius: 7px;
    background-color: rgba(255,255,255,.3);
    text-align: center;
}
.popup-subscribe.active{
    z-index: 99999;
}
.popup-subscribe h6{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    color: #3cc953;
}
.popup-subscribe-slogan{
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 47px;
}
.popup-subscribe .popup-form-cover{
    background-color: #032838;
    /* background-image: url(../img/bg-popup-1.jpg); */
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 5px;
    padding-bottom: 118px;
}
.popup-subscribe .popup-close{
    top: 4px;
    right: 4px;
    z-index: 2;
    border: none;
}
.popup-subscribe-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.popup-subscribe-item{
    width: calc(33.33% - 18px);
    position: relative;
}
.popup-subscribe-item span{
    position: absolute;
    top: -24px;
    left: -10px;
    border-radius: 50%;
    background-color: #3cc953;
    width: 50px;
    height: 50px;
    border: 5px solid #0e526f;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
}
.popup-subscribe-item p a{
    color: #3cc953;
}
.popup-subscribe-item p a:hover{
    text-decoration: none;
}
.popup-subscribe-item p{
    font-weight: 300;
    margin-top: 19px;
}
.popup-bottom{
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 22px;
    padding-left: 56px;
}
.popup-bottom img{
    margin: 0 15px;
}
.popup-bottom span{
    padding-bottom: 30px;
}
.arrow-popup{
    position: fixed;
    right: 168px;
    bottom: 400px;
    z-index: 0;
    opacity: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    width: 100px;
    height: 100px;
    -webkit-animation: arrow-popup 2s ease 0s infinite normal;
    -o-animation: arrow-popup 2s ease 0s infinite normal;
    -moz-animation: arrow-popup 2s ease 0s infinite normal;
    animation: arrow-popup 2s ease 0s infinite normal;
}
.arrow-popup.active{
    opacity: 1;
    z-index: 10;
}
@keyframes arrow-popup{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-70px);
    }
    100%{
        transform: translateY(0);
    }
}













@media(max-width: 1440px){
    .popup-subscribe {
        max-width: 700px;
    }
    .popup-subscribe-img img{
        max-width: 100%;
    }
    .popup-bottom{
        font-size: 16px;
    }
    .popup-subscribe-item p {
        margin-top: 9px;
    }
}
@media(max-width: 1365px){
    .popup-subscribe {
        max-width: 560px;
    }
    .popup-bottom img {
        margin: 0 10px;
        max-width: 120px;
    }
    .popup-subscribe .popup-form-cover{
        padding-bottom: 80px;
    }
    .popup-bottom{
        font-size: 13px;
    }
    .popup-subscribe-item span {
        top: -24px;
        left: -19px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 32px;
    }
    .popup-subscribe h6 {
        font-size: 32px;
    }
    .popup-subscribe-slogan {
        font-size: 18px;
        margin: 0 0 36px;
    }
    .popup-subscribe-item {
        width: calc(33.33% - 12px);
    }
}

@media(max-width: 1199px){
    .arrow-popup {
        right: 100px;
        bottom: 400px;
        width: 80px;
        height: 80px;
    }
    .popup-subscribe .popup-form-cover {
        padding: 27px 20px 62px 20px;
    }
    .popup-bottom img {
        max-width: 100px;
    }
    .popup-bottom {
        bottom: -46px;
        padding-left: 38px;
    }
}
@media(max-width: 991px){
    .arrow-popup{
        position: fixed;
        right: 380px;
        bottom: 60px;
    }
    @keyframes arrow-popup{
        0%{
            transform: translateX(0) rotate(-90deg);
        }
        50%{
            transform: translateX(-50px) rotate(-90deg);
        }
        100%{
            transform: translateX(0) rotate(-90deg);
        }
    }
}
@media(max-width: 650px){
    .statistics-cover .statistics-holder ul{
        width: 50%;
    }
    .popup-subscribe-wrap{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .popup-subscribe-item {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .popup-subscribe-item:last-child{
        margin-bottom: 0;
    }
    .popup-subscribe-img img {
        max-width: 130px;
    }
    .popup-subscribe-item p {
        margin-top: 0;
        text-align: left;
        margin-left: 15px;
    }
    .popup-subscribe h6 {
        font-size: 26px;
    }
    .popup-subscribe-slogan {
        font-size: 16px;
        margin: 0 0 24px;
    }
    .popup-bottom {
        bottom: -34px;
        padding-left: 10px;
    }
    .popup-bottom img {
        max-width: 80px;
    }
    .popup-bottom {
        font-size: 12px;
    }
    .popup-subscribe .popup-form-cover {
        padding: 27px 20px 50px 20px;
    }
    .popup-subscribe {
        max-width: 460px;
    }
    .arrow-popup{
        display: none;
    }
}
@media(max-width: 480px){
    .statistics.statistics-item-wrap {
        width: 100%;
    }
    .statistics-block.statistics-cover{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .statistics-block.statistics-cover::before{
        display: none;
    }
    .statistics-cover .statistics-holder {
        margin-bottom: 0;
    }
    .popup-subscribe-img img {
        max-width: 106px;
    }
    .popup-subscribe-item span {
        top: -14px;
        left: -12px;
        width: 34px;
        height: 34px;
        font-size: 14px;
        line-height: 26px;
    }
    .popup-subscribe {
        max-width: 300px;
    }
    .popup-subscribe .popup-form-cover {
        padding: 26px 15px 50px 15px;
    }
    .popup-bottom img {
        max-width: 65px;
    }
    .popup-bottom {
        bottom: -26px;
    }
    .popup-subscribe-item p {
        margin-left: 10px;
    }
    .popup-subscribe h6 {
        font-size: 22px;
    }
    .popup-subscribe-slogan {
        margin: 0 0 16px;
    }
}

.new-wrap-text {
    margin: 20px 20px 20px 7px;
    min-height: 300px;
}

.new-wrap-text.center {
    text-align: center;
}

.new-wrap-text p {
    font-size: 16px;
    color: #333;
    clear: both;
}

.new-wrap-text p a {
    font-size: 16px;
    text-decoration: none;
}

.new-wrap-text form {
    max-width:400px;
    margin: 0 auto;
}

.popup.popup-action-picture.active {
    /*kagdar*/
    /*width: 100%;*/
    /*max-width: none;*/
    /*max-height: 100%;*/
    /*overflow-y: auto;*/
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
}
.popup.popup-action-picture img{
    width: auto !important;
    max-width:1600px;
    /* max-width:100%;
	max-height:100%; */
}
.reg-step-text {
    text-align: left;
}

.reg-step-text p {
    font-weight: 400;
}
@media(max-height: 1000px){
    .chat-wrap .message-list{
        /*height: 430px;
		padding-bottom: 5px;*/
    }
}
@media(max-height: 900px){
    .chat-wrap .message-list{
        /*height: 330px;*/
    }
}
@media(max-height: 800px){
    .chat-wrap .message-list{
        /*height: 235px;*/
    }
}
@media(max-height: 750px){
    .popup-action11 .popup-close{
        right: 10px;
        top: 10px;

    }
}
@media(max-height: 700px){
    .chat-wrap .message-list{
        /*height: 205px;*/
    }
}
@media(max-height: 650px){
    .popup.popup-action8.active #w1 input{
        height: 40px;
    }
}
@media(max-height: 600px){
    .chat-wrap .message-list{
        /*height: 190px;*/
    }
    .chat-wrap .form-chat .textarea-div{
        height: 30px;
        overflow: hidden;
    }
    .popup.popup-action8.active #w1 input,
    .popup.popup-action8.active #w1 select{
        height: 35px;
        font-size: 14px;
    }
    .popup.popup-action8.active #w1 .btn{
        line-height: 18px;
        padding: 10px 0;
    }
    .popup.popup-action8.active .login_button a{
        font-size: 16px;
    }
}
@media(max-height: 550px){
    .chat-wrap .message-list{
        /*height: 160px;*/
    }
    .popup.popup-action8.active #w1 input,
    .popup.popup-action8.active #w1 select{
        height: 30px;
        font-size: 13px;
    }
    .popup.popup-action8.active #w1 .btn{
        padding: 7px 0;
    }
    .popup.popup-action8.active .login_button a{
        font-size: 15px;
    }
    .popup-form-cover{
        padding: 10px 10px;
    }
    .popup.popup-action8.active .popup-close{
        top: 0;
        right: 0;
    }
}
@media(max-height: 520px){
    .chat-wrap .message-list{
        /*height: 140px;*/
    }
}
.hidden-block {
    display:none;
}
@media(max-width:1199px) {
    .header-news a { font-size: 11px; }
}
@media(max-width:991px) {
    .header-news a { font-size: 10px; }
}
@media(max-width:767px){
    .cabinet-btn.btn { padding: 0 20px; }
    .instrukciya a{ width: 100%; padding: 0 5px; }
    .smile_opn{display: none;}
    footer{
        position: static;
    }
}
@media(max-width: 480px){
    .btn{
        margin: 0;
    }
    #clockdiv,
    .last-text{
        position:relative;
        right:0;
        top:0;
    }
    .new-wrap-text {
        margin: 0px 10px 20px 10px;
        min-height: 0;
    }
    .last-question {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center;
        margin:10px 0;
    }
    .answears-wrap-a{
        margin:5px 0;
        right:0;
        text-align:center;
    }
    .test-image-wrap{
        margin-bottom:120px;
    }
}
@media(max-width: 420px){
    .chat-wrap .form-chat .wrap-box{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wrap-download-image{
        order: 1;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    #w1{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    #w1 .wrap-download-image{
        width: 100%;
        max-width: 100%x;
        margin-top: 20px;
        margin-left: 0;
    }
    .icon_del{
        order: 2;
        /*margin-top: 10px;*/
    }
}
.order_registration{
    cursor:pointer;
}
.moderator_comment{
    display: block;
    text-align: center;
}

.moderator_comment p{
    font-size: 24px;
    margin: 20px auto;
    font-weight: 700;
}

.to-trader{
    display: flex;
    justify-content: space-around;
}
.to-trader iframe{
    width: calc(50% - 10px);
}
@media(max-width: 767px){
    .to-trader{
        flex-direction: column;
        align-items: center;
    }
}
.settings-cover .error_textarea textarea{
    display: block;
    width: 100%;
    max-width: 400px;
    height: 80px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: 0;
    font-size: 16px;
    padding: 10px 15px 5px;
    color: #333;
    font-weight: 300;
    font-family: "Museo", sans-serif;
    margin-bottom: 9px;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -ms-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    resize: vertical;
}
.popup-action-chat p, .popup-action-chat .carma_point{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin-left: 5px;
}
.popup-action-chat p, .popup-action-chat .carma_point b{
    margin-right: 0;
    text-align: center;
}
.popup-action-chat .user-info .carma_point b:nth-child(2),
.popup-action-chat .user-info .carma_point b:last-child{
    margin: 0;
    color: #fff;
}
.popup-action-chat .user-info .carma_point b span{
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    transition: 0.4s ease;
}
.popup-action-chat .user-info .carma_point b span:hover{
    color: #ccc;
}
.carma_point b:first-child{
    width: 100%;
    color: rgba(255,255,255,0.6) !important;
}
.popup-action-chat .time_on_site,
.popup-action-chat .carma_point{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.popup-action-chat .time_on_site b,
.popup-action-chat .carma_point b{
    margin-bottom: 0;
}
.popup-action-chat .time_on_site{
    color: #fff;
    margin-right: 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.participants-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.participants-list li.first{
    order: 1;
}
.participants-list li{
    order: 2;
}


.has-error .help-block {
    color:#FF0000;
    margin-bottom:10px;
}


.to-trader{
    display: flex;
    justify-content: space-around;
}
.to-trader iframe{
    width: calc(50% - 10px);
}
@media(max-width: 767px){
    .to-trader{
        flex-direction: column;
        align-items: center;
    }
}
.sticker-list li img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.sticker-list.disabled{
    pointer-events: none;
}
.sticker{
    position: absolute;
    left: 34px;
    top: 13px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.sticker:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.sticker img{
    width: 25px;
    width: 25px;
    display: block;
}
.sticker-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    background-color: #fff;
    border: 1px solid #cbdfee;
    padding: 10px 6px 6px !important;
    margin-top: 7px;
    width: 100% !important;
    top: 54px;
    left: 0;
    z-index: 1;
    display: none;
}
/*.sticker-list:before {
	content: "";
	position: absolute;
	left: 19px;
	top: -9px;
	width: 15px;
	height: 15px;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top: 1px solid #cbdfee;
	border-right: 1px solid #cbdfee;
	z-index: 1;
}*/
.sticker-list.active{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.sticker-list li{
    width: 25%;
    height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 2px;
}
.sticker-list li img{
    cursor: pointer;
}
.message-text img{
    max-width: 150px;
    width: 100%;
}
/*.popup .chat-wrap .form-chat .smile-list.active,*/
.popup .sticker-list{
    top: auto;
    bottom: 40px;
}
.popup .sticker-list::before{
    display: none;
}
@media(max-width: 767px){
    .sticker {
        display: none;
    }
}

.menu-list li:last-child a {
    font-weight: bold;
}

.menu-list li:last-child a img {
    width: 35px;
    height: 40px;
}

/* ---------------------------new styles---------------------------*/

.marquee{
    margin-top: 30px;
    margin-bottom: 50px;
    padding:9px 0 5px;
    background: #468CE4;
    border-radius: 5px
}
.marquee .m_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.statistics-info li:first-child:before {
    display: none;
}
.statistics-info li:first-child span{
    margin-right: 10px;
}
.statistics-info li:before{
    border-radius: 10px;
    width: 8px;
    height: 8px;
}
.statistics-holder{
    margin-bottom: 0;
    height: auto;
}
.statistics-holder ul{
    padding-left: 25px;
    padding-top: 5px;
    width: 160px;
    margin-right: 36px;
    vertical-align: top;
}
.statistics-holder ul li{
    text-align: left;
    display: block;
    margin-right: 0;
    margin-bottom: 6px;
    background: none;
}
.statistics-holder ul li span{
    top: -4px;
    width: 15px;
    text-align: right;
    left: -25px;
}
.statistics-holder ul li:first-child{
    position: relative;
    width: auto;
    text-align: left;
    border: none;
    background-image: none;
    height: auto;
    margin-bottom: 18px;
    left: -25px;
}
.statistics-holder ul li:nth-child(2),
.statistics-holder ul li:nth-child(3){
    height: 8px;
    border-radius: 10px;
    border:none;
}
.statistics-holder ul li:nth-child(2){
    background: linear-gradient(-90deg, #51BE59 1%, #46B479 100%);
    /*transform: rotate(180deg);*/
}
.statistics-holder ul li:nth-child(3){
     background:linear-gradient(-90deg, #C10E10 0%, #BA2D58 100%);
     /*transform: rotate(180deg);*/
}
.all_link{
    position: relative;
    display: inline-block;
    border: 2px solid #51BE59;
    box-sizing: border-box;
    border-radius: 10px;
    width: 172px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 9px 20px 7px;
    overflow: hidden;
    margin-top: 8px;
}
.all_link span{
    line-height: 1.4em;
}
.all_link svg{
    position: relative;
    left: 10px;
}
.all_link:after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    right: 100%;
    top: 0;
    background: #51BE59;
    transition: right .3s;
}
.all_link:hover:after{
    right: 0;
}

.statistics.statistics-item-wrap{
    width: 50%;
}
.statistics-cover .statistics-holder{
    font-size: 0;
    justify-content: flex-start;
}
.statistics-cover .statistics-holder ul{
    display: inline-block;
    width: 20%;
    font-size: 14px;
    margin: 0;
    padding-right: 25px;
    height: 110px;
}
.statistics-block.statistics-cover::before{
    display: none;
}
@media screen and (max-width: 767px) {
    .statistics-cover .statistics-holder ul{
        width: 50%;
        height: 110px;
    }
}
/*______________________stat details______________________*/
.statistic-details .statistic-holder{
    margin-right: -15px;
    margin-left: -15px;
    font-size: 0;
    margin-top: 30px;
}
.statistic-details .statistic-holder:after{
    content: '';
    display: table;
    clear: both;
}
.s_datail_block{
    background: #F8F7FC;
    border-radius: 5px;
    margin: 0 15px 30px;
    width: calc(33.333333333333% - 30px);
    min-width: 369px;
    float: left;
    color: #333;
    height: 446px;
    overflow: hidden;
}
.s_datail_block>p{
    font-size: 24px;
    color: #C10E10;
    text-align: center;
    font-weight: bold;
    margin-top: 23px;
    margin-bottom: 5px;

}
.s_datail_block>ul{
    padding: 10px 0;
    height: 60px;
}
.s_datail_block>ul li{
    display: inline-block;
    vertical-align: top;
    padding: 0 26px;
    width: 50%;
    font-size: 18px;
}
.s_datail_block>ul li span{
    display: block;
    font-weight: bold;
}
.s_datail_block>ul li span:first-child{
    text-transform: uppercase;
    font-size: 10px;
    color: #8B929E;
    letter-spacing: 0.07em;
    margin-bottom: 5px;
    line-height: normal;
}
.s_datail_block>ul.gray_bg{
    background: rgba(228, 229, 242, 0.7);
}
.s_datail_block .statistic_image{
    padding: 20px;
}
.s_datail_block .statistic_image div{
    height: 170px;
    overflow: hidden;
}
.s_datail_block .statistic_image img{
    max-width: 100%;
    height: auto;
}
.s_datail_block>ul li span.result-2{
    color:  #c71416
}
.s_datail_block>ul li span.result-1{
    color:  #52BD5C
}
.statistics-holder ul{
    position: relative;
    cursor: pointer;
}
.statistics-holder ul:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -2;
    top: -5px;
    left: -10px;
    right: -10px;
    bottom: 10px;
    background: #194659;
    border-radius: 5px;
    opacity: 0;
    transition: all .3s;
}
.statistics-holder ul:after{
    content: 'Подробнее';
    display: block;
    position: absolute;
    z-index: -1;
    left: -5px;
    right: -5px;
    bottom: 20px;
    color: #fff;
    opacity: 0;
    transition: all .3s;
}
.statistics-cover .statistics-holder ul:before,.statistics-cover .statistics-holder ul:after {
    right: 20px;
}

.statistics-holder ul:hover:after,.statistics-holder ul:hover:before{
    opacity: 1;
} 

@media screen and (max-width: 767px) {
    .s_datail_block{
        float: none;
        width: 100%;
        min-width: 0;
        max-width: 370px; 
        margin: 0 auto 30px;
    }
    .s_datail_block>ul{
        height: auto;
        min-height: 60px;
    }

    .statistics-holder{
        text-align: center;
    }
}
.statistics-info li:first-child{
    padding-left: 0;
}

/*----------------------------chat----------------------------*/
.s-kabinet .content-wrap .sidebar-news {
    width: calc(42% - 5px);
    background: #F8F7FC;
    border-radius: 5px;
}
.s-kabinet .content-wrap .main-content {
    width: calc(58% - 5px);
    background: #F8F7FC;
    border-radius: 5px;
}
.news-list{
    position: relative;
    padding: 20px
}
.news-list:before{
    content: '';
    display: block;
    position: absolute;top: -69px;right: 0;left: 0;
    background: linear-gradient(180deg, #F8F7FC 78.3%, rgba(248, 247, 252, 0) 111.32%);
    height: 114px;
    z-index: 5;
}
.news-list li {
    padding: 15px 25px 15px 15px;
    display: block;
    color: #333;
    text-decoration: none;
    background: #fff;
    box-shadow: 0px 4px 30px #E4E5F2;
    border-radius: 5px;
    margin-bottom: 10px;
    border:1px solid #fff;
}
.news-list li:last-child{
    border:1px solid #fff;
}
.news-list li:hover {
    background: #fff;
    border-color: #c10e10;
}
.news-list li .avatar{
    display: none;
}
.news-list li .forecast-holder {
    padding-left: 0;
}
.news-list li .date{
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 12px;
}
.news-list li .title{
    margin-top: 0;
    margin-bottom: 6px;
}
.sidebar-news .mCustomScrollBox,.sidebar-news .mCSB_container{
    overflow: visible;
}
.sidebar-news .mCSB_scrollTools{
    right: -13px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C1C5CD;
    width: 3px;
}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
}
.time-block{
    margin: 0 20px;
    height: 93px;
    border-top: 1px solid #E4E5F2;
}

.time-block .item-time{
    font-size: 14px;
    background-color: transparent;
    width: auto;
}
.item-time img{
    display: none;
}
.time-block .item-time .time{
    font-size: 20px;
    min-width: 80px;
    margin-left: 5px;
}
.time-block .item-time .time.real_time{
    color: #5993C4;
}
.time-block .item-time .time.left_time{
    color: #C10E10
}
.chat-wrap{
    padding: 22px 80px 20px 20px;
    position: relative;
}
.chat-wrap .chat-message{
    width: 100%;
}
.chat-wrap .participants-wrap{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    background:#fff;
    padding:15px;
    box-shadow: 0px 4px 30px #E4E5F2;
    border-radius: 5px;
    text-align: center;
    transition: width .3s;
    max-height: 895px;
    overflow: hidden;
}
.chat-wrap .stream+.participants-wrap{
    top: 288px;
    max-height: 617px;
}
.chat-wrap .participants-wrap.open{
    width: 224px
}
.participants-wrap h4{
    font-size: 12px;
    text-align: center;
    color: #8B929E;
    text-transform: none;
    margin-bottom: 5px;
    width: 40px;
    margin-right: 0;
    margin-left: auto;
}

.participants-wrap .online_count{
    font-size: 20px;
    text-align: center;
    color: #5993C4;
    margin-bottom: 15px;
    width: 40px;
    margin-right: 0;
    margin-left: auto;
}
.participants-wrap .open_list{
    margin-bottom: 25px;
}
.participants-wrap .open_list span{
    display: inline-block;
    color: #8B929E;
    font-size: 12px;
    cursor: pointer;
}
.participants-wrap .open_list span:first-child{
    width: 0;
    overflow: hidden;
    transition: width .3s;
}
.participants-wrap.open .open_list{
    text-align: left;
}
.participants-wrap.open .open_list span:first-child{
    width: 55px;
}
.participants-wrap .open_list span:last-child{
    transform: rotateY(180deg) scaleY(1.6) translateY(-1.5px);
}
.participants-wrap.open .open_list span:last-child{
    transform: rotateY(0deg) scaleY(1.6) translateY(-1.5px);
}
.participants-wrap .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.participants-wrap .popup-open.nickname{
    position: relative;
    left: 40px;
    opacity: 0;
    max-width: 0;
    transition:opacity .3s left .3s;
    transition-delay: 0s; 
    overflow: hidden;
    font-size: 14px;
    padding-left: 10px;    
    color: #333333;
    font-weight: bold;
}
.participants-wrap.open .participants-list li{
    text-align: left;
}
.participants-wrap.open .popup-open.nickname{
    max-width: 155px;
    opacity: 1;
    left: 0; 
    transition-delay: .5s;  
}
.cover-image-block{
    display: block;
    margin-left: 4px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 0;
}

.participants-wrap .participants-list li img{
    width: 32px;
    margin: 0;
}

.internal_cover .date{
    float: none;
}

.chat-wrap .message-info .message-text{
    background: #fff;
    padding: 13px 19px;
    box-shadow: 0px 4px 30px #E4E5F2;
    border-radius: 0px 5px 5px 5px;
    font-size: 14px;
}
.chat-wrap .fromself .message-info .message-text{
    border-radius: 5px 0px 5px 5px;
}
.status-1 .message-info{
    border: none;
}
.status-1 .message-info:before{
    display: none;
}
.chat-wrap .item-message .user-img{
    width: 49px;
    height: 49px;
    margin-right: auto;
    margin-left: auto;
}
.img-wrap .status{
    color: #8B929E;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}
.status-4 .img-wrap .status{
    color: rgba(193, 14, 16, 0.5);
}
.img-wrap .karma{
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #8B929E;
    word-spacing: 3px
}
.img-wrap .karma span:first-child{
    padding-right: 5px 
}
.img-wrap .karma span:last-child{
    padding-left: 5px;
}
.img-wrap .karma span:first-child, 
.img-wrap .karma span:last-child{
    cursor: pointer;
}
.img-wrap .karma .karma_val:before{
    content: url(../img/karma_small.svg);
    margin-right: 3px;
}

.chat-wrap .item-message{
    margin-bottom: 30px;
    max-width: 463px;
}
.answear-btn{
    /*position: absolute;
    top: 0;
    left: 50%;*/
    margin:0;
    background-color: transparent;
    color: #8B929E;
    opacity: 0;
    padding: 0; 
}
.answear-btn:before{
    content: url(../img/answear.svg);
    display: inline-block;
    margin-right: 5px;
}
.remove-message{
    text-decoration: none;
    float: none;
    opacity: 0;
}
.fromself   .remove-message{
    margin-left: 10px;
}
.chat-wrap .item-message .wrap-status,
.fromself .internal_cover .name,
.fromself .img-wrap{
    display: none;
}
.chat-wrap .fromself .message-info .message-text{background: #CFE2EF;}
.fromself{
    margin-right: 0;
    margin-left: auto;
}
.fromself .internal_cover{
    text-align: right;
}
.chat-wrap .message-info .name{
    color:#333;
}
.chat-wrap .message-info{
    padding-top: 0px;
}
.internal_cover{
    top:0;
    position: relative;
    padding:5px 0; 
}
.internal_cover .message_options{
    display: inline;
}
.internal_cover .message_options a{
    display: inline-block;
}
.internal_cover .message_options a+a{
    margin-left: 20px;
}
.internal_cover>a, .internal_cover>span{
    margin-right: 20px;
    display: inline-block;
}
.internal_cover .remove-message{
    margin-right: 0;
    text-transform: lowercase;
}
.internal_cover .remove-message:before{
    content:url(../img/ex_del.svg);
    display: inline-block;
    margin-right: 5px;
}
.item-message.fromself .internal_cover>span{
    margin-right: 0;
}

.internal_cover a:hover{
    color: #5993C4
}
.internal_cover>a:first-child{
    margin-right: 10px;
}
.internal_cover .toprivat{
    text-decoration: none;
    color: #8B929E;
    opacity: 0;
}
.internal_cover .toprivat:before{
    content:url(../img/mail.svg);
    display: inline-block;
    margin-right: 5px;
}
.item-message:hover .toprivat,
.item-message:hover .answear-btn,
.item-message:hover .remove-message{
    transition: opacity .3s;
    opacity: 1;
}
.chat-wrap .message-list{
    height: 811px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E5F2;
    padding-bottom: 0;
}
.chat-wrap .form-chat{
    background: #FFFFFF;
    box-shadow: 0px 2.19066px 16.43px #E4E5F2;
    border-radius: 0px 0px 2.73833px 2.73833px;
    padding-left: 86px;
    border: none;
    position: relative;
}
.chat-wrap .form-chat .textarea-div{
    height: 24px;
    line-height: 24px;
}
.chat-wrap .form-chat .wrap-box{
    position: absolute;
    left: 12px;
    top: 5px;
    right: 15px
}
.chat-wrap .form-chat input[type="submit"]{
    border: none;
    padding: 0;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 0;
    background-image: url(../img/send_m.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-color: #468CE4

}
.form-group.field-chat-chat_image{
    background-image: url(../img/add_file.png);
    width: 20px;
    position: absolute;
    right: 40px;
    top: 11px;
    cursor: pointer;
    opacity: 1;
}
.sticker{
    top: 11px;
}
.sticker img{
    width: auto;
}
.smile_opn{
    top: 9px;
    left: 0;
}

.stream{
    margin: 0;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px #E4E5F2;
    border-radius: 5px;
    overflow: hidden;
    width: 70px;
    top: 10px;
    right: 10px;
    height: 268px;
    padding: 15px 20px 20px;
    transition: width .3s;
    z-index: 6;
}
.stream.open{
    width: 648px;
}
.stream .video_container{
    position: absolute;
    top: 15px;
    left: 79px;
    margin: 0;
    width: 409px;
    height: 0;
    overflow: hidden;
    height: 230px;
}
.stream .video_container iframe{
    position: absolute;
    top: 0;
    left: 0;
    height: 230px;
    width: 100%!important;
    height:100%!important
}
.stream .open_list{
    position: absolute;
    right: 27px;
    bottom: 20px;
}
.stream .open_list span{
    display: inline-block;
    color: #8B929E;
    font-size: 12px;
    cursor: pointer;
}
.stream .open_list span:first-child{
    width: 0;
    overflow: hidden;
    transition: width .3s;
}
.stream.open .open_list span:first-child{
    width: 55px;
}
.stream .open_list span:last-child{
    transform: rotateY(180deg) scaleY(1.6) translateY(-1.5px);
}
.stream.open .open_list span:last-child{
    transform: rotateY(0deg) scaleY(1.6) translateY(-1.5px);
}
.stream .play_logo{
    position: absolute;
    top: 15px;
    right: 19px;
}
.stream .ytb_logo{
    position: absolute;
    height: 0;
    top: 15px;
    left: 20px;
    transition: height 0s;
    transition-delay: 0s;
    overflow: hidden;
}
.stream.open .ytb_logo{
    transition: height .3s;
    transition-delay: 1s;
    height: 38px;
}
.stream_text{
    position: absolute;
    top: 131px;
    right: -41px;
    transform: rotate(90deg);
    text-transform: uppercase;
    font-size: 12px;
    color: #8B929E;
    font-weight: bold;
    width: 154px;
}
.stream_text span:first-child{
    position: absolute;
    top: -7px;
    left: 8px;
    width: 100%;
    opacity: 1;
    transition: all .5s;
    transition-delay: .3s;
}
.stream.open .stream_text span:first-child{
    top:20px;
    opacity: 0;
    transition-delay: 0s;
}
.stream_text span:last-child{
    position: absolute;
    top: -20px;
    left: 8px;
    width: 100%;
    opacity: 0;
    transition: all .5s;
    transition-delay: 0s;
    color: #5992C3;
}
.stream.open .stream_text span:last-child{
    top: -7px;
    opacity: 1;
    transition-delay: .5s
}

/*-----------------------------popups-----------------------------*/

.popup.popup-action11.active {
    max-width: 600px;
}
.popup.popup-action-chat{
    max-width: 470px;
}
.popup .chat-wrap .message-list{
    height: 335px;
}
.popup-action-chat .cover_outside{
    background-image: url(../img/popup_header.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 92px;
}
.popup-action-chat .user-info{
    background-image: none;
    padding-bottom: 65px;
    padding-top: 30px;
    padding:20px 40px 65px;
}
.popup-action-chat .inside_cover,
.popup-action-chat .inside_cover span, 
.popup-action-chat .time_on_site,
.popup-action-chat .inside_cover p,
.popup-action-chat .inside_cover a{
    color: #4D4D4D;
}
.popup-action-chat .user-info b{
    color: #8B929E
}
.popup-action-chat .popup-close::before,
.popup-action-chat .popup-close::after,
.popup-action-chat .close::before,
.popup-action-chat .close::after {
    background-color: #fff;
}
.popup-close::before, .popup-close::after, .close::before, .close::after{
    width: 3px;
}
.popup-action-chat .time_on_site{
    /*flex-direction: row;*/
}
.popup-action-chat .time_on_site span, .popup-action-chat .carma_point{
    color: #5993C4;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
}
.popup-action-chat .time_on_site, .popup-action-chat .carma_point{
    align-items: start;
    justify-content: flex-start;
}
.popup-action-chat .user-info .carma_point b:nth-child(2), .popup-action-chat .user-info .carma_point b:last-child{
    color:#4d4d4d;
}
.popup-action-chat .user-info > div{
    width: 40%;
}
.popup-action-chat .user-info > div.about-me{
    width: 100%;
    text-align: left;
}
.popup-action-chat p, .popup-action-chat .carma_point{
    margin-left: 0;
    text-align: left;
}
.popup-action-chat .carma_point b span.karma_plus{
    margin-left: 10px;
    color: #4d4d4d;
}
.popup-action-chat .carma_point .karma_val{
    font-weight: bold;
}
.popup-action-chat .carma_point .karma_val:before{
    content: url(../img/karma_star.svg);
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
}
.carma_point {
    color: #5993C4!important;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
}
.carma_point b:first-child,.time_on_site div:first-child{
    color: #8B929E!important;
    text-align: left;
    margin-bottom: 7px;
    text-transform: lowercase;
}
.popup-action-chat .user-info b:first-child{
    margin-bottom: 7px;
    text-transform: lowercase;
}

.popup-action-chat .user-img,.popup-action-chat .cover_image_traider{
    width: 98px;
    height: 98px;
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    border: none;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.4);
    line-height: 98px;
}
.popup-action-chat .user-name{
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    text-align: center;
    color: #333333;
}
.cover_inside{
    text-align: center;
}
.popup-action-chat .image-holder{
    margin-top: 0;
}
.popup-close{
    z-index: 99;
    border: none;
    border: none;
    width: 15px;
    height: 15px;
}
.popup-close::before, .popup-close::after{
    background-color: #8B929E;
    height: 18px;
    width: 2px;
}
.popup{
    padding: 0;
}
.popup-form-cover{
    background: #F8F7FC;
    border-radius: 5px;
    padding: 20px 20px 20px;
}
.popup-form-cover h5{
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #E4E5F2;
    padding-bottom: 10px;
}
.popup-form-cover h5:before{
    content: url(../img/pp_chat.svg);
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.popup .chat-wrap{
    padding: 20px 0 0;
}
body.modal .overlay{
    z-index: 77
}
.popup.active{
    z-index: 99;
}

.wrap-download-image{
    top: -120px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3)
}
.wrap-download-image img{
    margin: 10px 20px 10px 10px
}
.wrap-download-image .icon_del {
    position: absolute;
    top: -10px;
    right: -20px;
    cursor: pointer;
}


/*____________________________chat anim____________________________*/



.new-forecast{
    animation: newmessage 2s 20;
}
@keyframes newmessage{
    0%{box-shadow: 0 0 14px 0 rgba(193,14,16,.1);}
    50%{box-shadow: 0 0 14px 0 rgba(193,14,16,1);}
    100%{box-shadow: 0 0 14px 0 rgba(193,14,16,.1);}
}

/*____________________demo btn____________________*/
.demo_button a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-decoration: underline;
    color: #c71416;
    max-width: 243px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    max-width: 100%;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    cursor: pointer;
    margin-top: 14px;
}
.demo_button a:hover{
    text-decoration: none;
} 
@media (max-height: 600px){
    .demo_button a{
        font-size: 16px;
    }
}
@media (max-height: 550px){
    .demo_button a{
        font-size: 15px;
    }
}

/*______________________MEDIA QUERIES______________________*/


@media screen and (max-width: 991px){
    .chat-wrap .form-chat .sub-lab img{
        display: none;
    }
    .time-block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .time-block .item-time{
        width: 100%;
    }
    .internal_cover .toprivat{
        opacity: 1;
    }
    .message_options{
        position: absolute;
        z-index: 4;
        top: 20px;
        right: 0;
        margin: 0;
        background: #fff;
        padding: 5px 0;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
        border-radius: 4px;
    }
    .message_options.open{
        opacity: 1;
        visibility: visible;
    } 
    .internal_cover .message_options a{
        display: block;
        margin: 0!important;
        font-size: 12px;
        opacity: 1;
        padding: 5px 10px;
    }
    .internal_cover .more_dots{
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        position: absolute;
        z-index: 4;
        top: 0;
        right: 0;
        margin: 0;
        cursor: pointer;
        border-radius: 3px;
    }
    .internal_cover .more_dots:after{
        content: '\2807';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 18px;
        line-height: 20px;
        color:#ccc;
    }
    .internal_cover .message_options.open+.more_dots:after{
        color: #C10E10;
    }
    .fromself .internal_cover{
        padding-right: 25px;
    }
    .chat-wrap .form-chat .wrap-box{
        top:1px;
    }
}
@media screen and (max-width: 767px){
    body{padding-bottom: 0 !important;}
    .time-block .item-time, .s-kabinet .content-wrap .sidebar-news, .s-kabinet .content-wrap .main-content {
        width: 100%;
    }
    .time-block{
        height: auto;
    }
    .chat-wrap{
        padding: 10px;
    }
    .chat-wrap .participants-wrap, .stream{
        position: relative;
        top: 0 !important;
        right: 0;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .participants-wrap .online_count, 
    .participants-wrap h4{
        width: auto;
        text-align: left;
    }
    .participants-wrap .open_list, .stream .open_list{
        display: none;
    }
    .participants-wrap .popup-open.nickname{
        opacity: 1;
        left: 0;
        max-width: none;
    }
    .stream_text{
        transform: rotate(0deg);
        position: static;
        width: 100%;
        text-align: center;
        margin: 10px 0 20px;
    }
    .stream_text span:first-child{
        display: none;
    }
    .stream_text span:last-child{
        position: static;
        opacity: 1;
    }
    .stream .video_container{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: 56%;
        height: 0;
    }
    .stream .ytb_logo{
        height: auto;
        width: 32px;
    }
    .stream .ytb_logo img{
        width: 100%;
        height: auto;
    }
    .sticker, .smile_opn{
        display: block;
    }
    .chat-wrap .form-chat .smile-list.active,
    .sticker-list{
        z-index: 9;
    }
    .chat-wrap .item-message .user-img{
        height: 40px;
    }
    .statistics-info{
        text-align: center;
    }
    .statistics-info li{
        margin-right: 0;
    }
    .statistics-info li:first-child{
        margin-bottom: 10px;
        margin-right: 0;
    }
    .statistics-info li:first-child span{
        display: block;
        margin-bottom: 10px;
    }
    .statistics-info li:last-child{
        margin-left: 30px;
    }
    .img-wrap .karma .karma_val:before{
        display: none;
    }
}
@media screen and (max-width: 350px){
    .chat-wrap .message-info .name{display: inline-block;}
    .chat-wrap .message-info .date{position: static;}
}

/* _______________________3.01.19 new fixes_______________________*/
.form-group.field-chat-chat_image #chat-chat_image::-webkit-file-upload-button {
  display: none;
}
.form-group.field-chat-chat_image{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-size: 20px 20px;
    background-position: center center;
    top: 8px;
    transition: all .3s;
}
.form-group.field-chat-chat_image:hover{
    background-color: #e1e1e1;
}
.chat-wrap .form-chat input[type="submit"]:hover{
    background-color:#587fb1;
}

.menu-list li:last-child a img{
    height: auto;
}
.statistic_image div{
    cursor: pointer;
}
.statistics-cover .statistics-holder ul.no_info{
    cursor: auto;
}
.statistics-cover .statistics-holder ul.no_info:before, .statistics-cover .statistics-holder ul.no_info:after{
    display: none;
    
}
.chat-wrap .participants-wrap{
    height: 100%;
}
.dropdown_kurs{
    z-index: 6
}


/* _______________________9.01.19 new fixes_______________________*/

.chat-wrap .form-chat .textarea-div{
    max-width: 350px;
    /*height: 32px;*/
    line-height: 14px;
}
.chat-wrap .form-chat .placeholder-div{
    position: relative;
    top: 6px
}
.registration_button a.popup-open, .login_button a.popup-open{
    border: 2px solid #e02019;
    border-radius: 5px;
}

.registration_button a, .login_button a, .demo_button a{
    line-height: 45px;
    border:1px solid #ff0205;
    border-radius: 4px;
}

/*-----------------------10.01.19-----------------------*/
.popup-action-expired h2{
    color: #000;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin: 30px 0;
}
.popup-action-expired p{
    color: #000;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

@media (max-width:480px) {
    .statistics.statistics-item-wrap{
        width: 100%;
    }
}


/********** reviews **********/

.reviews{
    margin-bottom: 50px;
}
.rev_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.veiw_col{
    width: 600px;
    transition: width .5s ease;
}
.list_col{
    width: calc(100% - 670px);
    padding-right: 92px;
    position: relative;
    transition: all .5s ease;
}
.rev_video{
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.rev_video iframe, .rev_item .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rev_title{
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 900
}
.rev_desc .name .firstname-lastname,.rev_desc .name{
    margin: 35px 0;
    font-size: 22px;
    font-weight: 700;
}
.rev_desc .name span{
    font-size: 20px;
    font-weight: 400;
}
.rev_desc .text{
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 28px;
    opacity: .8
}
.rev_list_outer{
    padding: 15px 30px;
    background: rgba(199, 20, 22, 0.71);
}
.rev_list_outer>p{
    font-weight: 900;
    font-size: 15px;
    opacity: .8;
    margin-bottom: 20px;
}
.slick-vertical .slick-slide.rev_item{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border:none;
}
.rev_item .video,.rev_item .desc {
    width: calc(50% - 10px);
}
.rev_item .video div{
    position: relative;
    min-height: 150px;
}
.rev_item .video div img{
    cursor: pointer;
}
.rev_item .text{
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 19px;
    opacity: .8;
}
.rev_item .name{
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
}
.rev_item .name .review_city{
    display: block;
    font-size: 9px;
    line-height: 13px;
    font-weight: 300;
}
.rev_item .links img{
    width: 14px;
}
.rev_item .links{
    margin-bottom: 20px;
}
.rev_item .show{
    display: inline-block;
    background: transparent;
    border-radius: 2px;
    line-height: 14px;
    border:1px solid #4FBC5F;
    text-align: center;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.8);
    width: 86px;
}
.rev_item .show:hover{
    background: #4FBC5F;
}
.rev_nav{
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	padding-bottom: 74px;
}
.rev_nav .slick-prev, .rev_nav .slick-next{
	font-size: 0;
	width: 74px;
	height: 74px;
	background: transparent;
	border-radius: 99px;
	border:3px solid #4FBC5F;
	box-sizing: border-box;
	position: relative;
}
.rev_nav .slick-prev:hover, .rev_nav .slick-next:hover{
	background: #4FBC5F;
}
.rev_nav .slick-next{
	position: absolute;
	bottom: 0;
	left: 0;
}
.rev_nav .slick-prev:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-25%) rotate(45deg);
	border:2px solid #fff;
	border-bottom-color: transparent;
	border-right-color: transparent;
}
.rev_nav .slick-next:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-70%) rotate(45deg);
	border:2px solid #fff;
	border-top-color: transparent;
	border-left-color: transparent;
}
.rev_nav .slick-dots{
	margin: 43px 0;
}
.rev_nav .slick-dots li{
	text-align: center;
}
.rev_nav .slick-dots li button{
	font-size: 0;
	border: none;
	border-radius: 10px;
	width: 13px;
	height: 13px;
	background: rgba(255, 255, 255, 0.6);
}
.rev_nav .slick-dots li.slick-active button {
	background: #4FBC5F;
}
.rev_nav .slick-dots li+li{
	margin-top: 30px;
}
.wv_cont{ 
	text-align: right;
	margin-bottom: 30px;
	line-height: 33px;
}
.wide_video, .show_all{
	display: inline-block;
	background: #4FBC5F;
	border: 1px solid #4FBC5F;
	box-sizing: border-box;
	border-radius: 2px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 29px;
	text-align: center;
	min-width: 170px;
	font-weight: 700;
}
.video_active .veiw_col{
	width: 100%;
}
.video_active .list_col{
	width: 0;
	padding: 0;
	overflow: hidden;
  transition: width 0s;
}
.video_active .show_all{
	float: right;
}
.video_active .rev_desc{
	display: none;
}

@media screen and (max-width: 1199px) {
	.veiw_col, .list_col{
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 991px) {
	.rev_wrap{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.veiw_col, .list_col{
		width: 100%;
		padding-right: 0;
		padding-bottom: 92px;
	}
	.list_col{
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
	}
	.rev_nav {
		width: 100%;
		top:auto;
		bottom: 0;
		transform: none;
		padding-bottom: 0;
		padding-right: 74px;
		padding-left: 74px;
	}
	.rev_nav .slick-prev, .rev_nav .slick-next{
		width: 50px;
		height: 50px;
		transform: rotate(-90deg);
		top: 60px;
	}
	.rev_nav .slick-prev{
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.rev_nav .slick-next{
		left: auto;
		right: 0;
	}
	.rev_nav .slick-dots li{
		display: inline-block;
		margin-right: 3px;
		margin-left: 3px;
	}
	.rev_nav .slick-dots{
		text-align: center;
	}
	.wide_video, .show_all{
		display: none;
	}
	.slick-vertical .slick-slide.rev_item{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.rev_item .video, .rev_item .desc{
		width: 100%;
		margin-bottom: 15px;
	}
}
.custom_preloader{
    display: none;
    margin: 0 auto;
}

.reg-user {
    margin-bottom: 100px;
}

.reg-user .popup-subscribe-item span {
    left: 50%;
    margin-left: -140px;
}

.reg-user .popup-subscribe {
    max-width: 100%;
}

.reg-user .arrow-popup {
    opacity: 0.5;
}