@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:400,600i,700';
.clearfix:after{display: table; content: " "; clear: both;}
.clearfix{clear: both;}

.page-template-ondecomprar .conteinar,
.page-template-productcategory .conteinar {background: #000!important;}
.categorylist-menu > li {display: inline-block; margin-right: 1.5%; width: 32.1%; margin-bottom: 25px; background: #32161C;}
.categorylist-menu > li:nth-child(3n) {margin-right: 0;}
.cat-img {float: left; width: 41%;}
.cat-des {float: left; padding: 16px 23px 0; width: 59%;}
.cat-des p {font-size: 15px;}
.categorylist-menu {margin: 0;}
.categorylist-menu h4 {background: #1B0C0F; padding: 8px 12px; text-transform: uppercase;font-size: 16px;}

.dropdown-list .dropdown-item {display: inline-block; margin-right: 1.5%; width: 32.1%; position: relative;}
.dropdown-list .dropdown-item:last-child {margin-right: 0;}
.dropdown-list .dropdown-item > label {display: block; font-size: 17px; margin-bottom: 10px; text-transform: uppercase;}
.page-template-ondecomprar h2 {font-size: 26px; font-weight: 600;margin-bottom: 25px;}
.page-template-ondecomprar h2 + p {font-size: 18px;}
#filters {margin-top: 35px;}
.dropdown-list .dropdown-item > select {background: #1B0C0F; border: 0 none; color: #fff; cursor: pointer; font-size: 16px; height: 40px; padding: 0 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none;  appearance: none;  display: block;  width: 100%;}
.dropdown-item::after {background: url("../img/darrow.png") no-repeat scroll 0 0; content: ""; height: 10px; pointer-events: none; position: absolute; right: 18px; top: 51px; width: 14px;}
.left-onder {float: right; width: 30%;}
.right-onder {float: left; width: 70%;}
.map-block {clear: both; padding: 25px 0 0; display: none;}
.map-block.active{display: block;}
.onderlist ul li{list-style: none;}
.left-onder > ul {margin: 0;}
.left-onder > ul li{margin-top: 3px;width: 32%;display: inline-block;}
.onderlist > ul {margin: 0;}
.onderlist > ul > li {border: 1px solid #333; margin: 30px 0 0; padding: 25px 30px; width: 100%;}
.onderlist > ul > li h4 {
  color: #be961c;
  font-family: Verdana;
  font-size: 20px;
  margin-bottom: 10px;
}
.list-link {margin: 0;}
.list-link li {display: inline-block; font-size: 15px; margin-bottom: 0; margin-top: 15px; padding: 5px 0 5px 35px; width: 40%;}
address {font-size: 15px;}
.map-block > label {font-size: 17px;}
.map-block iframe {width: 100%;}
.list-link li.website{background: url('../img/web_icon.png')no-repeat scroll 0 5px;}
.list-link li.email{background: url('../img/email_icon.png')no-repeat scroll 0 5px;}
.list-link li.phone{ background: url('../img/tell_icon.png')no-repeat scroll 0 9px;}
.list-link li.movie{background: url('../img/video_icon.png')no-repeat scroll 0 8px;}
.list-link li.ver_mapa{background: url('../img/map_icon.png')no-repeat scroll 0 6px;}
.onderlist > ul > li:hover {background: #333;}
.dropdown-item select option {padding: 0 15px;}
.right-onder address {clear: both;background: url('../img/home_icon.png') no-repeat scroll 0 5px;padding-left: 35px;}
/*.onderlist > ul > li:hover .right-onder address {background: url('../img/home_icon_hover.png') no-repeat scroll 0 5px;}*/
.right-onder address,.right-onder .list-link li {font-size: 16px;font-weight: 600;color: #FFFFFF;font-family: 'Josefin Sans', sans-serif;}
.right-onder .list-link li{display: block; width: auto; margin: 0; padding: 0px 0 10px 35px; margin-bottom: 20px;}
 

@media (max-width:768px){
    .categorylist-menu > li {width: 49%; margin-right: 1%;}
    .categorylist-menu > li:nth-child(2n) {margin-right: 0;}
    .categorylist-menu > li:nth-child(3n) {margin-right: 1%;}
    .dropdown-list .dropdown-item {width: 32%;}
    .left-onder {width: 40.2%;}
    .right-onder {width: 59%;}
    .list-link li {width: 49%;}
    
}

@media (max-width:667px){
    .cat-img {width: 24%;}
    .cat-des {width: 76%;}
    .categorylist-menu > li {margin-right: 0;  width: auto;}
    .categorylist-menu > li:nth-child(3n) {margin-right: 0;}
    .dropdown-list .dropdown-item {width: 31.8%;}
}

@media (max-width:480px){
    .left-onder {float: none;}
    .right-onder {float: none; margin-top: 25px; width: auto;}
    .left-onder {width: 67%;}
}

@media (max-width:479px){
    .cat-des {padding: 2px 20px 0;}
    .dropdown-list .dropdown-item {margin-bottom: 15px; width: 100%;}
    .list-link li {width: 100%;}
    .left-onder {width: 92%;}
    .right-onder {clear: left;}
}