body {
color: #333;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background: #f1f2f1;
font-weight: 400;
}
h1, h2, h3 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
letter-spacing: normal;
margin: 0;
font-weight: 400;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus, *:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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: 0;
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);
}

.av_top{
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 100px;
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
display: none;
z-index: 1000;
}
.av_top:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.av_top span{
position: absolute;
bottom: 90px;
display: block;
width: 80px;
text-align: center;
color: #000;
font-weight: 600;
}

#topbar {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
width: 100%;
background: #fff;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.topbar {
margin: 0 auto;
width: 1280px;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 0;
}
.topbar, .menu_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.logo {
margin-right: 10px;
width: 40px;
height: 40px;
}
.logo-title {
float: left;
font-size: 24px;
color: #074506;
text-align: left;
font-weight: 600;
padding-bottom: 3px;
text-transform: uppercase !important;
}
.menu_links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.menu-image {
height: 36px;
cursor: pointer;
padding: 0 10px;
}
.menu_img {
width: 36px;
height: 36px;
border: 1px solid #dcdcdc;
border-radius: 50%;
}

.topbar-no {
width: 100%;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px 0;
}
.logo-title-no {
width: 100%;
font-size: 24px;
color: #074506;
text-align: center;
font-weight: 600;
text-transform: uppercase !important;
}

.menutop-background {
width: 100%;
height: 100%;
position: fixed;
overflow: auto;
left: 0;
top: 0;
display: none;
z-index: 10;
margin-top: 60px;
background: rgba(255, 255, 255, 0.6);
}
.menutop-container {
width: 100%;
top: 61px;
position: absolute;
box-sizing: border-box;
z-index: 11;
display: none;
}
.menutop-content {
background: #fff;
border-radius: 3px;
border: 1px solid #dcdcdc;
max-width: 200px;
width: 100%;
float: right;
margin-top: 10px;
box-sizing: border-box;
}
#menu_sm {
background: #fff;
border: 1px solid #dcdcdc;
height: 14px;
float: right;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 14px;
z-index: 11;
top: 3px;
right: 20px;
position: absolute;
}
#menu_ss {
top: 11px;
right: 10px;
position: absolute;
background: #fff;
border: 0;
height: 15px;
float: left;
width: 180px;
z-index: 12;
}
.menutop-username {
padding: 20px 10px;
text-align: center;
color: #000;
font-size: 14px; 
font-weight: 600;	
}
.menutop-username span {
font-size: 13px;
font-weight: 400;
padding-top: 5px;
}

