@font-face {
    font-family: 'GabriolaOne';
    src: local('GabriolaOne'),
        url(fonts/GabriolaOne.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AnastasiaScriptC';
    src: local('AnastasiaScriptC'),
        url(fonts/16156.otf);
	font-style: italic;
    font-display: swap;
}

.i_vip_mini {
    width: 15px !important;
    border: none !important;
    left: 3px !important;
    top: -6px !important
}

body {
    font-family: als_ekibastuz, sans-serif !important;
    padding-top: 90px;
    font-size: 16px !important;
}

.top-name {
	text-align: right;  
	font-family: AnastasiaScriptC;
    font-size: 26px; 
	margin: 7px 10px 0 0;
    font-style: italic; 
	color: #14679f;
}

.publ_txt h2, .publ_txt h3, .publ_txt h4, .publ_txt h5, .publ_txt h6 {
    margin-top: 35px;
    margin-bottom: 11px
}

.city-text-down a, .city-text-up a, .group-text-down a, .group-text-up a {
    font-weight: 600
}

.city-text-down a:hover, .city-text-up a:hover, .group-text-down a:hover, .group-text-up a:hover {
    color: #0097ff
}

a.a-nice-blue {
    font-size: 1.14em;
    font-weight: 500;
    color: #0097ff;
    border-bottom: 1px dotted #0097ff
}

a.a-nice-blue:hover {
    border-bottom: none
}

.podzag-ital {
	font-family: AnastasiaScriptC; 
	font-size:26px; 
	font-style: italic;
}

.blks_indx {
    color: #333;
    background: #fff;
    background: rgba(255, 255, 255, .79);
    box-shadow: 0 14px 14px 0 rgba(0, 0, 0, .25), 0 10px 5px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, .18), -1px 7px 5px 0 rgba(0, 0, 0, .1)
}

blockquote {
    font-family: Georgia, Arial, sans-serif;
    font-style: italic;
    line-height: 27px;
    font-weight: inherit;
    font-size: 24px;
    color: #332f2e;
    margin: 9px 0 0 0;
    padding: 0
}

table.yarko {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    text-align: left
}

table.yarko th {
    color: #fff;
    font-weight: 700;
    background: #00bf80;
    padding: 10px 8px
}

table.yarko tr:hover {
    background: #ebffe8
}

table.yarko td {
    color: #669;
    padding: 9px 8px;
    border: 1px solid #e8e9eb;
    transition: .3s linear
}

.navbar-default .navbar-nav > li > a {
    color: #fefefe;
    transition: .8s;
    border-radius: 0
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff
}

.navbar-default {
    background-color: #d2b37f;
    background-color: #039be5;
    background: rgba(0, 0, 0, .6);
    border-bottom: 1px solid rgba(86, 86, 86, 0);
    transition: .6s
}

.navbar-default:hover {
    transition: .5s;
    background: rgba(0, 0, 0, .9);
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, .19)
}

.navbar-brand {
    padding: 0;
    padding-top: 9px;
    padding-left: 30px
}

.navbar-brand > img {
    width: auto
}

.usl_div {
    padding-left: 0
}

.prt_div p {
    display: none
}

.prt_div {
    font-size: 14pt
}

.part_s img {
    height: 130px;
    margin: 0 20px
}

.F0 {
    font-family: 'PT Sans Caption', sans-serif !important
}

.F1 {
    font-family: 'PT Sans Caption', sans-serif !important
}

.F2 {
    font-family: Intro
}

.F3 {
    font-family: 'PT Sans Caption', sans-serif !important
}

label {
    /*font-weight: 300*/
}

.form-control, .select2-search input[type=text] {
    border: 2px solid #bdc3c7;
    color: #34495e;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.467;
    padding: 8px 12px;
    height: 42px;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: border .55s linear, color .75s linear, background-color .75s linear;
    transition: border .55s linear, color .75s linear, background-color .75s linear
}

body {
    background: #edeef0;
    padding: 0
}

.img_sl1 {
    height: 70px;
    margin: 1.4px 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .41);
    border: 2px solid #fff;
    border-radius: 10%
}

.back-zoom {
    background-size: 125% !important;
    transition: .2s
}

.back-zoom:hover {
    background-size: 101% !important;
    transition: .17s
}

.menu_bk a {
    color: #658cb9;
    position: absolute;
    left: 50px;
    text-decoration: underline
}

@media (max-width: 800px) {
    .menu_bk a {
        text-decoration: none
    }
}

.menu_bk a:hover {
    font-weight: bold;
    color: #1e87f0
}

.menu_bk {
    font-size: 13pt;
    background: #f9fafb;
    margin-top: 23px;
		box-shadow: 0 16px 64px #0000001f;
	border-radius: 41px;
	/*padding: 30px 40px 40px 32px;*/
}

.menu_bk .fa {
    margin-right: 14px;
    color: #c9daec
}





.zg1 {
    font-size: 30pt;
    color: #4a6d96;
    font-weight: 300;
    line-height: 1.7
}

.zg2 {
    font-size: 16pt;
    color: #4a6d96;
    font-weight: 300;
    line-height: 1.7;
    display: block;
    margin: 40px 0 10px
}

