/* line 5, ../sass/style.sass */
a {
  color: #00c9ff;
}

/* line 8, ../sass/style.sass */
* {
  font-family: Verdana, sans-serif;
  font-weight: inherit;
}

/* line 12, ../sass/style.sass */
.transition, .paginate a, .slick-prev, .slick-next, .sliders .title, .menu_news figure:before, .main_news:hover .title, .main_news:first-child img:before, .main_news:first-child figure:before, .shortstory:hover .title, .shortstory:hover figure:before, .news:hover .title, .news:hover figure:before, .rightblock .all:hover, .tags a:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 20, ../sass/style.sass */
.after:after, .navigation-block:after, .maincontainer:after, header:after, .hotnews a:after, .main_block:after, .main_news:after, .shortstory:after, .shortstory a:after, .fullnews:after, .related_news:after {
  content: "";
  display: table;
  clear: both;
}

.maincont a:after {
	display:none;   
}

/* dle */

/* line 35, ../sass/style.sass */
.slick-dots li.slick-active button:before {
  background: green;
}

/* line 37, ../sass/style.sass */
.slick-dots li button:before {
  background: #333333;
}

/* line 39, ../sass/style.sass */
#navigation ul a, #navigation ul ul, #navigation ul {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

/* line 41, ../sass/style.sass */
.buttonpm a {
  background: green;
  color: white;
  padding: 10px;
  margin-bottom: 15px;
  display: block;
  float: left;
  margin-right: 10px;
}

/* line 50, ../sass/style.sass */
.buttonpm:after {
  content: "";
  display: table;
  clear: both;
}

/* line 54, ../sass/style.sass */
.headingpm {
  float: left;
  display: block;
}

/* line 57, ../sass/style.sass */
.basecont, .heading {
  margin-bottom: 10px;
  line-height: 1.2rem;
  color: #7b7b7b;
}

/* line 62, ../sass/style.sass */
.ui-widget-header {
  background: none;
  color: #111111;
  padding: 15px 20px 15px 30px;
  border-bottom: 1px solid #dedede;
}
/* line 67, ../sass/style.sass */
.ui-widget-header a {
  color: #111111;
}

/* line 69, ../sass/style.sass */
.ui-dialog {
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  padding-bottom: 0;
  max-width: 90%;
}

/* line 75, ../sass/style.sass */
.ui-dialog .ui-dialog-content {
  margin-bottom: 0;
}

/* line 77, ../sass/style.sass */
.fbutton {
  background: green;
  border: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: white;
  padding: 8px 10px;
  cursor: pointer;
}
/* line 85, ../sass/style.sass */
.fbutton:hover {
  background: #220a06;
}

/* line 87, ../sass/style.sass */
#login_name, #login_password {
  padding: 0 10px 0 46px;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  background: #f8f8f8;
  z-index: 1;
  height: 40px;
  color: #83868a;
}

/* line 95, ../sass/style.sass */
.tt {
  padding: 4px 15px;
  border: 1px solid gray;
  color: gray;
  border-radius: 2px;
  display: inline-block;
  margin-top: 7px;
  margin-left: 10px;
}

/* line 103, ../sass/style.sass */
.login {
  float: left;
}

/* line 105, ../sass/style.sass */
.f_input {
  margin: 10px 0;
}

/* line 107, ../sass/style.sass */
.berrors.shortstory {
  clear: both;
  margin-top: 10px;
}

/* line 113, ../sass/style.sass */
.speedbar {
  font-weight: 700;
}
/* line 115, ../sass/style.sass */
.speedbar .titleblock {
  border-bottom: none;
}

/* dle */
/* навигация */
/* line 120, ../sass/style.sass */
.navigation-block {
  position: relative;
  overflow: hidden;
}


