@-webkit-keyframes myanim{
    0%{
		background-image: url(../images/ruh-jambyl.png);
		display:block; width:130px; height:126px;
	}
    25%{
		-webkit-transform:rotateY(180deg);
	}
    50%{
		background-image: url(../images/logo-jambyl.png);
		display:block; width:130px; height:126px;
	}
    100%{
		background-image: url(../images/ruh-jambyl.png);
		display:block; width:130px; height:126px;
	}   
}

@font-face {
  font-family: 'Ubuntu';
  src: url('../font/Ubuntu.eot');
  src: url('../font/Ubuntu.woff2') format('woff2'),
       url('../font/Ubuntu.woff') format('woff'),
       url('../font/Ubuntu.ttf') format('truetype'),
       url('../font/Ubuntu.svg#Ubuntu') format('svg'),
       url('../font/Ubuntu.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
html,
body {
	height: 100%;
}
body{
	color:#000; line-height:1.4;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	background-color:#fafaf2;
    background-image: url('../images/bg-fon.png');
}
h1, h2, h3, h4, h5, h6 {
    color: #000; font-weight:normal;
}
*{
	padding:0; margin:0;
}
img{
	border:none;
}
input{
   outline:none;
}
a{
	text-decoration:none; outline:none;
}
p{
    padding:0; margin:0;
}
.clr{
	clear:both;
}
.ux-menu a:hover{
    background-color: #ec9575!important;
}
.ux-menu-item162 a{
    border-bottom: 5px solid #2c439c!important;
}
.ux-menu-item162 a:hover{
    background-color: #86a4c5!important;
}
.ux-menu-item106 a{
    border-bottom: 5px solid #d7238a!important;
}
.ux-menu-item106 a:hover{
    background-color: #86a4c5!important;
}
.ux-menu-item113 a.ux-menu-link-parent:before {
  content: url("../images/arrow-menu-list.png") !important;
  top: 0px !important;
  bottom: 0px !important;
  position: relative !important;
  display: inline-block !important;
  line-height: 0px !important;
}

.ux-menu-item113 a.ux-menu-link-last .ux-menu-arrow{
  display:none!important;	
}
   
.ux-menu-item113 a.ux-menu-link-parent {
  font:0/0 a !important;
  }
/*  ШАПКА  */
.top-bar{
	height:50px;
    width:100%;
	background:#e8ebf0;
}
.top-bar-container{
	    width:1200px; margin:0 auto; padding:3px 0px 3px 0px; overflow:hidden;
}
.top-bar-left{
	float: left;
}
.top-bar-right{
	float: right;
}
/*Язык в шапке*/
.lang-head{
   margin: 3px 0 0 0px; float: left;
}
.lang-active{
    background-color:#2c439c; border-radius:5px;
}
.head-soc{
    margin-top:2px; float: left;
    margin-right:20px;
}
.head-soc img{
	margin-left:10px; vertical-align: middle;
}
/* Версия для слабовидящих */
.uk-panel{
    float:left;
    margin:0 20px 0 0;
}
.sscf-popup {
        height:40px;
        padding: 0 10px; background: url(../images/eye.png) left center no-repeat;
        border: 0; color: #333; line-height: 18px; font-size:13px;
        padding-left: 45px; cursor: pointer; outline:none;
}
.sscf-popup:hover {
        text-decoration: underline;
}
/*  ШАПКА  */
    .header{
		background-color:#2c439c; /*height:160px;*/
        background-image:url("../images/bg-header.png");
        background-size:600px 600px;
	}
	.header-container{
	    width:1200px; margin:0 auto; padding:10px 0px 10px 0px; overflow:hidden; position:relative;
		z-index: 2;
	}
    .header-center{
        overflow:hidden;
    }
    .logo-ruh{
       background-image: url(../images/ruh-jambyl.png); display:inline-block;
       width:130px; height:126px; -webkit-animation: myanim 7s;
    }
		.logo img{ 
            margin-left:15px;
		}
.site-logo{
    text-align: center;   
}              		
.site-name{
    /*margin-top:25px;*/
}	
	.site-name h1{
    color:#fff; font-size:20px; font-style:italic;
    }
.site-name p{
    font-size:20px; color:#ffcd7d; text-align:right;
    margin:0px 0 0 30px; font-style:italic;
    
}
.info-text p{
    line-height:24px; color:#333;   
}
.search{
			overflow:hidden; float:right; margin-left:40px;
		}
			.search input{
				float:left; outline:none;
			}
			.search-txt{
				width:190px; height:26px; padding:6px 10px 6px 10px; font-weight:100;
	            font-size:15px; color:#888;  border: 0; border:1px solid #32ac9f; border-radius: 5px 0 0 5px;
				
			}
			.inputbox{
				width:190px; height:26px; padding:4px 10px 4px 10px; font-weight:100;
	            font-size:15px; color:#888;  border: 0; border:1px solid #333; border-radius: 5px;
			}
            .search-icon{
				background:#0686a2 url(../images/search-ico.png) no-repeat center center; width:50px; height:40px; 
				border: none; cursor: pointer;
			}
			.search-icon:hover{
				 background-color:none;
			}
			.button{
				background:url(../images/search-ico.png) no-repeat center center; width:50px; height:36px; 
				border: none; cursor: pointer;
			}		
/* TOP MENU */            
	.top-menu{
        background:#fff;
        box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
		}
     .top-menu-container{
        width: 1200px; margin: 0 auto 0 auto;
        height:70px;
		}    
 .menu{
   overflow:hidden;
     }     
     .menu li{
   float:left;
   position:relative;
   width:48%;
   margin:20px 0 0 15px;
   list-style:none;
     }
   .menu li a{
   background-color:#2c439c;
   height:280px;
   line-height:280px;
   display:block;
   text-align:left;
   font-size:28px;
   color:#ffcd7d; 
   text-align: center; border-radius:10px;
   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
} 
.menu li a:hover{
    background-color:rgba(68,26,5,0.7);
}
.menu li a .image-title{   
   color:#ffcd7d; font-size:24px; font-weight:bold; line-height:30px;
   display: inline-block; vertical-align:middle;
}
.nav-menu-img{
   position:absolute;
   top:12%; right:43%; 
}
.menu li a img{
   position:absolute;
   top:12%; right:43% 
}
/*MENU BLOCK*/
.menu-block{
   overflow:hidden;
}
.menu-block li{
   float:left;
   position:relative;
   width:31.9%;
   margin:15px 0 0 10px;
   list-style:none; 
}
 .menu-block li a{
   background-color:#0686a2;
   background-image: url("../images/bg-header.png");
   background-size:400px;
   height:160px;
   line-height:160px;
   display:block;
   text-align:center;
}
.menu-block li a:hover{
    background-color:#31abcc;
}
.menu-block li a .image-title{   
   color:#fff; font-size:20px; font-weight:bold; line-height:30px;
   display: inline-block; vertical-align:middle;
}
.menu-block li a .image-title:hover{
   color:#ffd400; 
}
.menu-block li a img{   
   position:absolute; top:15px; left:15px;
}
/*MENU BLOCK*/    
	.slider-container{
		width:1280px; overflow:hidden; margin:10px auto 0px auto;
	}		
.carousel-container {
  position:relative;
  width:1280px;
  background-color:#daedff;
  background-image: url("../images/carousel-fon.png");
  background-position: 0px 0px;
  top: 0;
  right: 0;
  z-index:0;
}
.carousel-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 365px;
  z-index:0;
  background-color: #fff;
  opacity: 0.5;
}
.leftButton {
  position:absolute;
  bottom:33px;
  left:220px;
  cursor:pointer;
  background: #0686a2 url(../images/icon-left.png) no-repeat;
  height:50px; width:50px; background-position: 14px 13px; border-radius:4px;
  z-index:55;
}
.rightButton {
  position:absolute;
  bottom:33px;
  right:220px;
  cursor:pointer;
  height:50px; width:50px;
  background: #0686a2 url(../images/icon-right.png) no-repeat;
  background-position: 18px 13px; border-radius:4px;
  z-index:55;
}
	.blog-main{
		
	}
   .blog-main div{
        margin-bottom:15px; background:#fff; padding: 15px 20px 15px 20px;
        border:1px solid #d8d8d8; line-height:0;
   }
.beg-str{
    height:35px; background:#d0351d;
	width:1280px; margin: 10px auto 0 auto;
}
.beg-str p{
    color:#fff; font-size:16px; font-weight:bold; padding: 7px 0 0 7px;
}
.header-page-title,.page-map{
    width:1200px; margin:0 auto; overflow:hidden;
}	
.content-main, .carousel-main{
	width:1200px; margin:15px auto 20px auto; overflow:hidden;
    min-height:100%; height: auto !important; height:100%;
}
    .content{
       background:#fff; overflow:hidden;
    }
	
/* Этносы */
.map-block{
   max-width:1200px; margin:20px auto 20px auto;
   position:relative;
}	
.map-img{
   text-align:center; line-height:0;	 
}
#myCanvas{
   position:absolute; top:0; left:0;	
}
/* Этносы */
	
