body {
font-family: SuisseIntl, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background: #fff;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
line-height: 16px;
font-size: 13px;
font-variant-numeric: normal;
font-weight: 400;
-webkit-overflow-scrolling: touch;
}
h1, h2, h3 {
font: 14px Open Sans,Tahoma,Arial,Helvetica,sans-serif;
letter-spacing: normal;
margin: 0;
font-weight: 400;
}
a {
text-decoration: none;
}
input:not([type="checkbox"]), textarea, select, button {
font-family: inherit;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"] {
-webkit-appearance: radio; -moz-appearance: radio; appearance: radio; width: auto; max-width: auto;
}
code, pre {
word-wrap: break-word;
background: #EEE;
}
option:hover {
cursor: pointer;
}
table {
border-collapse: collapse;
}
table, td, th {
border: 1px solid #dcdcdc;
padding: 3px;
}
img, svg {
vertical-align: middle;
}
img {
border-style: none;
border: 0;
}
hr {
border:none;
color:white;
height:1px;
background:#ccc;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, from(#ccc), to(#fff)); 
}
form { margin: 0; }
input[type="submit"]:active{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#E0E0E0));
border-color: #BBB;
box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
z-index: 2;
color: #000;
}
select {
background-image: url('images/icons/down_arrow.png');
background-repeat: no-repeat;
background-position: center right 5px;
padding-right: 30px !important;
background-size: 8px;
background-color: #fff;
}
::selection {
background:#000;
color:#fff;
}
.userselect {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*[tabindex]:focus {
outline: 2px solid #fff;
}
#loading-bar {
position: fixed;
z-index: 2147483647;
top: 64px;
left: -6px;
width: 0;
height: 1px;
background: #074506;
border-radius: 1px;
-moz-transition: width 500ms ease-out,opacity 400ms linear;
-ms-transition: width 500ms ease-out,opacity 400ms linear;
-o-transition: width 500ms ease-out,opacity 400ms linear;
-webkit-transition: width 500ms ease-out,opacity 400ms linear;
transition: width 500ms ease-out,opacity 400ms linear;
}
#loading-bar dd, dt {
position: absolute;
}
#loading-bar dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
#loading-bar dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
#loading {
position: fixed;
z-index: 2147483647;
left: 0;
right: 0;
top: 50%;
}

#topbar {
width: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1111;
background: #fff;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
border-bottom: 1px solid #eaeaec;
}
.topbar {
width: 100%;
max-width: 600px;
margin: 0 auto;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.topbar, .menu_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 64px;
}
.logo {
margin-left: 15px;
height: 28px;
}
.logo_post {
margin-top: 5px;
height: 26px;
}
.logo-title {
float: left;
margin: 0 10px;
font-size: 20px;
color: #262626;
text-align: left;
font-weight: 600;
text-transform: uppercase !important;
}
.menu_links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-right: 15px;
}
.menu_links_no {
width: 70px;
height: 64px;
}
.menu-btn-hl {
border-radius: 10px;
margin-left: 5px;
}
.menu-btn-hl-ttl {
text-align: center;
color: #666;
font-size: 13px;
font-weight: 500;
border-radius: 10px;
padding: 6px 8px;
cursor: pointer;
}
.hl_active {
font-weight: 600;
color: #262626;
background: #f1f2f1;
}

.topbar_nav {
height: 64px;
}
.topbar-back {
width: 60px;
height: 64px;
float: left;
cursor: pointer;
background-image: url('images/icons/arrow-left.svg');
background-size: 22px;
background-repeat: no-repeat;
background-position: top 21px left 15px;
}
.topbar_close {
width: 60px;
height: 64px;
cursor: pointer;
background-image: url('images/icons/close_icon.svg');
background-size: 22px;
background-repeat: no-repeat;
background-position: top 21px right 15px;
}
.topbar_menu {
width: 60px;
height: 64px;
cursor: pointer;
background-image: url('images/icons/settings_icon.svg');
background-size: 24px;
background-repeat: no-repeat;
background-position: top 20px right 15px;
}
.logout_menu {
width: 60px;
height: 64px;
cursor: pointer;
background-image: url('images/icons/enter_icon.svg');
background-size: 24px;
background-repeat: no-repeat;
background-position: top 20px right 15px;
}
.topbar-title {
float: left;
font-size: 20px;
color: #262626;
text-align: center;
font-weight: 600;
text-transform: uppercase !important;
}
.topbar-tit {	
float: left;
text-align: left;
font-size: 16px;
color: #262626;
font-weight: 600;
padding-right: 10px;
}

._slide_list {
width: 100%;
display: block;
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
border-bottom: 0;
padding: 0;
overflow: hidden;
background: #fff;
border-radius: 0 0 20px 20px;
}
._slide_line {
margin: 10px 15px;
padding: 0;
}
._content_slide {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border-radius: 10px;
}
._content_slide_image {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
background: #FAFAFA;
border-radius: 10px;
}
._content_slide_image img {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
display: block;
position: absolute;
}

.divider-line {
width: 100%;
height: 10px;
background: #efefef;
}
.advertising_content {
width: 100%;
padding: 15px 20px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
}

.add_btn {
width: 100%;
display: flex;
cursor: pointer;
}
.add_btn_title {
width: 100%;
min-height: 50px;
position: relative;
color: #262626;
font-size: 16px;
line-height: 24px;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
padding-left: 30px;
}
.add_btn_ico {
position: absolute;
left: 0;
top: 50%;
width: 22px;
height: 22px;
background-size: 22px;
transform: translate(0, -50%);
}
.next-ico {
position: absolute;
top: 50%;
right: 5px;
transform: translate(0, -50%);
width: 10px;
height: 10px;
background: url('images/icons/next-in.png') no-repeat;
background-size: auto;
background-position: center;
background-size: 10px;
cursor: pointer;
}
.menu-divider {
height: 1px;
width: 90%;
margin-left: 10%;
background: #efefef;
}