.paginate {
  margin: 0;
  clear: both;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.paginate a, .paginate span {
  display: block;
  margin: 1px;
  color: #27d9ff;
  font-size: 14px;    
  text-align: center;
  background-image: linear-gradient(#364f74, #323b62);
  line-height: 35px;
  border-radius: 4px;
  border: 1px solid #2d4f80;
  border-top-color: #245a87;
  box-shadow: inset 0 1px 0 0px #445089;
  min-width: 35px;
  max-width: 41px;

  -webkit-flex: 1;
  flex: 1;
}
.paginate span {
  background-color: #181a22;
  border-color: #292F4E;
  background-image: none;
  box-shadow: none;
}
.paginate a:hover {
  background: #6e9df5;
  border-color: #62cdfc;
  border-bottom-color: #62cbfc;
  box-shadow: inset 0 0 10px 1px rgba(43, 53, 99, 0.5);
  color: #ffffff;
}
.paginate a:focus {
  background: #81332c;
  border-color: #8f5a60;
  border-bottom-color: #8c3d48;
  box-shadow: inset 0 0 4px 2px rgba(91,55,58,0.3);
  color: #ffffff;
}
.paginate .pag-prev span, 
.paginate .pag-next span,
.paginate .pag-prev a, 
.paginate .pag-next a {
  width: 110px;
  max-width: 110px;
}

.paginate {
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.pag-prev {
  width: 110px;
}
.pag-next {
  width: 110px;
}
.pag-pages {
  height: 39px;
  overflow: hidden;
  
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex: 1 0 0;
    flex: 1 0 0;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* навигация */
/* комментарии */
/* line 189, ../sass/style.sass */
.commentary-block {
  border-top: 10px solid green;
  margin: 0 -20px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #444444;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #7b7b7b;
  margin-bottom: 30px;
  background: #242424;
}
/* line 203, ../sass/style.sass */
.commentary-block:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #444444;
  position: absolute;
  top: 57px;
  left: 48%;
}

/* line 215, ../sass/style.sass */
#dle-captcha a {
  color: green;
  font-size: 0.8rem;
  margin-bottom: 20px;
  display: block;
  padding-top: 10px;
}

/* line 221, ../sass/style.sass */
.block-comment-user .ed a {
    color: #9acef7;
    background: none;
    margin-top: 0px;
    font-size: 12px;
}
/* line 225, ../sass/style.sass */
.block-comment-user .ed a:hover {
  background: none;
  color: white;
}

/* line 229, ../sass/style.sass */
.block-comment-user, #options {
  color: #98bbce;
  font-size: 14px;
  line-height: 20px;
  margin-right: 10px;
}

/* line 234, ../sass/style.sass */
.color-comment a {
    color: #00c9ff;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 700;
}

/* line 240, ../sass/style.sass */
.popups li {
  padding: 5px 0;
}

/* line 243, ../sass/style.sass */
.block-comment-user {
  position: relative;
}

/* line 247, ../sass/style.sass */
.edit a {
  padding: 0 10px !important;
  border: none !important;
}

/* комментарии */
/*---login--- */
/* line 252, ../sass/style.sass */
.loginbox .loginbtn, .loginbox .loginava {
  position: relative;
}

/* line 255, ../sass/style.sass */
.lbn, #logbtn {
  z-index: 13;
  position: relative;
  padding: 14px 22px 0;
  color: #7ed8ff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  height: 42px;
  width: 54px;
  background: url(../images/btn-login.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.lbn:hover, #logbtn:hover {
  background-image: url(../images/btn-login-hover.png);
  color: #ffffff;
}

/* line 266, ../sass/style.sass */
.lbn.selected, #logbtn.selected {
  background-image: url(../images/btn-login-hover.png);
  color: #ffffff;
  box-shadow: 0 0 5px 1px rgba(177,199,239,0.7);
}

/* line 271, ../sass/style.sass */
.lbn b {
  cursor: pointer;
  background-position: 100% -43px;
}

/* line 275, ../sass/style.sass */
.lbn.selected {
  background-position: 0 -86px;
}

/* line 278, ../sass/style.sass */
.lbn.selected b {
  background-position: 100% -129px;
}

/* line 281, ../sass/style.sass */
#logform {
  top: 100%;
  right: 0;
  z-index: 999;
  display: none;
  position: absolute;
  width: 295px;
  text-align: center;

    background: #0f0f1d;
    border: 1px solid #5583d5;
    border-left: 1px solid #395998;
    border-right: 1px solid #3a5797;
    border-radius: 2px;
    box-shadow: inset 0 0 25px #453b8b, 0 0 70px #000;
}

/* line 297, ../sass/style.sass */
.loginbox #logform .lfield {
  margin-bottom: 1em;
}

/* line 300, ../sass/style.sass */
.loginbox #logform .lfield label {
  display: block;
  margin-bottom: 0.2em;
}

/* line 304, ../sass/style.sass */
.loginbox #logform .lfield input {
  width: 170px;
  padding: 4px;
  border: 1px solid #c0d4de;
  background: white url("../images/fields.png") repeat-x;
}

/* line 310, ../sass/style.sass */
.loginbox #logform .lfchek input {
  width: 13px;
  border: none;
  background: none;
}

/* line 315, ../sass/style.sass */
.loginbox #logform .lfchek label {
  display: inline;
  margin-bottom: 0.2em;
}

/* line 319, ../sass/style.sass */
.loginbox #logform .lbtn {
  text-align: center;
}

/* line 322, ../sass/style.sass */
.loginbox .lvsep {
  line-height: 24px;
  font-size: 1.15em;
  padding: 19px 0 0 21px;
  margin-right: 20px;
  height: 45px;
  background: url("../images/lvsep.png") no-repeat;
}

/* line 330, ../sass/style.sass */
.loginbox .loginava {
  overflow: hidden;
  margin-right: 7px;
}

/* line 334, ../sass/style.sass */
.loginbox img {
  width: 42px;
  float: left;
  margin-right: 10px;
}