#content {
width: 100%;
border-bottom: 0;
padding-top: 80px;
}
.content {
border-bottom: 0;
width: 100%;
height: 100%;
margin: 0 auto;
max-width: 1260px;
}
.row-body {
width: 100%;
min-height: 600px;
overflow: auto;
border: 1px solid #dcdcdc;
background: #fff;
border-radius: 6px;
display: flex;
}
/*login*/
.login-container {
margin: 0 auto;
width: 400px;
background: #fff;
border: 1px solid #f1f2f1;
border-radius: 20px;
}
.login-admin-ttl {
width: 100%;
padding: 30px 0 10px 0;
font-size: 16px;
color: #074506;
text-align: center;
}
.login-admin-inner {
padding: 20px 20px 50px 20px;
display: flex;
}
.login-admin-inner-100 {
width: 100%;
}
.login-admin-input {
width: 100%;
max-width: 250px;
margin: 0 auto;
box-sizing: border-box;
display: flex;
}
#username, #password {
width: 100%;
padding: 6px 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;
margin: 0;
font-size: 14px;
color: #000;
text-align: left;
line-height: 24px;
}
#username:hover, #password:hover, #username:focus, #password:focus {
border-color: #999;
}
.recover-divider {
height: 1px;
width: 100%;
margin-bottom: 20px;
}
.button-login {
width: 100%;
color: #fff;
border-radius: 10px;
padding: 6px 0;
font-size: 14px;
line-height: 24px;
border: 1px solid transparent;
background-color: #34A853;
cursor: pointer;
font-weight: 600;
text-align: center;
margin: 10px 0;
}
.error-box {
width: 100%;
color: #ed4956;
text-align: center;
font-size: 11px;
min-height: 10px;
margin-top: 10px;
}
/*menuadmin*/
.menu-container {
width: 20%;
}
.menu-content {
width: 100%;
}
.menu-link {
padding: 5px 10px 5px 10px;
display: block;
text-decoration: none;
line-height: 30px;
cursor: pointer;
border-left: 2px solid #fff;
color: #000;
font-size: 14px;
position: relative;
}
.menu-link:hover {
background-color: #F7F7F7;
}
.menu-link-active {
font-weight: 600;
color: #074506;
border-left: 2px solid #074506;
background-color: #F7F7F7;
}
.menu-link-divider {
height: 1px;
width: 100%;
background: #efefef;
}
/*Панель*/
.page-container {
width: 80%;
border-left: 1px solid #dcdcdc;
}
.page-content {
padding: 20px;
overflow: auto;
}
.page-header {
padding: 0 10px 10px 10px;
height: 40px;
font-size: 22px;
color: #000;
text-align: left;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-header a {
color: #000;
margin: 0 5px;
}
.page-header-hover {
text-decoration: underline;
}
.page-header-input {
padding: 20px 10px;
position: relative;
}
.search-inputico {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 40px;
background-size: 18px;
background-image: url(images/icons/059-search.png);
background-repeat: no-repeat;
background-position: top 11px right 16px;
cursor: pointer;
}
.page-width100 {
width: 100%;
}
.page-divider {
height: 1px;
margin: 0 10px;
background: #dcdcdc;
}
/*Panel*/
.panel-admin-mobil {
display: none;	
}
.panel-admin-dectop {
display: block;	
}
.dash-panel-admin {
width: 221px;
float: left;
margin: 10px;
position: relative;
display: flex;
}
.panel-admin {
width: 100%;
padding: 20px;
border-radius: 10px;
border: 1px solid #dcdcdc;
font-size: 13px;
font-weight: 400;
color: #000;
}
.panel-admin-values {
font-size: 24px;
color: #074506;
font-weight: 600;
margin-bottom: 5px;
}
.panel-admin-stats {
width: 462px;
float: left;
margin: 10px;
position: relative;
display: flex;
}
/*Статистика*/
.stats-content-admin {
float: left;
margin: 10px 10px 20px 10px;
position: relative;
display: flex;
}
.info_content {
width: 100%;
border-bottom: 1px solid #f1f2f1;
margin-bottom: 40px;
}
.info_content_title {
width: 100%;
color: #000;
font-size: 14px;
font-weight: 600;
padding-bottom: 20px;
}
.info_content_info {
width: 100%;
}

.dash-half-ttl {
width: 100%;
color: #000;
font-size: 13px;
font-weight: 600;
padding: 10px 0;
}
.dash-half-statistics {
width: 100%;
display: flex;
}
.chart {
display: table;
table-layout: fixed;
width: 100%;
height: 160px;
margin: 0;
padding-bottom: 15px;
text-align: center;
}
.chart-li {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 160px;
padding: 25px 2px;
cursor: pointer;
text-align: center;
}
.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: 10px 2px 25px 2px;
cursor: pointer;
text-align: center;
}
.chart-aksia {
display: table;
table-layout: fixed;
width: 100%;
height: 100px;
margin: 0;
text-align: center;
}
.chart-li-aksia {
position: relative;
display: table-cell;
vertical-align: bottom;
height: 100px;
padding: 10px 2px 25px 2px;
cursor: pointer;
text-align: center;
}
.chart-li-value {
width: 100%;
font-size: 12px;
color: #333;
padding-bottom: 5px;
}
.chart-li span, .chart-li-post span, .chart-li-aksia span {
margin: 0 0;
display: block;
background: #1fa4df;
}
.chart-li span:hover, .chart-li-post span:hover, .chart-li-aksia span:hover {
background: #3b5998;
}
.chart-li-date {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
font-size: 11px;
color: #333;
font-weight: 600;
}

