@font-face {
  font-family:'GothamLightRegular';
  src:url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.svg#GothamLightRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GothamBookRegular';
  src:url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.svg#GothamBookRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GothamBoldRegular';
  src:url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GothamBlackRegular';
  src:url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.svg#GothamBlackRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}


@font-face {
    font-family: "Chronicle Display";
    src: url('//rozi-step.hr/fonts/ChronicleDisplay-Roman.woff2?v=140799182229516946471698870715') format('woff2');
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: "Chronicle Display";
    src: url('//rozi-step.hr/fonts/ChronicleDisplay-LightItalic.woff2?v=79211172020176401011698870716') format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Chronicle Display";
    src: url("//rozi-step.hr/fonts/ChronicleDisplay-Semi.woff2?v=43102258902814549521698870717") format("woff2");
    font-display: swap;
    font-weight: 600;
}
@font-face {
    font-family: "Akzidenz Grotesk";
    src: url('//rozi-step.hr/fonts/akzidenzgrotesk-light.woff2?v=56215099315212884881698430076') format('woff2');
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: "Akzidenz Grotesk";
    src: url('//rozi-step.hr/fonts/akzidenzgrotesk-regular.woff2?v=137853161158981046461698430082') format('woff2');
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: "Akzidenz Grotesk";
    src: url('//rozi-step.hr/fonts/akzidenzgrotesk-medium.woff2?v=22804377730829694161700180047') format('woff2');
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: "Akzidenz Grotesk";
    src: url('//rozi-step.hr/fonts/akzidenzgrotesk-bold.woff2?v=169319899967088341351698430064') format('woff2');
    font-display: swap;
    font-weight: 700;
}


body {color:#000; font-family:'Open Sans', sans-serif;}
a:hover {text-decoration:none;}
.bigtar {cursor:pointer}

.edit_this {height:32px; width:32px;}
.nav > li > a:focus {background:transparent;}

label {color:#000;}
.noradi {border-radius:0;}

h1 {font-weight:400; margin: 0 0 20px;  font-size: 3em;}
h2 {font-size: 3em; color:#000;}

.clear {height:0.1px; clear:both;}
.clear5 {height:5px; clear:both;}
.clear10 {height:10px; clear:both;}
.clear20 {height:20px}
.clear30 {height:30px}
.clear40 {height:40px}
.clear45 {height:45px}
.clear50 {height:50px}
.clear60 {height:60px}
.clear70 {height:70px}
.clear80 {height:80px}
.clear100 {height:100px}
.clear220 {height:220px}

.margin0 {margin:0 !important}
.nomargin {margin:0 !important}
.margin0auto {margin:0 auto;}
.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px !important}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop2 {margin-top:2px}
.margintop5 {margin-top:5px}
.margintop7 {margin-top:7px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom10 {margin-bottom:10px}
.marginbottom15 {margin-bottom:15px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}
.margin5po {margin:5%}
.margin3px {margin:3px}

.nopadding {padding:0}
.paddingright0 {padding-right:0}
.paddingleft0 {padding-left:0}
.padding10 {padding:10px}
.padding0 {padding:0}
.paddingright10 {padding-right:10px}
.paddingleft10 {padding-left:10px}
.paddingbottom10 {padding-bottom:10px}

.mar-do-10 {margin-bottom:10px;}
.mar-top-bot-20 {margin:20px 0;}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px}
.width100px {width:100px}
.width120px {width:120px}
.width160px {width:160px}
.width200px {width:200px}
.width320px {width:320px}

.height32 {height:32px}
.height34 {height:34px}

.justify {text-align:justify}
.whitetext {color:#fff}
.font12 {font-size:12px}
.italic {font-style:italic}
.caps {text-transform:uppercase}

.nobg {background:none}
.graybg {background:#2e3338}
.orangebg {background:#fe8933}
.orangebg:hover {background:#ffa953}
.blackbg {background:#222222}
.blackbg:hover {background:#323232}

.header-padding {padding:0;}

.boxpoc {transition: all 0.4s ease}
.boxpoc img {margin-top:20px;}
.boxpoc a {display:block}
.boxpoc h3 {color:#fff; margin-top:20px; font-weight:300;}

.breadcrumb-novi {color:#353535; background:none; list-style:none;padding-left: 0;font-size: 11px; font-family:open sans; font-weight:300; margin:30px 0 10px 0;}
ul.breadcrumb-novi li {display:inline; color:#777;}

a.bread:link, a.bread:visited, a.bread:active {color: #353535; text-decoration: none;  font-weight:400;}
a.bread:hover {color: #777; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #ddd; text-decoration: none;}
a.darkblue:link, a.darkblue:visited, a.darkblue:active {color: #002454; text-decoration: none;}
a.darkblue:hover {color: #305484; text-decoration: none;}
a.logacc:link, a.logacc:visited, a.logacc:active {color: #353535; text-decoration: none; font-size:12px; font-weight:300;}
a.logacc:hover {color: #666; text-decoration: none;}	

header {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #dcdcdc;
border-top: 0;
padding: 0;
min-height: 70px;
}
header.clean-top div.header-top {margin-top: -13px;padding:0;}
header div.header-top {min-height:70px;}
.mainlogo {font-weight:700; line-height:18px; color:#fff; padding:5px 10px; border:9px solid #d9d9d9; background:#3cbfde; margin:9px 0; float:right;}
.mainlogo a {display: flex;align-items: center;justify-content: center;font-size: 0.9em;font-weight: 600;line-height: 14px;}
.mainlogo2 {display:none}
.navbar-collapse {padding-left:0;padding-right:0;}
header.flat-menu > div.container {height: 80px;margin-bottom: -79px;}
header nav {float: left;background:transparent;}
header.flat-menu nav {text-align:center}
header.flat-menu ul.nav-main {margin: 0}
header.flat-menu ul.nav-main,
header.flat-menu ul.nav-main > li {float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: baseline;top: 5px;}
header.flat-menu nav ul.nav-main li a {color:#f26b4a; line-height:15px; margin-top: 5px; padding-top: 6px; margin-left: 5px;margin-right: 5px;padding-bottom: 7px;text-transform: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}
header.flat-menu nav ul.nav-main li.active > a, header.flat-menu nav ul.nav-main li.active > a:hover {color:#818183; text-decoration:none; background-color: #ffffff !important;border-color: #dcdcdc #dcdcdc #ffffff;border-style: solid;border-width: 1px;}
header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {color: #818183; text-decoration:none; background-color: #ffffff !important;border-color: #dcdcdc #dcdcdc #ffffff;border-style: solid;border-width: 1px;}
header.flat-menu nav ul.nav-main li a span {font-family: 'Lobster', cursive; font-size: 1.1em;font-weight: 300;}
header.flat-menu nav ul.nav-main li a img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; transition: all 0.5s ease; margin:0 auto;}
header.flat-menu nav ul.nav-main li a:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
header.flat-menu nav ul.nav-main li.active a img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}

body.sticky-menu-active header {border-bottom:1px solid #dcdcdc;box-shadow:none;}
body.sticky-menu-active header.flat-menu nav ul.nav-main {margin-top: 53px;margin-bottom: 0;}
body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {padding-bottom: 2px;padding-top: 1px;}
body.sticky-menu-active .mainlogo {border: 0 none;margin-bottom: 0;margin-top: 68px;}
body.sticky-menu-active header.flat-menu ul.nav-main > li {top: 1px;}

.main {background: #fff}
.logodesnotekst {float: right;margin: 30px 0 20px;}
.bhedkontakt, .bhedprodaja {float: right;margin: 0 0 10px;width: 100%;}
.bhedkontakt a, .bhedprodaja a {color: #5897c3;float: right;font-size: 1.1em;margin: 0 15px 0 30px;}
.bhedkontakt a:hover, .bhedprodaja a:hover {color:#006fbd}
.bhedkontakt a .icon, .bhedprodaja a .icon {font-size: 1.2em;}

.decoration {background: url('https://rozi-step.hr/slike/header-decoration.png') center bottom repeat-x;float: left;height: 18px;position: relative;width: 100%;}
.poc-drogerija {margin-top: 22px; margin-bottom: 52px;}
.h2mini {font-size: 1.85em;font-weight: 300;}
.h2mini-text {font-size: 1.1em;font-weight: 300;line-height: 32px;text-transform: uppercase;margin-top: 25px;padding: 20px 0 30px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.48) 30%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0.48)), color-stop(31%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.poc-drogerijaispod {margin-bottom: 45px;margin-top: 40px;}
.imgkruglink:hover img {opacity: 0.7;}
#nav2 {background:#818183}
ul.podizbornik {margin:0; padding:0;}
ul.podizbornik li {display:inline; list-style-type:none; margin:0 30px 0 20px;}
ul.podizbornik li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}


div.slider-container {min-height:350px;background:#fff;}
.tp-caption.rsgraybg {position: absolute;height: 100%;width: 35%;padding: 20px 30px;background:#818183;opacity:0.7 !important;}
.tp-caption.rsgraybg h2 {color:#000;font-size:2.3em;white-space: normal;width: 100%;line-height: 32px;margin: 0 0 20px;}
.tp-caption.rsgraybg p {color:#ffffff;width: 100%;white-space: normal;line-height: 22px; font-family: 'GothamBookRegular';font-size: 12px;margin: 0;}
.tp-caption.rsgraybg p a {display:block; margin: 0 0 10px;line-height: 20px;}
.rs-silimed-txt {color: #818183;font-size: 28px;font-weight: 300;white-space: nowrap;position: absolute;right: 50px;}
.rscolorescience .tp-caption h2 {font-weight: bold;color: #2e3338;}
.rscolorescience .tp-caption h3 {text-transform: none;font-size: 1.9em;font-weight: 300;color: #2e3338;}
.rscolorescience .tp-caption p {white-space: normal;font-weight: 300;color: #5c636a;}
.btn-custom {padding: 16px 22px; background-color: hsl(0, 0%, 60%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d7dadd"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#d7dadd)); background-image: -moz-linear-gradient(top, #ffffff, #d7dadd); background-image: -ms-linear-gradient(top, #ffffff, #d7dadd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7dadd)); background-image: -webkit-linear-gradient(top, #ffffff, #d7dadd); background-image: -o-linear-gradient(top, #ffffff, #d7dadd); background-image: linear-gradient(#ffffff, #d7dadd); border-color: #dddfe3 #d5d8dd #caced4 #d5d8dd; color: #000 !important; font-weight: 300; -webkit-font-smoothing: antialiased; }
.rsaquamid .aqpodnaslov h3 {font-family:'Century Gothic', Sans-serif; font-size:1.8em; color:#fff; text-transform: none;}
.rssmithnephew .snwhitebg {width:35%; height:100%; padding:40px 30px; background:rgba(255, 255, 255, 0.4); white-space: normal !important;}
.rssmithnephew h2 {font-size: 2.3em; line-height:34px; letter-spacing: 0;}
.rssmithnephew p {font-weight: 300;font-family: 'GothamBookRegular';font-size: 12px;}
.rssmithnephew a {color:#000000 !important}
.rssmithnephew a:hover {color:#70AAD1 !important}
.rssmithnephew .icon {color:#70AAD1}
.rsmedgel .rsmedgeltxt {font-family:'Century Gothic', Sans-serif; font-size:12px; color:#2e3338; text-transform: uppercase;width: 50%;white-space: normal !important;}
.rsmedgel .rsmedgeltxt a {color:#e56539 !important}
.rsmedgel .rsmedgeltxt a:hover {color:#cc0000 !important}
.rsmedgel .rsmedgelprdcts {width:100%; text-align:center;}
.rsmedgel .rsmedgelprdcts a img:hover {opacity:0.7}
.rspostop .postopnaslov, .rspostop .postoptekst {white-space: normal !important;width: 45% !important;}
.rspostop .postopnaslov h2 {color: #fff;font-size: 2.1em;line-height: 38px;}
.rspostop .postoptekst p {color: #d6cfbc;}
.rspostop .postopprdct a img {margin-right: 5px}
.rspostop .postopprdct a img:hover {opacity: 0.7}


.ispodslideraboks {background:#EEECED; border:1px solid #fff; text-align:center;box-shadow:0 0 6px #d2d2d2;padding:0;margin:5px;}
.ispodslideraboks a {display: block;padding:25px 0;}
.ispodslideraboks span {font-family: 'Lobster', cursive; font-size: 1.1em;font-weight: 300;color: #818183;display:block;}
.ispodslideraboks img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.8; transition: all 0.5s ease; margin:0 auto; padding:0 2px;}
.ispodslideraboks a:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}

hr.simplegray {background:#DCDCDD;border: 0 none;height: 1px;margin: 22px 0;}

.poc-medikal {height: 394px;overflow: hidden;padding-top: 11%;}
.poc-medikal h2 {text-align:center;margin: 0 0 12px;}
.poc-medikal .h2mini-text {text-align: center;margin-top: 0;background: none;}

.owl-brandovi {background:#fff; margin:5px 0 0 0;}
.owl-brandovi-item a img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; transition: all 0.5s ease;}
.owl-brandovi-item a img:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
.owl-theme .owl-controls {margin-top: 0}
.owl-reference .owl-buttons .owl-next {background: none repeat scroll 0 0 transparent !important;color: #0ca1c9 !important;font-size: 44px !important;right: -20px;position: absolute;top: 25%;z-index: 20;}
.owl-reference .owl-buttons .owl-prev {background: none repeat scroll 0 0 transparent !important;color: #0ca1c9 !important;font-size: 44px !important;left: -20px;position: absolute;top: 25%;z-index: 20;}

footer {color:#707b85;background: #fff;margin-top: 0;padding: 40px 0 0;position: relative;clear: both;border-top: none;}
footer hr {background-image: -moz-linear-gradient(left center , rgba(112, 123, 133, 0), rgba(112, 123, 133, 0.3), rgba(112, 123, 133, 0));}
footer a {color:#000 !important}
.foot-naslov {text-align:center; font-size:2.1em; font-weight:300; line-height:32px; color:#000; margin-bottom:25px;}
.foot-text {text-align:center; font-size:1.2em; font-weight:300; line-height:25px;}
.foot-icons {margin-top:67px;}
.foot-icons:hover {opacity:0.8;}
.footer-social {text-align: center;margin-top: 50px;}
.footer-social img {margin: 0 3px 6px;}
.footer-social img:hover {opacity: 0.5;}
div.footer-copyright {background:#fff; margin-top:10px; padding:0; color:#707b85; font-size:1em; border-top:none;}
div.footer-copyright a, div.footer-copyright a:hover{color:#707b85 !important;}
.fcinner {background:#fff; margin-bottom:0 !important; padding:15px 0;}
.fcinner p {color:#707b85 !important;}







header.flat-menu nav ul.nav-main li.dropdown:hover > a {padding-bottom: 30px;}
nav.mega-menu .mega-menu-shop .dropdown-menu {right:-2px;}


header h1.logo {padding:0;}

header h1.logo a {
    z-index: 2;
}

header h1.logo img {
    z-index: 2;
    margin-bottom: -25px;
    margin-left: -20px
}

header h1.logo-sticky-active img {
    top: 10px !important;
}







/**************************************
 ******      OSTALE CSS        ******
*************************************/

.graygradientbg {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}












/**************************************
 ******        OLD CSS        ******
*************************************/


.sadrzaj {margin:20px 0;}
.entry-detaljnije {text-align:justify;}

.entry-link-shop {border-radius:4px; background:#ffffff; background:rgba(255,255,255,0.3); padding:10px; border: 1px solid rgba(255,255,255,0.4); text-align:left;}

.cartbg {
  background:#ffffff;
  border: 1px solid rgba(255,255,255,0.6) !important;
  border-radius:4px;
  padding-top:15px;
  padding-bottom:15px;
}
.table {color:#000;}
ul.payment-steps {float:left; width:100%; margin-top:0; margin-bottom:30px; padding:0; list-style-type:none; background:#5BA2EE; border-bottom:1px solid #e75200; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:25%; text-align:center; padding:10px 0; background:#f17b2b; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#e75200; font-weight:bold;}
ul.payment-steps li.active:after {background:#e75200; border:solid #e75200; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}

.input-mini {width: 60px;margin-top:2px; float:left; height:26px;}
.input-promocode {margin-top:0; float:left; height:30px;}
.pay-steps {}

.control-group {
    margin-bottom: 9px;
    margin-left: 0px;
}

.form-control {width:80%}

.control-group select {
    width:80%;
    height:32px;
    padding:3px 10px;
    color: #333;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    outline: medium none;
}

.control-group input[type="text"], .control-group input[type="email"] {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:80%
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.control-group input[type="text"]::-moz-placeholder,  .control-group input[type="email"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


legend + .control-group {
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #CC0000;
    color: #CC0000;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .well.error .help-block, .well.error .help-inline {
    color: #CC0000;
}
.help-block, .help-inline {
    color: #555555;
}
.help-block {
    display: block;
    margin: 0 0 10px;
}
.help-inline {
    display: inline-block;
    margin: 0 0 8px;
    padding-left: 5px;
    vertical-align: middle;
}
.well {
    background-color: #E9F3FA;
    border-radius: 4px;
    clear: both;
    display: block;
    margin-bottom: 30px;
    min-height: 20px;
    padding: 10px;
}
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
legend {//margin-top: 20px; margin-bottom:10px; padding:6px 12px; background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; border-radius: 4px; font-size:14px; font-weight:bold;}


.dobavljacipopis {height:145px; max-height:145px; overflow:hidden; cursor:pointer; background:#f8f8f8; border-radius:0; padding: 5px;}
.dobavljacipopis h2 {margin:0 0 8px 0; padding:0 20px; font-size:18px; font-weight:400; line-height:20px; letter-spacing:1px; height:2.3em; overflow:hidden; text-align:center; color:#fe8933;}
.dobavljacipopis p {margin:0; padding:0 20px; font-size:13px; line-height:22px;}
.dobavljacipopis a.thumb-info img {border-radius:0;}

label {color:#666}
.istokao {width:80%}

div.shop {margin-top:0px;}

.product-thumb-info h4 {font-weight:400; height:42px; overflow:hidden; color:#fff; font-size:1.15em; line-height:1.25em}
div.shop ul.products li.product .price {min-height:80px;}


.imagebox {background:#ffffff; border:1px solid #f1f1f1; padding:0; }
.imagebox:hover {}

.product-thumb-info span.product-thumb-info-content {height:130px;}

div.shop ul.products li.product .onsale {height:70px; width:70px; line-height:20px; font-weight:600; background:orange; border-bottom-color:#bb5d02
    background: none repeat scroll 0 0 orange;
    font-weight: 600;
    height: 35px;
    line-height: 20px;
    width: 60px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    left: auto;
    position: absolute;
    right: 11px;
    text-align: center;
    text-shadow: none;
    top: 6px;
    z-index: 10;
    border-bottom: 0;
    border-radius: 0;
}

.onsale > span {
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    top: 20%;
}




.notification {background: #ffffff;border:1px solid orange;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:orange;margin: 0;padding: 10px;font-size: 13px;line-height: 13px;font-weight: bold; color:#fff;}

/* --------------------------------------------------------	*/
/*	SuperNotice Notifications */
/* --------------------------------------------------------	*/

.superNotice
{
    position: absolute;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index:1000;
    margin-top: 70px;
}
.superNotice a.superNotice-close
{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: -4px;
    margin-top: 3px;
    background-image: url('https://rozi-step.hr/slike/close.png');
    background-repeat: no-repeat;
    outline: none;
}
.superNotice a.superNotice-close:hover
{
    opacity: 0.6;
}
.superNotice .superNotice-content a.superNotice-close
{
    margin-top: -6px;
    margin-right: -7px;
}
.superNotice .superNotice-content
{    
    clear: left;
    font-size: 14px;    
    line-height: 18px;
    padding: 12px;
    vertical-align: middle;
}
.superNotice .superNotice-content-table td {
    vertical-align: top;
}
.superNotice.default
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.superNotice.default .superNotice-header a.superNotice-close
{
    margin-top: 6px;
}
.superNotice.default .superNotice-content
{
    color: #000000;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
}
.empty-cart {float:left; background:url(https://rozi-step.hr/slike/empty-cart.jpg) 0 0 no-repeat; min-height:400px; width:100%;}
.go-shop {position:relative; top:196px; left:66px;margin-left: 0px;-webkit-transition: margin 1s ease;-moz-transition: margin 1s ease;-o-transition: margin 1s ease;-ms-transition: margin 1s ease;transition: margin 1s ease;}
.go-shop:hover {margin-left: 50px;}



.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    border-color: #f17a2b !important;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #2c2c2c;
    font-size: 12px !important;
    margin: 4px 4px 4px 0;
    padding: 1px 8px;
    text-decoration: none;
    display:inline-block;
    font-weight:400;
}
a.tagovi:hover {
	border-color: #f38943;
	background-color: #f38943;
    color: #fff;
}


.play-izdv { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 10px; margin:10px;}
.play-izdv:hover {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);}

.playaimg  {width:100%;}
.play-izdv-h3 {height:40px; overflow:hidden; margin-bottom:10px; font-size:16px; line-height:20px; font-weight:700; text-align:center;}
.play-izdv-h3 a {color:#105186;}
.play-izdv-h3 a:hover {color:#5091c6;}

.play-izdv-price {height:20px; overflow:hidden; margin-bottom:10px; font-size:18px; line-height:20px; font-weight:700; text-align:center; color:#ff0000;}


footer ul {margin:0; padding:0;list-style-type:none;}
footer ul li {color:#68d0f3}
footer ul li a:link, footer ul li a:visited, footer ul li a:active, footer ul li a:hover {color:#68d0f3 !important}



.foot-white {color:#fff; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:10px;}

.footer-copyright nav ul li a:link, .footer-copyright nav ul li a:visited, .footer-copyright nav ul li a:active {color:#777 !important; transition: 0.5s}
.footer-copyright nav ul li a:hover {color:#fff !important;}




div.footer-copyright nav {
	float: none;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #777;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
	margin: 0;
	padding: 0;
}




.footrightl {text-align:right;}
.colfootforma {border-left:1px solid #e75200; border-right: 1px solid #e75200; padding: 0 20px;}


footer .form-control {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #515151;
    color: #fff;
    font-size: 12px;
    width:100%;
    border-radius:0;
}


.error_message {color:#AF0202;}
.success_message {color:#0198e2;}

div.google-map {margin:0;}

















header.flat-menu div.search {margin:0;}

header div.search input.search:first-child {transition:none; border-radius: 0; width: 100%; height:34px; font-weight:300; font-style:italic;}

header div.search .btn i {font-size:18px;}

header div.search input.search:focus {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);}

.sticky-menu-active header.flat-menu div.search {margin-top:10px;}


div.home-intro {background:transparent; margin-bottom:0;}





.poc-box-text {color:#ffffff; font-size:15px; font-weight:300; font-style:italic; padding: 20px 10% 10px 10%; height:180px; display:block; overflow:hidden;}


.sliderslikavelika { 
 -webkit-filter: drop-shadow(0px 80px 40px #fff);
  filter: drop-shadow(0px 40px 80px #fff);
}



.pocetna-sustavi {padding: 60px 40px;}
.pocetna-sustavi h1 {font-size:34px; font-weight:300; margin-bottom:40px;}
.pocetna-sustavi h1 span {border-bottom: 1px solid #fe8933}
.pocetna-sustavi p {font-size:15px; font-style:italic; line-height:32px; padding:0 40px; font-weight:300;}




.rot-proizvod {font-size:50px; text-transform:uppercase; font-weight:400; line-height:70px; color:#000;}
.rot-slogan {font-size:24px; text-transform:uppercase; font-weight:300; color:#000;}
.rot-tekst {font-size:16px; font-weight:300; color:#000; font-style:italic; white-space:normal !important; width: 25%;}


.proizvod-h2 {font-weight:700; font-size:24px; text-transform:uppercase;}
.proizvod-materijali-naslov {color:#f17b2b}
.table-cijena {width:100%}
.cijena-left {font-weight:700; font-size:18px; background:#f1f1f1; height:70px; border-right:1px solid #fff; text-align:center; width:20%; padding:5px;}
.cijena-right {background:#f1f1f1; height:70px; padding:5px 5px 5px 20px;}
.zacijenu {font-weight:700; font-size:24px; color:#f17b2b;}

.label-modifiers, .label-quantity {float:left; margin: 10px 0; width:130px; overflow:hidden; font-weight:12px; text-transform:uppercase; font-weight:800; color:#f17b2b;}

.modifier-select {
    border: 1px solid #E5E7E9;
    background: #f1f1f1;
    border-radius: 0;
    color: #000;
    height: 30px;
    outline: medium none;
    padding: 0 8px;
    font-family:open sans;
    font-size: 16px;
    font-weight: 700;

-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

.input-quantity {
    border: 1px solid #E5E7E9;
    background: #f1f1f1;
    border-radius: 0;
    color: #000;
    height: 30px;
    outline: medium none;
    padding: 0 8px;
    font-family:open sans;
    font-size: 16px;
    font-weight: 700;
    width:61px;
    text-align:center;

-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}


.btn-plusminus {margin-top:2px;}

.btn-addtocart {
	border-radius: 0px !important;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #E75301;
	*background-color: #E75301;
	background-image: -moz-linear-gradient(top, #F17B2B, #E75301);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F17B2B), to(#E75301));
	background-image: -webkit-linear-gradient(top, #F17B2B, #E75301);
	background-image: -o-linear-gradient(top, #F17B2B, #E75301);
	background-image: linear-gradient(to bottom, #F17B2B, #E75301);
	background-repeat: repeat-x;
	border-color: #E75301;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F17B2B', endColorstr='#E75301', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-addtocart:hover,
.btn-addtocart:focus,
.btn-addtocart:active,
.btn-addtocart.active,
.btn-addtocart.disabled,
.btn-addtocart[disabled] {
	color: #FFFFFF;
	background-color: #E75301;
	*background-color: #003bb3;
}


.povezani-naslov-plavi {padding: 15px 40px; color:#fff; background:#105186; font-weight:800; font-size:20px; text-transform:uppercase;}
.product-iframe {}
.product-left {padding: 0; width: 450px; margin-right:40px;}
.product-right {padding: 0; width: 450px;}

.store_product_out_of_stock {display:none;}
.product-thumb-info {background:#f1f1f1; border-radius:0; border:0; }
.product-thumb-info:hover {background:#f3f3f3;}
.product-thumb-info span.product-thumb-info-image:before {border-radius:0; background:#575757;}
.product-thumb-info img {border-radius:0;}

.nedostupno {cursor:not-allowed;}

.paywaylogo {float:left; margin: 0 10px 0 0;}
.payway-m {float:left; margin: 0 10px 10px 0;}


.bigtar2 {cursor:pointer; padding-top:15px; background:#efefef; transition: ease 1s; margin-left:0; margin-bottom}
.bigtar2:hover {background:#dfdfdf;}
.detaljnija-h2 {font-size: 2em !important;margin:0 0 10px 0; font-weight: 400;text-align:left; text-decoration:none !important; line-height:1.5em; height:1.5em; overflow:hidden;}
.bigtar2 h6 {margin-top:10px;}

.ui-infowindow-content {
    min-width: 200px !important;
}





.select-style {
    border: 1px solid #eee;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #eee url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    height: 36px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

.well {
padding:0;
border:none;
box-shadow:none;
background:none;
}

table.valignmid tr td {
    vertical-align: middle;
    border-top: 1px solid #f17b2b;
}


table.payship tbody tr:first-child td {
    border-top: 0 none;
}

.brandovishadow {
-webkit-box-shadow: 0px 50px 30px -40px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 50px 30px -40px rgba(50, 50, 50, 0.75);
box-shadow:         0px 50px 30px -40px rgba(50, 50, 50, 0.75);
position:relative;
z-index:10
}

ul.social-icons li { background-color:#222;}

.btn {border-radius:0 !important;}
.btn-default {background:#f1f1f1;}

div.shop .summary .price {font-size:1.5em}



/* FILTERI */

.shop_filters_box {
    float:  left;
    // width: 960px;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 25px 0px;
    position: relative;
}

.shop_filter_low_box {
    float: left;
    // width: 150px;
    width: 180px;
    margin: 0px 10px 10px 0px;
    position: relative;
    cursor: pointer;
}

.shop_filter_low_drop_down {
    float: left;
    height: 38px;
    // width: 138px;
    width: 173px;
    border: 1px solid #000;
    padding: 0px 0px 0px 10px;
    position: relative;
    background: white;
}

.shop_filter_low_box .icon-caret-down {
    position: absolute;
    right: 10px;
    top: 12px;
}

ul.filter_list li .icon-check {
    position: absolute;
    right: 8px;
    top: 6px;
}

.shop_filter_low_box:hover .icon {
    
}

.box_gray {
    background: #353535;
    color: #fff;
}

.shop_filter_title {
    float: left;
    width: 100px;
    font-size: 15px;
    font-family: "pill-gothic-300mg",sans-serif;
    font-weight: 700;
    line-height: 38px;
    height: 38px;
}

.selected_filter {
    color: red;
}

.filters_box {
    display: none;
    position: absolute;
    left: 0px;
    top: 38px;
    // width: 150px;
    width: 180px;
    z-index: 100;
}

.shop_filter_low_box:hover {
    color: #787878;
}

.shop_filter_low_box:hover .filters_box {
    display: inline;
}

.shop_filter_low_box:hover ul li {
    color: black;
}

.shop_filter_low_box ul {
    float: left;
    // width: 138px;
    width: 173px;
    list-style-type: none;
    margin:  0px 0px 0px 0px;
    background: white;
    padding: 10px 0px 5px 10px;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.shop_filter_low_box ul.filter_color_grid {
    padding: 10px 0px 0px 10px;
}

.shop_filter_low_box ul li {
    position: relative;
    float: left;
    padding: 3px 5%;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.shop_filter_low_box ul li a {
    display: block;
    width: 85%;
}

.shop_filter_low_box ul.filter_list li {
    width: 90%;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_grid li {
    width: 48px;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_color_grid li {
    width: 14px;
    height: 14px;
    margin: 1px 12px 12px 3px;
    padding: 1px;
}

.shop_filter_low_box ul.filter_color_grid li.pattern span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.shop_filter_low_box ul.filter_color_grid li span, .shop_filter_low_box ul.filter_color_grid li span img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.shop_filter_low_box ul.filter_color_grid li:hover, .shop_filter_low_box ul.filter_color_grid li.selected {
    background: none repeat scroll 0 0 white;
    border: 0 none;
    height: 14px;
    margin: 1px 12px 12px 3px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span, .shop_filter_low_box ul.filter_color_grid li.selected span, .shop_filter_low_box ul.filter_color_grid li:hover span img, .shop_filter_low_box ul.filter_color_grid li.selected span img  {
    width: 12px;
    height: 12px;
}

.pattern_color_filter {
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
}

.shop_filter_low_box ul.filter_color_grid li span.color_filter {
    border: 1px solid #666;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span.color_filter {
    border: 1px solid #000;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li.selected span.color_filter {
    border: none;
    width: 12px;
    height: 12px;
}

.shop_filter_unit ul.filter_grid li.all_selected_filter {
    clear: both;
}

/*
.checkbox {
    width: 8px;
    height: 8px;
    position: absolute;
    border: 1px solid black;
    top: 2px;
    left: 0px;
}
*/


.unselected {
    background-color: white;
}

.selected, .shop_filter_low_box ul li:hover span.unselected {
    background-color: black;
}

.shop_filter_low_box ul li:hover span.selected {
    background-color: white;
}

.shop_filter_low_box ul li:hover {
    background: #f17a2b;
}

.shop_filter_low_box ul li:hover a {
    color: #fff;
}

.shop_selected_filters_box {
    float: left;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #D3000D;
    background: red;
    padding: 0px 15px 0px 15px;
    color: white;
    font-size: 11px;
}

.shop_filters_box ul.primary_filters li a.filter_sale.selected {
    background-color: rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
}

.filters_selected_count {
    float: left;
}

.reset_filters_link {
    width: 100%;
    float: left;
    cursor: pointer;
    color: white;
}

.reset_filters_link a {
    width: 100%;
    float: left;
    color: white;
}

.reset_filters_link a span {
    float: right;
    width: 14px;
    height: 14px;
    margin: 5px 0px 0px 0px;
    background-image: url(../images/icons_sprite_new.png);
    background-repeat: no-repeat;
    background-position: -20px -620px;
}

.reset_filters_link a:hover span {
    background-position: 0px -620px;
}

a.chosen_filters:link, a.chosen_filters:visited, a.chosen_filters:active {
color: #000;
text-decoration: none;
border: 1px solid #F17B2B;
border-radius: 0;
padding: 0 4px;
background: #FFA500;
float: left;
margin: 0 4px 4px 0;
font-size: 12px !important;
}

a.chosen_filters:hover {
border: 1px solid #D45D15;
background: #F17B2B;
color: #fff;
}



ul.nav-list.primary > li a {font-size: 12px;}

ul.nav-list.primary > li a.active {color:#000; font-weight:bold;}




.vasa-kosarica {font-size:13px; font-weight:900; text-align:center;}

.kosaricatop {font-weight:300; color: #000; font-size:13px; text-shadow:none;}

#header-cart2 .dropdown-menu > li > a.btn-success {
    color: #fff;
}
#header-cart2 .dropdown-menu > li > a.btn-success:hover, .dropdown-menu > li > a.btn-success:focus {
    background-color: #51b451;
    border-color: #51b451;
}

.datepicker {cursor:auto !important; background:transparent url(https://rozi-step.hr/slike/calendar-icon.png) 95% 50% no-repeat !important; padding-right:15%;}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    height: 31px;
    line-height: 20px;
    margin: 1px 0;
    padding: 5px;
    color: #333;
}

.cc-cookies {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #dcdcdc;
    bottom: 50px;
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding: 20px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 230px;
    z-index: 99999;
}
.cc-cookies a, .cc-cookies a:hover {
    color: #3175a4;
    text-decoration: underline;
}
.cc-cookies a:hover {
    text-decoration: none;
}
.cc-overlay {
    height: 100%;
    padding-top: 25%;
}
.cc-cookies-error {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #333;
    float: left;
    font-size: 18px;
    margin: 1em 0 2em;
    padding: 2em 5%;
    text-align: center;
    width: 90%;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset, .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #7daf3b;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-block;
    padding: 0.5em 0.75em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    transition: background 0.25s ease-in 0s;
}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #af3b3b;
    margin-left: 0.5em;
}
.cc-cookies a.cc-cookie-reset {
    background: none repeat scroll 0 0 #f15b00;
}
.cc-cookies a.cc-cookie-accept:hover, .cc-cookies a.cc-cookie-decline:hover, .cc-cookies a.cc-cookie-reset:hover, .cc-cookies-error a.cc-cookie-accept:hover, .cc-cookies-error a.cc-cookie-decline:hover {
    background: none repeat scroll 0 0 #000;
    transition: background 0.25s ease-in 0s;
}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}
.cc-cookies.cc-discreet {
    left: auto;
    padding: 0.5em 1em;
    top: auto;
    width: auto;
}
.cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    text-decoration: underline;
    text-shadow: none;
}
.cc-cookies.cc-discreet a.cc-cookie-reset:hover {
    text-decoration: none;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0;
}


.tabovivelicine {max-width:400px; float:left; margin-right:30px;}
.opisvelicine {font-size:12px; color:#000;}



.tablice-velicine table {width:100% !important;}
.tablice-velicine table th {text-align:center; padding:5px; background:#ddd;}
.tablice-velicine table td {text-align:center; padding:5px; font-size:12px; color:#000;}
.tablice-velicine tr:nth-child(even) {background:#f1f1f1;}


.search-colorbox {border: 1px solid #666; height: 14px; padding: 1px; width: 14px; float:right; margin:6px 6px 4px 6px;}

.infopopups {width:800px}

.tdwhitebg {background:#fff !important;}

















#header-cart2 {text-align:right;}


.pocetnalista {}
.pocetnalista li {}
.vijesti-cjenik {padding:40px 40px;}
.vijesti-cjenik-h4 {font-size:34px; font-weight:300; margin-bottom:40px}
.pocetnalista li a {font-size:14px; line-height:32px; font-weight:300; padding:20px 15px;}

.desnibox .pocetnalista li a:hover {background:#ffa953}

.pocetnalista li {border-top:1px solid rgba(0, 0, 0, 0.15); width:300px;}

.lijevibox .pocetnalista {float:right}
.lijevibox {background:#f3f3f3 url(https://rozi-step.hr/slike/lady-bg.png) bottom left no-repeat;}
.desnibox {background:#fe8933 url(https://rozi-step.hr/slike/kamera-bg.png) bottom right no-repeat;}
.desnibox-img {float:left; margin:0 10px 0 0;}
.lijevibox-img {float:right; margin: 0 0 0 10px;}




section.toggle > label {border-radius:0;}

a.thumb-info:hover img {
    transform: none; 
}


.boxovi-slider {background: rgba(0, 0, 0, 0.15); color:#fff; font-size:14px; padding:3px;}
.boxovi-slider-inner {padding:20px; border:1px solid rgba(255, 255, 255, 0.4); width:100%; height:100%;}

.box-slider-naslov {text-transform:uppercase; padding: 0 10px; margin-bottom:10px;letter-spacing:1.6px;}
.box-slider-tekst {font-family:tahoma; font-size:11px; line-height:16px;}
.box-slider-tekst img {margin-right:15px;}






/*ZO SKIN*/

@font-face {
  font-family:'GothamLightRegular';
  src:url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-light/gotham-light-webfont.svg#GothamLightRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GothamBookRegular';
  src:url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-book/gotham-book-webfont.svg#GothamBookRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'GothamBoldRegular';
  src:url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-bold/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'GothamBlackRegular';
  src:url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.eot');
  src:url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.woff') format('woff'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.ttf') format('truetype'), url('https://rozi-step.hr/fonts/gotham-black/gotham-black-webfont.svg#GothamBlackRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}


body {color:#000; font-family:'Open Sans', sans-serif;}
a:hover {text-decoration:none;}
.bigtar {cursor:pointer}

.edit_this {height:32px; width:32px;}
.nav > li > a:focus {background:transparent;}

label {color:#000;}

h1 {font-weight:400; margin: 0 0 20px;  font-size: 3em;}
h2 {font-size: 3em; color:#000;}

.clear {height:0.1px; clear:both;}
.clear3 {height:3px; clear:both;}
.clear5 {height:5px; clear:both;}
.clear10 {height:10px; clear:both;}
.clear20 {height:20px}
.clear30 {height:30px}
.clear40 {height:40px}
.clear50 {height:50px}
.clear60 {height:60px}
.clear70 {height:70px}
.clear220 {height:220px}

.margin0 {margin:0 !important}
.nomargin {margin:0 !important}
.margin0auto {margin:0 auto;}
.margin0auto10 {margin:0 auto 10px;}
.marginleft0 {margin-left:0}
.marginleft5 {margin-left:5px}
.marginleft10 {margin-left:10px}
.marginleft15 {margin-left:15px}
.marginleft20 {margin-left:20px !important}
.marginleft70 {margin-left:70px}
.marginleft220 {margin-left:220px}
.marginright0 {margin-right:0}
.marginright5 {margin-right:5px}
.marginright10 {margin-right:10px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}
.marginright40 {margin-right:40px}
.marginright90 {margin-right:90px}
.margintop0 {margin-top:0}
.margintop2 {margin-top:2px}
.margintop5 {margin-top:5px}
.margintop7 {margin-top:7px}
.margintop8 {margin-top:8px}
.margintop10 {margin-top:10px}
.margintop17 {margin-top:17px}
.margintop20 {margin-top:20px}
.margintop30 {margin-top:30px}
.margintop40 {margin-top:40px}
.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom10 {margin-bottom:10px}
.marginbottom15 {margin-bottom:15px}
.marginbottom20 {margin-bottom:20px}
.marginbottom30 {margin-bottom:30px}
.margin5po {margin:5%}
.margin3px {margin:3px}

.nopadding {padding:0}
.paddingright0 {padding-right:0}
.paddingleft0 {padding-left:0}
.padding10 {padding:10px}
.padding0 {padding:0}
.paddingright10 {padding-right:10px}
.paddingleft10 {padding-left:10px}
.paddingbottom10 {padding-bottom:10px}
.paddingtop10 {padding-top:10px}

.mar-do-10 {margin-bottom:10px;}
.mar-top-bot-20 {margin:20px 0;}

.width100po {width:100%}
.width90po {width:90%}
.width80po {width:80%}
.width50po {width:50%}

.width30px {width:30px}
.width100px {width:100px}
.width120px {width:120px}
.width160px {width:160px}
.width200px {width:200px}
.width320px {width:320px}

.height32 {height:32px}
.height34 {height:34px}

.justify {text-align:justify}
.righttoleft {text-align: right;}
.whitetext {color:#fff}
.color777 {color:#777}
.font12 {font-size:12px}
.fontsize18 {font-size:18px}
.italic {font-style:italic}
.caps {text-transform:uppercase}
.underline {text-decoration:underline}

.nobg {background:none}
.graybg {background:#2e3338}
.orangebg {background:#fe8933}
.orangebg:hover {background:#ffa953}
.blackbg {background:#222222}
.blackbg:hover {background:#323232}

.header-padding {padding:0;}

.boxpoc {transition: all 0.4s ease}
.boxpoc img {margin-top:20px;}
.boxpoc a {display:block}
.boxpoc h3 {color:#fff; margin-top:20px; font-weight:300;}

.breadcrumb-novi {color:#353535; background:none; list-style:none;padding-left: 0;font-size: 11px; font-family:open sans; font-weight:300; margin:30px 0 10px 0;}
ul.breadcrumb-novi li {display:inline; color:#777;}

a.bread:link, a.bread:visited, a.bread:active {color: #353535; text-decoration: none;  font-weight:400;}
a.bread:hover {color: #777; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #ddd; text-decoration: none;}
a.darkblue:link, a.darkblue:visited, a.darkblue:active {color: #002454; text-decoration: none;}
a.darkblue:hover {color: #305484; text-decoration: none;}
a.logacc:link, a.logacc:visited, a.logacc:active {color: #353535; text-decoration: none; font-size:12px; font-weight:300;}
a.logacc:hover {color: #666; text-decoration: none;}	
a.darkblue-obrnuto:link, a.darkblue-obrnuto:visited, a.darkblue-obrnuto:active {color: #69bae8; text-decoration: none;}
a.darkblue-obrnuto:hover {color: #002454; text-decoration: none;}
a.darkblue-blog:link, a.darkblue-blog:visited, a.darkblue-blog:active {color: #1c3f95; text-decoration: none;}
a.darkblue-blog:hover {color: #305484; text-decoration: none;}

header {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #dcdcdc;
border-top: 0;
padding: 0;
min-height: 70px;
}
header.clean-top div.header-top {margin-top: -13px;padding:0;}
header div.header-top {min-height:70px;}
.mainlogo {font-weight:700; line-height:18px; color:#fff; padding:5px 10px; border:9px solid #d9d9d9; background:#3cbfde; margin:9px 0; float:right;}
.mainlogo a {display: flex;align-items: center;justify-content: center;font-size: 0.9em;font-weight: 600;line-height: 14px;}
.mainlogo2 {display:none}
.navbar-collapse {padding-left:0;padding-right:0;}
header.flat-menu > div.container {height: 80px;margin-bottom: -79px;}
header nav {float: left;background:transparent;}
header.flat-menu nav {text-align:center}
header.flat-menu ul.nav-main {margin: 0}
header.flat-menu ul.nav-main,
header.flat-menu ul.nav-main > li {float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: baseline;top: 5px;}
header.flat-menu nav ul.nav-main li a {color:#f26b4a; line-height:15px; margin-top: 5px; padding-top: 6px; margin-left: 5px;margin-right: 5px;padding-bottom: 7px;text-transform: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}
header.flat-menu nav ul.nav-main li.active > a, header.flat-menu nav ul.nav-main li.active > a:hover {color:#818183; text-decoration:none; background-color: #ffffff !important;border-color: #dcdcdc #dcdcdc #ffffff;border-style: solid;border-width: 1px;}
header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {color: #818183; text-decoration:none; background-color: #ffffff !important;border-color: #dcdcdc #dcdcdc #ffffff;border-style: solid;border-width: 1px;}
header.flat-menu nav ul.nav-main li a span {font-family: 'Lobster', cursive; font-size: 1.1em;font-weight: 300;}
header.flat-menu nav ul.nav-main li a img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; transition: all 0.5s ease; margin:0 auto;}
header.flat-menu nav ul.nav-main li a:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
header.flat-menu nav ul.nav-main li.active a img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}

body.sticky-menu-active header {border-bottom:1px solid #dcdcdc;box-shadow:none;}
body.sticky-menu-active header.flat-menu nav ul.nav-main {margin-top: 53px;margin-bottom: 0;}
body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {padding-bottom: 2px;padding-top: 1px;}
body.sticky-menu-active .mainlogo {border: 0 none;margin-bottom: 0;margin-top: 68px;}
body.sticky-menu-active header.flat-menu ul.nav-main > li {top: 1px;}

.main {background: #fff}
.logodesnotekst {float: right;margin: 30px 0 20px;}
.bhedkontakt, .bhedprodaja {float: right;margin: 0 0 10px;width: 100%;}
.bhedkontakt a, .bhedprodaja a {color: #5897c3;float: right;font-size: 1.1em;margin: 0 15px 0 30px;}
.bhedkontakt a:hover, .bhedprodaja a:hover {color:#006fbd}
.bhedkontakt a .icon, .bhedprodaja a .icon {font-size: 1.2em;}

.decoration {background: url('https://rozi-step.hr/slike/header-decoration.png') center bottom repeat-x;float: left;height: 18px;position: relative;width: 100%;}
.poc-drogerija {margin-top: 22px; margin-bottom: 52px;}
.h2mini {font-size: 1.85em;font-weight: 300;}
.h2mini-text {font-size: 1.1em;font-weight: 300;line-height: 32px;text-transform: uppercase;margin-top: 25px;padding: 20px 0 30px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.48) 30%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0.48)), color-stop(31%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.48) 30%,rgba(255,255,255,0.5) 31%,rgba(255,255,255,0.5) 70%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.poc-drogerijaispod {margin-bottom: 45px;margin-top: 40px;}
.imgkruglink:hover img {opacity: 0.7;}
#nav2 {background:#818183}
ul.podizbornik {margin:0; padding:0;}
ul.podizbornik li {display:inline; list-style-type:none; margin:0 30px 0 20px;padding: 6px 0;}
ul.podizbornik li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}


div.slider-container {min-height:350px;background:#fff;}
.tp-caption.rsgraybg {position: absolute;height: 100%;width: 35%;padding: 20px 30px;background:#818183;opacity:0.7 !important;}
.tp-caption.rsgraybg h2 {color:#000;font-size:2.3em;white-space: normal;width: 100%;line-height: 32px;margin: 0 0 20px;}
.tp-caption.rsgraybg p {color:#ffffff;width: 100%;white-space: normal;line-height: 22px; font-family: 'GothamBookRegular';font-size: 12px;margin: 0;}
.tp-caption.rsgraybg p a {display:block; margin: 0 0 10px;line-height: 20px;}
.rs-silimed-txt {color: #818183;font-size: 28px;font-weight: 300;white-space: nowrap;position: absolute;right: 50px;}
.rscolorescience .tp-caption h2 {font-weight: bold;color: #2e3338;}
.rscolorescience .tp-caption h3 {text-transform: none;font-size: 1.9em;font-weight: 300;color: #2e3338;}
.rscolorescience .tp-caption p {white-space: normal;font-weight: 300;color: #5c636a;}
.btn-custom {padding: 16px 22px; background-color: hsl(0, 0%, 60%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d7dadd"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#d7dadd)); background-image: -moz-linear-gradient(top, #ffffff, #d7dadd); background-image: -ms-linear-gradient(top, #ffffff, #d7dadd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7dadd)); background-image: -webkit-linear-gradient(top, #ffffff, #d7dadd); background-image: -o-linear-gradient(top, #ffffff, #d7dadd); background-image: linear-gradient(#ffffff, #d7dadd); border-color: #dddfe3 #d5d8dd #caced4 #d5d8dd; color: #000 !important; font-weight: 300; -webkit-font-smoothing: antialiased; }
.rsaquamid .aqpodnaslov h3 {font-family:'Century Gothic', Sans-serif; font-size:1.8em; color:#fff; text-transform: none;}
.rssmithnephew .snwhitebg {width:35%; height:100%; padding:40px 30px; background:rgba(255, 255, 255, 0.4); white-space: normal !important;}
.rssmithnephew h2 {font-size: 2.3em; line-height:34px; letter-spacing: 0;}
.rssmithnephew p {font-weight: 300;font-family: 'GothamBookRegular';font-size: 12px;}
.rssmithnephew a {color:#000000 !important}
.rssmithnephew a:hover {color:#70AAD1 !important}
.rssmithnephew .icon {color:#70AAD1}
.rsmedgel .rsmedgeltxt {font-family:'Century Gothic', Sans-serif; font-size:12px; color:#2e3338; text-transform: uppercase;width: 50%;white-space: normal !important;}
.rsmedgel .rsmedgeltxt a {color:#e56539 !important}
.rsmedgel .rsmedgeltxt a:hover {color:#cc0000 !important}
.rsmedgel .rsmedgelprdcts {width:100%; text-align:center;}
.rsmedgel .rsmedgelprdcts a img:hover {opacity:0.7}
.rspostop .postopnaslov, .rspostop .postoptekst {white-space: normal !important;width: 45% !important;}
.rspostop .postopnaslov h2 {color: #fff;font-size: 2.1em;line-height: 38px;}
.rspostop .postoptekst p {color: #d6cfbc;}
.rspostop .postopprdct a img {margin-right: 5px}
.rspostop .postopprdct a img:hover {opacity: 0.7}


.ispodslideraboks {background:#EEECED; border:1px solid #fff; text-align:center;box-shadow:0 0 6px #d2d2d2;padding:0;margin:5px;}
.ispodslideraboks a {display: block;padding:25px 0;}
.ispodslideraboks span {font-family: 'Lobster', cursive; font-size: 1.1em;font-weight: 300;color: #818183;display:block;}
.ispodslideraboks img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.8; transition: all 0.5s ease; margin:0 auto; padding:0 2px;}
.ispodslideraboks a:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}

hr.simplegray {background:#DCDCDD;border: 0 none;height: 1px;margin: 22px 0;}

.poc-medikal {height: 394px;overflow: hidden;padding-top: 11%;}
.poc-medikal h2 {text-align:center;margin: 0 0 12px;}
.poc-medikal .h2mini-text {text-align: center;margin-top: 0;background: none;}

.owl-brandovi {background:#fff; margin:5px 0 0 0;}
.owl-brandovi-item a img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; transition: all 0.5s ease;}
.owl-brandovi-item a img:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
.owl-theme .owl-controls {margin-top: 0}
.owl-reference .owl-buttons .owl-next {background: none repeat scroll 0 0 transparent !important;color: #0ca1c9 !important;font-size: 44px !important;right: -20px;position: absolute;top: 25%;z-index: 20;}
.owl-reference .owl-buttons .owl-prev {background: none repeat scroll 0 0 transparent !important;color: #0ca1c9 !important;font-size: 44px !important;left: -20px;position: absolute;top: 25%;z-index: 20;}

footer {color:#707b85;background: #fff;margin-top: 0;padding: 40px 0 0;position: relative;clear: both;border-top: none;}
footer hr {background-image: -moz-linear-gradient(left center , rgba(112, 123, 133, 0), rgba(112, 123, 133, 0.3), rgba(112, 123, 133, 0));}
footer a {color:#000 !important}
.foot-naslov {text-align:center; font-size:2.1em; font-weight:300; line-height:32px; color:#000; margin-bottom:25px;}
.foot-text {text-align:center; font-size:1.2em; font-weight:300; line-height:25px;}
.foot-icons {margin-top:67px;}
.foot-icons:hover {opacity:0.8;}
.footer-social {text-align: center}
.footer-social img {margin: 0 3px 6px;}
.footer-social img:hover {opacity: 0.5;}
div.footer-copyright {background:#fff; margin-top:10px; padding:0; color:#707b85; font-size:1em; border-top:none;}
div.footer-copyright a, div.footer-copyright a:hover{color:#707b85 !important;}
.fcinner {background:#fff; margin-bottom:0 !important; padding:15px 0;}
.fcinner p {color:#707b85 !important;}







header.flat-menu nav ul.nav-main li.dropdown:hover > a {padding-bottom: 30px;}
nav.mega-menu .mega-menu-shop .dropdown-menu {right:-2px;}


header h1.logo {padding:0;}

header h1.logo a {
    z-index: 2;
}

header h1.logo img {
    z-index: 2;
    margin-bottom: -25px;
    margin-left: -20px
}

header h1.logo-sticky-active img {
    top: 10px !important;
}

.zoord tbody > tr > td {vertical-align:middle;}






/**************************************
 ******      SILIMED CSS        ******
*************************************/


.silimednav2 {border-bottom:5px solid #ED7558}

.truetexture-rotator-naslov {font-size:46px; font-weight:400; color:#0074A5;}
.truetexture-rotator-naslov sup {font-size:50%; top:-0.7em;}
.truetexture-rotator-text {font-size:22px; line-height:30px; font-weight:400; color:#B6B6B6; white-space:normal !important;}

.pure-poly-rotator-naslov {font-size:46px; font-weight:400; color:#FF8257;}
.pure-poly-rotator-text {font-size:22px; line-height:30px; font-weight:400; color:#B6B6B6; white-space:normal !important}


.sili-sigurnost-rotator-naslov {font-size:28px; font-weight:700; color:#0672bb;}
.sili-sigurnost-rotator-text {font-size:30px; line-height:36px; font-weight:300; color:#f89829; white-space:normal !important}

.sili-rotator-link a {color:#383838 !important;}
.sili-rotator-link a:hover {color:#888 !important;}

.sili-zapacijente-rotator-naslov {font-size:32px; line-height:36px; font-weight:400; color:#D5D5D5;}
.sili-zapacijente-rotator-naslov span {color:#f89829; font-weight:300;}
.sili-zapacijente-rotator-text {font-size:16px; line-height:22px; color:#a9a9a9;}
.sili-zapacijente-rotator-link a {color:#f89829 !important;}

.sili-poly-pure-naslov {line-height:34px; font-size:30px; font-weight:300; color:#000;}


ul.silimed-proizvodi-izbornik {margin:0; padding:0; border:1px solid #ddd; float:left;}
ul.silimed-proizvodi-izbornik li {float:left; list-style-type:none; margin:0; width:20%; text-align:center}
ul.silimed-proizvodi-izbornik li a {color:#bcbcbc; line-height: 22px; padding: 20px 20px; font-size:18px; font-weight:700; display:inline-block;}
ul.silimed-proizvodi-izbornik li a.active, ul.silimed-proizvodi-izbornik li a:hover {color:#68696b;}


.silicolor {color:#FF8257;}
.silicolor a {color:#FF8257;}
.truetexturecolor {color:#005F9D;}
.truetexturecolor a {color:#005F9D;}

big {font-size:2em; line-height:2em}


.sili-true-texture-naslov {line-height:46px; font-size:32px; color:#FF8257;}
.sili-true-texture-plavi-naslov {font-size:26px; font-weight:400; color:#0074A5;}

.sili-true-texture-orange-naslov {font-size:20px; line-height:28px; font-weight:400; color:#FF8257;}
.sili-true-texture-tekst {font-size:14px; font-weight:400; color:#888;}

.truetexturevelikinaslov {color:#fff; background:#005f9d; padding:15px; font-size:2.2em; font-weight:400; text-transform:uppercase; margin-bottom:30px;}
.truetexturevelikinaslov a {color:#fff;}

.progress-bar {border-radius:3px;}
.progress-bar-alerg {background-color:#595B60;}
.progress-bar-sili {background-color:#005f9d;}


.sili-pektoralni-naslov {font-size:20px; color:#666}
.sili-pektoralni-podnaslov {font-size:18px; color:#666}
.sili-pektoralni-text {font-size:16px; color:#666}


.sili-glutealni-naslov {font-size:20px; color:#fff}
.sili-glutealni-podnaslov {font-size:18px; color:#fff}
.sili-glutealni-text {font-size:16px; color:#fff}



blockquote.with-borders {
    border-color: #dfdfdf #ececec;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    padding: 15px 20px;
}


.pacijentbody {/*background:#303030;*/ background:#c4c7cc; color:#cdcdcd}
.pacijentbody-foot {/*background:#303030 !important;*/ background:#c4c7cc !important;}
.pacijentbody-bg {/*background:#303030 !important;*/ background:#c4c7cc !important;}
.pacijentbody header {background:transparent;}
.pacijentbody .main {background:transparent;}

.pacijent-nav {text-align:center; border-bottom:3px solid #cdcdcd; text-transform:uppercase;}

.pacijent-nav ul li {
    display: inline-block;
    list-style-type:none;
    margin-bottom:-13px;
}

.pacijent-nav ul li a {
    color: #cdcdcd;
    padding: 30px 20px 11px 20px;
    font-size: 16px;
    display: block;
}

.pacijent-nav ul li a:hover {
    color: #f89829;
}

.pacijent-nav ul li.active a {
    color: #f89829;
    border-bottom:3px solid #f89829;
}

.h1pacijent {margin: 0 0 15px 0;  font-size: 2em;  font-weight: 400; color: #F89728; line-height:2em}
.h2pacijent {margin: 0 0 10px 0;  font-size: 1.5em;  font-weight: 400; line-height:1.5em}
.h2pacijent a {color: #F89728;}


.pacijentbody div.tabs {color:#333;}

.pacijentbody div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
	color: #000000;
}

.pacijentbody div.tabs ul.nav-tabs a:hover,
.pacijentbody div.tabs ul.nav-tabs a:focus {
	border-top-color: #F89728;
}

.pacijentbody div.tabs ul.nav-tabs li.active a {
	border-top-color: #F89728;
	color: #000000;
}

.pacijentbody div.tabs ul.nav-tabs.nav-justified a:hover,
.pacijentbody div.tabs ul.nav-tabs.nav-justified a:focus {
	border-top-color: #F89728;
}


.pacijentbody hr {background:#ddd;}




.silimed-btn
{
  color: #fff;
  font-size: 1.7em;
  line-height: 1.7em;
  font-weight: 400;
  padding: 10px;
  display: block;
  text-align: center;
  background:#515151
 }
 
 .silimed-btn:hover, .silimed-btn.active
{
  background:#FF8257
 }


.rot-osilimedu {padding:15px; font-size:22px; color:#fff; background:#ff8257;}

.rot-biodesign-big {font-size:20px; font-weight:500; color:#666;}


.rot-biodesign-small {font-size:18px; font-weight:400; color:#666;}


.rot-biodesign-ispod {font-size:22px; font-weight:300; color:#666; font-family:shadows into light two, cursive;}



/********************************************
 ******      ZO SKIN HEALTH CSS        ******
*********************************************/

.zsh-slikalijevo {float:left}

.zsh-caption1 {color: #FFF;font-size: 1.4em !important;font-weight: 400;line-height: 30px !important;font-family: Oswald,Arial,sans-serif;}
.zsh-caption1 a {color: #FFF;font-size: 0.9em !important;font-weight: 400;line-height: 30px;text-decoration: underline;}
.zshpoc-nasloviznad {
  color: #666666;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
  text-decoration: none;
  text-transform: uppercase;
}
.well-zshpoc {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  box-shadow: rgba(0,0,0,0.15) -3px 3px 3px;
}

.zshpoc-naslov {
    color: #555;
    font-family: Oswald,Arial,sans-serif;
    font-size: 22px;
    font-weight: 300;
    position: absolute;
    top: 10%;
    left: 10px;
    line-height: 28px;
    width: 40%;
    text-shadow: 1px 1px 1px #fff;
}

.zshpoc-link a {
  width: 85%;
  background-color: #0066cc;
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0 4px 21px;
}
.zshpoc-tekst {
  padding: 10px 21px;
  line-height: 1.6em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #333333;
  min-height: 140px;
}
.zshowlbg {
  background-color: #f3f3f3;
}
.zshowlbg-top {
  background: url('https://rozi-step.hr/slike/zshowlbg-top.png') top left repeat-x;
  height: 13px;
}
.zshowlbg-bottom {
  background: url('https://rozi-step.hr/slike/zshowlbg-bottom.png') top left repeat-x;
  height: 13px;
}
.owl-zsh {
  margin-top: 10px;
  margin-bottom: 10px;
}
.zshowlitem h3 {
  color: #000;
  font-family: Oswald,sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 10px;
  text-transform: none;
}
.zshowlitem h4 {
  color: #000;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 10px;
  text-transform: none;
}
.zshowlitem-padding {
  padding-left: 30px;
  padding-right: 30px;
}
.zshowlitem p {
  font-size: 0.9em;
  color: #666;
}
.zshowlitem img {
  margin-bottom: 10px;
}
.btn-zoskinhealth {
  background-color: #1C3F94;
  border-color: #1C3F94;
  color: #fff;
}
.btn-zoskinhealth:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}


ul.zshp-banner-nav {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.zshp-banner-nav a {
  color: #666666 !important;
  font-size: 1.3em;
  font-family: Oswald,sans-serif;
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  background-color: #ffffff;
  text-align: right;
  margin: 0 0 7px 0;
  border: none;
}
.zshp-banner-nav a:hover, .zshp-banner-nav a.selected, .zshp-banner-nav a.active {
  color: #ffffff !important;
  background-color: #f99434;
  box-shadow: 2px 4px 4px rgba(0,0,0,0.3);
  outline: none;
}
.zshp-banner-tekst {
  background: url('https://rozi-step.hr/slike/zoskinhealth-proizvodi-banner-tekst-bg.jpg') center center no-repeat;
  background-size: cover;
}
.zshp-banner-tekst p {
  color: #fff;
  font-family: Oswald,sans-serif;
  font-size: 1.7em;
  line-height: 1.7em;
  font-weight: 300;
  margin-top: 60px;
  text-shadow: 1px 1px 0 grey;
  padding: 0 30px 0 0;
}
.zshp-blue-btn {background-color: #1C3F93}
.zshp-grey-btn {background-color: #D1D2D4}
.zshp-blue-btn, .zshp-grey-btn {
  color: #fff;
  font-family: Oswald,sans-serif;
  font-size: 1.7em;
  line-height: 1.7em;
  font-weight: 300;
  padding: 10px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.zshp-blue-btn:hover, .zshp-grey-btn:hover {
  color: #fff;
  background-color: #1C3F93;
}

.zo-product-box {
  border: 1px solid #fff;
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}
.zo-product-box:hover {
  border: 1px solid #aaa;
}
.zo-product-box h3 {
  font-family: Oswald,sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: none;
  height: 40px;
  overflow: hidden;
}
.zshp-btn-grey {
  color: #fff;
  background-color: #aaa;
  border: 1px solid #aaa;
}

.well-zshp, .well-zshp-cat {
  padding: 19px 20px;
  border: none;
  box-shadow: none;
  margin-bottom: 14px;
  background-color: #F1F0F0;
  font-family: Oswald, Sans-serif;
}
.well-zshp h1, .well-zshp h2 {
  font-size: 1.7em;
  color: #1C3F94;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 1px;
}
.well-zshp span {
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: 300;
  color: #666666;
  letter-spacing: 0.1px;
}
.well-zshp-cat h1, .well-zshp-cat .kaoh1, .odvajach1 {
  font-size: 1.6em;
  color: #1C3F94;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 1px;
  display: inline;
}
.well-zshp-cat h2, .well-zshp-cat .kaoh2 {
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight: 300;
  color: #666666;
  letter-spacing: 0.1px;
  display: inline;
}
.zshp-cat-bannerbg {
  background-color: #f0f0f0;
  border-left: 12px solid #ccc;
}
.zshp-cat-bannerleft {
  padding-top: 50px;
}
.zshp-cat-bannerleft .section {
  text-align: right;
  color: #F7931E;
  font-size: 1.2em;
  font-family: Oswald,sans-serif;
  margin-left: 20px;
}
.zshp-cat-bannerleft .category h1 {
  border-bottom: 2px dotted #DFDFDF;
  color: #1C3F95;
  font-family: Oswald,sans-serif;
  font-size: 1.8em;
  margin-bottom: 9px;
  margin-top: 13px;
  padding-bottom: 13px;
  text-align: right;
  margin-left: 20px;
  line-height: 1.3em;
}
.zshp-cat-bannerleft .desc {
  font-size: 1.2em;
  color: #888;
  font-family: Oswald,sans-serif;
  text-align: right;
  line-height: 1.5em;
  margin-left: 20px;
  font-weight: 300;
  margin-top: 10px;
  letter-spacing: 0.1px;
}
.zshp-cat-main-img {
  width: 100%;
}

ul.podizbornik-zsh li {
  margin: 0 21px 0 0;
  padding: 6px 6px 6px 7px;
}
ul.podizbornik-zsh li:last-child {
  margin: 0;
}
ul.podizbornik-zsh li:hover {
  background-color: #1C3F93;
}
ul.podizbornik li.podizbornik-submenu-zsh {
  position: relative;
}
ul.podizbornik .podizbornik-proizvodi-zsh {
  display: none;
  position: absolute;
  top: 31px;
  z-index: 1001;
}
ul.podizbornik .podizbornik-proizvodi-zsh .zsh-kategorije {
  background-color: #fff;
  border-top: 5px solid #1C3F93;
  border-right: 1px solid #D1D2D4;
  border-bottom: 1px solid #D1D2D4;
  border-left: 1px solid #D1D2D4;
  box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
  padding-bottom: 10px;
}
ul.podizbornik .podizbornik-proizvodi-zsh .zsh-kategorije h4 {
  margin-top: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  color: #1C3F93;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
  padding-bottom:8px
}
ul.podizbornik .podizbornik-proizvodi-zsh .zsh-kategorije h4 a.zsh-vidisve {
  color: #000;
  font-size: 0.7em;
  float: right;
}
ul.zsh-subsub {
  padding: 5px 0 0 0;
  margin: 0;
}
ul.zsh-subsub li {
  display: block;
  margin: 0;
  padding: 0 5px;
}
ul.zsh-subsub li:hover {
  background-color: transparent;
}
ul.zsh-subsub li a {
  color: #1C3F94;
  line-height: 22px;
  font-size: 0.9em;
  letter-spacing: 0em;
}
ul.zsh-subsub li a:hover {
  color: #000;
  font-weight: 500;
}

.zshp-entryh1 {
  color: #1c3f95;
  font-family: Oswald,sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 35px;
  letter-spacing: normal;
}

.zsh-datum-blog {color:#69bae8}
.zshp-entryh1-blog {
  color: #1c3f95;
  font-family: Oswald,sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 5px;
  letter-spacing: normal;font-size:2em
}
div.zsh-blog-crta .crta:not(:last-child) {
  border-bottom: 1px solid #dcdcdd;
}
.crta {
  margin-bottom: 20px;
}
.zshp-entryh1-detblog {
  color: #1c3f95;
  font-family: Oswald,sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 5px;
  letter-spacing: normal
}

.zshp-entryh2 {
  color: #000;
  font-family: Oswald,sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-size: 1.7em;
  letter-spacing: 0.1px;
}
.well-zshp-entry {
  padding: 15px 16px;
  border: none;
  box-shadow: none;
  background-color: #F1F0F0;
  font-family: Oswald, Sans-serif;
  font-size: 1.1em;
  line-height: 1.3em;
}
.well-zshp-entry h1 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: 0em;
}
h3.zo-indexh3 {
  font-size: 3em;
  color: #1c3f95;
  font-family: Oswald,sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 15px;
  text-transform: none;
}
h3.zo-indexh3 a {
  color: #1c3f95;
}
h4.zo-indexh4 {
  color: #000;
  font-family: Oswald,sans-serif;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-size: 1.7em;
  letter-spacing: 0.1px;
}
.zshp-ostali, .zshp-ostali2 {
  margin-bottom: 20px;
}
.zshp-ostali h5 {
  font-family: Oswald,sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 10px;
  text-transform: none;
}
.zshp-ostali h5 a {
  color: #1C3F94;
}
.zshp-ostali ul {
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
.zshp-ostali2 ul {
  font-size: 1em;
}
.zshp-ostali ul li a  {
  color: #666;
}
.zshp-ostali ul li a:hover, .zshp-ostali2 ul li a:hover {
  color: #000;
  text-decoration: underline;
}

table.zobeforeaftertable tr th {
  background-color: #F1F0F0;
}
.well-disclamer {
  background-color: #F1F0F0;
  padding: 5px 17px 5px 17px;
  color: #888;
}
.well-disclamer p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 10px 0;
}


div.tabs ul.zo-nav-tabs a, div.tabs ul.zo-nav-tabs a:hover {font-size: 1em}


.zo-press-indexsubtitle {
    color: #121214;
    font-size: 0.8em;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: none;
    text-align: left;font-weight: 400
}

.zo-press-indextitle {
    color: #121214;
    font-size: 1.1em;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: none;
    text-align: left;min-height: 66px;max-height: 66px;margin-top: 5px;font-weight: 600;overflow:hidden
}

.zo-press-indexsubtitle-tisak {
    color: #121214;
    font-size: 0.9em;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: none;
    text-align: left;font-weight: 400
}

.zo-press-indextitle-tisak {
    color: #121214;
    font-size: 1.2em;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: none;
    text-align: left;min-height: 50px;margin-top: 5px;font-weight: 600;
}
ul.zodogadjaji li {
    margin-bottom: 10px;
}
ul.zodogadjaji li a {
    color: #1c3f95;
    display: block;
}
ul.zodogadjaji li a h3 {
    color: #1c3f95;
    font-size: 1.5em;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: none;
}
ul.zodogadjaji li a span {
    font-size: 1em;
}
.well-zoarhiva {
    padding: 19px 20px;
    border: none;
    box-shadow: none;
    margin-bottom: 14px;
    background-color: #F1F0F0;
}
.nemapp {
    margin-top: -10px;
}

.zsh-blog-smaller h4 {
    font-weight: 400;
    text-transform:uppercase
}
.zsh-blog-smaller h5 {
    font-weight: 200;
    text-transform:none;
    font-size: 0.9em;
    display:list-item !important
}

.well-zoverticalmenu {
    padding: 0 0 50px 0;
    border: none;
    box-shadow: none;
    margin-bottom: 14px;
    background-color: #F1F0F0;
}
.well-zoverticalmenu h4 {
    padding: 20px 10px 0 10px;
    color: #1C3F94;
    font-weight: 400;
    font-family: Oswald, Sans-serif;
}
#vertical-menu ul, #vertical-menu ul ul, 
#vertical-menu2 ul, #vertical-menu2 ul ul {
    margin:0;
    padding:0;
}
#vertical-menu li, 
#vertical-menu2 li {
    list-style-type: none;
}
#vertical-menu ul ul, 
#vertical-menu2 ul ul {
    display: none;
}
#vertical-menu li.active ul, 
#vertical-menu2 li.active ul {
    display: block;
}
#vertical-menu ul ul li a, 
#vertical-menu2 ul ul li a {
    text-decoration: none;
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
    padding: 6px 10px;
    transition: all 0.15s;
    color: #666;
}
#vertical-menu ul ul li a:hover, 
#vertical-menu2 ul ul li a:hover {
    background: #cbcdd1;
}
#vertical-menu ul ul ul li a, 
#vertical-menu2 ul ul ul li a {
    text-decoration: none;
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
    padding: 6px 10px 6px 20px;
    transition: all 0.15s;
    color: #666;
    border-bottom: 1px solid #F1F0F0;
    background: #f8f8f8;
}
#vertical-menu ul ul ul li a:hover, 
#vertical-menu2 ul ul ul li a:hover {
    background: #ebebec;
}
#vertical-menu h5, 
#vertical-menu2 h5 {
    line-height: 2em;
    background-color: #F1F0F0;
    padding: 0 0 0 10px;
    margin: 0;
    display: table;
    border-bottom: 1px solid #fff;
}
#vertical-menu h6, 
#vertical-menu2 h6 {
    line-height: 2em;
    background-color: #e2e3e5;
    padding: 0;
    margin: 0;
    display: table;
    border-bottom: 1px solid #fff;
}
div#vertical-menu h5 div.zshcat, 
div#vertical-menu2 h5 div.zshcat {
    display: table-cell;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.9em;
    cursor: pointer;
}
div#vertical-menu h6 a, 
div#vertical-menu2 h6 a {
    display: table-cell;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.8em;
}
div#vertical-menu h5 span.plus, div#vertical-menu h5 span.minus, 
div#vertical-menu2 h5 span.pluss, div#vertical-menu2 h5 span.minuss {
    display: table-cell;
    padding: 0 10px;
    background-color: #F1F0F0;
    width: 10%;
    text-align: center;
    cursor: pointer;
    font-size: 0.7em;
    margin: 0;
    line-height: 1em;
}
div#vertical-menu h6 span.plus1, div#vertical-menu h6 span.minus1, 
div#vertical-menu2 h6 span.pluss1, div#vertical-menu2 h6 span.minuss1 {
    display: table-cell;
    padding: 0 10px;
    background-color: #cbcdd1;
    width: 10%;
    text-align: center;
    cursor: pointer;
    font-size: 0.7em;
    margin: 0;
    line-height: 1em;
}

.zsh-pagination > li > a, .zsh-pagination > li > span, .zsh-pagination > li > a:hover, .zsh-pagination > li > span:hover, .zsh-pagination > li > a:focus, .zsh-pagination > li > span:focus {
    color: #1c3f94 !important;
}
.zsh-pagination > .active > a{
    background-color: #1c3f94 !important;
    border-color: #1c3f94 !important;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.zsh-pagination > .active > a:hover {color: #ffffff !important;}

/********************************************
 ******      COLORESCIENCE CSS         ******
*********************************************/

.nomnop {
    margin: 0;
    padding: 0;
}
.colorescience-poc-brand {
    background: url('https://rozi-step.hr/slike/colorescience-brand-bg.jpg') center center no-repeat;
    background-size: cover;
    padding: 5% 57% 5% 17%;
    color: #fff;
}
.bgvrijednosti {
    background: url('https://rozi-step.hr/slike/colorescience-vrijednosti.jpg') center center no-repeat;
    background-size: cover;
}
.colorescience-poc-brand h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    line-height: 1.5em;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.colorescience-poc-brand h1:after {
    content: " ";
    width: 40%;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.colorescience-poc-brand-description p {
    font-size: 1.2em;
    line-height: 2em;
    font-style: italic;
}

.colorescience-poc-fil {
    background: url('https://rozi-step.hr/slike/colorescience-filozofija.jpg') center center no-repeat;
    background-size: cover;
    padding: 5% 17% 5% 57%;
    color: #222;
    text-align: right;
}
.colorescience-poc-fil h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    line-height: 1.5em;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #222;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.colorescience-poc-fil h1:after {
    content: " ";
    width: 40%;
    border-bottom: 1px solid #222;
    position: absolute;
    bottom: 0;
    right: 0;
}
.colorescience-poc-fil-description p {
    font-size: 1.2em;
    line-height: 2em;
    font-style: italic;
    font-weight: 600;
}

.colorescience-poc-ostalo.cssivo {
    text-align: center;
    background-image: -webkit-radial-gradient(circle, #5c5c5c, #3d3d3d);
    background-image: radial-gradient(circle, #5c5c5c, #3d3d3d);
    background-repeat: no-repeat;
    padding: 6% 7%;
    color: rgba(255, 255, 255, 0.9);
}
.colorescience-poc-ostalo.cszeleno {
    text-align: center;
    background-image: -webkit-radial-gradient(circle, #007287, #12444d);
    background-image: radial-gradient(circle, #007287, #12444d);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4% 6%;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1em;
}

.colorescience-poc-ostalo.cscrno {
    text-align: center;
    background-image: -webkit-radial-gradient(circle, #18657E, #114859);
    background-image: radial-gradient(circle, #18657E, #114859);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4% 6%;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1em;
}


.colorescience-poc-ostalo.cssivosadrzaj {
    text-align: center;
    background-image: -webkit-radial-gradient(circle, #5c5c5c, #3d3d3d);
    background-image: radial-gradient(circle, #5c5c5c, #3d3d3d);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4% 6%;
    color: #495057;
    font-size: 1.1em;
    background: #A8C6D2;
}


.colorescience-poc-ostalo h2 div.line {
    font-size: 0.6em;
    display: table;
    margin-bottom: 0.5em;
}
.colorescience-poc-ostalo h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5em;
    line-height: 1.3em;
    font-weight: 300;
    margin-bottom: 0.7em;
    color: #fff;
    letter-spacing: 1px;
}
.colorescience-poc-ostalo-description p {
    line-height: 1.8em;
    font-weight: 300;
}
.btn-cslink {
    color: #fff;
    display: inline-block;
    border: 1px solid #E4EEF1;
    padding: 10px 20px;
    width: auto;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.btn-cslink:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}
.csminheight1 {
    height: 461px;
}
.csmargintop1 {
    margin-top: 20%;
}
.csmargintop2 {
    margin-top: 10%;
}

.cs-cat {
    margin: 3px;
}
.cs-cat a {
    padding: 10% 4%;
    font-size: 2.8em;
    font-weight: 300;
    color: #fff;
    display: block;
    text-shadow: 1px 1px 1px #818183;

}
.cs-cat a:hover {
    padding: 10% 4%;
    color: #fff;
}
.cscatmargin {
    margin: 0 -3px;
}
.hvr-sweep-to-right {
  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-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #18657E;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 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-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

span.cs-prijeposlije-naslov {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #eee;
    padding: 0 18%;
    font-size: 1.5em;
}
.solidbg {background: #18657E !important;}
.napomene {
    position: absolute;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    line-height: 34px;
    color: #cc0000;
    font-size: 0.6em;
}






/**************************************
 ******      OSTALE CSS        ******
*************************************/

.graygradientbg {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}












/**************************************
 ******        OLD CSS        ******
*************************************/


.sadrzaj {margin:20px 0;}
.entry-detaljnije {text-align:justify;}

.entry-link-shop {border-radius:4px; background:#ffffff; background:rgba(255,255,255,0.3); padding:10px; border: 1px solid rgba(255,255,255,0.4); text-align:left;}

.cartbg {
  background:#ffffff;
  border: 1px solid rgba(255,255,255,0.6) !important;
  border-radius:4px;
  padding-top:15px;
  padding-bottom:15px;
}
.table {color:#000;}
ul.payment-steps {float:left; width:100%; margin-top:0; margin-bottom:30px; padding:0; list-style-type:none; background:#5BA2EE; border-bottom:1px solid #e75200; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:25%; text-align:center; padding:10px 0; background:#f17b2b; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#e75200; font-weight:bold;}
ul.payment-steps li.active:after {background:#e75200; border:solid #e75200; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}

.input-mini {width: 60px;margin-top:2px; float:left; height:26px;}
.input-promocode {margin-top:0; float:left; height:30px;}
.pay-steps {}

.control-group {
    margin-bottom: 9px;
    margin-left: 0px;
}

.form-control {width:80%}

.control-group select {
    width:80%;
    height:32px;
    padding:3px 10px;
    color: #333;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    outline: medium none;
}

.control-group input[type="text"], .control-group input[type="email"] {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:80%
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.control-group input[type="text"]::-moz-placeholder,  .control-group input[type="email"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


legend + .control-group {
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #CC0000;
    color: #CC0000;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .well.error .help-block, .well.error .help-inline {
    color: #CC0000;
}
.help-block, .help-inline {
    color: #555555;
}
.help-block {
    display: block;
    margin: 0 0 10px;
}
.help-inline {
    display: inline-block;
    margin: 0 0 8px;
    padding-left: 5px;
    vertical-align: middle;
}
.well {
    background-color: #E9F3FA;
    border-radius: 4px;
    clear: both;
    display: block;
    margin-bottom: 30px;
    min-height: 20px;
    padding: 10px;
}
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
legend {//margin-top: 20px; margin-bottom:10px; padding:6px 12px; background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; border-radius: 4px; font-size:14px; font-weight:bold;}


.dobavljacipopis {height:145px; max-height:145px; overflow:hidden; cursor:pointer; background:#f8f8f8; border-radius:0; padding: 5px;}
.dobavljacipopis h2 {margin:0 0 8px 0; padding:0 20px; font-size:18px; font-weight:400; line-height:20px; letter-spacing:1px; height:2.3em; overflow:hidden; text-align:center; color:#fe8933;}
.dobavljacipopis p {margin:0; padding:0 20px; font-size:13px; line-height:22px;}
.dobavljacipopis a.thumb-info img {border-radius:0;}

label {color:#666}
.istokao {width:80%}

div.shop {margin-top:0px;}

.product-thumb-info h4 {font-weight:400; height:42px; overflow:hidden; color:#fff; font-size:1.15em; line-height:1.25em}
div.shop ul.products li.product .price {min-height:80px;}


.imagebox {background:#ffffff; border:1px solid #f1f1f1; padding:0; }
.imagebox:hover {}

.product-thumb-info span.product-thumb-info-content {height:130px;}

div.shop ul.products li.product .onsale {height:70px; width:70px; line-height:20px; font-weight:600; background:orange; border-bottom-color:#bb5d02
    background: none repeat scroll 0 0 orange;
    font-weight: 600;
    height: 35px;
    line-height: 20px;
    width: 60px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    left: auto;
    position: absolute;
    right: 11px;
    text-align: center;
    text-shadow: none;
    top: 6px;
    z-index: 10;
    border-bottom: 0;
    border-radius: 0;
}

.onsale > span {
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    top: 20%;
}




.notification {background: #ffffff;border:1px solid orange;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:orange;margin: 0;padding: 10px;font-size: 13px;line-height: 13px;font-weight: bold; color:#fff;}

/* --------------------------------------------------------	*/
/*	SuperNotice Notifications */
/* --------------------------------------------------------	*/

.superNotice
{
    position: absolute;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index:1000;
    margin-top: 70px;
}
.superNotice a.superNotice-close
{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: -4px;
    margin-top: 3px;
    background-image: url('https://rozi-step.hr/slike/close.png');
    background-repeat: no-repeat;
    outline: none;
}
.superNotice a.superNotice-close:hover
{
    opacity: 0.6;
}
.superNotice .superNotice-content a.superNotice-close
{
    margin-top: -6px;
    margin-right: -7px;
}
.superNotice .superNotice-content
{    
    clear: left;
    font-size: 14px;    
    line-height: 18px;
    padding: 12px;
    vertical-align: middle;
}
.superNotice .superNotice-content-table td {
    vertical-align: top;
}
.superNotice.default
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.superNotice.default .superNotice-header a.superNotice-close
{
    margin-top: 6px;
}
.superNotice.default .superNotice-content
{
    color: #000000;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
}
.empty-cart {float:left; background:url(https://rozi-step.hr/slike/empty-cart.jpg) 0 0 no-repeat; min-height:400px; width:100%;}
.go-shop {position:relative; top:196px; left:66px;margin-left: 0px;-webkit-transition: margin 1s ease;-moz-transition: margin 1s ease;-o-transition: margin 1s ease;-ms-transition: margin 1s ease;transition: margin 1s ease;}
.go-shop:hover {margin-left: 50px;}



.poveznice {margin:5px 0;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    border-color: #f17a2b !important;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #2c2c2c;
    font-size: 12px !important;
    margin: 4px 4px 4px 0;
    padding: 1px 8px;
    text-decoration: none;
    display:inline-block;
    font-weight:400;
}
a.tagovi:hover {
	border-color: #f38943;
	background-color: #f38943;
    color: #fff;
}


.play-izdv { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 10px; margin:10px;}
.play-izdv:hover {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);}

.playaimg  {width:100%;}
.play-izdv-h3 {height:40px; overflow:hidden; margin-bottom:10px; font-size:16px; line-height:20px; font-weight:700; text-align:center;}
.play-izdv-h3 a {color:#105186;}
.play-izdv-h3 a:hover {color:#5091c6;}

.play-izdv-price {height:20px; overflow:hidden; margin-bottom:10px; font-size:18px; line-height:20px; font-weight:700; text-align:center; color:#ff0000;}


footer ul {margin:0; padding:0;list-style-type:none;}
footer ul li {color:#68d0f3}
footer ul li a:link, footer ul li a:visited, footer ul li a:active, footer ul li a:hover {color:#68d0f3 !important}



.foot-white {color:#fff; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:10px;}

.footer-copyright nav ul li a:link, .footer-copyright nav ul li a:visited, .footer-copyright nav ul li a:active {color:#777 !important; transition: 0.5s}
.footer-copyright nav ul li a:hover {color:#fff !important;}




div.footer-copyright nav {
	float: none;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #777;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
	margin: 0;
	padding: 0;
}




.footrightl {text-align:right;}
.colfootforma {border-left:1px solid #e75200; border-right: 1px solid #e75200; padding: 0 20px;}


footer .form-control {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #515151;
    color: #fff;
    font-size: 12px;
    width:100%;
    border-radius:0;
}


.error_message {color:#AF0202;}
.success_message {color:#0198e2;}

div.google-map {margin:0;}

















header.flat-menu div.search {margin:0;}

header div.search input.search:first-child {transition:none; border-radius: 0; width: 100%; height:34px; font-weight:300; font-style:italic;}

header div.search .btn i {font-size:18px;}

header div.search input.search:focus {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);}

.sticky-menu-active header.flat-menu div.search {margin-top:10px;}


div.home-intro {background:transparent; margin-bottom:0;}





.poc-box-text {color:#ffffff; font-size:15px; font-weight:300; font-style:italic; padding: 20px 10% 10px 10%; height:180px; display:block; overflow:hidden;}


.sliderslikavelika { 
 -webkit-filter: drop-shadow(0px 80px 40px #fff);
  filter: drop-shadow(0px 40px 80px #fff);
}



.pocetna-sustavi {padding: 60px 40px;}
.pocetna-sustavi h1 {font-size:34px; font-weight:300; margin-bottom:40px;}
.pocetna-sustavi h1 span {border-bottom: 1px solid #fe8933}
.pocetna-sustavi p {font-size:15px; font-style:italic; line-height:32px; padding:0 40px; font-weight:300;}




.rot-proizvod {font-size:50px; text-transform:uppercase; font-weight:400; line-height:70px; color:#000;}
.rot-slogan {font-size:24px; text-transform:uppercase; font-weight:300; color:#000;}
.rot-tekst {font-size:16px; font-weight:300; color:#000; font-style:italic; white-space:normal !important; width: 25%;}


.proizvod-h2 {font-weight:700; font-size:24px; text-transform:uppercase;}
.proizvod-materijali-naslov {color:#f17b2b}
.table-cijena {width:100%}
.cijena-left {font-weight:700; font-size:18px; background:#f1f1f1; height:70px; border-right:1px solid #fff; text-align:center; width:20%; padding:5px;}
.cijena-right {background:#f1f1f1; height:70px; padding:5px 5px 5px 20px;}
.zacijenu {font-weight:700; font-size:24px; color:#f17b2b;}

.label-modifiers, .label-quantity {float:left; margin: 10px 0; width:130px; overflow:hidden; font-weight:12px; text-transform:uppercase; font-weight:800; color:#f17b2b;}

.modifier-select {
    border: 1px solid #E5E7E9;
    background: #f1f1f1;
    border-radius: 0;
    color: #000;
    height: 30px;
    outline: medium none;
    padding: 0 8px;
    font-family:open sans;
    font-size: 16px;
    font-weight: 700;

-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

.input-quantity {
    border: 1px solid #E5E7E9;
    background: #f1f1f1;
    border-radius: 0;
    color: #000;
    height: 30px;
    outline: medium none;
    padding: 0 8px;
    font-family:open sans;
    font-size: 16px;
    font-weight: 700;
    width:61px;
    text-align:center;

-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}


.btn-plusminus {margin-top:2px;}

.btn-addtocart {
	border-radius: 0px !important;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #E75301;
	*background-color: #E75301;
	background-image: -moz-linear-gradient(top, #F17B2B, #E75301);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F17B2B), to(#E75301));
	background-image: -webkit-linear-gradient(top, #F17B2B, #E75301);
	background-image: -o-linear-gradient(top, #F17B2B, #E75301);
	background-image: linear-gradient(to bottom, #F17B2B, #E75301);
	background-repeat: repeat-x;
	border-color: #E75301;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F17B2B', endColorstr='#E75301', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-addtocart:hover,
.btn-addtocart:focus,
.btn-addtocart:active,
.btn-addtocart.active,
.btn-addtocart.disabled,
.btn-addtocart[disabled] {
	color: #FFFFFF;
	background-color: #E75301;
	*background-color: #003bb3;
}


.povezani-naslov-plavi {padding: 15px 40px; color:#fff; background:#105186; font-weight:800; font-size:20px; text-transform:uppercase;}
.product-iframe {}
.product-left {padding: 0; width: 450px; margin-right:40px;}
.product-right {padding: 0; width: 450px;}

.store_product_out_of_stock {display:none;}
.product-thumb-info {background:#f1f1f1; border-radius:0; border:0; }
.product-thumb-info:hover {background:#f3f3f3;}
.product-thumb-info span.product-thumb-info-image:before {border-radius:0; background:#575757;}
.product-thumb-info img {border-radius:0;}

.nedostupno {cursor:not-allowed;}

.paywaylogo {float:left; margin: 0 10px 0 0;}
.payway-m {float:left; margin: 0 10px 10px 0;}


.bigtar2 {cursor:pointer; padding-top:15px; background:#efefef; transition: ease 1s; margin-left:0; margin-bottom}
.bigtar2:hover {background:#dfdfdf;}
.detaljnija-sili-h2 {font-size: 2.5em !important;margin:0 0 30px 0; font-weight: 400;text-align:left; text-decoration:none !important; line-height:1.4em;}
.bigtar2 h6 {margin-top:10px;}

.ui-infowindow-content {
    min-width: 200px !important;
}





.select-style {
    border: 1px solid #eee;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #eee url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    height: 36px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

.well {
padding:0;
border:none;
box-shadow:none;
background:none;
}

table.valignmid tr td {
    vertical-align: middle;
    border-top: 1px solid #f17b2b;
}


table.payship tbody tr:first-child td {
    border-top: 0 none;
}

.brandovishadow {
-webkit-box-shadow: 0px 50px 30px -40px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 50px 30px -40px rgba(50, 50, 50, 0.75);
box-shadow:         0px 50px 30px -40px rgba(50, 50, 50, 0.75);
position:relative;
z-index:10
}

ul.social-icons li { background-color:#222;}

.btn {border-radius:0 !important;}
.btn-default {background:#f1f1f1;}

div.shop .summary .price {font-size:1.5em}



/* FILTERI */

.shop_filters_box {
    float:  left;
    // width: 960px;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 25px 0px;
    position: relative;
}

.shop_filter_low_box {
    float: left;
    // width: 150px;
    width: 180px;
    margin: 0px 10px 10px 0px;
    position: relative;
    cursor: pointer;
}

.shop_filter_low_drop_down {
    float: left;
    height: 38px;
    // width: 138px;
    width: 173px;
    border: 1px solid #000;
    padding: 0px 0px 0px 10px;
    position: relative;
    background: white;
}

.shop_filter_low_box .icon-caret-down {
    position: absolute;
    right: 10px;
    top: 12px;
}

ul.filter_list li .icon-check {
    position: absolute;
    right: 8px;
    top: 6px;
}

.shop_filter_low_box:hover .icon {
    
}

.box_gray {
    background: #353535;
    color: #fff;
}

.shop_filter_title {
    float: left;
    width: 100px;
    font-size: 15px;
    font-family: "pill-gothic-300mg",sans-serif;
    font-weight: 700;
    line-height: 38px;
    height: 38px;
}

.selected_filter {
    color: red;
}

.filters_box {
    display: none;
    position: absolute;
    left: 0px;
    top: 38px;
    // width: 150px;
    width: 180px;
    z-index: 100;
}

.shop_filter_low_box:hover {
    color: #787878;
}

.shop_filter_low_box:hover .filters_box {
    display: inline;
}

.shop_filter_low_box:hover ul li {
    color: black;
}

.shop_filter_low_box ul {
    float: left;
    // width: 138px;
    width: 173px;
    list-style-type: none;
    margin:  0px 0px 0px 0px;
    background: white;
    padding: 10px 0px 5px 10px;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.shop_filter_low_box ul.filter_color_grid {
    padding: 10px 0px 0px 10px;
}

.shop_filter_low_box ul li {
    position: relative;
    float: left;
    padding: 3px 5%;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}

.shop_filter_low_box ul li a {
    display: block;
    width: 85%;
}

.shop_filter_low_box ul.filter_list li {
    width: 90%;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_grid li {
    width: 48px;
    margin: 0px 0px 2px 0px;
}

.shop_filter_low_box ul.filter_color_grid li {
    width: 14px;
    height: 14px;
    margin: 1px 12px 12px 3px;
    padding: 1px;
}

.shop_filter_low_box ul.filter_color_grid li.pattern span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}

.shop_filter_low_box ul.filter_color_grid li span, .shop_filter_low_box ul.filter_color_grid li span img {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.shop_filter_low_box ul.filter_color_grid li:hover, .shop_filter_low_box ul.filter_color_grid li.selected {
    background: none repeat scroll 0 0 white;
    border: 0 none;
    height: 14px;
    margin: 1px 12px 12px 3px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span, .shop_filter_low_box ul.filter_color_grid li.selected span, .shop_filter_low_box ul.filter_color_grid li:hover span img, .shop_filter_low_box ul.filter_color_grid li.selected span img  {
    width: 12px;
    height: 12px;
}

.pattern_color_filter {
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
}

.shop_filter_low_box ul.filter_color_grid li span.color_filter {
    border: 1px solid #666;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li:hover span.color_filter {
    border: 1px solid #000;
    height: 14px;
    padding: 1px;
    width: 14px;
}

.shop_filter_low_box ul.filter_color_grid li.selected span.color_filter {
    border: none;
    width: 12px;
    height: 12px;
}

.shop_filter_unit ul.filter_grid li.all_selected_filter {
    clear: both;
}

/*
.checkbox {
    width: 8px;
    height: 8px;
    position: absolute;
    border: 1px solid black;
    top: 2px;
    left: 0px;
}
*/


.unselected {
    background-color: white;
}

.selected, .shop_filter_low_box ul li:hover span.unselected {
    background-color: black;
}

.shop_filter_low_box ul li:hover span.selected {
    background-color: white;
}

.shop_filter_low_box ul li:hover {
    background: #f17a2b;
}

.shop_filter_low_box ul li:hover a {
    color: #fff;
}

.shop_selected_filters_box {
    float: left;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #D3000D;
    background: red;
    padding: 0px 15px 0px 15px;
    color: white;
    font-size: 11px;
}

.shop_filters_box ul.primary_filters li a.filter_sale.selected {
    background-color: rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
}

.filters_selected_count {
    float: left;
}

.reset_filters_link {
    width: 100%;
    float: left;
    cursor: pointer;
    color: white;
}

.reset_filters_link a {
    width: 100%;
    float: left;
    color: white;
}

.reset_filters_link a span {
    float: right;
    width: 14px;
    height: 14px;
    margin: 5px 0px 0px 0px;
    background-image: url(../images/icons_sprite_new.png);
    background-repeat: no-repeat;
    background-position: -20px -620px;
}

.reset_filters_link a:hover span {
    background-position: 0px -620px;
}

a.chosen_filters:link, a.chosen_filters:visited, a.chosen_filters:active {
color: #000;
text-decoration: none;
border: 1px solid #F17B2B;
border-radius: 0;
padding: 0 4px;
background: #FFA500;
float: left;
margin: 0 4px 4px 0;
font-size: 12px !important;
}

a.chosen_filters:hover {
border: 1px solid #D45D15;
background: #F17B2B;
color: #fff;
}



ul.nav-list.primary > li a {font-size: 12px;}

ul.nav-list.primary > li a.active {color:#000; font-weight:bold;}




.vasa-kosarica {font-size:13px; font-weight:900; text-align:center;}

.kosaricatop {font-weight:300; color: #000; font-size:13px; text-shadow:none;}

#header-cart2 .dropdown-menu > li > a.btn-success {
    color: #fff;
}
#header-cart2 .dropdown-menu > li > a.btn-success:hover, .dropdown-menu > li > a.btn-success:focus {
    background-color: #51b451;
    border-color: #51b451;
}

.datepicker {cursor:auto !important; background:transparent url(https://rozi-step.hr/slike/calendar-icon.png) 95% 50% no-repeat !important; padding-right:15%;}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    height: 31px;
    line-height: 20px;
    margin: 1px 0;
    padding: 5px;
    color: #333;
}

.cc-cookies {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #dcdcdc;
    bottom: 50px;
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding: 20px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 230px;
    z-index: 99999;
}
.cc-cookies a, .cc-cookies a:hover {
    color: #3175a4;
    text-decoration: underline;
}
.cc-cookies a:hover {
    text-decoration: none;
}
.cc-overlay {
    height: 100%;
    padding-top: 25%;
}
.cc-cookies-error {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #333;
    float: left;
    font-size: 18px;
    margin: 1em 0 2em;
    padding: 2em 5%;
    text-align: center;
    width: 90%;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset, .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #7daf3b;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-block;
    padding: 0.5em 0.75em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    transition: background 0.25s ease-in 0s;
}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
    background: none repeat scroll 0 0 #af3b3b;
    margin-left: 0.5em;
}
.cc-cookies a.cc-cookie-reset {
    background: none repeat scroll 0 0 #f15b00;
}
.cc-cookies a.cc-cookie-accept:hover, .cc-cookies a.cc-cookie-decline:hover, .cc-cookies a.cc-cookie-reset:hover, .cc-cookies-error a.cc-cookie-accept:hover, .cc-cookies-error a.cc-cookie-decline:hover {
    background: none repeat scroll 0 0 #000;
    transition: background 0.25s ease-in 0s;
}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}
.cc-cookies.cc-discreet {
    left: auto;
    padding: 0.5em 1em;
    top: auto;
    width: auto;
}
.cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    text-decoration: underline;
    text-shadow: none;
}
.cc-cookies.cc-discreet a.cc-cookie-reset:hover {
    text-decoration: none;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0;
}


.tabovivelicine {max-width:400px; float:left; margin-right:30px;}
.opisvelicine {font-size:12px; color:#000;}



.tablice-velicine table {width:100% !important;}
.tablice-velicine table th {text-align:center; padding:5px; background:#ddd;}
.tablice-velicine table td {text-align:center; padding:5px; font-size:12px; color:#000;}
.tablice-velicine tr:nth-child(even) {background:#f1f1f1;}


.search-colorbox {border: 1px solid #666; height: 14px; padding: 1px; width: 14px; float:right; margin:6px 6px 4px 6px;}

.infopopups {width:800px}

.tdwhitebg {background:#fff !important;}

















#header-cart2 {text-align:right;}


.pocetnalista {}
.pocetnalista li {}
.vijesti-cjenik {padding:40px 40px;}
.vijesti-cjenik-h4 {font-size:34px; font-weight:300; margin-bottom:40px}
.pocetnalista li a {font-size:14px; line-height:32px; font-weight:300; padding:20px 15px;}

.desnibox .pocetnalista li a:hover {background:#ffa953}

.pocetnalista li {border-top:1px solid rgba(0, 0, 0, 0.15); width:300px;}

.lijevibox .pocetnalista {float:right}
.lijevibox {background:#f3f3f3 url(https://rozi-step.hr/slike/lady-bg.png) bottom left no-repeat;}
.desnibox {background:#fe8933 url(https://rozi-step.hr/slike/kamera-bg.png) bottom right no-repeat;}
.desnibox-img {float:left; margin:0 10px 0 0;}
.lijevibox-img {float:right; margin: 0 0 0 10px;}




section.toggle > label {border-radius:0;}

a.thumb-info:hover img {
    transform: none; 
}


.boxovi-slider {background: rgba(0, 0, 0, 0.15); color:#fff; font-size:14px; padding:3px;}
.boxovi-slider-inner {padding:20px; border:1px solid rgba(255, 255, 255, 0.4); width:100%; height:100%;}

.box-slider-naslov {text-transform:uppercase; padding: 0 10px; margin-bottom:10px;letter-spacing:1.6px;}
.box-slider-tekst {font-family:tahoma; font-size:11px; line-height:16px;}
.box-slider-tekst img {margin-right:15px;}









/**************************************
 ******      SILIMED CSS        ******
*************************************/


.truetexture-rotator-naslov {font-size:46px; font-weight:400; color:#0074A5;}
.truetexture-rotator-naslov sup {font-size:50%; top:-0.7em;}
.truetexture-rotator-text {font-size:22px; line-height:30px; font-weight:400; color:#B6B6B6; white-space:normal !important;}

.pure-poly-rotator-naslov {font-size:46px; font-weight:400; color:#FF8257;}
.pure-poly-rotator-text {font-size:22px; line-height:30px; font-weight:400; color:#B6B6B6; white-space:normal !important}


.sili-sigurnost-rotator-naslov {font-size:28px; font-weight:700; color:#0672bb;}
.sili-sigurnost-rotator-text {font-size:30px; line-height:36px; font-weight:300; color:#f89829; white-space:normal !important}

.sili-rotator-link a {color:#383838 !important;}
.sili-rotator-link a:hover {color:#888 !important;}

.sili-zapacijente-rotator-naslov {font-size:32px; line-height:36px; font-weight:400; color:#D5D5D5;}
.sili-zapacijente-rotator-naslov span {color:#f89829; font-weight:300;}
.sili-zapacijente-rotator-text {font-size:16px; line-height:22px; color:#a9a9a9;}
.sili-zapacijente-rotator-link a {color:#f89829 !important;}

.sili-poly-pure-naslov {line-height:34px; font-size:30px; font-weight:300; color:#fff;}
.sili-poly-pure-text {color:#fff;}

.silimed-kvadrat-narancasti {border-left: 40px solid #EE7354;border-bottom: 1px solid #979797;padding: 20px;margin-bottom: 2px;display: block;}
.silimed-kvadrat-narancasti big {font-size: 2em;line-height: 1em;}
.silimed-kvadrat-narancasti p:last-child {margin-bottom: 0;}
.silimed-kvadrat-sivi {border-left: 40px solid #979797;padding: 20px;display: block;}

ul.silimed-proizvodi-izbornik {margin:0; padding:0; border:1px solid #ddd; float:left; width:100%;}
ul.silimed-proizvodi-izbornik li {float:left; list-style-type:none; margin:0; width:20%; text-align:center}
ul.silimed-proizvodi-izbornik li a {color:#bcbcbc; line-height: 22px; padding: 20px 20px; font-size:18px; font-weight:700; display:inline-block;}
ul.silimed-proizvodi-izbornik li a.active, ul.silimed-proizvodi-izbornik li a:hover {color:#68696b;}

ul.podizbornik-silimed li {padding: 6px;}
ul.podizbornik-silimed li:hover, ul.podizbornik-silimed li:active, ul.podizbornik-silimed li.active {background-color: #ED7558/*#FF8257*/;text-decoration: none;padding: 6px;}

.silicolor {color:#FF8257;}
.silicolor a {color:#FF8257;}
.truetexturecolor {color:#005F9D;}
.truetexturecolor a {color:#005F9D;}

big {font-size:2em; line-height:2em}


.sili-true-texture-naslov {line-height:46px; font-size:32px; color:#FF8257;}
.sili-true-texture-plavi-naslov {font-size:26px; font-weight:400; color:#0074A5;}

.sili-true-texture-orange-naslov {font-size:20px; line-height:28px; font-weight:400; color:#FF8257;}
.sili-true-texture-tekst {font-size:14px; font-weight:400; color:#888;}

.truetexturevelikinaslov {color:#fff; background:#005f9d; padding:15px; font-size:2.2em; font-weight:400; text-transform:uppercase; margin-bottom:30px;}
.truetexturevelikinaslov a {color:#fff;}

.progress-bar {border-radius:3px;}
.progress-bar-alerg {background-color:#595B60;}
.progress-bar-sili {background-color:#005f9d;}


.sili-pektoralni-naslov {font-size:20px; color:#666}
.sili-pektoralni-podnaslov {font-size:18px; color:#666}
.sili-pektoralni-text {font-size:16px; color:#666}


.sili-glutealni-naslov {font-size:20px; color:#fff}
.sili-glutealni-podnaslov {font-size:18px; color:#fff}
.sili-glutealni-text {font-size:16px; color:#fff}



blockquote.with-borders {
    border-color: #dfdfdf #ececec;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    padding: 15px 20px;
}


.pacijentbody {/*background:#303030;background:#c4c7cc;*/ background:#ffffff; color:#cdcdcd}
.pacijentbody-foot {/*background:#303030 !important;*/ background:#c4c7cc !important;}
.pacijentbody-bg {/*background:#303030 !important;*/ background:#c4c7cc !important;}
.pacijentbody header {background:transparent;}
.pacijentbody .main {background:url("https://rozi-step.hr/slike/silimied-pozadina-pacijenti-01.jpg") no-repeat  center top #d5d5d5}

.pacijent-nav {text-align:center; border-bottom:3px solid #cdcdcd; text-transform:uppercase;}

.pacijent-nav ul li {
    display: inline-block;
    list-style-type:none;
    margin-bottom:-13px;
}

.pacijent-nav ul li a {
    color: #cdcdcd;
    padding: 30px 20px 11px 20px;
    font-size: 16px;
    display: block;
}

.pacijent-nav ul li a:hover {
    color: #f89829;
}

.pacijent-nav ul li.active a {
    color: #f89829;
    border-bottom:3px solid #f89829;
}

.h1pacijent {margin: 0 0 15px 0;  font-size: 2em;  font-weight: 400; color: #F89728; line-height:2em}
.h2pacijent {margin: 0 0 10px 0;  font-size: 1.5em;  font-weight: 400; line-height:1.5em}
.h2pacijent a {color: #F89728;}


.pacijentbody div.tabs {color:#333;}

.pacijentbody div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
	color: #000000;
}

.pacijentbody div.tabs ul.nav-tabs a:hover,
.pacijentbody div.tabs ul.nav-tabs a:focus {
	border-top-color: #F89728;
}

.pacijentbody div.tabs ul.nav-tabs li.active a {
	border-top-color: #F89728;
	color: #000000;
}

.pacijentbody div.tabs ul.nav-tabs.nav-justified a:hover,
.pacijentbody div.tabs ul.nav-tabs.nav-justified a:focus {
	border-top-color: #F89728;
}


.pacijentbody hr {background:#ddd;}




.silimed-btn
{
  color: #fff;
  font-size: 1.7em;
  line-height: 1.7em;
  font-weight: 400;
  padding: 10px;
  display: block;
  text-align: center;
  background:#515151
 }
 
 .silimed-btn:hover, .silimed-btn.active
{
  background:#FF8257
 }


.rot-osilimedu {padding:15px; font-size:22px; color:#fff; background:#ff8257;}

.rot-biodesign-big {font-size:20px; font-weight:500; color:#666;}


.rot-biodesign-small {font-size:18px; font-weight:400; color:#666;}


.rot-biodesign-ispod {font-size:22px; font-weight:300; color:#666; font-family:shadows into light two, cursive;}



/**************************************
 ******      AROWS        ******
*************************************/


span.arrow {
 background: transparent url(../slike/arrows.png) no-repeat 0 0;
 width: 47px;
 height: 120px;
 display: inline-block;
 position: relative;
}

span.arrow.vtl {
 background-position: 0 0;
 width: 47px;
 height: 96px;
}

span.arrow.vtr {
 background-position: -101px 0;
 width: 47px;
 height: 96px;
}

span.arrow.vbl {
 background-position: 0 -144px;
 width: 47px;
 height: 96px;
}

span.arrow.vbr {
 background-position: -101px -144px;
 width: 47px;
 height: 96px;
}

span.arrow.hlt {
 background-position: -209px 0;
 width: 120px;
 height: 47px;
}

span.arrow.hlb {
 background-position: -209px -101px;
 width: 120px;
 height: 47px;
}

span.arrow.hrt {
 background-position: -353px 0;
 width: 120px;
 height: 47px;
}

span.arrow.hrb {
 background-position: -353px -101px;
 width: 120px;
 height: 47px;
}

.btn-blogjezik{
  background-color: #6BBCEB;
  border-color: #6BBCEB;
  color: #000;
  font-weight: 600;
}

.btn-blogjezik:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}



/**************************************
 ******      SMITH AND NEPHEW        ******
*************************************/


.sn-header-boja {
background-color: #FFFFFF;
}

#nav-sn {background:#666666;  padding: 10px 0;}

ul.podizbornik-sn li {
  margin: 0 28px 0 0;
  padding: 16px 18px 16px 18px;
}
ul.podizbornik-sn li:last-child {
  margin: 0;
}
ul.podizbornik-sn li:hover {
  background-color: #FD7300;
}


ul.podizbornik-sn li a {
    color: #fff;
    line-height: 31px;
    letter-spacing: 0.02em;
}

ul.podizbornik li.podizbornik-submenu-sn {
  position: relative;
}
ul.podizbornik .podizbornik-proizvodi-sn {
  display: none;
  position: absolute;
  top: 51px;
  z-index: 1001;
}


ul.podizbornik .podizbornik-proizvodi-sn .sn-kategorije {
  background-color: #fff;
  border-top: 5px solid #FD7300;
  border-right: 1px solid #D1D2D4;
  border-bottom: 1px solid #D1D2D4;
  border-left: 1px solid #D1D2D4;
  box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
  padding-bottom: 10px;
}
ul.podizbornik .podizbornik-proizvodi-sn .sn-kategorije h4 {
  margin-top: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  color: #FD7300;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
  padding-bottom:8px
}
ul.podizbornik .podizbornik-proizvodi-sn .sn-kategorije h4 a.sn-vidisve {
  color: #000;
  font-size: 0.7em;
  float: right;
}
ul.sn-subsub {
  padding: 5px 0 0 0;
  margin: 0;
}
ul.sn-subsub li {
  display: block;
  margin: 0;
  padding: 0 5px;
}
ul.sn-subsub li:hover {
  background-color: transparent;
}
ul.sn-subsub li a {
  color: #FD7300;
  line-height: 22px;
  font-size: 0.9em;
  letter-spacing: 0em;
}
ul.sn-subsub li a:hover {
  color: #000;
  font-weight: 500;
}


ul.sn-banner-nav {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.sn-banner-nav a {
  color: #666666 !important;
  font-size: 1.2em;
  font-family: Arial,sans-serif;
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  background-color: #ffffff;
  text-align: left;
  margin: 0 0 7px 0;
  border: none;
  font-weight: 600;
  letter-spacing: -0.4px;
  text-transform: uppercase;
}

ul.sn-banner-nav li {
line-height: 50px !important;
}

.sn-banner-nav a i {
  float: right;
  margin-top: 16px;
}

.sn-banner-nav a:hover, .sn-banner-nav a.selected, .sn-banner-nav a.active {
  color: #ffffff !important;
  background-color: #f99434;
  box-shadow: 2px 4px 4px rgba(0,0,0,0.3);
  outline: none;
}

.izbornik-lijevo-pozadina-sn {
background-color: #5F5F61;
}

h4.heading-primary-sn {
    margin: 0px;
    padding: 6px 4px 6px 8px;
    line-height: 32px;
    font-size: 14px;
    color: #FE8800;
    background-color: #666;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #5a5a5a;
}

.izbornik-lijevo-pozadina-sn ul.nav-list > li > a {
    color: #fff;
}
.izbornik-lijevo-pozadina-sn ul.nav-list > li > a:hover, .izbornik-lijevo-pozadina-sn ul.nav-list > li > a:focus {
    text-decoration: none;
    background-color: #555;
}

.poc-naslov-sn {
    color: #555;
    font-family: Oswald,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: 6%;
    left: 20px;
    line-height: 20px;
    width: 70%;
    text-shadow: 1px 1px 1px #fff;
}

.sn-link a {
    width: 85%;
    background-color: #f99434;
    display: inline-block;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0 4px 21px;
}

.snpoc-naslov {
  color: #555;
  font-family: Verdana,Arial,sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  top: 10%;
  left: 20px;
  line-height: 26px;
  width: 50%;
  text-shadow: 1px 1px 1px #fff;
  text-transform: uppercase;
}


.well-sn h2 {
    font-size: 1.7em;
    color: #FD7300;
    font-weight: 400;
    letter-spacing: 0.1px;
    margin-bottom: 1px;
}

.well-sn h1 {
    font-weight: 400;
    margin: 0 0 20px;
    font-size: 1.8em;
    color: #fd7300;
}


.well-sn-det h1 {
    font-weight: 600;
    margin: 0 0 20px;
    font-size: 1.1em;
    color: #fd7300;
    line-height: 24px;
}

.well-sn-det h3 {
    font-weight: 600;
    margin: 0 0 20px;
    font-size: 1.1em;
    color: #fd7300;
    line-height: 24px;
    text-transform: initial !important;
}

.sn-btn-orange {
    color: #fff;
    background-color: #fd7300;
}


h2.sn-podnaslov {
    color: #000 !important;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

.sn-podnaslov h2 {
    color: #000 !important;
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 30px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

table.sn-table th {;
background-color: #FD7300;
text-align: center;
color: #fff !important;
font-weight: 600 !important;
}

table.sn-table th span {;
background-color: #FD7300;
text-align: center;
color: #fff !important;
font-weight: 600 !important;
}


.sn-table {
width: 100%; 
text-align: center; 
border-color: #ccc;
}

h2.sn-podnaslov span{
    color: #7f7c7c;
    text-transform: none;
    font-size: 0.8em;
    line-height: 1.1em;
    font-weight: 300;
}

div.smaller-trnt-sn a:link {
	font-weight: 600;
	width: 100%;
}

.smaller-trnt-sn p {
	padding: 10px;
	font-size: 13px;
	color:#eee;
	text-align: left;
}

.renesystab>li>a {
	height: 65px;
	font-weight: 600;
	font-size: 1.1em;
}

.renasysh5 {
	float: left;
	text-transform: none;
	padding-top: 10px;
}

.renesystab>li {width: 33%;}

.picotab>li {width: 50%;}

.picotab>li>a {
	height: 65px;
	font-weight: 600;
	font-size: 1.1em;
}

section.toggle .reference-label {
	background: none;
	border: none;
	color: #fff;
	padding: 0;
}

.referenceul ol li {
	    margin-left: -16px;
margin-right: 6px;
}

section.toggle > .reference-label i.icon-minus {
	display: none;
}

section.toggle > .reference-label i.icon-plus {
	display: none;
}

section.toggle > .reference-label:before {
	display: none;
}

section.toggle.active > .reference-label {
	background: none;
}

section.toggle > .reference-label:hover {
	background: none;
}

section.toggle.active > .iskustva-label {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
}

.sn-product-box {
  border: 1px solid #fff;
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}
.sn-product-box:hover {
  border: 1px solid #aaa;
}
.sn-product-box h3 {
  font-family: Arial,sans-serif;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: none;
  height: 40px;
  overflow: hidden;
}


ul.podizbornik-cs {margin:0; padding:0;}
ul.podizbornik-cs li {display:inline; list-style-type:none; margin:0 30px 0 20px;padding: 6px 0;}
ul.podizbornik-cs li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}

.colorescience-poc-brand {
    background: url('https://rozi-step.hr/images/colorescience/colorescience-brand-bg.jpg') center center no-repeat;
    background-size: cover;
    padding: 5% 57% 5% 17%;
    color: #fff;
}


.colorescience-poc-fil {
    background: url('https://rozi-step.hr/images/colorescience/colorescience-filozofija.jpg') center center no-repeat;
    background-size: cover;
    padding: 5% 17% 5% 57%;
    color: #222;
    text-align: right;
}

.bgvrijednosti {
    background: url('https://rozi-step.hr/images/colorescience/colorescience-vrijednosti.jpg') center center no-repeat;
    background-size: cover;
}

a.thumb-info span.thumb-info-inner-cs {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: block;
    transition: all 0.3s;
}

a.thumb-info span.thumb-info-opis {
    display: block;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: initial;
    margin: 10px 0 20px 0;
}

.cs-title {
margin-top:-70px;
}

.cs-proizvodi-naslov {
    font-weight: bold;
    color: #2E3338;
    font-size: 2.4em;
    text-transform: uppercase;
}

.cs-grey-tabovi {
    color: #fff;
    background-color: #818183;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 300;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid #2E3338;
height: 50px;
border: 1px solid #fff;
}

.cs-grey-tabovi:hover {
    color: #fff;
    background-color: #c1c1c1;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 300;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid #2E3338;
height: 50px;
border: 1px solid #fff;
}

.cs-grey-tabovi-opis {
    color: #fff;
    background-color: #818183;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 300;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid #c1c1c1;
height: 50px;
border: 1px solid #fff;
}

.cs-grey-tabovi-tekst {
    color: #000;
    background-color: #c1c1c1;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 400;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid #2E3338;
height: 290px;
border: 1px solid #fff;
}

table.cs-table th {;
background-color: #818182;
text-align: center;
color: #ddd !important;
font-weight: 600 !important;
font-size: 1.2em;
    line-height: 2em !important;
}



table.cs-table td {
background-image: radial-gradient(circle, #666666, #333333);
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
color: #fff !important;
font-weight: 400 !important;
    padding: 20px !important;
}

.table.cs-table {
margin-bottom: 0px !important;
}

.ikona-boja-cs { height: 30px; margin-bottom: 10px; }

.oko-boja-cs {
float: left;
width: 16%;
margin-right: 10px;
}

.povezani-cs {;
background-color: #818182;
text-align: center;
color: #ddd !important;
font-weight: 600 !important;
font-size: 1.2em;
border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    line-height: 2.8em !important;
}

.povezani-slika-cs a.thumb-info img {border-radius:0;}

.cs-btn-orange {
    color: #fff;
    background-color: #00677f;
    letter-spacing: 1px;
    font-size: 13px;
}

.cs-btn-orange:hover {
    color: #fff;
    background-color: #004859;
}

.table-ordinacije-zo {
    font-family: Oswald,sans-serif;
    color: #1e1e1e;

}

.table-ordinacije-zo th {
border: 1px solid #fff; text-align: center; color: #fff; width: 50%; background-color: #1C3F93; font-size: 1.7em;line-height: 1.7em; font-weight: 300;
}

.table-ordinacije-zo td.sivo {
    background-color: #ddd;
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
border: 1px solid #fff;
}

.table-ordinacije-zo td:hover {
    background-color: #ededed;
}

.table-ordinacije-zo td.sivo:hover {
    background-color: #ddd;
}

.table-ordinacije-zo td.ordinacije-nevidljivo {
background-color: #fff;
border: none;
}

.table-ordinacije-zo td.ordinacije-nevidljivo: hover {
background-color: #fff;
}

.colorescience-prije-poslije {
    background: url('https://rozi-step.hr/images/colorescience/colorescience-prije-poslije.jpg') center center no-repeat;
    background-size: cover;
    padding: 5% 57% 5% 17%;
    color: #fff;
}

.colorescience-prije-poslije h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    line-height: 1.5em;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.colorescience-prije-poslije h1:after {
    content: " ";
    width: 40%;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.colorescience-poc-ostalo-novosti {
    text-align: center;
background: url('https://rozi-step.hr/images/colorescience/colorscience-novosti.jpg') center center no-repeat;
    background-size: cover;
    padding: 10% 17% 10% 17%;
    color: #fff !important;
}

.colorescience-poc-ostalo-novosti h1 {
    color: #fff !important;
}

.colorescience-korporativne {
    text-align: left;
    background-image: -webkit-radial-gradient(circle, #F8F9FA, f7f7f7);
    background-image: radial-gradient(circle, #F8F9FA, f7f7f7);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #00677f;
    font-size: 1.1em;
    padding-top: 3%;
    padding-bottom: 3%;
}

.colorescience-korporativne p {
	color: #00677f
}

.colorescience-korporativne h1 {
color: #00677f !important;
line-height: 36px;
font-size: 2.4em;
}

.colorescience-korporativne h2 {
    color: #095B6A !important;
    font-size: 1.9em;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.colorescience-korporativne h3 {
color: #ccc !important;
font-size: 1.3em;
line-height: 24px;
margin-bottom: 10px;
}

.colorescience-korporativne a:hover {
color: #095B6A !important;
    text-decoration: underline;

}

.colorescience-korporativne a.prije:hover {
color: #ccc !important;
    text-decoration: underline;

}

.colorescience-korporativne a {
    color: #18657E !important;

}

.colorescience-korporativne h4 {
color: #fff !important;

}

.colorescience-korporativne h5 {
color: #fff !important;

}

.colorescience-korporativne a h1 {
text-transform: uppercase;
color: #00677f !important;

}

.colorescience-korporativne a h1:hover {
color: #114859 !important;
    text-decoration: underline;
}

.colorescience-korporativne-sivo {
    text-align: left;
    background-image: -webkit-radial-gradient(circle, #18657E, #114859);
    background-image: radial-gradient(circle, #18657E, #114859);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 1.1em;
    padding-top: 3%;
    padding-bottom: 3%;
}

.colorescience-korporativne-sivo h1 {
color: #fff !important;
line-height: 36px;
font-size: 2.4em;
}

.colorescience-korporativne-sivo h2 {
color: #ccc !important;
    font-size: 1.9em;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.colorescience-korporativne-sivo h3 {
color: #ccc !important;
font-size: 1.3em;
line-height: 24px;
margin-bottom: 10px;
}

.colorescience-korporativne-sivo a:hover {
color: #095B6A !important;
    text-decoration: underline;

}

.colorescience-korporativne-sivo a {
    color: #fff !important;

}

.colorescience-korporativne-sivo h4 {
color: #fff !important;

}

.colorescience-korporativne-sivo h5 {
color: #fff !important;

}

.colorescience-korporativne-sivo a h1 {
text-transform: uppercase;
color: #fff !important;

}

.colorescience-korporativne-sivo a h1:hover {
color: #fff !important;
    text-decoration: underline;
}


/* TEMPUR AKCIJA POPUP */

#slidebox{
    width: 450px;
    height: 351px;
    padding: 0;
    background: transparent;
    border: 0;
    position: fixed;
    bottom: 15%;
    left: 35%;
}

a.close{
background: transparent url(https://rozi-step.hr/slike/closee.gif) no-repeat top left;
    width: 60px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 3px;
}


.featured ul.ui-tabs-nav li.ui-tabs-selected a, .featured ul.ui-tabs-nav li.ui-tabs-active a {color:rgba(255, 255, 255, 0.7)}

.featured ul.ui-tabs-nav li.ui-tabs-selected a.routesa, .featured ul.ui-tabs-nav li.ui-tabs-active a.routesa {}

.featured{ 


}
.featured ul.ui-tabs-nav{ 

}
.featured ul.ui-tabs-nav li{ 

}
.featured ul.ui-tabs-nav li img{ 

}
.featured ul.ui-tabs-nav li span{ 

}
.featured li.ui-tabs-nav-item a{ 

}
.featured li.ui-tabs-nav-item a:hover{ 

}
.featured li.ui-tabs-selected, .featured li.ui-tabs-active { 
 
}
.featured ul.ui-tabs-nav li.ui-tabs-selected a, .featured ul.ui-tabs-nav li.ui-tabs-active a{ 

}

.featured ul.ui-tabs-nav li.ui-tabs-selected .ring1m {}
.featured ul.ui-tabs-nav li.ui-tabs-active .ring1m {}


.featured .ui-tabs-panel{ 
 position:relative;
}
.featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 


}
.featured .ui-tabs-panel .info a.hideshow{

}
.featured .info h2{ 

}
.featured .info p{ 

}
.featured .info a{ 

}
.featured .info a:hover{ 

}
.featured .ui-tabs-hide{ 
	display:none; 
}

.ui-widget-content {
    border: none !important;
    background: transparent !important;

}

.ui-tabs .ui-tabs-panel {
    padding: 0em !important;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.8em !important;
}

.ui-widget-header {
    border: none !important;
    background: transparent !important;
    color: #000 !important;
    font-weight: normal !important;
	font-size: 0.6em !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
}

.owl-cs-proizvodi-ne img {
    width: 50%;
    height: 50%;
    float: left;
}
.ikona-boja-cs {
    width: 60px;
}

.colorescience-odbor {
    text-align: left;
    background-image: -webkit-radial-gradient(circle, #252626, #323434);
    background-image: radial-gradient(circle, #252626, #323434);
    background-repeat: no-repeat;
    background-size: 100% 100%;
	color: #495057;
    font-size: 1.1em;
    padding-top: 3%;
    padding-bottom: 3%;
    background: #FFFFFF;
}



.colorescience-odbor h1 {
color: #fff !important;
line-height: 36px;
font-size: 2.4em;
}

.colorescience-odbor h2 {
    color: #00677f !important;
    font-size: 1.8em;
    line-height: 30px;
    font-weight: 600;
        margin-top: 10px;
    margin-bottom: 10px;
}

.colorescience-odbor h3 {
color: #ABCED0 !important;
font-size: 1em;
line-height: 24px;
margin-bottom: 10px;
text-transform: none;
}

.tekst-odbor {
height: 790px;
}

.colorescience-poc-ostalo.cscrno h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    line-height: 1.9em;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
margin-bottom: 2px;
}

.colorescience-poc-ostalo.cscrno h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;

}

.iskustva-tablica {
    color: #fff;
    background-color: #18657E;
    border-bottom: 1px solid;
    width: 100%;
}

.iskustva-tablica th {
padding-left: 30px !important;
}

.iskustva-colorescience {
padding-left: 28px;
}

h2.iskustva-colorescience {
    color: #18657E !important;
}

.slika-prije-poslije-cs {
margin: 0 auto;
width: 400px;
height: 370px;
display: block;
}

.iskustva-visina {
min-height: 360px;
}





ul.podizbornik-am {margin:0; padding:0;}
ul.podizbornik-am li {display:inline; list-style-type:none; margin:0 16px 0 0px;padding: 6px 10px;}
ul.podizbornik-am li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}
ul.podizbornik-am li:hover {
    background-color: #005695 !important;
}
ul.podizbornik-am li a:hover {
    background-color: #005695 !important;
}

ul.podizbornik-am-pac {margin:0; padding:0;}
ul.podizbornik-am-pac li {display:inline; list-style-type:none; margin:0 20px 0 20px;padding: 6px 10px;}
ul.podizbornik-am-pac li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}
ul.podizbornik-am-pac li:hover {
    background-color: #005695 !important;
}
ul.podizbornik-am-pac li a:hover {
    background-color: #005695 !important;
}

.aquamid-naslov {
    padding: 4px;
    background-color: #005695;
    color: #fff;

}

.aquamid-naslov-tekst {
    background-color: #F5F5F5;
    color: #000000;
    padding: 20px;
    border: 1px solid #ddd;
}


h2.aquamid-naslov {
    font-size: 1.9em !important;
    margin: 0 0 0 0;
    font-weight: 400;
    text-align: left;
    text-decoration: none !important;
    line-height: 1.4em;
}

h2.aquamid-naslov a {
    color: #fff;
}

.aquamid-rub {
border: 1px solid #fff;
    padding: 12px;
}


h1.aquamid-naslov {
    font-size: 1.9em !important;
    margin: 0 0 0 0;
    font-weight: 400;
    text-align: left;
    text-decoration: none !important;
    line-height: 1.4em;
}

.aquamid-tekst p {
font-size: 1em;
line-height: 2em;
color: #005695;
}


h3.pitanja-aquamid {
    color: #005695;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: inherit;
}


h1.pitanja-aquamid {
    color: #005695;
    font-size: 2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: inherit;
}

.btn-aquamid:hover {
    background-color: #95B3D7;
    border-color: #95B3D7;
    color: #fff;
}

.btn-aquamid {
    background-color: #005695;
    border-color: #005695;
    color: #fff;
    float: right;
}

.btn-aquamid-pitanja:hover {
    background-color: #95B3D7;
    border-color: #95B3D7;
    color: #fff;
}

.btn-aquamid-pitanja {
    background-color: #005695;
    border-color: #005695;
    color: #fff;
}

h4.pitanja-aquamid {
    color: #005695;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: inherit;
}

.btn-aquamid-pocetna:hover {
    background-color: #95B3D7;
    border-color: #95B3D7;
    color: #fff;
}

.btn-aquamid-pocetna {
    background-color: #9EA9C4;
    border-color: #fff;
    color: #fff;
}

ul.podizbornik li.podizbornik-submenu-am {
  position: relative;
}
ul.podizbornik .podizbornik-proizvodi-am {
  display: none;
  position: absolute;
  top: 31px;
  z-index: 1001;
}


ul.podizbornik .podizbornik-proizvodi-am .am-kategorije {
  background-color: #fff;
  border-top: 5px solid #005695;
  border-right: 1px solid #D1D2D4;
  border-bottom: 1px solid #D1D2D4;
  border-left: 1px solid #D1D2D4;
  box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
  padding-bottom: 10px;
}
ul.podizbornik .podizbornik-proizvodi-am .am-kategorije h4 {
  margin-top: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  color: #005695;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
  padding-bottom:8px
}
ul.podizbornik .podizbornik-proizvodi-am .am-kategorije h4 a.am-vidisve {
  color: #000;
  font-size: 0.7em;
  float: right;
}
ul.am-subsub {
  padding: 5px 0 0 0;
  margin: 0;
}
ul.am-subsub li {
  display: block;
  margin: 0;
  padding: 0 5px;
}
ul.am-subsub li:hover {
  background-color: transparent;
}
ul.am-subsub li a {
  color: #005695;
  line-height: 22px;
  font-size: 0.9em;
  letter-spacing: 0em;
}
ul.am-subsub li a:hover {
  color: #fff;
  font-weight: 500;
}

ul.am-subsub a li {
  color: #005695;
  line-height: 22px;
  font-size: 0.9em;
  letter-spacing: 0em;
}
ul.am-subsub a li:hover {
  color: #fff;
  font-weight: 500;
}


.aquamid-opis p {
    font-size: 2em;
    line-height: 1.7em;
    color: #005695;
    font-family: 'Slabo 27px', serif;
}

.aquamid-opis p span {
    font-family: 'Pinyon Script', cursive;
	font-size: 2.2em;
	font-weight: 400;
}


.o-aquamidu-zadnja {
background: url('https://rozi-step.hr/images/aquamid/o-nama-aquamid-12-01.jpg') center center no-repeat;
    background-size: cover;
    padding: 2% 4% 2% 4%;
    color: #fff !important;
    font-size: 1.2em;
}


.trokut-kategorije {
    position: relative;
    height: 385px;
    padding: 18px 24px 24px 18px;
    margin-bottom: 18px;
    background: transparent url(https://rozi-step.hr/slike/trokut-kategorije-02.png) no-repeat top right;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.trokut-kategorije h5 {
    font-size: 2em;
    text-transform: none;
    line-height: 32px;
    margin: 0px 24px 16px 0;
    color: #adc9e8;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

.trokut-kategorije h6 {
    font-size: 1.16em;
    text-transform: none;
    letter-spacing: -1px;
    line-height: 18px;
    margin: 0px 0 10px 0;
    color: #adc9e8;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}


.trokut-kategorije p {
position: absolute;
top: 268px;
padding-right: 50px;
line-height: 21px;
}


.zo-product-box .zoproduct_line {
    color: #2C318D;
    font-weight: 600;
    padding: 6px;
    font-size: 14px;
}


.zo-product-box .zoproduct_line-zm {
    color: #2C318D;
    font-weight: 600;
    padding: 6px;
    font-size: 14px;
}

.btn-news-zsh {
    margin-bottom: 0;
    border: 0px solid transparent;
    padding: 0px 18px;
    margin-left: -3px;
    margin-top: -2px;
    font-size: 2.6em;
    background: #1C3F94;
}

.btn-news-zsh i {
color: #fff;
}

input.mail-polje {
    width: 70%;
    padding: 10px;
    margin-top: 10px;
}

.newsletter-tekst h4 {
    text-shadow: 0px 0px 0px #000;
    color: #000 !important;
}

.newsletter-header {
padding-left: 70px;
}

.newsletter-tekst-header {
    margin-top: 25px;
}

.newsletter-tekst-header h4 {
    text-shadow: 0px 0px 0px #000;
    color: #5897c3 !important;
    line-height: 20px;
    font-weight: 300;
    margin: 0 0 10px 0;
}
.suglasnost {
    margin-top: 5px;
}
.suglasnost #freeform_suglasnost {
    border: 1px solid #eee;
}

input.mail-polje-header {
    width: 160px;
    padding: 6px;
    margin-top: 00px;
}


.btn-news-zsh-header {
    margin-bottom: 0;
    border: 0px solid transparent;
    padding: 0px 16px;
    margin-left: -4px;
    margin-top: -2px;
    font-size: 1.93em;
    background: #1C3F94;
}

.btn-news-zsh-header i {
    color: #fff;
}

h4.prije-poslije {
    padding: 4px 0px;
    box-shadow: none;
    border-bottom: 1px solid #1C3F93;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

.prije-col {
padding-right: 0px !important;
}

.poslije-col {
padding-left: 0px !important;
}

.izbornik-aktivacija-dolje {
    margin: 0 auto;
    display: block;
    margin-left: 15px;
    text-align: left;
}


.zshp-prije-poslije {
    color: #929BA6;
    font-family: Oswald,sans-serif;
    font-size: 1.7em;
    line-height: 2.4em;
    font-weight: 300;
    padding: 12px 16px;
    text-align: right;
    background: #fff;
    display: block;
    border: 1px solid #ddd;
    border-bottom: 0px solid #fff;
}

.zshp-prije-poslije img {
    max-width: 140px;
    height: auto;
}

.prije-poslije-ispod {
    border: 1px solid #ddd;
    border-top: 0px solid #fff;
    padding: 0px 10px 6px;
    font-family: Oswald,sans-serif;
    min-height: 92px;
}

.prije-poslije-sivo {
    width: 90px;
    text-align: center;
    padding: 8px 12px 4px;
    color: #fff;
    background: #989898;
    float: left;
    font-size: 1.16em;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.prije-poslije-sivo p {
	line-height: 21px;
    margin: 6px 0px;
}

.prije-poslije-sivo p span {
    font-weight: 900;
    font-size: 2.1em;
}

.tekst-prije-poslije {
    padding: 6px 12px 6px;
}

.tekst-prije-poslije p {
	line-height: 21px;
	margin: 0 0 6px;
}


.zshp-fullgray-btn {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 1.7em;
    background-color: #989898;
    line-height: 1.7em;
    font-weight: 300;
    padding: 10px;
    display: block;
    text-align: center;
}

.zshp-fullgray-btn:hover {
    color: #fff;
}

.zshp-white-btn {
    color: #000;
    font-family: Oswald,sans-serif;
    font-size: 1.7em;
    background-color: #fff;
    line-height: 1.7em;
    border: 1px solid #000;
    font-weight: 300;
    padding: 9.26px;
    display: block;
    text-align: center;
}

.zshp-white-btn:hover {
    color: #000;
}

.btn-zoskinhealth-gray {
    background-color: #989898;
    border-color: #989898;
    color: #fff;
}

.header-voe {
padding: 8px 0px 8px;
float: right;
}

.header-voe a {
font-weight: 700;
font-size: 12px;
padding-right: 2px;
padding-left: 2px;
}

.header-search .btn-default {
    color: #0b3966;
}

.header-search {
    float: right;
    margin-top: 0px;
    margin-bottom: 26px;
    margin-left: 0px;
}

.header-search .form-control {
    width: 300px;
    background: #ffffff;
    color: #000;
    border: 1px solid #000;
    border-radius: 0px !important;
}

.header-search .btn-default {
    background: transparent;
    border: 0 none;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.col-md-2-5 {
    position: relative;
    height: 110px;
    width: 20%;
    padding: 0px;
}

.col-md-2-5 a {
    position: relative;
    height: 110px;
    width: 20%;
    padding: 36px 90px;
}

.col-md-2-5 li a {
    position: relative;
    height: 110px;
    width: 20%;
    padding: 0px;
}

.izbornik-voe-1 {
    background: #f2f1ef;
}

.izbornik-voe-1 img {
    margin: 0 auto;
    display: block;
    padding: 36px;
}

.izbornik-voe-2 {
    background: #eceae7;
    color: #1a171b;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.izbornik-voe-3 {
    background: #e5e2df;
    color: #1a171b;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.izbornik-voe-3 .padding-voe-izbornik {
    padding: 42px 30px 42px;
}


.izbornik-voe-4 {
    background: #D3D3D3;
    color: #1a171b;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.izbornik-voe-5 {
    background: #dfdbd7;
    color: #1a171b;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.izbornik-voe-5 .padding-voe-izbornik {
    padding: 42px 30px 42px;
}

a .izbornik-voe:hover {
background: #fff;
}

#content3 h3 {
    margin-top: 50px;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
}

#content3 h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    margin: 15px auto 15px auto;
    text-align: center;
    height: 46px;
    padding: 8px 12px 0px;
}

#content3 p {
    margin: 5px 0;
    text-align: center;
}

#content3 img:hover {
    opacity: 0.7;
}

.btn-voe {
    display: inline-block;;
    margin: 0 auto;
    font-size: 14px;
    bottom: 10px;
    width: 80%;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 10px 25px;
    border: 3px solid #1a171b;
    font-weight: 600;
    text-decoration: none;
    display: block;
}

.btn-voe:hover {
    background: #1a171b;
    color: #e5e2df;
    cursor: pointer;
}

.proizvod-voe-sadrzaj {
	min-height: 180px;
}

.container-fluid-voe {
    max-width: 1440px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    
}

.banner-home .btn-voe {
    border-color: #FFF;
    background: transparent;
    color: #fff;
    width: 70%;
}

.banner-home .btn-voe:hover {
    background: #fff;
    color: #222;
}


.banner-home h2 {
    font-size: 23px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0;
    color: #fff;
}

.banner-home {
    text-align: center;
}

.banner-home p {
    font-size: 15px;
    margin: 1em 0;
    line-height: 1.4em;
    color: #fff;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.voe-sadrzaj-cont h1 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
}

.voe-sadrzaj-cont p {
	font-size: 15px;
    line-height: 1.4em;
}


hr.simpleblack {
    background: #000;
    border: 0 none;
    height: 1px;
    margin: 16px 0;
}

.voe-sadrzaj-cont h2 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    margin: 0 0 20px;
}

.bg-content-about {
    display: inline-block;
    width: 100%;
    max-width: none;
    margin-right: 1%;
    text-align: left;
    padding: 40px 40px;
    vertical-align: top;
    font-weight: 300;
    text-decoration: none;
    background: #e1dcd8;
    color: #000;
}

.bg-content-about h3 {
    font-size: 1em;
    font-weight: 600;
    margin: 1em 0;
}

.bg-content-about ul {
    padding: 0 0 0 40px;
    margin: 1em 0;
}

.bg-content-about ul li {
    font-size: 15px;
    line-height: 1.4em;
}

.slim-tekst-slika {
    position: absolute;
    width: 30%;
    padding: 40px;
    text-align: center;
    right: 30px;
}

.slim-tekst-slika img {
    margin: 0 auto 20px;;
}

.voe-sadrzaj-cont .info {
    background: #e5e2df;
    padding: 30px 25px;
    box-sizing: border-box;
    height: 110px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.voe-sadrzaj-cont .info p {
    font: 700 14px/19px 'Poppins', serif;
    color: #1a171b;
    text-decoration: none;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
}

img.slik-slika:hover {
	opacity: 0.7;
}

.main-navigation li.super-light .sub-menu, .main-navigation li.light .sub-menu, .main-navigation li.dark .sub-menu, .main-navigation li.super-dark .sub-menu, .main-navigation li.super-light .sub-menu a, .main-navigation li.light .sub-menu a, .main-navigation li.dark .sub-menu a, .main-navigation li.super-dark .sub-menu a {
    background: #f7f6f5 !important;
    z-index: 300;
}

.main-navigation .sub-menu {
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.34);
}

.main-navigation .sub-menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    min-width: 100%;
    margin: 0;
}

.main-navigation .sub-menu > li {
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    background: #f7f6f5;
}

.main-navigation .sub-menu > li {
    width: auto;
    padding: 0.5em 0.5em 0.5em 1em;
}

.main-navigation li.super-light .sub-menu, .main-navigation li.light .sub-menu, .main-navigation li.dark .sub-menu, .main-navigation li.super-dark .sub-menu, .main-navigation li.super-light .sub-menu a, .main-navigation li.light .sub-menu a, .main-navigation li.dark .sub-menu a, .main-navigation li.super-dark .sub-menu a {
    background: #f7f6f5 !important;
    z-index: 300;
}

.main-navigation .sub-menu > li a {
    text-align: left;
}

.main-navigation .sub-menu > li > a {
    display: block;
    padding: .25em 0;
    min-height: 0;
}

.main-navigation ul, .main-navigation ol {
    list-style: none;
    list-style-image: none;
}

.header-izbornik-voe ul {
    width: 100%;
    float: left;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header-izbornik-voe ul li {
    width: 100%;
    float: left;
    display: inline;
    list-style-type: none;
    position: relative;
    text-transform: none;
    text-align: center;
}

.header-izbornik-voe ul li ul li a {
    z-index: 300;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    text-align: left !important;
}

.header-izbornik-voe ul li ul li a:hover {
    color: #222;
    font-weight: 600;
}

.header-izbornik-voe ul li ul li {
    display: block;
    width: 100%;
    padding: 15px 0px;
    color: #fff;
    font-weight: bold;
    z-index: 30;
    background: #fff;
}

.header-izbornik-voe ul li ul {
    display: none;
    margin-top: -2px;
}

.header-izbornik-voe ul li:hover >ul {
display:block
}

.izbornik-voe:hover {
    background: #fff !important;
}

.izbornik-voe-2 .padding-voe-izbornik {
   padding: 32px 50px;
}

.izbornik-voe-4 .padding-voe-izbornik {
   padding: 32px 50px;
}

h3.naslov-proizvod {
    font: 600 12px/18px 'Poppins', serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
}

.voe-sadrzaj-cont h2.podnaslov-category {
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 28px;
    margin: -6px 0 24px;
}

h1.naslov-slim {
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 21px;
    padding: 0 0 10px 0;
    font-family: 'Poppins', serif;
    letter-spacing: 0.02em;
    border-bottom: 1px solid;
    margin: 0 0 0px !important;

}

.voe-opis .product-description .title {
    float: left;
    display: inline;
    width: 30%;
}

.voe-opis .product-description .date {
    float: right;
    display: inline;
    width: 65%;
    text-align: right;
}

img.colorProducto {
    border-radius: 10px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.voe-opis .product-description {
    width: 75%;
}

.voe-opis .clearfix {
    display: block;
}

.voe-opis hr {
    height: 1px;
    border-top: 1px solid #eee;
    margin: 12px 0 12px 0;
}

.voe-opis p {
    font-size: 15px;
    line-height: 1.2em;
    margin: 16px 0;
    color: #1a171b;
}

a.download-voe, .download-voe {
    color: #000;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    padding: 12px 10px;
    background: #e1dcd8;
    font-family: 'Poppins', serif;
    font-size: 12px;
    height: 47px;
    margin-right: 4px;
    vertical-align: bottom;
}

a.download-voe span, a.download-voe img, .download-voe span, .download-voe img {
    display: inline-block;
    vertical-align: middle;
}

a.download-voe::after {
    content: "›";
}

.slika-kategorija-parent {
height: 480px;
}

div.slider-container div.tekst-voe-rotator {
    color: #000;
    font-size: 1.26em !important;
    text-align: center;
    margin-top: 20px !important;
    font-weight: 700;
}


div.slider-container div.tekst-voe-rotator-bijeli {
    color: #fff;
    font-size: 1.26em !important;
    text-align: center;
    margin-top: 20px !important;
    font-weight: 700;
}

.za-lijecnike-dolje {
    background: #F1F0F0;
    padding: 16px 24px;
    line-height: normal;
    margin-bottom: 30px;
    height: 145px;
}

.za-lijecnike-dolje .zshp-entryh1-blog {
    line-height: 1.2em;
    margin-bottom: 2px;
    height: 70px;
    letter-spacing: normal;
    font-size: 1.7em;
}

.za-lijecnike-dolje h4.zo-indexh4 {
    color: #000;
    font-family: Oswald,sans-serif;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 20px;
    font-size: 1.3em;
    letter-spacing: 0.1px;
}

.cs-boja-izbornik {
	background: #18657E !important;
}

.colorescience-korporativne li {
    color: #00677f;
}

.responsive-videoyt {position: relative;padding-bottom: 56.25%;padding-top: 60px; overflow: hidden;}

.responsive-videoyt iframe,
.responsive-videoyt object,
.responsive-videoyt embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

ul.podizbornik-skinpen {margin:0; padding:0;}
ul.podizbornik-skinpen li {display:inline; list-style-type:none; margin:0 20px 0 20px;padding: 6px 10px;}
ul.podizbornik-skinpen li a {color:#fff;line-height: 31px;letter-spacing: 0.02em;}
ul.podizbornik-skinpen li:hover {
    background-color: #005695 !important;
}
ul.podizbornik-skinpen li a:hover {
    background-color: #005695 !important;
}


.prednostipoc-box{-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-count:2;-moz-column-count:2;column-count:2;width: 100%; margin: 0 auto;}
.container-list{display:flex}
.info-list li{list-style:none;display:inline-flex;padding:10px 0;}
.info-list li > div{display:inline-block;border-radius:100%;width:30px;height:30px;display:flex;color:#fff;align-items:center;justify-content:space-around;margin-right:40px;}
.info-list li > div img {height: 70px; width: auto;margin-top: 20px;}
.info-list li p b {color: #00a9b8}

#txtzo .sastavcls {display: none;}
#txtzo .sastavbtncls {background: #eee;padding: 5px;display: inline-block;cursor: pointer;}
#txtzo .sastavbtncls:after {content: "\f107";font-family: FontAwesome;font-style: normal;font-weight: 700;line-height: 1;padding: 5px;margin: 0 0 0 5px;font-size: 1em;}
#txtzo .sstvgmb:after {content: "\f106" !important;}

.zoimage-bg {width: 100%;height: calc(100vh - 325px);background-color: #f2f2f2;text-align: center;/*padding: 50px 0;*/display: flex;align-items: center;justify-content: center;overflow: hidden;}
.zoimage-bg .owl-theme .owl-controls {position: absolute;top: 50%;left: 10px;margin-top: -26px;display: block;width: 26px;text-align: left;}
.zoimage-bg .owl-theme .owl-controls .owl-page {display: block;}
.zoimage-bg .owl-theme .owl-controls .owl-page span {margin: 7px 7px;}
.zoimage-bg a {display: inline-block;}
.zoimage-bg img {/*max-height: 40vh;*/width: auto;}
.zomb5 {margin-bottom: 5px;}
.zorazmaktop {height: 50px;}
.zopvise {display: block;padding-top: 5px;}
.zopvise a {text-decoration: underline;}
.zo-upariti-okvir {position: relative;display: flex;width: 100%;height: auto;padding: 25px 0;align-items: flex-start;flex-direction: column;}
.zo-upariti-okvir .uparisa {flex-grow: 1;padding: 10px;box-sizing: border-box;outline: 1px solid #d7d1ca;outline-offset: -5px;}
.zo-upariti-okvir .uparisa a:focus {color: #000;}
.zo-upariti-okvir .uparisa .uparipr {width: 100%;display: flex;justify-content: center;align-items: center;}
.zo-upariti-okvir .uparisa .uparipr .upariimg {padding: 20px;}
.zo-upariti-okvir .uparisa .uparipr .upariimg img {max-width: 90px;max-height: 90px;height: 100%;width: 100%;}
.zo-upariti-okvir .uparisa .uparipr .uparitxt {order: 2;flex-grow: 1;}
.zo-upariti-okvir .uparisa .uparipr .uparitxt h3 {color: #000;font-family: Oswald,sans-serif;font-size: 1.6em;font-weight: 400;letter-spacing: normal;line-height: 24px;margin-top: 5px;margin-bottom: 5px;text-transform: none;}
.zo-upariti-okvir .uparisa .uparipr .uparitxt p {line-height: 22px;}
.zoproduct-bg div.tabs ul.nav-tabs a {border: 1px solid #818183;background: #818183;font-family: Oswald,sans-serif;}
.zoproduct-bg div.tabs ul.nav-tabs a, .zoproduct-bg div.tabs ul.nav-tabs a:hover {border-top: 1px solid #aaa;font-size: 1.8em;}
.zoproduct-bg div.tabs ul.nav-tabs a, .zoproduct-bg div.tabs ul.nav-tabs a:hover {color: #fff;}
.zoproduct-bg div.tabs ul.nav-tabs li.active a {border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}
.zoproduct-bg div.tabs ul.nav-tabs li.active a:hover {color: #000;}
.zom0auto {margin: 0 auto;}
.zshp-ostali2new ul {list-style: none;}
.row.zouptnk {display: flex;align-items: center;background: #F1F0F0;}
.zouptnkstrng {font-weight: 700;}
#vertical-menu.vmnew h5 {background-color: #1C3F93;color: #fff;font-family: Oswald,sans-serif;font-size: 1.7em;line-height: 1.7em;font-weight: 300;padding: 10px;display: block;text-align: center;border-bottom: 1px solid #fff;}
div#vertical-menu.vmnew h5 div.zshcat {display: block;}
#vertical-menu.vmnew h6 {width: 100%;}
.block {display: block;}
.zotab1content img {max-width: 1000px;margin: 0 auto;}
@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
hr.dark {border-bottom: 1px solid #000;}
.zopspform form {align-items: center;display: flex;flex-direction: column;justify-content: flex-start;padding: 50px 0;animation: 0.7s ease-out 0s 1 slideInFromRight;}
.zopspform p.adddesc {text-align: justify;}
.zopspform p > label {font-family: Oswald, Sans-serif;font-size: 2.3em;line-height: 1.2em;font-weight: 400;color: #0a0f9e;text-transform: uppercase;cursor: text;text-align: center;margin-bottom: 20px;}
.zopspform ul, .zopspform input[type="text"] {display: flex;flex-direction: column;width: 100%;align-items: stretch;flex-wrap: wrap;align-content: center;}
.zopspform ul {max-width: 300px;}
.zopspform input[type="text"] {max-width: 300px;font-size: 14px;}
.zopspform ul#pspinpt li {display: flex;}
.zopspform input[type="submit"] {margin: 30px auto 0;display: block;color: #fff;font-family: Oswald,sans-serif;font-size: 1.7em;line-height: 1.7em;font-weight: 300;padding: 10px 60px;text-align: center;border: 0;background-color: #0a0f9e;}
.zopspform input[type="submit"]:disabled, .zopspform input[type="submit"][disabled] {color: #7E8081;}
.zopspform .zopspback {text-align: center;display: block;font-size: 11px;color: #7E8081;text-decoration: underline;}
.zopspform .koraci {line-height: 30px;color: #0a0f9e;display: flex;margin-top: 30px;border-bottom: 1px solid #0a0f9e;}
.zopspform .koraci span {flex: 1;text-align: center;padding: 0.5rem 0;}
.zopspform .koraci span.active {border-bottom: 3px solid #0a0f9e;margin-bottom: -2px;}
.zopspform input[type="radio"], .zopspform input[type="checkbox"] {margin: -4px 0 0;}

.euro-cijena {display: inline-block;font-size: 0.9em;line-height: 22px;margin-left: 10px;}


.zsh-headbanner {color: #000;width: 100%;position: relative;height: auto;background-repeat: no-repeat;background-color: #0a0f9e;margin-bottom: 30px;}
.zsh-headbanner .text-block {width: 100%;height: 100%;padding: 25px;position: relative;text-align: center;display: flex;flex-direction: column;justify-content: center;align-content: flex-start;}
.zsh-headbanner .text-block .collection-desc, .zsh-headbanner .text-block .collection-title {text-align: left;}
.zsh-headbanner .collection-title {font-size: 60px;line-height: 72px;letter-spacing: 0;text-shadow: 0 0 10px white;font-family: Oswald,sans-serif;font-weight: 300;margin: 0;}
.zsh-headbanner .collection-title.style-light, .zsh-headbanner .collection-desc.style-light {color: #fff;text-shadow: 0 0 10px darkblue;}
.text-center {text-align: center;}
.zohead {height: 35px;}
.zoheadlogo {margin: auto;}
#nav2 {background: #fff;}
ul.podizbornik-zsh li a {line-height: 40px;font-size: 25px;color: #0a0f9e;font-family: Oswald,sans-serif;letter-spacing: .29px;}
ul.podizbornik-zsh > li:first-child, ul.podizbornik-zsh > li:last-child {width: 14.4%;display: inline-block;margin: 0;padding: 0;border: 0;vertical-align: top;position: static;}
ul.podizbornik-zsh > li:nth-child(2) {width: 35%;display: inline-block;margin: 0;padding: 0;border: 0;vertical-align: top;position: static;}
ul.podizbornik-zsh > li:nth-child(3) {float: right;width: auto;display: inline-block;margin: 0;padding: 0;border: 0;vertical-align: top;position: static;}
ul.podizbornik-zsh > li:nth-child(4) {float: right;width: auto;margin: 0 41px;padding: 0;}
ul.podizbornik-zsh > li:last-child {float: right;width: auto;}
ul.podizbornik-zsh > li:nth-child(3), ul.podizbornik-zsh > li:last-child {text-align: right;}
ul.podizbornik-zsh > li:first-child a {padding-left: 15px;}
ul.podizbornik-zsh > li:last-child a {padding-right: 8px;}
ul.podizbornik-zsh li:hover {background-color: transparent;}
ul.podizbornik-zsh > li:hover > a {text-decoration: underline;}
ul.podizbornik-zsh .podizbornik-proizvodi-zsh {top: 40px;left: 0;}
ul.podizbornik-zsh .podizbornik-proizvodi-zsh .zsh-kategorije {background-color: #fff;border-top: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #fff;box-shadow: none;padding: 30px 15px 30px 30px;background: hsla(0,0%,100%,.9);}
ul.podizbornik-zsh li ul.zsh-subsub li a {font-size: 16px;line-height: 22px;letter-spacing: 0;font-weight: 300;padding-left: 0;}
.container.podizbornik-proizvodi-zsh {width: 100vw !important;}
ul.podizbornik-zsh > li p.zoprot {padding-top: 5px;}
ul.podizbornik-zsh > li a.zoprota {display: block;padding-left: 0;}
ul.podizbornik-zsh > li img.zoprotimg {vertical-align: top;}
.zoprdcta:focus {text-decoration: none;}
.zoprdct {padding: 60px 30px;text-align: center;}
.zoprdct img {max-width: 70%;margin: 0 auto 60px;}
.zoprdct h3.zsh {font-family: Oswald,sans-serif;margin-top: 15px;margin-bottom: 10px;font-size: 26px;line-height: 30px;font-weight: 300;letter-spacing: .25px;text-transform: uppercase;height: 30px;overflow: hidden;}
.zopn {margin-bottom: 10px;height: 44px;overflow: hidden;line-height: 22px;display: flex;justify-content: center;}
.zoprc {height: 23px;}
.zodetbtnoko {height: 45px;max-width: 300px;margin: 0 auto;text-align: center;}
.zodetbtn {color: #fff;background: #0a0f9e;line-height: 45px;width: 100%;}
.zoprdcta .zodetbtn {display: none;}
.zoprdcta:hover .zodetbtn, .zoprdcta:focus .zodetbtn {display: block;}
.zofootnew {background: #0a0f9e;color: #fff;border-top: 1px solid #fff;margin-top: 30px;}
.zofootnew .footer-social img {filter: grayscale(1) invert(1);}
.zofootnew .btn-news-zsh {background: #000;}
.zofootnew .btn-news-zsh i {color: #fff;}
.zofootnew .newsletter-tekst h4 {text-shadow: none;color: #fff !important;}
.zofootnew .foot-naslov {color: #fff;}
.zofootnew div.footer-copyright {background: #0a0f9e;color: #fff;}
.zofootnew .fcinner {background: #0a0f9e;color: #707b85;}
.zsh-headbanner.dark {color: #fff;background-color: #0a0f9e;}
.zsh-headbanner.dark .text-block .collection-desc, .zsh-headbanner.dark .text-block .collection-title {text-align: center;margin-top: 20px;}
.zsh-headbanner.dark .collection-title {color: #fff;text-shadow: none;}
button.btn-responsive-nav-zo {display: none;}
ul.podizbornik-zsh li .fa-angle-down {display: none;}
.nav-main-collapse-zo {box-shadow: 0 2px 2px -2px rgb(0 0 0 / 20%);}

.awards-landing-page .awards-wrapper .award-article {
    position: relative;
    margin-bottom: 30px;
}
.awards-landing-page .awards-wrapper .award-article .image-wrapper .award-image {
    display: flex;
}
.awards-landing-page .awards-wrapper .award-article .image-wrapper .award-image img {
    width: 100%;
}
.awards-landing-page .awards-wrapper .award-article .award-hover-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px 26px;
    transition: opacity .1s;
    background-color: hsla(0,0%,94.9%,.82);
}
.awards-landing-page .awards-wrapper .award-article .award-hover-wrapper .award-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.awards-landing-page .award-hover-wrapper .award-info .award-info-wrapper .award-title {
    color: #0a0f9e;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: .29px;
    font-family: Oswald,sans-serif;
}
.awards-landing-page .awards-wrapper .award-article .award-hover-wrapper .award-info .award-info-wrapper .award-year {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #7e8081;
}
.awards-landing-page .awards-wrapper .award-article .award-hover-wrapper .award-info .award-info-wrapper .award-content {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.awards-landing-page .award-hover-wrapper .award-info .award-info-wrapper .learn-more {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 1px;
    color: #0a0f9e;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
}
.awards-landing-page .award-hover-wrapper .award-info .award-info-wrapper .learn-more a {
    color: #0a0f9e;
    text-decoration: underline;
}
.awards-landing-page .awards-wrapper .award-article .award-hover-wrapper .award-cta-wrapper .award-cta {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    line-height: 43px;
    outline: 1px solid transparent;
    padding: 0 15px;
    border-radius: 0;
    transition: background .45s,color .45s,border .45s;
    -moz-transition: background .45s,color .45s,border .45s;
    -webkit-transition: background .45s,color .45s,border .45s;
    -ms-transition: background .45s,color .45s,border .45s;
    -o-transition: background .45s,color .45s,border .45s;
    background: #0a0f9e;
    color: #fff;
    display: block;
    border: none;
    font-size: 13px;
    letter-spacing: 1.8px;
}


.clinical-proof-page-head .subheadline {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: none;
}
.clinical-proof-page-head .page-content-nav h2 {
    color: #fff;
    margin: 35px 35px 0;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    font-weight: 600;
}
.clinical-proof-page-head .page-content-nav {
    display: flex;
    margin: 0 auto;
}
.clinical-proof-page .title {
    color: #0a0f9e;
    font-family: Oswald,sans-serif;
}
.clinical-proof-page .content {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.clinical-proof-page .clinical-proof-module-c .system-title {
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: .29px;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}
.clinical-proof-page .clinical-proof-module-c .description {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 10px;
}
.clinical-proof-page .clinical-proof-module-c .mobile-extra-copy {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
}
.clinical-proof-page .clinical-proof-module-c .content-inner {
    display: flex;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.clinical-proof-page .clinical-proof-module-c .owl-carousel-zsh-studies {
    background-color: #fff;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .split-block .block hr {
    border: 1px solid #0a0f9e;
    box-sizing: content-box;
    height: 0;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .split-block .block .title {
    width: fit-content;
    margin: 0 auto;
    display: block;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .25px;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .split-block .block .content h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .29px;
    margin-bottom: 0;
    font-family: Oswald,sans-serif;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .split-block .block .content li {
    font-size: 14px;
    line-height: 20px;
    list-style: disc;
    padding: 0;
    margin: 0;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .split-block .item .product-name {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .29px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}
.clinical-proof-page .clinical-proof-module-c .content-inner .product-info-wrapper {
    text-align: center;
}


.press-page .press-img {
    background: #f7f7f7;
    padding: 0;
    display: flex;
}
.press-page .press-img img {
	margin: auto;
}
.press-page .article {
	margin-bottom: 30px;
    text-align: center;
}
.press-page .article-title {
    padding-top: 5px;
    font-size: 20px;
    color: #0a0f9e;
    font-family: Oswald,sans-serif;
    margin: 10px 0 0 0;
    letter-spacing: -0.5px;
}
.press-page .article-title a {
	color: #0a0f9e;
}
.press-page .date {
    color: #7e8081;
    margin: 4px 0;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.press-page .press-releases h2 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    padding-bottom: 30px;
}
.press-page .article p {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
    font-weight: 400;
}



.blog-articles .article {
    text-align: left;
}
.blog-articles .article-tag {
    padding: 0;
}
.blog-articles .article-tag a {
	font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.blog-articles .article-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .25px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-family: Oswald,sans-serif;
    height: 60px;
    overflow: hidden;
}
.blog-articles .article .read-more {
    text-decoration: underline;
    display: block;
    padding-bottom: 30px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-weight: 400;
}
.well-zoverticalmenu.zsh-blog-smaller-new {
    background-color: #fff;
}
.well-zoverticalmenu.zsh-blog-smaller-new h4 {
    padding: 0;
    color: #000;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: Oswald, Sans-serif;
}
.zsh-blog-smaller-new #vertical-menu h5, .zsh-blog-smaller-new #vertical-menu2 h5 {
    line-height: 1.4em;
    background-color: #fff;
    padding: 0;
    margin: 0;
    border-bottom: 0;
}
.zsh-blog-smaller-new #vertical-menu a {
	color: #000;
    font-weight: 400;
}
.blog-article-page .article {
    padding-top: 50px;
}
.blog-article-page .article .back {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
}
.blog-article-page .article-tag {
	color: #7e8081;
	font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.blog-article-page .article-tag a {
	color: #7e8081;
	font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.blog-article-page .article-title {
    font-size: 42px;
    line-height: 54px;
    letter-spacing: .25px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-family: Oswald,sans-serif;
}
.blog-article-page .article .tagdark {
    color: #000;
    display: block;
    font-weight: 600;
}
.blog-article-page .article .article-find-physician {
    text-align: center;
    padding: 50px 0;
}
.blog-article-page .article-find-physician a {
    text-transform: uppercase;
    color: #000;
    text-decoration: underline;
}
.blog-article-page .blogimgmarg {
	margin: 0 auto 20px;
}


.zopocowl .block-container {
    display: flex!important;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #000;
}
.zopocowl .absolute-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-color: #d7d1ca;
    background-repeat: no-repeat;
}
.zopocowl .inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 1;
    padding: 20px 20px 60px;
    width: 100%;
    margin: 0 auto;
}
.zopocowl .inner-wrapper .subheadline {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0;
}
.zopocowl .inner-wrapper .headline {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    font-family: Oswald,sans-serif;
}
.zopocowl .inner-wrapper .description {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0;
}
.zopocowl .cta-wrap {
    margin-top: 15px;
}
.zopocowl .cta-wrap a.cta-1 {
    background: #0a0f9e;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #0a0f9e;
    outline: 1px solid transparent;
    padding: 0 15px;
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 1.8px;
    font-weight: 400;
}
.zopocowl .theme-dark, .zopocowl .theme-dark .inner-wrapper .headline, .zopocowl .theme-dark .inner-wrapper .subheadline {
	color: #fff;
}
.zopocowl .theme-dark .cta-wrap a.cta-1 {
    background: #fff;
    border: 1px solid #fff;
    color: #0a0f9e;
}
.sectionheadline {
	font-size: 42px;
    line-height: 54px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    text-align: center;
}
.anti-diversion-module-f {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.anti-diversion-module-f .background-image {
    width: 100%;
}
.anti-diversion-module-f .background-image img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.anti-diversion-module-f .content-block {
    max-width: 580px;
    margin: 0 auto;
    padding: 0 10px;
    position: absolute;
    left: 0;
    right: 0;
}
.anti-diversion-module-f .section-title {
    color: #0a0f9e;
    font-size: 42px;
    line-height: 54px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    font-family: Oswald,sans-serif;
    text-align: center;
}
.anti-diversion-module-f .cta {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 43px;
    outline: 1px solid transparent;
    padding: 0 15px;
    border-radius: 0;
    transition: background .45s,color .45s,border .45s;
    -moz-transition: background .45s,color .45s,border .45s;
    -webkit-transition: background .45s,color .45s,border .45s;
    -ms-transition: background .45s,color .45s,border .45s;
    -o-transition: background .45s,color .45s,border .45s;
    background: #0a0f9e;
    color: #fff;
    border: none;
    width: 212px;
}
.zopocblog {
    display: flex;
    padding: 100px 40px 40px;
    max-width: none;
    margin: 0 auto;
    flex-direction: row;
    width: 100%;
}
.zopocblog .headline {
    font-family: Oswald,sans-serif;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #0a0f9e;
    text-align: center;
    margin: 0;
    padding-bottom: 20px;
}
.zopocfunc {
    padding: 70px 0;
}
.zopocfunc .container {
    text-align: center;
    padding-bottom: 30px;
}
.zopocfunc .container .subheadline {
    padding-bottom: 0;
    margin: 0;
}
.zopocfunc .container .headline {
    font-size: 42px;
    line-height: 54px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    margin: 0;
    font-weight: 400;
}
.zopocfunc .zopocfuncslider .item {
    position: relative;
    margin: 0 10px;
}
.zopocfunc .zopocfuncslider img {
    display: block;
    max-width: 100%;
}
.zopocfunc .zopocfuncslider .item .title {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    z-index: 2;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0;
    font-family: Oswald,sans-serif;
    margin: 0;
    text-transform: uppercase;
}
.zopocfunc .zopocfuncslider .item .text-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    z-index: 2;
    font-weight: 600;
}
.zopocfunc .zopocfuncslider .item .cta-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px;
    background: rgba(10,15,158,.75);
    opacity: 0;
    visibility: hidden;
}
.zopocfunc .zopocfuncslider .item .cta-wrap .cta-link-2 {
    text-transform: uppercase;
    color: #fff!important;
    text-decoration: underline;
}


.zopocabout {
    padding: 80px 20px;
    background-color: #fff;
    text-align: center;
}
.zopocabout .block-container {
    max-width: 768px;
    margin: auto;
}
.zopocabout .subheadline {
    margin: 0 0 40px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-weight: 400;
}
.zopocabout .headline {
    color: #0a0f9e;
}
.zopocabout .body-font-5 {
    font-size: 33px;
    line-height: 51px;
    letter-spacing: 0;
    margin: 0;
    font-family: 'Playfair Display',serif;
    font-style: italic;
}
.zopocabout .author {
    margin: 30px 0 50px;
    color: #0a0f9e;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-weight: 400;
}
.zopocabout .cta-link-1 {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    font-weight: 400;
    text-decoration: underline;
}
.zopocforyou {
    background: #f7f6f4;
    margin-top: 2px;
}
.zopocforyou .collection-title {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 55px;
    font-size: 44px;
    line-height: 47px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.okoimgres img {max-width: 100%;height: auto !important;}
#vertical-menu .toggle {display: none;font-size: 13px;line-height: 27px;min-height: 27px;min-width: 27px;text-align: center;float: right;margin-top: -40px;color: #0a0f9e;cursor: pointer;}

.zobrsrdl {text-align: center;}
.zobrsrdl img {margin: 0 auto 30px;border: 1px solid #e6e6e6;}


/* revitalash */

.mainlogo img.ribica {display: inline-block;}
body.sticky-menu-active header#shopify-section-header {top: -105px;}

.grid-item{position:relative}
.grid-item__link{display:block;width:100%}
.grid-item__top{background:var(--color-gray-light-80);position:relative;transition:all .3s var(--cubic)}
.grid-item__top::after{content:"";display:block;padding-top:125%}
.grid-item__tag{color:var(--color-off-black);letter-spacing:0;line-height:1.2;position:absolute;top:15px;left:15px;z-index:2}
.grid-item__image{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;transition:all .3s var(--cubic);width:100%;height:100%}
.grid-item__image--hover{opacity:0}
.grid-item__bottom{padding:8px 0 0}
.grid-item__vendor{color:var(--color-gray-dark);line-height:1.2;letter-spacing:normal;margin-bottom:2px}
@media(max-width: 599px){
.grid-item__vendor{font-size:14px}
}
.grid-item__title{letter-spacing:normal;margin-bottom:5px}
@media(max-width: 599px){
.grid-item__title{font-size:14px}
}
.grid-item__price{letter-spacing:normal}
@media(max-width: 1024px){
.grid-item__price{font-size:14px !important}
}
.blog-item{position:relative}
.blog-item__top{position:relative;transition:all .3s var(--cubic)}
.blog-item__top::after{content:"";display:block;padding-top:75%}
.blog-item__image{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}
.blog-item__bottom{padding:8px 0 0}
.blog-item__vendor{color:var(--color-gray-dark);line-height:1.2;letter-spacing:1.12px;margin-bottom:3px;text-transform:uppercase}
.blog-item__title{letter-spacing:normal;margin-bottom:5px}
@media(max-width: 599px){
.blog-item__title{font-size:14px;line-height:1.5}
}

.zopocowl.rlpocowl .inner-wrapper .headline {
	color: #000;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-family: 'Chronicle Display', serif;;
    font-weight: 400;
    font-style: italic;
    letter-spacing: .01em;
    font-size: 44px;
    line-height: 1.3;
}
.zopocowl.rlpocowl .inner-wrapper .description {
	font-family: Roboto, sans-serif;
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0;
}
.zopocowl.rlpocowl .cta-wrap a.cta-1 {
    background: #000;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #000;
    outline: 1px solid transparent;
    padding: 0 15px;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: .32px;
    font-weight: 400;
	font-family: Roboto, sans-serif;
}
.zopocowl.rlpocowl .cta-wrap a.cta-1:hover {
    background: #fff;
    color: #000;
}
.clrblck {color: #000000;}

.rlfoot {
    background: #000;
    color: #fff;
    border-top: 1px solid #fff;
    margin-top: 30px;
}
.rlfoot .newsletter-tekst h4 {
    text-shadow: none;
    color: #fff !important;
}
.btn-news-rl {
    margin-bottom: 0;
    border: 0px solid transparent;
    padding: 0px 18px 0 21px;
    margin-left: -3px;
    margin-top: -3px;
    font-size: 2.6em;
    background: #D8D8D8;
    min-width: 50px;
    height: 40px;
}
.btn-news-rl i {
    color: #000;
}
.rlfoot .foot-naslov {
    color: #fff;
}
.rlfoot div.footer-copyright {
    background: #000;
}
.rlfoot .fcinner {
    background: #000;
}
section.instagram-owl {
    padding: 0 0 100px;
}
.instah2 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}

.heroImpact-impact {
    background-image: url('https://rozi-step.hr/slike/U6-header-desktop.jpg');
}
.heroEternallyPink {
    background-image:url('https://rozi-step.hr/slike/U7-header-desktop_8b4cc56a-4d30-41c8-a56c-8d0e4fcf114e.jpg');
}
.heroImpact-prod {
	background-image:url('https://rozi-step.hr/slike/revitalash-proizvodi.jpg');
}

.container-wide {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.zoprdct .zoznacke, .zoimage-bg .zoznacke, .padding-slika-proizvod .zoznacke {position: absolute;right: 17%;top: 60px;z-index: 2;}
.zoprdct .zoznacke img, .zoimage-bg .zoznacke img, .padding-slika-proizvod .zoznacke img {max-width: 80px;margin: 0 5px 0 0;}