/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.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;}
.clear80 {clear:both; height:80px;}


.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: #F4072B; background-color: #fff;}

.glavna-tekst {text-align:left;}
.glavna-tekst img {display: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;}


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; font-size: 1.8em; line-height: 34px; margin: 0 0 20px 0;}
.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;}

body .body { background: url("http://vatrodojava.hr/slike/vatrodojava-pozadina.png");}

#header .header-top {background-color: #272727; border-bottom: 0px solid #ededed;}

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

.crveni-box .usluge-naslov {height:63px; font-size:1.4em; font-weight:400; color: #000 !important;}
.crveni-box .usluge-tekst {height:72px; line-height:25px; font-size:14px; font-weight:400; margin-top:10px; color: #40453e !important;}

.crveni-box:hover .usluge-naslov {color: #fff !important; text-decoration: none !important;}
.crveni-box:hover .usluge-tekst {color: #fff !important; text-decoration: none !important;}

a.box-hover:hover {text-decoration: none !important;}
a.box-hover:hover {text-decoration: none !important;}

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

.header-top-tekst h1 {font-size: 1.2em; color: #9a9a9a; margin-bottom: 6px; float: left; line-height: 20px; margin: 10px 0 8px 0; font-weight: 300; letter-spacing: 0.3px;}
.header-top-tekst h1 span {font-weight: 600;}

.header-logo {width: 180px; height: 90px;}

#header .header-logo img {
    margin: 0px 0px 0px 0px;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
    padding: 53px 13px 40px;
    margin: 0px 0 0;
}

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

#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active {
    background-color: #6a6865;
    font-weight: 600;
}

#header .header-nav-main {
    float: right;
    margin: 0px 0 0;
    min-height: 42px;
}

#header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    background-color: #6a6865;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 13px;
    text-transform: none;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #6a6865;
}

.padding-header-nema {
padding-left: 0px !important;
padding-right: 0px !important;
}

.main {
background-color: #fff;
}


.slider .tp-bannertimer {
    background-color: #F4072B;
}

.rotator-tekst1 h2 {
font-size: 0.6em;
line-height: 1.2em;
color: #f4092a;
text-align: left;
font-weight: 500;
max-width: 50px;
}


.rotator-tekst2 h4 {
font-size: 0.8em;
line-height:1.5em;
margin-right: 15px;
color: #fff;
text-align: left;
font-weight: 300;
}

.rotator-tekst3 {
font-size: 0.86em;
line-height:1.3em;
color: #ababaa;
text-align: left;
font-weight: 300;
}

.btn-secondary-slider {
background-color: #f40a2a;
padding: 6px 24px !important; 
}

a.btn-secondary-slider p {
font-size: 0.66em;
font-weight: 300;
color: #fff;
}

.btn-secondary-slider:hover {
background-color: #b7071e !important;
}

h3.ponuda {
font-size: 3em;
text-transform: uppercase;
font-weight: 300;
line-height: 40px;
}

.crveni-box:hover {
background-color: #e30c2a;
color: #fff !important;
}


.crveni-box img.ikona-ponuda {
margin-bottom: 68px;
}

.cover-poc {
    background: url('http://vatrodojava.hr/slike/novosti-cover.jpg') center center no-repeat;
    background-size: cover;
    min-height: 400px;
    color: #fff;
}

h3.naslov-pocetna {
font-size: 2.1em;
text-decoration: none;
margin-bottom: 20px;
line-height: 30px;
}

h3.naslov-pocetna a {
color: #fff;
text-decoration: none;
}

h5.naslov-tekst-pocetna {
font-size: 1.2em;
padding-top: 10px;
}

h5.naslov-tekst-pocetna a {
color: #fff;
font-weight: 400;
}

.tekst-sadrzaj-poctna {
font-weight: 300;
font-size: 1em;
line-height: 18px;
}

.clanci-naslov {
font-size: 1.6em;
text-decoration: none;
margin-bottom: 16px;
line-height: 28px;
text-transform: uppercase;
color: #161616;
font-weight: 500;
}

.clanci-naslov a {
color: #161616;
text-decoration: none;
}

.referenca-slika {
border: 1px solid #dbdbdb;
}

.clanci-naslov-mali {
font-size: 1.1em;
text-decoration: none;
height: 25px;
line-height: 18px;
text-transform: uppercase;
font-weight: 400;
}

.vijesti-naslov-mali {
font-size: 1.1em;
text-decoration: none;
height: 52px;
line-height: 18px;
overflow: hidden;
text-transform: uppercase;
font-weight: 400;
}

.vijesti-naslov-mali a {
color: #40453e;
}

.clanci-naslov-mali a {
color: #40453e;
}

.pozadina-newsletter {
background-color: #e30c2a;
padding: 20px 0px;
}

.pozadina-newsletter .newsletter-tekst {
font-size: 1.2em;
color: #fff;
font-weight: 300;
margin-top: 12px;
margin-bottom: 12px;
}

.newsfield {
    font-weight: 300 !important;
    color: #4b4b4b !important;
    border: 0 !important;
    background: #ffffff;
    font-size: 18px;
    font-style: italic;
    height: 46px;
    padding: 6px 6px 6px 15px;
}

.newsfield-send {    padding: 10px 24px !important;}

#footer {
    padding: 60px 0 0;
    font-size: 0.96em;
    background: #161616;
    border-top: 0px solid #0e0e0e;
    color: #737373;

}