.percentage {
position: absolute;
left: 10px;
bottom: 10px;
}
.neutral {
color: #000;
font-weight: 600;
}
.positive {
color: #1fa4df;
font-weight: 600;
}
.negative {
color: #f84049;
font-weight: 600;
}
/*ads*/
.list_container {
width: 462px;
float: left;
margin: 10px;
position: relative;
display: flex;
position: relative;
}
.list_content {
width: 100%;
padding: 14px;
border-radius: 10px;
border: 1px solid #dcdcdc;
font-size: 13px;
color: #000;
display: flex;
position: relative;
cursor: pointer;
}
.list_content_id {
float: left;
width: 60px;
height: 30px;
padding: 5px 0;
border-radius: 5px;
color: #000;
font-size: 14px;
font-weight: 600;
background: #EFEFEF;
text-align: center;
}
.list_content_img {
float: left;
width: 60px;
height: 40px;
border-radius: 5px;
position: relative;
}
.list_content_img img {
width: 60px;
height: 40px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.list_users_img {
float: left;
width: 40px;
height: 40px;
padding: 5px;
border-radius: 5px;
position: relative;
background: #EFEFEF;
margin-top: 5px;
}
.list_users_img img {
width: 40px;
height: 40px;
border-radius: 5px;
object-fit: cover;
display: block;
}
.stiker-top {
font-size: 10px;
top: 14px;
left: 14px;
position: absolute;
color: #000;
padding: 0 5px 2px 5px;
background-color: #ffd313;
border-radius: 3px;
z-index: 1;
}
.pinned {
bottom: 14px;
left: 14px;
position: absolute;
padding: 5px 21px 7px 21px;
border: 1px solid #DBDBDB;
background-color: #DBDBDB;
border-radius: 10px;
z-index: 1;
color: #000;
cursor: pointer;
}
.pinned_net {
top: 0;
right: 0;
position: absolute;
padding: 5px 6px 7px 8px;
z-index: 1;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border-radius: 0 5px 0 5px;
cursor: pointer;
}
.list_content_in {
width: 100%;
margin-left: 10px;
position: relative;
line-height: 20px;
overflow: auto;
}
.list_content_ins {
width: 100%;
color: #000;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-align: left;
}
.list_content_inm {
width: 100%;
color: #000;
font-size: 16px;
font-weight: 400;
padding-top: 1px;
text-align: left;
}
.list_inmm {
font-size: 14px;
}
.list_content_btn {
width: 100%;
margin-top: 15px;
position: relative;
display: flex;
}
.list_content_button {
width: 100px;
height: 20px;
border-radius: 10px;
padding: 5px;
cursor: pointer;
font-size: 12px;
text-align: center;
float: left;
font-weight: 600;
display: grid;
align-items: center;
}
.button_line {
width: 10px;
height: 20px;
float: left;
}
.button_send {
background-color: #34A853;
color: #fff;
border: 1px solid #34A853;
}
.button_ok {
background-color: #1fa4df;
color: #fff;
border: 1px solid #1fa4df;
}
.button_edit {
background-color: #DBDBDB;
color: #000;
border: 1px solid #DBDBDB;
}
.button_delete {
background: #f84049;
color: #fff;
border: 1px solid #f84049;
}
.nothing-found {
width: 100%;
color: #000;
font-size: 14px;
word-wrap: break-word;
padding: 30px 0;
text-align: center;	
}
.list_absolute_delete {
top: 10px;
right: 10px;
position: absolute;
font-size: 12px;
color: #f84049;
font-weight: 600;
padding: 7px 10px;
z-index: 1;
cursor: pointer;
}
/*aksia*/
.aksia_container {
width: 946px;
float: left;
margin: 10px;
display: flex;
position: relative;
}
.aksia_content_img {
float: left;
width: 155px;
position: relative;
}
.aksia_img {
float: left;
width: 155px;
height: 155px;
border-radius: 5px;
position: relative;
}
.aksia_img img {
width: 155px;
height: 155px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.aksia_content_in {
width: 100%;
margin-left: 10px;
text-align: left;
position: relative;
}
.aksia_content_btn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: flex;
}
.aksia_content_stats {
width: 100%;
margin-left: 10px;
text-align: left;
position: relative;
display: grad;
align-content: end;
}
.aksia_content_stats_m {
display: none;
}

.add-value-content {
width: 100%;
float: left;
margin-bottom: 20px;
text-align: center;
}
.add-value-files {
width: 100%;
height: 100%;
float: left;
border-radius: 5px;
position: relative;
}
.add-value-label {
width: 100%;
height: 100%;
float: left;
cursor: pointer;
display: inline-block;
vertical-align: top;
border-radius: 5px;
}
.add-value-label img {
width: 100%;
border-radius: 5px;
background: #FAFAFA;
object-fit: cover;
display: block;
}
.add-value-label label {
width: 300px;
height: 300px;
border: 1px solid #fff;
}

.vip_container {
width: 100%;
float: left;
margin: 10px 0;
position: relative;
display: flex;
position: relative;
}
.addvip-imges {
width: 100%;
height: 362px;
display: inline-block;
vertical-align: top;
border-radius: 5px;
position: relative;
}
.addvip-imges img {
width: 100%;
height: 362px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.addvip-company_info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg,transparent,rgba(0,0,0,0.7) 49.48%);
padding: 15px 15px 25px 15px;
border-radius: 0 0 5px 5px;
color: #fff;
text-align: left;
}
.addvip-company_name {
font-size: 28px;
font-weight: 600;
padding-bottom: 5px;
}
.addvip-company_message {
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.addvip-label-content {
top: 10px;
left: 10px;
position: absolute;
display: flex;
}
.addvip-choose-image {
padding: 3px 15px 5px 15px;
background-color: #8fa0b2;
color: #fff;
font-weight: 600;
font-size: 14px;
border-radius: 5px;
z-index: 1;
margin-right: 10px;	
cursor: pointer;
}
.addvip-choose-sub {
width: 100%;
text-align: left;
margin: 10px 0;
font-size: 12px;
color: #333;
float: left;
}

.addvip_content_img {
width: 100%;
height: 147px;
display: inline-block;
vertical-align: top;
border-radius: 5px;
position: relative;
margin-bottom: 10px;
cursor: pointer;
}
.addvip_content_img img {
width: 100%;
height: 147px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.statistics-vipads {
float: left;
margin: 10px 0;
padding: 20px;
border: 1px solid #dcdcdc;
border-radius: 5px;
}

.add-value--sub {
width: 100%;
text-align: center;
margin: 10px 0;
font-size: 12px;
color: #333;
float: left;
}
.errorfiles {
color: #ed4956;
}
#loadmore-aksiafiles {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}

.top_container {
width: 221px;
float: left;
margin: 10px;
position: relative;
display: flex;
}
.top_content {
width: 100%;
padding: 10px;
border-radius: 10px;
border: 1px solid #dcdcdc;
font-size: 13px;
color: #000;
}
.top_content_img {
float: left;
width: 100%;
max-width: 199px;
height: 100px;
border-radius: 5px;
position: relative;
}
.top_content_img img {
width: 100%;
height: 100px;
border-radius: 5px;
background: #EFEFEF;
object-fit: cover;
display: block;
}
.top_inum {
top: 6px;
left: 6px;
position: absolute;
font-size: 16px;
color: #000;
padding: 1px 10px 3px 10px;
background-color: #ffd313;
border-radius: 3px;
z-index: 1;
}
.top_inttl {
bottom: 6px;
left: 6px;
position: absolute;
font-size: 11px;
color: #000;
font-weight: 600;
padding: 2px 10px 3px 10px;
background-color: #fff;
border-radius: 3px;
z-index: 1;
}
.top_inttl a {
cursor: pointer;
}
.top_content_in {
width: 100%;
float: left;
text-align: left;
position: relative;
}
.top__button {
width: 100%;
}
.top_container_modal {
width: 100%;
margin: 10px 0 30px 0;
position: relative;
display: flex;
}

.advertising-post {
min-height: 60px;
padding: 15px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: grid;
border-radius: 5px;
}
.advertising-edit-form {
float: left;
width: 100%;
}
.advertising-edit-content {
float: left;
display: flex;
margin: 10px 0;
padding: 20px;
border: 1px solid #dcdcdc;
border-radius: 5px;
}
.advertising-edit-cons {
width: 33.3333%;
float: left;
}
.advertising-dash-ttl {
width: 100%;
font-size: 13px;
color: #888;
margin: 10px 0;
text-align: left;
float: left;
}
.advertising-dash-conf {
float: left;
width: 90%;
}
.advertising-dash-font {
width: 40px;
height: 40px;
margin-right: 10px;
margin-bottom: 10px;
color: #000;
border-radius: 6px;
font-weight: 600;
border: 1px solid #dcdcdc;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.advertising-dash-align {
width: 40px;
height: 40px;
cursor: pointer;
background-repeat: no-repeat;
background-position: top 8px right 8px;
border: 1px solid #dcdcdc;
margin-right: 10px;
border-radius: 6px;
}
.dashalign-left {
background-image: url(images/icons/005-align-left.png);
background-size: 24px;
}
.dashalign-center {
background-image: url(images/icons/007-align-text.png);
background-size: 24px;
}
.dashalign-right {
background-image: url(images/icons/006-align-right.png);
background-size: 24px;
}
.dashalign-bold {
background-image: url(images/icons/001-bold.png);
background-size: 24px;
}
.advertising-color {
width: 28px;
height: 28px;
float: left;
border-radius: 50%;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
position:relative;
}
.colors {
width: 20px;
height: 20px;
border: 4px solid #dadce0;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
/*users*/
.users-content_img {
float: left;
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
}
.users-content_img img {
width: 60px;
height: 60px;
border-radius: 50%;
background: #EFEFEF;
object-fit: cover;
display: block;
}

.profile_container {
width: 946px;
float: left;
margin: 10px;
}
.profile_content {
padding: 14px;
border-radius: 10px;
border: 1px solid #dcdcdc;
font-size: 13px;
color: #000;
margin-top: 20px;
position: relative;
}
.profile_content_title {
width: 100%;
color: #000;
font-size: 18px;
font-weight: 600;
padding-bottom: 25px;
}
.profile_content_in {
width: 100%;
text-align: left;
position: relative;
}
.profile-minttl {
color: #666;
font-size: 13px;
padding-bottom: 5px;
}
.profile-ttl {
width: 100%;
color: #000;
font-size: 15px;
font-weight: 600;
padding-bottom: 20px;
}
.profile-input-content {
width: 320px;
display: flex;
position: relative;
margin-bottom: 20px;
}
/*post*/
.post_list_content {
width: 100%;
display: flex;
float: left;
}
.post_list_more {
width: 100%;
padding: 20px 30px;
float: left;
}
.post_img_list {
width: 100%;
float: left;
text-align: left;
margin: 10px 0;
}
.post_img_list img {
height: 80px;
border-radius: 5px;
float: left;
}
.post_content_img {
width: 11.5%;
height: 80px;
cursor: pointer;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
margin-right: 1%;
margin-bottom: 10px;
}
.post_content_img img {
width: 100%;
height: 80px;
border-radius: 5px;
object-fit: cover;
display: block;
float: left;
}
.post-blok-info {
width: 100%;
float: left;
}
.post__in {
padding: 10px 0;
text-align: left;
}
.post_in_ttl {
width: 100%;
color: #000;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
box-sizing: content-box;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.post_in_sfera {
color: #727272;
font-size: 14px;
}
.post_in_message {
width: 100%;
display: block;
color: #000;
font-size: 14px;
text-align: left;
line-height: 24px;
padding: 10px 0;
text-align: left;
box-sizing: content-box;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.message-http {
color: #0072ce;
}
.post_info_opsi {
width: 100%;
overflow: auto;
padding: 10px 0;
}
.post_info_stiker {
float: left;
width: 30%;
padding-bottom: 10px;
padding-right: 10px;
text-align: left;
color: #000;
font-size: 13px;
}
.postinfo_s {
width: 100%;
min-height: 240px;
position: relative;
}
.post__info {
display: flex;
padding: 10px 0;
}
.post_info_title {
color: #000;
font-size: 14px;
text-align: left;
padding-left: 30px;
margin-right: 30px;
position: relative;
box-sizing: content-box;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.statistics-post {
position: absolute;
right: 0;
top: 10px;
width: 45%;
min-height: 220px;
display: grad;
align-content: end;
padding: 0;
border-top: 0;
}
.statistics-post-ttl {
width: 100%;
color: #000;
font-size: 14px;
padding-bottom: 5px;
text-align: left;
}
.statistics-post-ttl span {
font-weight: 600;
}
.post_info_ico {
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
background-size: 16px;	
}
.post_content_btn {
margin-top: 8px;
position: relative;
display: flex;
}
/*settings*/
.menu-settings {
width: 100%;
font-size: 13px;
color: #000;
padding: 10px 0;
cursor: pointer;
text-align: center;
font-weight: 600;
background: #DBDBDB;
border-radius: 10px;
line-height: 22px;
}
.menu-settings-dop {
margin: 0 10px 10px 10px;
}
.settings_list_img {
float: left;
width: 40px;
height: 40px;
border-radius: 5px;
padding: 5px;
position: relative;
background: #EFEFEF;
}
.settings_list_img img {
width: 40px;
height: 40px;
border-radius: 5px;
object-fit: cover;
display: block;
}

.icons_line {
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
display: grid;
grid-gap: 5px;
gap: 5px;
grid-template-columns: repeat(6,1fr);
margin-bottom: 20px;
}
.icons_content {
width: 32px;
height: 32px;
position: relative;
padding: 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;
cursor: pointer;
}
.icons_content img {
width: 32px;
height: 32px;
border-radius: 10px;
}
/*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);
}
.post_divider {
border-bottom: 1px solid #ebebeb;
}

.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;
}
/*preloader*/
.info-preloader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(239, 239, 239, 0.5);
z-index: 1;
}
.infopreloader {
position: absolute;
left: 50%;
top: 50%;
margin-top: -11px;
margin-left: -11px;
width: 22px;
height: 22px;
background: url('images/35.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
/*modal info*/
#modalnfo {
width: 200px; 
position: fixed;
z-index: 1011;  
top: 90px;  
left: 51.5%;  
display: none;
}
.modaln-inner {
width: 100%;
background-color: rgba(0,0,0,0.7);
border-radius: 10px;
text-align: center;
}
.modaln-text {
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 10px;
}
/*modal*/
.modal-background, .modal-more-background {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
overflow: auto;
left: 0;
top: 0;
display: none;
z-index: 1001;
}
.modal-more  {
position: absolute;
z-index: 1011;  
top: 70px;  
left: 50%; 
transform:translate(-50%, -0%); 
width: 902px;  
display: none;
}
.modal-more-container {
background: #fff;
width: 900px;  
overflow: auto;
border: 1px solid #074506;
border-radius: 10px;
text-align: center;
}
.modal-large  {
position: absolute;
z-index: 1011;  
top: 10%;  
left: 50%; 
transform:translate(-50%, -0%); 
width: 402px;  
display: none;
}
.modal-large-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: url('images/icons/002-cancel.png');
background-size: 18px;
background-repeat: no-repeat;
background-position: top 21px right 20px;
cursor: pointer;
z-index: 1;
}
.modal-large-back {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background: url('images/icons/005-back.png');
background-size: 18px;
background-repeat: no-repeat;
background-position: top 21px left 20px;
cursor: pointer;
z-index: 1;
}
.modal-container {
background: #fff;
width: 400px;  
overflow: auto;
border: 1px solid #074506;
border-radius: 10px;
text-align: center;
}
.modal-inner  {
padding: 20px;
}
.modal-title {
text-align: center;
font-size: 16px;
color: #000;
}
.modal-title-min {
text-align: center;
font-size: 13px;
color: #666;
padding-top: 10px;
}
.modal-divider {
height: 1px;
width: 100%;
background: #efefef;
}
.menu-divider {
height: 1px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
background: #efefef;
}
.menu-dd-row {
padding: 12px 10px;
text-align: center;
color: #000;
font-size: 14px; 
border-radius: 15px;
cursor: pointer;
position: relative;
z-index: 14;
height: 22px;
}
.complain {
    color: #FF0000;
}
.modal-bottom {
margin-bottom: 100px;
}
#modalerror {
float: left;
width: 100%;
color: #f84049;
font-size: 12px;
text-align: center;
padding: 5px 0;
min-height: 16px;
}
/*input*/
.cover-input-content {
width: 100%;
display: flex;
position: relative;
}
.cover-input-inner {
width: 100%;
position: relative;
display: flex;
}
.cover-input {
width: 100%;
padding: 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 16px;
background-color: #fff;
}
.cover-select {
width: 100%;
padding: 10px;
color: #000;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 16px;
background-color: #fff;
}
.input-line {
padding: 0 5px;
}
.blocking {
pointer-events: none;
background: #FAFAFA !important;	
}
.cover-content-btn {
width: 180px;
display: flex;

}
.cover-button {
width: 180px;
padding: 10px;
border-radius: 10px;
font-size: 14px;
line-height: 17px;
cursor: pointer;
text-align: center;
}
.button-line {
margin: 0 5px;
}

.input-inner-settings {
width: 100%;
padding: 12px 0;
border: 1px solid #ccc;
border-radius: 10px;
position:relative;
margin: 10px 0;
display: flex;
}
.input-minttl {
position: absolute;
left: 10px;
top: 5px;
color: #666;
font-size: 10px;
}
.input-settings {
width: 100%;
color: #000;
font-size: 14px;
line-height: 16px;
background-color: #fff;
padding: 12px 10px 0 10px;
border: 0;
}
/*add*/
.add_company-form {
overflow: auto;
padding: 10px 20px;
position: relative;
}
.add_company-container {
width: 100%;
float: left;
}
.add_company-container-tit {
text-align: left;
padding: 5px;
color: #000;
font-size: 14px;
}
.form--input-container {
width: 100%;
float: left;
position: relative;
padding-bottom: 20px;
text-align: left;
}
.form--input-content {
width: 100%;
float: left;
display: flex;
position: relative;
}
.form--input-mob {
display: flex;
}
.form_input {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 8px 15px;
margin: 0;
font-size: 14px;
line-height: 24px;	
position: relative;
background-color: #fff;
}
.input_padd {
padding: 8px 15px 8px 40px;
}
#errortitle {
float: left;
width: 100%;
color: #f84049;
font-size: 12px;
text-align: left;
padding-left: 5px;
}
.button-add-flex {
width: 100%;
float: left;
display: flex;
margin-bottom: 20px;
}
.add_company_button {
width: 50%;
border-radius: 10px;
padding: 12px 0;
cursor: pointer;
border: 0;
font-size: 13px;
text-align: center;
margin: 10px 0;
}
.form--input-houer {
width: 100%;
float: left;
display: flex;
position: relative;
}
/*addads*/
.mob-divider {
display: none;	
}
.update_company_blok {
width: 100%;
padding: 20px 0;	
overflow: auto;
position: relative;
}
.add_company_blok {
padding: 30px;
margin: 0 10px;
border: 1px solid #dcdcdc;
border-radius: 10px;	
overflow: auto;
position: relative;
}
.add_company_form {
width: 540px;
overflow: auto;
padding: 0;
}
.update_company_form {
width: 540px;
overflow: auto;
margin: 0 auto;
padding: 20px 0;
}
.form_input_houer {
width: 136.3333px;
}
.form_input_houers {
width: 131.3333px;
margin-left: 10px;
margin-top: 0;
}
.input_padd-phone {
padding: 8px 40px;
}
.hours_00 {
color: #8e8e8e !important;
}

.form_input_hours {
width: 100%;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px 6px 40px;
margin: 0;
font-size: 15px;
height: 24px;	
position: relative;
text-align: left;
}
.form_input_date {
border: 0;
margin: 0;
font-size: 15px;
padding-right: 18px !important;
}

#formmessage {
width: 100%;
height: 100px;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 10px 15px;
margin: 0;
font-size: 15px;
line-height: 24px;
color: #000;
resize: none;
}
.form_input:focus, #formmessage:focus, .dropdown:focus {
border: 1px solid #ADADAD;
}
.form_input:hover, #formmessage:hover, .dropdown:hover {
border: 1px solid #ADADAD;
}
.form-ico {
position: absolute;
left: 13px;
top: 13px;
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: 40px;
height: 40px;
background-size: 12px;
background-image: url(images/icons/002-cancel.png);
background-repeat: no-repeat;
background-position: top 15px right 15px;
cursor: pointer;
z-index: 1;
}