/*Блоки на Главном*/
.carousel-main{
	background:#fff; height:200px;
}
.carousel-content{
    position:relative; padding:10px 0 10px 0; background:#fff;
}
.footer{
	background:#2c439c;
}
.footer-main{
	width:1200px; margin:0 auto;
    font-size:15px; color:#fff; overflow:hidden; padding:60px 60px;
}
    .ftr-info p{
        text-align:center;
    }
	.social{
		position: absolute; top:37px; left:47%; text-align:center;
	}
		.social img{
			margin:0 5px;
		}
.copy-main{
        width:1280px; margin:0 auto; position:relative;
        font-size:14px; color:#959595; overflow:hidden; padding:40px 0 40px 0;
		text-align:center; border-top:1px solid #9e9e9e;
     }
    .read-more-category{
       display:block; position:absolute; top:0; right:0;
       }	

/*   СПИСОК СТАТЕЙ   */
/*Последние записи*/
.last-content{
    width:920px; overflow:hidden; background:#fff; margin-top:20px;
    padding:0 0 20px 0;
}
.last-block-main{
    background:#fff; overflow:hidden;
}
.last-block-main h1{
    font-size:24px; font-weight:bold; line-height:32px;
	text-transform:uppercase; margin:20px 0 20px 20px; color:#000;
}
.last-post{
   overflow:hidden; padding: 0 0 15px 0px;
}
.last-post>div{
   float:left; width:30%; margin:0 0 30px 20px;
}
.last-post>div h3{
   font-size:16px; font-weight:bold; margin:15px 0 20px 0; line-height:20px; color:#000; width:250px; text-decoration:underline;
}
.last-post>div img{
   max-width:100%;
}
.last-post>div a{
   color:#000; display:block;
}
.last-post>div a:hover{
   color:#009688; 
}
.last-post-top{
   font-size:14px; font-weight:700; color:#fff; position:absolute; left:0; top:0;
   padding: 7px 0 0 7px; overflow:hidden; z-index:3;
}
.last-post-top-date{
	background: url("../images/date-ico.png") 0 1px no-repeat;
    padding-left: 25px; margin-bottom:7px;
}
.last-post-footer-views {
     
}
.last-post-footer-views span {
    background: url("../images/view-ico.png") 0 0 no-repeat; 
    padding-left: 26px; font-size:14px;
}
/*Новости на главном*/
.last-news{
    overflow:hidden;
    margin-bottom:10px;	
}
.last-news-main{
    background:#fff; overflow:hidden; padding-bottom:20px;
}
.last-news-head, .last-video-head{
    overflow:hidden; margin:15px 0px 15px 0px;
	position: relative; z-index: 1;
}
.last-news-head .last-news-ico{
   background:url(../images/news-ico.png);
   width:23px; height:23px; display:block; margin:0 auto; 
}
.last-news-head h1, .last-news-cat{
	color:#333; text-transform:uppercase; font-weight:bold; font-size:18px;
    padding:0 20px 0 42px; height:40px; line-height:40px; text-align: center;
}
.last-video-head h1, .last-video-cat{
    float:left;
	background:#0686a2 url(../images/video-ico.png) no-repeat left;
	background-position:10px 10px;
	color:#fff; text-transform:uppercase; font-weight:bold; font-size:15px;
    padding:0 20px 0 35px; height:40px; line-height:40px;
}
.last-news-block{
    position:relative; /*overflow:hidden;*/
}
/*
.last-news-block>div{
   float:left; width:31.2%; margin:0 0 30px 15px; height:280px; position:relative;
}
*/
.last-item-video{
	float:left; width:31.2%; margin:0 0 30px 15px; /*height:280px;*/ position:relative;
}
.last-news-block>div h3{
   font-size:16px; font-weight:700; margin:0 0 10px 0; line-height:20px; color:#fff;  padding:5px 10px 10px;
   overflow:hidden; width:290px; max-height:53px; position:absolute; bottom:0; left:0;  z-index:100;
   text-transform:uppercase;
}
.last-news-block>div img{
   width:306px; height:224px;
}
.last-news-block>div a{
   display:block;
}
.img{
   position:relative; line-height:0;	
}
.last-news-item{
  float:left; width:32%; position:relative;
  margin: 0 0 15px 9px;
  
}
.img:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%; height:100%; border-radius:8px 8px 0 0;
  background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
  z-index: 2;
}
.img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%; height:100%; border-radius:8px 8px 0 0;
  background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), transparent 100%);
  z-index: 2;
}
.last-news-block>div a span.date{
  position:absolute; left:-7px; bottom:7px; font-size:13px; font-weight:bold; display:inline-block;
  background:#339933; color:#fff; padding:0 10px; height:30px; line-height:31px;
}
.lenta-block{
    float:right; width:280px; background:#ddd; height:300px;
}
.more-link-block{
    text-align:center;   
}
.more-link{
   display:inline!important; color:#fff; border-radius:25px;
   background:url(../images/arrow-right.png) no-repeat 92% center #194f8a; padding:8px 30px 10px 15px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
}
.more-link:hover{
   background-color:#bf3795;
}
.read-more{
   border-radius:3px; display:none; float:right;
   background:#0686a2;
   font-weight:600;
   color:#fff;
   font-size:16px;
   padding:0 20px;
   height:40px;
   line-height:40px;
   -moz-transition: all 0.3s 0.01s ease;
   -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
}
.read-more:hover{
   background:#31abcc; color:#ffd400;
}
/*  BLOG  */
.header-page-title{
    background-color:#194f8a;
	text-align:center; padding:30px 0; margin-top:15px;
}
    .header-page-title h1{
        color:#fff; font-size:23px;   
    }