/* line 339, ../sass/style.sass */
.loginbox .loginava b {
  z-index: 13;
  background: url("../images/loginava.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 346, ../sass/style.sass */
.loginbox .lvsep .radial {
  margin-right: 5px;
  background-color: #9966cc;
  color: white;
  float: left;
  padding: 0 8px;
}

/* line 353, ../sass/style.sass */
.loginenter li a {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #2e3d58;
  color: #c7f1ff;
  line-height: 1rem;
  font-size: 14px;
}
.loginenter li:last-child a {
  border-bottom: none;
}
/* line 360, ../sass/style.sass */
.loginenter li a:hover {
    background-color: #6e9df5;
    border-bottom-color: #62cbfc;
    box-shadow: inset 0 0 10px 1px rgba(43, 53, 99, 0.5);
    color: white;
}
.loginenter li a b {
  font-weight: 400;
}

/* line 364, ../sass/style.sass */
.lexit {
  padding-top: 13px;
  background: url("../images/lexit.png") 0 -5px no-repeat;
}

/* line 368, ../sass/style.sass */
.lexit:hover {
  background-position: 0 -47px;
}

/* line 371, ../sass/style.sass */
.loginsite {
  display: inline-block;
}
/* line 373, ../sass/style.sass */
.loginsite a {
  color: #c7f1ff;
  font-weight: 500;
  display: block;
  float: none;
  font-size: 14px;
}
.loginsite a .fa {
  font-size: 16px;
}
.loginenter a:hover {
    color: #ffffff;
    }
/* line 379, ../sass/style.sass */
.loginsite a img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
/* line 384, ../sass/style.sass */
.loginsite a:hover {
  color: #ffffff;
}

/* line 387, ../sass/style.sass */
.loginuser, .passworduser {
  position: relative;
}
/* line 389, ../sass/style.sass */
.loginuser:before, .passworduser:before {
  content: "\f007";
  font-family: "FontAwesome";
  position: absolute;
  top: 1px;
  left: 1px;
  background: white;
  height: 38px;
  width: 35px;
  border: 0px solid #eaeaea;
  border-right-width: 1px;
  line-height: 38px;
  text-align: center;
  speak: none;
  z-index: 2;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: #83868a;
}

/* line 413, ../sass/style.sass */
.passworduser:before {
  content: "\f084";
}

/* line 415, ../sass/style.sass */
.social-login {
  margin-bottom: 30px;
  margin-top: 15px;
}
/* line 417, ../sass/style.sass */
.social-login:after {
  content: "";
  clear: both;
  display: table;
}

.loginsite .sociallogin a:before {
  content: 'Войти через';
  margin-right: 10px;
}

/* line 421, ../sass/style.sass */
.fullenter {
  margin: -20px;
  padding: 7px 20px;
  border-top: 1px solid #2e3d58;
  overflow: hidden;
}
/* line 428, ../sass/style.sass */
.fullenter .fbutton {
  float: left;
}

.fullenter .fbutton {
  padding: 5px 15px;
    border-radius: 2px;
    color: #ffffff;
    background-color: #6e9df5;
    border: 1px solid #00d4ff;
    border-bottom-color: #62cbfc;
    box-shadow: inset 0 0 10px 1px rgba(43, 53, 99, 0.5);
    font-size: 14px;
}

.fullenter .fbutton:hover {
    background-color: #8fcbff;
    border-color: #4667bd;
    box-shadow: 0 0 0px 1px #ffffff;
}

.fullenter .fbutton:focus {
    background-color: #81332c;
    border-color: #9d3b48;
    border-bottom-color: #9e3c48;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.4), inset 0 0 4px 2px rgba(91,55,58,0.3);
}

.fullenter a {
  margin-bottom: 0 !important;
  line-height: 34px;
}

/* line 431, ../sass/style.sass */
.padding {
  padding: 15px;
}

/* line 433, ../sass/style.sass */
.margin-top {
  margin-top: 15px;
}

/* line 435, ../sass/style.sass */
.inline {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-right: -4px;
}

/*---логин--- */
/*---слайдер--- */
/* line 443, ../sass/style.sass */
.slider {
  position: relative;
  margin-bottom: 0px;
}

/* line 447, ../sass/style.sass */
.slick-prev, .slick-next {
  background: rgba(0, 0, 0, 0.6);
}

/*---конец слайдер--- */
/*---общее--- */
/* line 453, ../sass/style.sass */
.maincontainer {
  padding: 20px 20px 0 20px;
  background: white;
}

/* line 458, ../sass/style.sass */
.login_main {
  float: right;
  position: relative;
}

/* line 462, ../sass/style.sass */
nav {
  float: left;
}

/* слайдер */
/* line 467, ../sass/style.sass */
.sliders {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 471, ../sass/style.sass */
.sliders figure {
  position: relative;
}
/* line 473, ../sass/style.sass */
.sliders .title {
  position: absolute;
  bottom: 0;
  padding: 15px 20px;
  color: white;
  z-index: 2;
  font-size: 2rem;
  font-weight: 500;
  width: 100%;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
/* line 485, ../sass/style.sass */
.sliders .title a {
  color: white;
  font-size: 2rem;
  display: block;
  margin-bottom: 10px;
}

/* line 493, ../sass/style.sass */
.sliders .title span {
  color: white;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 15px;
  line-height: 1.2rem;
}

/* line 504, ../sass/style.sass */
.top_slide .columns:first-child {
  padding-right: 2px;
}
/* line 506, ../sass/style.sass */
.top_slide .columns:last-child {
  padding-left: 0px;
}

/* line 510, ../sass/style.sass */
.clear_both:after {
  content: "";
  display: table;
  clear: both;
}

/* line 519, ../sass/style.sass */
.slider-nav .slick-prev, .slider-nav .slick-next {
  top: 0;
  height: 100%;
  opacity: 1;
  margin-top: 0;
  top: 0;
}
/* line 525, ../sass/style.sass */
.slider-nav img {
  max-height: 140px;
}

/* line 528, ../sass/style.sass */
.slick-center {
  position: relative;
}
/* line 530, ../sass/style.sass */
.slick-center:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}



/* конец слайдер */
/* нов шаблон */
/* line 552, ../sass/style.sass */
header {
  background: url("../images/bg-header.png") top center no-repeat;
  max-width: 1000px;
  margin: 0 auto;
}
/* line 558, ../sass/style.sass */
header .logo {

}

@media screen and (min-width: 1000px) {
  /* line 565, ../sass/style.sass */
  #navigation ul ul {
    width: 100%;
    min-width: 100%;
    padding: 15px;
    background: #0f0f1d !important;    
    border: 1px solid #5583d5;    
    border-left: 1px solid #395998;
    border-right: 1px solid #3a5797;
    border-radius: 2px;
    box-shadow: inset 0 0 25px #453b8b,
                0 0 70px #000;
  }

  /* line 571, ../sass/style.sass */
  .menu_news {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: none;
    padding-right: 15px;
  }
  .menu_news:last-child {
    padding-right: 0;
  }
  /* line 579, ../sass/style.sass */
  .menu_news:hover figure:before {
    width: 100%;
  }
  /* line 581, ../sass/style.sass */


  /* line 596, ../sass/style.sass */
  .menu_news .title {
    line-height: 1.5rem;
  }

  /* line 598, ../sass/style.sass */
  .term {
    padding: 0 !important;
    z-index: 9999 !important;
    text-align: left !important;
    border-bottom: none !important;
    min-width: 1px !important;
  }

  /* line 612, ../sass/style.sass */
  .term a {
    display: inline-block !important;
    vertical-align: top;
    position: relative;
    z-index: 100;
    margin-right: -4px;
  }
}

/* line 628, ../sass/style.sass */
.hotnews {
  position: relative;
  margin: 0px -10px 20px -10px;
}
/* line 631, ../sass/style.sass */
.hotnews li {
  position: relative;
  width: 33.33%;
}
/* line 634, ../sass/style.sass */
.hotnews li img, .hotnews li figure {
  float: left;
  width: 70px;
  height: 62px;
  margin-right: 10px;
  margin-bottom: 0;
}
/* line 640, ../sass/style.sass */
.hotnews a {
  padding: 10px;
  display: block;
  border: 1px solid green;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  background: white;
  margin: 0 10px;
}
/* line 648, ../sass/style.sass */
.hotnews .title {
  color: #333333;
  font-weight: 500;
}

/* line 652, ../sass/style.sass */
.add {
  text-align: center;
  margin: 0 auto 20px auto;
}

/* line 656, ../sass/style.sass */
.main_block {
  border: 1px solid green;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  background: white;
  margin-bottom: 20px;
}

/* line 663, ../sass/style.sass */
.titleblock {
  color: white;
  background: whitesmoke;
  border: 1px solid green;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid green;
  border-left: none;
}
/* line 670, ../sass/style.sass */
.titleblock span {
  background: green;
  padding: 8px 10px;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
}
/* line 676, ../sass/style.sass */
.titleblock .subcat {
  background: none;
  margin-left: 7px;
  position: relative;
  top: -1px;
  font-weight: 400;
}
/* line 682, ../sass/style.sass */
.titleblock .subcat a {
  color: #333333;
  font-size: 0.9rem;
}
/* line 685, ../sass/style.sass */
.titleblock .subcat a:hover {
  color: green;
}

/* line 688, ../sass/style.sass */
.main_news {
  position: relative;
  overflow: hidden;
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
}
/* line 695, ../sass/style.sass */
.main_news:hover .title {
  color: green;
}
/* line 699, ../sass/style.sass */
.main_news:hover figure:before {
  width: 100% !important;
}
/* line 701, ../sass/style.sass */
.main_news:last-child {
  border-bottom: none;
}
/* line 703, ../sass/style.sass */
.main_news:first-child {
  width: 45%;
  float: left;
  border-right: 1px solid #e2e2e2;
  border-bottom: none;
}
/* line 708, ../sass/style.sass */
.main_news:first-child img, .main_news:first-child figure {
  float: none;
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}
/* line 713, ../sass/style.sass */
.main_news:first-child img:before, .main_news:first-child figure:before {
  content: "";
  height: 4px;
  width: 10%;
  position: absolute;
  bottom: 0;
  background: green;
  z-index: 1;
}
/* line 722, ../sass/style.sass */
.main_news:first-child .title {
  font-size: 1.4rem;
}
/* line 724, ../sass/style.sass */
.main_news:first-child .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* line 730, ../sass/style.sass */
.main_news:first-child .overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 119, 219, 0.15) !important;
}
/* line 738, ../sass/style.sass */
.main_news:first-child .comment, .main_news:first-child .ratebox2, .main_news:first-child .category a {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 13px 10px;
  color: white;
  text-shadow: 1px 1px 5px black;
  font-weight: 700;
  font-size: 1rem;
  right: 0;
}
/* line 748, ../sass/style.sass */
.main_news:first-child .category a {
  left: 0;
}
/* line 750, ../sass/style.sass */
.main_news:first-child .comment {
  right: 40px;
}
/* line 752, ../sass/style.sass */
.main_news:first-child .ratebox2 a {
  color: white;
}
/* line 755, ../sass/style.sass */
.main_news img, .main_news figure {
  float: left;
  width: 70px;
  height: 62px;
  margin-right: 10px;
  margin-bottom: 0;
  position: relative;
}
/* line 762, ../sass/style.sass */
.main_news .title {
  color: #333333;
  overflow: hidden;
}
/* line 765, ../sass/style.sass */
.main_news .date {
  color: black;
  font-size: 0.88rem;
  margin-bottom: 10px;
}
/* line 769, ../sass/style.sass */
.main_news .overlay {
  display: none;
}