.img_sl1 {
    height: 70px;
    margin: 1.4px 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .41);
    border: 2px solid #fff;
    border-radius: 10%
}

.sel1 {
    border: 1px solid #d3d9de;
    border-radius: 1px;
    box-shadow: none;
    padding: 7px;
    width: 100%;
    height: auto;
    font-size: 11pt;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .06), -1px 1px 3px 0 rgba(0, 0, 0, .02)
}

.selMINI {
    font-size: 10pt;
    font-weight: 500
}

.div_conte h1 > small {
    font-size: 12pt;
    color: #999
}

@media (max-width: 600px) {
    .div_conte h1 > small {
        float: none !important;
        display: block
    }
}

.div_conte h1 {
    color: #718cab;
    font-size: 20pt;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(80, 114, 153, .19);
    margin-bottom: 26px
}

.ava0 {
    width: 100px;
    height: 100px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .19), 0 6px 3px 0 rgba(0, 0, 0, .23);
    border-radius: 100%;
    float: left;
    margin-top: -15px;
    margin-right: 22px;
    margin-bottom: 7px;
    transform: scale(1.24);
    margin-top: -2px;
    margin-right: 21px;
    margin-bottom: 7px
}

.ava2 {
    width: 44px;
    height: 44px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .19), 0 6px 3px 0 rgba(0, 0, 0, .23);
    border-radius: 100%;
    float: left;
    margin-top: 5px;
    margin-right: 17px;
    margin-bottom: 7px;
    transform: scale(1.5)
}

.ank2 {
    line-height: 1.39;
    font-size: 10pt;
    color: #444;
    margin-top: 14px;
    min-height: 93px
}

.ank1OFF {
    line-height: 1.44;
    color: #444;
    padding-left: 10px;
    margin-top: 9px;
    background: #f9fafb;
    padding-bottom: 0;
    border-radius: 67px 30px 30px 84px;
    border-right: 2px solid #e7edf7
}

.ank1 {
    line-height: 1.44;
    color: #444;
    padding-left: 10px;
    margin-top: 9px;
    padding-bottom: 0;
    margin: 12px 3px;
    color: #525252
}

.ava_btn {
    position: absolute;
    left: 2px;
    bottom: -5px;
    background: rgba(14, 20, 27, .67);
    border-radius: 100%;
    padding: 5px 9px;
    font-size: 14pt;
    color: #fff;
    transition: .5s
}

.ava_btn:hover {
    background: rgba(7, 116, 243, .7);
    color: #fff;
    box-shadow: 1px 2px 9px rgba(0, 0, 0, .94);
    transition: .1s
}

.pad0hv {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.border-status-red {
    border-color: #ff5722 !important;
    box-shadow: 1px 1px 9px rgba(220, 120, 89, .74) !important
}

.border-status-green {
    border-color: #44cc57 !important;
    box-shadow: 1px 1px 9px #adce86 !important
}

.npd {
    padding: 0
}

.div_vip {
    float: right;
    padding: 3px;
    border-radius: 1px;
    color: #fff;
    font-weight: 500;
    background: rgba(80, 114, 153, .85)
}

.back-zoom {
    background-size: 125% !important;
    transition: .2s
}

.back-zoom:hover {
    background-size: 139% !important;
    transition: .17s
}

.badge2 {
    float: right;
    font-weight: 900;
    background: #e7f1f9;
    padding: 4px;
    border-radius: 2px;
    color: rgba(80, 114, 153, .59);
    font-size: 14px
}

.b_mess {
    float: right;
    padding: 6px;
    border-radius: 100%;
    background: #507299;
    font-weight: 100
}

.cursor {
    cursor: pointer
}

.bckB1 {
    background: linear-gradient(to left, #588fce, #507299)
}

.bckB2 {
    background: linear-gradient(to left, #5a93d4, #4773ac)
}

.bckB3 {
    background: linear-gradient(to left, #5a93d4, #3083c5)
}

#BLOCK_NAV_UP a {
    color: #fff
}

.a_blks a {
    padding: 6px 25px;
    padding: 6px 19px;
    border-radius: 15px
}

.a_blks2 b {
    background: #0067ae;
    padding: 6px 10px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 100
}

.a_blks2PLUS b {
    display: inline-table;
    margin: 3px
}

.i_only {
    color: #4caf50;
    float: none !important;
    font-size: .7em;
    position: absolute;
    margin-left: 4px
}

.i_vip {
    width: 26px;
    float: right;
    position: relative;
    left: 7px;
    top: -8px;
    z-index: 1;
    box-shadow: 0 10px 10px 0 rgba(10, 9, 7, .14), 0 6px 3px 0 rgba(0, 0, 0, .23);
    border-radius: 100%;
    border: 2px solid #fff1e3
}

.i_vip_to_big {
    width: 24px;
    float: right;
    position: relative;
    left: 0;
    top: -3px
}

.yellow-shadow {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
}

.admn_ank_blk {
    background: #f5f5f5;
    border: 2px solid #e3ebeb;
    font-size: 12px;
    margin: 0;
    min-height: 99px
}

.admn_ank_blk .btn, .admn_ank_blk a {
    color: #c16182;
    background-color: #fff;
    border-radius: 0;
    border: none;
    padding: 6px 14px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .19), 0 6px 3px 0 rgba(0, 0, 0, .23);
    font-size: 12px
}

.scroll_design::-webkit-scrollbar {
    width: 9px
}

.scroll_design::-webkit-scrollbar-track {
    background: rgba(237, 242, 246, .5) !important
}

.scroll_design::-webkit-scrollbar-thumb {
    background: #3daadc !important
}

.item {
    max-width: 200px;
    max-height: 200px
}

.publ_zag {
    color: #999;
    font-weight: 400;
    font-size: 13px;
    float: right
}

#notifies h4 {
    font-size: 14px
}

#notifies .alert {
    font-size: 14px;
    background: rgba(0, 0, 0, .78);
    color: #fff;
    border: none;
    border-radius: 0
}

