html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
  }
  :focus {
    outline: 0;
  }


    .login-text::-webkit-input-placeholder { /* Chrome */
    opacity: 1;
    color: #000;
}
.login-text:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
    color: #000;
}
.login-text::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.login-text:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
} 
h2 {font-size: 20px;
    font-weight: bold;
    padding: 30px 2%;}
.mce-content-body  {background-color: #fff!important;
    padding-top: 15px;}
img {outline: medium none;
    width: 100%;}
p {box-sizing: border-box;
    font-size: 13px;
    padding-bottom: 15px;

    width: 100%;}
input, button, a, select {border: medium none;
border-radius: 0;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: 0.3s;
color: #00a875;
}


.linker {color: #127bdd;
border-radius: 12px;
font-weight: 700;}
.text_user {float: left;
font-weight: 400;
line-height: 18px;
padding-bottom: 0;
position: relative;
color: #333;
margin-left: 15px;
padding-left: 0;}
.text_date {color: #333;
float: left;

font-size: 12px;
font-weight: 400;
padding-bottom: 0;
padding-left: 0;
position: relative;
width: 100%;
margin-left: 15px;
margin-top: 4px;}
.pagination {position: relative;
margin-bottom: 30px;
color: #fff !important;
float: left;
width: 100%;
list-style: none;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;}
.pagination li {position: relative;
float: left;
width: 34px;
height: 34px;
text-align: center;
background-color: #fff;
color: #333;
margin-right: 15px;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);

}
.pagination a {color: #333;
line-height: 30px;
height: 30px;
float: left;
position: relative;
text-align: center;
width: 100%;}
.pagination li span {color: #333;
line-height: 30px;
height: 30px;
float: left;
position: relative;
text-align: center;
width: 100%;}
.pagination .disabled {position: relative;float: left;}
.prev {position: relative;float: left;}
.next {position: relative;float: left;}
.pagination .active {position: relative;float: left;}
b {font-family: September W00 Bold;
    font-size: 16px;}
  input[type="search"] {border-radius: 0;
      -webkit-appearance: textfield; /* 1 */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; /* 2 */
      box-sizing: border-box;
      font-family: 'Open Sans', sans-serif;
  }



/* RESET END */
 
