@font-face {
	font-family: 'Montserrat'; 
	src: local('Montserrat'),
		url(/css/fonts/montserrat/Montserrat-VariableFont_wght.ttf); 
}

/* W3C standard
   сейчас только для Firefox */
* {
    font-family:Montserrat;
  scrollbar-width: thin;
  scrollbar-color: #888888 #eeeeee;
}

/* для Chrome/Edge/Safari */
::-webkit-scrollbar {
    width: 0px;
    background: #eeeeee;
}
 
::-webkit-scrollbar-thumb {
    background: #888888;
    -webkit-border-radius: 1ex;
  	border:2px solid #eeeeee;
}
::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    -webkit-border-radius: 1ex;
  	border:2px solid #eeeeee;
}

.cse_scrollbar::-webkit-scrollbar {
    width: 10px;
    background: #eeeeee;
}


p {
    word-break: normal;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
video:focus {
    outline: none !important;
}

/*----- Переделка стилей Fw7 -----*/

.md .dialog-buttons {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;       
    padding: 6px 16px !important;
}

.cse_lable i {
    margin-right: 16px !important;
}

/*----- Переменные и общие стили -----*/

:root {
    --f7-font-family: 'Montserrat', sans-serif;
    --cse-textcolor-1: black;
    --cse-textcolor-2: grey;
}

.cse_bg_transparent {
    background-color: transparent;
}

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

.cse_textcolor1 {
    color: var(--cse-textcolor-1);
}
.cse_flexcentered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cse_flexbetween {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cse_noradius {
    border-radius: 0;
}

.cse_margin_top_0 {
    margin-top: 0;
}
.cse_margin_top_5 {
    margin-top: 5px;
}
.cse_margin_top_10 {
    margin-top: 10px;
}
.cse_margin_top_15 {
    margin-top: 15px;
}
.cse_margin_top_25 {
    margin-top: 25px;
}
.cse_margin_bottom_0 {
    margin-bottom: 0;
}
.cse_margin_bottom_5 {
    margin-bottom: 5px;
}
.cse_margin_bottom_10 {
    margin-bottom: 10px;
}
.cse_margin_bottom_15 {
    margin-bottom: 15px;
}
.cse_margin_bottom_30 {
    margin-bottom: 30px;
}


.cse_text_uppercase {
    text-transform: uppercase;
}
/*----- Основные элементы интерфейса -----*/
.simplebar-scrollbar:before {
    background: transparent !important;
}
.cse_navbar_title_center {
    text-align: center !important;
    width: 100% !important;
}
.cse_navbar_background {
    /*background-image: url("../assets/front/dotyellow.png") !important;*/
    background-repeat: repeat !important;
    background-position: right top !important;
    background-attachment: fixed !important;
}
.cse_navbar_background .icon {
    color: #07acfe !important;
}
.cse_navbar_logo {
    height: 40px;
    margin-top: 5px;
}
.cse_navbar_right_width {
    width: 56px;
}
.cse_leftpanel_bg {
    /*background-color: #6dcadd;*/
    background-color: #b2e1fc;
}
.cse_leftpanel_list_custom {
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: #fff2d9;
}
.cse_leftpanel_list_margintop {
    margin-top: 24px;
}
.cse_leftpanel_list_margintop ul {
    background-color: transparent;
}
.cse_leftpanel_list_margintop .item-link .item-inner:before {
    color: var(--cse-textcolor-1) !important;
}
.cse_leftpanel_list_margintop .item-link .item-inner::after {
    background-color: #fff;
}
.cse_leftpanel_list_margintop ul:before {
    background-color: #fff;
}
.cse_leftpanel_list_margintop ul::after {
    background-color: #fff;
}
/*
.cse_leftpanel_list_margintop .item-content {
    height: 30px;
    min-height: 30px;
}
.cse_leftpanel_list_margintop .item-content .item-inner {
    min-height: 30px;
}
*/

.cse_leftpanel_list_custom ul {
    background-color: transparent;
}
.cse_leftpanel_list_text {
    color: var(--cse-textcolor-1);
    font-size: var(--f7-font-size);
    text-transform: var(--f7-block-title-text-transform);
}
.cse_leftpanel_list_text .item-after {
    color: #6dcadd;
}
.cse_leftpanel_list_text .item-media+.item-inner {
    margin-left: 10px;
}
.cse_leftpanel_list_left {
    padding-left: 0 !important;
}
.cse_leftpanel_list_left i {
    font-size: 22px;
}
.cse_avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;border: 5px solid #d7ff00;
    background-color: #E0E4EF;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.cse_avatar_admin {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover; 
    background-color: #E0E4EF;
}
.cse_avatar_registration {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover; 
    background-color: #E0E4EF;
    margin-left: auto;
    margin-right: auto;
}
.cse_avatar_profile {
    width: 120px;
    height: 120px;
    border-radius: 50%;border: 5px solid #d7ff00;
    background-size: cover; 
    background-color: #E0E4EF;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.cse_checkbox_profile{    
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.cse_hrcircle {
    margin: 20px 0;
	padding: 0;
	height: 0;
    border-top: none;
	border-bottom: 5px dotted #fff2d9;
}
.cse_leftpanel_list_menubottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.cse_leftpanel_list_menubottom .cse_leftpanel_list_margintop .item-link .item-media i {
    color: var(--cse-textcolor-2);
}
.cse_leftpanel_list_menubottom .cse_leftpanel_list_margintop .item-link .item-inner {
    padding-right: 16px;
    margin-left: 0;
    color: var(--cse-textcolor-2);
}
.cse_leftpanel_list_menubottom .cse_leftpanel_list_margintop .item-link .item-inner:before {
    display: none;
}
.cse_content_bg {
    background-color: #fff2d9;
}
.cse_link_arrow_none::before {
    display: none !important;
}
.cse_leftpanel_bottom_listmenu {
    /*color: white;*/
    color: #07acfe;
    font-size: 14px;
}
.cse_leftpanel_bottom_listmenu ul:before {
    background-color: #fff;
}
.cse_leftpanel_bottom_listmenu ul:after {
    background-color: #fff;
}
.cse_leftpanel_bottom_listmenu .item-link {
    background-color: #dadada;
    color: #07acfe;
}
.cse_leftpanel_bottom_listmenu .item-inner:after {
    background-color: #dadada;
}
.cse_leftpanel_bottom_listmenu .item-link .icon {
    color: #07acfe !important;
}
.cse_leftpanel_bottom_listmenu ul {
    background-color: #6dcadd;
}
.cse_leftpanel_bottom_listmenu .item-media i {
    font-size: 22px;
}
.cse_leftpanel_bottom_listmenu .item-media {
    min-width: 22px !important;
}
.cse_leftpanel_bottom_listmenu .item-content {
    min-height: 30px;
}
.cse_leftpanel_bottom_listmenu .cse_link_arrow_none {
    min-height: 30px;
}

/*----- Блоки приложения -----*/

.cse_pagecontent_vitrina_1 {
    width: 100% !important;
    margin-left: 16px;
    margin-right: 16px;
}

.cse_masonry_card {
    margin-left: 0px;
    margin-right: 0px;
}


/*----- Модальные окна и окна сообщений -----*/

#subscription {
    width: 85%;
    height: 85%;
    margin: 7.5%;
    border-radius: 12px;
    background: #ffe788;
    display: block;
}

#subscription .navbar-fixed .pages .page {
    width: 95%;
    height: 97.5%;
    margin: 2.5%;
    border-radius: 12px;
    border: 3px solid red;
    background: #ffe788;
}