.add_company-dropdown {
width: 100%;	
float: left;
}
.dropdown {
width: 520px;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 8px 3px 8px 15px;
cursor: pointer;	
display: inline-block;
position: relative;
}
.dropdown-margin {
margin-bottom: 20px;
}
.select {
font-size: 15px;
color: #000;
text-align: left;
line-height: 24px;
display: block;
padding-right: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.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: 520px;
background: #fff;
overflow: hidden;
max-height: 300px;
overflow-y: auto;
padding: 0;
margin-top: 10px;
display: none;
list-style: none;
}
.dropdown-menu li, .dropdown-menu_sub li {
font-size: 15px;
color: #000;
text-align: left;
padding: 7px 0 10px 0;
cursor: pointer;
font-weight: 600;
} 
.dropdown-menu li:hover, .dropdown-menu_sub li:hover {
background: #FAFAFA;
}
.dropdown-menu_sub {
width: 508px;
background: #fff;
overflow: hidden;
max-height: 300px;
overflow-y: auto;
padding: 0;
margin-top: 10px;
list-style-type: none;
display: grid;
grid-template-columns: repeat(2,1fr);
}

.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;
text-align: left;
}
.add_company-images-sub a {
color: rgb(2, 142, 255);
}
.add_company-uploaded-images {
float: left;
width: 100%;
}
#add_company_files {
display: block;
float: left;
width: 100%;
}
.img-myfile-in {
width: 25%;
float: left;
display: block;
padding-bottom: 10px;
}
.img-myfile {
width: 123px;
height: 94px;
cursor: pointer;
border-radius: 5px;
float: left;
border: 1px solid #dcdcdc;
background: #F2F2F2;
position: relative;
}
.img-myfile-ico {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
width: 32px;
height: 32px;
background: url('images/icons/022-add-photo.png');
background-size: 32px;
cursor: pointer;	
}
.img-myfile:hover {
background: #dcdcdc;
}