#content {
width: 100%;
border-bottom: 0;
}
.content {
width: 100%;
max-width: 600px;
margin: 0 auto;
padding-bottom: 50px;
}
.content-post {
width: 100%;
max-width: 600px;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
}
.row-body {
width: 100%;
height: 100%;
position: relative;
background: #fff;
}
.content-radius {
border-radius: 8px;
}
.content-radius-bottom {
border-radius: 0 0 8px 8px;
}
.content-radius-top {
border-radius: 8px 8px 0 0;
}
.row-nine {
padding: 10px 15px;
}
.welcome-blok {
width: 100%;
}
/*menu*/
.row-menu {
padding: 10px;
}
.row-menu-rubriki {
padding: 20px 10px;
}
.menu_list {
width: 100%;
display: block;
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 0;
overflow: hidden;
}
.menu_line {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 5px;
gap: 5px;
grid-template-columns: repeat(4,1fr);
}
.menu_cont {
width: 100%;
min-width: 0;
}
.menu_content {
position: relative;
margin: 6px 0;
}
.menu_content img {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, 0);
width: 25px;
height: 25px;
padding: 15px;
background-color: #f4f4f4;
border-radius: 15px;
}
.menu_title {
width: 100%;
font-size: 12px;
color: #262626;
text-align: center;
padding-top: 60px;
}
/*login*/
.login-inner-in {
max-width: 300px;
margin: 0 auto;
padding-top: 50px;
}
.login-inner-input {
width: 100%;
box-sizing: border-box;
display: flex;
position: relative;
}
.login-error-box {
width: 100%;
color: #ed4956;
text-align: center;
font-size: 12px;
padding: 10px 0;
}
.login-inner-bottom {
width: 100%;
box-sizing: border-box;
display: flex;
position: relative;
}
.login-bottom {
width: 100%;	
}

.row--button {
color: #fff;
border-radius: 10px;
padding: 12px 0;
font-size: 15px;
border: 1px solid transparent;
background-color: #2196F3;
cursor: pointer;
font-weight: 600;
text-align: center;
margin: 0 auto;
}

.login-code-ttl {
width: 100%;
font-size: 13px;
color: #262626;
text-align: center;
line-height: 18px;
}
.input-access-code {
width: 240px;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 8px 15px;
margin: 0;
font-size: 28px;
margin: 0 auto;
text-align: center;
background-color: #fff;
}
.input-action-code {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 8px 15px;
margin: 0;
font-size: 28px;
position: relative;
text-align: center;
background-color: #fff;
}
.login-code-btn {
max-width: 300px;
margin: 0 auto;
padding-bottom: 30px;
}
.login-code_line {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 10px;
grid-template-columns: repeat(3,1fr);
}
.login-code-content {
width: 100%;
height: 61px;
min-width: 0;
position: relative;
}
.login-code-button img {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, 0);
width: 25px;
height: 25px;
padding: 18px;
background-color: #f4f4f4;
border-radius: 50%;
cursor: pointer;
}
.login-code-button img:active {
background-color: #dcdcdc;
}
.forgot-password {
width: 100%;
text-align: center;
padding: 10px 0;
margin-top: 20px;
font-size: 14px;
color: #262626;
font-weight: 600;
cursor: pointer;
}

.login-ttl-privacy {
width: 100%;
font-size: 13px;
color: #262626;
text-align: center;
line-height: 18px;
margin-top: 10px;
}
.login-ttl-privacy a {
color: #2196F3;
}

.logout-ttl {
width: 100%;
font-size: 18px;
color: #f84049;
text-align: center;
line-height: 18px;
padding-bottom: 10px;
margin: 20px 0;
font-weight: 600;
}
/*cabinet*/
.row-cabinet-cover {
padding: 10px 0;
position: relative;
display: flex;
}
.row-cabinet-ava {
width: 50px;
height: 50px;
}
.row-cabinet-avatar {
width: 50px;
height: 50px;
float: left;
cursor: pointer;
background-image: url(images/icons/menu/m05-user.svg);
background-size: 30px;
background-repeat: no-repeat;
background-position: top 10px left 10px;
background-color: #F2F7FF;
border-radius: 50%;
}
.row-cabinet-info {
width: 100%;
flex-direction: row;
flex-shrink: 1;
min-width: 0;
margin-left: 15px;
}
.cabinet-cover-name {
width: 100%;
color: #262626;
font-size: 20px;
text-align: left;
margin-top: 5px;
}
.cabinet-cover-email {
width: 100%;
color: #262626;
font-size: 16px;
text-align: left;
font-weight: 600;
margin-top: 10px;
}

.cabinet-ads-ttl {
width: 100%;
color: #262626;
font-size: 18px;
text-align: left;
margin: 10px 0;
}
.cabinet-ads-sub {
width: 100%;
font-size: 15px;
color: #262626;
text-align: left;
line-height: 18px;
margin: 20px 0;
}