/* line 773, ../sass/style.sass */
.all a {
  float: right;
  color: #90a0b9;
}
/* line 776, ../sass/style.sass */
.all a:hover {
  color: green;
}

/* line 779, ../sass/style.sass */
.red {
  border-bottom: 3px solid #cc0033;
}
/* line 781, ../sass/style.sass */
.red span {
  background: #cc0033;
}

/* line 784, ../sass/style.sass */
.shortstory {
  position: relative;
  padding: 15px;  
  margin: 0 10px 15px;
}

.shortstory p {
  font-family:serif;
  color: #98bbce;
  line-height: 1.25rem;
  font-size:0.95rem;
}
/* line 797, ../sass/style.sass */
.shortstory:hover figure:before {
  width: 100%;
}

/* line 804, ../sass/style.sass */

/* line 810, ../sass/style.sass */
.shortstory img:before, .shortstory figure:before {
  content: "";
  height: 4px;
  width: 10%;
  position: absolute;
  bottom: 0;
  background: green;
  z-index: 1;
}
/* line 818, ../sass/style.sass */
.shortstory .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* line 824, ../sass/style.sass */
.shortstory .overlay .comment, .shortstory .overlay .ratebox2, .shortstory .overlay .category a {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 13px 10px;
  color: white;
  text-shadow: 1px 1px 5px black;
  font-weight: 700;
  font-size: 1rem;
  right: 0;
}



