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

}
@media screen and (min-width:800px) and (max-width:999px) {

}
@media screen and (min-width:1000px) {

}
.transition {
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

.sb-block .border-header {text-align:center; font-weight:bold;}

.title01 {font:bold 24px kelson_sans_rulight, Arial, Helvetica, sans-serif;}
.orange {color:#E74C3C;}
.lightblue {color:#2980B9;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.m5 {margin:5px 0 5px 0;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}

/* ======================================================
=============== Шапка сайта =============================
====================================================== */
.addtofav {position:absolute; padding:8px; top:125px; right:130px; background-color:#34495E; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px;}
.zakladki {position:absolute; padding:8px; top:125px; right:19px; background-color:#2980B9; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px;}
.zakladki:hover,
.addtofav:hover {background-color:#E74C3C;}
.vk_auth {position:absolute; padding:8px; top:125px; right:198px; background-color:#597BA0; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px;}
.ok_auth {position:absolute; padding:8px; top:125px; right:36px; background-color:#FE7208; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px;}

.vk_fs {padding:8px; background-color:#597BA0; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px; margin: 10px 0 10px 0;}
.ok_fs {padding:8px; background-color:#FE7208; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:4px; margin: 10px 0 10px 0;}

/* ======================================================
================== Меню =================================
====================================================== */
.lmenu {
    margin:0px 0px 0px -20px;
    background-color:#2980B9;
    border:0px;
    padding-bottom:7px;
}
.lmenu a {    
    width:54px;
    height:54px;
    float:left;
    background-color:#2980B9;
    padding:6px 0px 0px 6px;
}
.lmenu img {
    width:50px;
    height:50px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:2px solid white;
}

.lmenu2 {
    margin:0px 0px 0px -20px;
    background-color:#34495E;
    border:0px;
    font:normal 15px kelson_sans_rulight, Arial, Helvetica, sans-serif; color:#2980B9;
    line-height:1.3;
}

.lmenu2 a {
    display:block;
    color:#FFFFFF;
    height:45px;
    width:125px;
    overflow:hidden;
    float:left;
    padding:8px 0px 2px 0px;
    text-decoration:none;
}

.lmenu2 a:hover {
    background-color:#1ABC9C;
}

.lmenu2 img {
    width:45px;
    height:45px;
    float:left;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:2px solid white;
    margin:-5px 5px 3px 3px;
}

.rmenu {
    margin:0px -20px 0px 0px;
    background-color:#2980B9;
    border:0px;
    padding-bottom:7px;
}
.rmenu a {    
    width:54px;
    height:54px;
    float:left;
    background-color:#2980B9;
    padding:4px 0px 0px 5px;
}
.rmenu img {
    width:50px;
    height:50px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:2px solid white;
}
.lmenu img:hover, .rmenu img:hover {border:2px solid #E74C3C;}

/* ======================================================
====================== Catface ==========================
====================================================== */
.catface {
    padding:0px 0px 0px 0px;
}
.catface .cf_edit {
    float:right;
}

.catface .cf_descr {
    text-align:justify;
    text-indent:15px;
    line-height:1.6em;
    margin:15px 0 15px 0;
}
.cf_descr p {
    margin: 0px;
}
.cf_descr p:first-letter {
    color: red; /* Красный цвет первой буквы */
    font-size: 110%;
}
.catface .cf_descr .image {
    float:left;
    margin:0px 10px 0px 0px;
    border-radius:5px;
    width:336px;
}
.cf_descr li {
    list-style-position:inside;
}

.description2 {
    text-align:justify;
    text-indent:15px;
    line-height:1.6em;
    margin:15px 0 15px 0;
}
.description2 p {
    margin: 0px;
}
.description2 p:first-letter {
    color: red; /* Красный цвет первой буквы */
    font-size: 110%;
}

.description2 h1, .description2 h2, .description2 h3, .cf_descr h1, .cf_descr h2, .cf_descr h3 {
	color:#E74C3C; font-weight:bold;
}


.catface .cf_descr .quote {font-size:1.0em; line-height:1.7em; margin:10px 0px 10px 20px !important; border-left:20px solid #E74C3C; padding:15px 0px 15px 15px;}
.catface .cf_descr .quote a {color:#236FA1;}


/* ======================================================
=============== Краткое содержание ======================
====================================================== */
.shortstory {
    width:245px;
    height:240px;
    border:2px solid #2980B9;
    float:left;
    margin:0px 16px 16px 0px;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;    
}
.shortstory:nth-child(3n) {
    margin:0px 0px 16px 0px;
}
.shortstory a {
    color:#FFFFFF;
    text-decoration:none;
}
.shortstory .title {
    background-color:#2980B9;
    position:relative;
    padding:0 10px 0 5px;
    height:42px;
    font-size:16px;
}

.shortstory .title h2, .shortstory .title h3, .shortstory .title strong {
    font: normal 1em/1.3 Arial, sans-serif;
}

.shortstory .title .favbutton {
    position:absolute;
    right:4px;
    top:-1px;
}
.shortstory .title .editbutton {
    position:absolute;
    right:18px;
    top:18px;
}

.shortstory .img {
    display:inline-block;
    float:left;
    list-style:none;
    position:relative;
}

.shortstory .img .image {
    width:245px;
    height:170px;
    display:block;
}

.shortstory .caption {
    display:block;
    background:rgba(0,0,0,0.8);
    color:#fff;
    font-size:12px;
    position:absolute;
    overflow:hidden;
    text-shadow:1px 1px 1px #303857;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    padding:10px;
    height:150px;
}

.img:hover .caption {
    width:225px;
    height:150px;
    opacity:1;
    filter:alpha(opacity=80);
}

.caption .play-lg {
    display:none;
    position:absolute; 
    bottom:10px; 
    right:10px; 
    background-color:#E74C3C; 
    border:1px solid white; 
    border-radius:5px; 
    color:#FFFFFF; 
    padding:5px 10px 5px 10px; 
    font-size:16px;
}

.caption .play-lg:hover {
    background-color:#137204; 
}

.ssfooter .play-xs {
    float:right;
    background-color:#E74C3C;
    padding:2px 20px 2px 20px;
    margin:2px 2px 0 0;
}
.ssfooter .vk_share {
    float:left;
    margin:4px 0 0 2px;
}
.ssfooter .rating {
    float:left;
    margin:2px 0 0 2px;
}


/* ======================================================
=============== Полная новость ==========================
====================================================== */
.fullstory .image {
    width:374px;
    height:280px;
    float:left;
    border:3px solid #2980B9;
}
.fullstory .image2 {
    width:374px;
    height:280px;
    float:left;
    border:3px solid #2980B9;
    margin-left:20px;
}
.fullstory .link_cat {
    margin:15px 0px 10px 0px;
}
.fullstory .description {
    margin:10px 0px 10px 0px;
    text-align:justify;
    text-indent:20px;
    line-height:1.5em;
}
.fs_buttons {margin:10px 0px 10px 0px;}
.fs_buttons .vk_like {float:left; margin-left:10px;}
.fs_buttons .vk_share {float:left; margin-left:5px;}
.fs_buttons .ok {float:left; margin-left:10px;}

.fullstory {;}
.fullstory .title {
    border-bottom: solid 3px #236FA1;
    background:#2980B9;
    padding: 15px 20px 10px 20px;
    color: #ecf0f1;
    position: relative;
    font:normal 22px kelson_sans_rulight, Arial, Helvetica, sans-serif;
}
.fullstory .title a {text-decoration:none;}
.fullstory .title h1 {font:normal 22px kelson_sans_rulight, Arial, Helvetica, sans-serif;}
.fullstory .title .favbutton {position:absolute; right:10px; top:12px;}
.fullstory .title .editbutton {position:absolute; right:48px; top:14px;}

.fullstory .description div {
    margin:5px;
}

.fullstory .description div:first-letter {
    color:#E74C3C;
    font-size:18px;
}
.fullstory .description img {
    margin:0px 10px 0px 0px;
    width:300px;
    float:left;
}

.fullstory .link_cat a {
    padding:5px 7px 5px 7px;
    background-color:#FC0F0F;
    color:#FFFFFF;
    text-decoration:none;
    border-radius:5px;
    margin:0px 3px 0px 0px;
}
.fullstory .link_cat a:nth-child(2) {background-color:#2154E0;}
.fullstory .link_cat a:nth-child(3) {background-color:#35C425;}
.fullstory .link_cat a:nth-child(4) {background-color:#FC6A02;}
.fullstory .link_cat a:nth-child(5) {background-color:#9A20DB;}
.fullstory .link_cat a:nth-child(6) {background-color:#36A1C4;}
.fullstory .link_cat a:hover {
    background-color:#35C425;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.GameBlock {;}
.GameBlock .game {
    width:780px;
    height:600px;
}
.GameBlock .GameFooter {padding: 10px 0 10px 0; text-align:center; }
.GameBlock .GameFooter button {border:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:8px; color:#FFFFFF;}
.GameBlock .GameFooter .prev_game {float:left; background-color:#FF7905;}
.GameBlock .GameFooter .next_game {float:right; background-color:#00B217;}
.GameBlock .GameFooter .fs_rating {width:100px; margin-left:180px; float:left;}

/* ======================================================================
========================== Подвал =======================================
====================================================================== */
.fa_footer {;}
.fa_footer a {color:#ECF0F1; margin-right:5px;}
.fa_footer a:hover {
    color:#2980B9;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

/* ======================================================================
========================== Теги =========================================
====================================================================== */
.blocktags {;}
.blocktags a {
    padding:3px 5px 3px 5px;
    background-color:#FC0F0F;
    color:#FFFFFF;
    text-decoration:none;
    border-radius:5px;
    margin:0px 3px 0px 0px;
    line-height:1.9em;
}
.blocktags a:nth-child(2n) {background-color:#2154E0;}
.blocktags a:nth-child(3n) {background-color:#35C425;}
.blocktags a:nth-child(4n) {background-color:#FC6A02;}
.blocktags a:nth-child(5n) {background-color:#9A20DB;}
.blocktags a:nth-child(6n) {background-color:#36A1C4;}


/* ======================================================
=============== Реклама AdSense ========================
====================================================== */
.ads200 {
    margin:10px 0 20px 0;
}
.ads201 {
    width:336px;
    height:280px;
    margin:0px auto;
}

.ads202 {
    width:336px;
    height:280px;
    clear:both;
    margin:20px auto;
}
.ads_rightblock {width:160px; height:600px; margin:20px auto;}

.ads_fullstory_2 {
    width:336px;
    height:280px;
    clear:both;
    margin:20px auto;
}

.share_01 {
    border:2px solid #E74C3C;
    background-color:#FFFFFF;
    text-align:center;
    margin:10px 0 20px 0;
    padding:5px 10px 10px 10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font:bold 22px kelson_sans_rulight, Arial, Helvetica, sans-serif;
    color:#2980B9;
}
.share_01:hover {
    background-color:#DCFFC8;
}


.ads100 {
    width:336px;
    height:280px;
    margin:20px auto;
}

.related_news {margin:20px -10px 20px -10px; text-align:left;}
.related_news a {color:#9B9696; text-decoration:none;}
.related_news .item {width:150px; margin:0 5px 20px 5px; float:left; color:#000000; background-color:#FFFFFF;}
.related_news .item:hover {box-shadow: 0 0 5px 3px #00B217;}
.related_news .item img {width:134px; height:100px; margin:8px 8px 8px 8px;}
.related_news .item .rel_title {height:38px; line-height:1.2em; overflow:hidden; text-align:left; margin:0px 8px 8px 8px; }
.related_news .item .rel_rating {text-align:center; margin:5px 0 0 0; height:30px;}
.related_news .item .free {text-transform:uppercase; font-size:0.8em; color:#4E9D43; text-align:center; font-weight:bold;}

.comments {;}



.rightholder {background-color:#F34542; border:0px; border-bottom:2px solid #D8413B; padding:10px 15px 10px 15px; color:#FFFFFF; font-size:1.1em;}
.ban {background-color:#FFA260; text-align:center; padding:30px 10px 30px 10px; font-size:1.2em; line-height:1.4em; color:#FFFFFF;}
.ss_ban {position:absolute; bottom:20px; right:-40px; background-color:#FF934C; padding:10px 40px 10px 40px; font-size:0.9em; color:#FFFFFF;
    -moz-transform: rotate(-45deg);  /* Firefox */
    -o-transform: rotate(-45deg);  /* Opera */
    -webkit-transform: rotate(-45deg);  /* Safari y Chrome */
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.shortstory .img {overflow:hidden;}

.grayscale { 
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}