.page-map{
   font-size:15px; padding:15px 0 15px 0;
   background:#fff;
}
.page-map p{
   margin-left:20px; 
}
    .page-map a{
        color:#2c439c; font-weight:bold; text-decoration:none; 
    }
    .page-map a:hover{
        text-decoration:underline; 
    }
    .page-map span{
        color:#333;
    }
.categories-list{
    overflow:hidden;	
}	
.categories-list div{
    float:left; width:31%; margin:0 0 30px 20px; height:240px; overflow:hidden;
    background-color:#2c439c; border-radius:5px; position:relative;
}
.categories-list div img{
    width:100%; height:240px;
   -moz-transition: all 1s ease-out;
   -o-transition: all 1s ease-out;
   -webkit-transition: all 1s ease-out;
   transition: all 1s ease-out;
   filter:brightness(70%);
   z-index:2;	
}
.categories-list div img:hover{
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);	
}
.categories-list div span.nat-title{
    font-size:23px; color:#FFC107; font-weight:bold;
	position: absolute; top: 40%; left: 0; width:100%;
	text-align:center;
}
.content-blog{
	padding:30px;
}    
.articles{
    overflow:hidden; float:left;
	width:31%; margin-left:20px;
}
.articles-header{
    margin-bottom:20px;
}
.articles h1{
        font-size:20px; position:relative;
     }
     .articles h1 a{
        color:#fff; text-decoration:none; background-color:#8a493c;
		background-image:url("../images/bg-nat.png"); background-repeat: no-repeat;
        background-position: bottom right; height:160px; line-height: 160px;
		display:block; border-radius:5px;
        -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
     }
	 .articles h1 a:hover{
	    background-color:#2c439c;
     }