.cabinet-ads-content {
overflow: auto;
position: relative;
border: 1px solid rgba(28, 24, 25, .1);
border-radius: 10px;
padding: 10px;
display: block;
margin: 20px 0;
}
.cabinet-photo-content {
position: relative;
width: 100%;
height: 90px;
overflow: hidden;
}
.cabinet-photo-scroll {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
padding-bottom: 15px;
float: left;
display: flex;
}
.cabinet-ads-photo {
width: 110px;
height: 90px;
border-radius: 5px;
position: relative;
float: left;
display: flex;
margin-right: 5px;
cursor: pointer;
}
.cabinet-ads-photo img {
width: 110px;
height: 90px;
background: #EFEFEF;
object-fit: cover;
display: block;
border-radius: 5px;
font-size: 11px;
color: #666;
text-align: center;
}
.cabinet-ads-name {
width: 100%;
color: #262626;
font-size: 16px;
font-weight: 600;
padding-top: 16px;
word-wrap: break-word;
cursor: pointer;
}
.cabinet-ads-sfera {
width: 100%;
color: #727272;
font-size: 13px;
padding-top: 6px;
}
.cabinet-ads-info {
color: #000;
font-size: 15px;
line-height: 18px;
text-align: left;
padding-top: 10px;
position: relative;
box-sizing: content-box;
word-wrap: break-word;
}
.cabinet-ads-info span {
color: #727272;
font-size: 14px;
}
.laod-message {
color: #2196F3;
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-decoration: underline;
padding-top: 10px;
}
.cabinet-ads-message {
width: 100%;
}

.cabinet-ads-button-content {
width: 100%;
display: flex;
margin-top: 5px;
padding: 15px 0;
border-top: 1px solid rgba(28, 24, 25, .1);
}
.cabinet-ads-button {
width: 100%;
padding: 10px 0;
font-size: 14px;
color: #262626;
text-align: center;
background: #EFEFEF;
border-radius: 10px;
cursor: pointer;
line-height: 18px;
}
.cabinet-ads-futter {
display: flex;
height: 20px;
padding-top: 5px;
position: relative;
}
.cabinet-delete-button {
width: 100%;
color: #ed4956;
border-radius: 10px;
padding: 12px 0;
font-size: 15px;
border: 1px solid #dcdcdc;
background: #F2F7FF;
cursor: pointer;
font-weight: 600;
text-align: center;
margin: 0 auto;
}
/*statistics ads*/
.statistics-post {
width: 100%;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid rgba(28, 24, 25, .1);
display: grad;
align-content: end;
}
.statistics-post-ttl {
width: 100%;
color: #000;
font-size: 15px;
padding-bottom: 8px;
text-align: left;
}
.chart-post {
display: table;
table-layout: fixed;
width: 100%;
height: 100px;
margin: 0;
padding-bottom: 15px;
text-align: center;
}
.chart-li-post {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 100px;
padding: 25px 2px;
cursor: pointer;
text-align: center;
}
.chart-li-value {
width: 100%;
font-size: 11px;
color: #333;
padding-bottom: 5px;
}
.chart-li-post span {
margin: 0 0;
display: block;
background: #2196F3;
}
.chart-li-date {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
font-size: 11px;
color: #333;
text-align: center;
}
/*search filters*/
.filters-menu-btn {
position: fixed;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
padding: 10px 20px;
display: none;
}
.filters-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
white-space: nowrap;
font-size: 15px;
font-weight: 600;
color: #fff;
padding: 10px 20px;
background-color: #2196F3;
border-radius: 10px;
cursor: pointer;
}
.filters_ico {
width: 26px;
height: 18px;
background-size: 18px;
background-image: url('images/icons/filtering_icon1.svg');
background-repeat: no-repeat;
background-position: top 0px right 0px;
}

.search_content {
width: 100%;
}
.search_content_filters {
margin: 0 15px;
}
.search_input {
display: flex;
padding: 15px 0 20px 0;
}
.search_input_content {
width: 100%;
border-radius: 15px;
border: 1px solid #dcdcdc;
position: relative;
display: flex;
}
.search-bar__input {
width: 100%;
padding: 9px 15px 9px 40px;
margin: 0;
border: 0;
font-size: 15px;
line-height: 20px;
border-radius: 15px;
}
.search-bar__inputico {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 36px;
background-size: 18px;
background-image: url(images/icons/059-search.png);
background-repeat: no-repeat;
background-position: top 10px left 10px;
cursor: pointer;
}

.save_filters {
margin: 15px;
}
.filters {
position: relative;
width: 100%;
height: 37px;
overflow: hidden;
}
.filters-scroll {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
padding-bottom: 15px;
float: left;
display: flex;
}
.filters-button-header {
float: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
white-space: nowrap;
height: 24px;
font-size: 14px;
font-weight: 600;
color: #fff;
padding: 5px 10px;
background-color: #2196F3;
border: 1px solid #2196F3;
border-radius: 10px;
margin-right: 10px;
cursor: pointer;
}
.filters-tittle {
float: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
white-space: nowrap;
height: 24px;
font-size: 14px;
color: #262626;
padding: 5px 10px;
background-color: #f4f4f4;
border: 1px solid #dcdcdc;
border-radius: 10px;
margin-right: 10px;
cursor: pointer;
}
.search_pictures {
width: 100%;
display: flex;
margin-top: 15px;
margin-bottom: 20px;
position: relative;
}
.search-title-item {
align-items: center;
min-height: 20px;
color: #262626;
font-size: 14px;
font-weight: 400;
}
/*filter-modal*/
.modal-filters-blok {
padding: 10px 0;
position: relative;
}
.modal-filters-title {
color: #262626;
font-size: 14px;
font-weight: 600;
text-align: left;
padding-top: 5px;
padding-bottom: 15px;
margin: 0 15px;
}

.modal-filters-btn {
font-size: 15px;
color: #000;
text-align: left;
padding: 12px 30px 12px 0;
margin: 0 15px;
position: relative;
line-height: 20px;
cursor: pointer;
}
.modal-filters--ico {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
border: 1.5px solid #dcdcdc;
border-radius: 4px;
width: 18px;
height: 18px;
background-image: url('images/icons/checkbox_1.svg');
background-size: 18px;
background-repeat: no-repeat;
}