/* line 834, ../sass/style.sass */
.shortstory .overlay .category a {
  left: 0;
}
/* line 836, ../sass/style.sass */
.shortstory .overlay .comment {
  right: 40px;
}
/* line 838, ../sass/style.sass */
.shortstory .overlay .ratebox2 a {
  color: white;
  display: inline-block;
  margin-right: 3px;
}

/* line 848, ../sass/style.sass */

/* line 854, ../sass/style.sass */
.shortstory .margin {
  float: left;
  width: 50%;
  margin: -15px 15px -15px -15px;
}


/* line 868, ../sass/style.sass */
footer .social {
  float: right;
}
/* line 870, ../sass/style.sass */
footer .social li {
  float: left;
}
/* line 872, ../sass/style.sass */
footer .social a {
  padding: 0 10px;
  opacity: 0.6;
  position: relative;
  top: -6px;
}
/* line 875, ../sass/style.sass */
footer .social a:hover {
  opacity: 1;
}
/* line 877, ../sass/style.sass */
footer .social a .fa {
  color: white;
  font-size: 1.2rem;
}

/* line 881, ../sass/style.sass */
.popular_n {
  position: relative;
}
/* line 884, ../sass/style.sass */
.popular_n:hover .title {
  color: green;
}
/* line 887, ../sass/style.sass */
.popular_n:hover figure:before {
  opacity: 0.7;
}
/* line 889, ../sass/style.sass */
.popular_n figure {
  position: relative;
  margin-bottom: 10px;
}
/* line 892, ../sass/style.sass */
.popular_n figure:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(65%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.8) 100%);
}
/* line 905, ../sass/style.sass */
.popular_n .title {
  color: white;
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px 20px;
  line-height: 1.2rem;
}
/* line 911, ../sass/style.sass */
.popular_n img {
  width: 100%;
  height: 200px;
}

/* line 915, ../sass/style.sass */
.tbn {
  box-shadow: none;
  background: none;
  border: none;
  border-bottom: 3px solid green;
}
/* line 920, ../sass/style.sass */
.tbn span {
  font-size: 1rem;
  text-transform: uppercase;
}

/* line 924, ../sass/style.sass */
.boardright {
  border: 4px solid #cccccc;
  color: #cccccc;
  font-size: 1.7rem;
  height: 400px;
  width: 240px;
  margin: 15px auto;
  line-height: 400px;
  text-align: center;
}

/* line 933, ../sass/style.sass */
#vk_groups, #vk_groups iframe {
  width: 100% !important;
  height: 190px !important;
  text-align:center;
}

/* line 936, ../sass/style.sass */
.shd {
  border: 1px solid green;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
  background-color: white;
  margin-bottom: 20px;
}

/* line 942, ../sass/style.sass */
.news {
  border-bottom: 1px solid green;
  padding: 15px;
}
/* line 945, ../sass/style.sass */
.news:hover {
  background: #f2f2f2;
}
/* line 947, ../sass/style.sass */
.news:hover .title {
  color: green;
}
/* line 951, ../sass/style.sass */
.news:hover figure:before {
  width: 100%;
}
/* line 954, ../sass/style.sass */
.news img {
  height: 143px;
  width: 100%;
  border-radius: 4px;
}
/* line 957, ../sass/style.sass */
.news figure {
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
}
.news figure:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: 1;
    background: url(../images/img-overlay-right.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    position: absolute;
    background-size: 100% 143px;   
}

.news a:hover figure:after {
  background-image: url(../images/img-overlay-right-hover.png);
}

/* line 967, ../sass/style.sass */
.news .title {
  color: black;
  font-weight: 500;
  font-size: 0.93rem;
  line-height: 1.2rem;
}
/* line 972, ../sass/style.sass */
.news .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* line 978, ../sass/style.sass */
.news .overlay .comment, .news .overlay .ratebox2, .news .overlay .category {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 13px 10px;
  color: white;
  text-shadow: 1px 1px 5px black;
  font-weight: 700;
  font-size: 1rem;
  right: 0;
}
/* line 988, ../sass/style.sass */
.news .overlay .category {
  left: 0;
}

/* line 991, ../sass/style.sass */
.rightblock .all {
  text-align: center;
}
/* line 993, ../sass/style.sass */
.rightblock .all:hover {
  background: #f2f2f2;
}
/* line 996, ../sass/style.sass */
.rightblock .all:hover a {
  color: green;
}
/* line 998, ../sass/style.sass */
.rightblock .all a {
  color: #999999;
  float: none;
}