#cse_cp1 {
    width: 100%;
    position: absolute;
    bottom: 10px;
}

.sdjwh {
    width: 100%;
    height: 48px;
    background-color: #6dcadd;
}

/*------- Статьи журнала --------*/
.cse_magazinepage_gap {
    margin-top: 40px;
}

.cse_magazinepage_title1 {
    text-transform: uppercase;
    line-height: normal;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
}
.cse_magazinepage_title2 {
    text-transform: uppercase;
    line-height: normal;
}
.cse_magazinepage_title3 {
    line-height: normal;
    font-weight: 700;
}
.cse_magazinepage_authors_title {
    font-weight: 700;
    margin-bottom: 0;
}
.cse_magazinepage_authors_paragraph {
    line-height: normal;
    margin-top: 0;
}
.cse_magazinepage_standartparagraph {
    line-height: normal;
}
.cse_magazinepage_description {
    line-height: normal;
    font-size: 12px;
}




/*****обводка кнопок*******/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
-webkit-box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
        box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
/******запрет выделения*****/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/**************************/
#sidebaravatar_noneimg img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}
.cse_btn_fastsidebar {
    border-radius: 0;
    color: #000;
}
a.cse_btn_fastsidebar.disabled {
    border-radius: 0;
    color: #fff !important;
    background-color: #000;
}
.cse_btn_fastsidebar:hover {
    color:#fff !important;
    background-color: #000 !important;   
}
.cse_btn_fastsidebar:active {
    color:#fff !important;
    background-color: #000 !important;
}
.cse_btn_fastsidebar.active {
    color:#fff !important;
    background-color: #000 !important;
}
.cse_blockmenu {
    max-width: 320px;
    margin: auto;
}

.cse_loader_test{
  width:340px !important;
  height:340px !important;
  border-radius:330px;
  border:25px solid #000;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

.cse_iconblock {
    width: 22px;
}

.cse_loader{
  width:340px;
  height:340px;
  border-radius:330px;
  border:25px solid #000;
  /*border-top-color:rgba(0,0,0,0.0);*/
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position:absolute;
  top: calc(50% - 170px);
  left: calc(50% - 170px);
  z-index: -1;
  /*margin-top:-80px;
  margin-left:-80px;
  animation:loading 1.2s linear infinite;
  -webkit-animation:loading 1.2s linear infinite;*/
}
.cse_h1 {
    font-size: 45px;
    letter-spacing: 5px;    
}
/*
@keyframes loading{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}
*/
.cse_cursor {
    cursor: pointer;
}


.cse_halfflex {
    width: 50%;
}

@media (max-width: 767.98px) {
    .cse_halfflex {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .cse_page {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .cse_sheet {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}