.modal-filters-line {
margin: 0 15px 10px 15px;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 8px;
gap: 8px;
grid-template-columns: repeat(2,1fr);
}
.modal-filters-btnline {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
display: grid;
min-height: 24px;
font-size: 14px;
color: #262626;
padding: 5px 10px;
background-color: #f4f4f4;
border: 1px solid #dcdcdc;
border-radius: 10px;
cursor: pointer;
}

.modal-divider {
height: 1px;
background: #efefef;
}
.filter-fut {
width: 100%;
padding-bottom: 150px;
}
/*ads block vip*/
.adsvip_content {
cursor: pointer;
display: flex;
position: relative;
}
.adsvip_content img {
width: 100%;
height: 280px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.adsvip_title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg,transparent,rgba(0,0,0,0.7) 49.48%);
padding: 20px 10px;
color: #fff;
}
.adsvip_name {
font-size: 22px;
font-weight: 600;
line-height: 24px;
padding-bottom: 8px;
}
.adsvip_message {
font-size: 16px;
line-height: 18px;
}

.stiker-top {
font-size: 10px;
top: 5px;
left: 5px;
position: absolute;
color: #000;
padding: 0 6px;
background-color: #ffd313;
border-radius: 3px;
z-index: 1;
}
/*ads block*/
.listnews {
position: relative;
}
.news_list_content {
display: block;
padding: 14px 0;
margin: 0 15px;
border-bottom: 1px solid #efefef;
min-width: 0;
cursor: pointer;
position: relative;
}
.news_list_container {
display: flex;
}
.news_list_img {
float: left;
width: 130px;
height: 90px;
border-radius: 5px;
position: relative;
}
.news_list_img img {
width: 110px;
height: 90px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
font-size: 11px;
color: #666;
text-align: center;
}
.image-thumbnail {
color: #fff;
top: 50%;
left: 50%;
font-size: 15px;
width: 60px;
transform: translate(-50%, -50%);
text-align: center;
position: absolute;
cursor: pointer;
text-shadow: #000 1px 1px 0, #000 -1px -1px 0, #000 -1px 1px 0, #000 1px -1px 0;
z-index: 1;
}
.news_list_in {
width: 100%;
flex-direction: row;
flex-shrink: 1;
min-width: 0;
margin-left: 10px;
text-align: left;
position: relative;
}
.news_list_int {
width: 100%;
color: #2196F3;
font-size: 15px;
font-weight: 600;
line-height: 19px;
margin-bottom: 5px;
position: relative;
}
.news_list_ins {
width: 100%;
color: #000;
font-size: 13px;
line-height: 18px;
font-weight: 500;
}
.news_list_ina {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #262626;
font-size: 12px;
font-weight: 400;
}
.news_list-dosave {
position: absolute;
right: 0;
bottom: 0;
width: 50px;
height: 22px;
cursor: pointer;
background-image: url(images/icons/heart_ok.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: top 4px right 5px;

}
.nothing-found {
width: 100%;
color: #262626;
font-size: 14px;
word-wrap: break-word;
padding: 30px 0;
text-align: center;	
}

.clamp-i {
box-sizing: content-box;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.clamp-ii {
box-sizing: content-box;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.pinned_vip {
position: absolute;
top: 0;
right: 0;
padding: 10px;
}
.pinned_top {
position: absolute;
top: 0;
right: 0;
padding: 6px;
}
.pinnedcolor {
color: #fff;
}
/*post*/
.post-top-content {
position: fixed;
top: 0;
width: 100%;
height: 50px;
background-color: #fff;
z-index: 1000;
display: none;
}
.post_content_slide {
width: 100%;
height: 350px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post_content_slide img {
width: 100%;
height: 350px;
object-fit: cover;
display: block;
background: #EFEFEF;
}
.nophoto, .nophoto img {
height: 220px;
}
.post-blok-info {
width: 100%;
}
.post__in {
background: #fff;
padding: 10px 15px;
}

.post_in_ttl {
color: #2196F3;
font-size: 22px;
line-height: 26px;
font-weight: 600;
word-wrap: break-word;
padding: 5px 90px 5px 0;
position: relative;
}
.post_action-save {
position: absolute;
right: 0;
top: 0;	
display: flex;
}
.post-share-ico {
width: 40px;
height: 40px;
cursor: pointer;
background-image: url(images/icons/056-share.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: top 10px right 11px;
}
.posts-save {
width: 40px;
height: 40px;
cursor: pointer;
}
.posts-save img {
vertical-align: middle;
width: 22px;
height: 22px;
padding: 8px 0 10px 18px;
}
.preloader_save {
width: 18px;
height: 18px;
background: url('images/loader02.gif');
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
}
.save-center {
margin: 10px 0 0 18px;
}

.post_in_sfera {
color: #5C5C5C;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
padding: 10px 0;
}
.post_in_message {
width: 100%;
color: #262626;
font-size: 14px;
font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
box-sizing: content-box;
word-wrap: break-word;
text-align: left;
line-height: 22px;
padding: 15px 0;
}
.message-http {
color: #0072ce;
}
.post_info_opsi {
width: 100%;
overflow: auto;
padding-bottom: 15px;
}
.post_info_stiker {
width: 100%;
color: #262626;
font-size: 14px;
font-weight: 600;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align: left;
line-height: 22px;
}
.post-disabil {
color: #7F0000;
}

.post__info {
display: flex;
margin: 25px 0;
}
.post_info_title {
color: #000;
font-size: 15px;
text-align: left;
line-height: 20px;
padding-left: 30px;
margin-right: 30px;
position: relative;
box-sizing: content-box;
word-wrap: break-word;
}
.post_info_ico {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
background-size: 18px;	
}
.post_divider {
border-bottom: 1px solid #ebebeb;
}

.post__futter {
display: flex;
height: 20px;
padding: 20px 0;
position: relative;
border-bottom: 1px solid rgba(28, 24, 25, .1);
}
.post_futter_ttl {
color: #727272;
font-size: 13px;
position: relative;
box-sizing: content-box;
word-wrap: break-word;
text-align: left;
position: absolute;
}
.post_futter_ico {	
width: 16px;
height: 16px;
background-size: 16px;
margin-right: 6px;
}
.post-button-futter {
width: 100%;
padding: 10px 0;
margin-bottom: 12px;
font-size: 14px;
color: #262626;
text-align: center;
background: #EFEFEF;
border-radius: 10px;
cursor: pointer;
line-height: 18px;
}

.phone-show-button {
color: #727272;
font-weight: 600;
font-size: 14px;
cursor: pointer;
border-bottom: 1px dotted;
}

.post_ads_in_title {
width: 100%;
color: #262626;
font-size: 24px;
font-weight: 400;
padding: 15px 0;
}
.post_timetable {
position: absolute;
z-index: 2;
bottom: 15px;
left: 20px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .5px;
line-height: 22px;
text-align: left;
text-shadow: #000 1px 1px 0, #000 -1px -1px 0, #000 -1px 1px 0, #000 1px -1px 0;
border-bottom: 1px solid #ebebeb;
}
.post_adsinfo {
width: 50%;
}
.post_ads_info-tel {
float: left;
color: #262626;
font-size: 14px;
text-align: left;
margin-right: 50px;
padding-left: 30px;
position: relative;
}
.post_info_telico {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
background-size: 18px;
background-image: url(images/icons/003-call.png);	
}
.post_ads_info-address {
float: right;
color: #262626;
font-size: 14px;
text-align: center;
position: relative;
padding-left: 30px;
}
.post_info_adrico {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
background-size: 18px;
background-image: url(images/icons/009-location.png);	
}

.post-fut {
width: 100%;
padding-bottom: 80px;
}
.post-menu-inn {
width: 100%;
max-width: 600px;
margin: 0 auto;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
background: linear-gradient(180deg,transparent,rgba(255,255,255,0.9) 10.48%);
}
.post-menu {
display: flex;
padding: 20px 15px 35px 15px;
}
.post-menu-content {
width: 100%;
}
.post-menu-btn {
padding: 12px 0;
border-radius: 10px;
cursor: pointer;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-btnleft {
background-color: #32a801;
margin-right: 7px;	
}
.post-btnright {
background-color: #2196F3;	
margin-left: 7px;	
}
.post-menu-ico {
background-position: center;
width: 20px;
height: 20px;
margin-left: 15px;
}
.post-ico-wt {
background-size: 20px;
background-image: url(images/icons/017-whatsapp.png);
}
.post-ico-call {
background-size: 20px;
background-image: url(images/icons/038-phone-call.png);
}
.post-menu-ttl {
padding-left: 15px;
color: #fff;
font-size: 14px;
font-weight: 600;
text-align: left;
}
.post_opentime {
width: 100%;
color: rgb(48, 173, 0);
font-size: 13px;
font-weight: 600;
text-align: left;
padding-top: 3px;
}
/*add*/
.add-bottom-inn {
width: 100%;
max-width: 600px;
margin: 0 auto;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
background-color: #fff;
border-top: 1px solid #eaeaec;
}

.add-header-title {
width: 100%;
color: #262626;
font-size: 20px;
text-align: left;
margin: 20px 0;
font-weight: 600;
}
.add_menu {
width: 100%;
display: flex;
}
.add_btn_content {
width: 100%;
min-height: 66px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
position: relative;
cursor: pointer;
}
.add_content-sfera {
min-height: 66px;
}
.add_content-sferavid {
min-height: 50px;
}
.add_menu_ico img {
width: 22px;
height: 22px;
cursor: pointer;
padding: 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;
margin-right: 15px;
}
.add_menu_ttl {
color: #262626;
font-size: 16px;
line-height: 18px;
text-align: left;
padding-right: 20px;
}

.add_company_blok {
width: 100%;
overflow: auto;
background: #fff;
}
.add_company-container {
width: 100%;
float: left;
position: relative;
}
.add_company-container-tit {
text-align: left;
width: 100%;
height: 24px;
padding: 5px 0;
color: #262626;
font-size: 15px;
position: relative;
}
.form--input-container {
width: 100%;
float: left;
position: relative;
padding-bottom: 20px;
}
.form--input-content {
width: 100%;
float: left;
display: flex;
position: relative;
}
.form_input {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 10px 15px;
margin: 0;
font-size: 16px;
color: #262626;
line-height: 24px;	
position: relative;
}
.input_padd {
padding: 10px 15px 10px 40px;
}
.input_padd-phone {
padding: 10px 40px;
}
.hours_00 {
color: #8e8e8e !important;
}
.form_input_hours {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 11px 15px 9px 40px;
margin: 0;
font-size: 16px;
height: 24px;	
position: relative;
}
.form_input_date {
border: 0;
margin: 0;
font-size: 16px;
padding-right: 18px !important;
}

#formmessage {
width: 100%;
height: 100px;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
margin: 0;
font-size: 16px;
line-height: 24px;
color: #000;
resize: none;
}
.form_input:focus, #formmessage:focus, .dropdown:focus {
border: 1px solid #ADADAD;
}
.form-ico {
position: absolute;
left: 13px;
top: 50%;
transform: translate(0, -50%);
border-radius: 10px;
width: 18px;
height: 18px;
background-size: 18px;
background-position: center;
z-index: 1;
}
.form-ico-delete {
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
background-size: 12px;
background-image: url(images/icons/002-cancel.png);
background-repeat: no-repeat;
background-position: top 17px right 17px;
cursor: pointer;
z-index: 1;
}

.add_company-dropdown {
width: 100%;
display: flex;	
float: left;
}
.dropdown {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 3px 10px 15px;
cursor: pointer;	
display: inline-block;
position: relative;
}
.dropdown-margin {
margin-bottom: 20px;
}
.select {
width: 100%;
font-size: 16px;
color: #000;
text-align: left;
line-height: 24px;
display: flex;
}
.select span {
width: 240px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 10px;
}
.dropdown-ico {
position: absolute;
top: 15px;
right: 15px;
width: 12px;
height: 12px;
background: url('images/icons/next-in.png') no-repeat;
background-position: center;
background-size: 12px;
cursor: pointer;
}
.dropdown-menu {
width: 100%;
background: #fff;
overflow: hidden;
max-height: 280px;
overflow-y: auto;
padding: 0;
margin-top: 10px;
display: none;
list-style: none;
}
.dropdown-menu li, .dropdown-menu_sub li {
font-size: 16px;
color: #262626;
text-align: left;
line-height: 20px;
margin-right: 20px;
padding: 18px 0;
cursor: pointer;
border-bottom: 1px solid #efefef;
} 
.blocking {
pointer-events: none;
background: #FAFAFA;	
}
.dropdown-scrollbar::-webkit-scrollbar {
width: 4px;
background-color: #f9f9fd;
}
.dropdown-scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #8B8B99;
}
.dropdown-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
border-radius: 10px;
background-color: #f9f9fd;
}

.add_company_phone {
float: left;
color: #0c78ed;
font-size: 14px;
font-weight: 600;
margin-top: 11px;
margin-left: 5px;
cursor: pointer;
}
.phone-delete-ico {
background-image: url(images/icon/028-cancel.png);
}
.newads-phone-delete {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 46px;
background-repeat: no-repeat;
background-position: top 15px right 20px;
background-size: 16px;
cursor: pointer;
}

.add_company-images-sub {
width: 100%;
float: left;
color: #8e8e8e;
font-size: 12px;
margin-bottom: 10px;
}
.add_company-images-sub a {
color: rgb(2, 142, 255);
}
#add_company_files {
display: block;
width: 100%;
}
.img-itemfile {
width: 33.3333%;
float: left;
display: flex;
}
.img-item {
width: 100%;
float: left;
margin: 2px;
position: relative;
border-radius: 5px;
background: #FAFAFA;
}
.img-item img {
width: 100%;
height: 96px;
border-radius: 5px;
background: #FAFAFA;
object-fit: cover;
display: block;
}
.img-mainphoto {
font-size: 11px;
line-height: 20px;
position: absolute;
text-align: center;
background-color: rgba(28, 24, 25, .6);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
bottom: 0;
color: #fff;
left: 0;
width: 100%;
}
.img-item-delete {
width: 14px;
height: 14px;
padding: 8px;
background-color: rgba(28, 24, 25, .6);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.img-item-delete-ic {
width: 14px;
height: 14px;
background: url(images/icons/cancel-fff.png);
background-size: 14px;
cursor: pointer;
}
.img-item-preloader {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}

.add_company-uploaded-images {
width: 100%;
}
.img-myfile-in {
width: 33.3333%;
float: left;
display: flex;
}
.img-myfile {
width: 100%;
height: 92px;
cursor: pointer;
border-radius: 5px;
float: left;
margin: 2px;
border: 2px dashed #0095F6;
position: relative;
}
.img-myfile-ico {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -75%);
width: 32px;
height: 32px;
background: url('images/icons/023-add-photo.png');
background-size: 32px;
cursor: pointer;	
}
.img-myfile-ttl {
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
float: left;
color: #0095F6;
font-size: 12px;
font-weight: 600;
text-align: center;
}
.img-sortable-ttl {
width: 100%;
float: left;
color: #262626;
font-size: 12px;
padding-bottom: 10px;
}
.img-myfile-queued {
float: left;
width: 100%;
color: #666;
font-size: 13px;
padding: 10px 0;
}
#img_myfile_queued {
color: #666;
font-size: 13px;
}
#errorfiles {
float: left;
width: 100%;
color: #f84049;
font-size: 12px;
}