/* line 1002, ../sass/style.sass */
.sliders {
  background-size: cover;
  background-position: 50% 50%;
  height: 340px;
}
/* line 1006, ../sass/style.sass */
.sliders .category a {
  font-size: 12px !important;
  background: none;
  text-shadow: none;
  color: #00083a;
  font-weight: 700;
  margin: 0;
}
/* line 1012, ../sass/style.sass */
.sliders .title a {
  font-size: 1.7rem;
}
/* line 1014, ../sass/style.sass */
.sliders .info {
  display: inline-block;
}
/* line 1016, ../sass/style.sass */
.sliders .info span {
  margin-right: 3px;
}

/* line 1019, ../sass/style.sass */
.slick-dots {
  top: 15px;
  left: 15px;
  text-align: left;
}

/* line 1024, ../sass/style.sass */
.slider-nav .slick-prev, .slider-nav .slick-next {
  top: 0;
  height: 100%;
  opacity: 1;
  margin-top: 0;
  top: 0;
  border-radius: 0;
  width: 5.7%;
  background: rgba(0, 119, 219, 0.4);
}

.slider-nav .slick-prev:hover, 
.slider-nav .slick-next:hover {
    background: rgba(0, 119, 219, 0.6);
}
/* line 1033, ../sass/style.sass */
.slider-nav .slick-next {
  right: 0;
}
/* line 1035, ../sass/style.sass */
.slider-nav .slick-prev {
  left: 0;
}

/* line 1041, ../sass/style.sass */
.fullnews, .related_news {
  position: relative;
  padding: 15px;
  margin-bottom: 20px;
}
/* line 1049, ../sass/style.sass */
.fullnews .info_news, .related_news .info_news {
  position: relative;
  padding: 0 10px;
  margin: -14px -14px 10px -14px;
}
/* line 1054, ../sass/style.sass */
.fullnews .info_news span, .related_news .info_news span {
  display: inline-block;
}
/* line 1058, ../sass/style.sass */
.fullnews .info_news .category a, .fullnews .info_news .rates, .related_news .info_news .category a, .related_news .info_news .rates {
  font-size: 1rem;
  background-color: green;
  display: inline-block;
  padding: 5px 10px;
  color: white;
}
/* line 1064, ../sass/style.sass */
.fullnews .info_news .ratebox2 a, .fullnews .info_news .ratebox2 span, .related_news .info_news .ratebox2 a, .related_news .info_news .ratebox2 span {
  color: white;
  margin-right: 0;
}
/* line 1067, ../sass/style.sass */
.fullnews h1, .related_news h1 {
  color: #98bbce;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.fullnews h2, .related_news h2 {
  color: #98bbce;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom:8px;
}

.fullnews h3, .related_news h3 {
  color: #98bbce;
  font-size: 18px;
  font-weight: 500;
  margin-bottom:6px;
}

.full_story h3 {
  margin-top:12px;
}

.fullnews h4, .related_news h4 {
  color: #98bbce;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom:4px;
}

.fullnews h5, .related_news h5 {
  color: #98bbce;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom:2px;
}

/* line 1071, ../sass/style.sass */
.fullnews .full_story, .related_news .full_story {
  position: relative;
}

.full_story p {
  text-indent:0;
  text-align:justify;
}
/* line 1073, ../sass/style.sass */
.fullnews .full_story img, .related_news .full_story img {
  margin: 15px auto;
  display: block;
}
/* line 1076, ../sass/style.sass */
.fullnews .full_story p, .related_news .full_story p {
  line-height: 20px;
  color: #98bbce;
  font-size: 14px;
}
/* line 1080, ../sass/style.sass */
.fullnews .full_story .itog_block, .related_news .full_story .itog_block {
  margin-top: 15px;
}
/* line 1082, ../sass/style.sass */
.fullnews .full_story .itog_block b, .related_news .full_story .itog_block b {
  font-size: 1.4rem;
}
/* line 1084, ../sass/style.sass */
.fullnews .full_story .itog_block span, .related_news .full_story .itog_block span {
  background: green;
  font-weight: 700;
  font-size: 1.3rem;
  margin-left: 5px;
  color: white;
  padding: 10px;
  display: inline-block;
}

.full_story ul li {
  list-style-type: disc;
  list-style-position: inside;
  color: #98bbce;
  font-size: 14px;
  font-family: inherit;
  line-height: 20px;
  text-align: justify;
}

.full_story .fullstory-category-info ul li {
  margin-left: 10px;
  list-style-position: outside;
  text-align: left;
}

/* line 1092, ../sass/style.sass */
.related_news {
  position: relative;
  padding: 0;
  border: 2px solid rgb(2, 2, 3);
  border-left: none;
  padding: 10px 0 0;
}
.relateds {
  border-top: 2px solid rgb(2, 2, 3);
  padding-top: 10px;
}
.related_news .main-title-style {
  margin: 0 10px 10px;
  outline: 2px solid rgb(2, 2, 3);
}

.relateds.comms {
  padding: 10px;
}

.relateds.comms .addform {
  margin-bottom: 15px;
}

.relateds.comms .addform + div .input {
  max-width: 230px;
}

.brdform {
    border-top: 2px solid rgb(2, 2, 3);
    padding: 10px;
}

.buttoncomment {
padding: 0 10px 2px;
    width: 230px;
    line-height: 38px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    background-color: #6e9df5;
    border: 1px solid #00d4ff;
    border-bottom-color: #62cbfc;
    box-shadow: inset 0 0 10px 1px rgba(43, 53, 99, 0.5);
    text-align: center;
    margin: 0 auto !important;
}

.buttoncomment:hover {
    background-color: #8fcbff;
    border-color: #4667bd;
    box-shadow: 0 0 0px 1px #ffffff;
}

