/* ---( Design by KaiLee.ru )--- */


/* ----------------------------- */
@import 'https://fonts.googleapis.com/css?family=Poiret+One&subset=cyrillic';
@import 'https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=cyrillic';
@import url(/FontAwesome.css);


/* ----------------------------- */
html, body {padding:0px; margin:0px; background:url('/img/bg.gif') #fff; font:12px 'Verdana'}
img {border:none; padding:0px; margin:0px!important; vertical-align:middle}
input {padding:5px; border:1px solid #ccc; background:#fafafa; outline:none}
textarea {overflow:auto; height:auto; background:#fafafa; border:1px solid #ccc; padding:5px; outline:none}
input[type="radio"], input[type="checkbox"] {margin:3px; outline:none}
p {padding:0px; margin:0px}
ul, li {margin:0px; padding:0px; list-style-type:none}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px}
fieldset {padding:5px!important; margin:10px!important}
hr {width:90%; margin:10px auto; height:1px; background:linear-gradient(to left, #fff, #fff, #777, #777, #777, #fff, #fff); border:0px}


/* ----------------------------- */
a:link {text-decoration:none; color:#40949b; transition:.5s; outline:none}
a:active {text-decoration:none; color:#40949b; outline:none}
a:visited {text-decoration:none; color:#40949b; outline:none}
a:hover {text-decoration:none; color:#8fbf83; outline:none; cursor:pointer}


/* ----------------------------- */
.container {width:90%; max-width:1150px; margin:0px auto; overflow:hidden; padding:0px 5%}
.mainBlock {width:73%; float:left}
 aside {width:27%; float:right}
/* ----------------------------- */
.pageSelector a {display:inline-block; width:30px; height:30px; margin:0px 10px 0px 0px; background:#aaa}
.pageSelector a:last-child {margin-right:30px}


.PageSelector, #pagesBlock1 {text-align:center; color:#bbb; font-size:0px; margin:0px 30px 0px 0px}
.pgSwchA, .pgSwch, .swchItem, .swchItemA {display:inline-block; padding:0px 10px; text-align:center; margin:0px 5px; font:14px/30px 'PT Sans Caption'; font-weight:bold; background:#40949b; color:#fff}
.PageSelector a:link, #pagesBlock1 a:link, .PageSelector a:visited, #pagesBlock1 a:visited {color:#fff}
.swchItemA, .swchItem:hover {color:#fff; background:#8fbf83}
/* ----------------------------- */
.clear {width:100%; height:0px; clear:both}
.margin30px {margin:0px 30px 30px 0px}


/* ----------------------------- */
 header {overflow:hidden; padding:30px 0px}
/* ----------------------------- */
.logo {display:inline-block; width:350px}
.logoImg {width:70px; height:70px; margin-right:10px; float:left}
.logoImg img {width:70px}
.logoText {width:250px; padding:5px; font: bold 25px/30px 'Poiret One'; color:#777; float:left}
/* ----------------------------- */
.headerRight {width:30%; height:70px; float:right; overflow:hidden}
.headerRight a {display:inline-block; float:right; margin:20px 0px 0px 20px; font:15px/15px 'Verdana'; color:#40949b; transition:.5s}
.headerRight a:hover {color:#8fbf83}
/* ----------------------------- */
.Search {width:100%; height:35px; color:#000; text-align:right; overflow:hidden; background:#fff}
.SearchStr {float:left; width:70%; border:none; background:none; padding:0px 0px 0px 5%; margin:0px; font: italic 10px/35px 'Verdana'; color:#999}
.SearchBt {float:right; width:20%; border:none; background:#40949b; outline:none; padding:0px; margin:0px; cursor:pointer; font: 12px/35px 'Verdana'; color:#fff; transition:.5s}
.SearchBt:hover {background:#8fbf83}
.SearchInfo {float:right}
.SearchInfo p {padding-top:5px; text-transform:uppercase; font-size:8pt; color:#999; line-height:16px}
/* ----------------------------- */
.navButton {display:none}
 nav {width:100%; background:#40949b; margin-top:30px; font-size:0px}
 nav li {display:inline-block}
 nav a, nav a:link, nav a:active, nav a:visited {font:18px/60px 'PT Sans Caption'; display:inline-block; text-transform:uppercase; padding:0px 20px 0px; color:#fff; transition:.5s; background:#40949b}
 nav a:hover, nav a.uMenuItemA {background:#8fbf83; color:#fff}
/* ----------------------------- */
.separator5px {width:100%; height:5px}
.separator30px {width:100%; height:30px}
 footer {margin-top:30px; text-align:center; padding:30px; background:#fff; border-top:3px solid #40949b}
 footer img.banner {width:88px; height:31px; background:#aaa; margin-right:10px}
 footer a {font-size:14px}



/* ----------------------------- */
.title {text-transform:uppercase; color:#fff; font:15px/45px 'PT Sans Caption'; background:#40949b; text-align:center; margin-bottom:10px}
/* ----------------------------- */
.infEntry {overflow:hidden; margin-bottom:10px}
.infEntry p.one {display:block; width:40%; height:84px; float:left; position:relative}
.infEntry img {width:100%; height:100%; background:#ddd}
.infEntry p.two {display:block; font:11px/16px 'Verdana'; height:64px; color:#555; width:50%; padding:10px 5%; float:right; background:#fff}
/* ----------------------------- */
.infEntry2 {overflow:hidden; margin-bottom:10px}
.infEntry2 p.two {font:12px/30px 'Verdana'; color:#fff; background:#40949b; text-align:center}
.infEntry2 p.one img {width:100%; background:#ddd}
/* ----------------------------- */


/* ----------------------------- */
.mPanel {position:absolute; top:13px; right:13px}
/* ----------------------------- */
.newsEntry {width:33.33%; float:left}
#allEntries div[id]:nth-child(3n+1) {clear:left}
.newsBlock {margin:0px 30px 30px 0px; background:#fff; position:relative; padding-bottom:15px}
.newsImg {height:170px; overflow:hidden; position:relative}
.newsImg img {width:100%; padding:0px; margin:0px; transition:.5s; min-height:170px}

.newsDate {width:100%; height:0px; background:#fff; color:#777; font:12px/35px 'Verdana'; text-transform:lowercase; text-align:center; transition:.5s; overflow:hidden}
.newsDate i:nth-child(1) {padding-right:5px}
.newsDate i:nth-child(3) {padding:0px 5px 0px 10px}
.newsDate b {font-weight:normal}
.newsTitle a {display:block; font:18px/20px 'PT Sans Caption'; color:#fff; padding:15px; background:#40949b; transition:.5s}

.newsMessage {max-height:220px; overflow:hidden; margin:15px 15px 0px 15px; color:#777; font:13px/20px 'Verdana'!important}
.newsMessage iframe, .newsMessage object, .newsMessage img, .newsMessage div {display:none}
.newsMessage b {font-weight:normal}
/* ----------------------------- */
.newsBlock:hover div.newsImg img {transform: rotate(-10deg) scale(1.5, 1.5)}
.newsBlock:hover div.newsTitle a {background:#8fbf83}
.newsBlock:hover div.newsDate {height:35px}
/* ----------------------------- */
#fancybox-buttons {display:none}
#uEntriesList {margin-right:30px!important}
#uEntriesList .uEntryWrap {width:32%!important; padding:0px 2% 2% 0px}
#uEntriesList .uEntryWrap:nth-child(3n) {padding-right:0px}
.entryBlock {display:block!important}
.ePhoto {width:100%; position:relative; overflow:hidden; height:170px}
.ePhoto img {width:100%; min-height:170px}
.ePhotoInfo {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); transition:.3s; text-align:center; opacity:0; z-index:1}
.ePhoto:hover .ePhotoInfo {opacity:1}
.ePhotoInfo span {display:block; position:absolute; width:100%; z-index:2; top:50%; margin-top:-45px}
.ePhoto p.pTitle {position:relative; font:16px/16px 'PT Sans Caption'; text-transform:uppercase; color:#fff; padding-bottom:30px}
.ePhoto a {display:inline-block; padding:0px 7px; text-align:center; font:30px/30px 'Verdana'; color:rgba(255, 255, 255, 0.4)}
.ePhoto a:hover {color:rgba(255, 255, 255, 1)}
/* ----------------------------- */
.infPhoto {width:50%; float:left}
.infPhoto:nth-child(even) .infPhotoIn {margin:0px 5px 10px 0px}
.infPhoto:nth-child(odd) .infPhotoIn {margin:0px 0px 10px 5px}
.infPhotoIn {position:relative; overflow:hidden; max-height:120px}
.infPhoto img {width:120%}
.infPhotoInfo {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); transition:.3s; text-align:center; opacity:0; z-index:1}
.infPhoto:hover .infPhotoInfo {opacity:1}
.infPhotoInfo span {display:block; position:absolute; width:100%; z-index:2; top:50%; margin-top:-10px}
.infPhoto p.pTitle {position:relative; font:16px/22px 'Open Sans'; text-transform:uppercase; color:#fff; letter-spacing:1px; padding-bottom:30px}
.infPhoto a {display:inline-block; padding:0px 5px; text-align:center; font:20px/20px 'Verdana'; color:rgba(255, 255, 255, 0.4)}
.infPhoto a:hover {color:rgba(255, 255, 255, 1)}
/* ---------------------------- */
.photoInformer {margin:0px 30px 30px 0px; overflow:hidden; padding:15px 30px; background:#fff}
.infPhotoBlock {width:22.75%; margin-right:3%; float:left}
.infPhotoBlock:last-child {margin:0px}
.infPhotoBlock a {display:block}
.photoImg {width:100%; max-height:130px; margin-bottom:10px; overflow:hidden}
.photoImg img {width:100%; min-height:130px; transition:.5s}
.infPhotoBlock:hover img {opacity:0.8}
.infPhotoBlock p {text-align:center; font:11px/20px 'PT Sans Caption'; color:#555}
/* ---------------------------- */
.infVideo {margin-bottom:10px; position:relative}
.infVideoBlock {text-align:center; background:#fff; padding:15px; font:12px/18px 'Verdana'; color:#555}
.ve-screen {width:100%!important; height:auto!important; margin:0px!important; border-radius:0px!important}

/* ---( СТРАНИЦЫ МАТЕРИАЛОВ )--- */
.content {margin:0px 30px 30px 0px; background:#fff}
.bPath {text-transform:uppercase; color:#fff; font:12px/20px 'PT Sans Caption'; background:#40949b; padding-left:15px; position:relative; padding:15px}
.bPath a, .bPath a:link, .bPath a:visited, .bPath span {color:rgba(255, 255, 255, 0.6)}
.bPath a:hover {color:#fff}
.bPath b {font:normal 17px/20px 'PT Sans Caption'}
/* ---------------------------- */
.details {margin:5px; color:#999; padding-left:10px; font:16px;text-align:left}
.message p {margin:0px 0px 20px; font:16px/22px 'Verdana'; color:#333}
.message p:last-child {margin-bottom:0px}
.message img {margin:20px 0px; width:100%}
.message img[align="left"]{width:40%; float:left; margin:20px 20px 20px 0px!important}
.message img[align="right"]{width:40%; float:right; margin:20px 0px 20px 20px!important}

.photoDetails {background:#40949b; padding:20px; text-a;ign:center; color:rgba(255, 255, 255, 0.7); font: 14px/20px 'Verdana'; margin-top:30px}
.photoDetails a, .photoDetails a:link, .photoDetails a:visited {color:rgba(255, 255, 255, 0.7); border-bottom:1px dashed rgba(255, 255, 255, 0.7)}
.photoDetails a:hover {border-color:#40949b; color:#fff}
/* ---------------------------- */
.tags {margin:20px; font-size:0px}
.tags span {display:block; font:14px/30px 'PT Sans Caption'; padding-bottom:5px; position:relative}
.tags span b {background:#fff; position:relative; z-index:5; padding-right:5px}
.tags span:before {display:block; position:absolute; left:0px; top:15px; width:100%; height:2px; background:#40949b; content:''}
.tags a, .tags a:link, .tags a:visited {display:inline-block; background:#40949b; color:#fff; font:12px/30px 'PT Sans Caption'; padding:0px 10px; text-transform:uppercase; margin-right:10px; transition:.5s}
.tags a:hover {background:#8fbf83}
/* ---------------------------- */
.recommended {margin:30px; overflow:hidden}
.recommended span {display:block; font:18px/30px 'PT Sans Caption'; padding-bottom:10px; position:relative}
.recommended span b {background:#fff; position:relative; z-index:5; padding-right:5px}
.recommended span:before {display:block; position:absolute; left:0px; top:15px; width:100%; height:2px; background:#40949b; content:''}
.recommended li {width:23.5%; padding:0px 2% 0px 0px; float:left; display:block}
.recommended li:nth-child(4n) {padding-right:0px}
.recommended li:nth-child(4n+1) {clear:left}
.recommended li img {width:100%; height:130px}
.recommended li a {display:block; width:95%; padding:10px; font: 13px/20px 'PT Sans Caption'; color:#40949b; transition:.5s; text-align:center}
.recommended li a:hover {color:#8fbf83}
/* ---------------------------- */
.comments {padding:30px; overflow:hidden}
/* ------------------------ */

.rec5 {margin:30px;}

/* ---( СТРАНИЦЫ САЙТА )--- */
.SearchBlock {background:#fff; overflow:hidden; margin-right:30px}
.SearchBlock input.queryField {width:80%; padding:13px 0px 13px 2%; float:left; background:#fff; border:none; font:14px/14px 'Verdana'; color:#777; height:14px}
.SearchBlock input.queryBtn {width:14%; padding:13px 3%; float:right; border:none; font:14px/14px 'Open Sans'; color:#fff; cursor:pointer; transition:.3s; background:#40949b}
.SearchBlock input.queryBtn:hover {background:#8fbf83}

.searchNewsEntry:nth-child(3n+1) {clear:left}
/* ------------------------ */



/* ---( ОФОРМЛЕНИЕ ВВ-КОДОВ )--- */
.bbCodeName, .bbQuoteName {display:none}
.bbCodeBlock, .bbQuoteBlock {border:1px solid #f2f2f2; padding:0px; margin:0px 0px 25px; background:url('/Images/Cubes.png'); text-align:left}
.codeMessage, .quoteMessage {font:13px/20px 'Inconsolata'; color:#72A5D4; border:none!important; padding:20px 35px 19px 20px; max-height:100%!important}


blockquote {
margin: 0% 0 2% 0;
padding: 0% 0%;


}

/* ----------------------------- */
.uSpoilerClosed, .uSpoilerOpened {margin-top:15px}
.uSpoilerText {font:10pt/18px 'Verdana'; color:#888; padding-top:15px}
/* ----------------------------- */



/* ---( СТИЛИЗАЦИЯ ЭЛЕМЕНТОВ БРАУЗЕРА )--- */
::selection {background:#8fbf83; color:#fff}
::-webkit-scrollbar {width:7px}
::-webkit-scrollbar:horizontal {height:7px}
::-webkit-scrollbar-track {background-color:#eee}
::-webkit-scrollbar-thumb {background-color:#40949b}
/* --------------------------------------- */



/* --- ( АДАПТИВНОСТЬ ) --- */
@media only screen and (max-width:1000px), only screen and (max-device-width:1000px) {
 nav {text-align:center}
.navButton {display:block!important; transition:.3s; font:15pt/70px 'Open Sans'; padding:0px 20px; letter-spacing:1px}
#uNMenuDiv1 {display:none}
#uNMenuDiv1.Visible {display:block}
.MainMenu {height:auto}
 nav li {display:block; text-align:left; padding:0px}
 nav a, nav a:link, nav a:active, nav a:visited {display:block; text-align:center}
.mainBlock {width:100%; float:none}
.photoInformer {margin-right:0px}
.photoImg img {min-height:auto}
#allEntries div[id]:nth-child(3n-2) .newsEntry {width:calc(33.33% + 10px)}
#allEntries div[id]:nth-child(3n-1) .newsEntry {width:calc(33.33% + 10px)}
#allEntries div[id]:nth-child(3n) .newsEntry {width:calc(33.33% - 20px)}
#allEntries div[id]:nth-child(3n) .newsBlock {margin-right:0px}
aside {width:100%; float:none; margin-top:30px}
.infEntry {width:18.4%; float:left; margin-right:2%}
.infEntry:nth-child(6n) {margin-right:0px}
.infEntry p.one {width:100%; height:120px; float:none}
.infEntry p.two {height:auto; width:90%; float:none; text-align:center}
.infVideo {width:32%; margin-right:2%; float:left}
.infVideo:nth-child(4n) {margin-right:0px}

.content {margin-right:0px}

#uEntriesList {margin-right:0px!important}

.margin30px {margin:0px 0px 30px 0px}


}
/* ------------------------ */
@media only screen and (max-width:900px), only screen and (max-device-width:900px) {
.logo {display:block; margin:0px auto; overflow:hidden}
.headerRight {width:50%; float:none; margin:30px auto 0px}
.headerLinks {width:132px; margin:0px auto; overflow:hidden; padding-right:20px}
#allEntries div[id]:nth-child(n) .newsEntry {width:50%}
#allEntries div[id]:nth-child(n) .newsBlock {margin-right:30px}
#allEntries div[id]:nth-child(n) {clear:none}
#allEntries div[id]:nth-child(2n+1) {clear:left}
#allEntries div[id]:nth-child(2n-1) .newsEntry {width:calc(50% + 15px)}
#allEntries div[id]:nth-child(2n) .newsEntry {width:calc(50% - 15px)}
#allEntries div[id]:nth-child(2n) .newsBlock {margin-right:0px}
.newsImg {height:210px}

}
/* ------------------------ */
@media only screen and (max-width:800px), only screen and (max-device-width:800px) {
.newsImg {height:180px}

}
/* ------------------------ */
@media only screen and (max-width:750px), only screen and (max-device-width:750px) {
.newsImg {height:160px}

.infPhotoBlock {width:49%; margin-right:2%}
.infPhotoBlock:nth-child(2n-1) {margin-right:0px}
.photoImg {max-height:180px; margin:0px}
.infPhotoBlock a p {margin:5px 0px 10px}

.infEntry {width:100%; float:none; margin-right:0px}
.infEntry a {display:flex; flex-direction:row; align-items:stretch}
.infEntry p.one {width:40%; height:auto; float:left}
.infEntry p.two {height:auto; width:50%; float:right; text-align:left; vertical-align:center}

.infVideo {width:100%; margin-right:0%; float:none}
.infVideo:nth-child(n) {margin-right:0px}
.ve-screen a {height:250px!important}

}
/* ------------------------ */
@media only screen and (max-width:600px), only screen and (max-device-width:600px) {
.headerRight {width:80%}
#allEntries div[id]:nth-child(n) {clear:none}
#allEntries div[id]:nth-child(n) .newsEntry {width:100%}
#allEntries div[id]:nth-child(n) .newsBlock {margin-right:0px}
.newsImg {height:250px}

#uEntriesList .uEntryWrap:nth-child(n) {width:49%!important; padding: 0px 2% 2% 0px; display:block!important; float:left}
#uEntriesList .uEntryWrap:nth-child(2n) {padding-right:0px}
#uEntriesList .uEntryWrap:nth-child(2n+1) {clear:left}
}
/* ------------------------ */
@media only screen and (max-width:500px), only screen and (max-device-width:500px) {
.newsImg {height:220px}
.photoImg {max-height:100px}
.photoInformer {display:none}

}
@media only screen and (max-width:450px), only screen and (max-device-width:450px) {
.newsImg {height:200px}

}


/* ------------------------ */



/* ------------------------ */Свои стили

.socknopka {padding-left:15px; padding-right:15px;}

.morenews {padding-left:15px; padding-right:15px;}

.morenews2 {padding-left:15px; padding-right:15px;margin-top:-40px; }

.message {margin:0px 30px 20px; font:15px/20px 'Verdana'; color:#292E2E}

.recommended2 {margin:10px; overflow:hidden}
.recommended2 span {display:block; font:14px/30px 'PT Sans Caption'; padding-bottom:5px; position:relative}
.recommended2 span b {background:#fff; position:relative; z-index:5; padding-right:5px}
.recommended2 span:before {display:block; position:absolute; left:0px; top:15px; width:100%; height:2px; background:#40949b; content:''}
.recommended2 li {width:23.5%; padding:0px 2% 30px 0px; float:left; display:block}
.recommended2 li:nth-child(4n) {padding-right:0px}
.recommended2 li:nth-child(4n+1) {clear:left}
.recommended2 li img {width:100%; height:130px}
.recommended2 li a {display:block; width:95%; padding-top:10px; font: 13px/20px 'PT Sans Caption'; color:#40949b; transition:.5s; text-align:center}
.recommended2 li a:hover {color:#8fbf83}

#banners a img { 
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
} 

#banners a:hover img { 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
}

/* Comments Style */
.cMessage{padding-left:5px;padding-top:2px;text-align:left;padding-bottom:5px;padding-right:3px;font:15px 'Verdana'; color:#292E2E}

/* -------------- */

.leftimg {
 float:left; /* Выравнивание по левому краю */
 margin: 0px 15px 7px 0; /* Отступы вокруг картинки */
width:250px
 }

.outer {padding: 10px;}
.p.cite {
 
margin-left: 30px; /* Отступ слева */
padding-left: 35px; /* Расстояние от линии до текста */

}

.uRelatedEntries {
list-style: none; 
font-size: 15px;
 margin-left: -40px;
 } 


.uRelatedEntries li { 
position: relative; 
padding-left: 30px; 
line-height: 1.6;
} 
.uRelatedEntries li:before { 
content: ""; 
position: absolute; 
left: 0; 
top: .1em; 
width: 2em; 
height: 2em; 
background: url('/image/ikonka.png') height: 15px; no-repeat 3px 0px;
}


.eTag {
background: #f7dd76;
 color: #000000; 
 font-size:15px;
 padding: 5px 10px 5px 10px; 
 border-radius: 11px;
}


.bPath2 {text-transform:uppercase; color:#006666;font-weight: 600; font:24px 'PT Sans Caption'; padding-left:15px; position:relative; padding:15px}

.news-img {
width:100%;
}


.news-date{ 
position: absolute; 
top: 0; 
left: 0; 
padding: 2px 15px; 
color: #fff; 
background: #00487F; 
font-size: 14px; 
} 
.h_mtr{ 
margin-bottom:30px; 
} 
.h_mtr_in{ 
display:table; 
width:100%; 
} 
.h_mtr_image {
 display: table-cell;
 vertical-align: top;
 width: 250px;
 position: relative;
}
.h_mtr_content{ 
display:table-cell; 
vertical-align:top; 
padding: 10px; 
border: 1px solid #E2E6E7; 
} 
.h_mtr_image_over { 
width:250px; 
height:150px; 
} 
 
.h_mtr_image_over img {
 width: 230px;
 height: 163px;
 object-fit: cover;
} 
.h_mtr_image_over a:hover img{ 
opacity:0.7; 
} 
.h_mtr_image_over { 
object-fit: cover; 
} 
.h_mtr_title{ 
font-size:20px; 
font-family:'Tahoma',sans-serif; 
margin-bottom:10px; 
} 
.h_mtr_title a{ 
color:#000000; 
} 
.h_mtr_title a:hover { 
color:#F51C1F; 
text-decoration:none; 
} 
.h_mtr_text{ 
text-align:justify; 
color:#636363; 
} 
.h_mtr_date{ 
margin-top:14px; 
margin-bottom:7px; 
font-size:14px; 
color:#818181; 
} 
.h_mtr_date a{ 
color:#818181; 
} 
.hm_d{ 
display:inline-block; 
padding-left:22px; 
padding-right:10px; 
} 
 
.h_mtr_title { 
font-weight:500 !important; 
display:block; margin-bottom:0em !important; 
margin-top:0em !important; 
} 
@media only screen and (max-width:1160px){ 
.h_mtr_title{ 
font-size:18px; 
} 
.h_mtr{ 
margin-bottom:30px; 
} 
.h_mtr_in{ 
display:table; 
width:100%; 
} 
.h_mtr_image{ 
display:table-cell; 
vertical-align: 
top;width:260px; 
position: relative; 
} 
.h_mtr_content{ 
display:table-cell; 
vertical-align:top; 
} 
.h_content_left{ 
padding-left:30px; 
max-width:854px; 
} 
.h_mtr_image_over{ 
width:250px; 
height:150px; 
} 
.h_mtr_image_over img{ 
width:250px; 
height:150px; 
object-fit:cover; 
} 
.h_mtr_date .hm_date{ 
display:none 
} 
.h_mtr_image_over a:hover img{ 
opacity:0.7; 
} 
} 
@media only screen and (max-width:960px){ 

.h_mtr_title{ 
font-size:18px; 
} 
.h_mtr{ 
margin-bottom:30px; 
} 
.h_mtr_in{ 
display:table; 
width:100%; 
} 
.h_mtr_image{ 
display:table-cell; 
vertical-align:top; 
width:300px; 
position: relative; 
} 
.h_mtr_date .hm_user { 
display: none; 
} 
.h_mtr_content{ 
display:table-cell; 
vertical-align:top; 
} 
} 
@media only screen and (max-width:640px){ 

.h_mtr_in,.h_mtr_image,.h_mtr_content{ 
display:block; 
width:100%; 
} 
.h_mtr_image_over{ 
border:0px double #ffffff!important; 
} 
.h_mtr_image_over{ 
width:100%; 
height:auto; 
display:block; 
margin-bottom:15px; 
} 
.h_mtr_image_over img{ 
width:100%; 
height:auto; 
} 
.h_mtr_image_over{ 
object-fit:cover; 
border:0px solid #FCFCFC; 
box-shadow:0px 0px 0px 0px #DDD; 
} 
}