.bottom-line-h a span{
    line-height:24px; margin-left:20px; margin-right:20px;
    display: inline-block; vertical-align:middle;
}
    .articles-gen-img{
        float:left; margin-right:20px; position:relative; width:35%;
    }
    .articles-gen-img img{
        width:315px; height:210px; display:block;
    }
    .articles-gen-img img:hover{
        opacity:0.6; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear;
    }
        .articles-gen-img p{
           position:absolute; left:0; top:0; font-size:14px; font-weight:bold; display:inline-block;
           background:#f26c4f; color:#fff; padding:0 10px; height:35px; line-height:35px; border-radius:5px;
        }
        .articles-gen-img p span{
           display:block; font-size:24px; line-height:1; 
        }
.article-footer{
    font-size:14px; color:#000; overflow:hidden;
    margin:20px 0 0 0; 
}
.article-footer span.article-meta span{
    margin-right:15px;
}
    .article-footer span.article-meta{
        padding: 10px 0 0px 0px; float:left; margin:0;
    }
.article-meta span.article-meta-view img,.article-meta span.article-meta-date img{
    margin-right:8px; vertical-align:middle; margin-top: -3px;
}
.article-meta span.article-meta-date{
	font-size:14px; color:#999; font-weight:bold;
}
.article-meta span.article-meta-view{
	font-size:14px; color:#999; font-weight:bold;
}
        .article-footer a{
            color:#fff; text-decoration:none;
        }
