/* 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:inline-block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.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;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


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

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

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


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div 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%;
}

/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

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

#header {top: 50px;}

#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; font-size: 1.3em; font-weight:900; margin-top: 16px; color: #000;}
a.katalozi-link:hover {text-decoration: none;}
.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;}


.forcefullwidth_wrapper_tp_banner {
margin-top: -174px !important;
}

#header .header-body {
    min-height: 100px !important;
    border-top: 0px solid #EDEDED !important;
    border-bottom: 0px solid transparent !important;
    padding: 0px 0 !important;
    background: #00468E;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    padding: 40px 8px 40px;
    margin: 9px 0 0;
}

#header .header-logo img {
    margin: 15px 15px 15px 15px !important;
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
display: inline-block;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px !important;
    font-size: 1.1em !important;
    font-style: normal;
    font-weight: 500 !important;
}

#header .header-nav-main.header-nav-main-square {
    margin-bottom: 0px !important;
}


#header .header-nav-main {
    margin: 0px 0 0 !important;
}

.logo-column {
background: #fff;
}

#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
    color: #fff !important;
    font-weight: 700 !important;
}

#header .header-nav.header-nav-stripe nav > ul > li:hover.active > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    background: transparent !important;
    color: #fff !important;
}

#header .header-nav.header-nav-stripe nav > ul > li > a {
    color: #fff;
}

#header .header-nav.header-nav-stripe nav > ul > li:first-child a {
    padding: 40px 10px 40px 10px ;
    margin: 9px 0 0;
}

#header .header-nav.header-nav-stripe nav > ul > li:last-child a {
    padding: 40px 80px 40px 20px;
    margin: 9px 0 0;
}

.trazi {
margin-left: 40px;
}

.trazibutton {
    float: right;
    padding: 10px 12px;
    width: 18.6%;
    border: none 0;
    border-radius: 0;
    min-height: 50px;
    background: #fff !important;
    color: #555 !important;
margin-top: 25px !important;
}



.form-control.traziinput {
    height: 50px;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    width: 81.2% !important;
margin-top: 25px !important;
}
​

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #fff !important;
    font-size: 1.4em !important;
    padding: 10px 10px !important;
    display: inline-block;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
    background: transparent !important;
}

.zastave-top {
margin-left: 200px;
}

.nazovi-top {
margin-left: 90px;
}

.nazovi-tekst {
font-size: 1.6em;
color: #fff;
font-weight: 700;
float: left;
margin-top: 10px;
margin-left: 16px;
}

.nazovi-tekst span {
color: #fff;
font-weight: 400;
}


.kocka-kategorija {
    background: #fff;
    padding: 0px;
    color: #000;
    height: 80px;
    vertical-align: middle;
    font-weight: 800;
    text-transform: uppercase;
}

.kocka-kategorija {
    background: #fff;
    padding: 0px;
    color: #000;
    height: 80px;
    vertical-align: middle;
    font-weight: 800;
    text-transform: uppercase;
}

.kocka-kategorija .kategorije-slicice {
    float: left;
    background: #fff;
    padding: 0;
    border-radius: 0px;
    margin: 0 10px 0 0;
    position: relative;
    z-index: 10;
    width: 80px;
}

.kocka-kategorija .kategorije-slicice img {
    margin: 0 auto;
    display: block;
}



.col-7-custom {
    width: 14.1%;
    display: block;
    float: left;
}

.slider-container .main-label {
    color: #fff;
    font-size: 3.2em !important;
    line-height: 58px !important;
    font-weight: 900 !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15) !important;
}

.slider-container .bottom-label {
    color: #fff;
    font-size: 1.7em !important;
}

.usluge-gore {
background: #00468e;
height: 200px;
padding: 0 50px;
}

.usluge-gore-sredina {
background: #003265;
height: 200px;
padding: 0 50px;
}

.usluge-gore img {
background: #00468e;
float: left;
margin-right: 48px;
}

.usluge-gore-sredina img {
background: #003265;
float: left;
margin-right: 48px;
}

h4.gore-plavo-tekst {
    font-size: 1.3em;
    font-weight: 900;
    line-height: 27px;
    margin: 0 0 14px 0;
    color: #c9dcf0;
    text-transform: uppercase;
}

h4.gore-plavo-tekst span {
    font-weight: 300;
    margin: 0 0 14px 0;
}

h4.gore-plavo-tekst span p {
    font-weight: 300;
    margin: 0 0 14px 0;
    color: #c9dcf0;
}

.usluge-gore-zajedno {
margin-top: -200px;
}

h3.katalog-naslov {
color: #555555;
font-size: 3em;
font-weight: 900;
line-height: 52px;
margin-bottom: 20px;
}

h3.katalog-naslov span {
font-weight: 300;
font-size: 0.9em;
}

.onama-box {
    margin: 48px 0 0px 0;
    background: #00468e url(http://eshop.charvat.hr/images/slike/charvat-o-nama-bg.jpg) center center no-repeat;
    height: 450px;
    border-top: 0px;
    background-size: cover;
    padding: 60px;
}

.onama-desno {
color:#fff
}

.onama-desno-naslov a {
    color: #fff;
    line-height: 36px;
    font-size: 2.3em;
    font-weight: 900;
}

.onama-desno-naslov a:hover {
    text-decoration: none;
}

.onama-desno-naslov a span {
    color: #fff;
    font-weight: 300;
}

.onama-box p {
    margin-top: 24px;
    color: #fff;
    font-size: 0.96em;
}

#footer {
    background: #fff !important;
    border-top: 0px solid #0e0e0e !important;
    font-size: 1em !important;
    margin-top: 0px !important;
    padding: 00px 0 0 !important;
    position: relative;
    clear: both;
    color: #333333;
}

.kontakt-sredina {
margin-top: 42px;
color: #555555;
padding: 0px !important;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
color: #555555 !important;
}

h2.kontakt-naslov {
color: #555555 !important;
font-size: 1.76em !important;
border-bottom: 1px solid #ccc;
line-height: 72px !important;
margin: 0 0 28px 0 !important;
}

h2.kontakt-naslov span {
font-weight: 800;
}

.kontakt-desno {
margin-top: 50px;

}

.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 12px 26px;
    font-size: 14px;
    color: #525252;
    background-color: #eaeaea;
    border: 0px solid #ccc;
    border-radius: 0px;
    font-size: 14px;
}


.lijevo-10 {
padding-left: 10px;
}

.desno-10 {
padding-right: 10px;
}

#footer .footer-copyright {
    background: #00468e;
    border-top: 0px solid #060606;
    margin-top: 0px;
    padding: 30px 0 10px;
}

#footer .footer-copyright p {
    color: #fff;
    margin: 0;
    padding: 0;
}


#footer .footer-copyright nav a {
    color: #fff !important;
}

#footer .container .row > div {
    margin-bottom: 20px;
}

#footer .footer-copyright nav ul li {
    border-left: 1px solid #fff;
}

img.povecalo {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: none !important;
}


.owl-item:hover img.povecalo {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: inline-block !important;
}


a.katalozi-link:hover img.povecalo {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: inline-block !important;
}

.page-header {
    background-color: #171717;
    border-bottom: 0px solid #CCC;
    border-top: 0px solid #384045;
    margin: -174px 0 35px 0;
    min-height: 325px;
    padding: 20px 0;
    position: relative;
    text-align: left;
    background: #00468e url(http://eshop.charvat.hr/images/slike/charvat-o-nama-bg-2.jpg) center center no-repeat;
    border-top: 0px;
    background-size: cover;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
    color: #FFF;
    float: right;
    margin: 0px 0 -25px;
}

.page-header h2 {
    border-bottom: 0px solid #CCC;
    color: #FFF;
    float: right;
    margin: 0px 0 -25px;
}

.page-header .breadcrumb {
    background: none;
    float: right;
    margin: 50px 0 0;
    padding: 0;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 80px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}


.page-header .breadcrumb, .page-header .breadcrumb a {
color: #fff;
}

#header .header-nav-main nav > ul > li.dropdown .zdravlje-menu {
max-width: 1560px;
margin: 0 auto;
display: none;

}


.kategorije-podnaslov {
    border: 0px solid #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1em;
    padding: 0;
}

.kocka-kategorija:hover{
background: #D10009;
color: #fff !important;
}

.kocka-kategorija:hover .kategorije-podnaslov {
    color: #fff !important;
}


#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li .kocka-kategorija:hover a {
    border: 0px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
    padding: 0;
    text-decoration: none !Important;
}


.naslov-kategorije-izbornik {
padding: 20px;
}

.sidebar .heading-primary {
    font-size: 1.3em;
    font-weight: 800;
    color: #fff !important;
    text-transform: uppercase;
    padding: 16px 16px;
    background: #D10009;
}

.sidebar .heading-primary a {
    color: #fff !important;
}


.sidebar h4 {
    margin: 0;
}

.catmenu .depth1 a:link, .catmenu .depth1 a:visited, .catmenu .depth1 a:active, .catmenu .depth1 a:hover {
    color: #fff;
    width: 100%;
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.catmenu .depth1 {
    background: #00468E;
    font-size: 1em;
    border-bottom: 1px solid #fff;
}

.catmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.naslov-smaller {
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 0 0 15px 0 !important;
    font-size: 1.2em;
    height: 42px;
}

.smaller-gumb {
    width: 100%;
    padding: 15px 20px;
    font-weight: 600;
}

.product-thumb-info .product-thumb-info-content {
    background: transparent;
    text-align: center;
}

.product-thumb-info {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.product-thumb-info-list {
    list-style-type: none;
    -webkit-padding-start: 0px;
}

.product-thumb-info .product-thumb-info-image::before {
    border-radius: 0 !important;
}


.product-title {
    font-size: 1.2em;
    font-weight: 600;
    height:75px;
}


.cijena-velika {
    font-size: 1.2em;
    font-weight: 600;
}


.product-box-cijena {
    width: 100%;
    text-align: center !important;
}

.cijena-zajedno {
height: 60px;

}


.product-cart-icon {
width: 100% !important;
}


.product-thumb-info .product-thumb-info-content {
    padding: 12px 16px;
    display: block;
}

.owl-carousel .productbox .onsale {
    position: absolute;
    background-image: none;
    border-radius: 100%;
    left: auto;
    right: 0;
    top: 0;
    text-shadow: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    z-index: 10;
    box-shadow: none;
    font-size: 1em;
    color: #FFF;
    border-bottom: 2px solid transparent;
    background-color: #00468E;
    border-bottom-color: #00468E;
}

.cijena-right {
    background: #eaeaea;
    padding: 23px 10px 23px 20px;
}

.cijena-left {
    font-weight: 700;
    font-size: 1.3em;
    background: #eaeaea;
    border-right: 1px solid #fff;
    text-align: center;
    width: 20%;
    padding: 23px 5px;
}

.zacijenu {
    font-weight: 700;
    font-size: 1.5em;
    color: #ae0001;
}

.btn-plusminus {
    width: 50px;
    height: 42px;
}

.komada-polje {
width: 26% !important;
}

.poveznice {
    text-transform: uppercase;
    color: #fff !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
    margin: 3px;
    font-weight: 500 !important;
}

.trazi {
    margin-left: 70px;
}


#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle:after {
display: none;
}

.store_product_in_stock .form-control {width:100px}
.cart-items .form-control {width:100px}

#footer .footer-copyright nav ul {font-size:11px}
#footer .footer-copyright nav img {margin-top:-8px}
#footer .container .row > div {margin:0}


#header .header-nav.header-nav-stripe nav > ul > li:hover.active > a {
    color: #fff !important;
    font-weight: 700 !important;
}

#header .header-nav-main nav > ul > li > a.mobile-redirect .fa-caret-down {
display: none;

}


#header .header-nav-main nav > ul > li.mega-menu-item .dropdown-menu li a {
    border: 0px solid #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    word-break: normal;
    padding-top: 30px;
    
}


#header .header-nav-main nav > ul > li.mega-menu-item .dropdown-menu li a:hover {
    font-weight: 600;
    font-size: 1em;
}



.featured-boxes {margin-bottom:100px}


.ikonica-padajuci {
    padding: 10px;
    background: #fff;
}


#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.kategorije-big a {
    font-size: 1.04em;
    font-weight: 600;
    border: 0px solid #fff;
    color: #242021;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
padding: 0px;
margin: 8px 20px 8px 8px;
}


#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.kategorije-big:hover a {
    font-size: 1.04em;
    font-weight: 600;
    border: 0px solid #fff;
    color: #fff;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    background: #F40009;
padding: 0px;
margin: 8px 20px 8px 8px;
}


.tekst-padajuci {
margin: 36px 6px 0px 10px;
float: left;
}



#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle {
padding-right:5px
}

.logo-link:link, .logo-link:visited, .logo-link:active {font-size:13px;color:#555;font-family: 'Open Sans Condensed', sans-serif;margin:0 20px;position:relative;top:-15px;font-weight:600}
.logo-link:hover {text-decoration:none; color:#006ECE}