@charset "utf-8";
/* CSS Document */
html { height: 100%;}
body{background:#fff;  width:100%; margin: 0 auto; padding:0; font-size:100%; font-family:'PT Sans', sans-serif; }
header{position:relative; float:left; width:100%; height:auto; margin:0;}
*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	alignment-adjust: central;
}
* a { outline:none;}
* ul {list-style:none;}
* p {font-size:0.9em; line-height:130%; color:#000; letter-spacing:0.045em;}
* h1 {font-family: 'Roboto Slab', serif; }
.item_space_in {margin-right:25px;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;} .clearfix {*zoom: 1;}
.back_color_no1 {background-color:#fbfbfc;} .back_color_no2 {background-color:#fdfdfd;} .back_color_no3 { background-color:#f7f7f7;} .back_color_no4 { background-color:#ffffff;}
.back_color_no5 { background-color:#F33}
.pad_top_2em {padding-top:2.5em;} .pad_top_1em {padding-top:1.5em;} .pad_top_1 {padding-top:1em}
.margin_T { margin-top:4em;} .margin_T-m {margin-top:1em;} .margin_B {margin-bottom:3.5em;} .margin_BT {margin: 1em auto 2em auto;} .margin_S {margin-bottom:1em;}
.adress_holder, .main_header_wrap {width:100%; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row; align-items:center;-webkit-align-items: center; justify-content: center; -webkit-justify-content:center;}
.main_header_wrap {max-width:1366px; margin:0 auto;}
.krusevac_header { position: relative;
     left: 192px;}
.telefon-link {
     color: #eab01a;
}
.fa-phone {
          content: url("../img/phone.svg");
          width: 1em;
        }
.telefon-link-crveni {
     color: #cb0001 !important;
     font-size: 1em;
}
a.footer-link-telephone {
     color:black !important;
     font-weight: normal !important;
}

.slider-img-no-x-padding {
     padding-top: 10% !important;
     /* padding-bottom: 5% !important; */
     max-width: 110px;
     max-height: 40px !important;
}

@media all and (max-width:1300px)
{.adress_holder{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .item_one-third {order:2; -webkit-order:2; -moz-order:2; -ms-order:2; width:100%; float:left;} .item_main {padding-left:1em;} 


img.logo_footer { display:none;}}
.item_one-third {-webkit-box-flex: 0 0 calc(35%);-ms-flex: 0 0 calc(35%);flex: 0 0 calc(35%); padding: 0.5em 1em; float:left;}
.item_one-third-kontakt {-webkit-box-flex: 0 0 calc(25%);-ms-flex: 0 0 calc(25%);flex: 0 0 calc(25%); padding: 0.5em 1em; float:left;}
.item_main, .wrap_slider_secmenu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;float:left; width:100%; }
@media all and (max-width:1000px){.item_main{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .none_in_pad { display:none;}}
.item_in { -webkit-box-flex: 1;-ms-flex:1;flex:1;flex-basis: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto;}
@media all and (max-width:720px) { .none_in_mob{ display:none;} 
footer .item_main_footer {-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; justify-content: center; -webkit-justify-content:center; text-align:center;} .item_main_footer ul.second_child {padding-top:2em;}}
.adress_holder ul{ padding:5px;} .adress_holder ul li, .item_main_footer ul li {font-size:0.8em; line-height:130%; color:#000;}
.bold { font-weight:bold; letter-spacing:1px;}
.grey-fa-icon { border-radius: 4px; color: white; 
    width: 1.2em; 
    height: 1.2em;
    display: inline-block;
	fill: white;
    vertical-align: middle;}
.fb-icon:hover {background-color: #b00808;}
.fa-a {font-size: 0.8em; padding: 0.6em 0.45em 0.65em; line-height: 0.72em; vertical-align: top;}
.fa-a:hover {background-color: #D30000;}
.fa-instagram {padding: 0.2em, 0.23em}
.fa-instagram:hover {background-color: #8134af;}
.fa-linkedin-in {padding: 0em, 0em !important}
.fa-linkedin-in:hover {background-color:#0077B5;}

.fa-youtube {font-size: 0.8em; padding: 0.6em 0.34em 0.65em; line-height: 0.72em; vertical-align: top;}
.fa-youtube:hover {background-color:#e62117;}

#mobile-menu-contact {
     margin-left: 20%;
}

.mobile-menu-fa-phone {
     padding-left: .2em;
} 

@media screen and (min-width:1001px){
     #mobile-menu-contact, .mobile-header-phone-numbers {
     display: none;
}

.min-height-20vh {
     min-height: 20vh;
}

}

.padding-left-header-mobile {
     padding-left: .3em;
}

.mobile-header-phone-numbers {
     max-width: 80%;
     position:relative;
     left: -2em;
     padding: 0.6em 0em;
     font-size: .6em;
}

@media screen and (max-width:1000px) {
.social-icons-header {display: none;}
.item_one-third-kontakt {padding: 0px;}
}


#first-contact-item-mobile-menu {
     display: none;
}


.underline {text-decoration: underline;}


.box_rotate {
     -moz-transform: rotate(90deg);  /* FF3.5+ */
       -o-transform: rotate(90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
             filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    }
.logo_holder {border-bottom:1px solid #eab01a; width:100%; float:left; padding:2% 10% 2% 5%;}
@media all and (min-width:1200px) {.logo_holder {padding:2% 10% 2% 17.5%;} #cssmenu {padding:0.5em 0 0 25%} }
.logo_holder a { display: block; max-width:325px; height: 100%;} .logo {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row; max-width:325px;  align-items:center; -webkit-align-items:center;}
.wheel, .name {
     -webkit-box-flex: 1;-ms-flex:1;flex:1;flex-basis: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto;
}

.wheel {margin:5px 3%;} .wheel img { width:100%; max-width:78px; border-radius: 50%;-webkit-transition: -webkit-transform .8s ease-in-out; transition:transform .8s ease-in-out; z-index:999;} .name img { width:100%;}
.logo:hover .wheel img {  -webkit-transform: rotate(360deg);transform: rotate(360deg);}
/*END OF ADERS PLUS LOGO*/
.wrap_menu {-webkit-box-flex: 0;-ms-flex: 0 0 calc(35%);flex: 0 0 calc(35%); align-items:center;-webkit-align-items: center; justify-content: center; -webkit-justify-content:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around; text-align:center; margin:0 auto;}
.wrap_two_column { display: flex; display: -webkit-flex; display: -ms-flexbox; displey: -moz-flex; flex-direction: column; flex-wrap: wrap; justify-content:left; align-items:left; align-content: left;  width:100%;}
#cssmenu ul li.active a {color:#cb0001;} #cssmenu ul li.active a:hover {color:#e8e8e8;}
@media all and (max-width:1200px) and (min-width:960px){#cssmenu {padding:0;}}
#cssmenu ul {-webkit-box-flex: 1;-ms-flex:1; flex:1; width:100%; height:auto;}
#cssmenu ul li { text-align:left; max-width:374px;}
.hvr-sweep-to-right a, #cssmenu ul li:first-child{padding: 0 3em 0 0; margin: 0; letter-spacing:3px;color:#000;font-weight:700; font-size:0.8em;  line-height:160%;}
#cssmenu ul li:first-child {padding-bottom:0.5em;}  
li.indent a {font-size:0.9em; color:#000; margin-left:20%; line-height:160%; padding: 0 2em 0 1em;letter-spacing:1px;}
li.indent a:hover {font-weight:bold;}
.hvr-sweep-to-right a, li.indent a  { display:inline-block; width:auto; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color;transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-right a:before, li.indent a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #cb0001; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-outtransition-timing-function: ease-out;}
.hvr-sweep-to-right a:hover, li.indent a:hover, .hvr-sweep-to-right a:focus, li.indent a:focus, .hvr-sweep-to-right a:active, li.indent a:active {color: #fff;}
.hvr-sweep-to-right a:hover:before, li.indent a:hover:before, .hvr-sweep-to-right a:focus:before, li.indent a:focus:before, .hvr-sweep-to-right a:active:before, li.indent a:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
span.red { display:inline-block; border-top: 11px solid #cb0001; border-left: 6px solid #cb0001; border-right: 5px solid transparent; height: 0; width: 4px; margin-right:1em; vertical-align:center;}
.wrap_main_picture { display: flex; display: -webkit-flex; display: -ms-flexbox; displey: -moz-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items:top; align-content: center; width:100%; order:1; -webkit-order:1; -moz-order:1; -ms-order:1;}
.wrap_second_part {display: flex; display: -webkit-flex; display: -ms-flexbox; displey: -moz-flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items:left; align-content: center; width:100%; order:2; -webkit-order:2; -moz-order:2; -ms-order:2;}
.main_picture {flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; -webkit-flex: 1 auto; width:100%; height:auto; position:relative; overflow:hidden; min-height:338px;}
.wrap_main_picture img.index_img , .wrap_main_picture img.page_img, .wrap_main_picture img.sindra_img  { width:auto; height:100%; max-width:718px; max-height:338px; float:left; }
.wrap_main_picture img.page_img,.wrap_main_picture img.sindra_img{ object-fit:cover; }
@media all and (max-width:500px){.wrap_main_picture img.index_img {transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); position:absolute; bottom:-30%; right:-50%;}
.wrap_main_picture img.page_img {position:absolute; left:-30%;} .wrap_main_picture img.sindra_img {position:absolute; left:-50%;} }
@media all and (max-width:800px) and (min-width:500px){.wrap_main_picture img.index_img {transform: translateX(20%) translateY(50%); position:absolute; bottom:-15%; left:-5%; zoom:1;} figcaption.index_fg {margin-top:-15%;}}

@media screen and (max-width:1065px){
.main_header_wrap {-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.wrap_menu {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; width:100%; -ms-flex-align:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around; text-align:center; margin:0 auto; background-color:#fff;}
#cssmenu {padding:0;}
#cssmenu ul{width:100%; display:none; position:relative; background-color:#fff;}
#cssmenu ul li:first-child {padding-top:1em;}
#cssmenu ul li:last-child {padding-bottom:1em;}
li.indent a { padding:0;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0;color:#000;font-size:1.3em;font-weight:700;}
.button{width:57px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;padding-top:5px; background-color:#000;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.wrap_slider_secmenu {-ms-flex-align:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around; text-align:center;}}
figcaption.page_fg , figcaption.index_fg { display:block; position:absolute; top:0; right:0; float:left;  text-align:left;z-index:999;}
figcaption.index_fg {padding:18% 0 0 20%;}	
figcaption.page_fg { width:100%;}
figcaption.index_fg h1, figcaption.page_fg h1 { width:100%; float:left;  display: block; margin: 0 0 10px 0; padding: 3px 0 3px 1em;}
figcaption.index_fg h1 {color: #000; background-color:#eab01a;letter-spacing:5px; font-size: 1.05em;}
figcaption.page_fg h1 { font-size:0.9em; letter-spacing:7px; background-color: #666666; color:#ffffff;  text-shadow: 0 1px 0 rgba(0,0, 0, 0.4);-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
@media all and (min-width:720px) {figcaption.page_fg {padding-top:2%; max-width:590px;} }
img.slide_in_right {animation: slideInRight 0.8s both 0s; -moz-animation: slideInRight 0.8s both 0s; -webkit-animation: slideInRight 0.8s both 0s; -o-animation: slideInRight 0.8s both 0s;}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInRight{0%{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.first{animation: fadeInDown 0.8s both 0.5s;-moz-animation: fadeInDown 0.8s both 0.5s; -webkit-animation: fadeInDown 0.8s both 0.5s; -o-animation: fadeInDown 0.8s both 0.5s;}
.second{animation: fadeInDown 1s both 0.8s; -moz-animation: fadeInDown 1s both 0.8s; -webkit-animation: fadeInDown 1s both 0.8s;-o-animation: fadeInDown 1.5s both 1s;}
.third{animation: fadeInDown 1.5s both 1s; -moz-animation: fadeInDown 1.5s both 1s; -webkit-animation: fadeInDown 1.5s both 1s;-o-animation: fadeInDown 1.5s both 1s;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} 100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d (0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@media screen and (min-width:1066px){.wrap_slider_secmenu { max-width:718px; -ms-flex-align:left;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around; text-align:left;} figcaption.index_fg {max-width:590px;} figcaption.page_fg {padding-top:2%; max-width:590px;} }
.wrap_slider_secmenu { margin: 5px 0 2px 0;}
.white_text_shadow {text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);}
.item_main_footer {width:100%; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row; flex-basis: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto;  -webkit-justify-content: space-between;justify-content:space-between; max-width:1028px}
footer {display: flex; display: -webkit-flex; display: -ms-flexbox; displey: -moz-flex; width:100%; background-color:#fbfbfc; justify-content: center; -webkit-justify-content:center;border-top:1px solid #e8e8e8; padding:5% 0; }
.item_main_footer ul li { line-height:130%; letter-spacing:0.02em;}
.item_main_footer ul li.bold_fot {line-height:150%; letter-spacing:0.2em; padding:8px 0 0 0;}
.item_main_footer ul li a {color:#cb0001;letter-spacing:1px;font-weight:bold;  -webkit-transition: 0.5s color ease-in-out; -moz-transition: 0.5s color ease-in-out; -o-transition: 0.5s color ease-in-out; transition: 0.5s color ease-in-out;}
.item_main_footer ul li a img {padding-right:3px; vertical-align:central;}
.item_main_footer ul li a:hover{color:#000; }
.item_main_footer .info_adresa ul li a {
    display: block;       /* Postavlja link kao blok element da bi zauzeo više prostora */
    padding: 10px 0;      /* Dodaje unutrašnji razmak od 10px gore i dole, povećavajući dodirnu površinu */
}
.copyrights {width:100%; float:left; margin:0 auto; text-align:center;}
.copyrights p{max-width:1028px; margin:0 auto; text-align: center;  padding:0 2em 5px 2em; line-height:200%; border-top:1px solid #e8e8e8;font-size:0.65em; letter-spacing:2px;}
.scrollup {float:right;width:34px; height: 34px; position: fixed; right:3%; bottom: 20px; display: none; text-indent: -9999px; background:url(../img/to-the-top.fw.png) no-repeat; background-color:none; margin-right:1%; z-index:999; opacity:0.8; -webkit-opacity:0.8}
.scrollup:hover {opacity:1; -webkit-opacity:1;}
.second_menu {displey:block; width:100%; margin-top:13px; margin-bottom:5px; float:left;}
span.orang { display:inline-block; border-top: 11px solid #eab01a; border-left: 6px solid #eab01a; border-right: 5px solid transparent; height: 0; width: 4px; margin-right:1em; vertical-align:center;}
.second_menu p {color:#666666; }
.second_menu a, .second_menu p { display:inline-block; font-size:0.9em; line-height:150%; padding:5px 2px; letter-spacing:0.09em;}
.second_menu a, a.katalog p {color:#cb0001; font-weight:bold;}
/*STRELICE ZA STRANICE************************************************************/
.arrow { display:block; width:100%; height:auto; border-top:1px solid #9e9ea7;float:right;}
a.wrap_arrow, a.wrap_arrow_2 {display:block; float:right; height:29px;letter-spacing:0.5em; color:transparent; font-size:0.6em; padding:8px 0 0 5px; background-image:url(../img/dalje_vesti.fw.png) right center no-repeat;}
a.wrap_arrow img, a.wrap_arrow_2 img {display:inline-block; float:right;  margin-top:-8px; margin-right:-1px;}
a.wrap_arrow img {background-color:#eab01a;}
a.wrap_arrow_2 img {background-color:#666666;}
.hvr-sweep-to-left,.hvr-sweep-to-left_2 {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-left:before,.hvr-sweep-to-left_2:before  {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-left:before {background: #eab01a;}
.hvr-sweep-to-left_2:before {background: #666666;}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active, .hvr-sweep-to-left_2:hover, .hvr-sweep-to-left_2:focus, .hvr-sweep-to-left_2:active  {color: white;}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before, .hvr-sweep-to-left_2:hover:before, .hvr-sweep-to-left_2:focus:before, .hvr-sweep-to-left_2:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
/*LINK ZA UNDERLINE*/
.hvr-underline-reveal { display: inline-block; line-height:150%; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.hvr-underline-reveal:before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; background: #eab01a; height: 3px; -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {-webkit-transform: translateY(0);transform: translateY(0);}
/*KRAJ LINKA*/




/* Tavanske stepenice */

.flex-stepenice {
     justify-content: space-around;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
} 

.flex-stepenice-item {
     max-width: 50%;
     width: 422px;
     flex: 1 1 50%;
} 

.naslov-proizvoda {
     text-align: center;
     margin-top: 2em;
     margin-bottom: 1em;
     font-size: 1.3em;
     font-weight: 900;
}

.slika-flex-stepenice {
     max-width: 100%;
}


@media screen and (max-width:1065px){

     .flex-stepenice {
          flex-direction: column;
          align-items: center;
     } 
     .flex-stepenice-item {
          max-width: 80vw;
     }
     .flex-stepenice-item:not(:first-child) {
          margin-top: 3rem;
     }

}

.karakteristika-stepenica-wrapper {
     padding: 0 5% 1em 10%;
}

.karakteristika-stepenica {
     font-size: 1em;
     padding-top: 2.7px;
}

.karakteristika-vrednost {
     font-weight: 800;
}


    .karakteristika-stepenica-wrapper {
     width: 95%;
     border-collapse: collapse;
   }
   
   .karakteristika-stepenica-wrapper td {
     border: 1px solid #ddd;
     padding: 8px;
   }
   
   .karakteristika-stepenica-tekst {
     text-align: left;
     padding-left: 8px;
     width: 76%;
   }
   
   .karakteristika-vrednost {
     text-align: center;
     width: 24%;
     font-size: 12px;
     padding-left: 3px !important;
     padding-right: 3px !important;
   }
   
   .cena-stepenica {
     color: #cb0001;
     font-weight: 800;
   }
   .dimenzija-stepenice {
     font-weight: 800;
   }

   .linkovi-novi {
     padding-left: 4rem;
     padding-top: 1.5rem;
   }
 
   .narandzasti-tekst {
     color: #eab01a;
   }
   .narandzasti-tekst:hover {
     font-weight: 900;
   }
   .strelica {
     font-weight: 900;
     font-size: 1.3rem;
   }

   .logo-velemajstor {
     height: 4.4rem;
}

   @media screen and (max-width:1065px){
     .linkovi-novi {
          padding-left: 1rem;
          line-height: 1.2;
     }
}

.ikonica-tegola {
     height: 70px;
     margin: auto;
     width: 70px;
}

.kolekcija-karakteristike-wrapper {
     display: flex;
}

.karakteristike-tekst-kolekcije {
     line-height: 1.4; 
     /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
      */
     
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      padding: 10px;
     .logo-velemajstor {
          height: 5rem;
     }
}


img.logo_footer.logo-velemajstor-footer {
     width: 204px;
     height: 45px;

}


.arrow-izmedju-dva-proizvodjaca {
     border-top: none;
}