.avuperevoz_perekluchaeum{ 
width: 48.5%; 
float:left; 
margin: 3px 10px 3px 0px; 
} 

.kaldenokeremukys { 
 padding: 7px; 
 margin-bottom: 17px; 
 background: #141415; 
 border-radius: 5px 5px 3px 3px; 
 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.42), 0px 0px 3px 1px rgba(82, 79, 79, 0.86); 
} 

.kaltemeruy-osmiduck {
 padding: 0 0 0px 10px;
} 

.kaltemeruy-osmiduck a {
 display: block;
 font-size: 13px;
 line-height: 2.25;
 color: #3e3e3e;
 font-weight: bold;
} 

.dkimadetun {
 white-space: nowrap;
 overflow: hidden;
 padding: 3px;
 background: #ffffff;
 position: relative;
 margin: 0px 0px 0px 3px;
 } 
 .dkimadetun::after { 
 content: ''; 
 position: absolute; 
 right: 0; top: 0; 
 width: 120px; 
 height: 100%; 
 background: linear-gradient(to right, rgba(255, 255, 255, 0.29), rgb(255, 255, 255) 98%); 
} 

.vid-materiala img {
 /* width: 99%; */
 height: 215px;
 border: 2px solid #fff9f9;
 border-radius: 7px 7px 1px 1px;
 box-shadow: 0px -1px 6px 0px rgba(72, 67, 67, 0.57);
 box-shadow: 0px -1px 3px 1px #968787b3;
}

.vid-materiala img:hover{ 
opacity:0.9; 
} 

.bemerka-text {
 lline-height: 20px;
 opacity: 0.8;
 margin-bottom: 15px;
 padding: 0 0px;
 height: 95px;
 overflow: hidden;
 
}

.gTable{padding:0 0 15px}