#notifies .alert-danger {
    background: rgba(210, 23, 23, .74);
    color: #fff
}

#notifies .alert-warning {
    background: rgba(210, 23, 23, .74);
    color: #fff;
    font-size: 16px
}

#notifies .close {
    opacity: 1;
    color: #fff;
    font-weight: 100
}

#notifies a {
    font-size: 16px;
    text-decoration: underline;
    color: #fff
}

#notifies ._btn {
    font-weight: 600;
    background: rgba(1, 1, 1, .4);
    padding: 5px 13px;
    border-radius: 15px;
    color: #fff
}

#notifies {
    position: fixed;
    width: 350px;
    width: auto;
    min-width: 300px;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 2000
}

.bl_c_sel_act {
    display: block !important
}

.bl_c_sel {
    height: 280px;
    background: #f8f8f8;
    overflow: auto
}

@media (max-width: 800px) {
    .bl_c_sel {
        height: 248px !important;
        display: none
    }

    .C_NAD_ALL {
        display: none
    }
}

@media (min-width: 800px) {
    .C_NAD_ALL {
        display: block
    }
}

.bl_c_sel {
    height: 300px;
    background: #f8f8f8;
    overflow: auto
}

.bl_c_sel a {
    display: block;
    font-size: 10pt;
    cursor: pointer
}

.bl_c_sel a:hover {
    background: #03a9f4;
    color: #fff
}

.a_c_act {
    background: #2196f3;
    color: #fff
}

.tool-item {
    cursor: pointer
}

.tooltip-block {
    position: absolute;
    background: #0097ff;
    border: 1px solid #e6e6e6;
    padding: 5px 8px;
    font-size: 16px;
    width: 140px;
    line-height: 1.4;
    color: #fff;
    z-index: 400
}

#cropContainerHeaderButton {
    padding: 10px !important;
    width: 100% !important
}

.div_conte {
    background: #f6f6f6;
    border-radius: 5px;
    border: 1px solid rgba(102, 103, 105, .18);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .07), 0 6px 3px 0 rgba(0, 0, 0, .02)
}

@media (max-width: 700px) {
    .div_conte {
        border: none;
        border-radius: 0
    }
}

#BLOCK_AVTORIZ label {
    font-size: 15px
}

#BLOCK_AVTORIZ a {
    color: #fff
}

@media (max-width: 700px) {
    #BLOCK_AVTORIZ a {
        color: #000
    }

    #BLOCK_AVTORIZ .btn {
        background: #fff;
        font-weight: 500;
        color: #444;
        width: 100%;
        border: none;
        border-radius: 0;
        background: #0097ff;
        color: #fff;
        width: 100%;
        border: none;
        border-radius: 0
    }

    #BLOCK_AVTORIZ .form-control {
        border-color: #e1eae8;
        background-color: #fff;
        background-image: none;
        border-radius: 4px;
        padding: 11px 10px;
        border-width: 2px;
        font-size: 12px;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .03), 0 6px 3px 0 rgba(0, 0, 0, .06);
        font-size: 15px;
        padding: 18px 10px
    }
}

.SCRL_COOL::-webkit-scrollbar {
    width: 6px
}

.SCRL_COOL::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0) !important
}

.SCRL_COOL::-webkit-scrollbar-thumb {
    background: rgba(95, 95, 95, .1);
    border-radius: 2px;
    min-height: 107px
}

.SCRL_COOL:hover::-webkit-scrollbar-thumb {
    background: rgba(95, 95, 95, .3) !important
}

.to_mess_mini {
    background: #e91e63;
    color: #fff;
    font-size: 17px;
    border-radius: 100%;
    padding: 5px 8px
}

.to_mess_mini:hover {
    background: #009688;
    color: #fff
}

.to_mess_mini_mini {
    font-size: 15px;
    padding: 5px 8px;
    background: 0 0;
    color: #e91e63
}

.neonovie_demoni {
    background: rgba(0, 0, 0, 0) linear-gradient(#0097ff, #84cdff);
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .25), 0 10px 5px 0 rgba(0, 0, 0, .03);
    /*border-radius: 11px;*/
    border-radius: 41px;
    border: 6px solid rgba(255, 255, 255, .31)
}