.img-item {
width: 125px;
height: 96px;
float: left;
position: relative;
border-radius: 5px;
background: #FAFAFA;
}
.img-item img {
width: 125px;
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-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
bottom: 0;
color: #fff;
left: 0;
width: 100%;
}
.img-item-delete {
width: 14px;
height: 14px;
padding: 6px;
background-color: rgba(28, 24, 25, .6);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.img-item-delete-ic {
width: 14px;
height: 14px;
background: url(images/icons/cancel-fff.png);
background-size: 14px;
cursor: pointer;
}
.img-sortable-ttl {
width: 100%;
float: left;
color: #262626;
font-size: 13px;
padding-bottom: 10px;
}
.img-myfile-queued {
float: left;
width: 100%;
color: #333;
font-size: 13px;
padding-bottom: 5px;
}
#img_myfile_queued {
color: #333;
font-size: 13px;
}
.img-item-preloader {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}

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

.add_company_aksai {
float: left;
margin: 5px 10px 5px 0;
padding: 8px 20px 9px 20px;
text-align: center;
color: #1c1819;
font-size: 14px;
border-radius: 10px;
cursor: pointer;
border: 1px solid #dcdcdc;
}

.add-loader {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: fixed;
overflow: auto;
left: 0;
top: 0;
z-index: 1000;
}
.add-loader-gif {
position: fixed;
z-index: 10000;
top: 20%;
left: 50%;
transform: translate(-50%, -0%);
width: 80px;
height: 80px;
background: url('images/Vp3R.gif');
background-size: 80px 80px;
background-repeat: no-repeat;
background-position: center;
}
/*add ads view*/
.view_container-header {
width: 100%;
overflow: auto;
}
.view_container {
width: 100%;
overflow: auto;
}
.view_ico {
width: 32px;
height: 32px;
margin: 0 auto;
}
.view_tit {
color: #00BA00;
font-size: 18px;
font-weight: 600;
padding: 10px 0;
text-align: center;
}
.view_subtit {
color: #000;
font-size: 16px;
text-align: center;
}

