.title { position: relative; margin-bottom: 25px; }

.cat-wrap { display: inline-table; vertical-align: top; position: relative; width: 48%; margin-right: 1.5%; background: #f6f6f6; border: 1px solid #f6f6f6; border-top: 17px solid #dc2b19; padding: 25px 0 25px 35px; margin-bottom: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.cat-wrap:nth-child(2n) { margin-left: 1.5%; margin-right: 0px; }
.cat-wrap:nth-child(4n+3) { background: #fff; border-top: 17px solid #f0f073; }
.cat-wrap:nth-child(4n+4) { border-top: 17px solid #f0f073; background: #fff; }
.cat-wrap .title { margin-bottom: 15px; }
.cat-wrap .title a { color: #000; }
.cat-wrap .title a:hover { text-decoration: underline; }
.cat-image { float: right; position: relative; text-align: center; width: 42%; height: 230px; }
.cat-image > div { position: absolute; display: block; top: 50%; left: 0px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.link { font-size: 14px; display: inline-block; }
.link i { font-size: 12px; margin-left: 5px; }
.link:hover { color: #000; }
.sub-cats { margin-top: 7px; padding-top: 20px; position: relative; float: left; width: 58%; }
.sub-cats:before { content: ''; position: absolute; top: 0px; left: 0px; width: 350px; height: 1px; background: #818181; }
.sub-cats ul { margin: 0px; padding: 0px; list-style-type: none; }
.sub-cats ul li { float: left; width: 50%; }
.sub-cats ul li a { color: #484848; font-size: 15px; }
.sub-cats ul li a em { font-size: 13px; color: #aaa; }
.sub-cats ul li a:hover { color: #dc2b19; }
a#h2link {display:block;}
.reklam { display: block; width: 100%; padding: 0px; margin-bottom: 25px; }
.reklam .kartinka { display: block; position: relative; width: 100%; }
.reklam .kartinka img { display: block; width: 100%; z-index: 1; top: 0px; }
.reklam .kartinka h1 { display: block; position: absolute; top: 20%; z-index: 2; color: #ffffff; background: rgba(220,43,25,0.70); border: 1px solid rgba(220,43,25,0.50); padding: 10px 30px 8px 20px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.reklam .tuktxt { display: block; width: 100%; margin-top: 20px; font-size: 22px; text-align: justify; }

@media only screen and (max-width: 1480px) {
.cat-image { width: 37%; }
.sub-cats::before { width: 100%; }
}
@media only screen and (max-width: 1280px) {
.cat-image { width: 29%; }
.sub-cats { width: 69%; }
}
@media only screen and (max-width: 1024px) {
.reklam .kartinka h1 { font-size: 22px; padding: 7px 25px 5px 15px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
}
@media only screen and (max-width: 990px) {
.cat-wrap { display: block; width: auto; margin-right: 0px; }
.sub-cats {margin-top:30px;}
}
@media only screen and (max-width: 500px) {
.cat-wrap { padding: 25px; margin-bottom: 20px; }
.cat-image { position: absolute; top: 0px; right: 25px; float: none; height: 95px; width: 70px; }
.sub-cats { float: none; width: auto; }
.sub-cats:before{position: relative!important;}
}
@media only screen and (max-width: 430px) {
.cat-wrap .title { padding-right: 70px; }
.sub-cats ul li { float: none; width: auto; }
}
@media only screen and (max-width: 370px) {
.cat-wrap { padding: 15px; }
.cat-image { height: 85px; right: 15px; }
}