/* 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;}
.clear60 {clear:both; height:60px;}


.noradi {border-radius:0 !important}

.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;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.error_message p {font-size:0.8em; color:#d2322d;}
.success_message 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;}

/* 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:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


/* SHOP */


.product-title {font-size:16px; line-height:18px; height:36px; overflow:hidden;}
.product-thumb-info .product-thumb-info-content {background:#dedede}
.product-cart-icon {width:auto !important;}
.shop-index-short {font-size:12px; line-height:16px; height:48px; overflow:hidden;}
.store_product_out_of_stock {display:none;}

.mega-menu-shop {position:static;}
#dropdowncartspecial {left: auto !important; right: 0 !important; width: 500px;}

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

.nedostupno {cursor:not-allowed;}
.naakciji {color:#47a447}

.input-quantity {width:60px}
.btn-plusminus {width:35px;}

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

.page-header h2 {
	border-bottom: 5px solid #0088cc;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	font-size: 2.6em;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}

.shop table.cart img {width: 70px;}

.cart-img {float: left; margin-right: 5px;}
.cart-input-promocode {width:200px; display:inline;}
.cart-input-kom {width:50px}

tr.cart-sveukupno th {
    border-bottom: 1px solid #DCDCDC;
}

.width320px {width:320px;}
.control-group {margin-bottom:9px}

.cartbg {
    background-color: #fff;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.alert-darkgrey {
    color: #666;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-radius: 0;
}

.fonts12em {
    font-size: 1.2em;
}

.well-simple {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}


.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: 


; 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('http://eljuga.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;   
}


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:#C1985E; 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%
}


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

/* ELJUGA STIL */
body {font-family: "Open Sans", sans-serif; background-color: #AC93CA; margin: 0 auto; overflow-x: hidden;}
html .heading-primary, html .lnk-primary, html .text-color-primary {color: #5b2d90!important; margin-top: 20px;}
.stalemate {font-family: "stalemate"; font-size: 30px;font-weight:bolder}
a:link {text-decoration: none;}
h2.entry, h2.entry a {color: #5b2d90; text-decoration: none;}
.page-header {background-color: #8C6BB3; margin-bottom: -22px; padding-top:40px;}
section.page-header h1 {padding-bottom: 40px;}
#header .header-nav-top .nav > li > a {padding: 33px; color: #5b2d90; font-size: 20px; border-radius: 0; background-color: #8c6bb3;}
#header .header-nav-top .nav > li > a:focus, #header .header-nav-top .nav > li > a:hover {background-color: #8c6bb3;}
#header .header-top {padding-top: 0; background: #AC93CA; border-bottom: 0; padding-bottom: 0;}
#header .header-nav-main.header-nav-main-square {width: 100%;}
#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {padding-top: 195px;}
#header .header-nav.header-nav-stripe nav > ul > li > a {color: #fff; font-size: 18px;}
#header .header-nav.header-nav-stripe nav > ul > li.active:not(:hover) > a, #header .header-nav.header-nav-stripe nav > ul > li.active > a:hover, #header .header-nav.header-nav-stripe nav > ul > li > a:hover {background: #8c6bb3; color: #fff;}
#header {min-height: 185px;background: url('http://eljuga.com/slike/bg-2.png'); /*background-size: cover; */ background-repeat: no-repeat; background-attachment: fixed; background-position: center top;}
.header-poc {background: url('http://eljuga.com/slike/bg-2-poc.png') ! important; background-size:cover !important;}
#header .header-body {border-top: 0; background-color: rgba(159, 129, 192, 0); height: 190px;}
#header .header-top  {background: transparent;}
html.sticky-header-active #header .header-body {background: #AC93CA; height: 100px; border: 0;}
.nav-pills>li>a {text-align: center;}
.nav_hover {margin-top: 19px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #5a2d90!important; color: #fff!important;}
.plamen {padding-bottom: 25px; visibility: hidden;}
li.active > a > img.plamen, li > a:hover > img.plamen{visibility: visible;}
li.active > a > img.plamen.plamen-off, li > a:hover > img.plamen.plamen-off{visibility: hidden!important;}
#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {background: #8C6BB3;}
#header .header-logo img {margin: 15px;}
#header .header-logo {text-align: center; //top: -65px; margin-top:-65px}
.sticky-header-active #header .header-logo {height:auto !important;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {border-bottom: 1px solid #7E5BA9!important;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > .plamen {visibility: visible;}
.lili .tekst_vijesti, .tekst_vijesti p {color:#fff;}
/*.owl-usluge-sadrzaj.tekst_vijesti.owl-usluge-sadrzaj-002.text-center, img.img-responsive.m-auto.owl-novosti-slika {width: 90%;}*/
.proizvodi-box > h3 > a, .owl-usluge-sadrzaj.owl-usluge-sadrzaj-002.text-center h4 {height: 50px;}
p.opis-novosti {height: 75px;}
.naslovna-novosti > .owl-stage-outer > .owl-stage > .owl-item {border: 1px #AC93CB solid;}


/* BANNER */
.visa {height: 307px;}
.banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {width: 100%; height: auto; display: inline; z-index: 1;}
.nopadding {padding: 0 !important; margin: 0 !important;}
.banner {padding:0; max-height: 584px; overflow: hidden;}
.banner-bg {background-color: rgba(91, 45, 144, 0.3); width: 100%; overflow: hidden; max-height: 583px; margin-top:140px;}

/* HOVER EFFECT NA BANNER */
.hovereffect {width: 100%;height: 100%;float: left; overflow: hidden; position: relative; text-align: center; background: #000;}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px;}
.overlay:hover {background-color: #5b2d90; opacity: 0.8;}
.hovereffect h2 {color: #fff;text-align: center; position: relative; font-size: 35px; overflow: hidden; padding: 0.5em 0; background-color: transparent; font-weight:400; margin-bottom: 10px;}
.hovereffect h2:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
.hovereffect a, .hovereffect p {color: #FFF; opacity: 1; text-decoration: none; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
.hovereffect a, .hovereffect p {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.hovereffect span {font-size: 60px;}
.ljubicasto {background-color: #5b2d90; opacity: 0.8;}
.border_l {border-left: 1px #ab92ca solid;}
.border_t {border-top: 1px #ab92ca solid;}
.naslov {padding-top: 40px; color: #5b2d90; font-size: 35px;}
.naslov span.stalemate {font-size: 70px;}
#footer h2 {color: #5b2d90; font-size: 20px; font-weight: 600; margin-top: -21px;}
#footer p {color: #5b2d90; font-size: 17px;}
#footer span.stalemate {font-size: 55px; font-weight: 500;}
.lili {background-color: #5b2d90; height: 264px;}
.lili .tekst_vijesti {padding: 25px;}
.lili p {color: #cfcfcf;}
.lili h4 {color: #fff;}
html .btn-secondary {background-color: #8C6BB3; border: 1px #7b5aa2 solid;}
html .btn-secondary:hover, html .btn-secondary:focus, html .btn-secondary:active:hover, html .btn-secondary:active:focus {background-color: #7b5aa2; border: 1px #6a4991 solid;}
html .btn-primary {background-color: #5b2d90; border: 1px #472173 solid; border-radius: 0;}
html .btn-primary:hover, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus {background-color: #472173; border: 1px #361062 solid; border-radius: 0;}
.btn.btn-primary.btn-lg.btn-block.noradi {background-color: #5b2d90; border: 0; color: #d3d3d3; font-size: 20px; font-weight: 300; font-family: "Open Sans", sans-serif;}
.btn.btn-primary.btn-lg.btn-block.noradi:hover, .btn.btn-primary.btn-lg.btn-block.noradi:focus {background-color: #472173; color: #e4e4e4; border:0;}
.form-control {border-radius: 0; background-color: #d3d3d3; font-style: italic; font-size: 14px}
.margina_footer p, #footer .margina_footer a:link, #footer .margina_footer a:hover, #footer .margina_footer a:focus {color: #6c3ea1;}
.social-icons li a {background-color:#ededed !important; color:#6c3ea1 !important;}
.social-icons li a:hover {background-color:#330f5c !important; color: #ededed !important;}
#footer .footer-copyright {height: 50px; text-align: center; border: 0; padding: 6px; background-color: #303030!important; margin-top:0;}
#footer .footer-copyright p {padding-top: 10px; color: #8b8b8b;}
#footer .footer-copyright a, #footer .footer-copyright a:hover, #footer .footer-copyright a:focus {color: #8b8b8b;}
#footer {background-color: rgba(159, 129, 192, 0.3); border: 0; padding-top:0; margin-top: 135px;}
.body {background-color: #AC93CA!important; border: 0; background: url('http://eljuga.com/slike/footer-bg.png') #AC93CA;background-size: cover; /*background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom;*/}

/* HORIZONTALNA LINIJA NA NASLOVIMA */
.naslov, .naslov2 {text-align: center;}
.naslov:before, .naslov:after, .naslov2:before, .naslov2:after {content: ""; display: inline-block; position: relative; vertical-align: middle; width: 50%;}
.line_left {margin-right: 20px;}
.line_right {margin-left: 20px;}
.naslov:before, .naslov2:before {right: 0.5em; margin-left: -85%; padding-right: 20px;}
.naslov:after, .naslov2:after {left: 0.5em; margin-right: -85%; padding-left: 20px;}
.footer_padding {padding-left: 60px; padding-right: 60px;}

/* PROIZVODI */
.proizvodi img {width:100%; height:auto; -webkit-transform: scale(1.05);}
.naziv-proizvoda {background:#8E63B7; color:white; height: 85px;}
.opis_grupe_proizvoda {padding-left: 40px; padding-right: 40px; padding-bottom: 40px;}
.white-bg {background: #fff url('http://eljuga.com/slike/white-bg.jpg');background-position:center;background-size:contain;background-repeat:no-repeat;padding-top:30px;}
.page-header h1 {border: 0;}
.page-header {border: 0; background: url('http://eljuga.com/slike/bg-nav-1.png') top center no-repeat;background-size:cover;}
#header .header-nav-main nav > ul > li > a.dropdown-toggle::after {content: "";}
.breadcrumb>li>a, .page-header .breadcrumb {color: #ddd;}
.breadcrumb>li {color: #ddd;}
.breadcrumb {background-color: #8C6BB3; border-radius: 0;}
.proizvodi h4 {color: #fff; padding-top:25px; font-size:14px;}
.proizvodi {padding-left: 10px; padding-right: 10px;}
.owl-usluge-sadrzaj {height:162px; background: #5b2d90; color: #fff; padding-top:15px; padding-right: 10px; padding-left: 10px; font-size:13px;}
.owl-item a:link {color: #fff;}
.proizvodi-hover {margin-bottom:40px; height:auto; width:100%; overflow:hidden;}
.proizvodi-hover:hover {box-shadow:0 0 3px #000;}
h3.naslov-ostali-proizvodi {padding-left:40px;color: #5B2D90;}
.mali-paragraf {font-size: 12px;}
.glavna-tekst.tekst-proizvoda p:first-child, p.dostupne-boje {color: #5B2D90;}
.glavna-tekst.tekst-proizvoda {display: inline-block;}
.opis_grupe_proizvoda {    padding-left: 40px; padding-right: 40px; padding-bottom: 10px; background: #B092C9; padding-top: 20px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px;}
.opis_grupe_proizvoda p {color: #fff!important;}
ul.dostupne-boje-proizvoda, p.dostupne-boje {margin-top: 20px;}
ul.dostupne-boje-proizvoda li {margin-bottom: 10px;}

/*GALERIJA*/
.owl-carousel .owl-nav [class*="owl-"]:link, .owl-carousel .owl-nav [class*="owl-"]:visited, .owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:hover {background-color:#5B2D90;border-color:#5B2D90}
.owl-carousel .owl-nav [class*="owl-"]:focus {background-color:#5B2D90;border-color:#5B2D90}
.owl-carousel .owl-nav [class*="owl-"] {background-color:#5B2D90;border-color:#5B2D90}


/*BOJE PROIZVODA */
ul.dostupne-boje-proizvoda {list-style-type:none; padding-left:0;}
.dostupne-boje-proizvoda li {display: inline-block; margin-right: 10px; height:30px; width:30px;}
li.boja-crvena {background: #cc0000; color: #cc0000;}
li.boja-ljubicasta {background: #531996; color: #531996;}
li.boja-plava {background: #0029b0; color: #0029b0;}
li.boja-zuta {background: #ffd200; color: #ffd200;}
li.boja-bijela {background: white; color:#fff;}
li.boja-zelena {background: #005c1e; color: #005c1e;}
li.boja-narancasta {background: #ff9600; color: #ff9600;}
li.boja-smeda {background: #6c4000; color: #6c4000;}
li.boja-crna {background: #000; color: #000;}
li.boja-zlatna {background: #ffd700; color: #ffd700;}
li.boja-breskve {background: #ffcc99; color: #ffcc99;}
li.boja-srebrna {background: #c0c0c0; color: #c0c0c0;}
li.boja-roza {background: #FF1493; color: #FF1493;}
li.boja-bordo {background: #4e0b0b; color: #4e0b0b;}
li.boja-bez {background: #ddcca9; color: #ddcca9;}


/*PAGINACIJA*/
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#5b2d90;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border-color:#5b2d90; background-color: #5b2d90 !important;}



/*GALERIJA */
.galerija img:hover {box-shadow: 0 0 3px #000;}
.lili-naslov {color:#5b2d90;}

/*STICKY NAV*/
html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a, html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a:hover {padding-top: 185px; height: 317px;}
html.sticky-header-active #header .header-body {height: 179px;}
html.sticky-header-active #header .header-body .plamen/*, html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a:hover > .plamen*/ {visibility: hidden;}
.sticky-menu-active .nav-img-holder {display:none !important; transition:all 1s ease;}
.nav-img-holder-rel-div {}
.nav-img-holder-ab-div {}
.nav-img-img {padding: 0 !important; background:transparent;!important;}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a img {visibility:visible;}
html .scroll-to-top:hover{background:#4a1c80;}
html .scroll-to-top{color:#fff; background:#5B2D90;}

/* PROIZVODI > KUĆICE SA GRUPAMA PROIZVODA */
.proizvodi-box > h3 > a, .owl-usluge-sadrzaj.owl-usluge-sadrzaj-002.text-center h4 {color:#fff;}
.proizvodi-box {height:264px; text-align:center; padding-top:100px;}
.proizvodi-box:nth-child(even) {background: #5b2d90;}
.proizvodi-box:nth-child(odd) {background: #D13328;}

/*O NAMA*/
.google-map-borders {border:0;}
.slika-lijevo {float:left;margin:0 15px 0 0}
.video {width: 100%;}


/* RESPONZIVNOST */

@media (min-width: 1024px) {
	#header .header-nav.header-nav-stripe nav > ul > li > a {width: 129px !important;}
}

@media (min-width: 992px) {
	#header .header-nav.header-nav-stripe nav > ul > li > a.proizvodi_nav {padding-bottom: 24px;}
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {background-color: #8c6bb3;}
	#header .header-nav.header-nav-stripe nav > ul > li > a {font-weight: 300; !important; height: 355px; padding-top: 195px;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top-color: #7E5BA9!important;}
    #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a {color: #fff;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #7E5BA9;}
}
@media (max-width: 1024px) {
	img.line_left, img.line_right {width:34%;}
    .hovereffect span {font-size:50px;}
    .hovereffect .overlay {padding-top:20px;}
}
@media (max-width: 991px) {
	.plamen {display: none;}
    #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {padding-top: 0;}
    html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a, html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a:hover {padding-top: 0; height: auto;}
    #header .header-btn-collapse-nav {position: absolute; top: -46px; left: -10px; background-color: #633894; border: 1px #88838A solid; color: #d3d3d3;}
    .nav {background: #633894; margin-bottom: 34px;}
     html.sticky-header-active #header .header-nav.header-nav-stripe nav > ul > li > a:hover, #header .header-nav.header-nav-stripe nav > ul > li:hover > a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background: #633894; color: #fff;}
     html.sticky-header-active #header .header-body {height: 0;}
     .header-container {padding: 0;}
     .nav_hover {display: none;}
    #header .header-nav.header-nav-stripe nav > ul > li > a {font-size: 12px; font-weight: 500; background: #8c6bb3;}
    #header .header-column {top: 36px; left: 0; width: 100%;}
    #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {background: #9E7FC1;}
    #header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {margin: 0 auto; text-align: center;}
    #header .header-nav-main nav > ul li a {color: #fff;}
    html.sticky-header-enabled #header .header-nav-main {max-height: 1000px;}
    {!--header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse in {top: 50px;}--}
    #header.header-mobile-nav-only .header-nav {margin: 0 auto;}
    #header .header-logo {margin: 0 auto;}
    html.sticky-header-negative.sticky-header-active #header .header-logo {display: none;}
    #header .header-body {top: -130px !important;}
    #header .header-mobile-nav-only {min-height: 1px;}
    #footer .footer-copyright {height: auto;}
    #footer .footer-copyright p {font-size: 12px;}
    #footer {margin-top: 50px;}
    .footer_padding {text-align: center;}
    .novosti-slika {margin-bottom:0 !important; width: 50%;}
    .novosti-tekst {width: 50%;}
    .col-md-3.col-sm-6.col-xs-12.nopadding.novosti-slika img {width: 100%; height: auto;}
    .ljubicasti-red-novosti {background-color: #5B2D90; height: 339px; margin-bottom: 40px;}
    h4.heading-primary {text-align: center !important;}
    aside.sidebar img {margin: 0 auto !important;}
    aside.sidebar p {text-align: justify !important;}
    aside.sidebar {text-align: center;}
    aside ul.nav-list > li > a {color: #fff; background: #A984CA;}
    aside ul.nav-list > li > a:hover {background: #733BAB; color: #fff;}
    .header-logo {top: -150px; left: -5px;}
    .main {padding-top: -140px;}
    ul#mainNav li .stalemate {font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 20px;}
    #header .header-top {top: -150px;}
    {!--header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse in {top: 50px !important;}
    #header .header-nav-main.collapsing {top: -300px;}--}
    #header.header-mobile-nav-only .header-nav {position: relative; top: -310px;}
}

@media (min-width:992px) and (max-width: 1199px) {
	#header .header-nav.header-nav-stripe nav > ul > li > a {width: 115px !important;}
}

@media (max-width: 991px) and (max-height: 800px) {
	i.fa.fa-bars {top:-108px;}
    ul.breadcrumb.mt-lg {margin-top:0 !important;}
    #header-logo {position:absolute; top: -145px; left; 35%; width: }
    section.page-header h1 {padding-bottom:0; font-size: 24px;}
	.nav .nav-pills span.stalemate {font-family:"Open Sans", sans-serif; }
    .hovereffect .overlay {padding:0; padding-top: 10px;}
    .hovereffect h2 {overflow: visible; font-size: 17px; font-weight: 300;}
    .hovereffect p {display:none;}
    .banner {max-height: 374px;}
    .novosti-slika, .novosti-tekst {margin-bottom:40px !important;}
    .col-md-3.col-sm-6.nopadding.novosti-slika img {widht: 100%; height: auto;}
    .footer_padding {padding-left: 10px; padding-right: 10px; text-align:center;}
    #footer .footer-copyright {height:auto;}
    #footer .footer-copyright p {font-size: 12px;}
    #ime {margin-bottom: 20px !important;}
    .banner-bg {margin-top: 40px;}
}

@media (max-width: 800px) and (max-height: 480px) {
	.white-bg {margin-top: 22px;}
}

@media (max-width: 768px) {
	.naslov img, img.line_left, img.line_right {display:none;}
    .banner {max-height: 374px;}
    .novosti-slika, .novosti-tekst {margin-bottom:40px !important;}
    /* .col-md-3.col-sm-6.nopadding.novosti-slika img {width: 100%; height: auto;} */
    .footer_padding {padding-left: 10px; padding-right: 10px; text-align:center;}
    #footer .footer-copyright {height:auto;}
    #footer .footer-copyright p {font-size: 12px;}
    #ime {margin-bottom: 20px !important;}
    .hovereffect h2 {font-size: 20px;}
    .banner-bg {margin-top: 40px;}
    /*#header.header-mobile-nav-only .header-nav {top: -182px !important;}*/
}

@media (max-width: 480px) {
	.banner {max-height: 230px;}
    .novosti-slika {margin-bottom:0 !important; width: 50%;}
    .novosti-tekst {width: 50%;}
    .col-md-3.col-sm-6.col-xs-12.nopadding.novosti-slika img {width: 100%; height: auto;}
    .ljubicasti-red-novosti {background-color: #5B2D90; height: 264px; margin-bottom: 40px;}
    .header-logo {top: -28px;}
    .main {padding-top: -90px;}
    {!--.header-nav-main.header-nav-main-square.header-nav-main-effect-1.header-nav-main-sub-effect-1.collapse.in {position: absolute; top: 40px;}
    .header-body {top: -125px;}--}
    .white-bg {margin-top: 19px;}
    .opis_grupe_proizvoda {margin-left:0; margin-right:0;}
    img.img-responsive.mb-lg.mr-lg.pull-left {width: 100%; height: auto; max-width: 200px;}
    #ime {margin-bottom: 20px !important;}
    {!--#header .header-btn-collapse-nav {top: -1px !important;}--}
    #header.header-mobile-nav-only .header-nav {top: -182px !important;}
    {!--header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse in {top: 50px !important;}--}
    .banner-bg {margin-top:0;}
    section.page-header h1 {font-size: 20px;}

}
@media (max-width: 399px) {
	.hovereffect .overlay {display: none;}
    .banner {max-height:150px;}
    .novosti-slika {margin-bottom:0 !important; width: 100%; height: auto;}
    .novosti-tekst {height: auto; width: 100%;}
    .footer_padding {padding-left: 10px; padding-right: 10px;}
    .ljubicasti-red-novosti {background-color: transparent; height: 500px;}
    #ime {margin-bottom: 20px !important;}
    section.page-header h1 {font-size: 18px;}
    
}
@media (max-width: 320px) {
	img.img-responsive.mb-lg.mr-lg.pull-left {margin: 0 auto !important; float: initial !important; }
    ul.dostupne-boje-proizvoda, p.dostupne-boje {text-align: center;}
    .glavna-tekst.tekst-proizvoda, .glavna-tekst.tekst-vijesti {text-align: center; margin-left: 25%; margin-right: 25%;}
    #ime {margin-bottom: 20px !important;}
    section.page-header h1 {font-size: 15px;}
}
.owl-usluge-sadrzaj.tekst_vijesti.owl-usluge-sadrzaj-002.text-center, img.img-responsive.m-auto.owl-novosti-slika{margin: 0 auto; height: auto;}

/*Za formu*/
input[name=email3] {display: none;}
input[type="text"]#email2 {display: none; }