.view_btn_container {
width: 300px;
margin: 0 auto;
}
.view_button {
width: 100%;
border-radius: 10px;
padding: 10px 0;
cursor: pointer;
border: 0;
font-size: 15px;
line-height: 18px;
text-align: center;
margin-top: 25px;
font-weight: 600;
}
.button_will {
background-color: #34A853;
color: #fff;
}
.view_tit_error {
color: #f84049;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
text-align: center;
}

.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;
}
/*info*/
.row_info_content {
padding: 10px 50px;
}
.row_info_ttl h1 {
color: #000;
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}
.row_info_tt {
font-size: 16px;
color: #000;
text-align: left;
line-height: 20px;
font-weight: 600;
margin-bottom: 5px;
}
.row_info_ttl {
font-size: 15px;
color: #000;
text-align: left;
line-height: 22px;
margin-bottom: 25px;
}
/*footer*/
.footer_mob {
display: none;
}
.footer {
width: 100%;
margin-top: 24px;
border-top: 1px solid #dbdbdb;
display: block;
}
.footer-container {
max-width: 1260px;
margin: 0 auto;
padding: 24px 0;
}
.footer-content {
width: 100%;
display: flex;
}
.footer-links-column {
width: 100%;
color: #404040;
fill: #404040;
font-size: 14px;
}
/*preloader*/
.preloader-top {
margin: 30px auto;
}
.preloader-center {
margin: 0 auto;
}
.preloader_22 {
width: 22px;
height: 22px;
background: url('images/35.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}
.preloader_16 {
width: 16px;
height: 16px;
background: url('images/35.gif');
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
.rgba-preloader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(239, 239, 239, 0.5);
z-index: 1;
border-radius: 10px;
}
.rgbapreloader {
position: absolute;
left: 50%;
top: 50%;
margin-top: -11px;
margin-left: -11px;
width: 22px;
height: 22px;
background: url('images/35.gif');
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
/*load-more*/
.load-more {
text-align: center;
height: 22px;
float: left;
width: 100%;
}
.load-more a {
border: 1px solid #BFBFBF;
background: #fff;
color: #6B6B6B;
border-radius: 3px;
overflow: auto;
padding: 1px 10px 3px 10px;
cursor: pointer;
font-size: 12px;
text-decoration: none;
display: inline-block;
}
.load-more a:hover {
border: 1px solid #AAA;
color: #444;
}

.loader {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.7);
position: fixed;
overflow: auto;
left: 0;
top: 0;
z-index: 1000;
}
.loader-gif {
position: fixed;
z-index: 10000;
top: 20%;
left: 50%;
transform: translate(-50%, -0%);
width: 80px;
height: 80px;
background: url('images/Vp3R.gif');
background-size: 80px 80px;
background-repeat: no-repeat;
background-position: center;
}
.add-preloader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}