@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Light'), local('../fonts/OpenSans-Light'), url('../fonts/opensanslight.woff2') format('woff2'), url('../fonts/opensanslight.woff') format('woff'), url('../fonts/opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/../fonts/Open Sans Light Italic'), local('../fonts/../fonts/OpenSansLight-Italic'), url('../fonts/../fonts/opensanslightitalic.woff2') format('woff2'), url('../fonts/../fonts/opensanslightitalic.woff') format('woff'), url('../fonts/../fonts/opensanslightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans'), local('../fonts/OpenSans'), url('../fonts/opensans.woff2') format('woff2'), url('../fonts/opensans.woff') format('woff'), url('../fonts/opensans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Italic'), local('../fonts/OpenSans-Italic'), url('../fonts/opensansitalic.woff2') format('woff2'), url('../fonts/opensansitalic.woff') format('woff'), url('../fonts/opensansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Semibold'), local('../fonts/OpenSans-Semibold'), url('../fonts/opensanssemibold.woff2') format('woff2'), url('../fonts/opensanssemibold.woff') format('woff'), url('../fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Semibold Italic'), local('../fonts/OpenSans-SemiboldItalic'), url('../fonts/opensanssemibolditalic.woff2') format('woff2'), url('../fonts/opensanssemibolditalic.woff') format('woff'), url('../fonts/opensanssemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Bold'), local('../fonts/OpenSans-Bold'), url('../fonts/opensansbold.woff2') format('woff2'), url('../fonts/opensansbold.woff') format('woff'), url('../fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Bold Italic'), local('../fonts/OpenSans-BoldItalic'), url('../fonts/opensansbolditalic.woff2') format('woff2'), url('../fonts/opensansbolditalic.woff') format('woff'), url('../fonts/opensansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Extrabold'), local('../fonts/OpenSans-Extrabold'), url('../fonts/opensansextrabold.woff2') format('woff2'), url('../fonts/opensansextrabold.woff') format('woff'), url('../fonts/opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('../fonts/Open Sans Extrabold Italic'), local('../fonts/OpenSans-ExtraboldItalic'), url('../fonts/opensansextrabolditalic.woff2') format('woff2'), url('../fonts/opensansextrabolditalic.woff') format('woff'), url('../fonts/opensansextrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}


body {background: #00133f url("../images/bg-body.png") top center repeat-x; font: normal 14px "Open Sans", sans-serif; color: #333; margin: 0; overflow-x: hidden;}
ul {list-style: none;}

.show-grid {margin: 0 0 20px 0;}
.wrappers {}
.hidcont {overflow-x: hidden;}


/*--- шапка ---*/
.headers {display: block; overflow: hidden;}
.logo {background: url("../images/logo-no.png") 50% 50% no-repeat; height: 90px; color: #fbcd72; margin: 20px 0 0 0; float: left;}
.logo h1 {text-align: center; text-transform: uppercase; font-weight: bold; margin: 0; padding: 50px 0; font-size: 26px; color: #fbcd72;}


/*--- top menu ---*/
.topheader {background:#fbcd72; display: block; height: 50px; border-radius: 3px; position: relative; /*margin: 0 0 10px 0; */}
.topheader:before {content: ""; position: absolute; display: block; width: 100%; height: 38px; top: 50px; background: url("../images/shadow.png") 50% 50% no-repeat;}
nav{display:block;}
.menu{display:block; margin: 0; padding: 0;}
.menu li{display:inline-block;position:relative;z-index:100}
.menu li:first-child{margin-left:0}
.menu li a{font-size: 13px; font-weight:bold; text-transform: uppercase; text-decoration:none;padding:16px;display:block;color:#333;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}
.menu li a:hover,.menu li:hover > a{color:#333;background:#e8b44c}
.menu ul{display:none;margin:0;padding:0;min-width:150px;position:absolute;top:50px;left:0px;background:#e8b44c;}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0}
.menu ul li a{font-weight:600; text-transform: capitalize; display:block;color:#333;}
.menu ul li a:hover,.menu ul li:hover > a{background:#c39436; color: #fff;}
.menu li:hover > ul{display:block}
.menu ul ul{left:149px;top:0px}
.mobile-menu{display:none;width:100%;padding:11px;color:#fff;font-weight:600}
.mobile-menu:hover{color:#fff;text-decoration:none}


/*** arrows (for all except IE7) **/
.menu li .sf-with-ul {
	padding-right: 30px;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.menu li .sf-with-ul:before {
	content: '\f107';
	font-family: FontAwesome;
	position: absolute;
	right: 20px;
	top:18px;
	height: 0;
	width: 0;
}
.menu > li > .sf-with-ul:focus:before,
.menu > li:hover > .sf-with-ul:before,
.menu > .sfHover > .sf-with-ul:before {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.menu ul .sf-with-ul:before {
	content: '\f105';
}
.menu ul li > .sf-with-ul:focus:before,
.menu ul li:hover > .sf-with-ul:before,
.menu ul .sfHover > .sf-with-ul:before {
	border-left-color: white;
}

/*--- социальные кнопки ---*/
.socials {display:block; text-align:center; float:right;line-height: 32px; margin: 0 0 10px 0; overflow: hidden;}
.socials a {background: #b22727; color: #fbcd72; text-align:center; width:35px; height:35px; display:block; float:left; border-radius: 50%; margin: 0 0 0 10px;text-decoration: none;}
.socials a:first-child {margin: 0;}
.socials a:hover {background: #961a1a; color: #cd3333; text-decoration: none; -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;}

.socials a:before {font: normal normal normal 19px/35px FontAwesome;}
a.twit:before {content: "\f099"; }
a.faceb:before {content: "\f09a";}
a.vk:before {content: "\f189";}
a.odokl:before {content: "\f263";} 
a.mailpost:before {content: "\f1fa";}
a.insta:before {content: "\f16d";}

/*--- язык ---*/
.lansuga {display: block; overflow: hidden; margin: 20px 0;}
.lang {display: block; overflow: hidden; float: right;}
.lang a {display: block; width: 40px; text-transform: uppercase; text-align: center;background: #b22727; float: left; margin: 0 0 0 10px; padding: 10px 0; text-decoration: none; font-weight: 600; color:#fff; border-radius: 5px;}
.lang a:hover, .lang a.active {text-decoration: none; background: #194775; color: #fff;}

/*--- поиск ---*/
.search_box{float: left;max-width: 315px;}
.search_block{float:right; display: block; box-sizing:border-box; border-radius: 3px;}
.search_block_title{float: left; width: 100%; font-size: 45px; line-height: 50px; color: #fff; text-align: left;}
.search-box {border: 1px solid #c5c5c5;box-shadow: 1px 1px 2px rgba(175, 175, 175, 0.3) inset; border-radius: 3px;}
.search-box input[type="text"]{width: 100%; height:30px; display: block; overflow: hidden; line-height:35px;color:#333; font-style:italic; border:none; box-shadow: 2px 1px 2px rgba(175, 175, 175, 0.3) inset; outline: none; padding: 0 10px;}
.search-box input[type="text"]:focus {background: #fff;outline: none;}
.search-box button {position:absolute; right:0px; border:0; padding:0; text-align:center;width:30px; height:30px; line-height:32px;color:#9e9e9e;cursor: pointer; outline: none; background: none; -webkit-box-shadow:none; box-shadow:none;}
.search-box button [class*=" fa-"] {margin: 0;}
.search-box button:hover {color:#3a3d41;}

.search_box input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}
.search_box input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease; font-style: italic; font-size: 13px;}

/*--- слайдер ---*/
#slid > .item {width: 100%; height: 340px; overflow: hidden;}
#slid > .item img {height: 340px;}


.wraps {display: block; overflow: hidden; background: #fff; border-radius: 3px 3px 0 0; padding: 20px 0;}
.rightbars {display: block; overflow: hidden; background: #f9dd98; padding: 20px;}
.abizd h3, .newspost h3, .newstop h3 {margin: 0; display: block; border-bottom: 1px solid #333; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 0 0 5px 0;}
.abizd h3 a, .newspost h3 a {display: block; float: right; text-transform: lowercase; font:italic 14px Calibri; color: #a22931;}
.izdamain {padding: 20px 0 0 0;}
.itimg {display: block; float: left; margin: 0 15px 0 0;}



.zhuitimg {height: 170px; display: block; overflow: hidden;}
.zhuitimg img {height: 170px;}

.footer {display: block; overflow: hidden; background: #c22c2c; color: #fff;padding: 20px 0;}
.footer p {font-size: 13px;}

.novinka {padding: 20px 0 0 0; display: block;}

#rigCarousel .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
padding: 150px 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
#rigCarousel .carousel-control.left {
	
}
#rigCarousel .carousel-control.right {
  right: 0;
  left: auto;
}
#rigCarousel .carousel-control:hover,
#rigCarousel .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

#rigCarousel .item {height: 320px; overflow: hidden;}
#rigCarousel .item img {height: 320px;}


.newstt {display: block; overflow: hidden;margin: 20px 0 0 0;}
.newstt h2 {font-size: 14px; font-weight: 600;  margin: 10px 0;}
.newstt h2 a {text-decoration: none; color: #333;}
.newstt h2 a:hover {text-decoration: underline;}
.metadeta {font-size: 13px; color: #be3539;}

.boxshort {display: block; overflow: hidden; margin: 0 0 20px 0; /*border-bottom: 1px solid #999;*/ padding: 0 0 20px 0; box-shadow: 0 6px 4px -5px rgba(0, 0, 0, .2);}
.item-short-img {display: block; overflow: hidden; margin: 0 20px 0 0; width: 320px; height: 210px; float: left;}
.item-short-img img {height: 210px;}
.box_in {position: relative; display: block; height: 100%; overflow: hidden;}
.box_in h2 {margin: 0 0 10px 0; font-size: 21px; display: block; font-weight: 600;}
.box_in h2 a {color: #333; }
.meta-toolsh {position: absolute; bottom: 0; right: 0;}
.rate-short, .category-short, .detmeta-short {float: left; display: block; margin: 0 15px 0 0; color: #999; padding: 5px 0 0 0;}
.rate-short i, .category-short i, .detmeta-short i {margin: 0 5px 0 0;}
.btn-short {float: left; display: block; background: #194775; color: #fff; font-weight: 600; padding: 5px 10px; border-radius: 3px;}
.btn-short:hover {text-decoration: none; color: #333; background: #e0b64d;}
.detmeta-short {}
.detmeta-short span {margin: 0 15px 0 0;}
.category-short {}
.rate-short {}


/*--- Navigat ---*/
.bnnavi .navigation{border:none; text-align: center;margin: 20px 0;}
.bnnavi .navigation a:link, .bnnavi .navigation a:active,.bnnavi .navigation a:visited{background:#E5E5E5; border: 1px solid #BCBCBC; border-radius: 3px ; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #747474; font-size: 13px; font-weight: 600; padding: 5px 10px; text-shadow: 0 1px 0 #fff; text-transform: lowercase;}
.bnnavi .navigation a:hover{  background-color: #EFEFEF; color: #747474;}
.bnnavi .navigation span{background: #dab369; border-radius: 3px; box-shadow: 0 1px 3px rgb(150, 98, 0) inset, 0 1px 0 #fff; color: #fff; cursor: default; padding: 5px 10px; font-weight: 600;}


.box-fullstory {display: block; overflow: hidden; line-height: 23px;box-shadow: 0 6px 4px -5px rgba(0, 0, 0, .2); padding: 0 0 20px 0;}
.box-fullstory h2 {margin: 0 0 20px 0;font-size: 23px; font-weight: 600;}
.box-fullstory img {max-width: 100%;}
.box-fullstory img.fr-dii.fr-fil {margin: 5px 15px 15px 0 !important;}
.box-fullstory a {color: #c79926; text-decoration: underline;}
.fullstorys {display: block; overflow: hidden;}
.full_tools {display: block; overflow: hidden; padding: 5px 20px; background: #f9dd98; color: #333; margin: 10px 0 0 0;}
.meta-full {float: right;}
.meta-full div {padding: 0; color: #333;}
.meta-full div:last-child, .meta-full .detmeta-short span:last-child {margin: 0;}
.meta-full .detmeta-short span {color: #333;}

.articlerelated {padding: 20px; background: #f9f9f9;}
.articlerelated h4 {margin: 10px 0 20px 0; font-size: 16px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #999; padding: 0 0 10px 0;}

.big-reald .realnews {position: relative; overflow: hidden; height: 306px;}
.big-reald .capt-real {position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; z-index: 8; height: 80%; background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.7) 100%) repeat scroll 0% 0% transparent; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.big-reald a {}
.big-reald .imgreal {}
.big-reald .imgreal img {height: 306px;min-width: 100%;}
.big-reald b {position: absolute; bottom: 0; margin: 0; padding: 20px; width: 100%;}
.big-reald span {position: absolute; background: #246ab4; color: #fff; top: 10px; right: 20px; padding: 3px 10px; font-size: 13px; z-index: 99;}
.big-reald span i {display: none;}

.small-reald .realnews {display: block; overflow: hidden; margin: 0 0 20px 0;}
.small-reald .realnews:last-child {margin: 0;}
.small-reald a {}
.small-reald .imgreal {display: block; width: 90px; height: 60px; overflow: hidden; float: left; margin: 0 10px 0 0;}
.small-reald .imgreal img {height: 60px;}
.small-reald b {display: block;overflow: hidden; margin: 0 0 5px 0;}
.small-reald span {font-size: 13px; color: #999;}
.small-reald span i {margin: 0 5px 0 0;}

.comnbtm-col {display: block; overflow: hidden;background: #246ab4; color: #fff; margin: 0 0 20px 0;}
.addcom-btn {display: block; float: left; padding: 10px 20px; background: #f9dd98; color: #b59442; font-weight: 600; cursor: pointer;}
a.addcom-btn:hover {color: #333; text-decoration: none;}
.addcom-btn i.fa.fa-plus-square {margin: 0 5px 0 0;}
.heading {display: block; float: right;padding: 0px 20px; font-size: 13px;}


/*---Comments---*/
.comments{width: 100%; float: left; }
.comments_list{float: left; width: 100%;}
.comment_box{width: 100%; float: left; margin-bottom: 15px; padding: 20px; border-bottom: 3px solid #ebebeb; background: #f6f6f6; border-radius: 5px;}
.comment_info{float: left; width: 100%; font-size: 15px; line-height: 17px; color: #e8b116;}
.comment_info a{color: #e8b116;}
.comment_text{float: left; width: 100%; font-size: 14px; line-height: 20px; color: #5D5D5D; text-align: justify; margin-top: 10px; background-color: #f6f6f6; padding: 10px; border-radius: 3px;}
.comment_text a{color: #3C76C2;}
.comment_avatar {float: left; margin: 10px 10px 0 10px; position: relative;}
.comment_avatar img {width: 50px; /*height: 36px;*/}
.comment_user {float: left; margin: 15px 0 0 15px;}
.comment_meta{float: right; margin: 10px 15px 0 0;}
.comment_meta ul{list-style: none; float: left; width: 100%; font-size: 15px;}
.comment_meta ul li{float: left; margin-right: 10px;}
.comment_meta ul li:last-child{margin: 0px;}
.comment_rating{float: right; margin: 9px 0 0 0; color: #2b2d31; border: 1px solid #ebebeb; border-radius: 5px;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FBFBFB), to(#EAEAEA));
    background-image: -webkit-linear-gradient(top, #FBFBFB, 0%, #EAEAEA, 100%);
    background-image: -moz-linear-gradient(top, #FBFBFB 0%, #EAEAEA 100%);
    background-image: linear-gradient(to bottom, #FBFBFB 0%, #EAEAEA 100%);
    background-repeat: repeat-x;}
.comment_rating a{color: #fbc24d !important;}
.mass_comments_action{float: left; width: 100%; margin-bottom: 10px; font-size: 13px;}
#dle-comments-list {width: 100%; overflow: hidden; }
#dle-comments-list .comments-tree-list {list-style: none; padding: 0; margin: 0;}
#dle-comments-list > .comments-tree-list > li > .comments-tree-list {padding: 0 0 0 8%;}
#blind-animation .comments-tree-list {list-style: none; padding: 0; margin: 0;}
.comments-tree-list > li > ol > li .comment {padding: 30px 0; position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0;}
.comments-tree-list li ol li .comment {position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0;}
.comments-tree-list > li > ol > li .comment:after {content: ""; position: absolute; width: 2000px; height: 1px; margin-left: -500px; left: 0; top: 0; background-color: #efefef;}
.comments-tree-list > li > ol > li .comment:before {content: ""; position: absolute; left: 0; top: 12px; margin: 30px 0 0 -20px; background-color: #e6e6e6; width: 10px; height: 2px;}
.addcomments{float: left; width: 100%; margin:0 0 20px 0;}
.addcomments_editor{float: left; width: 99%; margin-bottom: 10px;}
.addcomments_editor textarea{height: 120px !important;}
.addcomments_editor label {margin: 0; float: left;}

.statbox {margin: 0 0 20px 0;}
.box_input {margin: 0 0 20px 0;}
.btncomsform {display: block; overflow: hidden; background: #246ab4; color: #fff; border: none; border-radius: 3px; padding:10px; text-align: center; margin: 20px 0;}
button.btncomsform:hover {background: #144c88;}

.shabout {font-family: Georgia; font-size: 16px;line-height: 22px;}

.btnrowzh {display: block; overflow: hidden; background: #f9dd98; padding: 5px 10px; text-align: center; color: #333; font-weight: bold; margin: 0 0 15px 0; text-transform: uppercase;}





















