@import "fontello.css" screen; 

/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

html, html a {
    -webkit-font-smoothing: antialiased;
}

span, {
    font: inherit;
}

body {font: 15px 'Roboto', sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #333; background: #f1f1f1; min-height: 100%; width: 100%; font-weight: 400;}
a {color: #333; text-decoration: none;}
a:hover, a:focus {color: #487eb0; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 500; font-size: 17px;}
h6{font-weight: 500; font-size: 16px;}
button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] 
{ font-size: 16px; font-family: 'Roboto' !important;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, 
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not(.tox-tbtn), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
display: inline-block; text-align: center; padding: 0 20px; height: 40px; line-height: 40px;
border-radius: 3px; cursor: pointer; font-weight: 400; box-shadow: 0 3px 6px rgba(0,0,0,0.1);
background-color: #48b085; color:#fff; font-size: 15px;}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not(.tox-tbtn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover, 
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{background-color: #379b72; color: #fff; border-color: #eb4d4b; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select { border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; font-size: 14px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row, #m-cont {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}
.fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

b, strong, .fw700 {font-weight: 500;}

.icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;}

.hidden, #dofullsearch {display: none;}
.anim, .btn, button, .nav-load a, .short-item a, .header-menu a, .header-btn, 
.short-img, .footer a, .side-nav a, .tile-img::before {transition: all .3s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 24px !important; font-weight: 500;}
#m-cont > *:not(.short-thumb) {width: 100%;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; overflow: hidden;}
.wrap-center {max-width:1280px; margin:0 auto; position:relative; z-index:20; width: calc(100% - 40px);}
.header {padding: 20px 1000px; margin: 0 -1000px; position: relative; z-index: 100;
	background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.cols {background-color: #fff;}
.main {min-height: 100vh; padding: 30px;}
.sidebar1 {width: 260px; padding: 30px; background-color: #fafafa;}
.sidebar {width: 260px; padding: 30px; background-color: #fafafa;}

.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.8; background-color: #000; cursor: pointer;}



/* HEADER
----------------------------------------------- */
.logo {display: inline-block; height: 40px; line-height: 40px; color: #000 !important; font-weight: 500; 
	font-size: 25px; text-transform: uppercase; padding-left: 45px;
	background: url(../images/logo.svg) left center / 30px no-repeat;}
.logo span {color: #48b085;}
.logo span.logo-domain {color: #48b085; font-weight: 400; font-size: 0.6em;}
.header-caption {padding-left: 20px; margin-left: 20px; border-left: 1px solid rgba(0,0,0,0.1); 
	color: #999; font-size: 13px; line-height: 1.4;}

.search-box {position:relative; margin: 0 30px 0;}
.search-box input, .search-box input:focus {padding: 0 50px 0 16px; border-radius: 3px;}
.search-box input:not(:focus)::placeholder {color: #333; opacity: 0.6; font-size: 15px;} 
.search-box button {position:absolute; right:0px; top:0px; z-index:10; width: 50px; cursor: pointer; 
background: none; color: #333; line-height: 40px; text-align: center; border-radius: 0 20px 20px 0;}


/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom: 30px;}
.side-bt {margin-bottom: 30px; text-transform: uppercase; font-size: 19px; font-weight: 500;}

.line-item {line-height: 1.4; margin-bottom: 10px; display: block;}
.line-item:last-child {margin-bottom: 0;}
.line-item span {color: #487eb0; margin-right: 10px; font-size: 12px;}
.sect-cont .line-item span {display: block; margin: 0;}

.side-nav {width: 100%; background-color: #487eb0; margin: 20px 0 -20px; padding: 0 15px;}
.side-nav > li > a {display: block; color: #fff; text-transform: uppercase; font-weight: 500; 
line-height: 60px; padding: 0 15px;}
.side-nav > li {position: relative;}
.side-nav > li > a:hover, .side-nav > li:hover > a {color: #fff; background-color: rgba(0,0,0,0.2);}
.submenu > a:after {content:"\f107"; font-weight: 300; font-family:'Font Awesome 5 Pro'; margin-left:7px; 
transition: all .2s; display: inline-block;}
.hidden-menu {background-color: #fff; box-shadow: 0 23px 57px rgba(0,0,0,0.2); z-index: 100;
position: absolute; left: 0%; top: 100%; width: 240px;
pointer-events: none; opacity: 0; transform: translateY(30px);}
.hidden-menu li a {display: block; padding: 15px 30px; border-bottom: 1px solid rgba(0,0,0,0.05);}
.hidden-menu a:hover {background: #487eb0;color: #fff;}


.header-menu > li:hover .hidden-menu, .side-nav > li:hover .hidden-menu {pointer-events: auto; opacity: 1; transform: translateY(0px);}
li.submenu:hover > a:after {transform: rotate(-180deg) !important}

.side1-item {margin-bottom: 20px; display: block;}
.side1-item-img {height: 130px;}
.side1-item-title {margin-top: 5px; line-height: 1.4;}
.side1-date {color: #487eb0; font-size: 12px; margin-top: 15px;}
.fx-row > .side1-item {width: 30.6%;}
.fx-row > .side1-item .side1-item-title {font-weight: 500;}

.side-item {margin-bottom: 20px;}
.side-item-img {width: 60px; height: 60px; margin-right: 15px;}
.side-item-title {line-height: 20px; overflow: hidden; max-height: 60px;}


/* Стили для футера ImagesBase */
.footer {
    background: linear-gradient(135deg, #15202b, #243b55);
    color: #fff;
    padding: 60px 0;
    font-family: 'Inter', sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-sections {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.footer-column {
    h3 {
        color: #fff;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    ul {
        list-style: none;
        padding: 0;
    }
    
    li {
        margin-bottom: 10px;
    }
    
    a {
        color: #999;
        text-decoration: none;
        transition: color 0.3s;
    }
    
    a:hover {
        color: #4fc3f7;
    }
}

.social-icons {
 display: flex;
 gap: 15px;
 
 i {
 font-size: 24px;
 color: #999;
 transition: color 0.3s;
 }
 
 i:hover {
 color: #4fc3f7;
 transform: scale(1.1);
 }
}

.footer-bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 40px;
 padding-top: 30px;
 border-top: 1px solid rgba(255,255,255,0.2);
}

.copyright {
 font-size: 14px;
 color: rgba(255,255,255,0.7);
}

.footer-links {
 font-size: 14px;
 color: rgba(255,255,255,0.7);
 
 a {
 text-decoration: none;
 color: inherit;
 transition: color 0.3s;
 }
 
 a:hover {
 color: #4fc3f7;
 }
}

/* Адаптивность */
@media (max-width: 1024px) {
 .footer-sections {
 grid-template-columns: repeat(2, 1fr);
 }
}

@media (max-width: 768px) {
 .footer-sections {
 grid-template-columns: 1fr;
 }
 
 .footer-bottom {
 flex-direction: column;
 text-align: center;
 }
}

/* Анимации */
.footer-enter {
 opacity: 0;
 transform: translateY(20px);
}

.footer-enter-active {
 opacity: 1;
 transform: translateY(0);
 transition: all 0.5s ease;
}

/* Декоративные элементы */
.footer::before {
 content: '';
 position: absolute;
 top: -50px;
 left: 0;
 width: 100%;
 height: 50px;
 background: linear-gradient(to bottom, rgba(255,255,255,0.1), transparent);
}

.footer-highlight {
 background: linear-gradient(to right, #15202b, #243b55);
 box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 30px;margin-top: 20px;}
.sect-header {margin-bottom: 30px;}
.sect:last-child {margin-bottom: 0;}
.sect-title {font-weight: 500; font-size: 19px; text-transform: uppercase; 
	padding-bottom: 5px; border-bottom: 2px solid #48b085; display: inline-block;}
.sect-title [class*=fa-], .side-bt [class*=fa-], .speedbar [class*=fa-] {color: #48b085; margin-right: 15px;}
.sect-popular .sect-header {padding-right: 105px;}
.mb-remove {margin-bottom: -30px;}
.bdb {border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.fx-row > .sect {width: 33%;}


/* TILE ITEM
----------------------------------------------- */
.tile-img {display: block; height: 200px;}
.tile-img::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; 
height: 50%; background: linear-gradient(to top, #000 0%,transparent 100%);}
.tile-desc {position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; padding: 20px; color: #fff;}
.tile-title {font-size: 15px; font-weight: 500; line-height: 1.4;}
.tile-meta {opacity: 0.8; margin-top: 10px; font-size: 12px; margin-right: -10px;}
.tile-img:hover::before  {height: 150%;}
.tile-meta-item {margin-right: 10px;}
.tile-meta-item .fal {margin-right: 6px;}


/* SHORT ITEM
----------------------------------------------- */
.short-item {margin: 0 -30px 30px -30px; border-bottom: 1px solid #eee; padding: 0 30px 0px 30px; 
width: calc(100% + 60px) !important;}
.short-img {width: 210px; height: 150px; margin-right: 15px; display: block;}
.short-title {display: inline-block; font-size: 21px; margin-bottom: 10px; 
	line-height: 26px; max-height: 52px; overflow: hidden;}
.short-date {color: #487eb0; margin-bottom: 10px; font-size: 12px;}
.short-text {line-height: 1.4; opacity: 0.6;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {margin-bottom: -10px; padding-top: 30px;}
.nav-load a {display: block; padding: 0 20px; margin: 0 auto; margin-bottom: 10px;
	background-color: #f2f6f8; color: #5c5c5c; text-align: center;
height: 40px; line-height: 40px; border-radius: 4px; margin-top: -30px;}
.nav-load a:hover {background-color: #48b085; color: #fff;}
.nav-load > span {display: none;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
margin:0 3px 10px 3px; line-height: 46px; min-width: 46px; background-color: #fafafa; 
 font-weight: 500; font-size: 17px; border-radius: 4px;}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color:#48b085; color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}


/* FULL
----------------------------------------------- */
.fheader {margin-bottom: 20px;}
.fcat {padding: 0 20px; background-color: #48b085; color:#fff; border-radius: 3px;
position: absolute; z-index: 10; right: 30px; top: 30px; height: 40px; line-height: 40px;}
.fheader h1 {font-size: 28px; line-height: 1.3; font-weight: 500; margin-bottom: 30px;}
.fheader h1 a {font-size: 16px; margin-left: 10px;}
.fimg {height: 30px; margin: 0 -30px;}
.fimg::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; 
 background: linear-gradient(to top, #000 0%,rgba(0,0,0,0) 100%);}
.fmeta {position: absolute; z-index: 10; left: 0px; right: 0px; bottom: 0px; 
	color: #000; padding: 15px 30px; opacity: 1; margin: 0;}
.fmeta .tile-meta-item {opacity: 0.8;}

.ftags {margin: 30px -30px; border: 1px solid #e6e6e6; border-left: 0; border-right: 0; 
	padding: 15px 30px 10px 30px; line-height: 30px;}
.ftags .fal {margin-right: 10px; margin-bottom: 5px; color: #487eb0;}
.ftags a {display: inline-block; vertical-align: top; padding: 0 10px; border-radius: 3px; 
background-color: #eee; margin: 0 5px 5px 0;}

.frating .fal {font-size: 16px; position: relative;}
.fdislike .fal {top: 2px;}
.frating {margin-left: 20px;}
.frating a {display: block; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 4px;
	background-color: #6ab04c; color: #fff; text-align: center; font-size: 12px;}
.fdislike a {background-color: #eb4d4b; margin-left: 15px;}
.frating-counter {display: inline-block; border-left: 1px solid rgba(0,0,0,.15); padding-left: 10px; margin-left: 10px;}
.frating a:hover {background-color: #487eb0; color: #fff;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.6; font-size: 17px;}
.full-text img:not(.emoji) {max-width:100%; margin-top: 10px; margin-bottom: 10px;padding: 20px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#487eb0;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:24px; font-weight:500;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc; margin-left:40px;}
.full-text > ol li {list-style:decimal; margin-left:40px;}


/* COMMENTS
----------------------------------------------- */
.add-comms {background-color: #f2f6f8; box-shadow: 0 3px 6px rgba(0,0,0,0.1); padding: 20px; display: none;}
.ac-inputs input {width: 48.5%; margin-bottom: 15px;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px;}
.add-comms input, .add-comms textarea, .ac-submit button {}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link {display: inline-block; padding-bottom: 20px; color: #06c; font-size: 18px;}

.comm-avatar {position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%;}
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center; 
background-color: #000; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.comm-item {font-size: 14px; padding-left: 60px; position: relative; min-height: 60px; margin-top: 20px;}
.comm-two {margin: 10px 0;}
.comm-one > span {margin-right: 15px; color: #949494;}
.comm-one > span.comm-author, .comm-one > span.comm-author a {color: #333; opacity: 1;}
.comm-three-left > a, .comm-three-right li a {opacity: 0.6;}
.comm-three-right li {display: inline-block; margin-left: 15px;}
.comm-rate3 {white-space:nowrap; font-size:14px; margin-right: 15px; height: 20px; line-height: 20px; 
	display: inline-block; vertical-align: top; position: relative; top: -3px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: relative; opacity: 0.4;}
.comm-rate3 a:last-child {}
.comm-rate3 > span {margin: 0 5px;}
.comm-rate3 > span > span.ratingtypeplus {color: #06b601;}
.comm-rate3 > span > span.ratingplus {color: #95c613;}
.comm-rate3 > span > span.ratingminus {color: #ff0e0e;}
.comm-three a:hover {border-bottom-color: transparent;}
.comm-three-left > a {opacity: 1; color: #333;}

/* LOGIN
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer;}
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: #fff; border-radius: 4px; width: 400px; 
	box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
.login__header {padding: 20px 40px; background-color: #f2f6f9;}
.login__title {font-size: 20px; font-weight: 500; padding: 1px 0;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted #444; margin-left: 10px; font-weight: 400; color: #999;}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 12px; color: #999;}
.login__caption {font-size: 12px; color: #333; margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: #487eb0;}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: #f2f6f9; padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 12px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: #f2f6f8; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 12px;}
.login__menu .far {display: block; height: 30px; font-size: 24px; opacity: 0.3;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {display: none; width: 100%; position: relative; z-index: 10;}
.owl-carousel .owl-stage {position: relative;
	display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; }
.owl-carousel.owl-loading, .owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
.owl-nav {position:absolute; right:0; top:0; z-index: 1;}
.owl-prev, .owl-next {display: block; cursor: pointer; background-color: #badc58; color: #fff; box-shadow: none; 
width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; 
position: absolute; top: -56px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.owl-prev {right:50px;}
.owl-next {right:0px;}
.owl-prev:hover, .owl-next:hover {color:#fff; background-color: #6ab04c !important;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fafafa;
padding:0 20px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #e84e36; color: #fff; transition:top .4s;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .header-menu {display: block; margin: 0 -20px 20px -20px; padding: 0; width: calc(100% + 40px);}
.side-panel .hidden-menu {box-shadow: none; position: static; width: 100%;
pointer-events: auto; opacity: 1; transform: translateY(0);}
.side-panel .header-menu > li > a {line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.2); padding: 0 20px;}

@media screen and (max-width: 1220px) {
.wrap-center {max-width:1000px; width: 100%;}
.header {padding: 20px 1020px;}
.sidebar1, .header-caption {display: none;}
.logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px; position: relative; width: auto;}
.btn-menu {display: block; font-size: 28px; margin-left: 20px; cursor: pointer; color: #000;}
.search-box {margin: 0 20px;}
.ft-soc, .header .header-menu, .header-btn {display: none;}
.main, .sidebar1, .sidebar, .short-item, .ftags {padding-left: 20px; padding-right: 20px;}
.short-item, .fimg, .ftags, .fmeta {margin-left: -20px; margin-right: -20px;}
.fmeta {padding-left: 35px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:768px;}
.cols {display: block;}
.main {width: 100%;}
.sidebar {display: none;}
.footer-col-desc {width: 100%; margin-bottom: 30px;}
.footer {display: block; text-align: center;}
.footer-copyright {margin: 30px 0;}
.ft-soc {margin-right: -10px;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.search-wrap {-ms-flex-order: 10;-webkit-order: 10;order: 10; min-width: 100%; margin-top: 20px;}
.search-box {margin: 0;}
.tile-img {height: 200px;}
.short-img {display: none;}
.fx-row > .sect {width: 100%;}
.sect-cols {margin-bottom: 30px;}

.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
.wrap-center {max-width:480px;}
.fx-row > .side1-item {width: 100%;}
.sidebar1, .sidebar {width: 100%; -ms-flex-order: 10;-webkit-order: 10;order: 10;}
.footer-one, .footer-two {display: block; text-align: center;}
.footer-two {padding-top: 10px; padding-bottom: 10px;}
.footer-col, .footer-copyright {margin-bottom: 30px;}
.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}

.fheader h1 {font-size: 23px;}
.fimg {height: 200px;}
.fimg::before {height: 100%;}
.fcat {right: 10px; top: 10px;}
.fmeta .tile-meta-item:not(.fx-1) {display: none;}
.fdislike a {margin-left: 10px;}
.fmeta {padding-bottom: 10px;}

.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wrap-center22 {max-width:360px;}
.logo {font-size: 20px; margin-right: 20px;}
.header__sign-in {font-size: 0; padding: 0; width: 40px;}
.header__sign-in .fal {font-size: 16px; margin: 0; line-height: 40px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}


.carousel {
	position: relative;
	padding-top: 26%;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}
	.carousel-inner {
		position: absolute;
		overflow: hidden;
		width: 100%;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item {
		display: none;
		position: relative;
		width: 100%; height: 100%;
		overflow: hidden;
		-webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
	}
	.carousel-inner > .item > .cover {
		width: 100%;
		position: absolute;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img { line-height: 1; vertical-align: top; }

	.carousel-inner > .active,
	.carousel-inner > .next,
	.carousel-inner > .prev { display: block; }
	.carousel-inner > .active { left: 0; }
	.carousel-inner > .next,
	.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
	.carousel-inner > .next { left: 100%; }
	.carousel-inner > .prev { left: -100%; }
	.carousel-inner > .next.left,
	.carousel-inner > .prev.right { left: 0; }
	.carousel-inner > .active.left { left: -100%; }
	.carousel-inner > .active.right { left: 100%; }

	.carousel .slide_prev, .carousel .slide_next {
		position: absolute;
		top: 0; bottom: 0;
		width: 100px;
		z-index: 4;
		-webkit-transition: all ease .3s; transition: all ease .3s;
	}
	.carousel .slide_next { right: 0; }

	.carousel .slide_prev { margin-left: -60px; opacity: 0; }
	.carousel .slide_next { margin-right: -60px; opacity: 0; }
	.carousel:hover .slide_prev { margin-left: 0; opacity: .6; }
	.carousel:hover .slide_next { margin-right: 0; opacity: .6; }
	.carousel .slide_prev:hover, .carousel .slide_next:hover { opacity: 1; }

	.carousel .slide_next .icon, .carousel .slide_prev .icon { position: absolute; fill: #fff; top: 50%; }
	.carousel .slide_next .icon { right: 0; margin: -10px 50px 0 0; }
	.carousel .slide_prev .icon { margin: -10px 0 0 50px; }

	.carousel-caption {
		position: absolute;
		left: 37.5%; top: 80%;
		display: table;
		width: 70%; height: 260px;
		margin: -130px 0 0 -35%;
		z-index: 3;
		color: #fff;
	}
	.carousel-caption_in { display: table-cell; vertical-align: middle; text-align: left; }
	.carousel-caption .title {
		font-weight: bold;
		letter-spacing: -.03em;
		font-size: 2.9em;
		line-height: 1.3em;
	}
	.carousel-caption .text { 
		font-size: 1.6em;
	}


.carousel .slide_prev .icon { margin-left: 30px; }
	.carousel .slide_next .icon { margin-right: 30px; }
	.carousel-caption .title { font-size: 1.8em; }
		.carousel-caption .text { 
			font-size: 1.2em;
		}
.icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	fill: #1a1a1a;
	vertical-align: middle;
}

.carousel .icon-left, .icon-right {
    width: 36px;
    height: 21px;
}

.cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



.icon-arrow_left, .icon-arrow_right { width: 12px; height: 21px; }





 .sectionContacts { padding-top: 0; padding-bottom: 0 }
    .contactBox {
        position: absolute;
        top: 50px;
        left: 50%;
        width: 400px;
        margin-left: -450px;
        box-shadow: 0 0 10px rgba(0,0,0, 0.3);
    }

    .contactText {
        background-color: #FFF;
        padding: 25px;
    }

    .contactText .h4 {
        margin: 0 0 25px;
    }
    .mapBox { min-height: 420px; }
    @media (max-width: 100%) {
        .contactBox {
            position: relative;
            top: auto;
            width: 100%;
            margin-left: 0;
            left: auto;
            box-shadow: none;
        }
        .mapBox { margin-top: 0px; min-height: 400px }
    }


.mapBox, .icon {
    display: inline-block;
    text-align: center;
}
.mapBox, .icon:before {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.mapBox, .icon-xs {
    font-size: 18px;
    line-height: 18px;
}

.mapBox, .icon-primary {
    color: #42a4ff;
}

.mapBox, .mdi {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.mapBox, .h4 {
    line-height: 1.13333;
    font-size: 30px;
}
.mdi-map-marker:before {
    content: "\f440";
}
.mdi-email-outline:before {
    content: "\f2e5";
}
spacing-xs.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 14px;
}

.unit {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 0 1 100%;
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.unit-body {
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

.list-links li {
	display: inline-block;
}

.list-links li:after {
	content: ';';
}

.list-links li:last-child:after {
	display: none;
}


.unit-spacing-xs.unit > [class*='unit-']:first-child, .unit-spacing-xs.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0;
}
unit-left, .unit-right {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}
.unit-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.contact-info .unit-body a {
    display: inline;
}

.unit-spacing-xs.unit-horizontal > .unit-left + .unit-right, .unit-spacing-xs.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 14px;
}

.unit-spacing-xs.unit-horizontal > .unit-body + .unit-right {
    padding-top: 0;
    padding-left: 14px;
}

.contact-info {
    vertical-align: baseline;
}

.contact-info a {
    display: inline-block;
}

.contact-info dl dt, .contact-info dl dd {
    display: inline-block;
}

@media (min-width: 768px) {
    .contact-info dl dt {
        padding-right: 8px;
    }
}

.contact-info dl dt:after {
    content: ':';
    display: inline-block;
    text-align: center;
}

.contact-info .dl-inline dt {
    padding-right: 0;
}

.contact-info .unit-body span {
    display: block;
}

.contact-info .unit-body a {
    display: inline;
}

.contact-info-inline {
    vertical-align: middle;
}

.contact-info-inline > * {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.contact-info-inline > * + * {
    margin-left: 5px;
}

.contact-info-mod-1 br {
    display: none;
}

.contact-info-mod-1 span {
    display: inline;
}

.contact-info-mod-1 span {
    margin-right: .25em;
}

.contact-info-mod-1 span:last-child {
    margin-right: 0;
}

.rd-navbar-fixed-linked .contact-info-mod-1 {
    text-align: left;
}

.rd-navbar-fixed-linked .contact-info-mod-1 br {
    display: block;
}

.rd-navbar-fixed-linked .contact-info-mod-1 .list-links-1 li {
    display: block;
}

.contact-info-contrast a, .contact-info-contrast a:active, .contact-info-contrast a:focus {
    color: #777;
}

.contact-info-contrast a:hover {
    color: #42a4ff;
}

.contact-info .unit-body a {
    display: inline;
}

address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.57143;
}




.mapBox, .link-primary, .link-primary:focus {
    color: #42a4ff;
}

.mapBox, .link-gray, .link-gray:active, .link-gray:focus {
    color: #777;
}

.mapBox, .icon-adjust-vertical .icon {
	position: relative;
	top: 2px;
}























.sblock {
	margin: 0 0 20px 0;
	background: #fff;
}

.right-block {
	padding: 25px;
	background: #fff;
	margin: 0 0 20px 0;
}

	.sblock-title, .right-block-title {
		border-bottom: 2px #f0f0f0 solid;
		margin: 0 0 20px 0;
		display: flex;
		justify-content: space-between;
	}
	
		.sblock-title span:nth-child(1), .right-block-title span:nth-child(1) {
			color: #000;
			font-size: 16px;
			font-weight: bold;
			padding: 0 5px 15px 5px;
			position: relative;
			text-transform: uppercase;
		}
		
			.sblock-title span:nth-child(1):after, .right-block-title span:nth-child(1):after {
				content: '';
					height: 2px;
					width: 100%;
					display: block;
					background: #487eb0;
					left: 0;
					bottom: -2px;
					transition:all 0.3s ease;
					-webkit-transition:all 0.3s ease;
					-o-transition:all 0.3s ease;
					-moz-transition:all 0.3s ease;
					position: absolute;
			}
		
		.sblock-title a, .right-block-title a {
			color: #969696;
			font-size: 13px;
			text-decoration: underline;
		}
		
			.sblock-title a:hover, .right-block-title a:hover {
				color: #000;
			}
		
	.sblock-content {
		
	}


.sblock-cols {
	display: flex;
	justify-content: space-between;
}

	.sblock-right {
		width: 780px;
	}
	
	.sblock-left {
		width: 400px;
	}
	

	
	.right-block-content {
		
	}
.qflex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.qnews {
	width: 354px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
.qnews:hover .qnews-title i {color: #e81a1a;}
	.qnews-info {
		display: flex;
		margin: 0 0 10px 0;
		position: relative;
		z-index: 2;
	}
	
		.qnews-image {
    			width: 120px;
    			height: 80px;
    			background-size: cover;
    			background-position: center top;
    			background-repeat: no-repeat;
    			border-radius: 4px;
			}
		
		.qnews-title {
			flex: 1;
			margin-left: 18px;			
		}
		
			.qnews-title i {
				font-style: normal;
				color: #000;
				font-size: 15px;
				font-weight: 500;
				line-height: 22px;
				display: block;
				margin-bottom: 5px;
			}
			
			.qnews-title span {
				color: #aaa;
				font-size: 13px;
				line-height: 16px;
				max-height: 32px;
				overflow: hidden;
				display: block;
			}
			
	.qnews-text {
		display: block;
		color: #6e6e6e;
		font-family: "Arial";
		font-size: 15px;
		line-height: 20px;
		position: relative;
		z-index: 2;
	}

.actnews {

	padding: 0 0 22px 0;
	margin: 0 0 22px 0;
}

	.actnews-info {
		font-size: 12px;
		margin: 0 0 5px 0;
	}
	
		.actnews-cat {
			margin: 0 20px 0 0;
		}
		
			.actnews-cat a {
				color: #487eb0;
				text-decoration: underline;
			}
			
				.actnews-cat a:hover {
					
				}
				
		.actnews-date {
			color: #aeaeae;
		}
		.actnews-date span {
			margin-right: 10px;
		}
		
	.actnews-title {
		color: #444;
		font-size: 14px;
		display: block;
		line-height: 20px;
		font-weight: 500;
	}
	
		.actnews-title:hover {
			opacity: 0.7;
		}

.mtabs-block {
		margin: 0 0 20px 0;
		background: #fff;
	}
	
		.mtabs-block .index-tabs {
			border-bottom: 2px #f0f0f0 solid;
			margin: 0 0 20px 0;
		}
		
			.mtabs-block .index-tabs span {
				position: relative;
				cursor: pointer;
				transition:all 0.3s ease;
				-webkit-transition:all 0.3s ease;
				-o-transition:all 0.3s ease;
				-moz-transition:all 0.3s ease;
				text-transform: uppercase;
				color: #b6b6b6;
				font-size: 16px;
				font-weight: bold;
				display: inline-block;
				vertical-align: top;
				padding: 0 5px 15px 5px;
			}
			
				.mtabs-block .index-tabs span:after {
					content: '';
					height: 2px;
					width: 0;
					display: block;
					background: #487eb0;
					left: 0;
					bottom: -2px;
					transition:all 0.3s ease;
					-webkit-transition:all 0.3s ease;
					-o-transition:all 0.3s ease;
					-moz-transition:all 0.3s ease;
					position: absolute;
				}
			
				.mtabs-block .index-tabs span:hover {
					color: #000;
				}
				
				.mtabs-block .index-tabs span.active-ttab {
					color: #000;
				}
				
				.mtabs-block .index-tabs span.active-ttab:after {
					width: 100%;
				}
				
		.mtabs-block .index-panel {
			
		}
		
			.mtabs-block .tt-panel {
				
			}
			
				.ngrid {
					display: flex;
					justify-content: space-between;
				}
				
					.ngrid-left {
						width: 742px;
						display: flex;
						justify-content: space-between;
					}
					
					.ngrid-right {
						width: 354px;
						display: flex;
						justify-content: space-between;
						flex-direction: column;
					}	

						.mnews {
							width: 354px;
						}
						
							.mnews-image {
								height: 200px;
								margin: 0 0 20px 0;
								overflow: hidden;
							}
							
								.mnews-image img {
									width: 100%;
									min-height: 200px;
								}
								
							.mnews-title {
								color: #292929;
								font-size: 16px;
								line-height: 24px;
								font-weight: 500;
								margin: 0 0 10px 0;
							}
							
								.mnews-title a {
									color: #292929;
								}
								
									.mnews-title a:hover {
										color: #e81a1a;
									}
									
							.mnews-text {
								color: #909090;
								font-size: 13px;
								line-height: 18px;
								margin: 0 0 10px 0;
							}
							
							.mnews-date {
								color: #c6c6c6;
								font-size: 13px;
							}
							.mnews-date span {
								margin-right: 10px;
							}
							
							
						.mnews2 {
							position: relative;
							padding: 0 0 0 130px;
						}
						
							.mnews2-image {
								width: 113px;
								height: 80px;
								overflow: hidden;
								position: absolute;
								left: 0;
								top: 0;
							}
							
								.mnews2-image img {
									width: 100%;
									min-height: 80px;
								}
								
							.mnews2-title {
								color: #383838;
								font-size: 14px;
								line-height: 20px;
								max-height: 60px;
								overflow: hidden;
								font-weight: 500;
							}
							
								.mnews2-title a {
									color: #383838;
								}
								
									.mnews2-title a:hover {
										color: #e81a1a;
									}
							
							.mnews2-date {
								color: #c6c6c6;
								font-size: 13px;
								margin: 0 0 6px 0;
							}
							
							.mnews2-date span {
								margin-right: 10px;
							}
.tt-panel {
	display: none;
}

.ngrid-left, .ngrid-right, {
		width: auto;
	}
	
	.ngrid-left {
		margin-bottom: 30px;
	}
	
	.ngrid-right {
		display: block;
	}

.main-center-block {
    width: 1200px;
    text-align: left;
    margin: 0 auto;
}


.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: #487eb0;
  /* расстояние от правого края окна браузера */
  right: 20px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;
}

.btn-up::before {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

/*---Block D by imperaart.ru---*/
.block_d {
    /* float: left; */
    width: 100%;
    padding: 15px 0px 20px 0px;
    margin-top: 30px;
    /* background-color: #F5F4F0; */
}

.block_d_title {
float: left;
width: 100%;
color: #000;
font-size: 25px;
line-height: 26px;
margin-bottom: 15px;
padding: 0px 15px;
text-transform: uppercase;
}

.block_d_title a{
color: #000;
}

.block_d_title span{
float: right;
}

/*---Photo by imperaart.ru---*/
.photo_video{
padding: 0px 5px !important;
}

.photo_block{
float: left;
width: 100%;
margin-bottom: 10px;

}

.photo_box{
float: left;
width: 100%;
position: relative;
overflow: hidden;
border-radius: 3px;
}

.photo_box_shadow {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
backface-visibility: hidden;
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
z-index: 2;
}

.photo_box:hover .photo_box_shadow{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}

.photo_box_img {
width: 100%;
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 160px;
z-index: 1;
}

.photo_box_icon{
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
}

.photo_box_content{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 20px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
color: #fff;
z-index: 4;
}

.photo_box_info {
width: 100%;
float: left;
margin-bottom: 5px;
font-size: 12px;
line-height: 13px;
color: #fff;
}

.photo_box_info a{
color: #fff;
}

.photo_box_title{
width: 80%;
float: left;
color: #fff;
font-size: 17px;
line-height: 22px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
}

.photo_box_title a{
color: #fff;
}
/*---Photo by imperaart.ru---*/



/*---Video by imperaart.ru---*/
.video_block{
float: left;
width: 100%;

}

.video_box{
float: left;
width: 100%;
position: relative;
overflow: hidden;
border-radius: 3px;
}

.video_box_shadow {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
backface-visibility: hidden;
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
z-index: 2;
}

.video_box:hover .video_box_shadow{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}

.video_box_img {
width: 100%;
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 230px;
z-index: 1;
}

.video_box_icon{
position: absolute;
bottom: 0px;
right: 0px;
z-index: 3;
}

.video_box_content{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 20px 20px;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(0, 0, 0, 1)', GradientType=0);
color: #fff;
z-index: 4;
}

.video_box_info {
width: 100%;
float: left;
margin-bottom: 5px;
font-size: 12px;
line-height: 13px;
color: #fff;
}

.video_box_info a{
color: #fff;
}

.video_box_title{
width: 80%;
float: left;
color: #fff;
font-family: "Open Sans Condensed",sans-serif;
font-size: 23px;
line-height: 29px;
text-transform: uppercase;
}

.video_box_title a{
color: #fff;
}


.photo_box_info{
display: none;
}

.video_box_info{
display: none;
}

.photo_box_content {
padding: 10px 10px;
}

.video_box_content {
padding: 10px 10px;
}
.padding{
padding: 0px 5px !important;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}




.ot-grid-article-list .ot-material-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}
.ot-material-card .item-header{display:block;border-radius:2px 2px 0 0;overflow:hidden}
.ot-material-card .item-content{display:block;padding:25px}
.ot-material-card .item-content>h3{display:block;margin-bottom:15px;color:#5c5c5c;font-size:17px;font-weight:400}
.ot-material-card-content{display:block;}
.ot-material-card-content .ot-title-block h2{display:block;border-bottom:1px solid #e9eaea;padding-bottom:20px}
.ot-material-card-content h1,.ot-material-card-content h2,.ot-material-card-content h3,.ot-material-card-content h4,.ot-material-card-content h5,.ot-material-card-content h6{color:#7D7D7D}
.ot-material-card-content p{color:#aaa;font-size:15px}
.ot-title-block{margin-bottom:30px;color:#a5a5a5}
.ot-title-block h2{display:inline-block;color:#a5a5a5;font-size:18px;line-height:130%;border-bottom:3px solid #e9eaea;padding-bottom:6px;font-weight:400;margin-bottom:0}
.ot-content-wrapper-full .ot-title-block h2{border-color:#d9d9d9;color:#8b8b8b}
.ot-content-block{display:block;margin-bottom:50px}
.ot-title-block .ot-title-selector{display:block;float:right;line-height:35px;font-size:14px}
.ot-title-block .ot-title-selector a{display:inline-block;margin-left:10px}
.ot-title-block .ot-title-selector a.active{text-decoration:underline}
.ot-title-block .ot-title-selector .ot-title-selector-drop>a,.ot-title-block .ot-title-selector>a:not(.active){color:#B5B5B5}
.ot-title-block .ot-title-selector .ot-title-selector-drop>a:hover,.ot-title-block .ot-title-selector>a:not(.active):hover{color:#4b4a4a}
.ot-title-block .ot-title-selector .ot-title-selector-drop{position:relative;z-index:3}
.ot-title-block .ot-title-selector .ot-title-selector-drop>span{display:none;position:absolute;text-align:center;top:100%;left:50%;margin-top:15px;min-width:100px;background-color:#fff;border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.13);-webkit-transform:translate(-50%,0) scale(1);-ms-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}
.ot-title-block .ot-title-selector .ot-title-selector-drop.active>span{display:block;-webkit-animation:ot-anim-menu-show .2s forwards;-moz-animation:ot-anim-menu-show .2s forwards;-ms-animation:ot-anim-menu-show .2s forwards;-o-animation:ot-anim-menu-show .2s forwards;animation:ot-anim-menu-show .2s forwards}
.ot-title-block .ot-title-selector .ot-title-selector-drop>span:before{display:block;content:'';position:absolute;height:15px;bottom:100%;width:100%;left:0}
.ot-title-block .ot-title-selector .ot-title-selector-drop>span a{margin-left:0;display:block;padding:0 10px;white-space:nowrap}
.ot-title-block .ot-title-selector .ot-title-selector-drop>span a:hover{background-color:rgba(0,0,0,.04)}
.usinf{list-style:none;padding:0;margin:0}
.usinf > li{padding:10px 0;margin-bottom:10px;border-bottom:1px solid #e9eaea}
.usinf > li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0}
.ui-c1,.ui-c2{display:inline-block;vertical-align:top}
.ui-c1{width:30%;margin-right:1%;font-weight:500;padding-left:15px}
.ui-c2{width:60%;border-left:1px solid #e7e7e7;padding-left:15px;font-weight:400}
.form-group {
    margin-bottom: 15px
}

.form-group label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #8b949d
}
.form-group textarea,#dlepopup-news-edit textarea {
    min-height: 180px;
    padding: 1rem .75rem
}

.timezoneselect, .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="file"], .form-group input[type="email"], .form-group select, .form-group textarea {
    display: block;
    border: 2px solid #f0f1f2;
    border-radius: 2px;
    width: 100%;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    outline: 0;
}
.timezoneselect, .quick-edit-text {
    width: 100%!important;
}


html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}





canvas {
    overflow-clip-margin: content-box;
    overflow: clip;
}




@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

@media (min-width: 768px)
.col-sm-4 {
    width: 33.33333333%;
}

@media (min-width: 768px)
.col-sm-3 {
    width: 25%;
}


@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #3a658c; /* цвет заднего фона при наведении */
  }
}

@media only screen and (max-width: 500px) {
	.carousel { padding-top: 70%; }
}
@media only screen and (min-width: 1201px) {
	.m_ico { display: none; }
}
@media only screen and (max-width: 1200px) {
	.n_ico { display: none; }
@media (min-width: 992px)
.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}





/* Общие стили hero-блока */
.hero-block {
    background: linear-gradient(135deg, #282c34, #343a40);
    color: #fff;
    padding: 120px 0;
    text-align: center;
    position: relative;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.hero-title {
    font-size: 3.5rem;
    margin: 0 0 20px;
    line-height: 1.2;
}

.hero-subtitle {
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 40px;
}

/* Стили формы поиска */
.search-form {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input {
    width: calc(100% - 60px);
    padding: 16px 24px;
    border: none;
    border-radius: 8px 0 0 8px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 1.1rem;
    outline: none;
    transition: background 0.3s ease;
}

.search-input:focus {
    background: rgba(255,255,255,0.2);
}

.search-button {
    width: 60px;
    height: 100%;
    background: #6a9ebd;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.search-button:hover {
    background: #5c85a6;
}

.search-icon {
    color: #fff;
    font-size: 1.4rem;
}

/* Адаптивность */
@media (max-width: 768px) {
    .search-form {
        max-width: 100%;
    }
    
    .search-input {
        padding: 12px;
        font-size: 1rem;
    }
    
    .search-button {
        width: 40px;
    }
}

@media (max-width: 480px) {
    .hero-block {
        padding: 60px 0;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.2rem;
    }
}