.NEONOV_DEMON_HEARE .bckB2 {
    background: rgba(0, 0, 0, 0) linear-gradient(#0097ff, #0097ff) !important;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .25), 0 10px 5px 0 rgba(0, 0, 0, .03);
    /*border-radius: 11px;*/
    border-radius: 41px;
    border: 6px solid rgba(255, 255, 255, .31)
}

.I_NEONOV_DEMON {
    background: rgba(0, 0, 0, 0) linear-gradient(#0097ff, #0097ff) !important;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .25), 0 10px 5px 0 rgba(0, 0, 0, .03);
    /*border-radius: 11px;*/
    border-radius: 41px;
    border: 6px solid rgba(255, 255, 255, .31)
}

.ank3 {
    min-height: 300px;
    font-size: 13px;
    transition: .2s
}

.ank3 ._bck {
    transition: .4s;
    margin-bottom: 6px;
    box-shadow: -1px 6px 20px 0 rgba(0, 0, 0, .15);
    border-radius: 7px;
    height: 190px
}

.ank3 .ava_btn {
    background: 0 0
}

.ank3 ._nam {
    color: #555;
    font-size: .9em;
    font-weight: 400
}

.ank3:hover {
    transition: .3s;
    border-radius: 8px;
    box-shadow: -1px 6px 20px 0 rgba(0, 0, 0, .14)
}

.ank3:hover > ._bck {
    transition: .4s;
    box-shadow: -1px 6px 20px 0 transparent
}

.ank3:hover > ._bck > .ava_btn {
    transition: .8s;
    background: rgba(0, 0, 0, .6) !important
}

.F2 {
    font-family: Akrobat;
    font-weight: 300
}

.bckB2 {
    font-weight: 400;
    background: #3daadc;
    box-shadow: 0 14px 14px 0 rgba(0, 0, 0, .08), 0 10px 5px 0 rgba(0, 0, 0, .1);
    font-size: 10pt;
    min-height: 150px;
    color: #fff
}

@media (max-width: 700px) {
    #NAV_TO_MOB .bckB2 {
        padding-bottom: 10px;
        box-shadow: none;
        background: #fff
    }

    #NAV_TO_MOB .menu_bk {
        margin-top: 0
    }

    #NAV_TO_MOB {
        display: none;
        width: 89%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 44;
        overflow: auto;
        padding-top: 0;
        background: #fff;
        max-width: 302px
    }

    .FON_BLACK {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 43;
        background: rgba(1, 1, 1, .6)
    }
}

.NAV_UP_MOB {
    z-index: 42;
    font-size: 20px;
    background: #0097ff;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0
}

.NAV_UP_MOB a {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-table;
    padding: 7px 13px;
    color: #fff;
    float: right
}

.NAV_UP_MOB i {
    font-size: 20px;
    color: #fff
}

.like_round {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, .82);
    color: rgba(0, 0, 0, .78);
    padding: 7px 6px;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 100
}

.like_kno_img_mid {
    color: rgba(255, 255, 255, .1);
    font-size: 93px;
    position: absolute;
    left: 0;
    top: 38%;
    transition: .5s
}

.like_kno_img_mid:hover {
    color: rgba(255, 255, 255, .6);
    transition: .5s
}

.btn-ios {
    padding: 6px 15px;
    border-radius: 6px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-top: -8px;
    border: 2px solid rgba(255, 255, 255, .59);
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .19);
    background: rgba(0, 0, 0, 0) linear-gradient(#00c307, #039103) repeat scroll 0 0;
    border: 3px solid #20a623;
    transition: .3s;
    cursor: pointer
}

.btn-ios:hover {
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .43);
    background: rgba(0, 0, 0, 0) linear-gradient(#00cf07, #039103) repeat scroll 0 0;
    transition: .3s;
    color: #fff
}