.buttoncomment:focus {
    background-color: #81332c;
    border-color: #9d3b48;
    border-bottom-color: #9e3c48;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.4), inset 0 0 4px 2px rgba(91,55,58,0.3);
}

@media screen and (max-width: 605px) {
  .buttoncomment {
    width: 200px;
  }  
}
/* line 1095, ../sass/style.sass */
.related_news .titleblock {
  margin-bottom: 15px;
}
/* line 1097, ../sass/style.sass */
.related_news .news {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-right: -4px;
  border-bottom: none;
}
/* line 1106, ../sass/style.sass */
.comment_b .titleblock {
  margin: -15px -15px 15px -15px;
}

/* line 1109, ../sass/style.sass */
.tags {
  position: relative;
  margin-top: 15px;
}
/* line 1112, ../sass/style.sass */
.tags a {
  font-size: 0.94rem;
  background-color: green;
  display: inline-block;
  padding: 5px 10px;
  color: white;
  margin-right: 5px;
  margin-bottom: 5px;
}
/* line 1120, ../sass/style.sass */
.tags a:hover {
  background: #111111;
}
/* line 1123, ../sass/style.sass */
.tags div {
  font-size: 0;
  display: inline-block;
}

/*cat_meta*/
.btl {
  font-weight:bold;
  font-size:1.3em;
}

.maincont {
  text-align:justify;
  font-family: inherit;
  color:#98bbce;
  margin:0.5em 0;
  line-height:1.5em;
  font-size: 14px;
}

.maincont h1{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 20px 0;
    color: #98bbce;
    line-height: 26px;
}

.maincont p {
  text-align:justify;
  font-size:14px;
  font-family: inherit;
  margin:0.5em 0;
  color:#98bbce;
}

.maincont h2 {
  font-weight:bold;
  font-size:18px;
  margin:20px 0 15px 0;
  color:#98bbce;
}

.maincont h3 {
  font-weight:bold;
  font-size:14px;
  margin:20px 0 10px 0;
  color:#98bbce;
}

.maincont ul li{
list-style-type: disc;
    list-style-position: inside;
    color: #98bbce;
    font-size: 14px;
    font-family: inherit;
    line-height: 20px;
}

.full_story ol li{
  list-style-type: decimal;
  list-style-position:inside;
  color:#98bbce;
  font-family: inherit;
  line-height:20px;
}

.jointCard-content-text {
  margin-bottom:15px;
  font-style:italic;
}

.image {
  text-align:center;
  line-height:1.5rem;
  width:100%;
  margin:auto;
  margin-top:10px;
  margin-bottom:10px;
  position: relative;
}

/*.image:after {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 25px);
    border-radius: 4px;
    z-index: 1;
    background: url(../images/img-overlay-article.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    position: absolute;
    background-size: 100% 100%;   
}*/

.image img {
  margin: 0 !important;
  border-radius: 4px 4px 0 0;
  width: 100%;
  border: 1px solid #9acef7; 
}

.image figcaption {
  background-color: #374e7b;
  color: #040507;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  border-top: 1px solid #3f7ec1;
  border-radius: 0 0 4px 4px;
  padding: 5px 10px;
}

.userinfo {
  background-color:white;
  padding:10px;
}

.dle-comments-form {
    height:1000px;
}

.mobile-menu {
  display: none;
}

@media only screen and (max-width: 1035px) {
    #story {
        width: 100%;
    }
    .navicon {
        display: block !important;
    }
    .navicon:hover {
        background: #0072bc !important;
    }
  
    header {
        background: url(../images/bg-header-1035.png) top repeat-x;
    }
    header #navigation,
    header .col-menu {
        display: none;
    }
    header .mobile-menu #navigation {
        display: block;
    }
    #responsive-menu-button:active {
        color: #fff;
    }

    .row.menu-top.menu-main .columns.col-logo {
        width: 100%;
        text-align: center;
    }

    .login_main {
        position: absolute;
        right: 10px;
        top: -74px;
        background-color: #181a22;
        border: 1px solid #101116;
        border-top: 1px solid #09090c;
        box-shadow: 0 1px 2px 1px #3c4454;
        margin-bottom: 15px;
        border-radius: 4px;
        padding: 4px;
    }

    #logbtn {
    height: 50px;
    width: 50px;
    padding: 18px 19px 0;
    background-size: 100% 100%;
}

    .row.menu-top.menu-second {
      height: 0;
      padding: 0;
    }

    .row.content-wrapper {
      margin-top: 0;
    }

    /*mobile-menu*/

    #mobile-header,
    .mobile-menu {
      display: block;
        position: absolute;
        left: 10px;
        top: -74px;
        background-color: #181a22;
        border: 1px solid #101116;
        border-top: 1px solid #09090c;
        box-shadow: 0 1px 2px 1px #3c4454;
        margin-bottom: 15px;
        border-radius: 4px;
    }
    #responsive-menu-button,
    .mobile-menu-button {
      display: block;
        width: 60px;
        height: 60px;
        background: url(../images/btn-menu-mobile.png) center no-repeat;
        cursor: pointer;
    }

    #mobile-menu-block {
      position: absolute;
      z-index: 99;
      padding: 4px;
    background: #0f0f1d !important;
    border: 1px solid #5583d5;
    border-left: 1px solid #395998;
    border-right: 1px solid #3a5797;
    border-radius: 2px;
    box-shadow: inset 0 0 25px #453b8b, 0 0 70px #000;
    }

    .mobile-menu #navigation ul li {
      text-align: left;
      float: none;
      margin: 0;
      position: relative;
      min-width: 100px;
    }

    .row.menu-top.menu-second .mobile-menu #navigation > ul > li > a,
    .mobile-menu #navigation ul li.term a {
          padding: 0 10px;
    line-height: 28px;
    border: 1px solid #2e3d58;
    border-radius: 2px;
    color: #c7f1ff;
    font-size: 14px;
    text-align: left;
    background: none #1b1d26;
    margin: 2px 0 0;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);
    font-weight: 400;
    height: auto;
    width: 200px;
    }

    .mobile-menu #navigation ul li.term a {
      width: auto;
      line-height: 16px;
      font-size: 13px;
      padding: 3px 10px 5px;
    }

    .row.menu-top.menu-second .mobile-menu #navigation > ul > li > a:hover,
    .mobile-menu #navigation ul li.term a:hover {
      background-color: #6e9df5;
      border-color: #62cdfc;
      border-bottom-color: #62cbfc;
      box-shadow: 0 0 5px 1px rgba(177,199,239,0.7), inset 0 0 10px 1px rgba(43, 53, 99, 0.5);
    }

    .row.menu-top.menu-second .mobile-menu #navigation > ul > li > a:active,
    .mobile-menu #navigation ul li.term a:active {
      background-color: #81332c;
      border-color: #8f5a60;
      border-bottom-color: #8c3d48;
      box-shadow: 0 0 2px 2px rgba(0,0,0,0.4), inset 0 0 4px 2px rgba(91,55,58,0.3);
    }

    .mobile-menu #navigation ul ul {      
      width: auto;
      top: 0;
      left: 200px;
    }

    .mobile-menu #navigation>ul>li:last-child ul {
      top: 0;
      left: 200px;
    }

    .mobile-menu #navigation ul li.term {
      background: #0f0f1d !important;
      border: 1px solid #5583d5;
      border-left: 1px solid #395998;
      border-right: 1px solid #3a5797;
      border-radius: 2px;
      box-shadow: inset 0 0 25px #453b8b, 0 0 70px #000;
      width: auto;
    }

    .mobile-menu #navigation ul li.menu_news {
      display: none;
    }

}