.add_company_opsi {
width: 100%;
overflow: auto;
padding-bottom: 15px;
}
.add_company_stiker {
float: left;
margin-bottom: 10px;
margin-right: 10px;
padding: 8px 15px;
text-align: center;
color: #1c1819;
font-size: 14px;
border-radius: 10px;
cursor: pointer;
border: 1px solid #dcdcdc;
}

.buttonflex {
width: 100%;
float: left;
display: flex;
}
.add_company_button {
width: 50%;
border-radius: 10px;
padding: 12px 0;
cursor: pointer;
border: 0;
font-size: 15px;
text-align: center;
}
.button_send {
background: #2196F3;
color: #fff;
font-weight: 600;
border: 1px solid transparent;
margin-left: 20px;
}
.button_cancel {
background: #fff;
color: #262626;
font-weight: 400;
border: 1px solid #dcdcdc;
}
/*add ads view*/
.view_ico {
width: 32px;
height: 32px;
margin: 0 auto;
}
.view_tit {
color: #2196F3 !important;
}
.view_tit_error {
color: #f84049 !important;
}

.border-for-blocks {
width: 100%;
height: 230px;
border-radius: 5px 5px 10px 10px;
background-color: #ffffff;
margin-top: 30px;
overflow: hidden;
position: relative;
}
.tn-atom {
position: absolute;
top: 0;
left: 50%;
transform:translate(-50%, -0%); 	
width: 900px;
height: 20px;
background-color: #f1f2f1;
border-radius: 0 0 5px 5px;
}
.border-for-blocks img{
width: 100%;
height: 230px;
border-radius: 5px 5px 10px 10px;
background: #FAFAFA;
object-fit: cover;
display: block;
}
.border-for-blocks-ttl {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: linear-gradient(180deg,transparent,rgba(0,0,0,0.7) 49.48%);
padding: 40px 0;
color: #fff;
font-size: 26px;
line-height: 36px;
font-weight: 600;
}
/*ico*/
.location-ico {
background-image: url(images/icons/009-location.png);	
}
.hours-ico {
background-image: url(images/icons/001-clock.png);	
}
.phone-ico {
background-image: url(images/icons/003-call.png);	
}
.instagram-ico {
background-image: url(images/icons/instagram-01.png);
}
.whatsapp-ico {
background-image: url(images/icons/whatsapp-01.png);
}
.website-ico {
background-image: url(images/icons/website.png);
}
.about-ico {
background-image: url(images/icons/1-about-ico.svg);
}
.agreement-ico {
background-image: url(images/icons/1-agreement-ico.svg);
}
.privacy-ico {
background-image: url(images/icons/privacy-ico.svg);
}
.views-ico {
background-image: url(images/icons/01eyeview.png);
}
.star-ico {
background-image: url(images/icons/star_icon.svg);
}
/*info*/
.row_info_content {
padding: 10px 0;
}
.about-content {
border: 1px solid rgba(28, 24, 25, .1);
border-radius: 15px;
display: block;
margin-bottom: 20px;
}
.about-title {
font-size: 18px;
color: #fff;
background-color: #2196F3;
text-align: left;
line-height: 24px;
font-weight: 600;
padding: 20px 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.about-title-sub {
font-size: 15px;
color: #262626;
text-align: left;
line-height: 22px;
font-weight: 600;
padding: 15px;
}

.row_info_tt {
font-size: 14px;
color: #262626;
text-align: left;
line-height: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.row_info_ttl {
font-size: 14px;
color: #262626;
text-align: left;
line-height: 18px;
margin-bottom: 15px;
}

.row-fetch--p {
margin-top: 100px;
padding: 0 20px;
}
.row-fetch-ico {
width: 40px;
height: 40px;
background-size: 18px;
background-repeat: no-repeat;
background-position: top 11px left 11px;
margin: 0 auto;
border: 1px solid #333;
border-radius: 50%;
}
.row-fetch-ttl {
width: 100%;
font-size: 18px;
color: #262626;
text-align: center;
line-height: 20px;
margin: 15px 0;
}
.row-fetch-ttll {
width: 100%;
font-size: 14px;
color: #262626;
text-align: center;
line-height: 18px;
margin-bottom: 20px;
}
.fetch-button {
width: 250px;
}

.row-fetch-default {
width: 180px;
margin: 0 auto;
}
.row-fetch-default img {
width: 100%;
}
/*settings*/
.settings-container {
padding: 10px 0;
}
.settings-menu-ttl {
width: 100%;
font-size: 13px;
color: #727272;
text-align: left;
line-height: 18px;
margin-bottom: 10px;
}
.settings-menu {
width: 100%;
min-height: 50px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
}
.settings-menu-name {
width: 70%;
color: #262626;
font-size: 16px;
line-height: 24px;
text-align: left;
}
.settings-menu-in {
width: 30%;
color: #262626;
font-size: 16px;
line-height: 24px;
text-align: right;
padding-right: 25px;
}
.settings-logo {
margin-top: 30px;
height: 28px;
}

.settings-aboutapp {
margin-top: 50px;
}
.settings-aboutapp-ico {
width: 47px;
height: 47px;
margin: 0 auto;
border: 1px solid #dcdcdc;
border-radius: 15px;
padding: 8px;
}
.settings-aboutapp-ico img {
width: 47px;
height: 47px;
border-radius: 15px;
}
.settings-aboutapp-sub {
width: 100%;
font-size: 13px;
color: #727272;
text-align: center;
line-height: 18px;
margin: 10px 0;
}
/*modal*/
.slide-card {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1111;
display: none;
background: rgba(0, 0, 0, 0.9);
}
.modal-aksia-top {
width: 100%;
max-width: 600px;
margin: 0 auto;
position: relative;
}
.modal-aksia-close {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
z-index: 2;
}
.aksia-close {
margin-left: 50px;
margin-top: 15px;
width: 38px;
height: 38px;
background: url('images/icons/cancel-fff.png');
background-size: 18px;
background-repeat: no-repeat;
background-position: top 10px right 10px;
border-radius: 50%;
cursor: pointer;
}

.aksia-bar-content {
width: 100%;
max-width: 600px;
position: absolute;
left: 0;
right: 0;
top: 5px;
display: flex;
z-index: 10;
}
.aksia-bar {
width: 100%;
height: 2.5px;
background: #888;
margin: 0 2px;
border-radius: 5px;
position: relative;
}
.aksia-bar-active {
background: #fff;
}

.swiper-aksia-content {
background: #fff;
width: 100%;
height: 100%; 
position: relative;
}
.aksia-content-blokin {
background: #fff;
width: 100%;
max-width: 600px;
height: 100%; 
margin: 0 auto;
overflow: auto;
position: relative;
}
.aksia-content-inner {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.aksia-image-color {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 1;
}
.aksia-content-image {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
background: #FAFAFA;
}
.aksia-content-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: absolute;
}
.aksia-content-info {
padding: 20px;
}
.aksia-content-title {
font-size: 18px;
padding-bottom: 10px;
line-height: 22px;
color: #000;
font-weight: 600;
text-align: left;
}
.aksia-content-time {
font-size: 13px;
padding-bottom: 10px;
color: #333;
text-align: left;
}
.aksia-content-message {
font-size: 16px;
line-height: 24px;
padding-top: 10px;
padding-bottom: 140px;
color: #000;
text-align: left;
}
.aksia-content-button {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px 20px 45px 20px;
display: flex;
}
.aksia--button {
width: 100%;
max-width: 350px;
padding: 10px;
margin: 0 auto;
border-radius: 10px;
color: #fff;
font-size: 15px;
line-height: 22px;
font-weight: 600;
cursor: pointer;
text-align: center;
}
.aksia-button-next {
width: 40%;
position: absolute;
top: 100px;
bottom: 100px;
right: 0;
z-index: 1112;
cursor: pointer;
}
.aksia-button-prev {
width: 40%;
position: absolute;
top: 100px;
bottom: 100px;
left: 0;
z-index: 1112;
cursor: pointer;
}

.modal-card, .modal-filter {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1111;
display: none;
background: #fff;
}
.modal-content, .modal-filter-content, .postpage-content {
width: 100%;
height: 100%;
overflow: auto;
}
.modal-container, .modal-filter-container, .postpage-container {
max-width: 600px;
width: 100%;
margin: 0 auto;
overflow: hidden;
padding-top: 65px;
}
#loadmore-postid {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal_error {
width: 100%;
padding-top: 65px;
}
.modal_error-ttl {
font-size: 14px;
color: #262626;
text-align: left;
line-height: 20px;
font-weight: 600;
text-align: center;
margin: 0 50px;
}

.modalin-background {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1111;
background: rgba(255, 255, 255, 0.3);
display: none;
}
.modalin-large {
position: absolute;
z-index: 9999;  
bottom: 0;  
left: 50%;
width: 100%;
max-width: 600px;
transform: translate(-50%, 0);
animation: modalin 0.4s;
display: none;
}
@keyframes modalin {
0%{transform: translate(-50%, 200px);}
100%{transform: translate(-50%, 0%);}
}
.modalin-content {
background: #F2F7FF;
padding: 20px 20px 50px 20px;
border-radius: 20px 20px 0 0;
}
.modalin-text {
width: 100%;
color: #000;
font-size: 18px;
line-height: 22px;
position: relative;
text-align: center;
}
.modalin-title-min {
width: 100%;
color: #000;
padding-top: 15px;
text-align: center;
font-size: 14px;
line-height: 18px;
}
.modalin-button {
margin-top: 10px;
padding: 12px 0;
text-align: center;
color: #000;
font-size: 15px; 
font-weight: 600;
cursor: pointer;
border: 1px solid #dcdcdc;
border-radius: 10px;
}
.menudelete {
background-color: #f84049 !important;
border: 1px solid #f84049 !important;
color: #fff;
}
.menudalee {
color: #2196F3 !important;
}
/*ratetheapp*/
.rateapp_line {
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 10px;
gap: 10px;
grid-template-columns: repeat(5,1fr);
margin: 20px 0;
}
.rateapp-content {
width: 100%;
height: 45px;
min-width: 0;
position: relative;
}
.rateapp-button {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, 0);
background-color: #f4f4f4;
border-radius: 50%;
cursor: pointer;
border: 1px solid #dcdcdc;
}
.rateapp-button img {
width: 20px;
height: 20px;
padding: 10px;
}
/*resultinfo*/
#result_info {
width: 220px;
position: fixed;
z-index: 9999;  
bottom: 65px;  
left: 50%;  
transform:translate(-50%, -0%);
animation: Wrapper 0.4s;
display: none;
}
@keyframes Wrapper {
0%{transform: translate(-50%, 100px);}
100%{transform: translate(-50%, -0%);}
}
.result-info-content {
background: #F2F7FF;
width: 200px;
border-radius: 15px;
padding: 10px;
}
.result-info-text {
width: 100%;	
color: #2196F3;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.ttl-ok {
color: #2196F3;
}
.result-info-ok {
width: 16px;
height: 16px;
background: url(images/icons/009-check.png);
background-size: 16px;	
margin: 0 auto;
}
.ttl-error, .complain {
color: #ed4956;
}
.result-info-error {
width: 16px;
height: 16px;
background-image: url(images/icons/001-cancel.png);
background-size: 16px;	
margin: 0 auto;
}
/*preloader*/
.preloader-absolute {
width: 22px;
height: 22px;
position: absolute;
top: 30px;
left: 50%;
transform:translate(-50%, -0%);
}
.preloader-center {
margin: 20px auto 0 auto;
}
.preloader-auto {
margin: 0 auto;
}
.loader02 {
width: 22px;
height: 22px;
background: url('images/loader02.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}

.loading_fixed {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
position: fixed;
overflow: auto;
left: 0;
top: 0;
z-index: 1001;
}
.preloader_fixed {
position: fixed;
z-index: 1001;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 22px;
background: url('images/loader02.gif');
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center;
}

.info-preloader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(239, 239, 239, 0.3);
z-index: 1;
}
.infopreloader {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 22px;
background: url('images/loader02.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
/*load-more*/
.load-more {
width: 100%;
min-height: 22px;
float: left;
text-align: center;
margin-top: 5px;
}
.load-more a {
border: 1px solid #dcdcdc;
background: #F2F7FF;
color: #262626;
border-radius: 6px;
overflow: auto;
padding: 5px 20px;
cursor: pointer;
font-size: 12px;
text-decoration: none;
display: inline-block;
}

.button-blocking {
pointer-events: none !important;
background-color: rgba(var(--d69,122,195,244),1) !important;	
}