.btn-ios-rose {
    padding: 6px 15px;
    border-radius: 25px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-top: -8px;
    border: 2px solid rgba(255, 255, 255, .59);
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .19);
    background: #ec4884;
    background: -moz-linear-gradient(top, #ec4884 0, #cf2b67 100%);
    background: -webkit-linear-gradient(top, #ec4884 0, #cf2b67 100%);
    background: linear-gradient(to bottom, #ec4884 0, #cf2b67 100%);
    transition: .3s;
    cursor: pointer
}

.btn-ios-rose:hover {
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .43);
    background: #ec4884;
    background: -moz-linear-gradient(top, #ec4884 0, #cf2b67 100%);
    background: -webkit-linear-gradient(top, #ec4884 0, #cf2b67 100%);
    background: linear-gradient(to bottom, #ec4884 0, #cf2b67 100%);
    transition: .3s;
    color: #fff
}

.btn-ios-or {
    padding: 8px 19px;
    border-radius: 12px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-top: -8px;
    border: 3px solid rgba(255, 255, 255, .73);
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .19);
    background: rgba(0, 0, 0, 0) linear-gradient(#d27316, #ec4511) repeat scroll 0 0;
    border: 3px solid rgba(255, 255, 255, .65);
    transition: .3s
}

.btn-ios-or:hover {
    box-shadow: 2px 7px 20px 0 rgba(0, 0, 0, .43);
    background: rgba(0, 0, 0, 0) linear-gradient(#f5881c, #ff5752) repeat scroll 0 0;
    transition: .3s;
    color: #fff
}

.btn-sber {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: .5em 2em;
    outline: 0;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #fdbe33 #000 #d77206;
    border-radius: 10px;
    background: linear-gradient(#f3ae0f, #e38916) #e38916;
    transition: .2s;
    font-weight: 500;
    font-size: 19px
}

.btn-sber-modif1 {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: .35em 1.5em .25em 1.3em;
    outline: 0;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #fdbe33 #000 #d77206;
    border-radius: 10px;
    background: linear-gradient(#f3ae0f, #e38916) #e38916;
    transition: .2s;
    font-weight: 500;
    font-size: 19px
}

.btn-sber:hover {
    background: linear-gradient(#f5ae00, #f59500) #f5ae00;
    color: #fff
}

.btn-sber:active {
    background: linear-gradient(#f59500, #f5ae00) #f59500;
    color: #fff
}

.btn-prod {
    border-radius: 50px;
    color: #fff;
    font-family: GothamPro;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 35px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
    background: #7e52d9;
    display: inline-block;
    text-decoration: none;
    max-width: 100%;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent
}

#PO_CITY2 .po_deff > a {
    color: #573f5f;
    display: block;
    float: left;
    width: 30%;
    font-size: 12px;
    padding: 2px;
    cursor: pointer;
    font-weight: 500
}

#PO_CITY2 .po_deff > a:hover {
    color: #e91e63
}

#PO_CITY2 ._loader {
    font-size: 84px;
    display: none;
    color: #cac4c4;
    margin-top: 60px
}

#PO_CITY2 ._BTN {
    padding: 7px;
    display: block;
    background: #3daadc;
    color: #fff;
    font-size: 21px;
    text-align: center
}

#PO_CITY2 ._po {
    padding: 5px 26px;
    background: #fff;
    width: 100%;
    border: 2px solid #ff5722;
    border-radius: 9px;
    font-size: 24px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1)
}

#PO_CITY2 ._po_kolv {
    font-size: 12px;
    float: right;
    font-weight: 100;
    color: #ff5722
}

#PO_CITY2 .po_res > div {
    border-bottom: 1px solid #ebebeb;
    padding: 4px;
    font-size: 13px
}

.card {
    margin-top: 0;
    padding: 30px
}

.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center
}

.card.hovercard .card-background {
    height: 130px
}

.card-background img {
    filter: brightness(1.4);
    opacity: .6;
    margin-left: -100px;
    margin-top: -200px;
    min-width: 130%
}

.card.hovercard .useravatar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0
}

.card.hovercard .useravatar img {
    width: 110px;
    height: 100px;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .5)
}

.card.hovercard .card-info {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    padding: 1%
}

.card.hovercard .card-info .card-title {
    padding: 0 5px;
    font-size: 16pt;
    line-height: 1.3;
    color: #262626;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    color: #394048;
    background-color: rgba(255, 255, 255, .39)
}

.card.hovercard .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis
}

.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px
}

.btn-pref .btn {
    -webkit-border-radius: 0 !important
}

.col-text-2 {
    -webkit-column-width: 330px;
    -moz-column-width: 330px;
    column-width: 330px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.tbl_ank tr {
    height: 30px
}

.tbl_ank td {
    width: 50%
}

.t2 {
    font-weight: 400;
    color: #5b6167;
    color: #2a5885
}

.t1 {
    font-weight: 400;
    color: #5b6e84;
    color: #828282;
    width: 30%
}

.tbl_ank {
    width: 100%;
    font-size: 11pt
}

.div_conte {
    background: #f6f6f6;
    border-radius: 5px;
    border: 1px solid rgba(102, 103, 105, .18);
    /*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .07), 0 6px 3px 0 rgba(0, 0, 0, .02);*/
		box-shadow: 0 16px 64px #0000001f;
	border-radius: 41px;
	padding: 30px 40px 40px 32px;
}

h1 {
    margin-top: 2px
}

.news_ava {
    height: 165px;
    width: 166px;
    border-radius: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .27)
}

.news_iblock b {
    color: #9e9ea2;
    font-size: 10pt;
    font-weight: 100;
    float: right
}

.news_iblock h3 {
    height: 45px;
    font-size: 15pt;
    color: #353535;
    margin: 0;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 500
}

.news_iblock {
    background: #fff;
    margin-bottom: 20px;
    color: #000;
    border-radius: 5px 66px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .09);
    border: 2px solid #dddde0
}

.news_cat {
    padding: 0;
    padding-bottom: 39px
}

.news_cat li > a {
    color: #000
}

.news_cat li {
    display: block;
    float: left;
    padding: 5px 7px;
    background: #fff;
    margin-right: 5px;
    border-radius: 8px;
    box-shadow: 0 8px 6px rgba(0, 0, 0, .09)
}