.video-footer{
    font-size:14px; color:#000; overflow:hidden; margin-left: 10px;
}
.video-footer span.video-meta span{
    margin-right:15px;
}
    .video-footer span.video-meta{
        float:left; margin:0;
    }
.video-meta span.video-meta-view img,.video-meta span.video-meta-date img{
    margin-right:8px; vertical-align:middle; margin-top: -3px;
}
.video-meta span.video-meta-date{
	font-size:14px; color:#555; font-weight:bold;
}
.video-meta span.video-meta-view{
	font-size:14px; color:#555; font-weight:bold;
}		
.pager{
    overflow:hidden; margin-top:20px; clear:both;
}
.pager li{
    float:left; list-style:none;
}
.pager li a{
    background:#194f8a; color:#fff; display:block; padding:9px 16px; font-weight:600;
	text-decoration:none; font-size:15px; margin:0 5px 0 0; border-radius:20px;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}
.pager li a:hover{
    color:#fff; background-color:#a6ce39;
}
.pager li a.now{
    color:#fff; background:#a6ce39;
}
.pager li a.now:hover{
    color:#fff; background-color:#a6ce39;
}
.pager li a.pager-dot{
    border:none;
}
.post-single{
    background:#fff; padding: 30px 40px 30px 40px;
}
.post-single-head{
    overflow:hidden; margin-bottom:20px;
}
.post-single-head h1{
    font-size:30px; margin-bottom:20px; font-weight:600;
}
.post-single-head img{
    vertical-align:middle;
}
.post-single-head p{
    position:absolute; top:0; left:0; font-size:14px; background:#008141;
    color:#fff; text-transform:uppercase; padding:10px; text-align:center;
}
.post-single-head p span{
    display:block; font-size:24px; line-height:1;
}
.post-single-meta{
    float:left; font-size:14px; color:#999; margin-top:10px;
}
.post-single-meta span{
    margin-right:20px; font-weight: bold;
}
.post-single-meta span.post-meta-view img, .post-single-meta span.post-meta-comments img{
    margin-right:8px; vertical-align:middle; margin-top:-3px;
}
.post-single p{
   margin:0 0px 20px 0px; line-height:24px; font-size:18px; text-align: justify;
}
.post-single p a{
   color:#0686a2;
}
.post-single p img{
   max-width:100%;
}
.yandex-social{
   float:right;
}
.ya-share2__icon{
	width: 36px!important;
	height: 36px!important;
	background-size: 36px 36px!important;
}
.pages-single-head h1{
    font-size:30px; margin-bottom:20px;
}
/*  ПОХОЖИЕ ЗАПИСИ  */
.related-post-main{
    background:#fff; overflow:hidden; position:relative; margin-top:10px; border:1px solid #d8d8d8;
}
.related-post-main h1{
    font-size:21px; font-weight:bold;
    margin:20px 0 20px 20px; color:#000;
}
.related-post{
   overflow:hidden; padding: 0 0 20px 0px;
}
.related-post>div{
   float:left; width:31%; margin:0 0 0 15px; position:relative; background:#ebebeb; padding-bottom: 15px;
}
.related-post>div h3{
   font-size:16px; font-weight:700; margin:15px 0 15px 0; line-height:20px;
   color:#000; height:60px; overflow:hidden; padding:0 10px;
}
.related-post>div img{
   max-width:100%;
}
.related-post>div img:hover{
   opacity:0.6; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; 
}
.related-post>div a{
   color:#000; display:block;
}
.related-post>div a:hover{
   text-decoration: underline;
}
.related-post>div div{
  
}
.rel-img{
  line-height:0;	
}
.related-post>div p{
   max-width:100%;
}
.related-post-meta{
   font-size:14px; color:#000; background: #ebebeb;
   padding: 10px 8px 10px 8px; overflow:hidden;
}
.related-post-footer-item-date{
    display: inline-block;
    margin-left: 10px;
    font-size:14px;
	font-weight:bold;
    color: #555;
}
.related-post-footer-item-date img{
    margin-right:5px;
    vertical-align:middle;
    margin-top: -2px;
}    
/*  ПОХОЖИЕ ЗАПИСИ  */