body {background: #f5f5f5 !important;
overflow-x: hidden;

} 
.help_text {position: relative;
float: left;
width: 230px;
margin-left: 15px;
margin-right: 15px;
font-weight: 400;
text-align: center;
font-size: 14px;
color: #fff;}
.min-h_edit1 {min-height: 100px;
padding-top: 5px !important;
padding-bottom: 5px !important;
line-height: 24px !important;}
.inp_edit1 {position: relative;
font-family: open sans;
font-weight: 400;
float: left;
width: 50%;
margin-left: 25%;
margin-right: 25%;
font-size: 13px;
resize: none;
margin-bottom: 15px;
border: none;
color: #000;
text-align: center;
box-sizing: border-box;
height: 34px;
background-color: #f8ec88;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
}
.title_category {position: relative;
text-align: center;
height: 44px;
line-height: 44px;
font-size: 15px;
padding: 0;}
.notice {position: relative;
float: left;
border-top: 1px solid #ebebeb;}
.onclick-menu {
position: absolute;
display: inline-block;
width: 34px;
height: 34px;
background-image: url(/img/pushmenu.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
float: right;
margin-right: 15px;
margin-top: 18px;
cursor: pointer;
right: 0;
}
.onclick-menu:before {
    
}
.onclick-menu:focus {
    /* clicking on label should toggle the menu */
    pointer-events: none;
}
.onclick-menu:focus .onclick-menu-content {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}
.onclick-menu-content {list-style: none;
position: absolute;
z-index: 1;
opacity: 0;
visibility: hidden;border-radius: 5px;
transition: visibility 0.5s;
right: 0px;
width: 140px;
background-color: #333;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
}
.fl_bold {font-weight: 600 !important;
position: relative;font-family: open sans;
float: left;
text-align: center;
width: 100%;
color: #333;}
.header-line {width: 100%;
height: 30px;
position: fixed;
background-color: #e5e5e5;
top: 0px;
z-index: 10;}
.onclick-link {color: #fff !important;
font-weight: 400;
position: relative;
border-radius: 5px;
float: left;
transition: 0.3s;
width: 130px;
box-sizing: border-box;
font-size: 13px;
line-height: 40px;
padding: 15px;

padding-top: 0;
padding-bottom: 0;
margin: 5px;}
.onclick-link:hover {background-color: #f8ec88;
color: #333!important;}
.notice-link {position: relative;
float: left;
padding: 5px 15px;
background-color: #ebebeb;
color: #000;
font-weight: 400;
border-radius: 16px;
margin-left: 15px;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 10px;transition: 0.3s;}
.notice-link:hover {background-color: #333;color: #fff;}
.friends_ava {position: relative;
float: left;
width: 50px;
border-radius: 50%;
margin-right: 0;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
header {background-color: #333;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
height: 44px;
position: fixed;
top: 0;
width: 100%;
z-index: 100;

}
.errors {background-color: #a80028;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 50%;
    margin-left: -375px;
    padding: 15px;
    position: fixed;
    text-align: center;
    width: 720px;}
.bolder {font-weight: bold;}
.titles {  box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0 0;
    padding: 15px;
    position: relative;
    width: 100%;}

@font-face {font-family: "September W00 Bold";
  src: url("b495788ab8518202abcbc3dd101d13a1.eot"); /* IE9*/
  src: url("b495788ab8518202abcbc3dd101d13a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("b495788ab8518202abcbc3dd101d13a1.woff2") format("woff2"), /* chrome、firefox */
  url("b495788ab8518202abcbc3dd101d13a1.woff") format("woff"), /* chrome、firefox */
  url("b495788ab8518202abcbc3dd101d13a1.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("b495788ab8518202abcbc3dd101d13a1.svg#September W00 Bold") format("svg"); /* iOS 4.1- */
}
.swiper-container {
        width: 294px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 294px;
margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
   flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 100%;

    }
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.notify {color: #fff;
font-size: 13px;
float: right;
background-color: #00a875;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
border-radius: 50%;
font-weight: 400;
margin-left: 10px;
margin-top: 12px;} 
.grid_ads {margin-top: 30px;
position: relative;
float: left;
width: 708px;
left: 50%;
margin-left: -354px;}

.grid_ads_notice {margin-top: 44px;
position: relative;
float: left;
width: 708px;
left: 50%;
margin-left: -354px;}

.grid_ads_main {
position: relative;
float: left;
width: 100%;}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
background: #333 none repeat scroll 0 0;
    opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
left: 0;
    top: 92px;
    width: 100%;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 background-image: url("/img/back.svg");
    left: 25px;
    right: auto; 
}
.swiper-button-prev,
.swiper-button-next {
 background-position: center center;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: 28px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swisper-slide {flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 100%;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("/img/next.svg");
    left: auto;
    right: 25px;
}

.posts_menu {position: relative;
float: left;
width: 100%;
transition: 0.3s;
height: 47px;
background-color: #444;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);}
.posts_menu a {position: relative;
font-weight: 400;
line-height: 47px;
float: left;
opacity: 0.5;
color: #fff;
font-size: 13px;
width: 100%;
text-align: center;}
.posts_menu a:hover {text-decoration: underline;}
.posts_menu a.active {line-height: 47px;
height: 47px;opacity: 1;}
.help-block {background-color: #a80028;
bottom: 0;
color: #fff;
font-size: 14px;
left: 50%;
line-height: 46px;
margin-left: -354px;
padding-bottom: 0;
position: fixed;
text-align: center;
width: 708px;
z-index: 12;}
.logo {background-image: url("/img/home.svg");
background-position: 10px 12px;
background-repeat: no-repeat;
background-size: 20px auto;
color: white;
cursor: pointer;
float: left;
font-family: open sans,sans-serif; 
font-weight: 600;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0px 14px 0px 44px;
position: relative;
text-decoration: none;
}
#articles-title { border: medium none;word-wrap: normal;
    box-sizing: border-box;
    color: #333;
    float: left;border-bottom:1px solid #cfcfcf;margin-bottom: 15px;
    font-family: open sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    padding: 15px 2%;
    position: relative;
    resize: none;
    width: 100%;
    z-index: 10;}

.bug_notice_gray {position: relative;
float: left;
background-color: #127bdd;
color: #fff;
background-image: url("/img/info.svg");
background-position: 14px 14px;
background-repeat: no-repeat;
background-size: 22px auto;
padding-top: 15px;
padding-left: 48px;
font-weight: 400;
}
.bug_number {color: #fff;
background-color: #12b4dd;transition: 0.3s;
padding: 5px;
margin-right: 5px;
border-radius: 10px;
margin-left: 5px;
font-weight: 600;}
.bug_number:hover {background-color: #127bdd;}
.bug_notice_red {position: relative;
float: left;
background-color: #a80028;
color: #fff;
background-image: url("/img/info.svg");
background-position: 14px 14px;
background-repeat: no-repeat;
background-size: 22px auto;
padding-top: 15px;
padding-left: 48px;
font-weight: 400;
}
#articles-meta_description {border: medium none;
    box-sizing: border-box;
    color: #333;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 500;
    height: 150px;
    margin: 0 2% 15px;
    padding: 2%;
    position: relative;
    resize: inherit;
    width: 96%;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);
   
}
.control-label {box-sizing: border-box;
    display: none;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;}
#articles-meta_keywords {border: medium none;
    box-sizing: border-box;
    color: #333;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 500;
    height: 150px;
    margin: 0 2% 15px;
    padding: 2%;
    position: relative;
    resize: inherit;
    width: 96%;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.6);

}
.button-draft {background-color: #333;
    color: #fff;
    float: left;
    line-height: 34px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;}
.button-publication {background-color: #00a875;
    color: #fff;
    float: left;
    line-height: 34px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;}

.logo:hover {background-color: #222;}
.official {background-color: #00a875;
background-image: url("/img/official.svg");
background-position: 5px 6px;
background-repeat: no-repeat;
background-size: 10px auto;
border-radius: 50%;
bottom: 0px;
height: 20px;
position: absolute;
width: 20px;
border: 4px solid #fff;
margin-left: 2px;}

#search:focus {left:0;z-index: 1;padding-left: 48px;background-position: 15px 15px;}
.logo2 {background-image: url("/img/home.svg");
background-position: 10px 12px;
background-repeat: no-repeat;
background-size: 20px auto;
color: white;
cursor: pointer;
float: left;
font-family: open sans,sans-serif;
font-weight: 600;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0px 14px 0px 44px;
position: relative;
text-decoration: none;
}
.logo2:hover {background-color: #222;}
.image-name {background-color: #f5f5f5;
    box-sizing: border-box;
    color: #333;
    display: none;
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: -15px 0 15px 15px;
    padding: 5px 15px;
    position: relative;
    text-align: left;}

.main_text {float: left;
overflow: hidden;
position: relative;
width: 588px;
}

.main_text_moderation {float: left;
overflow: hidden;
position: relative;
width: 492px;
background-color: #ba1820;

height: 124px;}

.main_text2 {float: left;
overflow: hidden;
position: relative;
width: 258px;}
.top_flw {margin-top: 56px;}
.main_text3 {float: left;
overflow: hidden;
position: relative;
width: 150px;}
.user-box {float: right;
   
    position: relative;
   
    }
.line-z {position: relative;
float: left;
width: 100%;
height: 0px;
border-bottom: 1px solid #e5e5e5;
box-sizing: border-box;}

.grid-box-n {position: relative;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
float: left;
background-color: #fff;
width: 100%;
margin-bottom: 30px;
margin-top: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}

.notice-box {position: relative;
float: left;
width: 645px;
padding-top: 15px;}
.notice-img {position: relative;
float: left;
width: 48px;

border-radius: 50%;

margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.title-swisper {box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    padding: 15px 0 0;
    position: relative;
    width: 100%;}
.text-swisper {color: #333;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    width: 100%;}
.img-swisper {float: left;
    margin-top: 48px;
    position: relative;
    width: 100%;}
.new_add {background-color: #00a875;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin-left: 15px;
    margin-right: 15px;box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    text-decoration: none;
    width: 708px !important;}
.user {float: right;
    position: relative;
    }
.user:hover {background-color:#222;}
.ads_img {position: relative;
float: left;
width: 120px;
border-radius: 5px;
}
.ads {background-image: url("/img/ads.svg");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: white;
    cursor: pointer;
    float: right;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 7px 15px 7px 48px;
    position: relative;
    }
.ads:hover {background-color:#222;}
.login-right {float: left;
height: 480px;
position: relative;
width: 100%;}
.powered {color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 300 !important;
    height: 34px;
    line-height: 34px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-top: 7px;
    position: relative;}
.grid-box4 img {box-sizing: border-box;margin-left: 0px!important;margin-right: 0px!important;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 100%;}
.grid-box4 p {box-sizing: border-box;
color: #333 !important;
float: left;
font-size: 13px;
font-weight: 400;
line-height: 20px;
overflow: hidden;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;}
.grid-box4 h2 {box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 15px 15px;
    position: relative;
    width: 100%;}
.powered span {font-weight: bold;}
.search_box {background: #555 none repeat scroll 0 0;
    height: 44px;
    left: 50%;
    margin-left: -354px;
    position: absolute;
    width: 708px;}
.search_box2 {background: #555 none repeat scroll 0 0;
    height: 44px;
    left: 50%;
    margin-left: -354px;
    position: absolute;
    width: 708px;}
.ssp {fill: #fff;
    float: left;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 30px;}

.search_go {border: medium none;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 48px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 48px;
    z-index: 2;}
.ava_new {position: absolute;
width: 96px;
height: 96px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
z-index: 1;
left: 50%;
margin-left: -48px;
top: 50%;
margin-top: -48px;
background-image: url(/img/ava.svg);
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: 0.3s;}
.save-button {position: relative;
float: left;
color: #fff;
background-color: #555;
height: 30px;
line-height: 30px;
font-weight: 400;
padding-left: 15px;
padding-right: 15px;
width: 70px;
transition: 0.3s;
text-align: center;
left: 50%;
margin-left: -50px;
margin-bottom: 30px;
border-radius: 5px;}
.save-button:hover {background-color: #333;color: #fff;}
.follow_button {position: relative;
background-color: #ebebeb;
float: left;
width: 34px;
font-weight: 300;
color: #333;
text-align: center;
cursor: pointer;
height: 30px;
transition: 0.3s;
transition: 0.3s;
font-size: 13px;
line-height: 30px;
text-align: center;
border-radius: 16px;
width: 120px;
left: 50%;
margin-left: -60px;}

.follow_button input {position: absolute;cursor: pointer;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
z-index: 2;}
.follow_button_check {opacity: 0;
cursor: pointer;
cursor: pointer;
background-color: #ebebeb;
height: 30px;
line-height: 30px;
font-size: 13px;
position: absolute;
width: 100%;
height: 100%;
padding: 0;
border-radius: 30px;
color: #333;}






.w100 {position: relative;float: left;width: 100%;}
#search {background-color: #444;
background-image: url("/img/search.svg");
background-position: 15px;
background-repeat: no-repeat;
background-size: 18px auto;
border: medium none;
clear: both;
color: #fff;
float: left;
font-weight: 400 !important;
height: 44px;
margin-bottom: 0;
margin-top: 0;
padding: 0 15px 0 48px;
position: relative;
width: 708px;}
#search:focus {background-color: #222;color:#fff;background-position: 15px;}
#search:focus input[type="search"]::-moz-placeholder {
   opacity: 1!important;
   }
#search:focus input[type="search"]::-webkit-input-placeholder {
   opacity: 1!important;
   } 

 input[type="search"]::-webkit-input-placeholder {
    color: #fff;opacity: 1!important;
   } 
   input[type="search"]::-moz-placeholder {
    color: #fff;opacity: 1!important;
   }
/* BUTTONS */
.button-add {

background-image: url("/img/add.svg");
background-position: 14px 12px;
background-repeat: no-repeat;
background-size: 19px auto;
color: white;
cursor: pointer;
float: right;
font-weight: 600;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0px 15px 0px 48px;
position: relative;
text-decoration: none;

   }
.button-add:hover {background-color: #222;}


.button-login {
background-image: url("/img/user.svg");
background-position: 12px 12px;
background-repeat: no-repeat;
background-size: 20px auto;
color: white;
cursor: pointer;
float: right;
font-weight: 600;
line-height: 34px;
margin: 0;
padding: 5px 18px 5px 44px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;
position: relative;
text-decoration: none;
}
.button-login:hover {background-color: #222;}

.button-message {background-image: url("/img/notice.svg");
background-position: 12px 13px;
background-repeat: no-repeat;
background-size: 19px auto;
color: white;
cursor: pointer;
float: left;
font-family: open sans,sans-serif;
font-weight: 600;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0px 14px 0px 44px;
position: relative;
text-decoration: none;
}

.button-message:hover {background-color: #222;}

.bugs {background-image: url("/img/bug.svg");
background-position: 14px 14px;
background-repeat: no-repeat;
background-size: 20px auto;
color: white;
cursor: pointer;
float: left;
font-family: open sans,sans-serif;
font-size: 14px;
font-weight: 600;
height: 34px;
line-height: 34px;
margin: 0;
padding: 7px 14px 7px 48px;
position: relative;
text-decoration: none;
}

.bugs:hover {background-color: #222;}
.blinking {background-color: #00a875;}



.message-box {position: absolute;top: 0;right: 0;background-color: #00a875;color:#fff;}
.button-login2 {background-image: url("/img/user.svg");
background-position: 14px 12px;
background-repeat: no-repeat;
background-size: 20px auto;
color: white;
cursor: pointer;
float: right;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0px 15px 0px 48px;
position: relative;
text-decoration: none;
    }
.button-login2:hover {background-color:#222;}
.user-avatar {background-color: #222;
    background-image: url("/img/ava.png");
    background-size: 100% auto;
    border-radius: 50%;
    float: left;
    height: 32px;
    margin-bottom: 8px;
    margin-left: 15px;
    margin-top: 8px;
    position: relative;
    width: 32px;}
.description {float: left;
    font-size: 13px;
    font-style: italic;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    position: relative;
    width: 678px;}
.button-open {
    
    box-shadow: 0 0 1px rgba(34, 34, 34, 1) inset;
    box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 12px;
    height: 34px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
 
    width: 200px;}
.grid-box:hover .button-open {background-color:#333;color:#fff;}
	
	

	
.center {position: relative;
    width: 100%;
}
	
	
	
	
	
.articles-title {}
.grid {left: 50%;
margin-left: -354px;
margin-top: 78px;
position: relative;
width: 708px;
}
.grid-edit {left: 50%;
    margin-left: -354px;
    margin-top: 110px;
    position: relative;
    width: 708px;
}

/* clear fix */


/* ---- .grid-item ---- */
.grid-box {box-sizing: border-box;
cursor: pointer;
display: block;
float: left;
position: relative;
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 30px;
    }

.grid-boxF {background-color: white;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
cursor: pointer;
display: block;
float: left;
position: relative;border-radius: 5px;
margin-top: 0;
margin-bottom: 30px;
width: 347px;
margin-left: 15px;
    }

.user_account_name {color: #333;
float: left;
font-family: open sans,sans-serif;
font-size: 15px;
padding: 0px !important;
font-weight: 600;
position: relative;
text-align: center;
width: 100%;
height: 28px;
line-height: 28px;
margin-bottom: 15px;}

.buttoned {border-radius: 30px;

margin: 0 auto;

display: table;

line-height: 30px;

padding-left: 15px;

padding-right: 15px;

background-color: #f5f5f5;

color: #333;

font-weight: 300;}
.user_account_status {color: #333;
float: left;
padding: 0px !important;
line-height: 20px;
margin-top: 15px;
position: relative;
text-align: center;
width: 260px;
left: 50%;
margin-left: -130px;}
.user_account_box {border-radius: 50%;
float: left;
height: 100px;
left: 50%;
margin-bottom: 15px;
margin-left: -50px;
margin-top: 30px;
position: relative;
background-color: #00a875;
background-size: 40px;
background-position: center;
background-image: url(../img/user.svg);
background-repeat: no-repeat;
width: 100px;}
.user_account_box:hover .ava_new {opacity: 1;}
.user_account_bar {float: left;
height: 45px;
margin-left: 10%;
margin-right: 10%;
position: relative;
width: 80%;}

.user_account_bar2 {float: left;
height: 45px;
margin-left: 25%;
margin-right: 25%;
position: relative;
width: 50%;}

.user_account_bar_hr {border-top: 1px solid #ebebeb;
float: left;
margin-top: 30px;
position: relative;
width: 100%;
padding-top: 15px;}
.user_account_barA {position: relative;
float: left;
width: 25%;}

.user_account_barA2 {position: relative;
float: left;
width: 33.3333%;}

.user_account_barAM {position: relative;
float: left;
width: 50%;}

.user_account_barA p {float: left;
font-size: 13px;
font-weight: 300;
line-height: 22px;
padding: 0;
position: relative;
text-align: center;
width: 100%;
color: #333;}

.user_account_barA2 p {float: left;
font-size: 13px;
font-weight: 300;
line-height: 22px;
padding: 0;
position: relative;
text-align: center;
width: 100%;
color: #333;}

.user_account_barAM p {float: left;
font-size: 13px;
font-weight: 300;
line-height: 22px;
padding: 0;
position: relative;
text-align: center;
width: 100%;
color: #333;}
.user_account_barA span {color: #00a875;
    font-family: open sans,sans-serif;
    font-size: 15px;
    font-weight: bold;}

    .user_account_barA2 span {color: #00a875;
    font-family: open sans,sans-serif;
    font-size: 15px;
    font-weight: bold;}

    .user_account_barAM span {color: #00a875;
    font-family: open sans,sans-serif;
    font-size: 15px;
    font-weight: bold;}
.user_account_box img {border-radius: 50%;
    float: left;



    margin-left: 0!important;
    margin-right: 0!important;
    position: relative;
    width: 100%;}
 .grid-box2 { background-color: white;
    box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;    display: block;
    float: left;
    margin: 0 0 60px;
    position: relative;
    width: 708px;
    }
 .grid-box3 {background-color: white;
box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
display: block;
float: left;
padding-bottom: 15px;
position: relative;
width: 708px;
border-radius: 5px;

    }
.user_wallpaper {}

.header-img {box-sizing: border-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;}
.grid-item {
 float: left;
width: 100%;}
.title-notice {position: fixed;
float: left;
width: 708px;
font-size: 15px;
font-weight: 400;
text-align: center;
background-color: #fff;
left: 50%;
margin-left: -354px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
z-index: 400;
height: 44px;
color: #333;
line-height: 44px;
}
.title {box-sizing: border-box;
color: #222;
float: left;
font-size: 15px;
font-weight: 600;
overflow: hidden;
position: relative;
width: 100%;
padding-top: 0;
padding-left: 15px;
padding-right: 0;
}
.title_moderation {box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;}
    .titleF {box-sizing: border-box;
color: #333;
float: left;
font-size: 15px;
font-weight: 600;
overflow: hidden;
position: relative;
width: 100%;
padding-left: 15px;
padding-top: 19px;
padding-bottom: 0px;}
.title2 {box-sizing: border-box;
color: #333;
float: left; 
font-size: 20px;
font-weight: 700;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;}
.text-img {box-sizing: border-box;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 100%;}
.title3 {box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;}
.text {box-sizing: border-box;
color: #333;
float: left;
font-size: 13px;
font-weight: 400;
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;}

.text_n {box-sizing: border-box;
color: #333;
float: left;
font-size: 13px;
font-weight: 400;

overflow: hidden;
padding: 0 15px;
position: relative;
width: 100%;
margin-bottom: 15px;}

.title_n {font-weight: 600;
color: #222;
font-size: 13px;
padding-left: 15px;
padding-right: 15px;}

.text_n a {position: relative;
float: left;
color: #333;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 20px;
font-weight: 400;
margin-top: 10px;
background-color: #ebebeb;
font-size: 13px;}

.text_moderation {box-sizing: border-box;
color: #fff;
float: left;
font-size: 13px;
font-weight: 400;
height: 56px;
margin-bottom: 15px;
overflow: hidden;
padding: 0 15px;
position: relative;
width: 100%;}

.text3 {box-sizing: border-box;
color: #333;
float: left;
font-size: 13px;
font-weight: 300;
height: 24px;
margin-bottom: 15px;
overflow: hidden;
padding: 0 15px;
position: relative;
width: 100%;}

.add_header {position: relative;float: left;width:100%;}
.add_header a {position: relative;float: left;}
.add_header_menu {position: relative;float: left;width:44px;height:44px;background-color: #f5f5f5;}
.user_avatar {background-color: #333;
  

    border-radius: 50%;
    float: left;
    height: 45px;
    margin: 15px 10px 15px 15px;
    position: relative;
    width: 45px;}
.user_box {float: left;
margin-bottom: 15px;
margin-top: 15px;
position: relative;
height: 45px;}
.user_header_name {color: #333;
    float: left; 
    font-family: open sans,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 6px;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    width: 100%;}
.user_header_time {color: #888;
    float: left;
    font-family: open sans;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    width: 100%;}
.text2 {box-sizing: border-box;
    color: #333 !important;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;}
.text2 a {color: #289bef;
    text-decoration: none;}


.grid-item-img {background-color: #333;
    display: block;
    float: left;
    height: 128px;
    position: relative;
    width: 256px;
}

/* LOGIN FORM */
.login-bg {position: absolute;width: 100%;height:100vh;background-color: #333;}
.login-form {height: 480px;
left: 50%;
margin-left: -130px;
margin-top: -240px;
position: absolute;
top: 50%;
width: 290px;
border-radius: 10px;}
.login-logo {background-image: url("/img/logo2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px auto;
    float: left;
    height: 34px;
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    width: 34px;} 
.login-left {background-color: #f5f5f5;
    float: right;
    height: 500px;
    position: relative;
    width: 448px;}
.logo-text {color: #333;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-top: 30px;
    padding-left: 10px;
    position: relative;}
.login-title {box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    text-align: center;
    width: 100%;}
.login-titleZ {box-sizing: border-box;
    color: #fff;
    float: left;
    font-family: September W00 Bold;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: center;
    width: 100%;}
.login-title2 {box-sizing: border-box;
color: #fff;
float: left;
font-size: 15px;
font-weight: 300;
margin-bottom: 10px;
margin-top: 0;
padding-left: 30px;
padding-right: 30px;
position: relative;
text-align: center;
width: 100%;}
.color-links {color: #ff0000;
    opacity: 1 !important;
    text-decoration: none;}
.redactor-editor a {color: #00a875!important;
    opacity: 1 !important;
    text-decoration: none!important;}
.login-account {background-color: #222;
color: #fff;
cursor: pointer;
float: left;
height: 34px;
line-height: 32px;
margin-bottom: 15px;
margin-left: 15px;
border-radius: 16px;
margin-right: 15px;
position: relative;
text-align: center;
text-decoration: none;
width: 230px;
font-weight: 400;}
.login-account:hover {background-color: #02cb8e;}
.login-title3 {box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
    opacity: 0.5;
    padding-left: 30px;
    padding-right: 30px;
    position: relative; 
    text-align: left;
    width: 100%;} 
.login-text2 {box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 13px;
    margin-top: 15px;
    opacity: 0.5;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    width: 100%;}
.login-text3 {box-sizing: border-box;
    color: #000;
    float: left;
    font-size: 13px;
    height: 372px;
    margin-bottom: 30px;
    margin-right: 30px;
    margin-top: 15px;
    opacity: 0.5;
    overflow-y: scroll;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    width: 430px;}
.login-button-sign {background-color: #00a875;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: open sans,sans-serif;
    font-weight: 600;
    
    margin-left: 15px;
    margin-right: 15px;
    padding: 8px 15px;
    position: relative;
    
    width: 230px;}
.login-button-sign:hover {background-color:#000;}

.login-button-sign2 {background-color: #00a875;cursor: pointer;
    border: medium none;
    color: #fff;
    height: 34px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 8px 15px;
    position: relative;
    width: 230px;}

.login-button-create {position: relative;}
.login-button-lost { bottom: 15px;
    color: #fff;
    float: left;
    font-weight: 300;
    height: 34px;
    left: 15px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    
    width: 230px;}
.login-button-lost:hover {text-decoration: underline;}

.login-text {
    background-color: #f8ec88;
background-position: 0 8px;
background-repeat: no-repeat;
background-size: 20px auto;
box-sizing: border-box;
color: #000;
border-radius: 16px!important;
float: left;
font-weight: 400;
height: 34px;
line-height: 34px;
margin: 0 15px 15px;
padding: 7px 15px;
position: relative;
text-align: center;
width: 230px;}



.oxeema {background-image: url("/img/logoW.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 40% auto;
border-radius: 50%;
float: left;
height: 100px;
left: 50%;
margin-left: -50px;
margin-top: 30px;
position: relative;
width: 100px;
background-color: #02cb8e;}

@media all and (max-width: 1400px) {
.logo {font-size: 0;
    padding-right: 0;}
.ads { font-size: 0;
    padding-right: 0;}
.button-add {font-size: 0;
    padding-right: 0;}
}

.wrapper-login {
    background: url(/img/bbg2.jpg) no-repeat center center fixed!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}

@media all and (max-width: 1240px) {

.button-add {font-size: 0;
    padding-right: 0;}

    .notify {left: 50%;
width: 8px;
height: 8px;
font-size: 0;
margin-left: 10px;
position: absolute;
top: 18px;
background-color: #02cb8e;}
.button-message {font-size: 0;
    padding-right: 0;}
.button-login2 {font-size: 0;
    padding-right: 0;}
}


@media all and (max-width: 940px) {

  .user_account_bar2 {width: 80%;margin-left: 10%;}
.grid_ads_main {margin-top: 15px;}
 .grid-box {padding-bottom: 0px;}
.grid_ads {left: auto; 
margin-left: auto;
width: 100%;}

.notice-img {position: absolute;
left: 15px;
margin-left: 0;}
.notice-box {position: relative;
float: left;
padding-top: 15px;
box-sizing: border-box;
margin-left: 65px;
width: auto;}


.grid_ads_notice {width: 100%;left: auto;margin-left: auto;left: auto;}
.grid-box-n {margin-bottom: 0;
border-radius: 0;box-shadow: none;}
.button-message {width: 20%;
background-position: center;
background-size: 20px;
box-sizing: border-box;
height: 44px;
padding: 0;
font-size: 0px;}
    .ads_img {position: absolute;
box-sizing: border-box;
margin-top: 0px;width: 84px;
left: 15px;}
.grid-edit {left: 0;
    margin-left: 0;
    margin-top: 110px;
    position: relative;
    width: 100%;}
.login-left {display:none;}
.login-form {width:290px;margin-left: -130px;}

.center {left: 0;
    margin-left: 0;
    width: 100%;}
 .user_wallpaper {background-size: auto!important;}

.user_account_bar {margin-left: 0;
    margin-right: 0;
    width: 100%;}
.user_account_status {


}
.grid-box3 {width: 100%;
margin-left: 0;
margin-right: 0px;
margin-top: 0px;
border-radius: 0;}
.grid-box2 {margin: 0;
    width: 100%;}

    .grid {margin-top: 44px;}
.title2 {margin: 0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;}
.logo {background-image: url("/img/home.svg");
background-size: 20px auto;background-color: #333;
font-size: 0;background-position: center;
padding: 0;
width: 20%;}
.logo2 {background-position: center;
    background-image: url("/img/home.svg");
    background-size: 20px auto;
    font-size: 0;background-color: #333;
    padding: 0;
    width: 25%;}
.search_box {
   float: right;
    left: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 20%;}
.search_box2 {
   float: left;
left: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
position: relative;
width: 50%;} 
.ads {background-position: center center;
    height: 48px;
    padding: 0 !important;
    width: 33.3333%;}
.button-add {background-position: center center;
    height: 44px;
    padding: 0;
    width: 50%;}
.button-login {background-position: center center;
height: 44px;
padding: 0 !important;
width: 25%;
font-size: 0;}
.user-box {width: 40%;}
#search {background-position: center center;
    font-size: 0;
    padding-right: 15px;
    width: 100%;}

#search:focus {left:0;position: fixed;width:100%;z-index: 1;padding-left: 48px;background-position: 14px 13px;font-size: 13px;}
.search_box_close {background-color: #333;
    background-image: url("/img/close.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    width: 64%;}
.button-login2 {background-image: url("/img/user.svg");
background-position: center center;
background-size: 20px auto;
font-size: 0;
height: 44px;
padding: 0;
width: 50%;}
.grid {float: left;
    left: auto;
    margin-left: auto;
    width: 100%;}

.grid-box {margin: 0 0 18px;
width: 100%;
border-bottom: 1px solid #cfcfcf;}
.main_text {box-sizing: border-box;
margin: 0;padding-bottom: 15px;
padding-left: 115px;
padding-right: 15px;
position: relative;
width: 100%;}
.title {width: 100%;
font-size: 15px;
padding-left: 0px; 
padding-right: 0px;}
.text {
   text-overflow: ellipsis;
width: 100%;
padding-left: 0;
padding-right: 0;}
.text_user {margin-left: 0px;}
.text_date {margin-left: 0px;}
.grid-item-img {height: auto;
    width: 100%;}
.search_go {display:none;}
}