/* MAIN STRUCTURE CSS */

/* VARIABLES */
:root {
    --main: #01543D;
    --primary_green: #669933;
    --pg: #669933;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}

*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}

@font-face {font-family: vaillantPro; src: url('fonts/FfMetaWebPro.woff');}
@font-face {font-family: vaillantBold; src: url('fonts/FfMetaWebProBold.woff');}

@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}


/* ELEMENTS*/

.buttons{
    background:var(--pg);
    min-width:200px;
    max-width:240px;
    margin:auto;
    box-sizing: border-box;
    padding:10px 16px;
    border-radius:6px;
    color:#eee;
    cursor: pointer;
    text-decoration: none;
}


HTML{width:100%; }
BODY {width:100%; font-size: 1rem;
    line-height: 1.5rem;font-family: vaillantPro ;font-weight:400;
    font-style:normal; color: #333;}



img {border:0}
a{color:inherit;font-size:inherit;}
p{ font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 0.5em;
}
.pageTitle,.catTitle{padding: 30px 0; box-sizing: border-box}
.pageBody{padding: 1rem; box-sizing: border-box}
.oblast_strane{width:100%; margin:auto; background:#f8f8f8; }
.oblast_zaglavlja{_position:absolute;width:100%; height: 80px;
    background: #fff;
    font-family: vaillantPro ;
    font-weight:400;
    font-style:normal 
}
.oblast_zaglavlja_inner{width:960px;margin: auto; position:relative;}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto;}
p, a, h1,h2,h3,h4,h5,h6,li, label{color:#333;}
.top_baner, .mainTopBannerInner{width:100%;margin: auto;}
/*CHANGE*/
.top_baner{width: 90%; _margin:92px auto 0 }
#jssor1_container{width: 100%!important;}
#jssor1_container div{}
#jssor1_container div img{width: 100%!important; height: auto!important;}
.icons {font-family: icons;text-decoration:none;}
.index .oblast_strane .pageTitle{text-align: center; padding: 20px 0px 0px; font-weight: normal; font-size: 30px; box-sizing: border-box}


/* DISPLAY NONE */
.popUpBox,.catalog_search{display: none}
.fixed-futer{display: none}
.obavestenje{display:none;}
.navigatorContainer{display: none!important;}
.flyOutMenu{

    width:20px;
    position:absolute;
    top:25px;right:69px;
    z-index: 200;
}
.flyOutMenu #cart_indication a{
    font-size:0;
    width:10px; height:10px;
    display: block;
    background: red;
    border-radius:50%;
    border:2px solid #fff;
}
.index .sideCatNav{display: block;}
.imageForMobile,
.mob_main_menu, .poruciTekst,.tempContainer,.footer_mob_info,
.wishListBar,.PageTrackNav,.iconOpis{
    display:none
}
.hidden{display: none!important}

.userBar,
.headerIconsDiv,
.CatTrackNav,
.homeMenu,
.popup_baner{display: none!important; }
.imate_nalog_dugme{display: none}
#mobBanner{display: none}


.zaglavlje_content{position:relative;margin:auto; width: 90%; height: 100%; }
.wrapperTraka .logo{position:absolute; top:14px;left: 0; width:165px; height:auto;display:block;}
.logo a{display:block; width:100%}
.logo img{display: block;width:100%;}

/*GLAVNI MENI*/
.glavni_meni{display:flex;_justify-content:center;height: 100%}
.glavni_meni ul{display: flex;list-style: none;width: 900px;padding-top: 10px;font-weight: normal; margin-left: 170px}
.glavni_meni ul > li{text-align: center;display: flex; align-items: center; margin:0 0.75rem}
.glavni_meni ul > li a{text-decoration: none; padding: 0px; box-sizing: border-box; color:#666; font-size:1rem;
 display:flex; align-items:center; height:100%; position:relative}
.glavni_meni ul>li a:after{content:""; display: inline-block; width: 0; background: #000; height: 2px; position: absolute; bottom:0; left:0; }
.glavni_meni ul>li a:hover:after{display: inline-block; width: 100%;transition: width .3s ease;}
.glavni_meni ul > li a:hover{color: #000}
.glavni_meni li img{width: 100%; display: block;height: 100%}
.glavni_meni .glavnimeni_active a{color: #c03; }
.glavni_meni .glavnimeni_active a:after{background: #c03; width: 100%}
.glavni_meni .glavnimeni_active a:hover{color: #c03}
.glavni_meni .glavnimeni_active a:hover:after{}


/* GORNJA TRAKA */

.wrapperTraka{background:#fff; position:relative; display:flex; justify-content:flex-end;}
.wrapperTraka img{display: block;width:100%;}
.wrapperTraka .logoHome img{}
.wrapperTraka p{ display: none}
.wrapperTraka > div{display: flex; }
.divLevi{padding:2px 10px;}
.divLevi .itemIcon{width:35px;  padding:4px 8px}
.divDesni .itemIcon{width:29px;  padding:8px 8px;}
.divDesni .item.right:last-child .itemIcon{padding: 8px 20px 8px 8px}

.fixedLink_form{display: flex; width:auto;position: absolute;top:6px; left:300px;}
.fixedLink_form div{margin:5px 0; display: flex;}
.fixedLink_form .slika{display: block; width: 44px;padding: 3px; box-sizing: border-box}
.fixedLink_form img{display: block; width: 100%; _filter:invert(1) contrast(5) saturate(1) }
.fixedLink_form a{text-decoration: none; display: flex; width: 100%; height:50px}
.fixedLink_form p{width: max-content;color:#fff; padding: 10px 5px;display:none}
.fixedLink_form a:hover{margin-left: 0; transition:.3s}


.logoScroll{
    display: block;
    width:110px;
    padding: 16px;
    background: red;
}
.logoScroll img{
    display: block;
    width: 100%;
}

/* BANNER */


.baner_slide_title{
    position:absolute;
    top:180px;left: :0;
    z-index: 100;
    font-size:25px;
    line-height: 2rem;
    color:#fff;
    padding:10px 30px 10px 50px;
    border-radius:8px 0 0 8px;
    width: 370px;


}
.baner_slide_description{
    position:absolute;
    top:252px;left:0;
    z-index: 100;
    font-size:19px;
    line-height: 2rem;
    color:#eee;
    padding:40px 30px 10px 50px;
    border-radius:8px 0 0 8px;
    width: 340px;
}
.baner_slide_description li{color:#eee;list-style:none;}
.baner_slide_description li:before{content: "\f00c";font-family:icons; padding-right: 10px}
/* HOME */

.superCene >h2{font-size: 1.5rem; font-family: vaillantBold; font-weight: normal;}
.superCene .boxFlex{display: flex; width: 70%; margin-top: 30px; margin-bottom: 40px}
.superCene .boxFlex >div{background: #fff; margin-right: 20px;}
.superCene .boxFlex >div .naslov a{padding: 30px 30px 0px 30px;color: #ab1113; font-family: vaillantBold; font-weight: normal; font-size: 1.7rem;
line-height: 2.5rem; display: block; text-decoration: none; }
.superCene .boxFlex .kratakOpis{padding: 0 25px 25px 25px}
.superCene .boxFlex .image{display: block;}
.superCene .boxFlex .image img{display: block; width: 100%; height: auto}
.superCene .boxFlex h2 span {
	font-weight: normal;
	font-size: 11px;
	padding: 28px;
}

.colorChange{background: rgba(1,1,1,.8); transition: .3s}
.oblast_sadrzaja{width: 90%; min-height: 600px; margin:0 auto 20px; position: relative; }

/*
.cenovnik .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative}
.servis .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative}
.aktuelnosti .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative}
.gde_kupiti .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative}
.kontakt .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative;}
.o_nama .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto; position: relative}
.proizvodi .oblast_sadrzaja{width: 90%; min-height: 400px; margin:0 auto 20px; position: relative}
.index .oblast_sadrzaja{width: 90%; min-height: 2300px; margin:0 auto; position: relative}
*/
.index #coll_middle {padding: 40px 0 0; box-sizing: border-box; width:100%; flex-basis:initial; flex-grow:initial;}
.homebox{width: 100%; }

.obavestenjeTraka{background: red; position: absolute; top: 0; left: 0; right: 0; background:#ea1f3c;padding:5px 10px; box-sizing: border-box;
    text-align: center}
.obavestenjeTraka p{color: #fff;font-size:var(--fm)}

.homebox .flexBox{display: flex;width: 100%; margin:20px auto 0; }
.homebox .firstFlex .flexBox >div:hover{background: #c03}
.homebox .firstFlex  .flexBox >div a{text-decoration: none}
.homebox .firstFlex  .flexBox >div:hover h4,.homebox .flexBox >div:hover .icons, .homebox .firstFlex  .flexBox >div:hover a {color: #fff}
.homebox .flexBox > div h4{font-size: 25px;text-align: center;color: #ab1113; width: 100%;}
.homebox .firstFlex .flexBox > div p{font-size: 70px;text-align: center;color: #ab1113; width: 100%;}

.homebox .firstFlex .flexBox .box2{width: 24%; border:2px solid #e3e3e3;background: rgba(255,255,255, .8);display: flex;box-sizing: border-box;
  align-items: center; flex-wrap:wrap; height:235px}
.homebox .firstFlex .flexBox .box2  h4{padding-bottom: 40px; font-size: 20px; font-family: vaillantPro;}

.naslovFlex{text-align: center;font-size: 18px; margin-bottom: 30px!important; font-family: vaillantBold;}
.firstFlex{background: #ffff;padding: 40px 10px;margin-top:15px;}
.firstFlex div a{display: flex; width: 100%; flex-wrap: wrap; justify-content: center;height: 100%; align-items: center;
padding:20px 0; box-sizing:border-box; position:relative}
.firstFlex div .icons{width: 40%; display: block;}
#coll_middle .firstFlex div a img{display: block; width: 100%; }
.firstFlex .naslov{width: 100%; text-align: center; padding: 1rem 0 0; color: #c03; font-size: 1.25rem}

.hover_tekst{color: #fff; position: absolute; font-size: 1.3rem; top: 40%; left: 0; right: 0; text-align: center; display:flex;
padding:0 20px; box-sizing:border-box; line-height:1.7rem; display:none; align-items: center}
.hover_tekst:after{content:""; border-right: 2px solid #fff; border-bottom: 2px solid #fff; display: inline-block; width: 12px; height: 12px;
transform: rotate(-45deg); margin-left:5px}
.homebox .firstFlex .flexBox >div:hover .hover_tekst{display: block}
.homebox .firstFlex .flexBox >div:hover .icons{display: none}

.flexBox .boxSlika{background: #fff; width:100%; overflow:hidden; border-bottom: 1px solid #ddd}
.boxSlika img{display: block; width: 100%}


.boxOpis p{padding: 12px 24px 20px 20px; color:var(--main);font-size:var(--fn)}
.box-2-1 .akcijaHomeSpan{background: var(--pg);
    position: absolute; padding: 9px 16px; box-sizing: border-box; color: #eee; top: 0px; right: -25px;
    transform: rotate(14deg); border-radius:10px; font-size:var(--fs); font-family:sans-serif; font-weight:bold;text-transform:uppercase }

.boxJedan{background:var(--pg); width: 100%; margin: 80px auto 40px; padding:30px 20px 10px; box-sizing:border-box; position: relative;
    border-top:2px solid var(--primary_green);
}
.secondFlex .flexBox .childText > a {background: #c03;padding:12px;color:#fff;text-decoration:none;display: block;width:180px; }
.secondFlex .flexBox .flexBoxChild h4{text-align: left;}
.secondFlex .flexBoxChild{width: 24%;background: #fff; margin-right: 20px;}
.secondFlex .flexBoxChild .childImg{overflow: hidden }
.secondFlex .flexBoxChild h4 a{text-decoration: none; color: #c03}
.secondFlex .flexBoxChild:hover h4 a{text-decoration: underline; text-decoration-color: #cc0033; color:#333 }
.secondFlex .flexBoxChild:hover img{transform: scale(1.1); transition: all .3s}
.secondFlex .flexBoxChild .childText a{margin: auto; width: 90%}
.secondFlex .childText h4{margin-bottom: 10px;}
.thirdFlex .flexBox,.secondFlex .flexBox{width: 100%;background: #}
.thirdFlex .flexBox .flexBoxChild{width: 49%;background:#fff;  overflow: hidden;}
.thirdFlex .flexBox .flexBoxChild:hover h3{text-decoration: underline}
.thirdFlex .flexBox .flexBoxChild:hover img{transform: scale(1.07);transition: 1s; }
.thirdFlex .flexBox .FlexBoxChild .childImg img{display:block;width: 100%; }
.thirdFlex .flexBox .FlexBoxChild .childImg{width: 100%;overflow: hidden; height: 300px}
.thirdFlex .flexBoxChild .childText h3 {color: #ab1113;font-size:20px;margin-bottom: 10px;}
.thirdFlex .childText{padding: 20px; font-family: vaillantPro; height: 250px; position: relative;}
.thirdFlex .childText h3 {color: #ab1113; font-size: 1.5em!important; font-family: vaillantBold}

.thirdFlex .childText ul li{margin-left: 15px}
.thirdFlex .childText a {background: #c03;padding:10px;color:#fff;text-decoration:none;display: block;width:100%; position: absolute; bottom: 0px; left: 0 }
.secondFlex .childText {padding: 20px;}
.secondFlex .childText p{min-height: 80px;}
.bannerMiddle{margin-top:20px; width: 100%; display: block; margin-bottom: 20px}
.bannerMiddle img{width: 100%; display: block;}

.pumaCondensBlok{display: flex; margin: 30px 0; background: #fff; padding: 20px; box-sizing: border-box;}
.pumaCondensBlok .opis {padding-left: 30px; box-sizing: border-box;position:relative}
.pumaCondensBlok .opis h2{margin-bottom: 30px;}
.pumaCondensBlok .opis h2 a{text-decoration: none;}
.pumaCondensBlok .opis >a{background: #c03;padding:12px;color:#fff;text-decoration:none;display: block;width:180px; margin-top: 10px;
position: absolute; right: 0; bottom: 0}
.pumaCondensBlok .image{width: 100%;}
.pumaCondensBlok .image img{width: 100%; direction: block
}


.removeMenu{height: 0;padding: 0; border-bottom:none; transition:all .3s}
.removeMenu > div a img{opacity: 0; transition:all .3s ; display: none}
.removeMenu .slika{display: none}

.boxDva{ background:var(--main); border-top:4px solid var(--main); padding:0 0 40px 0;}
.boxDva h3{padding:15px 10px; box-sizing: border-box; font-weight: normal; text-align:center; color:var(--primary_green); font-size:var(--fxl)}
.boxDva p{padding: 20px 10px 20px 10px; box-sizing: border-box; color:#f2f2f2; width:1100px; margin:auto; font-size:var(--fm)}
.boxDva a{text-decoration: none; display: block; width:100%;color:inherit;}
.boxDva img{display: block; width:100%}

#coll_left,#coll_middle,#coll_right{
    box-sizing: border-box;
}
#coll_middle{
    flex-basis: 0;
    flex-grow: 1;
}
#coll_middle img{
    display: block;
    width:100%;
}
#coll_left{
    width:260px;
}
#coll_left h3{
}
#coll_left h3 a{
    display: block;
}
#coll_right{
    width:200px;
}

#coll_left a{
    text-decoration: none;
    padding:16px;
    display:block;
    font-weight:normal

}

.page #coll_middle{
    padding: 20px;
}



.page .pageBody ul{
    padding:12px 0;
    width:90%;
}
.page .pageBody li{
    padding:12px 0;
    width:90%;
}


.page .oblast_sadrzaja{
    display: flex
}
.page #coll_middle{
    padding:0 40px;
}

.page .bocniMeniStrane{
    background: rgba(255,255,255,.9);

}
.page .akcijaImg{
    max-width:430px;
    float:right;
    margin-left:40px;
}
/**/
.prospekti{display: flex; justify-content: space-between; margin-top: 40px;}
.prospekti >div{width: 100%;}
.prospekti .gepard, .prospekti .tiger{padding-right: 30px}



/*NAVIGATOR NA STRANAMA*/
.navigatorStrana {margin: 20px auto;}
.navigatorStrana a{text-decoration: none;}
.navigatorStrana .NScurLink{color: #01543d}
.navigatorStrana .NSgotoLink{padding: 0 5px; }
.navigatorStrana .NSnextLink, .navigatorStrana .NSprevLink{font-size: 20px;}
.navigatorStrana .NSsredina{font-size: 20px; padding: 0 5px;}

/*CENOVNIK*/
.cenovnik .pageTitle{padding: 30px 0; }
.cenovnik .pageBody{background: #fff;; padding: 40px; }

.cenovnik .relProdItem{
    display: block;
    list-style: none;
	margin-top:100px 
}
.cenovnik .mainProduct{
    display: flex;
    position: relative;
}

.cenovnik .mainProductImg{width:360px; margin-top:40px}
.cenovnik > a {
    display: block;
    width:100%;
    background: red;
}
.cenovnik #coll_middle .mainProductImg img{
    display: block;
    width:280px;
}

.cenovnik .mainProductInfo{
    flex-grow: 1;
    padding: 30px;

}
.cenovnik .mainProductInfo .mainProductNaziv{
    display: block;
    font-size:30px;
    width:70%;
    line-height: 1.2em;

}
.mainProductModel{
    display: block;
        position: relative;
}

.cenovnik .mainProductModel span{
    display: block;
}

.cenovnik .mainProductModel .mainProductModelCnt{
    color:#e55;
    font-size:24px;
    padding: 10px 0
}

.cenovnik .mainProductPriceCnt{
    position: absolute;
    top:0px;left:20px;
    font-size:34px;
    color:#c55;
    font-weight:bold;


}
.cenovnik .mainProductPriceCnt sub{
    font-size:20px;
    text-transform: uppercase;
    padding:0 7px;
    text-align: right
}
.cenovnik .mainProductModel .mainProductOpis{
    display: block;
}
.cenovnik .mainProductOpis ul li{
    margin:4px 0 0 1.3em;
    list-style-type: square;
}
.cenovnik .mainProductOpis h2{
    font-size:1em;
    padding:10px 0;

}
.cenovnik .moreInfoButton{
    display: none
}
.cenovnik .relProduct{
    list-style: none;
}

.cenovnik .relProductGroup{
    padding: 20px;
}
.cenovnik .relProductGroup .nazivGrupe{
    border-bottom: 1px solid #a66;
    padding: 10px 0px;
    font-size:24px;
    margin:40px 0 0 0
}

.cenovnik .relProductTable{
    width:100%;
    table-layout: auto;
    border-collapse: collapse;
}
.relProductTable th:last-child:after{
    _content:"Cene su orjentacione i neobavezujuće";
    position: absolute;
    top:-30px; right:0;
    width:600px;
    font-size:12px;
    font-weight:normal;
    
}
.cenovnik .relProductTable th{
    padding: 10px 2px;
position: relative;
    border-bottom: 1px solid #a66;

}
.cenovnik .relProdRow td{
    padding: 4px 2px;

}
.cenovnik .relProdRow:nth-child(2n+1) td{
    background: #eee;
}

.cenovnik .relProdRow td:nth-child(1){
    width:60px;
}


.cenovnik .relProdRow td:nth-child(2){
    width:460px;
    text-align: left;
}

.cenovnik .relProdRow td:nth-child(3)
{
    width:60px;
        text-align: right;

}
.cenovnik  .relProductTable th:nth-child(3){
    text-align: right;
}

.cenovnik .relationProductsNavigator{
    display: flex;
}

.relProdItemNavigator{list-style: none}
.cenovnik #coll_middle .mainProductImgNavigator img{
    display: block;
    height:200px;
    width:auto;
}
.cenovnik .relationProductsNavigator{
    border-bottom:1px solid #c03;
    margin:
}
.cenovnik .relationProductsNavigator{
    padding:30px 0;
    display: flex;
    justify-content: space-around;
    margin: 0 0 30px 0;
}
.cenovnik .mainProductInfoNavigator{
    width:110px;
    padding: 10px 0;
	margin: auto;
	text-align: center;


}
.cenovnik .mainProductInfoNavigator a{
    text-decoration: none;
    color:#c03;
    display: block;
    line-height:1.1em;
    text-align: center;
	font-size: 13px
}

.mainProductPriceNavigator a{
		color:#999;
	text-decoration: none;
	font-size:22px;
	letter-spacing: -1.2px
}
.mainProductPriceNavigator a sub{
	text-transform: uppercase;
	font-size:12px;
	padding-left: 3px
}

/*O NAMA*/ 
.o_nama .pageTitle{padding: 30px 0; }
.o_nama .pageBody{background: #fff;}
.pages{display: flex; box-sizing: border-box; display: flex; flex-wrap: wrap; }
.page-pID{margin:0 10px 10px 0; width: 24%;background: #fff; list-style:none; padding-bottom:2.5rem;position:relative;}
.page-pID:hover img{transform: scale(1.1); transition: all .3s}
.page-pID:hover .info h2 a{text-decoration: underline #c03; transition: all .3s}

.page-pID .img{overflow: hidden}
.page-pID .img img{transition: all .3s}
.page-pID .info{ }
.page-pID .info h2 a{display: block; padding: 1.5rem 1.5rem 0.5rem; box-sizing: border-box; text-decoration: none}
.page-pID .antrafile{padding:0 1.5rem 1.5rem; box-sizing: border-box}
.page-pID .moreinfo a{background: #c03; display: flex; color: #fff; text-decoration: none; border-radius: 4px; width: 30%; height: 32px; justify-content: center;
align-items: center; position: absolute; bottom: 1.5rem; left: 1.5rem}
.page-pID .moreinfo a:hover{background: #971b2f}

.o_nama .timelineIstorijaPreduzeca img{z-index: 1}
.slikaPogona{margin-bottom: 10px}
.oKompanijiProtherm li{list-style-position: inside; padding: 5px 0}
.oKompanijiProtherm p{padding: 5px 0}
.oKompanijiProtherm h2{padding: 20px 0 10px}

/*GDE KUPITI*/
.gde_kupiti .pageTitle{padding: 30px 0; }
.gde_kupiti .pageBody{background: #fff;; padding: 1rem; }

/*PRAVNE NAPOMENE*/

.pravne_napomene .pageBody{background: #fff}
.pravne_napomene .pageBody li{list-style-position: inside; padding: 5px 0}
.pravne_napomene .pageBody h2{margin-bottom: 15px}

/*AKTUELNOSTI*/

.aktuelnosti .oblast_sadrzaja{display: flex; justify-content: space-between; margin-top: 2rem }
.aktuelnosti .oblast_sadrzaja>div:nth-last-child(2){display: none}
.aktuelnosti .overlayDiv{display: none}
.aktuelnosti #coll_left{display: none}
.aktuelnosti #coll_middle{width: 66%; flex-basis: initial; flex-grow: initial}
.aktuelnosti #coll_right{width: 32%}
.aktuelnosti .rightCollImg img{ display: block; width: 100%}
.aktuelnosti .catTitle{background: #c03; color: #fff; padding:1rem 1rem 2rem; box-sizing:border-box;font-size: 2rem;
line-height: 2.5rem; font-weight:normal; font-family:vaillantBold}

.aktuelnosti_pages{display: flex; flex-wrap: wrap; padding: 1rem; box-sizing: border-box; background: #fff}
.aktuelnosti_pages .page-pID{width: 100%;list-style: none; display:flex; flex-wrap:wrap; justify-content: space-between; margin:0;}
.aktuelnosti_pages .page-pID .img {width: 33%; margin-right: 2rem}
.aktuelnosti_pages .page-pID img{width: 100%; }
.aktuelnosti_pages .info{width:calc(66% - 2rem) }
.aktuelnosti_pages .page-pID .info h2{font-size: 1.5rem;line-height: 1.875rem; }
.aktuelnosti_pages .page-pID h2 a{text-decoration: none; padding:0 0 0.5em; display: block; }
.aktuelnosti_pages .page-pID .antrafile {padding: 0 2px 0.5rem; box-sizing: border-box}
.aktuelnosti_pages .page-pID .moreinfo{margin: 0.125rem 0 1.5rem}
.aktuelnosti_pages .page-pID .moreinfo a{display: block; background: #c03; color: #fff;
    text-decoration: none; width:30%; display: flex; align-items: center; justify-content: center; height:42px;border-radius:4px; position: initial }
.aktuelnosti_pages .moreinfo a:hover{background: #971b2f}

.customRightMenu>div{background: #fff; margin-bottom: 1rem}
.customRightMenu>div:hover img{transform: scale(1.1); transition: all .3s}
.customRightMenu>div:hover h2 a{text-decoration: underline #c03; transition: all .3s; color: initial}

.customRightMenu>div img{transition: all .3s}
.customRightMenu div a{display: block; text-decoration: none; color:inherit; overflow: hidden}
.customRightMenu div h2 a{padding: 1.5rem 1.5rem 0.5em; box-sizing: border-box; color: #ab1113;font-size: 1.5rem;line-height: 1.875rem;}
.customRightMenu div p a{padding:0 1.5rem 1.5rem; box-sizing: border-box}
.customRightMenu div p a:after{content: ""; border-right: 1px solid #ab1113;border-bottom: 1px solid #ab1113; display: inline-block;
width: 9px; height: 9px; transform: rotate(-45deg); margin-left: 5px}

.aktuelnosti .pageTitle{padding: 30px 0; line-height: 1.2em; font-family: vaillantPro; width: 90%}
.aktuelnosti .pageBody{background: #fff;}
.aktuelnosti .pageBody .aktuelnosti img{width: 300px!important; margin: 0 auto 30px;}
.timelineIstorijaPreduzeca{ display: flex; flex-wrap: wrap; width: 100%; position: relative}
.timelineIstorijaPreduzeca>div{ display: flex; flex-wrap: wrap; width: 100%}
.timelineIstorijaPreduzeca:after{content:""; display: block;width: 20px; height: 100%; background: #c03;
position: absolute;left: 49%}
.timelineIstorijaPreduzeca .right{justify-content: end}
.timelineIstorijaPreduzeca .left{text-align: right}
.timelineIstorijaPreduzeca>div .content{width: 49%; padding: 10px; box-sizing: border-box}
.timelineIstorijaPreduzeca .content h2{color:#c03; padding-bottom: 5px }

.aktuelnosti_page .pumaCondensAktuelnosti{width: 70%;}
.aktuelnosti_page .pumaCondensAktuelnosti img{width: 100%; display: block; margin: 20px 0}
.aktuelnosti_page >div{margin-bottom: 30px}
.aktuelnosti_page .flex{display: flex; justify-content: space-between; margin-top: 40px}
.aktuelnosti_page .flex >div h2{margin-bottom: 30px}
.aktuelnosti_page .flex >div{padding: 10px; box-sizing: border-box; width: 50%; }
.aktuelnosti_page .flex .gepardCondensAktuelnosti, .aktuelnosti_page .flex .tigerCondensAktuelnosti{padding-left: 20px}
.aktuelnosti_page ul li{list-style: inside;}
.aktuelnosti_page ul{margin-top: 20px}

.geffProgram{display: flex;box-sizing: border-box}
.geffProgram >div:nth-child(1) img{border: 1px solid #eee}
.geffProgram >div:nth-child(2){padding-left: 50px; box-sizing: border-box;}
.geffProgram >div:nth-child(2) li{padding: 8px 0px; list-style: inside}
.pageBody .aktuelnosti h2{margin-top: 20px; font-weight: normal}
.pageBody .aktuelnosti ol{margin: 10px 0}
.pageBody .aktuelnosti ol li{list-style: inside;}
.pageBody .aktuelnosti a{color: #c03}
.pageBody .aktuelnosti .tabela1 img, .pageBody .aktuelnosti .tabela2 img{width: 70%!important; margin-left: 0}


/*KONTAKT*/
.kontakt .pageTitle{padding: 30px 0; }
.kontakt .pageBody{background: #fff;}
.kontakt-page{display: flex; width: 100%}
.kontakt-page >div:nth-child(1){width: 60%}
.kontakt-page h3{margin-bottom: 20px; font-size: 25px}
.kontakt-page >div:nth-child(1) p{padding-top: 10px}

/*PROIZVODI*/

.product{display: flex; flex-wrap: wrap; width: 90%; margin: 0 auto;}
.proizvodi .catShortDesc{width:610px; margin:20px 0 0 60px;padding:20px 0; box-sizing:border-box;}
.product .page-pID{width: 30%;margin:0; padding:0; margin-right: 25px; margin-top: 25px; list-style: none; background: #fff;}
.product .page-pID .img {width: 100%}
.product .page-pID img{width: 100%;}
.product .page-pID h2 a{padding:15px 20px; box-sizing: border-box; text-decoration:none; display: block;  background: #c03; color: #fff;}
.product .page-pID:hover a{text-decoration: underline}
.product .page-pID .antrafile{padding: 0}

.proizvodi .pageTitle{padding: 30px 0; box-sizing: border-box}
.proizvodi #coll_middle{ margin: auto; background: #f8f8f8}
.proizvodi .pageBody{padding: 0}

.prothermProizvodi .specififikacije .opisProizvoda{margin-left: 50px;}
.prothermProizvodi .specififikacije .opisProizvoda ul{padding: inherit; padding: 20px; box-sizing: border-box;}
.prothermProizvodi .specififikacije .opisProizvoda ul li{}
.prothermProizvodi .specififikacije .slikaPuma img{width: 100%; height: 100%; display: block}

.prothermProizvodi .visokoefikasniKotao{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .visokoefikasniKotao >div{width: 48%}
.prothermProizvodi .visokoefikasniKotao >div li{list-style: inside; }
.prothermProizvodi .visokoefikasniKotao >div h2{margin-bottom: 20px}

.prothermProizvodi .tigerKombinovaniKotao{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .tigerKombinovaniKotao >div{width: 48%}
.prothermProizvodi .tigerKombinovaniKotao >div li{list-style: inside; }
.prothermProizvodi .tigerKombinovaniKotao >div h2{margin-bottom: 20px}

.prothermProizvodi .gepardKondenzacioniKotao{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .gepardKondenzacioniKotao >div{width: 48%}
.prothermProizvodi .gepardKondenzacioniKotao >div li{list-style: inside; }
.prothermProizvodi .gepardKondenzacioniKotao >div h2{margin-bottom: 20px}

.prothermProizvodi .lynxKombinovaniKotao{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .lynxKombinovaniKotao >div{width: 48%}
.prothermProizvodi .lynxKombinovaniKotao >div li{list-style: inside; }
.prothermProizvodi .lynxKombinovaniKotao >div h2{margin-bottom: 20px}

.prothermProizvodi .prothermPanelniRadijatori{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .prothermPanelniRadijatori >div{width: 48%}
.prothermProizvodi .prothermPanelniRadijatori >div li{list-style: inside; }
.prothermProizvodi .prothermPanelniRadijatori >div h2{margin-bottom: 20px}

.prothermProizvodi .prospekti{display: flex; justify-content: space-between;margin: 50px 0; background: #fff; padding: 1rem; box-sizing: border-box;}
.prothermProizvodi .prospekti >div{width: 48%}
.prothermProizvodi .prospekti >div li{list-style: inside; }
.prothermProizvodi .prospekti >div h2{margin-bottom: 20px}

.prothermProizvodi .video{background: #fff; padding: 1rem; box-sizing: border-box}

/*SERVISERI*/
.servis .pageTitle{padding: 30px 0; }
.servis .pageBody{background: #fff; }
.serviseri{background: #fff; width: 100%;}
.serviseri {border-collapse: collapse}
.serviseri tbody td, .serviseri tbody th{padding: 5px; text-align: center; font-size:0.9rem; box-sizing: border-box}
.serviseri tbody th{background: #c03; color: #fff; }
.serviseri tbody tr:nth-child(2n+1){background:#eee; }
.serviseri td a{text-decoration: none; color: #c03}
.gdeKupiti td:last-child,.gdeKupiti td:nth-last-child(2){ width: 100px}
.gdeKupiti td:nth-child(5){width: 150px}

/*FOOTER*/

.blokoviFuterGonji,.ikoniceFoter{display: none}

.oblast_futera {
    position: relative; 
    width:100%;
    background:#cccccc; padding: 30px 0 20px; box-sizing: border-box;}
.footer_linksContainer{display: flex; justify-content: space-between; position: relative; }
.footer_linksContainer ul{}
.footer_linksContainer li b{font-weight: normal; font-family:vaillantBold; color: #c03 }
.footer_linksContainer li{display: block; padding: 3px 0}
.footer_linksContainer li a{display: inline-block;}
.oblast_futera a{text-decoration: none; color: inherit; display: block; height: 100%; }
.oblast_futera li{list-style: none; color:#666}
.oblast_futera .logoSlika {width: 350px; position: absolute; top:0; left: calc(50% - 175px); top: 80px; }
.oblast_futera img{display: block;width:100%}
.oblast_futera .footer_container{ width:90%; margin: auto;}
.oblast_futera .afterBlok{display: flex; margin-top: 50px}
.oblast_futera .afterBlok li{margin-left: 10px; }
.oblast_futera .afterBlok .afterElem {border-right: 1px solid #666; padding-right: 10px}
.oblast_futera .afterBlok .afterElem:last-child {border-right: none}
.afterBlok .afterElem:last-child a:after{content: "\f08e"; font-family: icons; padding-left: 5px; box-sizing: border-box}

.specififikacije {display: flex; margin: 30px 0 30 0;}
.slikaPuma {width: 400px}
.slikaPuma img {width: 100%}
.specififikacije ul {padding: 100px; font-size: 16px; line-height: 2em}