body, html, p, a, span, h1, h2, h3, h4, h5, img, table, tr, td, div, nav, aside, ul, li {margin: 0; padding: 0; color:#555; } HTML {width: 100%;}
BODY {font-family:sans-serif; font-size: 14px; width: 100%; }
.img, img, a img, a {border:none;}

@font-face {font-family: Symbols;src: url('../../site_includes/css/font-awesome/fonts/FontAwesome.otf');}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons {font-family:icons;font-size:24px;}

/*OFF*/
.mobile-banner {display:none;}
#mainMenuButton {display:none;}
.meni-on {display:none;}
.hideAlways{display:none!important}
/*cookies*/
#cookiesMessage{
    position: fixed;
    bottom:0;left:0;right:0;
    width:100%;
    height:80px;
    background:rgba(255,255,255,.93);
    z-index: 10000;
    padding: 30px;
    font-size:16px;
}
#cookiesMessage p{
    font-size:inherit;
    display:inline-block;
    width:70%;
}
#cookiesMessage span{
    display: inline-block;
    width: 20%;
    margin:0 0 0 50px;
    border:1px solid #bbb;
    text-align: center;
    padding: 10px;
    background: rgba(255,255,255,.6);
    cursor: pointer;
}

/*CORPORATE COLORS*/
/*NOTICE:Usage of color mixtures are free. Design patterns and color schemes are copyrighted*/
.herzBlueGray {background:#5C7085; color:#fff}
.herzMedDarkred {background:#B30000; color:#fff}
.herzGrayGreen {background:#2F4F4F; color:#fff}
.herzMediumGray {background:#555555; color:#fff}
.herzRenewableGreen {background:#556B2F; color:#fff}
.herzOldGold {background:#D2B48C; color:#fff}

/*BOXES COLORS*/
.cWhite{background:fff; color:#777;}
.cBrown{}
.cRed{background: #FF0000; color:#fff;}
.cRedDark{background: #F00; color:#fff;}
.cGray80{background:#AEAEAE;color:#fff;}
.cGray30{background:#9c9c9c;color:#333;}
.cBlue{background:#5C7085;color:#fff;}
.cDarkGreen{background:#2F4F4F;color:#fff;}
.cGreen{background:#556B2F;color:#fff;}

/*BLOCKS TEST*/

.oblast_strane {border: none; margin:auto; width: 100%; position:relative; overflow: hidden; margin-top:80px; }
.oblast_zaglavlja {
    border-bottom: 1px solid #CCCCCC;
    position: fixed;
    top:0px;left:0px;right:0px;
    background:#fff;
    height:80px;
}
.oblast_zaglavlja:after{
    box-shadow: 0px 11px 10px #777;
    display: block;
    content:"";
    z-index:-1000;
    position: absolute;bottom:0;left:0;
    background: none;
    height:12px; width:100%;
}
.top_baner{margin: 0; width:100%;  z-index: 200;}
.oblast_sadrzaja {
    position:relative;
    width: 1308px;
    min-height:380px;
    font-size:0;
    margin:0 auto;
}
.catid_11 .oblast_sadrzaja{min-height: 530px;}
.oblast_futera {background:#444444; position: relative; padding:40px 40px 50px 40px;overflow: hidden;}
.oblast_futera:after{content:""; display:table; float:none; clear:both;}
#coll_right, #coll_middle, #coll_left {border: medium none; position: relative; margin:0; padding:0; }
#coll_left {display:inline-block; width: 180px;vertical-align:top;font-size:initial}
#coll_middle {display:inline-block;vertical-align: top;position:relative;width: 948px;padding-bottom:20px;font-size:initial}
#coll_right {display:inline-block; width: 180px;vertical-align:top;font-size:initial}

.kontakt .pageBody {padding:0;width:948px;margin:0 auto;}


/*HEADER*/

.logo-hires {border:none; display: block;
    height: auto; left: 0;
    margin: 0 0 0 40px;
    padding:10px 0 0 20px; position: relative;
    width: 190px;
    box-sizing: border-box;
}

.logo-hires img {border: medium none; display: block; height:auto; width: 100%; }

.promo-text-header {
    display:none;
    background: #999; padding:0 14px 0 0 ; color:#fff; text-align: right}
.logo-container{
    display: inline-block;
}
.flyOutMenu{
    width:auto;
    height:50px;
    position: absolute;
    right:16px;
    top:116px;
}
.flyOutMenu a {display:block;}
.flyOutMenu span {background-color:#ccc;color: #fff;cursor: pointer;display:inline-block;vertical-align:top;font-weight: bold;font-size:14px}
.flyOutMenu .ChartText{
    padding: 4px 8px 4px 10px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.flyOutMenu .numberOfItems {
    padding: 4px 34px 4px 6px;
    border-left: 1px white solid;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.glavni_meni{
    display:inline-block;
    margin:0 0 0 30px!important;
    vertical-align: top;
}
.glavni_meni > ul {display: block;
    box-sizing: border-box;
    font-size:0;
}
.glavni_meni > ul > li {
    list-style: none;
    display:inline-block;
    box-sizing: border-box;
    color:#999;
}
.glavni_meni > ul > li a{
    display: block;
    padding: 45px 30px 18px 10px!important;;
    font-size:14px;
    text-decoration: none;
    border-left:1px solid #ccc;
    color:inherit;
    box-sizing: border-box;
    text-transform: uppercase;
}
.glavni_meni > ul > li:hover {
    background: #aaa;
    color:#fff;
}

.meni_jezici {
    display: block;
    position: absolute; right: 40px; top:54px; ;width:140px;
    background: rgba(255,255,255,.9);
    padding:10px

}
.meni_jezici:after{
    content:"Choose Your Region";
    display: block;
    position: absolute;
    top:-32px;right:40px;
    border:1px solid #eee;
    color:#aaa;
    padding:2px 16px;
    background: #fff;
    line-height:15px;
    box-sizing: border-box;
    cursor: pointer;
}
.meni_jezici li {
    display:none; width:100%;
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;

}
.meni_jezici:hover li{
    display: block;
}
.meni_jezici a {display: block; padding:16px 6px; text-decoration: none; }
.meni_jezici A:hover {background:rgba(200,10,10,.1)}
.meni_jezici .markLng {border-bottom:1px solid #FF0000;}
.meni_jezici img{display: block;width:100%; border:1px solid #ddd}

.catTitle {margin: 10px 0;
    text-align: center;
    color: #ec1a22;
    padding: 10px;
    font-size:32px;
}
.catShortDesc {color: #666666; font-size: 14px; padding: 0 10px 10px; }

/*BUTTONS*/
.buttonStandard {
    min-width:170px; min-height:38px;
    box-sizing: border-box;
    color:#999;
    padding:7px 0;
    border:1px solid #ccc;
    text-decoration:none;
    text-align:center;
    box-sizing:border-box;
    cursor: pointer;
    background:#efefef;
    font-size:16px;
}
.buttonStandard:hover{
    background:beige
}
/* SEARCH DROP DOWN LIST*/
.catalog_search{
    display:none;
    text-align: center;
}
.searchIconHeader{position:absolute; top:20px; right:10px;z-index:400;color:#999; font-size:36px; border-left:1px solid #ccc;padding-left:10px; cursor:help}

#brzi_pretrazivac {padding:10px; background:none; box-sizing:border-box;}
#brzi_pretrazivac #inputString {height:38px; width:365px; border:1px solid #ccc; padding:1px 14px; display:inline-block;box-sizing:border-box;font-size:17px; font-family:sans-serif;letter-spacing: .8px;
    box-shadow:inset 2px 1px 4px rgba(0,0,0,.2);color:#f44
}
#brzi_pretrazivac .searchDugme {display:inline-block;vertical-align:top}
.suggestionsBox {
    position: absolute;
    margin: 10px 0px 0px 0px;
    width: 480px;
    box-sizing:border-box;
    background-color: transparent;
    border: 1px solid #555;
    z-index:1000;
    display:block;
    left:calc(50% - 287px);
    bottom:auto;
    top:40px;
}
.close_suggestions{
    display:block; position: absolute;
    right:-42px; top:-1px; width: 40px; height: 40px;
    background:rgba(0,0,0,.3);; border:1px solid #555; border-left:none
}
.close_suggestions:after {content:"X";color:#ddd;cursor:pointer;
    display:block;position:absolute;
    top:0;
    padding:10px 14px;
}

.suggestionList{
    margin: 0px; padding: 0px; height:auto;
    overflow: hidden; overflow-y:auto; }
.suggestionList li {margin: 0px; padding: 0px;
    cursor: pointer; list-style-type:none;
    height:80px; border-bottom: 1px solid #ccc; overflow: hidden;
    background:rgba(255,255,255,.9);
    color:#777;
}
.suggestionList li:hover {background:rgba(255,255,255,.95); color:inherit;}
.suggestionList li img {display: block; width: 80px; padding: 0px; margin: 0px; float: left; }
.suggestionList li div{width:370px; float: left; color:inherit;margin:0 0 0 10px}
.suggestionList li h3 {
    font-size: 16px; font-weight: bold; padding-left: 6px;
    color:#ff4422;
}
.suggestionList li p {padding-left: 6px;color:inherit;font-size:16px;}

/*POCETNA*/
.index .box-1{
    font-size: 0;
}
.index .box-1 > div{
    display: inline-block !important;
    font-size: initial;
}
.index .box-1 h2{
    white-space: nowrap;
}
.index .box-1 h3, .index .box-1 p{
    color: red;
}
.index .box-1 .text-holder{
    width: 60% !important;
}
.index .box-1 .media-holder{
    vertical-align: bottom !important;
    text-align: right;
    width: 40% !important;
}
.index .box-1 iframe{
    max-width: 100%;
    width: auto;
    height: 100px;
}
/*KATALOG ROOT*/
.katalog.catid_1001 .catImage{
    display: none
}
.katalog.catid_1 .sideCatNav, .katalog.catid_1 .catSubitems, .katalog.catid_1001 .sideCatNav, .katalog.catid_1001 .catSubitems{
    display:none!important;
}
.katalog.catid_1 .oblast_sadrzaja,.katalog.catid_1001 .oblast_sadrzaja{
    width:1308px;

}
.katalog.catid_1 .katalog_prikaz,.katalog.catid_1001 .katalog_prikaz {width:100%;}
.katalog.catid_1 .katalog_prikaz ul,.katalog.catid_1001 .katalog_prikaz ul {counter-reset: section;}
.katalog.catid_1 .cat_item,.katalog.catid_1001 .cat_item{
    width:100%;
    background:#dc1414;
    border-bottom:1px solid #fff;
    font-size:0;
    position:relative;
}
.katalog.catid_1 .cat_item:last-child ,.katalog.catid_1001 .cat_item:last-child {border-bottom:0px solid red;}
.katalog.catid_1 .catName,.katalog.catid_1001 .catName{
    width:388px;
    font-weight:bold;
    color:#fff;
    padding:8px 20px 8px 80px;
    box-sizing: border-box;
    text-align:left;
    display:inline-block;
    vertical-align: middle;
    font-size:initial;
}
.katalog.catid_1 .kategorije ul li a:hover, .katalog.catid_1001 .kategorije ul li a:hover {
    border-bottom:0px solid red;
}
.katalog.catid_1 .subcatsInCat,.katalog.catid_1001 .subcatsInCat {width:900px;display:inline-block;vertical-align: middle;}

.katalog.catid_1 .subcatsInCat li,.katalog.catid_1001 .subcatsInCat li{
    padding:8px 25px 8px 0px;
    font-size: 14px;
    box-sizing:border-box;
}
.katalog.catid_1 .visible,.katalog.catid_1001 .visible{
    overflow: hidden;
}
.katalog.catid_1 .invisible, .katalog.catid_1001 .invisible {padding:0;}
.katalog.catid_1 .visible li, .katalog.catid_1001 .visible li {display:inline-block;text-align:left;}
.katalog.catid_1 .visible li a, .katalog.catid_1001 .visible li a {color:#fff;}
.katalog.catid_1 .cat_item:before,.katalog.catid_1001 .cat_item:before{
    counter-increment: section;
    content: counter(section);
    width:20px;height:42px;
    color:#fff;
    font-size:52px;
    font-weight:600;
    position:absolute;top: 4px;left:30px;
}
/* KATALOG NAVIGACIJA */

/*SIDE NAV*/
.sideCatNav{ vertical-align:top; margin-left:0px; width:240px;border-left:1px solid #ccc; margin-top:10px}
.sideCatNav ul li{list-style-type:none; margin:0px 0px 0px 0px; }
.level-root a{display:block; padding:10px 0px 10px 10px; margin-bottom:0px; font-size:14px; color:#888; text-decoration:none; font-weight:200; border-bottom:1px solid #ccc; }
.level-root > a{font-size:19px;}
.level-root li{background:#fff; border-left:6px solid #eee; }
.level-root li a:hover{background:#efefef; }

.level-0 li{border-left:6px solid #ddd; }
.level-1 li{border-left:6px solid #ccc; }
.level-2 li{border-left:6px solid #bbb; }
.level-3 li{border-left:6px solid #aaa; }

.sideCatNav .markItem{background:#eee; border-bottom:1px solid #000; font-weight:bold;color:#888 }


/*KATALOG*/


.naslovTabelaArtikala{
    display: none;
}
.articleTable{display: none;}

.katalog .oblast_sadrzaja{width:1008px;margin:0 auto;}
.katalog .oblast_kataloga {width:100%;font-size:0;}
.katalog .oblast_kataloga > div {display:inline-block;
    vertical-align: top;font-size:initial;

}
.katalog .prodDescription p {font-size:16px;}
.katalog .katalog_prikaz {width:768px;border-top:1px solid red}
.katalog .naslovTabelaArtikala {margin:15px 0;font-size:32px;}
.katalog .searchTop{display:block; width:100%; text-align: center;}
.katalog .searchTop #brzi_pretrazivac #inputString{width:400px;}
.catalog_search{
    position: relative;
    border:none;
    margin:0px 10px
}
.kategorije .cat_item .catImage{display: none;}
.katalog .katalog_navigacija {width:240px;border-top:1px solid red}
.katalog .kategorije ul {padding:10px;box-sizing:border-box;}
.katalog .kategorije ul li {list-style:none;padding:4px 0;}
.katalog .kategorije .cat_item {
    background: #dc1414;
    border-bottom: 6px solid #fff;
    position:relative;
}

.katalog .katalog_navigacija input, .katalog .katalog_navigacija label {display:none;}
.katalog .katalog_navigacija .sideCatNav > ul > li:first-child {_display:none;}
.katalog.catid_1 .kategorije .cat_item:nth-child(9) {background:#00523d;}
.katalog.catid_1 .kategorije .cat_item:nth-child(11) {background:#fff227;color:#000;}
.katalog.catid_1 .cat_item:nth-child(11):before {color:#221f1f}
.katalog.catid_1 .cat_item:nth-child(11) .catName {color:#221f1f}
.katalog.catid_1 .cat_item:nth-child(11) .visible li a {color:#221f1f}

.katalog .kategorije ul li a {text-decoration:none;color:#fff;}
.katalog .catName {padding:8px 10px;text-align:
        center;display:block;width:100%;
    box-sizing: border-box;font-weight:bold;
    font-size:17px;}
.katalog .catSubitems {position:absolute;top:10px;right:10px;}
.categoryCID{display:none}
.katalog .subcatsInCat li{
    border: 1px solid #eee;
    margin:10px
}
.katalog .subcatsInCat li a{
    display: block;
    padding: 4px  30px;
    font-size:16px;
}
.katalog .subcatsInCat .invisible {padding:0px;}
.katalog.catid_1 .cat_item:last-child {border-bottom:0px solid red;}
.katalog.catid_1 .catName{width:388px;font-weight:bold;color:#fff;padding:8px 20px 8px 80px;box-sizing: border-box;text-align:left;display:inline-block;vertical-align: middle;font-size:24px;position: absolute;top: 2px;left: 8px;
}
.katalog.catid_1 .kategorije ul li a:hover {
    border-bottom:0px solid red;
}
.katalog.catid_1 .catImage{display: inline-block;width: 25%;vertical-align: middle;padding: 3%;}
.katalog.catid_1 .cat_item .catImage img{width:100%; height:auto; transition:all 0.2s ease-in-out;}
.katalog.catid_1 .cat_item .catImage img:hover{ transform: scale(1.06);}
.categoryProducts .catImage{display: none;}
.katalog.catid_1 .subcatsInCat {width:68%;display:inline-block;vertical-align: middle;}
.categoryProducts .pictureAndModel{
    display: inline-block;
    width:140px;

}
.categoryProducts .productTableHTML{
    display: inline-block;
    width:580px;
    background:beige;
}

.productTableHTML h2, .productTableHTML h3{font-size:15px}
.productTableHTML table{border:1px solid #888; float:right;width:300px;}
.productTableHTML h3:before{content:""; display:block;clear:both; float:none; border-top:1px solid #ccc}
.productTableHTML table th,.productTableHTML table td {font-size:14px; font-weight:normal; border-right:1px solid #ccc}
.productTableHTML table th:last-child,.productTableHTML table td:last-child{border:none}
.productTableHTML p{float:left;width:250px;font-size:13px}


.katalog .handle{
    position: absolute;
    top:10px; right:10px;
}
.katalog .handle:hover{
    width:30px;height:30px;
    cursor: move;
}

.katalog .CatTrackNav {}
.katalog .CatTrackNav > ul {margin-top:15px;border-bottom:1px solid #eee;}
.katalog .CatTrackNav > ul > li {display:inline-block;padding:5px;position:relative;box-sizing:border-box;}
.katalog .CatTrackNav > ul > li:after {content:"/";padding:0 0 0 5px}
.katalog .CatTrackNav > ul > li:last-child:after {content:"";}
.katalog .CatTrackNav > ul > li:first-child{display:none;}
.katalog .CatTrackNav > ul > li a{text-decoration:none;}
.katalog #TrackNavPopUp1, .katalog #TrackNavPopUp2, .katalog #TrackNavPopUp3 {display:none;width:300px;border:1px solid #ccc;position:absolute;top:100%;left:0;z-index:100;background:#fff;}
.katalog .TrackNavPopUp li {border-bottom:1px dotted #ccc;display:block;padding:4px 5px}

.katalog .proizvodi li{
    display:inline-block;vertical-align:top;width:24%;
    font-size:initial;padding:40px 2px;box-sizing:border-box;
    position:relative;border:1px solid #ddd;min-height:330px;
    margin:3px 1px
}
.katalog .proizvodi li:hover{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);

}
.katalog .proizvodi .catalogueThumbLink{display:block;box-sizing:border-box;}
.katalog .proizvodi .catalogueThumbLink img {width:100%;height:auto;}
.katalog .catalogueTextLink {text-decoration:none;padding:5px 5px 10px 5px;text-align:center;display:block;}
.katalog .catalogueItemText h3 {position:absolute;top:0px;left:0px;color:#999; background:#fff; padding:5px 10px; min-width:50px;
    border-bottom:1px solid #ddd; border-right:1px solid #ddd;


}
.katalog .catalogueItemText {font-size:13px;}
.katalog .catalogueItemText:before{
    width:100%;
    position: absolute;
    content:"";
    height:1px;
    bottom:110px; left:0;
    background: #caa;
}

.katalog .naslov_kategorije {text-align:center;margin:10px auto;}
.katalog .kratak_opis_kategorije{}

/* KATALOG PROIZVOD */

.katalog .proizvod .prodSlika {width:340px;float:right;margin-top:72px;margin-left:20px;margin-bottom:20px;padding:0 20px 0px 20px;border-left:1px solid #ccc;}
.katalog .proizvod .prodSlika:after {clear:both;}
.katalog .proizvod .prodSlika img {display:block;width:100%;height:auto;}
.katalog .proizvod .prodOpis {position:relative;line-height:1.5; }


.katalog .prodMoreDescription .prodMoreDescToggle.toggleMode{display:none;}
.katalog .prodMoreDescriptionInner.toggleLayout h2{display: none;}
.katalog .proizvod .prodOpis > h1 {
    position:absolute;
    color:#999;top:5px;right:10px;
    _border:1px solid #ddd;padding:0 5px;
    font-size:26px;
    background:rgba(255,255,255,.8)
}

.katalog .toggleMode {background: #444;cursor:pointer;position:relative;   margin-top:30px}
.katalog .toggleMode span {color:#ccc}
.katalog .prodMoreDescriptionInner, .katalog .prodDocsList ul {/*! display:none; */}
.katalog .prodMoreDescText, .katalog .prodDocsListText {display:block;padding:4px 10px;}
.katalog .prodDocsListText {font-size:16px;}
.prodMoreDescriptionInner{
    border-left:4px solid red;
    padding-left:20px;
    line-height: 1.5;
}
.prodMoreDescriptionInner h4{padding:18px 0 8px 14px;}
.prodMoreDescriptionInner p{
    box-sizing: border-box;
    width:90%;
    padding: 8px 20px 20px 20px;
}
.prodMoreDescriptionInner li{
    margin:0 2em;
}
.prodMoreDescriptionInner  .prod_img2{display:flex;justify-content:flex-end;padding:0;overflow:hidden;height:300px;}
.prodMoreDescriptionInner  .prod_img2 img{max-width:300px;height:auto;object-fit:contain;}
.prodMoreDescriptionInner img,.imageInside img{display: block;width:100%;border-left:1px solid #ccc;}

.katalog .toggleStrelica{transform:rotate(180deg);transition: 1s ease-in-out;display:block;position:absolute;top:2px;right:10px;;}
.katalog .toggleStrelica.active {
    transform: rotate(0deg);
    transition: 1s ease-in-out;
}

.katalog .proizvod .prodOpis > h2 {padding:10px 0px 100px 0px;color:#f00;}
.katalog .proizvod .prodOpis h2 {padding:10px 10px 10px 0px;font-size:24px}
.katalog .proizvod .prodPodaci p {padding:5px 10px;box-sizing:border-box;}
.katalog .proizvod .prodPodaci h3 {
    font-size: 13px;
    color: #dc0019;
    border-bottom: 1px dashed #dc0019;
    padding: 0px 0px 5px 0px;
    margin-bottom: 8px;
    width:380px;
}
.katalog .proizvod .prodPodaci ul li {list-style:inside}
.katalog .proizvod .prodDescription ul{
    padding:20px;
}
.katalog .proizvod .prodDescription ul li {list-style:outside;
}
.katalog .proizvod .prodDescription li>ul{padding :4px 0 20px 20px;list-style-type: none;}
.katalog .proizvod .prodDescription li>ul li{ list-style-type: circle;}
.katalog .proizvod .prodDescription .techDataLightbox {width:400px;display:none;height:auto;margin:10px 0 0 0;}
.katalog .proizvod .prodDescription .techDataLightbox img {width:100%;height:auto;display:block;}
.katalog .proizvod .prodDescription h3 {padding:10px 0}

.katalog .prodArtikli{border:0px; margin:4px 0 20px 20px; float:none;}
.katalog .prodArtikli tr{border:0px; }
.katalog .prodArtikli tr th{border:0px solid red; padding:5px 10px 5px 10px; background:#CCC; color:#565656; font-size:11px; text-align:center; }
.katalog .prodArtikli tr td{border:0px solid red; padding:3px 15px 3px 15px; background:#dbdbdb; font-size:11px; text-align:center; }

.katalog .relatedProdsCnt .relatedProdsTitle{
    border-bottom:1px dashed #ccc;
    padding:10px 0px 10px 0px;
    font-size:1.5em;
    font-size:24px;
}

/* TABOVI za proizvod */

.prodTabs .prodTabBox{border:1px solid #d2d2d2; padding:0px; border-top:1px solid #dc0019;}

.prodDocsList{padding:11px 0;  list-style-type:none;float:none;clear:both;float:none;}
.prodDocsList LI{border-bottom:1px solid #bababa;list-style:none;}
.prodDocsList LI A{color:#686868; text-decoration:none; font-size:14px; display: block; padding:20px 12px 20px 60px; margin: 4px 0px 3px 0px;}
.prodDocsList LI A:Hover{text-decoration:underline;background:#efefef}
.prodDocsList LI P{font-size:9px; padding:4px; color:#333333;}


.prodDocsList .docVrsta1 a{background:url(../../site_images/icons/download.png) no-repeat 0px 4px;background-size:55px 55px;}
.prodDocsList .docVrsta2 a{background:url(../../site_images/icons/brochure.png) no-repeat 0px 4px;background-size:55px 55px;}
.prodDocsList .docVrsta3 a{background:url(../../site_images/icons/data_sheet.png) no-repeat;background-size:55px 55px;}
.toggleLayout li a {}

.articleTable {}
.articleTable tr{

}
.articleTable th{
    border: 0px solid red;
    padding: 5px 10px 5px 10px;
    background: #CCC;
    color: #565656;
    font-size: 11px;
    text-align: center;
}


.articleTable th:nth-child(5),.articleTable td:nth-child(5){
    width:200px;
    font-size: 12px;


}
.articleTable th:nth-child(5) ul,.articleTable td:nth-child(5) ul{
    width:100%;
    display: table;
    table-layout: fixed;
}
.articleTable th:nth-child(5) li,.articleTable td:nth-child(5) li{
    list-style: none;
    display:table-cell;
}
.articleTable .coll_qty, .articleTable td:nth-child(2) {display:none;}
.articleTable td {
    border: 0px solid red;
    padding: 3px 15px 3px 15px;
    background: #dbdbdb;
    font-size: 11px;
    text-align: center;
}
.articleTable td input {width:36px;}
.articleTable .addItemIconBox {cursor:pointer;}

/* STRANICE OPSTE */
.pageBody {padding:0 20px 0 10px;}
.bocniMeniStrane .markerStrane {
    border-left: 2px solid red;
}
.bocniMeniStrane LI {
    list-style-type: none;
    border-left: 2px solid #eee;
    padding: 6px;
    border-bottom: 1px dashed #ccc;
}
.bocniMeniStrane > LI A {
    font-size: 14px;
}
.bocniMeniStrane LI A {
    text-decoration: none;
    font-size: 12px;
    color: #7f7f7f;
    display: block;
    padding: 9px 9px 9px 20px;
    border: 0px solid red;
}
.bocniMeniStrane LI A:hover {
    color: #e2001a;
}
.pageBody p {padding:0 0 12px 0;text-align:justify;font-size:16px; /*! line-height:1.6em; */}
.pageBody ul {margin:0px 0 12px 28px;}
.pageBody ul li{list-style:square;padding:2px 0px;font-size:14px;}
.pageBody h3 {padding:0 0 15px 0;font-size:18px;font-size:16px;}
.pageTitle {
    margin: 10px 0;
    text-align: center;
    color: #ec1a22;
    padding: 10px;
    font-size:32px;
}

/* ABOUT US */
.floatLeft{
    float:left;
    margin:0 20px 0 0;
}
.floatRight{
    float:right;
    margin:0 0 0 20px;
}
.clear_float{
    float: none; clear:both;
    padding:20px 0;
}

.onama-slika {width:500px;}
.onama-slika img {display:block;width:100%;height:auto;}
.onama-slika-desno {width:206px;}
.onama-slika-desno img{width:100%;height:auto;}

.isoImages a{
    display: block;
    padding: 10px;
    text-decoration: none;
}

.textOverImage{
    display: block;
    position: absolute;
    right:0;
    top:100px; width:600px;
    background: rgba(255,255,255,.6);
    padding:20px 40px!important;
    color:#446!important;

}

.slika-fullSize {width:100%;}

.slika-fullSize img{width: 100%; display: block}
.size3{
    width:280px;
}
.size2{
    width:60%;
}

.size6{

}
.timelineHistory {margin-top:20px;}
.yearConteiner {width:50%;border-top:1px solid #ccc;font-size:0;}
.yearConteiner h2 {padding: 3px 6px;font-size:24px;background:#ccc;position:absolute;}
.yearConteiner .timelineHeading {position:relative;display:inline-block;vertical-align: top;width:140px;box-sizing: border-box;}
.yearConteiner .timelineHeading .timelineImg img {display:block;width:100%;height:auto;}
.yearConteiner .timelineText {display:inline-block;vertical-align: top;width:calc(100% - 140px);box-sizing:border-box;}
.yearConteiner div:nth-child(4) {padding-top:0;}

.yearLeft {border-right:10px solid #ccc}
.yearLeft .timelineHeading {padding:50px 0 0px 20px;}
.yearLeft .timelineHeading h2{top:0;right:0;}
.yearLeft .timelineText {padding:10px 10px 0px 0px;}
.yearLeft .timelineText h3 {font-size: 16px;color: #ec1a22;margin-bottom: 10px;}

.yearRight {margin-left:50%;border-left:10px solid #ccc;}
.yearRight .timelineHeading {padding:50px 0 0px 0px;}
.yearRight .timelineHeading h2{top:0;left:0;}
.yearRight .timelineText {padding:10px 0px 0px 10px;}

/* NEWS */

.news .pageBody {
    margin-right: 20px;
    margin-bottom: 20px;
    padding:0px;
}
.news .naslovmesse span {
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 24px;
    height: 24px;
    background-image: url("../../site_images/icons/ikonice_white.png");
    background-repeat: no-repeat;
    background-size: 240px;
    background-position: -168px 0px;
}
.news .pageBody P {
    font-size:14px;
    color:#4d4d4d;
    padding-bottom:5px;
}
.news .pageBody p a{
    font-size:14px;
    color:#ed1c24;
}
.news .pageBody a img {
    border:none;
    max-width:670px;
}
.news .pageBody table{
    vertical-align:top;
    width:100%;
}
.news .pageBody table td{
    vertical-align:top;
}
.news .pageBody table td p{
    padding-right: 5px;
}
.news .pageBody h1 {
    font-size:24px;
    color:#666;
    margin-bottom:10px;
    font-weight:200;
    border-bottom: 1px solid #999;
    background: #c71910;
    cursor: pointer;
    color: #fff;
    position: relative;
    color: #fff;
    padding: 5px 5px 5px 10px;
}
.news .pageBody H2 {
    font-size:16px;
    color:#ec1a22;
    margin-bottom:10px;
}
.news .pageBody H3 {
    font-size:18px;
    font-weight:bold;
    color:#4d4d4d;
}
.hide{
    display:none;
}

.news .messe {
    margin-bottom:4px;
    border:1px solid #ccc;
    margin-right:2px;
    width:217px;
    float:left;
    height:160px
}

.news .messe table{
    width:100%;
}
.news .messe .messe-image{
    width:1%;
    padding-left:6px
}
.messe .messe-info{
    width:99%;
    height:0px;
    vertical-align: middle!important;
}

.messe .messe-link{
    padding:4px 0px 0px 7px;
    vertical-align:bottom;
    color:blue;

}
.messe .messe-link a{
    font-size: 12px!important;;
}
#pageBody .messe h2{
    text-decoration:none;
    font-size:16px;
    font-weight:200;
    color:#999;
    padding:4px 8px 4px 0px;
    text-align:center;
    border-bottom:1px solid #efefef;

}

#pageBody .ongoingMesse h2 {
    background:#fff;
    color:red;
    border:none;
    border-bottom:1px solid red;
}

.ongoingMesse {
    border:2px solid red;
}

#pageBody .nextMesse h2 {
    background:#fff;
    color:#666;
    border:none;
    border-bottom:1px solid orange;
}

.nextMesse {
    border:2px solid orange;
}

.news .messe TABLE TD:first-child{
    border:none;
    width:110px;
    padding:10px;
}

.news .messe TABLE TD A {
    font-size: 15px;
}

.news .messe TABLE TD A IMG{

    border:1px solid #ddd;
    width:60px;
}

.news .messe H3{
    font-size:14px;
    color:#ec1a22;
}

.news .messe P{
    width:120px;
    text-align:left;
    font-size:12px;
    margin-top:0px;
    color:#4d4d4d;
    font-weight:normal;
}
.news .messe-2013 {
    display:none;
}


.pageBody table td a{
    font-size:12px;
    color:#666;
    text-decoration:none;
}
.pageBody table td a:Hover{
    text-decoration:underline;
}
/*HERZ NEWS*/

.catid_38 .pageBody{
    width:700px;
    margin: auto;
}

.catid_38 .pageBody .herznewstbl{
    padding:16px;
    border:1px solid #ccc;
    position: relative;
    margin:10px
}
.catid_38 .pageBody .herznewstbl caption{
    display: block;
    position: absolute;
    top:0; right:0;
    padding:6px 10px

}
.catid_38 .issue{
    padding:20px
}

/*class pressinfo*/
.news .pressinfo {
    list-style:none;
    margin:40px auto;
    width:640px;


}
.news .pressinfo li{
    border-top:1px solid #ccc;
    margin-top:10px;
    padding-top:16px;
    _border:1px solid red;
    position:relative;
    min-height:142px;
}
.news .pressinfo div{
    font:12px/14px Arial;
    color:#363636;
}
.news .pressinfo a{
    font:14px/16px Arial;
    color:red;padding:0px; margin:0px;

}
.news .pressinfo .img {

    float:left;
    width:124px;
    height:68px;
    overflow: hidden;
    margin-right:32px;
}
.news .pressinfo .img img{width:125px; height:auto;}

.news .pressinfo .info {
    width:430px;
    float:left;
}
.news .pressinfo .info h2{width:440px;}
.news .pressinfo .info h2 a{
    text-decoration:none;
    font-weight:600;
}
.news .pressinfo .moreinfo {
    margin:6px 0px 0px 0px;
    position:absolute;
    top:100px;left:16px;
}
.news .pressinfo .moreinfo a{font-size:12px;}

.news .pressinfo .moreinfo:before{
    font-family: 'FontAwesome';
    content:'\25ba';
    color:red;
    padding:0 6px;
}
.news .pressinfo .publish_date{
    color:red;
    margin:7px 0;
}
.news .pressinfo .antrafile{
    width:500px;
}

/* class press-page */

.news .press-page h2 {
    background: #C71910;
    color: #fff;
    padding: 6px;
    margin-bottom: 10px;
    font-size: 20px;
    cursor: pointer;
}
.news .press-page ul {
    display: none;
}

.news .press-page .prekidFloat {height:0;}
.news .press-page > ul {font-size:0;margin:0}
.news .press-page > ul li {
    width: 218px;
    height: 90px;
    display:inline-block;vertical-align: top;
    margin: 1px 2px 1px 0;
    padding: 0;
    border: 1px solid #ccc;
    list-style-type: none;
    color: #4d4d4d;
}
.news .press-page .press-logo {
    width: 60px;
    float: left;
    border-right: 1px solid #ccc;
}
.news .press-page ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #4d4d4d;
}
.news .press-page .press-logo img {
    width: 60px;
    display:block;
}
.news .press-page .press-clip {
    width: 157px;
    float: left;
}
.news #pageBody .press-page .press-clip h3 {margin: 4px 0 0 4px;line-height: 12px;font-weight: 200;font-size: 13px;border-bottom: 1px solid #C71910;min-height: 40px;padding:0;}
.news .press-page .press-clip h3 a {
    color: #333;
    font: inherit;
}
.news .press-page .press-clip h3 a span {
    color: #333;
    font-size: 10px;
    line-height: 15px;
}
.news .press-page .press-clip p {
    margin: 4px 0 0 4px;
    line-height: 12px;
    font-size: 11px;
    padding-bottom: 5px;
    text-align:left;
}

.catid_16 table{
    padding: 20px 0;
}

.catid_16 table td{
    width: 50%;
}

.catid_16 table td > img{
    width: 96%;
}

.catid_16 table td p > img{
    display: block;
    margin: auto;
}

.catid_16 table td a > img{
    display: block;
    width: 98%;
    margin: auto;
}

.catid_16 table td p > span{
    display: block;
    padding: 0 40px;
    text-align: center
}


/* DOWNLOAD */

.bookshelf .oblast_sadrzaja {
    width: 950px;
    background: #fff;
    width:950px;
    margin:80px auto 20px auto;
}
.bookshelf.catid_18 #coll_middle {
    padding-bottom: 30px;
    border: 0px solid red;
    width: 100%;
    background: #cecece;
    background: -moz-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%, rgba(196,194,199,1) 29%, rgba(159,153,168,0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(211,211,211,0.65)), color-stop(29%,rgba(196,194,199,1)), color-stop(100%,rgba(159,153,168,0)));
    background: -webkit-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: -o-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: -ms-linear-gradient(-45deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    background: linear-gradient(135deg, rgba(211,211,211,0.65) 0%,rgba(196,194,199,1) 29%,rgba(159,153,168,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d3d3d3', endColorstr='#009f99a8',GradientType=1 );
}
.bookshelf .search_pages {
    background: #fff;
    padding: 0;
    position: relative;
    text-align: center;
    padding:20px 0 0 0;
}
.bookshelf .search_pages form {
    margin: 0;
    padding: 6px;
}
.bookshelf .search_pages input[type="text"] {
    padding: 4px 0 5px 10px;
    font-size: 16px;
    border:1px solid #ccc;
    color:#ccc;

}

.bookshelf .search_pages button {
    background: red;
    color: #fff;
    padding: 5px 14px;
    font-size:15px;
    border:none
}

.bookshelf.catid_18 .polica {
    position: relative;
    width: 900px;
    margin: 0 auto;
    background: url(../../site_images/polica.jpg) repeat-y 0 0;
    margin-top: 50px;
    padding-bottom: 0px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    box-sizing:border-box;
}
.bookshelf.catid_18 .polica h1 {
    position: absolute;
    top: -30px;
    left: -1px;
    padding: 5px 0 0 15px;
    height: 30px;
    width: 885px;
    background: #666;
    color: #fff;
    font-family: sans-serif;
    font-weight: 200;
    font-size: 20px;
    letter-spacing: 1px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #888;
    border-bottom: 2px solid #ccc;
}
.bookshelf.catid_18 .polica ul {
    list-style-type: none;
    padding: 0;
    margin: 0px;
    text-align: center;
    position: relative;
}
.bookshelf.catid_18 .polica ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 144px;
    height: 238px;
    margin: 50px 20px 0px 0px;
    padding: 0px;
    outline: 0px solid red;
}
.bookshelf.catid_18 .polica ul li .img {
    position: absolute;
    background: none;
    top: 0px;
    padding: 0;
    margin: 0;
    margin-left: 0px;
    width: 100%;
}
.bookshelf.catid_18 .polica ul li .img a {
    width: 131px;
    display: block;
    text-decoration: none;
    padding: 9px 0px 2px 0px;
}
.bookshelf.catid_18 .polica ul li .img a img {
    display: block;
    width: 131px;
    height: 184px;
    box-shadow: 6px -4px 15px 2px rgba(0,0,0,.5);
    border: 2px solid #ccc;
}
.bookshelf.catid_18 .polica ul li .info {
    position: absolute;
    overflow: hidden;
    bottom: -11px;
    left: -6px;
    border: 1px solid #979797;
    border-radius: 4px;
    background-color: #e8e8e8;
    width: 100%;
}
.bookshelf.catid_18 .polica ul li .info h2 {
    font-weight: normal;
    width: 100%;
    line-height: inherit;
}
.bookshelf.catid_18 .polica ul li .info h2 a {
    height: 36px;
    text-align: center;
    font-size: 12px;
    color: #393632;
    text-decoration: none;
    position: relative;
    line-height: 15px;outline: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bookshelf .downloads {margin-top:20px;}
.bookshelf .downloads .page-pID {list-style:none;border-bottom: 1px solid #ccc;}
.bookshelf .downloads .page-pID .img {width:145px;height:auto;border: 1px solid #ccc;margin:10px 0}
.bookshelf .downloads .page-pID .img a, .bookshelf .downloads .page-pID .img img{width:100%;height:100%;display:block}
.bookshelf .downloads .page-pID .img, .bookshelf .downloads .page-pID .info {display:inline-block;vertical-align: middle;padding:10px 20px;}
.bookshelf .downloads .page-pID .info a {font-size:12px;text-decoration: none;}

/* EVENTS */
.events{}
.events .embdgallery_wrapper{
    width: 100%;
    height: auto;
}
.events .embdgallery li{
    display: inline-block;
    width: calc(25% - 4px);
    height: 156px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 2px;
    position: relative;
}
.events .embdgallery li img{
    width: 100%;
    height: auto;
}
/* KRAJ EVENTS */
/*KOVINA_UNITA*/

.container-box {
    background-color: rgba(255, 255, 255, 0.7);
    padding:10px;

}
.herz_qr_microsite.catid_24 .container-box{width:100%!important;box-sizing: border-box!important;}
.container-box p{
    margin:10px 0;
    font-size: 13px;
    color:#333;
    text-align: left;
}
.microSiteText{display: flex;}
.microSiteText>div{display: flex;flex-direction: column;width:50%;text-align: center; }
#pageBody .microSiteText h3{ color:333;font-size:42px;padding-bottom:30px;}
.microSiteText a{text-decoration: none;transition:all .4s;}
.microSiteText a:hover{opacity:.8;}
.microSiteText a:first-of-type{background:#ff0000;width:64%;margin: 0 auto 10px auto;color:#fff;padding:14px 0;letter-spacing:.3px;border-radius:3px;}
_.microSiteText a:last-of-type{color:#ff0000;margin-bottom:30px;}
.herz_qr_microsite #coll_middle {
    display: block;
    margin: 20px auto 0 auto!important;
    background: url(http://plumcms.net/herz-hr.com/cms_upload/pages/files/1684_kovina_unitas_banner.jpg) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto auto;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: 0px -10px !important;
    height: 600px;
}
.herz_qr_microsite #pageBody{margin-top:310px;padding:0;}
.herz_qr_microsite .pageTitle{
    color:transparent;background: transparent;
}

/*AUSSCREIBUNGTEXTE*/
.ausscreibung-kontakt{
    padding:10px;
    text-align: center;
}
.ausschreibung-fs li{
    display:inline-block;
    margin:4px 12px;
    padding:0;
    width:110px;
    text-align: center;

}
.ausschreibung-fs li a{
    display:block; padding:10px 0px;
    border:1px solid #ccc;

}

.ausschreibung-fs{
    width:400px;
    display: block;
    border:1px solid #ccc;

}
.ausschreibung-fs legend{
    display: block;
    margin:5px;padding:6px 10px;
    border:1px solid #ccc;
    background: #edd;
}
.ausschreibung-fs p{
    display: block;
    margin:0 14px;
}
.ausschreibungtexte{
    display: block;
    border:1px solid #ccc;
    margin-bottom: 15px;
}
.ausschreibungtexte legend{
    display: block;
    margin:5px;padding:6px 10px;
    border:1px solid #ccc;
    background: #edd;
}

.ausschreibungtexte p{
    display: block;
    margin:8px 0 0 0;

}
.ausschreibungtexte ul li{
    display:inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin:10px 12px 0 12px;
    padding:0;
    width:170px;
    text-align: center;
}
.ausschreibungtexte li a{
    display:block; padding:15px 0 0 0px;
    height:35px;
    border:1px solid #ccc;
}

/* CAD BAUSTEINE */

.cad h2{
    font-size: 16px;
    color: #ec1a22;
    margin-bottom: 10px;
    border-bottom: 1px solid #EC1A22;
    padding-bottom: 5px;
}
.cad h2 span {
    color: #ec1a22;
}
.cad UL LI {
    list-style-type: none;
    padding-bottom: 10px;
    color: #4d4d4d;
}
.cad UL LI A {
    text-decoration: none;
    font-size: 14px;
    color: #4d4d4d;
}
/* news NOVOSTI*/

.news .lista_novosti li{
    float:left;
    width:305px;
    height:230px;
    padding:2px;
    margin:5px 0px 5px 5px;
    overflow:hidden;
}
.news .lista_novosti .img img{
}
.news .lista_novosti .info a{
    color: #333;
    font-size:14px;
    display: block;
    padding-bottom: 6px;
    text-decoration: none;
}
.news .lista_novosti .info a:hover{
    text-decoration: underline;
}
.news .lista_novosti .antrafile{
    font-size:12px;
    color:#696969;
}
.news .lista_novosti .info  h2{
    line-height:16px;
    font-weight:200;
}
.news.catid_16 .page-pID .img{width:125px;height:68px;overflow: hidden;margin-bottom:10px;}
.news.catid_16 .page-pID img{max-width:125px;}

/* JOBS */

.jobs .catTitle, .jobs .pageTitle {margin:10px 0;text-align:center;color:#ec1a22;padding:10px;font-size:32px;}

.jobs .catShortDesc span{padding:0 0 12px 0;display:block;font-size:14px;}
.jobs .pages .page-pID {
    font-size: 14px;
    color: #4d4d4d;
    padding-left: 15px;
    list-style-type: none;
    padding-bottom: 15px;
    display: inline-block;vertical-align: top;
    margin:6px;

}
.jobs .pages .page-pID h2 a {

    padding: 20px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    text-decoration: none;
    width:260px;
    min-height:120px;
    border:1px solid red;
    border-left: 10px solid red;
    box-sizing:border-box;
}

/* CONTACT */
.kontakt #map-canvas {
    width:100%;
    height:300px;
}
.catid_11 #map-canvas{display: none;}
.kontakt #pageBody p {margin:0;font-size:14px;}
.kontakt #pageBody li {list-style:none;position:relative;}
.kontakt #pageBody li p {padding:0;}

.kontakt #pageBody li:before{content:'';width:26px;height:26px;position:absolute;top:-2px;left:-30px;background-size:26px 26px}
/*
.kontakt .email:before{background:url(../../site_images/icons/icon_email.gif) no-repeat 0% 0%;}
.kontakt .phone:before{background:url(../../site_images/icons/icon_phone.gif) no-repeat 0% 0%;}
.kontakt .fax:before{background:url(../../site_images/icons/icon_fax.gif) no-repeat 0% 0%;}

.kontakt .informationen:before{background:url(../../site_images/icons/icon_informationen.gif) no-repeat 0% 0%;}
.kontakt .web:before{background:url(../../site_images/icons/icon_web.gif) no-repeat 0% 0%;}
.kontakt .mob:before{background:url(../../site_images/icons/icon_mob.gif) no-repeat 0% 0%;}
*/

.kontakt .email:before{background:url(../../site_images/icons/email.png) no-repeat 100% 100%;}
.kontakt .phone:before{background:url(../../site_images/icons/tel.png) no-repeat 100% 100%;}
.kontakt .fax:before{background:url(../../site_images/icons/fax.png) no-repeat 100% 100%;}


.kontakt .pages {font-size:0}
.kontakt .pages .page-pID {font-size:initial;width:120px;height:auto;display:inline-block;vertical-align:top; padding:15px;box-sizing:border-box;}
.kontakt .pages .page-pID a, .kontakt .page-pID a img {display:block;width:100%;height:100%;}
.kontakt .page-pID .info h2 a {font-size: 13px;text-decoration: none;color: #666;text-align:center;padding:6px 0;}

.kontakt .drzave_naslov{
    margin:20px 10px 20px 10px;
    font-size: 22px;
    font-weight: normal;
    border-bottom:1px solid #f21922;
}
.kontakt .drzave {
    font-size:0;
}
.kontakt .drzave li{  list-style-type: none;width:120px;height:auto;padding:15px;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;}
.kontakt .drzave .info a{font-size: 13px;text-decoration: none;color: #666;padding:6px 0;display:block;}

/* REFERENCES */
.page #map-canvas {width:100%;height:300px;display:none;}
.page.catid_37 #coll_middle {width:100%;}
.page.catid_37 .pages{
    font-size:0;
}
.page.catid_37 .pages li{
    font-size:initial;
    width:25%;
    display:inline-block;
    vertical-align: top;
    padding:4px 10px;
    box-sizing:border-box;

}
.page.catid_37 .pages li .img{overflow: hidden;}
.page.catid_37 .pages li .img img{transition:all 0.3s ease-in-out;}
.page.catid_37 .pages li img:hover{transform: scale(1.1)}
.catid_37 .pages{ text-align: center;}
.page.catid_37 .pages li .info h2{line-height: 20px; padding:10px 0;}
.page.catid_37 .pages li .info h2 a {font-size:18px;text-decoration: none;}
.page.catid_37 .pages li .info {font-size:16px;}
.catid_37 .page-pID img {display:block;width:100%;height:auto;}

.page.catid_37 .projectsWrapper {padding-top:20px;}
.page.catid_37 .pageTitle.projectsTitle  {
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
}
.page .projectsWrapper .worldprojects {text-align:center;}
.page .projectsWrapper .worldprojects table{margin:0 auto;width:800px}


#pageBody h3{
    margin-top:14px;
}
#pageBody h3 a {
    color:#dd6666;
    text-decoration:none;
}
.project-worldwide th, .project-worldwide td{
    padding:6px;
    color:#333;
}

.project-worldwide th{
    background:#ccc;
    font-size:16px;
    text-transform:uppercase;
}

.project-worldwide th:nth-child(1){
    width:200px;
}
.project-worldwide th:nth-child(2){

    width:120px;
}

.project-worldwide td{
    border:1px solid #ccc;
    height:2em;

}
.worldprojects .project-worldwide a{
    height:auto;
    width:auto;
    display:inline;
    padding:0;
    border:none;
    background:none;
    text-decoration:underline;
    color:#f00;
    font-size:10px;
}

.worldprojects .project-worldwide a:hover{
    padding:0;
    border:none;
    background:none;
    color:#666;
}

.worldprojects .project-worldwide td{
    text-align:left;font-size:16px;
}
/* WISHLIST */
.oblast_strane #myaccount_style{
    font-size:14px;
    width:100%;
    display: none;
}

/* WISHLIST CATALOGUE TOOLBAR */

.wishListBar {
    position:fixed;bottom:0px;left:0;right:0;background:#444;
    -webkit-transition: bottom 2s;
    transition: bottom 2s;
    display: none;
}
.wishListBar.active {
    bottom:0px;
    -webkit-transition: bottom 2s;
    transition: bottom 2s;
}
.toolbarInner {font-size:0;}
.toolbarInner .icons, .toolbarUl {display:inline-block;vertical-align: middle;}

.promo-pics-container {
    width:100%;
    height: 110px;
    overflow: hidden;
    display:none;
}
.promo-pics-container .promo-pics-container-inside.w4 {
    height: 100px;
    display: block;
    margin: 0;
    padding: 0;
    font-size:0;
}

.toolbarInner .icons {
    width:30px;
    text-align:center;
    font-size:24px;color:#ccc;
    padding:30px 0;
}

.wishListBar a {display:block;width:100%;height:100%;box-sizing:border-box;font-size:14px;text-decoration:none;}
.wishListBar .hederBoksa {text-align:center;color:#eee;font-weight:bold;padding:5px 0;border-bottom:1px solid #555;border-top:4px solid #ccc;box-sizing:border-box;font-size:24px; position: relative}
.wishListBar .hederBoksa h4{color:#ccc}
.wishListBar .hederStrelica {position:absolute;top:8px;right:2%;width:34px;height:30px;text-align: center;cursor:pointer;transition: 1s ease-in-out;}
.wishListBar .hederStrelica .icons:hover{color:#d88;}
.wishListBar .hederStrelica .icons {font-size:26px;color:#ccc;font-family: icons;width:100%;padding:1px 0 0 0;}
.wishListBar #cart_wishlist_bottom {
    position: absolute;
    top:4px; right:140px;
    z-index: 200;
}
.wishListBar #cart_wishlist_bottom:hover{
    background:#666;
}
.wishListBar #cart_wishlist_bottom a{
    display: block;
    border:1px solid #ccc;

}

.wishListBar #cart_wishlist_bottom a span{
    padding: 4px 20px;display: inline-block;
    font-weight: normal;
    color:#ccc;
}
.wishListBar #cart_wishlist_bottom a .numberOfItems {
    border-left:1px solid #ccc;
    padding: 4px 10px;
}

.wishlistBox .textPraznogBoxa {
    height:100%;
    text-align: center;
    color: #eee;
    font-weight: bold;
    padding: 5px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wishListBar .hederStrelica.active {
    transform: rotate(180deg);
    transition: 1s ease-in-out;
}
.tollBarLi {
    display:inline-block;
    vertical-align: top;
    width:214px;
    height:107px;
    background:#fff;
    margin:0 5px 10px 5px;
}
.leftTollBarBox, .rightTollBarBox {display:inline-block;vertical-align: top;}
.leftTollBarBox{width:50%;position:relative;}
.rightTollBarBox {width:50%;position:relative;}


.toolBarProdName {display:none;}

.leftTollBarBox .toolBarImg {background:red;}
.leftTollBarBox .toolBarImg img{display:block;width:76%;height:auto;}
.leftTollBarBox .toolBarQty {
    position:absolute;bottom:0;right:0;
    background: #c33;
    color: #fff;
    padding: 2px 6px;
    font-size:14px;
    font-weight: bold;
}

.rightTollBarBox .toolBarArtModel {background: #cc3333;padding: 4px 8px;display:inline-block;color:#fff;font-size:14px}
.rightTollBarBox .removeItem {position:absolute;top:70px;right:0;z-index:100;cursor:pointer;}
.rightTollBarBox .removeItem p{padding:4px 0 0 0;}
.rightTollBarBox .removeItem:hover p {color:#444}
.rightTollBarBox .toolBarArtCnt{display:block;padding:15px 8px}
.rightTollBarBox .toolBarBill{}
.rightTollBarBox .toolBarBill span {padding:0 8px 5px 8px;display:inline-block;}

/* Stlovi za modul PLUM WishList */


#wishlist_fastview{
    position:relative;
    border:1px solid #0463a1;
    margin-top:10px;
    padding: 0px;
    background:url(images/bgnd_heder_fastview.gif) repeat-x 0% 0%;
}
#wishlist_fastview img{
    border:0px;
}
#wishlist_fastview h2{
    padding:2px 4px 4px 10px;
    margin-left:2px;
    color:#fff;
}
#wishlist_fastview p{
    margin-top:10px;
    padding:0px 4px 0px 4px;
}

#wishlist_fastview .fastViewFuter{
    padding:4px;
    font-size:11px;
    color:#333;
    border-top:1px solid #575757;
    background:#eee;
}
#snimljeneListe{
    margin:40px 0;
}

#snimljeneListe td{
    padding:20px;
}

A.goToList{
    display:block;
    color:#666;
    text-decoration:none;
    text-align:right;
    padding:3px 20px 3px 0px;
    margin-bottom:4px;
    font-size:10px;
    background:url(images/icon_tolist.gif) no-repeat 100% 50%;
    border:0px solid #FF0000;
}
A.goToList:hover{
    text-decoration:underline;
}

.link_itemIcons{
    padding-left:4px;
}



bgnd_heder_additem.gif

#wishlistDisplay{

}
#wishlistDisplay table{
    width:100%;
    border-collapse:collapse;
    border:3px solid #eee
}
#wishlistDisplay tr{

}
#wishlistDisplay tr:hover{
    background: #ffe;
}
#wishlistDisplay th{
    background:#eee url(images/bgnd_heder_liste.gif) repeat-x;
    padding:5px 2px 5px 6px;
    font-size:10px;
    font-weight:bold;
    font-family:arial;
    color:#575757;
    text-align:left;
    border-right:2px solid #fff

}
#wishlistDisplay th:last-child{ border:none}
#wishlistDisplay td{
    padding:6px; 2px 2px 2px;
    border-right:2px solid #fff;
    border-bottom:1px dashed #ddd;
}
#wishlistDisplay td button{
    padding: 6px;
    background: #fff;
    border:1px solid #ccc;
    cursor: pointer;
}
#wishlistDisplay td button i{
    font-size:22px;
    color:#777;

}

#wishlistDisplay .hederBoksa{
    margin:0px;
    height:22px;
    color:#fff;
    padding:4px 0px 0px 15px;
    background: #444;
}

#wishlistDisplay table{
    width: 100%;
}
.coll_image img{
    border: 1px solid #999;
    height: 80px;
}

#wishlistDisplay input[type="number"]{
    font-size: 16px;
    padding: 6px;
    width: 44px;
}

#wishlist_buttons{
    padding:0px 6px 0px 10px;
    background:url(images/bgnd_wishlist_icon.gif) no-repeat;
    height:200px;
}

#wishlist_buttons a{
    display:block;
    width:13.15%;
    padding:30px 2px 8px 2px;
    text-decoration:none;
    text-align: center;
    margin:2px 2px 2px 2px;
    float:left;
    color:#333;
    font-size:14px;
}
#wishlist_buttons a:hover{
    border:0px solid #444;
}
#wishlist_buttons a:hover:before{
    border:0px solid #444;
    font-size:66px;
    text-shadow:1px 1px 2px rgba(100,100,100,.5)
}
#wishlist_buttons a:before{
    font-family: icons;
    display: block;
    width:60px; height:60px;
    content:"def";
    font-size:60px;
    color:#777;
    margin:auto;padding:0 0 20px 0;
}

#wishlist_buttons .WSicoPrint:before{content:"\f02f"}
#wishlist_buttons .WSicoPrintPhoto:before{content:"\f029"}
#wishlist_buttons .WSicoPrintCSV:before{content:"\f1c3"}
#wishlist_buttons .WSicoSendEmail:before{content:"\f1d9"}
#wishlist_buttons .WSicoSaveList:before{content:"\f0c7"}
#wishlist_buttons .WSicoNewList:before{content:"\f016"}
#wishlist_buttons .WSicoAsNewList:before{content:"\f24d"}
#wishlist_buttons .WSicoPrintXLS:before{ content:"\f1c3";}

input.save_wishlist_button{
    margin:6px 6px 10px 6px;
    background: #eee url('images/save_changes_bgnd.gif') no-repeat;
    border:1px solid #ccc;
    width:29px;
    height:28px;
    padding-left:20px;
    cursor:pointer;
}
input.save_wishlist_button:hover{
    background: #eee url('images/save_changes_bgnd_hover.gif') no-repeat;
}

.returnToCatalog{
    width:80%;margin:auto;text-align: center;
}
.returnToCatalog a{
    background:#fff;
    padding:8px 30px;
    border:1px solid #999;
}
.returnToCatalog a:hover{
    background:darkorange;color:#fff
}

.itemcomment{position:relative;font-size:10px;padding:0 0 14px 5px!important; border:1px solid transparent; background:beige; border-top:3px solid darkorange;display:none }
.itemcomment span{display:none;}
.itemcomment .napomena-inner{border-left:10px solid #fff; padding: 6px}
.itemcomment .closeMe{display: none}

/*FOOTER*/


.footerInner {width:1008px;margin:auto;}

.oblast_futera .bkg-footer{position: absolute;
    top:0;right:200px;bottom:0;
}
.oblast_futera .bkg-footer img{
    display: block;height:100%;width:auto;
}

.oblast_futera a{
    position: relative;
    z-index: 100;
}

.oblast_futera p {}
.futer_meni {}
.oblast_futera .copyrights {position: absolute; bottom: 0; right: 0; color: #aaa; padding: 14px; text-align: right; font-size: 14px;}
a.plumlink {color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; }
.kolona-futer {float: left; margin-left: 0px;
    padding-top: 10px; width: 31%;}
.kolona-futer h3,.kolona-futer h4 {font-size: 16px; font-weight: 400; }
.kolona-futer h4 {margin: 0 8px; }
.kolona-futer h3 a,.kolona-futer h4 a {color: #aaa; display: block; font-size: 16px; font-weight: 400; padding:0 0 10px 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.kolona-futer h3 a:hover,.kolona-futer h4 a:hover {color: #999999; }
.kolona-futer ul {padding-top: 4px; }
.kolona-futer ul li {list-style-type: none; margin: 0 16px; }
.kolona-futer ul li a {border-left: 1px solid #CCCCCC; color: #FFFFFF; display: block; font-size: 13px; font-weight: 400; list-style-type: none; padding: 3px 6px; text-decoration: none; }
.kolona-futer ul li a:hover {color: #666666; }
#nav-mobile{display: none}

.kolona-4 p{border-left: 1px solid #CCCCCC; color: #FFFFFF; display: block; font-size: 13px; font-weight: 400; list-style-type: none; padding: 3px 6px; text-decoration: none;margin: 0px 0 0px 20px; }
.kolona-4 p a {color: #FFFFFF;font-size: 14px; font-weight: 400; list-style-type: none;}

.second_ul{margin:30px 0}
/*END FOOTER*/

/* microsites */

.herz_qr_microsite.catid_39 #coll_middle{
    width:100%;
}
.herz_qr_microsite.catid_39 .skiceNoviProizvodi img{display:block;margin:0 auto;}

/* -------------------------------------- */
/* -----------  MEDIAQUERY -------------- */

/* za chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bkg-footer{
        right: 0 !important;
    }
}
@media (max-width : 1430px) {

    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 180px; box-sizing: border-box;}
    .glavni_meni{margin:0 auto;}
    .glavni_meni > ul > li a{padding: 45px 10px 18px 10px!important; font-size:14px;}
    .katalog.catid_1 .oblast_sadrzaja {width:100%;}
    .katalog.catid_1 .catName {/*! width:25% */}
    .katalog.catid_1 .subcatsInCat {/*! width:75%; */}

}
@media (max-width : 1280px) {

    .glavni_meni > ul > li a{font-size:12px;}
    .oblast_zaglavlja {height: 78px;}
    .searchIconHeader {bottom:10px;right:0;top:unset; margin: 0 6px 0 0;}
    .meni_jezici {display: block; width:auto; position: relative; right: unset; top: unset; float:right; padding:0 30px 0 0; margin: 42px 20px 0 0; z-index: 10; min-width: 100px}
    .meni_jezici::after { content: "Choose Your Region"; display: block; position: absolute; top: -22px; right: 40px; border: 1px solid #eee; color: #aaa; padding: 2px 16px; background: #fff; line-height: 15px; box-sizing: border-box; cursor: pointer; z-index: 1000}
    .meni_jezici:hover {}
    .meni_jezici li { display:inline-block;vertical-align: top; width:auto; padding:8px; display:none; height:20px; border-bottom: none;  list-style-type: none; margin: 0;}
    .meni_jezici li:first-child{padding: 18px 0 0 0 ;}
    .meni_jezici A {display: block; padding: 0px;text-align: center; }
    .meni_jezici A:hover {}
    .meni_jezici .markLng { border-bottom: none;}
    .meni_jezici img{filter: grayscale(100%); opacity:.6}
    .meni_jezici .markLng img{filter: grayscale(0%); opacity:1;}
    .glavni_meni > ul > li a{padding: 45px 12px 18px 10px!important;}
    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 180px; box-sizing: border-box;}
    .index.catid_1 .row-2 .box-4 .homeMore {right: 0; bottom: 0;}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-1 {display:block;width:100%;}
    .index .horizontal-wrapper.row-2 .boxContainer-1 .boxes {display:inline-block; vertical-align: top; width:calc(50% - 10px);}
    .index .horizontal-wrapper.row-2 .boxContainer-1 .box-0.boxes {background:red;display:none;}
    .index.catid_1 .row-2 .box-2 .blankBackground {margin-left:0px;width:100%}
    .index.catid_1 .row-2 .box-2.boxes {height:auto;}
    .index.catid_1 .row-2 .box-2 .text-holder {height:auto;}
    .index.catid_1 .row-2 .boxContainer-1 .box-2 .text-holder p {padding-bottom:35px;}
    .index.catid_1 .row-2 .boxContainer-1 .box-2 .text-holder .homeMore {padding-bottom:0px;}

    .index.catid_1 .horizontal-wrapper.row-2{height:auto;}
    .index.catid_1 .horizontal-wrapper.row-2 > div {padding:20px 0 0 0;}
    .index.catid_1 .row-2 .box-3 {margin:0 auto;}

    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-1 {margin:0;}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-2 {margin-right:20px}
    .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-2, .index.catid_1 .horizontal-wrapper.row-2 .boxContainer-3 {width:calc(50% - 10px);padding-bottom:20px;}
    .index.catid_1 .row-2 .box-3 .picture-holder {width:20%;}
    .index.catid_1 .row-2 .box-3 > div {display:inline-block;vertical-align: top;}
    .index.catid_1 .row-2 .box-3 .text-holder {width:80%;padding-left:20px;}
    .index.catid_1 .row-2 .box-3, .index.catid_1 .row-2 .box-3 .text-holder {height:auto;padding-bottom:40px;}
    .index.catid_1 .row-2 .box-4 {margin:0;}
    .index.catid_1 .row-2 .box-1 {margin-right:20px;}

    /* KATALOG */

    .katalog .flyOutMenu {right:55px;top:40px;}

    .bookshelf .oblast_sadrzaja {width:100%}
    .bookshelf.catid_18 .polica {width:100%}
    .bookshelf.catid_18 .polica h1 {width:100%;box-sizing:border-box;height:40px;}
}

@media (max-width : 1180px) {

    .glavni_meni > ul > li a{font-size:10px;}
    .glavni_meni > ul > li a{padding: 45px 10px 18px 8px!important;}
    .logo-container{width:160px}
    .logo-hires {height: auto; margin: 10px 0px 0 10px; padding:0px 0 0 0px; position: relative; width: 150px; box-sizing: border-box;}
    .logo-hires img {border: medium none; display: block; height:100%; width: 100%;}
    .meni_jezici{display: block; width:auto; position: relative; right: unset; top: unset; float:right; padding:0 0 0 0; margin: 44px 20px 0 0; z-index: 10; min-width: 100px; text-align: center;     }
    .meni_jezici li:first-child{padding: 34px 0 0 0 ;}
    .katalog .flyOutMenu {display:none;}

}/* @ 1180 */


@media (max-width : 1000px) {
    .oblast_strane{margin:0;}
    .oblast_zaglavlja {border-bottom: 1px solid #CCCCCC; position: relative; background:#fff; height:90px;}
    .glavni_meni{display: block; margin:0!important;}
    .glavni_meni ul{text-align: left;}
    .glavni_meni > ul > li a{display: block; font-size:11px; text-decoration: none; border-left:1px solid #ccc; color:inherit; box-sizing: border-box; text-transform: uppercase;}
    .logo-hires img{display: none;}
    .meni_jezici {width:120px; height: auto; margin: 0; position: absolute; right: 20px; top: 52px;}
    .meni_jezici li {padding:0 4px;}

    .katalog .katalog_prikaz {width:100%}
    .katalog .oblast_kataloga >  .katalog_navigacija {display:none;}
    .katalog .oblast_sadrzaja {width:100%;}
    #listaProizvoda {text-align:center;}
    .proizvod {padding:10px;box-sizing:border-box;}
    .katalog .proizvodi li {width:20%;margin:10px auto;}
    .footerInner {width:100%;}
    .katalog .catalogueItemText {font-size:12px;word-break: break-all;}

    .oblast_sadrzaja {width:100%;}
    #coll_middle {width:100%}
    #coll_right{display:none;}
    .jobs .pages {text-align:center;}

    .news #coll_right {display:inline-block;width:20%;}
    .news #coll_middle {width:80%}
    .news .presseKontakt, .news .pressinfo {box-sizing:border-box;}
    .news .pressinfo, .news .pressinfo .antrafile {width:100%;}
    .news .pressinfo .info {width:calc(100% - 160px)}
    .news .pageBody p img {display:block;width:100%;height:auto;}
    .news .pageBody {padding:0px 10px;}
    .news .pageBody iframe{width:100%;}
    .catid_38 .pageBody {width:100%;box-sizing: border-box;}
    .catid_38 .pageBody .herznewstbl {box-sizing: border-box;margin:10px 0;}

}/*END MEDIA QUERIES*/
@media (max-width : 700px) {
    .katalog.catid_1 .catName {width:40%}
    .katalog.catid_1 .subcatsInCat {width:60%}
    .katalog.catid_1 .subcatsInCat li {
        padding: 2px 0px 2px 0px;
    }
}


/*SWITCHED OFF*/

.catid_37 .info .antrafile{display: none}


/*MICROSITES*/
.microsite .oblast_strane{margin: 0; padding: 0;}
.microsite .oblast_zaglavlja, .microsite .oblast_futera{display: none;}
.microsite .oblast_sadrzaja{width: 100%; height: auto;}
.microsite #coll_middle{width: 100%;height: auto; padding:0;}
.microsite #pageTitle{display: none;}
.microsite #pageBody{padding: 0;width: 100%;}

.microsite .microsite_header{font-size: 0;text-align: right;width: 100%;height: auto;background: #fff;}
.microsite .microsite_header > div{display: inline-block;font-size: initial;vertical-align: top;text-align: center;}
.microsite .microsite_logo{width: 65%;height: 100px;text-align: left !important;background-color:#fff;}
.microsite .microsite_logo img{padding: 2px 0 0 10%;height: 100%;width: auto;}

.microsite .microsite_filler{background: red; height: 100px; width: 17%;}

.microsite .menu{ width: 100% !important; background: #000; box-shadow: 0 16px 32px 0 rgba(0,0,0,.36)}
.microsite .menu > p{ display: inline-block; padding: 10px 40px; font-size: 0.9em;}
.microsite .menu a{ color: #fff; text-decoration: none;}

.microsite .microsite_menu_selector{ background: #000; height: 100px; width: 18%;}

.microsite .header_img{}
.microsite .header_img img{ width: 100%;}

.microsite h4{
    padding: 30px 40px 10px 40px;
    font-size: 32px;
}

.microsite .microsite_content_box{width: 100%;height: auto;}

.microsite .microsite_content_box > div{width: 80%;margin: auto;padding: 10px 40px 4px 40px;box-sizing: border-box;}

.microsite .microsite_content_box:nth-child(2n+1){background: #fff;}

.microsite .microsite_content_box:nth-child(2n){background: red;}

.microsite .microsite_content_box:nth-child(2n+1) > div{background: #ededed;}
.microsite .microsite_content_box:nth-child(2n) > div{background: #bd1014;}

.microsite .microsite_content_box:nth-child(2n+1) > div p{/* color: #fff; */ text-align:left;}
.microsite .microsite_content_box:nth-child(2n+1) > div h4{/* color: #fff; */}
.microsite .microsite_content_box:nth-child(2n+1) > div a{/* color: #fff; */}
.microsite .microsite_content_box:nth-child(2n+1) > div li{/* color: #fff; */}

.microsite .microsite_content_box:nth-child(2n) > div p{color: #fff; text-align:left;}
.microsite .microsite_content_box:nth-child(2n) > div h4{color: #fff;}
.microsite .microsite_content_box:nth-child(2n) > div h5{color: #fff;padding: 20px 20px 20px 30px; font-size: 22px}
.microsite .microsite_content_box:nth-child(2n) > div a{color: #fff;}
.microsite .microsite_content_box:nth-child(2n) > div li{color: #fff;}

.microsite .microsite_content_box li{list-style-type: none;padding: 10px 0 4px 10px;}

.microsite .microsite_content_box p:last-child{padding: 10px 0 20px 0;}

.microsite .microsite_mapContainer iframe{
    width: 100%;
}

.catid_51 #microsite_header #microsite_logo{
    width: 100%;
    text-align: center !important;

}

.catid_51 #microsite_header #microsite_logo img{
    padding: 0;
}

.catid_51 #microsite_header .menu{
    background: #ed1b24;
}

.catid_51.microsite .microsite_content_box{
    background: none;
    width: 70%;
    margin: 4% auto;
}

.catid_51.microsite .microsite_content_box > div{
    padding: 0;
}

.catid_51 .microsite_content_box h4{
    padding: 0 0 2% 0;
}

.catid_51 .microsite_content_box h4 span{
    padding: 2% 2% 2% 2%;
    display:inline-block;
}

.catid_51 .microsite_content_box:nth-child(2n+1) h4 span{
    background: #222;
    color: #fff;
}

.catid_51 .microsite_content_box:nth-child(2n) > div{
    background: #ed1b24;
    color: #fff;
}


.catid_51 .microsite_content_box:nth-child(2n) h4 span{
    background: #bd1014;
    color: #fff;
}

.catid_51 .microsite_content_box p{
    padding: 0 50px 12px 30px;
    text-align: left;
}
.catid_51 .microsite_content_box p:first-of-type{
    padding: 20px 50px 12px 30px;
    text-align: left;
}
.catid_51 .microsite_content_box p:last-child{
    padding: 0 50px 12px 30px;
    text-align: left;
}