@font-face {
    font-family:'Aeonik Pro';
    src:url('../fonts/ap-reg.woff2') format('woff2'),
        url('../fonts/ap-reg.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Aeonik Pro';
    src:url('../fonts/ap-med.woff2') format('woff2'),
        url('../fonts/ap-med.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Aeonik Fallback';
    src:local(Arial);
    size-adjust:101%;
    ascent-override:93%;
    descent-override:14%
}

.download 
{
    width:20px; height:20px; right:20px!important; bottom:10px!important; padding:3px; margin:0; border-radius:5px;
}
html{height: 100%;
    background: radial-gradient(circle, #8b7eae, #262133);
    background-attachment: fixed;}
body{color:#363636; 
    font-family: 'Aeonik Pro','Aeonik Fallback';
    font-size: 17px;;
    font-weight: 400;
    line-height: 1.25rem; }
html,body{margin:0;padding:0;}
.shrating {float:left; margin-left: 20px;}
.shlink {float:right; margin-top:10px;}
.shmeta {float:left; width:100%; margin-bottom:20px;}
.shtitle{width:95%; padding-left:20px; padding-top:20px; flaot:left;}
.download {position:absolute; right:8px; bottom:6px; z-index:49; background:#333; color:#fff; opacity:0.75}
.opisaka {color:#423b55; font-style:italic;}
.card {text-align:center;}
.oimg {position:absolute; bottom:7px; left:7px; color:#fff; background:#000; opacity:0.6; font-size:12px; border-radius:5px; padding:2px;}
h2 .fa {color:#423b55;}
ul,li,form,fieldset,dl,dt,dd,h1,h2,h3,h4,h5,h6,del{list-style:none;text-decoration:none;font-style:normal;border:none;margin:0;padding:0;}
a{text-decoration:none; color:#423b55;}
.fright, .fleft {
    position:fixed;
    top:calc(50% - 50px);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    line-height:0
}

.hed {
    background-color: #040507;
    opacity: 0.7;
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-size: 15px;
    width: 98%;
    padding: 1%;
    vertical-align: middle;
    z-index:1000;
    color:#fff;
}

.grid {
    column-count: 3;
  column-gap: 15px;
  padding: 15px;
  line-height: 0;
}

.grid-item img
{
  border-radius: 12px;
}
.grid-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  break-inside: avoid;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  line-height: 0;
   position:relative;
}

.grid-item span
{
    display:block;
    position:absolute;
    bottom:10px;
    left:15px;
    background-color:#fff;
    opacity:0.8;
    border-radius:10px;
    padding:12px;
}



.overlay {position:absolute;  bottom:12px; right:15px; text-align:center; color:#73c8f2;}
.overlay a {color:#73c8f2;}


@media (max-width: 768px) { /* Для телефонов */
   
    .grid
    {
        column-count:2;
    }
}
@media (max-width: 430px)
{
  .main
    {
        float:left;
        width:100%;
    }
 .grid
    {
        margin:0; padding:0;
        column-count:1;
    }  
    .grid-item img {max-width:100%;}
}

.hed a {color:#fff;}
.catmenu{width:100%;float:left;}
.catmenu h2 {margin:0 1%;}
.catmenu li {width:23%; float:left; padding:0 1%; }
.catmenu li a {color:#003a74;}
.tag_list > span { margin: 0 2px 2px 0; }
.tag_list > span, .tag_list > span > a { display: inline-block; }
.tag_list > span > a {
    border: 1px solid #d6d6d6;
    color: inherit;
    text-decoration: none !important;
    padding: 4px 8px;
    border-radius: 2px;
}
.tag_list > span > a:hover {
    background-color: #fff;
    color: #3394e6;
    border-color: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
}
.tags_more { margin-top: 1em; }

.fleft, .fright  {
    background-color:#fff;
    border:1;
    line-height:0;
    border-radius:50%;
    cursor:pointer;
    height:80px;
    width:80px;
    text-align:center;
    transition:background .2s ease;
    z-index:2500;  
}
.fleft {left:2rem}
.fleft i {margin-left:-15px;}
.fright {
    right:2rem
}
.fright i  {margin-left:15px;}


.fleft:hover, .fright:hover {
    background-color:#423b55;
    color:#fff;
}
.custtags {float:left; width:100%;}
.clouds_xsmall, .clouds_xlarge, .custtags a {padding:5px 10px; border-radius:5px; background-color:#E0FFFF; margin: 5px 5px!important; display:block; float:left;}
.clouds_xlarge {background-color:#AFEEEE;}
.cat233 a {margin: 0px 5px!important; display:block; float:left; font-weight: bold!important; text-decoration:underline;}
.cat233 span {color:#f2f2f2!important;}
.frating {width::100%; font-size:18px; margin-top:5px;float:left;}
.fullopis {padding:5px 10px; background-color:#dbefff; float:left;}
.fullopis img {border-radius:65px; border: 3px solid #fff; float:left; margin-right:5px;}
.text a {color:#423b55; font-weight:bold;}
h1{  font-weight: 500;    font-size: 28px;    line-height: 42px;text-align:left; color:#333; border-left:10px solid #423b55;padding-left:15px;}
h2{font-size:20px; font-weight: 400; margin-bottom:15px;color:#423b55;}
h3{text-align:center;margin-bottom:15px;color:#423b55;}
.header{width:100%;;padding:0; float:left; height:90px;}
.logo{margin:0px 0 15px 55px;}
.logo span{display:block;padding-top:10px;padding-left:10px;font-size:30px; margin-top:5px;}
.main{float: left;width: 100%;}
.opisisi {margin:15px 8px; }
.leftcol{float:left;width:78%;padding-bottom:16px;}
.rightcol{float:right;width:20%;}
.green {background-color:#e6fae6;}
h6{text-align:center;color:#423b55;padding-bottom:10px;}
.navigation{margin-top:30px;margin-bottom:30px;float:left;width:100%;text-align:center;color:#fff;}
.navigation .nav-center{padding:0 3px;}
.navigation .nav-center *{margin:0 2px;}
.navigation span,.nav-center span{color:#fff;line-height:20px;background:#78708e;float:left;margin-left:5px;margin-bottom:4px;padding:20px;}
.navigation a{background:#423b55;color:#fff;font-family:‘Helvetica Neue’, sans-serif;font-size:20px;letter-spacing:-1px;line-height:1;text-align:center;text-decoration:none;border-radius:2px;float:left;margin-left:5px;font-weight:400;margin-bottom:4px;padding:20px;}
.navigation a:hover{font-weight:400;background:#a5e4ff;color:#423b55;}
.footer { background: radial-gradient(circle, #3a3548, #262133);color:#fff;}
.footer .footer-text{float:left;text-align:justify;padding:15px 15px;}
.footer .footer-text p{font-size:14px;margin:0;padding:0 0 10px;}
.footer .footer-banner{float:right;width:230px;padding-top:14px;}
.footer .footer-banner li{font-size:10px;display:block;float:left;margin-left:15px;}
.footer a {color:#fff;}
.cat h2{text-align:right; }
.cat{font-family:‘Helvetica Neue’, sans-serif; min-height:20px;text-align:justify;float:left;padding:2% 0 2% 0; margin-bottom:10px; width:100%;}
.cat img{float:left;border-radius:125px;border:7px solid #f2f2f2;margin:10px 20px 10px 10px;}
.cat233{display:inline-block;margin-bottom:10px;font-size:14px;background:#423b55;text-align:left;color:#fff;border-radius:0 0 10px 10px;width:97%;border-top:2px solid #fff;padding:1% 10px;}
.cat233 a {color:#fff;font-weight:normal;}
.short3{margin-left:5px;float:left;width:24%;background-color:#FFF;border:1px solid #B5E1EF;margin-bottom:5px;margin-top:5px;text-align:center;position:relative;}
.sc3t{width:100%;float:left;position:relative; height:300px; overflow:hidden;}
.sc3t img{width: 100%;
    max-width: 670.755px;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 400ms;
    min-width: 100%;}
.short3a{color:#06c;font-size:13px;text-decoration:none;display:block;width:100%;position:relative;}
.short3:hover .short3a {color:#fff;}
.news { float:left;}
.short3:hover {background-color:#0198fc;box-shadow:0 0 6px #06C;}
.reltit{float:left;height:50px; width:100%; text-align:center; overflow:hidden;font-size:17px;}
.short1{margin-top:20px;width:100%;float:left;margin-bottom:20px;}
.speedy { width:100%; font-size:14px; height:30px; padding: 8px 0 3px 0; margin: 8px 0 8px 0; color:#333; background-color:#f2f2f2;}
.speedy a {line-height:2;margin:0 5px 0 5px; color:#423b55; font-size:14px; text-decoration: none;}
.short1 a,.short2 a{font-weight:700;font-size:18px;color:#06c;text-decoration:none;}
#Go_Top{position:fixed;bottom:60px;right:1px;cursor:pointer;display:none;width:100px;background:#fff;padding:10px;}
#Go_Bottom{position:fixed;bottom:20px;right:1px;cursor:pointer;display:none;width:100px;background:#fff;padding:10px;}
#kt_player{width:100% !important;height:600px !important;}
.short2 a{font-size:16px;}
.short1 a:hover,.short2 a:hover{text-decoration:underline!important;}
.short2{padding-top:5px;border:1px solid #d4eaff;margin-left:5px;float:left;width:48%;border-radius:3px;background-color:#FFF;margin-bottom:10px;position:relative;}
.short2tit{float:left;width:100%;height:50px;text-align:center;}
.short2tit a{color:#333;font-family:‘Helvetica Neue’, sans-serif;font-size:20px;font-weight:700;letter-spacing:-1px;line-height:1;text-align:center;text-decoration:none;}
.short2img{position:relative;overflow:hidden;width:100%;}
.short2img img{width:100%;-moz-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;}
.short2img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.eye{z-index:2;position:absolute;right:5px;top:15px;color:#000;opacity:0.6;background:#fff;padding-left:5px;padding-right:5px;}
.time{z-index:3;position:absolute;right:0;bottom:5px;color:#fff;opacity:0.6;background:#000;padding-left:5px;padding-right:5px; width:100%; padding:5px 0;} 
.time a {color:#fff;}
.time2{z-index:4;position:absolute;left:4px;  bottom:95px;opacity:0.7;} 
.time2 a {color:#fff;margin-left:1px;background:#000; display:block;padding-left:5px;padding-right:5px; float:left;}
.shct1{height:50px;float:left;padding-left:5px;}
.comment{font-size:13px;background:#dbefff;margin-left:40px;margin-right:40px;margin-top:20px;border-radius:10px;padding:20px;}
.news{text-align:justify; margin: 0 10px 0 10px}
.news h2{font-size:18px;color:#423b55;margin:0;padding:0;}
.text{margin-right:10px;float:left;width:100%;}
.text img{margin-bottom:20px; max-height:100vh; max-width:100wh;}
.brm{float:left;background:#f2f2f2;margin:20px 40px;  padding:2%;}
.brm h4,.cmm{font-size:16px;color:#423b55;margin-bottom:0;}
.cmm{margin-left:40px;margin-top:20px;}
.gl_razd{border:5px solid #d1d1d1;float:left;width:100%;border-radius:10px;height:247px;margin:20px 0;}
.gl_razd h3{margin-top:60px;margin-left:20px;font-size:35px;color:#117462;text-align:left;}
.gl_razd p{font-weight:700;margin-left:20px;width:250px;text-align:left;}
.limg{display:block;width:30%;float:left;background:url(/uploads/posts/2014-03/1395688942_0001.jpg) no-repeat;font-weight:700;background-position:left;font-size:16px;color:#003a74;padding:10px 0 10px 20px;}
.adcomchik{position:fixed;top:30%;left:-4px;opacity:0.6;}
.adcomchik:hover{left:0;opacity:1;}
.red{color:red!important;font-weight:700;}
.searchform{margin-top:5px;width:100%;float:left;padding:10px 0;}
.footm21enu{margin-right:-20px;width:400px;float:right;}
.sssior{text-align:center;background:#fff;font-size:16px;padding:20px;}
.sssior a{color:#000;font-weight:700;}
.v18{width:150px;height:50px;background:url(/uploads/posts/2015-02/1422958360_18.png) no-repeat;float:right;padding-left:60px;color:gray;margin-top:10px;}
.linkocat{float:left;height:70px;font-size:12px;margin-top:-10px;background-color:#e8f8ff;padding:10px;}
.linkocat p{text-align:justify;}
.logo a:hover,.cat233 a:hover{font-weight:400;}
.block{float:left;width:100%;}
.ooops{font-size:12px;text-align:justify;padding-right:10px;}
.navi{background:url(../images/catbg.jpg);width:97%;padding:10px;}
.floating{width:200px;background:#fff;padding:10px;}
.fixed{display:block;position:fixed;top:20px;z-index:99;}
.title_spoiler{background:#96ff91;border-radius:10px;clear:both;padding:10px;}
.title_spoiler a{font-weight:700;}
.qcom{float:left;background:#423b55;color:#fff;margin-top:0;border-radius:20px;padding-top:5px;text-align:center;height:25px;width:30px;margin-right:15px;}
.ero_main{float:left;margin-top:20px;text-align:justify;font-size:13px;margin-bottom:20px;}
.ero_main img{border-radius:100px;border:2px solid #f2f2f2;}
.img_left{margin-right:15px;float:left;}
.img_right{margin-left:15px;float:right!important;}
.eros1,.eros2{width:40%;float:left;border-radius:40px;background:#f2f2f2;margin:5px;}
.pads{padding:20px;}
.pads h3{font-size:18px;}
.wes{margin-top:20px;float:left;width:100%;}
.pads ul li{font-size:16px;padding:10px;}
.shortopis{position:absolute;bottom:60px;width:90%;z-index:100;background:#1a1b1e;font-size:10px;display:none;color:#868a7c;padding:5%;}
.short2:hover .shortopis{display:block;opacity:0.9;}
.title_spoiler img{width:40px;}
.ccatl2{position:absolute;z-index:2;bottom:20px;left:19%;background:#000;opacity:0.7;padding:5px;}
a:hover,.logo a,.block a:hover{text-decoration:none;}
.page{margin:0px auto; position:relative;}
.backd{box-shadow: 0 0 10px rgba(0,0,0,0.5); background:#fff; width:100%; position:absolute; z-index:100 !important;}
.footer {float:left; margin-top:50px; margin-bottom:40px; width:100%;}
.short1 img,.header .logo,.short2img,.relat123,.dalee{float:left;}
.f_textarea,.relat123,.dalee img,.ccatl1 img{width:100%;}
.ccsm,.ooops,.teasernet,.comm{float:left;width:100%;}
.eros2,.fastis{float:right;}
.hideme {display:none;}
.searchmain {text-align:center;width:40%; margin: 0 auto; margin-top:5%;}
.searchfield {padding:10px; }
.kontur{float:left;border-radius:10px;margin-top:20px;margin-bottom:20px;border:1px dashed #06c;padding:20px;}
.dalee h1{text-align:center;}
.lbl{width:46%;float:left;margin:5px;}
.rbl{width:46%;float:right;}
.quote{background:#fff;margin-left:45px;border-left:3px solid #06c;padding:10px;}
.dle-alert{background:#dbefff;border-radius:20px;margin:10px;padding:20px;}
.ui-dialog{background:#fff;border-radius:20px;padding:20px;}
.svoya1{float:left;margin:1px;}
.histors{margin-top:11px;font-size:10px;float:left;font-style:italic;}
.mname{width:100%;text-align:center;float:left;margin-top:10px;height:30px;overflow:hidden;}
.mname a{font-size:20px;}
.mimg img{border-radius:50px;border:5px solid #423b55;}
.mh{width:200px;float:left;margin:10px;}
.hideme{display:none;}
.menu{display:block;}
.menu li{display:block;float:left;width:100%;}
.menu li a{font-weight:normal; display:block;-webkit-transition:all .2s ease-in-out 0;-moz-transition:all .2s ease-in-out 0;-o-transition:all .2s ease-in-out 0;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out 0;background-position:7px 17px;text-decoration:none;color:#003a74;font-size:17px;padding:10px 10px 10px 30px;}
.menu li a:hover,.menu li:hover > a{color:#fff;background:#423b55;}
.menu ul{display:none;width:100%;position:absolute;top:43px;left:0;background:#fff;margin:0;padding:0;}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0;}
.menu ul li a{font-size:12px;font-weight:400;display:block;color:#797979;border-left:3px solid #fff;background:#fff;}
.menu ul li a:hover,.menu ul li:hover > a{background:#f0f0f0;border-left:3px solid #9CA3DA;color:#797979;}
.mobile-menu{display:none;float:left;width:98%;background:#06C;text-align:center;color:#fff;text-transform:uppercase;font-weight:600;padding:2%;}
.mobile-menu:hover{background:#423b55;color:#fff;text-decoration:none;}
.topchiks {width:100%; float:left;}
.topchik {width:150px;float:left; text-align:center;}
.topchikimg {  text-align:center; height:100px; width:100px; overflow:hidden;border-radius:25px; border:2px solid #f2f2f2; position: relative;}
.topchikimg img { width:180px;  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.topchiktext {  height:80px; width:140px; display: table-cell; vertical-align: middle;}
.zagolovok {font-size:18px; display:block; width:100%; float:left; }
.searchfield {width:100% !important;}
.image-counter {position: absolute; margin: 10px;padding: 5px 10px;color: #FFF;font-size: 18px;background-color: rgba(28, 9, 41, 0.6);}
.catlink {text-align:center;background-color:#423b55; color:#fff; padding:8px; border-radius: 0 0 5px 5px; font-weight:bold; position:absolute; bottom:0px;}
.catmentumb img {border-radius:5px; width:100%; height:100%; position:ralative;}
.itemcatsmotrt{ position:relative;  float:left; 
    margin: 5px; 
    width: 300px; 
    height: 300px;
}
.ugl
{
    position:absolute; 
    border-top: 100px solid #fff;
    border-right: 100px solid transparent;
}
.itemcatsmotrt:hover .viewnewscount  { display:none;}
.itemcatsmotrt:hover .catlink  { background-color:#000;}
.itemcatsmotrt:hover .ugl  { display:none;}
.viewnewscount { position:absolute;  top:10px; left:10px;     top:0;  font-size:20px; color:#333;  z-index:5; }
.menugg {position:relative;  padding: 10px; }

.menu-triger {
    display: block;
    width: 25px;
    height: 17px;	
    position: absolute;
    left: 15px;
    top: 28px;
    font-size:30px;
    color:#423b55;
}	

.menu-close {
    display: block;
    width: 28px;
    height: 28px;	
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    color:#fff;
}

.menu-popup {
    display: none;	
    background: #312944;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    padding: 30px;
    z-index: 1999;	
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    margin-left:50px;
}
.menu-popup ul {
    margin: 0;
    padding: 0;
}
.menu-popup li {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 19%; display: inline-block;
}
.menu-popup li a {
    font-size: 18px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    line-height: 1.4;	
    text-decoration: none;
}
.menu-popup li a:hover {background-color:#001122; }
.body_pointer * {
    cursor: pointer;
}