.icon_np_to_mob {
    background: #fff;
    border-radius: 100%;
    padding: 5px;
    display: inline-flex;
    float: left;
    position: relative;
    margin-top: -4px;
    margin-right: 8px
}

.ajx_info {
    display: none
}

.article a {
    font-weight: 700
}

.article .img-center, .img-center {
    display: block;
    border: 1px solid #999;
    border-radius: 25px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    margin: 15px auto 25px;
    padding: 6px
}

@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    6% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    12% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    18% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    24% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
    36% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.faa-horizontal {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite
}

.monet:before {
    content: url(/them/t1/img/coin-80.png)
}

.monet {
    margin-right: 20px;
    border-bottom: 2px dashed #ff5722;
    font-size: 14px
}

.favorite:before {
    content: url(/aset/icons/star-add.png)
}

.favorite {
    margin-right: 20px;
    border-bottom: 2px dashed #ff5722;
    font-size: 14px
}

.korona:before {
    content: url(/aset/icons/icon_vip-26.png)
}

.korona {
    margin-right: 20px;
    border-bottom: 2px dashed #ff5722;
    font-size: 14px
}

.gor-menu-yach {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px
}

.city_other {
    width: 100%;
    margin: 30px auto 30px
}

.city_other a {
    background: -moz-linear-gradient(center top, #fff 0, #ddd 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #ddd;
    border-radius: 24px 24px 24px 24px;
    box-shadow: -1px -1px 0 #444 inset;
    color: #111;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    height: 34px;
    padding: 2px 15px 3px;
    text-shadow: 0 1px 1px #fff;
    white-space: nowrap;
    line-height: 2.5
}

.city_other a:hover {
    color: green !important
}

.vip_block_draw_round .back-zoom > .i_vip {
    left: -12px;
    top: -6px
}

.vip_block_draw_round .back-zoom {
    cursor: pointer;
    border-radius: 100%;
    width: 125px;
    height: 125px !important;
    margin: 1.5%
}

@media (max-width: 572px) {
    .vip_block_draw_round .back-zoom {
        width: 172px;
        height: 172px !important
    }
	
	.podzag-ital {
		font-size:36px; 
	}
}

@media (max-width: 414px) {
    .vip_block_draw_round .back-zoom {
        width: 125px;
        height: 125px !important
    }
}

@media (max-width: 411px) {
    .vip_block_draw_round .back-zoom {
        width: 115px;
        height: 110px !important
    }
}

@media (max-width: 375px) {
    .vip_block_draw_round .back-zoom {
        width: 113px;
        height: 113px !important
    }
}

@media (max-width: 360px) {
    .vip_block_draw_round .back-zoom {
        width: 109px;
        height: 109px !important
    }
}

@media (max-width: 320px) {
    .vip_block_draw_round .back-zoom {
        width: 97px;
        height: 97px !important
    }
}

.metro_href {
    cursor: pointer;
    color: #0097ff;
    border-bottom: 1px dotted #0097ff
}

.page-link {
    border: none !important;
    xbackground: transparent !important;
    cursor: pointer;
    font-size: 12px !important
}

.pagination > .active > a {
    border: none;
    xbackground: none;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    background-color: #ea9814
}

.krasav_ui i {
    cursor: pointer;
    font-size: 22px;
    position: relative;
    top: 0;
    color: #444;
    transition: .2s
}

.krasav_ui i:hover {
    color: #ea296b;
    cursor: pointer;
    text-shadow: -1px 0 9px #ea296b;
    transition: .2s;
    top: -2px
}

.krasav_block .krasav_div {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: .2
}

.krasav_block ._font_bal {
    float: right;
    font-size: 19px;
    color: #a2b1c3
}

.krasav_block ._name {
    width: 100%;
    max-width: 110px;
    padding: 3px;
    color: #fff;
    font-weight: 900;
    font-size: 11px;
    position: absolute;
    left: 45%;
    top: 131px;
    transform: rotate(-4deg);
    border: 2px solid rgba(255, 255, 255, .46);
    box-shadow: -10px 11px 20px 0 rgba(0, 0, 0, .19), 0 5px 3px 0 rgba(0, 0, 0, .15)
}

.krasav_block ._medal {
    position: absolute;
    left: 0;
    top: 11px;
    width: 98px
}

.krasav_block ._mesto {
    padding: 3px;
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%
}

.krasav_block ._zom_btn {
    cursor: zoom-in;
    background: 0 0;
    color: #dce2e8;
    font-size: 27px;
    position: absolute;
    left: 25%;
    top: 168px
}

.krasav_block ._ava {
    border: 4px solid rgba(255, 255, 255, .68);
    box-shadow: -1px 13px 20px 0 rgba(0, 0, 0, .19), 0 5px 3px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    margin-top: 24px;
    width: 90%;
    width: 150px
}

.krasav_block ._kin {
    padding: 15px;
    background: #fff;
    min-height: 430px;
    box-shadow: 2px 15px 18px #0000002b;
    border-radius: 15px;
    transition: .2s;
    font-size: 14px
}

.krasav_block ._kin:hover {
    transition: .2s;
    box-shadow: 2px 19px 20px #0000002b
}

#SP_MODAL {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 222;
    padding: 20px;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, .19);
    border-top: 2px solid #edeef0
}