.module-shop .eTitle{padding:0;background:transparent;box-shadow:none}
.calMdayIsA .calMdayLink:hover,.eTitle a:hover{text-decoration:none;color:#2196f3}
.eMessage,#casing .eText{font-size: 14px;background: #ffffff;border-radius:0 0 4px 4px;position:relative;box-shadow: 0px 0px 5px 1px rgba(1, 1, 1, 0.57);padding: 10px 10px;line-height: 1.73;border-radius: 5px;}
#casing table.eBlock td[width="85%"],#casing table.eBlock td[align="right"]{background-color:#fff;padding:0 30px;text-align:left;box-shadow:0 5px 4px rgba(1,1,1,0.2)}
.eAttach{padding:10px 30px 30px;margin-top:-5px;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(1,1,1,0.2);position:relative}
.eMessage .eAttach{padding:10px 0;background:#fff;border-radius:0;box-shadow:none;position:relative}
.eMessage,.eText{word-break:break-word;-ms-word-wrap:break-word;word-wrap:break-word}
.eMessage img,.eText img{max-width:100%;width:100%;}

#allEntries {display: flex;flex-wrap: wrap;margin: -3px;}
#allEntries > div {flex: 0 0 50%;max-width: 50%;}

@media (min-width: 1130px) {
 #allEntries > div {flex: 0 0 19.5%;max-width: 19.5%;}

 
}


 /* ========== multikat */ 
 .multikat { 
 position:relative; 
 margin:0 -10px 20px; 
 padding-top:10px; 
 width:102%; 
 font:normal normal 9px/20px Tahoma, Geneva, sans-serif; 
 text-transform:uppercase; 
 background:#AAB8C1; 
 border-bottom:1px solid #4B5D6B; 
 border-top:1px solid #4B5D6B; 
 } 
 .multikat ul li { 
 display: inline; 
 float:left; 
 margin:0 10px; 
 } 
 .multikat ul li a { 
 margin-bottom:10px; 
 display:block; 
 padding-left:22px; 
 width:98px; 
 height:20px; 
 text-decoration:none; 
 color:#333; 
 background:#EEE url(http://webo4ka.ru/Ucoz2/novii_vid_kategorii_v_stroky.png) no-repeat 0 -20px; 
 } 
 .multikat ul li a:hover { 
 background-position:0 0; 
 color:#000; 
 text-decoration:none; 
 } 

 #wrapper { 
 float:left; 
 width:100%; 
 }

.kategoriya_tematika {
text-align: center;
padding: 0px;
margin: 0px;
list-style: none;
}

.kategoriya_tematika li {
text-align: left;
margin: 0px 4px 11px 4px;
display: inline-block;
vertical-align: top;
}

.kategoriya_tematika li a {
 padding: 6px; 
 position: relative;
 display: inline-block;
 background: #0392ca; #fff;
 width: 280px; #fff;
 border-radius: 10px;
 
 color: #fff;
 
 text-align: center;
 text-shadow: 0 1px 0 #fff;
 
 font-size: 15px;
}

.kategoriya_tematika li a:hover {
text-decoration: none;
background: #000000 !important;
}

.btn {
 border: 2px solid black;
 background-color: white;
 color: black;
 padding: 14px 28px;
 font-size: 16px;
 cursor: pointer;
}

/* Green */
.success {
 border-color: #4CAF50;
 color: green;
}

.success:hover {
 background-color: #4CAF50;
 color: white;
}

/* Blue */
.info {
 border-color: #2196F3;
 color: dodgerblue
}

.info:hover {
 background: #2196F3;
 color: white;
}

/* Orange */
.warning {
 border-color: #ff9800;
 color: orange;
}

.warning:hover {
 background: #ff9800;
 color: white;
}

/* Red */
.danger {
 border-color: #f44336;
 color: red
}

.danger:hover {
 background: #ccc;
 color: white;
}
/* Navbar container */
.navbar {
 overflow: hidden;
 background-color: #000000;
 font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
 float: left;
 font-size: 16px;
 color: white;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}



/* Dropdown button */
.dropdown .dropbtn {
 font-size: 16px;
 border: none;
 outline: none;
 color: white;
 padding: 14px 16px;
 background-color: inherit;
 font-family: inherit; /* Important for vertical align on mobile phones */
 margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
 background-color: #a5090d;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
 display: none;
 position: absolute;
 background-color: #f9f9f9;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
 float: none;
 color: black;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
 background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
 display: block;
}
.btn {
 border: none; /* Remove borders */
 color: white; /* Add a text color */
 padding: 14px 28px; /* Add some padding */
 cursor: pointer; /* Add a pointer cursor on mouse-over */
}

.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #0392ca;} /* Red */
.danger:hover {background: #000000;}

.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}

.button {
 background-color: #0392ca;
 border: none;
 color: white;
 padding: 7px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 14px;
 margin: 4px 2px;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: +;}

.rel-mat {text-align:left!important;float:left;width: 150px;height: 350px;margin: 1px;overflow: hidden;border: 1px solid #aea79f!important;display: inline-block;border-radius:3px;box-shadow: 0 0 2px rgb(177, 172, 172);background: #fff;}
.rel-mat span {display:block;position: relative;top: 5px;}
.rel-mat p:before{ content:""; display:block; height:70px; position:relative; top:210px; background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); }
.rel-mat p:nth-child(1){text-align: left;padding: 0 5px 0 5px;display:inherit!important;}
.rel-mat p:nth-child(1n+1) {display:none;}
.rel-mat img {border-bottom:1px solid #aea79f;width: 150px;max-height: 95px;}
a.rel-link {color: #337ab7;float: left;text-align: center;position: relative;z-index: 10;}
#rel {width: 100%;margin-bottom: 10px;padding-bottom: 20px;display: inline-block;border: 1px solid #cdc7c7;border-radius: 5px;background: #FFF;}
#rel span:nth-child(1) {font-size: 18px;font-family: serif;color: green;margin-left: 10px;border-bottom: 1px dashed green;position: relative;top: 4px;}


}
.contar1 {width:1130px;margin:0px auto} 
.h-services {padding:60px 0px} 
.h-services-tab {display:table;width:100%} 
.h-services-col {display:table-cell;vertical-align:top;width:25%;padding:0px 15px} 
.h-se-img {margin-bottom:25px;position:relative} 
.h-se-img img {vertical-align:bottom;box-shadow:0px 2px 10px rgba(0,0,0,0.5); height:305px; ;width: 100%;};} 
.h-se-title {font-size:14px;font-weight:bold;margin-bottom:13px;color:#13517B} 
.h-se-desc {font-size:13px;line-height:22px;color: #525252;} 
.h-se-more {margin-top:13px} 
.h-se-more a i {margin-left:5px} 
.h-se-more a {font-weight:bold;text-decoration:none;font-size:12px;color: #303A67;} 
.h-se-more a:hover {opacity:0.7} 
@media only screen and (max-width: 1180px) { 
.contar1 {width:auto;padding:0px 20px;} 
} 
@media only screen and (max-width: 640px){ 
.h-se-more {margin: 20px 10px;} 
.h-services-tab, .h-services-col {display:block;width:100%;padding:0px} 
}