/* VIDEO */
.video-item{
  float:left;
  width:31.2%;
  position:relative;
  margin: 0 0 20px 15px; 
}
.video-item-bg{
  background:#deeaf7; padding-bottom: 15px;	 
}
.video-block-main{
    background:#fff; position:relative; padding: 20px 0 10px 0;
}
.video-block{
	overflow:hidden;
}
.video-block>div div{
  
}
.video-block-img {
	display:block; line-height:0;
}
.video-block-img img{
	width:100%;
    height: 210px;
}
.video-block-title h3{ 
    font-size:17px; font-weight:700; margin:15px 0 15px 0; line-height:20px;
    height:60px; overflow:hidden; padding: 0 10px;
}
.video-block-title h3 a{
	color:#194f8a;
}
.video-block-title h3 a:hover{
	color:#bf3795;
}
.list-block-main{
	overflow:hidden; background:#fff; padding:30px 30px 10px 30px;
	border-bottom:1px solid #ddd;
}
.list-item{
	margin-bottom:20px;
    background: url(../images/bullet.png) no-repeat; padding-left:30px;
    background-position: 0 10px;
}
.list-item-img{
	float:left;
	margin-right:20px;
}
.list-item-img img{
	display:block;
}
.list-item-title h3{ 
    font-size:17px; font-weight:700;
}
.list-item-title h3 a{
	color:#194f8a;
}
.list-item-title h3 a:hover{
	color:#bf3795;
}
/*Кнопка наверх*/
#top {
  background:#8a493c url(../images/icon-up.png) no-repeat center;
  background-position: 17px 21px;
  border-radius:50%;
  width:60px;
  height:60px;
  position: fixed;  
  bottom: 140px;
  right: 20px;
  display: none;
  cursor: pointer;
}
#top:hover{
  background-color:#2c439c;
}
.blog-ruk-link{
   border-radius:3px; display:block; margin-top:10px;
   border:1px solid #0686a2;   
   font-weight:600; color:#000; font-size:16px; padding:8px 30px 9px 20px;
  -moz-transition: all 0.3s 0.01s ease;
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;	
}
.blog-ruk-link:hover{
   background-color:#0686a2; color:#fff;
}
.banners{
   margin-top:10px; background:#fff; padding:15px 20px 5px 20px; text-align:center;	
}
.banners div{
	margin-bottom:10px;
}
/*ANIMATE*/
/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
.overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.overlay span.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 50px;
    height: 50px;
    border: solid 5px #f39c12;
    text-align: center;
    color: #f39c12;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    border-radius: 50%;
}
    
span.expand{
  display: block;
  position: absolute;
  z-index: 100;
  width: 100px;
  height: 100px;
  background:url(../images/hover-ico.png) no-repeat;
}
.articles h1.hover .overlay {
  opacity: 1;
}
.articles h1.hover .overlay span.expand {
  top: 0;
  bottom: 0;
  left: 30px;
  right: 0;
  margin: auto;
}

/* calendar */
.calendar-title {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #0686a2;
    height: 40px; line-height:40px;
    padding: 0px 0 0 15px;
}
.calendar-title span {
	background:#0686a2 url(../images/calendar.png) no-repeat left;
	background-position:0 0;
	padding-left:25px;
}
/* Блоки */
.service{
    padding:0 20px 20px 20px;
}
.service img{
    width: 100%; border: 5px solid #ff9800;
    box-sizing:border-box;
}
.last-block-item a{
   display:block;
   text-align:center; 
}
.last-block-item img{
    max-width: 100%;  
}
.category-title{
   color:#fff; font-size:22px; font-weight:bold; position:absolute; top:50%; left:0; right:0;
   z-index: 100;
}
.category-title-photo a{
   color:#fff; font-size:22px; font-weight:bold; position:absolute; top:43%; left:0; right:0;
   z-index: 100;  
}
.category-vid-img, .category-daidjest-img, .category-photo-img{
   position:absolute; top:15px; left:15px; z-index:3;
}
.category-vid-img span{
   background: url("../images/video-gal.png") no-repeat;
   display:block; width:55px; height:41px;
}
.category-daidjest-img span{
   background: url("../images/daidjest.png") no-repeat;
   display:block; width:55px; height:43px; 
}
.category-photo-img span{
   background: url("../images/photo-gal.png") no-repeat;
   display:block; width:55px; height:40px; 
}     
.block-img{
   line-height: 0; position: relative; 
}
.block-img:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%; height:100%;
  background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
  z-index: 2; 
}
.block-img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%; height:100%;
  background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), transparent 100%);
  z-index: 2;
}
/* Блоки */