.spros_list .in_mob_icon_left {
    display: none;
    margin-right: -4px;
    padding-top: 12px
}

.spros_list .in_mob_icon_left > .ava0 {
    width: 40px;
    height: 40px;
    margin-top: 8px
}

@media (max-width: 768px) {
    .spros_list .in_mob_icon_left {
        display: block
    }

    .MAR_TOP_MOB {
        margin-top: 50px
    }

    #SP_MODAL {
        position: fixed;
        top: 0 !important;
        height: 100%;
        padding: 100px 20px;
        padding: 0;
        padding-top: 60px;
        left: 0;
        background: rgba(253, 253, 253, .92);
        z-index: 222;
        box-shadow: none;
        border-top: none
    }
}

.spros_list .fa-eye-slash, .spros_list .fa-times {
    display: none;
    right: 4px;
    top: 1px;
    font-size: 17px;
    color: #cec0a3;
    cursor: pointer;
    float: right;
    margin: 5px
}

.spros_list b {
    color: #a6a6a6;
    font-size: 12px
}

.spros_list a {
    color: inherit
}

.spros_list {
    padding: 12px 2%;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #f0f0f0
}

.spros_list span {
    color: #757575;
    font-size: 14px
}

.spros_list span > i {
    color: #a6a6a6
}

.spros_list span > .fa-circle {
    font-size: 6px
}

#SP_LIMIT {
    font-size: 11px;
    color: #777;
    font-weight: 100;
    float: right;
    margin-right: 20%
}

.iModul {
    background: #fff;
    height: 300px;
    overflow: auto
}

.iModul::-webkit-scrollbar {
    width: 8px
}

.iModul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

.iModul::-webkit-scrollbar-thumb {
    background-color: #f0a810;
    outline: 1px solid #708090
}

.LOGO_UP {
    /*background: #dd57b1;*/
    width: 16%;
    font-size: 11px
}

.LOGO_UP ._img {
    background: #fff;
    border-radius: 100%;
    padding: 5px;
    display: inline-flex;
    float: left;
    position: relative;
    margin-top: -2px;
	    box-shadow: 2px 2px 20px 0 #eee, 0 1px 5px 0 rgba(0, 0, 0, .03);
}

@media (max-width: 900px) {
    .LOGO_UP {
        background: #000;
        display: none
    }
}

@media (min-width: 992px) {
    .LOGO_UP {
        padding-top: 6px !important;
        padding-bottom: 4px !important
    }

    .LOGO_UP ._img {
        margin-top: 0;
        margin-left: 21px
    }
}

@media (min-width: 1590px) {
    .DEL_TO17 {
        display: none
    }

    .LOGO_UP {
        font-size: 16px;
        padding-top: 8px !important;
        padding-bottom: 10px !important
    }

    .LOGO_UP ._img {
        margin-top: -1px;
        margin-left: 3px
    }
}

@media (max-width: 1396px) and (min-width: 714px) {
    .A_SOVMEST {
        display: none
    }
}

.NAB_B_LIST b {
    float: right;
    margin: -4px 2px
}

.a_blks a {
    padding: 7px 11px
}

.href_block_new_news {
    font-size: 1.14em;
    font-weight: 500;
    color: #0097ff;
    border-bottom: 1px dotted #0097ff
}

.href_block_new_news_limiter {
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden
}

iframe {
    display: block;
    margin: 7px auto;
    box-shadow: 0 8px 11px rgba(0, 0, 0, .5)
}

@media (max-width: 680px) {
    .group-text-down iframe, .publ_txt iframe {
        max-width: 100%;
        height: 300px
    }
}

.custom-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;

    position: relative;
    font-size: 15px;

    text-align: center;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.custom-bl:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: green;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }
    30% {
        left: 110%;
        margin-left: 80px
    }
    100% {
        left: 110%;
        margin-left: 80px
    }
}

.custom-bl-bez {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-bottom: 2px solid #beb038;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.custom-bl-bez:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: green;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 0, #fff 50%, rgba(255, 255, 255, .7) 100%);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }
    30% {
        left: 110%;
        margin-left: 80px
    }
    100% {
        left: 110%;
        margin-left: 80px
    }
}

.anketaEdit > .lnr {
    font-weight: 900
}

.anketaEdit {
    margin-bottom: 8px;
    font-size: 12px;
    color: #525659
}

.infoModuleWig a {
    color: #346bc9;
    color: #3c608a;
    font-weight: 100
}

.infoModuleWig ._info2 {
    margin-top: 5px
}

.infoModuleWig ._info {
    font-weight: 100;
    color: #888;
    font-size: .8em;
    font-size: 12px
}

.infoModuleWig {
    background: #fff;
    margin-top: 25px;
    max-width: 400px;
    min-height: 411px;
	box-shadow: 0 16px 64px #0000001f;
	border-radius: 41px;
	padding: 30px 40px 40px 32px;
}