#footer h4 {
    font-size: 1.6em;
    font-weight: 200;
    line-height: 26px;
    margin: 0px 0px 12px;
}


#footer .footer-copyright {
    background: #2e2e2e;
    border-top: 0px solid #060606;
    margin-top: 30px;
    padding: 30px 0 0px;
}

.footer-copyright p {
    color: #747474 !important;
    font-size: 0.92em;
}

.footer-copyright a {
    color: #747474 !important;
    font-size: 0.92em;
}

#header .header-btn-collapse-nav {
    background: #272727;
    margin: -12px 0 8px 15px;
}

#header .header-body {
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;

}

#header .header-top .header-nav-top {
    margin-top: 5px;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
    background: #6A6865;
    color: #fff;
}

.social-icons li a {
    background: #161616;
    color: #747474 !important;
}

.social-icons {
    font-size: 17px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #ddd;
}

.page-header {
    min-height: 100px;
    background: url('http://vatrodojava.hr/slike/vatrodojava-cover-detaljnije-01.jpg') center center no-repeat;
    background-size: cover;
    margin: 0px 0px 30px;
    border-bottom: 3px solid #161616;
    border-top: 0px solid #384045;
}


section.page-header h1 {
    border-bottom-color: #F4072B;
}

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


.smaller-box {
border-bottom: 3px solid #b70e25;
background: #f0f1f1 none repeat scroll 0 0;
padding: 4%;
margin-bottom: 2%;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #F4072B;
}

.product-thumb-info {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 0px;
    padding: 0;
    position: relative;
    border: 0;
    border-bottom: 0px solid #E3E4E8;
    background: transparent;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    text-align: center;
    border: 0px solid #DDD;
    text-decoration: none;
}

.product-title {
    font-size: 1.11em;
    line-height: 20px;
    height: 40px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
}


h3.product-title {
    margin: 6px 0px 12px;
}

h3.product-title a {
    text-transform: none;
    color: #252525;
}

ul.portfolio-list .portfolio-item {
    position: relative;
    border: 1px solid #eaeaea;
    margin-bottom: 35px;
    padding: 17px;
}

.product-thumb-info img {
    border-radius: 0px 0px 0 0;
}

.ponuda-tekst {
    line-height: 18px;
    font-size: 1em;
    height: 38px;
    font-weight: 300;
    color: #40453e !important;
    text-align: center;
    font-style: italic;
}

.ponuda-tekst-brandovi {
    line-height: 18px;
    font-size: 1em;
    font-weight: 300;
    height: 148px;
    color: #40453e !important;
    text-align: center;
    font-style: italic;
}

.product-thumb-info .product-thumb-info-image:before {
    background: #272727;
    border-radius: 0px 0px 0 0;
}

.novosti-tekst {
}

.owl-carousel .owl-nav [class*="owl-"], .owl-carousel .owl-nav:hover [class*="owl-"] {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #F4072B;
    border-color: #F4072B #F4072B #F4072B;
}

.owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:focus, .owl-carousel .owl-nav [class*="owl-"]:active:hover, .owl-carousel .owl-nav [class*="owl-"]:active:focus {
    background-color: #F4072B;
    border-color: #F4072B #F4072B #F4072B;
}

.google-map-borders {
    border: 0px solid #DDD !important;
    border-top: 1px solid #ccc !important;
    padding: 0px;
    border-radius: 0px !important;
}

.btn-ponuda-upit {
    color: #ffffff;
    font-size: 17px;
    padding: 8px;
}

h5.galerija-dokumenti {
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 10px 0;
    text-transform: none;
}

h5.galerija-dokumenti span {
    font-weight: 300;
}

a.dokument-link {
border-left: 4px solid #e30c2a;
}

a.dokument-link:hover {
border-left: 4px solid #AB0D23;
}

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

.thumb-info .thumb-info-wrapper:after {
    content: "";
    background: rgba(256, 256, 256, 0.02);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0px;
    bottom: -4px;
    color: #FFF;
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    display: block;
    opacity: 0;
    z-index: 1;
}

a.box-hover .crveni-box:hover > .pull-left img.slika-siva {
    display:none;
}

a.box-hover .crveni-box:hover > .pull-left img.slika-bijela {
    display:block;
}

a.box-hover .crveni-box > .pull-left img.slika-siva {
    display: block;
}

a.box-hover .crveni-box > .pull-left img.slika-bijela {
    display: none;
}

.google-map {
    height: 420px;
}

table.table-ponuda {
width: 100%;
clear: both;
}

table.table-ponuda tbody tr {
padding: 8px;

}

table.table-ponuda tbody tr td {
padding: 8px;
}

table.table-ponuda tbody tr img {
margin: 0 auto;
display: block;
max-width: 100%;
}

table.table-ponuda tbody tr td img {
margin: 0 auto;
display: block;
max-width: 100%;
}

table.table-ponuda tbody th {
text-align: center;
background-color: #6A6865;
color: #fff;
padding: 8px;

}


.pagination > .active > a, body.dark .pagination > .active > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #F4072B;
    border-color: #F4072B #F4072B #F4072B;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #F4072B !important;
    border-color: #F4072B;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #F4072B;
}