/*@media screen and (min-width: 767px) and (max-width: 850px) { 
  .game-preview {
    display: block;
  }

  .preview-img, .preview-content {
    width: 100%;
    height: auto;
  }
}*/

@media only screen and (max-width: 767px) {    

  .columns.rightblock {
    display: none;
  }

  .columns.main {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .shortstory.base, .fullnews {
    margin-right: 10px;
  }

  .bottom-menu .menu-item {
    font-size: 12px;
  }
   
  .main-content {
        border-right: 0;
  }
}

@media only screen and (max-width: 615px) {
  .main-slider {
    display: none;
  }

  .preview-info, .preview-bottom {
        position: static;
        width: 100%;
    }
    
    .preview-link {
        display: block;
        height: auto;
    }
    
    .preview-img {
        width: 100%;
    }
    
    .preview-description {
        margin: 10px 0; 
    }

   .preview-link  .short {
    max-height: none;
    margin: 5px 10px;
  }

  .preview-link t .title {
    margin: 5px 10px 0;
  }

  .short-category {
    margin: 0 10px 5px;
  }

  .bottom-menu {
    display: block;
    padding: 20px 0 0;
    background: none;
    border: none;
    box-shadow: none;
}

  .bottom-menu .menu-item {
    font-size: 12px;
    width: 37%;
    float: left;
    margin: 0 5% 20px;
  }

  .category-rating, 
  .category-share {
    width: 100%;
  }

  .category-rating {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 550px) {
  #responsive-menu-button,
  .mobile-menu-button {
    width: 52px;
    height: 52px;
  }

  .login_main {
    padding: 1px;
    margin-bottom: 0;
    top: -65px;
  }

  #mobile-header,
  .mobile-menu {
    margin-bottom: 0;
    top: -65px;
  }

  header {
        background-size: auto 100%;
  }

  .row.menu-top.menu-main {
    height: 70px;
  }

  header .logo img {
    height: 74px;
  }

  .fullstory-category-info,
  .fullstory-top-info .category-block {
    width: 100%;
  }

  .fullstory-top-info .category-block .preview-img,
  .fullstory-top-info .category-block .preview-img img {
    max-height: none;
  }
}

@media only screen and (max-width: 445px) {
  #mobile-header,
  .mobile-menu {
    left: 7px;
  }

  .login_main {
    right: 7px;
    top: -59px;
  }

  #logbtn {
    height: 33px;
    width: 33px;
    padding: 10px 10px 0;
  }
}

@media only screen and (max-width: 405px) {
  header .logo img {
    height: 60px;
    margin-left: 15px;
    margin-top: 8px;
  }

  .row.menu-top.menu-second .mobile-menu #navigation > ul > li > a, 
  .mobile-menu #navigation ul li.term a {
    width: 140px;
    line-height: 16px;
    font-size: 13px;
    padding: 3px 10px 5px;
  }

  .mobile-menu #navigation ul ul,
  .mobile-menu #navigation>ul>li:last-child ul {
    left: 140px;
    min-width: auto;
  }
}

@media screen and (max-width: 340px) {
    .row .row {
        margin-right: 0; 
        margin-left: 0;
    }

    .columns.main {
        padding-left: 0;
        padding-right: 0;
    }

    .shortstory {
        margin: 0 2px 15px;
    }

    .shortstory.base, .fullnews {
      margin-right: 0;
    }
}

@media screen and (max-width: 340px) {
  body {
    overflow-x: auto 
  }
  }