/* Add here all your CSS customizations */

body {color:#000; font-family:'Open Sans', sans-serif; background: url('https://rozi-step.hr/slike/pocetna-bg6.jpg') center top no-repeat;}
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;}
.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;}
.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: transparent;border-top: 5px solid transparent;}
header.clean-top div.header-top {background:transparent;border-bottom: none;margin-top: -13px;padding:0;}
.htleft {color:#989fa7; font-size:1.15em; font-weight:300; line-height:30px; padding:35px 0 30px 25px;}
.htleft .icon {color:#e74c3c}
.htmid {text-align:center}
.htmid a, .htmid a:hover {font-size:1.9em; font-weight:300; line-height:120px; color:#fff; text-decoration:none;}
.htright {padding:20px 10px;}
.headertopnomargin {margin-left:0; margin-right:0;}

.navbar-collapse {padding-left:0;padding-right:0;}
header.flat-menu > div.container {height: 80px;margin-bottom: -80px;}
header nav {float: none;background:#e74c3c;}
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: top;}
header.flat-menu nav ul.nav-main li a {color:#fff; font-size:1.10em; font-weight:400; letter-spacing:0.05em; border-top:none !important; line-height:55px; padding-top:0; margin-left: 16px;margin-right: 16px;padding-bottom: 0;}
header.flat-menu nav ul.nav-main li.active > a {color:#fff; text-decoration:underline;}
header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {color: #FFF;background-color:transparent !important; text-decoration:underline;}

body.sticky-menu-active header {border-bottom:none;box-shadow:none;}
body.sticky-menu-active header.flat-menu nav ul.nav-main {margin-top: 43px;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: 0;padding-top: 0;}

.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: 0;text-align: right;
background: -moz-linear-gradient(left,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6) 10%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.1)), color-stop(10%,rgba(255,255,255,0.6)), color-stop(30%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.8) 30%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=1 ); /* IE6-9 */
}
.poc-drogerija h2, .poc-drogerija a.h2mini, .poc-drogerija p.h2mini-text {padding-right:20px;}
.poc-drogerija h2 {padding-top:40px}
.poc-drogerija .h2mini-text {margin-top: 5px;text-shadow: 0 0.1px 0 #000;}

.h2mini {font-size: 1.85em;font-weight: 300;}
.h2mini-text {font-size: 1em;font-weight: 300;line-height: 32px;text-transform: uppercase;margin-top: 25px;padding: 20px 0 30px;}
.poc-drogerijaispod {margin-bottom: 45px;margin-top: 40px;}
.imgkruglink:hover img {opacity: 0.7;}
#content2 {background: url('https://rozi-step.hr/slike/rozi-step-medikal-bg.jpg') center top no-repeat;}
.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-poc {background:#fff; margin:20px 0;}
.owl-brandovi-item-poc a img {filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.5; transition: all 0.5s ease;}
.owl-brandovi-item-poc a img:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}
.owl-theme .owl-controls {margin-top: 0}
.owl-reference-poc .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-poc .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: #2e3338;margin-top: 0;padding: 70px 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));}
.foot-naslov {text-align:center; font-size:2.1em; font-weight:300; line-height:32px; color:#fff; 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:#2E3338; 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:#262a2f; 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-bijelibg {background:#fff; padding:20px;}
.ostale-bijelibg img {display: block;max-width: 100%;height: auto !important;}
.ostale-h1 {font-weight:300; border-bottom:1px solid #888; line-height: 55px; margin:0 0 40px 0;}
.ostale-h2 {font-weight:300; font-size:1.7em; margin:0 0 16px 0; line-height:30px; color:#cc0000;}
.ostale-h2 a:link, .ostale-h2 a:visited, .ostale-h2 a:active {color:#cc0000;}
.ostale-h2 a:hover {color:#E74C3C;}
form label {font-weight: bold;}
.radio, .checkbox {margin-top: 5px;margin-bottom: 5px;}
.gmap-nopadding {padding-left:0; padding-right:0;}









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

div.slider-container {
min-height:100px;
background: rgb(103,103,103); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(103,103,103,1) 0%, rgba(139,139,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,103,103,1)), color-stop(100%,rgba(139,139,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(139,139,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(139,139,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(103,103,103,1) 0%,rgba(139,139,139,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(103,103,103,1) 0%,rgba(139,139,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#8b8b8b',GradientType=0 ); /* IE6-9 */
}
.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;
}

.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;}

.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;}
header div.header-top {min-height:45px;}

.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;}




.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: 210px;
    padding: 10px;
    margin-top: 10px;
}

.newsletter-tekst h4 {
    text-shadow: 0px 0px 0px #000;
    color: #fff !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;
}

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;
}