/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.paddingowl {padding-top:50px}
#slidebox-red {background: #AE0001;width: 100%;height: auto;padding: 15px;border: 0;margin-bottom: 20px;}
#slidebox-red p {color:#ffffff}
#slidebox-red a, #slidebox-red a:hover, #slidebox-red a:focus {color: #ffffff}

h2.index {font-size: 29px;font-weight: 500;line-height: 34px;margin: 0 0 20px 0;}
h2.about {font-size: 29px;text-transform: none;margin-bottom: 10px;line-height: 24px;height: 48px;overflow: hidden;color: #c21229;font-weight: 500;letter-spacing: normal;}
h2.book-n1 {font-size: 1.6em;line-height: 24px;margin: 0 0 15px 0;text-transform: uppercase;font-weight: 700;color: #39393b;letter-spacing: normal;} 
h3.book-n2 {font-size: 29px;text-transform: none;margin-bottom: 10px;line-height: 24px;height: 48px;overflow: hidden;color: #c21229;font-weight: 500;letter-spacing: normal;}
.book-opis p {color: #686767;line-height: 31px;font-size: 18px;font-weight: 300;}

.blur {  height: 200px;  width: 100%;  margin: -716px auto;  z-index: 20;  position: relative;  filter: blur(5px);  -webkit-filter: blur(5px);  -moz-filter: blur(5px);  -o-filter: blur(5px);  -ms-filter: blur(5px);  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');overflow: hidden;transition-delay: 0.1s;}
.blur:after {content: '';height: 100%;width: 100%;background: rgba(255, 255, 255, .1);position: absolute;}
.blur img {position:absolute;left: -100%;right: -100%;top: 255%;bottom: 0%;margin: auto;min-height: 100%;min-width: 100%;}

.blur2 {  height: 200px;  width: 100%;  margin: 5px auto;  z-index: 20;  position: relative;  filter: blur(5px);  -webkit-filter: blur(5px);  -moz-filter: blur(5px);  -o-filter: blur(5px);  -ms-filter: blur(5px);  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='10');overflow: hidden;transition-delay: 0.1s;}
.blur2:after {content: '';height: 100%;width: 100%;background: rgba(255, 255, 255, .1);position: absolute;}
.blur2 img {position:absolute;left: -100%;right: -100%;top: 255%;bottom: 0%;margin: auto;min-height: 100%;min-width: 100%;}


.rot-citat {color:#fff;}
.rot-citat-in {background:rgba(194, 18, 41, 0.85) none repeat scroll 0 0 !important; border-radius:100%; width:370px; height:370px; padding:120px 80px 50px 45px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 5px 20px 0px rgba(50, 50, 50, 0.15);
box-shadow:         0px 5px 20px 0px rgba(50, 50, 50, 0.15);
}
.rot-citat-tekst {font-weight:300; font-size:24px; color:#fff;    white-space: initial;    font-style: italic; 300}
.rot-citat-autor {font-weight:400; font-size:14px; color:#fff;    font-style: italic;    text-align: right;}

.noradi {border-radius:0 !important}
.margin0auto {margin:0 auto}
.font-normal {font-weight:normal}
.fonts12em {font-size:1.1em}
.padding15 {padding:15px}
.margin0 {margin:0}
.inline {display:inline}
.pomak-lijevo {float:left}
.nopadding-izbornik {padding:0}


.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px; border-radius:0}
.breadcrumb {color:#c21229;background:transparent}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:inline-block; max-width:100%; height:auto;}
.glavna-tekst blockquote {display: inline-block;}
h4.detaljna {font-size: 1.2em;font-weight: 500;letter-spacing: normal;line-height: 27px;margin: 0 0 14px 0}


.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}

success_message2 p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li {padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

.slika-card {display:inline-block !important;}

/* Cookie skripta */

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



/* SPECIFIC */

body {color:#422d18;}
p {color:#422d18;}


body.sticky-menu-active #header.transparent.semi-transparent.light {    background: rgba(194, 18, 41, 0.6);}
body.sticky-menu-active.always-sticky {    padding-top: 0px !important;}
body.sticky-menu-active  {    padding-top: 0px !important;}
#header {padding: 8px 0 30px 0;}
#header .header-top ul.nav-top li a {padding: 4px 6px;}

#header.transparent.semi-transparent.light {border-top: 5px solid #c21229;background: rgba(194, 18, 41, 0.6);}
body.sticky-menu-active #header.transparent {top:0px}
body.sticky-menu-active #header.flat-menu .header-top    {display:     block;}

#header.flat-menu > .container {margin-bottom: -120px;}
.nav-pills > li > a {border-radius:0px}
#header.flat-menu nav ul.nav-main > li.active > a {    color: #fff !important;background-color: #c21229 !important;}
#header.flat-menu nav ul.nav-main li a {    padding-top: 10px;padding-bottom: 10px;margin-left: 0;margin-right: 0;}
#header.flat-menu nav ul.nav-main > li > a {border-top:0}
#header.flat-menu nav ul.nav-main > li:hover > a, #header.flat-menu nav ul.nav-main > li > a:hover {color: #fff !important;background-color: #c21229 !important;}
#header.flat-menu nav ul.nav-main li.dropdown:hover > a {    padding-bottom: 5px;}
.nav > li > a:hover, .nav > li > a:focus {background: transparent}
#header.flat-menu nav ul.nav-main ul.dropdown-menu {margin:1px 0 0 0}

.flag {width: 22px;height: 22px;}
.flag-us {background:url(https://simpsonramadur.com/slike/english.png) no-repeat !important}
.flag-es {background:url(https://simpsonramadur.com/slike/espanol.png) no-repeat !important}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {    background-color: transparent;border-color: transparent;}
.dropdown-menu {padding: 5px;    border: 0;border-radius: 0;}
#header nav ul.nav-top2 li a {color:#777777 !important}
#header nav ul.nav-top li i.fa.fa-caret-down  {color:#ffffff !important}

.icon-01 {background:url(https://simpsonramadur.com/slike/face-izbornik.png) no-repeat !important}
.icon-02 {background:url(https://simpsonramadur.com/slike/twitter-izbornika.png) no-repeat !important}
.icon-03 {background:url(https://simpsonramadur.com/slike/youtube-izbornik.png) no-repeat !important}
.icon-04 {background:url(https://simpsonramadur.com/slike/pinterest-izbornik.png) no-repeat !important}
.icon-05 {background:url(https://simpsonramadur.com/slike/instagram-izbornik.png) no-repeat !important}


@media (min-width: 992px) {
	#header.flat-menu .header-top {margin-top: 20px;}
	#header .logo a {top:-85px !important;}
	#header .logo {transition:none;}
	#header .logo.logo-sticky-active a {top:-102px !important}
	#header.colored > .container {height: 98px; margin-bottom:-101px;}
	body.sticky-menu-active #header.flat-menu ul.nav-main {    margin-top: 0;}
    body.sticky-menu-active #header.flat-menu ul.nav-main > li > a, body.sticky-menu-active #header.flat-menu ul.nav-main > li:hover > a {    padding-bottom: 10px;padding-top: 10px;}
}


a.sivi, a.sivi:hover, a:active, a:focus {	color: #39393b;}


#header nav ul.nav-top li a, #header nav ul.nav-top li span {    color: #ffffff;font-size: 1.0em;}
#header nav ul.nav-main li a {font-weight:600; font-size:17px;    padding: 10px 25px;}
#header.clean-top .header-top {border-bottom:0;}
#header .header-top {min-height:63px; padding-top:8px;}
#header.flat-menu nav ul.nav-main li > a, #header.flat-menu nav ul.nav-main li.active > a {color: #fff;}

#header-cart {display:inline;}

.page-header {background:url(https://simpsonramadur.com/slike/pozadina-detaljne.png)  0 0 repeat; border-top:none;border-bottom:5px solid #c21229;    min-height: 385px;padding: 0 0 20px 0;}
.page-header h1 {font-size: 3em; line-height: 50px; font-weight:400;border-bottom:0}
.page-header h2 {
    border-bottom: 5px solid #ccc;
    color: #fff;
    display: inline-block;
    font-size: 3em;
    font-weight: 400;
    line-height: 50px;
    margin: 0 0 -25px;
    min-height: 37px;
    padding: 0 0 17px;
    position: relative;
    border-bottom-color: #ae0001}
.page-header .breadcrumb a { color: #fff;}
.page-header .breadcrumb {margin: 84px 0 0;color:#ffffff}

.rot-naslov {color:#c90001 !important; font-family: Great Vibes; font-size:75px;}
.rot-podnaslov {color:#fff; font-size:36px; font-style:italic; font-weight:300;}

#footer {background:url(https://simpsonramadur.com/slike/footer-pozadina.png)  top center no-repeat; background-size:cover; margin-top:0; padding: 60px 0 0; line-height:19px; border-top:0px}
#footer p {color:#ffffff; line-height:19px;font-size: 14px;font-weight: 100;}

#footer .onama {margin-right:15px;}
#footer .kontaktborder {
background-image: url(https://simpsonramadur.com/slike/footerborder.png);
background-repeat: no-repeat;
background-position: center left;}

#footer .kontakt {margin-right:10px; margin-left:30px;}
#footer .footer-copyright {background: rgba(80, 5, 14, 0.83); padding: 20px 0 10px 0; border-top:none; margin-top:0}
#footer .footer-copyright p {color:#ffffff;font-size:13px;    margin: 25px 0 0 0;}
#footer .footer-copyright a {color:#ffffff !important;}
#footer .footer-copyright a:hover {color:#ffffff !important;}
#footer .footer-copyright nav ul { margin: 25px 0 0 0;}
#footer .footer-copyright nav ul li {    border-left: 1px solid #ffffff}
.footh5 {font-size:22px; line-height:30px; text-transform:none; font-weight:100;margin: 0 0 20px 0;}
.footh5 span {font-weight:600}
#footer h5 {color:#fff !important}
.foot-oko {}
.foot-tekst {}
span.foot-naslov {font-size:14px; font-weight:600;color: #ffffff;}


.newsfield {font-weight: 300 !important;color: #4b4b4b !important;border: 0 !important;background: #ffffff;font-size: 18px;font-style: italic;height: 57px;padding: 6px 12px 6px 25px}
.newsfield::-webkit-input-placeholder {color: #4b4b4b;}
.newsfield:-moz-placeholder {color: #4b4b4b;}
.newsfield::-moz-placeholder {color: #4b4b4b;}
.newsfield:-ms-input-placeholder { color: #4b4b4b;}
.newsbutton {padding: 16px 23px;font-weight: 600 !important;font-size: 17px;}
.newsbutton-es {padding: 17px;font-weight: 600 !important;font-size: 16px;}

#etalage .etalage_description {background: #ae0001;color:#fff}
.darkbrownbg {background:#422d18;}
.dost-call-pokloni {padding:20px; height:120px; font-weight:300; font-size:13px;}


.selections {background:url(https://simpsonramadur.com/slike/light-pattern.png)  0 0 repeat;}
.dost-call-holder {margin-top:-40px; position: relative; z-index: 1;}

.pozadina-kontakt {background:url(https://simpsonramadur.com/slike/pozadina-contact.png)  center center no-repeat; background-size:cover;}
.pozadina-kontakt p {font-size:18px; line-height:31px}

.pozadina-blog {background:#f5f5f5; padding: 80px 0 70px 0}
.inspiration {font-size: 1.6em;line-height: 24px;margin: 0 0 15px 0;text-transform: uppercase;font-weight: 700;color: #39393b;letter-spacing: normal;} 
.inspiration-naslov {font-size: 29px;text-transform: none;margin-bottom: 10px;line-height: 24px;height: 48px;overflow: hidden;color: #c21229;font-weight: 500;letter-spacing: normal;}
.inspiration-uvod {color:#686767; font-size:18px; line-height:31px}
.oko-bloga {padding: 23px 23px 50px 23px; background:#fff}
.blog-kanal {font-size:18px; font-style:italic;color:#c21229}
.blog-naslov {font-size:18px;color:#39393b;font-weight:600;height: 45px;overflow: hidden;margin: 10px 0;}
.blog-tekst {font-size:14px;color:#707070; margin:0;line-height:22px;height: 69px;overflow: hidden;}
.blog-tekst p {color:#707070}


.pozadina-citati {background:url(https://simpsonramadur.com/slike/pozadina-citati.png)  top center no-repeat; background-size:cover; }
.oko-citat {   padding: 100px 0 70px 0;}
.pozadina-citati p {font-size:23px; line-height:30px}
.testimonial.testimonial-style-3 blockquote p {font-size:22px; color: #fff;font-weight: 100;text-align: left;line-height: 30px;margin:0;font-style: italic;}
.testimonial.testimonial-style-3 blockquote p strong {font-weight: 600;}
.testimonial.testimonial-style-3 blockquote p span {font-size:18px; text-transform:uppercase;     float: right;color: #fff;font-family: Open Sans;font-weight: 100;}
.testimonial.testimonial-style-3 blockquote {background: transparent !important;border-radius: 4px;padding: 22px 30px 45px 85px;}
.testimonial blockquote:before {content:url(https://simpsonramadur.com/slike/citat-quote.png);line-height:2; left:25px}
.testimonial blockquote:after {display:none}

.connect-naslov {font-size:18px;color:#39393b;font-weight:600;margin: 0 0 18px 0;}
.connect-tekst {font-size:14px;color:#707070; margin:0;line-height:22px;min-height: 69px;overflow: hidden;}
.connect-oko {background:#fff; padding: 23px 23px 33px 23px}



.pozadina-newsletter {background:url(https://simpsonramadur.com/slike/pozadina-newsletter.png)  top center no-repeat; background-size:cover;padding:80px 0;    border-bottom: 1px solid #7e050e; }
.newsletter-naslov {font-size:25px;color:#ffffff;font-weight:600;margin: 0 0 18px 0;}
.newsletter-tekst {font-size:18px;color:#ffffff; margin:0 0 10px 0;line-height:22px;font-weight:100}

.sidebar {background:#f5f5f5; padding:20px}
.connect-naslov h4 {font-size: 18px;font-weight: 600;letter-spacing: normal;line-height: 22px;margin: 0 0 18px 0;text-transform: uppercase;color:#39393b}


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

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

#forgpass-trigger {
    cursor: pointer;
}


.control-group input[type="text"], .control-group input[type="email"], .control-group input[type="password"] {
    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:100%;
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus, .control-group input[type="password"]: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,  .control-group input[type="password"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


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

.shop {margin-top:0; background:url(https://simpsonramadur.com/slike/pozadina-bg-01.png)  center center no-repeat; background-size:cover }


.shop ul.products {padding:30px 15px}

.product-thumb-info {border-radius:0; border:0;}
.product-thumb-info .product-thumb-info-image:before {border-radius:0;}
.product-thumb-info img {border-radius:0;}
.product-cart-icon {width:auto !important;}
.product-box-cijena {color:#ae0001; font-size:16px; line-height:34px;}

.product-thumb-info-content {background:#f6ebcb;}
.productulbg {background:transparent; float:left; width:100%}

.product-thumb-info-content p {line-height:20px; height:40px; overflow:hidden; margin-bottom:5px;}

h3.product-title {font-size:20px; text-transform:none; margin-bottom:10px; line-height:24px; height:48px; overflow:hidden;}
h3.product-title a {text-decoration:none;}

.product-iframe {}
.product-left {padding: 0; width: 450px; margin-right:40px;}
.product-right {padding: 0; width: 450px;}


.table-cijena {width:100%}
.cijena-left {font-weight:700; font-size:18px; background:#f1f1f1; border-right:1px solid #fff; text-align:center; width:20%; padding:23px 5px;}
.cijena-right {background:#f1f1f1; padding:23px 10px 23px 20px;}
.zacijenu {font-weight:700; font-size:24px; color:#ae0001;}

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

.modifier-select, .modifier-select2 {
    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;

}

.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;
    width:61px;
    text-align:center;

}

.nedostupno {cursor:not-allowed;}
.dodajinfor {position:relative;}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {
    border-color: #ae0001 !important;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    border-radius: 0;
    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: #ae0001;
	background-color: #ae0001;
    color: #fff;
}

.store_product_out_of_stock {display:none;}

.proizvod-h2 {font-size:30px; font-weight:600; color:#ae0001}



.notification {background: #ffffff;border:1px solid #47a447;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;
    min-width: 350px;
    max-width: 80%;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:#47a447;margin: 0;padding: 10px;font-size: 16px;line-height: 16px;font-weight: bold; color:#fff;}

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



.superNotice
{
    position:absolute !important;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index: 1000;
    margin-top: 70px;
    top: 30% !important;
    right: 44% !important;
}

.fancybox-skin .superNotice {top: 20% !important; right: 30% !important;}

.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://simpsonramadur.com/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;   
}


.povezani-naslov {font-weight:600;}

.play-izdv {border: 1px solid rgba(166, 166, 166, 0.4);}
.play-izdv:hover {border: 1px solid rgba(166, 166, 166, 0.6)}



ul.payment-steps {float:left; width:100%; margin-top:1px; margin-bottom:30px; padding:0; list-style-type:none; background:#AE0001; border-bottom:1px solid #A97C3C; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:20%; text-align:center; padding:10px 0; background:#e34b4c; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#AE0001; font-weight:bold;}
ul.payment-steps li.active:after {background:#AE0001; border:solid #A97C3C; 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%
}

table.valignmid tr td {
    vertical-align: middle;
}


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

.cartbg {background-color: #fff;margin-bottom: 35px;padding-bottom: 15px;}
.nomargin {margin:0}
.cart-input-kom {width:60px; float:left; height:30px; padding-left:5px; border:1px solid #ccc;}
.cart-input-promocode {float:left; height:30px; margin-right:5px; padding-left:5px; border:1px solid #ccc; font-weight:normal; font-size: 12px; width: 175px;}
.width320px {width:320px; font-size:17px}
.shop table.cart tr.subtotal th, .order table tr.subtotal th {border-top: 1px solid #DCDCDC;}
.shop table.cart tr.adjustments td, .order table tr.adjustments td {border-top: 1px solid #fff;}
.order table tr.subtotal2 th {border-top: 1px solid #DCDCDC; padding:4px 8px;}
.order table tr.adjustments2 td {border-top: 1px solid #fff; padding:1px 8px;}
tr.cart-sveukupno th {border-bottom: 1px solid #DCDCDC}
.cart-order-footer {line-height:24px;}
table.cart-order-footer tr td {padding: 0 5px;}
table.cart tbody tr.cart-items td {border-bottom: 1px solid #DCDCDC}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #fffaf2; text-decoration: none;}
.noborder {border:0}
.fonts13n {font-size:13px; font-weight:normal;}
.bordertop0 {border-top:0}
.empty-cart {margin: 90px 30px 70px;}
.cart-img {float:left; margin-right:5px;}
.shop table.cart img {width: 70px}
.cartnew .page-header {margin: 0 0 35px 0}
.error .help-block {color: #cc0000}
.well-iframe {min-height: 20px;padding: 15px 20px 15px 15px;margin-bottom: 20px;background-color: #fff;}
.well-warning {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}
.well-success {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}

.pagination > .active > a,
body.dark .pagination > .active > a {

	border-color: #ae0001;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover {
	border-color: #c80001;

}


hr.toright
{
background: -moz-linear-gradient(left,  rgba(193,152,94,1) 0%, rgba(193,152,94,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,152,94,1)), color-stop(100%,rgba(193,152,94,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(193,152,94,1) 0%,rgba(193,152,94,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(193,152,94,1) 0%,rgba(193,152,94,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(193,152,94,1) 0%,rgba(193,152,94,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(193,152,94,1) 0%,rgba(193,152,94,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1985e', endColorstr='#00c1985e',GradientType=1 ); /* IE6-9 */
}


hr.toleft
{
background: -moz-linear-gradient(left,  rgba(193,152,94,0) 0%, rgba(193,152,94,0) 1%, rgba(193,152,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,152,94,0)), color-stop(1%,rgba(193,152,94,0)), color-stop(100%,rgba(193,152,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(193,152,94,0) 0%,rgba(193,152,94,0) 1%,rgba(193,152,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(193,152,94,0) 0%,rgba(193,152,94,0) 1%,rgba(193,152,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(193,152,94,0) 0%,rgba(193,152,94,0) 1%,rgba(193,152,94,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(193,152,94,0) 0%,rgba(193,152,94,0) 1%,rgba(193,152,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1985e', endColorstr='#c1985e',GradientType=1 ); /* IE6-9 */
}


.kratkiopis table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}
.kratkiopis table > thead > tr > th, .kratkiopis table > tbody > tr > th, .kratkiopis table > tfoot > tr > th, .kratkiopis table > thead > tr > td, .kratkiopis table > tbody > tr > td, .kratkiopis table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}



.kratkiopis table {width:100% !important}
.kratkiopis table tbody tr td {border-left:1px solid transparent; border-right:1px solid transparent;}


.kratkiopis table > tbody > tr:last-child {border-bottom:1px solid #ddd;}


.kratkiopis table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}
.kratkiopis table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.kratkiopis table tbody tr td:first-child {font-weight:700; width:200px;}

a.dropdown-toggle.mobile-redirect {color:#c21229 !important;    padding-left: 10px !important;padding-right: 10px !important;}
#header nav.mega-menu .mega-menu-shop {background:#ffffff; margin-right:0}
#header nav.mega-menu .mega-menu-shop .dropdown-menu {
	width: 52%;
}

.cart.table > thead > tr > th, .cart.table  > tbody > tr > th, .cart.table  > tfoot > tr > th, .cart.table  > thead > tr > td, .cart.table  > tbody > tr > td, .cart.table  > tfoot > tr > td td 
{
padding:2px 6px;
border:1px solid transparent;
}

.categorybox {border:1px solid #422d18; transition:all 0.5s}
.categorybox:hover {opacity:0.7}

.cattext {background:#ae0001; height:80px; border-top:5px solid #fff; width:100%;}

.cattext td {
    text-align: center;
    vertical-align: middle;
    height:80px; 
}

.catnaslov {line-height: 22px; font-size: 16px;}
.catnaslov a {color:#fff;}

.categoryboxizb {border:1px solid #422d18; transition:all 0.5s}
.categoryboxizb:hover {opacity:0.9}
.cattextizb {background:#ae0001; height:65px; border-top:2px solid #fff; width:100%;}

.cattextizb td {
    text-align: center;
    vertical-align: middle;
    height:65px; 
}

.catnaslovizb {line-height: 18px; font-size: 18px; font-weight:600; margin-bottom:10px;}
.catnaslovizb a {color:#fff !important; padding:0 !important;}
.catnaslovizb a:hover {background:#ae0001 !important;}

#header nav ul.nav-main .dropdown-submenu > a::after, #header nav ul.nav-main .dropdown-submenu:hover > a::after {border-left-color:#ae0001;}

.ss-result a {color:#000 !important;}
.ss-result p {line-height: 20px !important; color:#000 !important;}
p.ss-header-text {line-height:20px !important;}
p.ss-header-limit {line-height:20px !important;}
.ss-result-title  {color:#000 !important;}

ul.ss-box li.ss-header {background-color:#594127}
ul.ss-box li.ss-result a:hover {background:#F4F4F4;}

.well-simple {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
.well-warning-simple {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}
.well-success-simple {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}
.alert-darksuccess {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
    border-radius: 0;
}
.alert-darkwarning {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: #faebcc;
    border-radius: 0;
}
.alert-darkgrey {
    color: #666;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-radius: 0;
}

span.color-black {color:#333}


#header .header-top nav {float: right}

#header nav.mega-menu .mega-menu-shop .dropdown-menu {right:15px;}

#header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu#dropdowncartspecial {border-top-color:#ae0001 !important;}


.jezici a {float: left !important;display: inline !important;clear: none !important;}



@media print {
    table {width:100%}
    table thead th {border-bottom:1px solid #ddd}
}

.step4td {width:300px;}

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

.transparentbrown {background: rgba(89, 65, 39, 0.8); padding: 20px;}


.hidden {
    display: none !important;
    visibility: hidden !important;
}





.shop ul.products .product .onsale {
    border-bottom: 3px solid transparent;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
    top: -20px;
    width: 60px;
}

.shop ul.products li.product .onsale {
	background-color: #47a447;
	border-bottom-color: #3b883b;
}

.naakciji {color:#47a447}


#dobnaverifikacija, #dobnaverifikacija1 {background:rgba(0,0,0,0.8); z-index:10001}
.verifikacija {margin-top:40px; text-align:center;}
.verifikacija .btn {margin:0 8px;}
.modal {background:}
.modal-dialog {width:441px; max-width:100%;}
.modal-body {width:441px; padding:40px 0; background: #ddd; max-width:100%;}
.modal-tekst {margin-top:40px; margin-bottom:40px; text-align:center; font-weight:600; font-size:30px; line-height:40px;}


/*tablica*/
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

.tablica table > thead > tr > th, 
.tablica table > tbody > tr > th, 
.tablica table > tfoot > tr > th, 
.tablica table > thead > tr > td, 
.tablica table > tbody > tr > td, 
.tablica table > tfoot > tr > td {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#000000;
  border:1px solid #F0F0F0;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F0F0F0;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #fff ;
  background:#ca5b58 !important;}
.tablica table thead th {
  vertical-align: bottom;
     border-bottom: 1px solid #dddddd;
    color: #000;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #f0f0f0 !important;
    background: #F0F0F0 !important;
  font-family:open sans
  font-weight: 600;
  font-size: 16px;}

.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {  border-top: 0;}

.tablica table tbody + tbody {  border-top: 2px solid #F0F0F0;}

.tablica table td {border-right:1px solid #F0F0F0}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {  background-color: #F0F0F0;}

.tablica table a {color: #088b2a;font-weight: bold;}

.tablica table ul {color: #000000; margin: 0 0 0 25px}

// Responsive tables
//
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
// by enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)

  @media screen and (max-width: @screen-xs-max) {
    width: 100%;
    margin-bottom: (@line-height-computed * 0.75);
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid @table-border-color;

    // Tighten up spacing
    > .table {
      margin-bottom: 0;

      // Ensure the content doesn't wrap
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th,
          > td {
            white-space: nowrap;
          }
        }
      }
    }

    // Special overrides for the bordered tables
    > .table-bordered {
      border: 0;

      // Nuke the appropriate borders so that the parent can handle them
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th:first-child,
          > td:first-child {
            border-left: 0;
          }
          > th:last-child,
          > td:last-child {
            border-right: 0;
          }
        }
      }

      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
      // chances are there will be only one `tr` in a `thead` and that would
      // remove the border altogether.
      > tbody,
      > tfoot {
        > tr:last-child {
          > th,
          > td {
            border-bottom: 0;
          }
        }
      }

    }
  }
}

/* Video Container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
    
.bg-napomena-corvus {background-color: #f2dede;padding: 15px;color: #AE0001;}
 /*SLIDEBOX*/
#slidebox {background: #a1bc2f;width: 100%;height: auto;padding: 25px;border: 0;    margin-bottom: 20px;}
#slidebox p, a.more {font-size:13px;text-transform:uppercase;color:#fff;}
#slidebox a:hover {text-decoration: none;}
#slidebox img {max-width: 100%;height: auto;margin:0 0 20px 0;}
a.more {cursor:pointer;color:#E28409;}
a.more:hover {text-decoration:underline;}
#slidebox h2 {color:#E28409;font-size:18px;margin:10px 20px 10px 0px;}
.pop-up-naslov {float:left; font-weight:bold; font-size: 14px;margin:0 0 0px 16px;height: 40px;overflow: hidden;width: 259px;cursor:pointer;text-align:center}
.pop-up-naslov2 {float: left;font-weight: normal;margin: 0 0 20px 0;color: #fff;font-size: 22px;line-height: 26px;text-transform: uppercase;}
.pop-up-cijena {font-size:15px; color:#000000; text-align:center;float: left;margin: 0 0 0 85px;cursor:pointer}
.pop-up-vise {float: left;background: #005BAB;width: 121px;height: 36px;color: #fff;margin: 0 0 10px 81px;cursor: pointer;text-align: center;line-height: 36px;}
.pop-up-vise:hover {opacity:0.8;cursor:pointer}