.news_cat ul {
    padding-left: 6px
}

.news_cat li {
    background: 0 0;
    border: none;
    box-shadow: none;
    float: none
}

.avaNews {
    width: 40px;
    height: 40px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    border-radius: 12px;
    margin-right: 15px
}

h3 {
    margin-top: 0;
    font-size: 18px;
    color: #000
}

._infoNewsList {
    font-size: 11px;
    color: #949494;
    font-weight: 100
}

.wrapper {
    display: grid;
    grid-gap: 4px
}

.paginationInNews > .plugins_paginator a {
    margin: 6px 0;
    padding: 4px 6px;
    font-size: 15px;
    cursor: pointer;
    width: 24%;
    display: grid;
    float: left
}

.box {
    background-color: #444;
    color: #fff;
    text-decoration: none !important
}

.a {
    grid-column: 1/3;
    Xgrid-row: 1
}

.b {
    grid-column: 3;
    Xgrid-row: 1/3
}

.c {
    grid-column: 1;
    Xgrid-row: 2
}

.d {
    grid-column: 2;
    Xgrid-row: 2
}

.e {
    grid-column: 3;
    Xgrid-row: 2
}

._overlay {
    width: 100%;
    height: 100%;
    background: rgba(250, 250, 250, .79);
    padding: 16px;
    line-height: 1.4em;
    font-size: 12pt;
    color: #000;
    font-weight: 500;
    transition: .1s;
    background: rgba(250, 250, 250, .98)
}

._overlay:hover {
    transition: .1s;
    xopacity: 0;
    background: rgba(255, 255, 255, .9)
}

.b, .box:hover {
    transition: .2s;
    box-shadow: 1px 19px 20px rgba(1, 1, 1, .4);
    z-index: 1
}

.box h3 {
    color: #000
}

.flatka {
	
	border-radius: 41px;
	padding: 30px 40px 40px 32px;
	box-shadow: 0 16px 64px #0000001f;
}

@media (max-width: 700px) {
    .box {
        grid-column: 1 !important
    }
}

.cur {
    cursor: pointer
}

.greyMiniDiv {
    color: #b7b7b7;
    border-top: 1px solid #e0e1e4
}

.arrowToSlider {
    height: 74px;
    position: relative;
    cursor: pointer;
    top: 6px
}

@media (min-width: 1023px) and (max-width: 1025px) {
    #mess_new_kolv {
        margin-top: -3px
    }

    .mainContainer {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .arrowToSlider {
        height: 47px
    }
}

@media (min-width: 800px) {
    .draw_ank_big {
        padding: 2px;
        min-height: 178px
    }
}

@media (min-width: 769px) and (max-width: 892px) {
    .a_blks {
        padding-bottom: 8px !important
    }
}

@media (max-width: 800px) {
    #img_zoomxi {
        width: 100% !important;
        height: auto !important
    }
}

.btn-fuu {
    background: #c7c7c7;
    border-color: #d0cece;
    color: #444;
    box-shadow: none;
}

.btn-fuu:hover {
    background: #cdcdcd;
    border-color: #ccc;
    color: #999;
    box-shadow: none;
    text-decoration: none;
}

@media (max-width: 800px) {
	.fastUserBlock_metaInfo{
		float: right;
		margin-right: 34px;
	}
	
	.top-name {
		
		padding-top: 7px;
		padding-bottom: 7px;
		border-top: 1px dashed rgba(80, 114, 153, 0.46);
		text-align: center;
	}
}


	.interviewIconIsser{
		display:none;
	}
    .b_vkl {
		display: block;
		padding: 9px 13px;
		background: #fff;
		margin-right: 5px;
		border-radius: 12px 12px 0px 0px;
		cursor: pointer;
		/* width: 30%; */
		float: left;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07), 0 6px 3px 0 rgba(0, 0, 0, 0.02);
		border-bottom: 1px solid #dee0e0;
		font-size: 15px;
    }

    .b_vkl_on {
        font-weight: 600;
        border-color: #fff;
        color: #444;

    }
	
	.plugins_q_monitor_BTN{
		    top: 0px;
    left: 0px;
    padding: 11px 7px;
    font-size: 12px;
    border-radius: 0px;
    background: #0e6fdf;
		}


/* start div.city_text2_faq */
div.city_text2_faq {
    position: relative;
    color: grey;
}

input.faq[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
label.div_faq_text2 {
    cursor: pointer;
}
label.div_faq_text2 {
    position: relative;
    display: block;
    padding-left: 30px;
    font-family: "Spicy Rice", cursive;
}

input.faq[type="checkbox"]:checked ~ h2 label.div_faq_text2::before {
    border-left: 8px solid transparent;
    border-top: 8px solid black;
    border-right: 8px solid transparent;
    margin-left: -4px;
    margin-top: -4px;
}


div.text2 {
    max-height: 0;
    overflow: hidden;
    padding-left: 30px;
    transition: max-height 0.4s ease;
}
input[type="checkbox"]:checked ~ span.faq ~ div.text2 {
    max-height: 3000px;
}
/* start div.city_text2_faq */