/* Add here all your CSS customizations */

body {background:#E6F1F7}

.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}

.marginbottom0 {margin-bottom:0}
.margintop0 {margin-top:0}
.marginleft5 {margin-left:5px}
.marginright5 {margin-right:5px}
.margintop5 {margin-top:5px}
.marginbottom5 {margin-bottom:5px}
.margintop10 {margin-top:10px}
.marginbottom10 {margin-bottom:10px}
.marginleft10 {margin-left:10px}
.marginright10 {margin-right:10px}
.marginleft20 {margin-left:20px}
.marginright20 {margin-right:20px}
.marginright30 {margin-right:30px}

p {color:#555}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border-radius:2px; padding:5px 10px; background:#d0e9fc; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {background:#0066b3; color:#fff}
.poveznice {margin:30px 0 30px 0;}

.breadcrumb {background:transparent;float:right;font-size:11px;color:#003c5d;margin:-70px 0 0 0;padding:0;position:relative;z-index:10}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#003c5d}
.breadcrumb-druge {list-style:none;background:transparent;float:left;font-size:11px;color:#003c5d;margin:30px 0 0 0;padding:0}
.breadcrumb-druge a:link, .breadcrumb-druge a:visited, .breadcrumb-druge a:active {color:#003c5d}

.featured-box, .feature-box {cursor:pointer}

.featured-box-primary h4 a:link, .featured-box-primary h4 a:visited, .featured-box-primary h4 a:hover, .featured-box-primary h4 a:active, {color: #E05048 !important;}
.featured-box-secundary h4 a:link, .featured-box-secundary h4 a:visited, .featured-box-secundary h4 a:hover, .featured-box-secundary h4 a:active, {}
.featured-box-tertiary h4 a:link, .featured-box-tertiary h4 a:visited, .featured-box-tertiary h4 a:hover, .featured-box-tertiary h4 a:active {color: #4EB25C !important;}
.featured-box-quaternary h4 a:link, .featured-box-quaternary h4 a:visited, .featured-box-quaternary h4 a:hover, .featured-box-quaternary h4 a:active {color: #734BA9 !important;}

h2 a:link, h2 a:visited {color: #000000 !important; text-decoration:none !important;}
h2 a:active, h2 a:hover {color: #333333 !important; text-decoration:none !important;}


.btn {
  background: #177fbb;
  background-image: -webkit-linear-gradient(top, #177fbb, #00669d);
  background-image: -moz-linear-gradient(top, #177fbb, #00669d);
  background-image: -ms-linear-gradient(top, #177fbb, #00669d);
  background-image: -o-linear-gradient(top, #177fbb, #00669d);
  background-image: linear-gradient(to bottom, #177fbb, #00669d);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: -1px 0px 0px #065179;
  font-family: 'Open Sans';
  font-weight:300;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 100px;
  text-decoration: none;
}

.btn:hover {
  background: #0d7ebf;
  background-image: -webkit-linear-gradient(top, #0d7ebf, #004f7a);
  background-image: -moz-linear-gradient(top, #0d7ebf, #004f7a);
  background-image: -ms-linear-gradient(top, #0d7ebf, #004f7a);
  background-image: -o-linear-gradient(top, #0d7ebf, #004f7a);
  background-image: linear-gradient(to bottom, #0d7ebf, #004f7a);
  text-decoration: none;
}

.btn a:link, .btn a:visited, .btn a:active, .btn a:hover {color: #ffffff;text-decoration:none}
.btn-mali {font-size:14px;padding: 5px 50px}
.btn:hover, .btn:focus {color: #ffffff;text-decoration:none}

.btn-zuti {
  background: #f5de34;
  background-image: -webkit-linear-gradient(top, #f5de34, #febf1e);
  background-image: -moz-linear-gradient(top, #f5de34, #febf1e);
  background-image: -ms-linear-gradient(top, #f5de34, #febf1e);
  background-image: -o-linear-gradient(top, #f5de34, #febf1e);
  background-image: linear-gradient(to bottom, #f5de34, #febf1e);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 0px 1px 0px #fdda70;
  font-family: 'Open Sans';
  color: #000;
  font-size: 14px;
  padding: 5px 25px;
  text-decoration: none;
}

.btn-zuti:hover {
  background: #f3e37e;
  background-image: -webkit-linear-gradient(top, #f3e37e, #ff8800);
  background-image: -moz-linear-gradient(top, #f3e37e, #ff8800);
  background-image: -ms-linear-gradient(top, #f3e37e, #ff8800);
  background-image: -o-linear-gradient(top, #f3e37e, #ff8800);
  background-image: linear-gradient(to bottom, #f3e37e, #ff8800);
  text-decoration: none;
}

.btn-zuti a:link, .btn-zuti a:visited, .btn-zuti a:active, .btn-zuti a:hover {color: #000;text-decoration:none}

.tablica, .tablica th, .tablica td {vertical-align:top !important;}

.slika100 {width:100%;height:auto;}
.slikaborder {border:3px solid #ddd;}

.mega-menu-en {font-size:12px}
.mega-menu-de {font-size:0.77em}
.mega-menu-it {font-size:12px}
.mega-menu-rus {font-size:11px}
header div.header-top p {float:left}
header .logo {float:left;margin:0;padding:0}
header {background:url(https://energootok.hr/slike/gore_bg.png) bottom center no-repeat;padding:0;border:0}
header.flat-menu nav ul.nav-main li > a, header.flat-menu nav ul.nav-main li.active > a {color:#fff}
header nav ul.nav-main li a {text-transform:none;font-weight:400;font-size:1.3em;line-height:70px}
header.flat-menu nav ul.nav-main li a {margin:0;padding:0 1.54em}
.container {padding:0}
header.flat-menu ul.nav-main {margin:0}
body.sticky-menu-active header.flat-menu nav ul.nav-main {margin:0}
body.sticky-menu-active header {top:-80px;padding:0;border:none;box-shadow:0 0 5px rgba(0, 0, 0, 0.5)}
body.sticky-menu-active header .header-desno {margin:40px 0 0 0}
body.sticky-menu-active header .header-desno h1 {margin:-20px 0 10px 0;font-size:30px}
body.sticky-menu-active header.flat-menu .logo {margin:40px 0 -20px 0;padding:0}
div.slider-container {background:transparent}
header.flat-menu div.social-icons {float:left;margin:0}
header h1 {margin:0 0 20px 0;color:#fff;float:right;height:82px;overflow:hidden}
.header-desno {float:right;width:60%;margin:-20px 0 0 0}
.header-desno-in {width:100%;float:right}
.header-desno-in p {float:right;font-size:17px;font-weight:bold;color:#badef4}
.img-rounded {border-radius:4px;border:2px solid #fff;-webkit-box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.1)}
.img-no-rounded {-webkit-box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.08)}
.feature-box h3 {margin:0 0 20px 0;text-transform:none;font-size:24px;line-height:30px;height:60px;overflow:hidden;color:#003857}
.feature-box h3 a:link, .feature-box h3 a:visited, .feature-box h3 a:active {color:#003857}
.feature-box p {width:254px;float:left;color:#000;line-height:24px;font-weight:300}
.fc-slideshow {width:185px;height:185px;top:40px;left:-20px;border:5px solid #1780bb;background:#015597}
.container-onama {background:url(https://energootok.hr/slike/onama_bg.png) top center repeat-y;margin:50px 0 0 0;padding:40px 0}
.onama-tekst {text-align:left;color:#5f5f5f;font-size:16px;line-height:30px}
.onama-tekst p {color:#5f5f5f}
.lead {color:#000;font-weight:400}
p.featured {font-size:1.5em}
.project-image {position:relative;left:-50px;height:100%;background:url(https://energootok.hr/slike/krug_bg.png) top center no-repeat;width:366px;height:286px}
.lista {text-align:left;padding:0 20px 0 0}
.lista-naslov {font-size:24px;color:#00659c;line-height:45px;font-weight:600;border-bottom:1px dotted #333;padding:0 0 20px 0}
.veliko {font-weight:300;font-size:34px;color:#000}
#footer {border:none;background:#F6FAFD url(https://energootok.hr/slike/footer_bg.png) top left repeat-x}
footer {margin-top:0;padding:40px 0 0 0}
div.footer-copyright {border:none;background:#00659C;color:#fff;margin:0;padding:10px 0}
div.footer-copyright p {color:#fff}
div.footer-copyright a:link, div.footer-copyright a:visited, div.footer-copyright a:active {color:#fff;font-weight:bold}
footer h4 {font-weight:400;color:#003857;font-size:24px;text-transform:uppercase;text-shadow:none;margin:0 0 50px 0}
footer a:link, footer a:visited, footer a:active {color:#003857;font-weight:400}
.lista ul {margin:20px 0;padding:0 0 0 15px;color:#00659c}
.lista ul li {height:26px}
.lista ul li a:link, .lista ul li a:visited, .lista ul li a:active {color:#000;font-size:13px}
.tall {line-height:30px}
.recent-posts h2 {text-align:center;font-size:36px;color:#003c5c;background:url(https://energootok.hr/slike/naslov_bg.png) top center no-repeat}
.recent-posts h4 {color:#313131;font-size:18px;font-weight:600;margin:20px 0;line-height:24px;height:48px;overflow:hidden}
.recent-posts h4 a:link, .recent-posts h4 a:visited, .recent-posts h4 a:active {color:#313131}
.recent-posts p {color:#404040; line-height:22px; height:88px; overflow:hidden}
.cijena {font-size:15px;font-weight:700;color:#000;float:left}
.cijena-manja {font-size:13px;font-weight:700;color:#000;float:left;margin:5px 0 0 0}
.slide-box {background:#fff;margin: 0 33px 0 0;-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);-moz-box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.03)}
.slide-box-in {padding:20px}
.owl-carousel .owl-wrapper-outer {padding:0 15px 20px 15px}
.recent-posts .btn-zuti {float:right}
.recent-posts img {width:100%}
footer .col-md-3 {margin:0 15px}
div.footer-copyright nav ul li {border:none}
.tp-bullets {display:none}
.entry {padding:40px 40px 0 0;margin:0 0 20px 0}
.entry h3 {text-transform:none;font-size:32px;line-height:40px;margin:0 0 30px 0;font-weight:700}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active, .entry h3 a:hover {color:#003857}
.entry-m {padding:40px 40px 0 0;margin:0 0 20px 0}
.entry-m h3 {text-transform:none;font-size:26px;line-height:30px;height:60px;overflow:hidden;margin:0 0 10px 0}
.entry-m h3 a:link, .entry-m h3 a:visited, .entry-m h3 a:active, .entry-m h3 a:hover {color:#003857}
.entry-m-rus {padding:40px 40px 0 0;margin:0 0 20px 0}
.entry-m-rus h3 {text-transform:none;font-size:26px;line-height:30px;height:60px;overflow:hidden;margin:0 0 10px 0}
.entry-m-rus h3 a:link, .entry-m h3 a:visited, .entry-m h3 a:active, .entry-m h3 a:hover {color:#003857}
.poveznice-naslov {font-size:18px;font-weight:700;color:#003857;margin:30px 0 15px 0}
.povezano {clear:both}
.povezano img {border:none;box-shadow:none;margin:5px 15px 0 0}
.povezano1 {width:30%;padding:10px 15px;margin:0 20px 20px 0;float:left;border-radius:5px;height:115px;overflow:hidden;background:#D6E9F3}
.povezano1:hover {cursor:pointer;background:#BFDCEC}
.povezano-naslov {font-size:18px;font-weight:700;color:#003857;margin:30px 0 15px 0}
.povezano1 h4 {font-size:14px;font-weight:700;line-height:20px;margin:5px 0 10px 0;height:40px;overflow:hidden}
div.google-map {margin:0;position:relative;top:80px;background:#E6F1F7}
.box {background:#fff;margin: 0 0 30px 0;-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);-moz-box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.03)}
.box-in {padding:20px 20px 0 20px;height:250px;}
.box img {width:100%;height:180px}
.box h4 {color:#313131;font-size:18px;font-weight:600;margin:20px 0;line-height:24px;/*height:48px;*/overflow:hidden}
.box h4 a:link, .recent-posts h4 a:visited, .recent-posts h4 a:active {color:#313131}
.box p {color:#404040; line-height:22px; height:88px; overflow:hidden}
.box .btn-zuti {float:right}
.box .cijena {font-size:14px;font-weight:700;color:#000;float:left}
.box .vel {font-size:12px;font-weight:700;color:#737373;display:block;width:100%;height:45px}
.pagination {width:100%;margin:30px 0 0 15px}
.pregled {float:left;padding:10px 50px;margin:0 0 30px 0;text-transform:lowercase}
.naslov {background:#D6E9F3;border-radius:4px;padding:8px 0 8px 15px;color:#015597;font-weight:700;float:left;width:100%}
.opce-info p {padding:20px 20px 0 20px}
.dodatne-info p {padding:20px 20px 0 20px}
.opis-info p {padding:20px 20px 0 20px}
.cijena-info {margin:0 0 0 20px;padding:0;font-size:20px;font-weight:700;color:#000}
.cijena-info-manja {margin:10px 0 0 20px;padding:0;font-size:14px;font-weight:700;color:#000}
.galerija .owl-carousel .owl-item {margin:20px 0 0 0}
.sidebar h4 {background:#D6E9F3;border-radius:4px;padding:10px 20px;color:#015597;font-weight:600}
.sidebar i {margin:0 5px 0 0;color:#80c0e4}
.sidebar .recent-posts {margin:0 0 30px 0}
.sidebar .recent-posts h4 {color:#313131;font-size:18px;font-weight:600;margin:20px 0;line-height:24px;height:48px;overflow:hidden;background:transparent;padding:0}
.navbar-collapse {max-height:220px}
body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {line-height:70px;height:70px;padding-top:0;padding-bottom:0}
.container hidden-sm hidden-xs {margin:0;padding:0}
.hidden-sm {margin-top:-40px}
header.flat-menu ul.nav-main > li > a {border:none}
button.btn-responsive-nav {padding:10px 20px;background:#1780BB}
button.btn-responsive-nav:hover, button.btn-responsive-nav:active, button.btn-responsive-nav:focus {background:#1780BB;color:#fff}
.download-box {float:left;padding:15px 0;margin:0 0 20px 0;width:100%}
.download-naslov {background: url("https://energootok.hr/slike/download.png") no-repeat scroll 15px center #d6e9f3;border-radius:4px;padding:8px 0 8px 40px;color:#015597;font-weight:700}
.download-l {float:left;background:#F6F6F6;border-radius:5px;padding:5px 15px 5px 15px;color:#1780BB;margin:0 30px 0 0}
.download-l:hover {background:#fff;cursor:pointer}
.download-box a:link, .download-box a:visited, .download-box a:active {color:#000}
footer div.container div.row > div {margin:0}
header.center button.btn-responsive-nav, header.flat-menu button.btn-responsive-nav {z-index:1000}
.slide-box .col-sm-12 {padding:0 !important}
.id-kod {background:#D6E9F3;border-radius:4px;padding:8px 0 8px 15px;color:#015597;font-weight:700;float:left;width:100%;}
.id-kod-broj {color:#000}
.karta-info {margin-top:-20px}




.jezici {float:right;margin:0 0 0 55px}
.filter.hidden-sm {margin-top:0;}
.col-md-3.hidden-sm {margin-top:0;}
.filter.hidden-sm.hidden-xs {background:#BCD9E9;padding:20px 0;}
.filter.hidden-lg.hidden-md {background:#BCD9E9;padding:0;}
.filtero {padding:20px 0;}
.filter-polje {}
.btn-search {width:100%}
.p-none {padding:0;}

.oznaka {padding:6px 0 0 5px;font-size:17px;}


.box .box-in h4 {color:#313131;font-size:18px;font-weight:600;margin:0 0 20px 0;line-height:24px;height:96px !important;overflow:hidden}
.box .box-in.kat h4 {color:#313131;font-size:18px;font-weight:600;margin:0 0 20px 0;line-height:24px;height:50px;overflow:hidden}
.box .box-in.kat {color:#313131;font-size:18px;font-weight:600;margin:0 0 20px 0;line-height:24px;height:65px;overflow:hidden}


.togl {display:none;}

.povezano2 {width:100%;padding:10px 15px;margin:0 0 20px 0;float:left;border-radius:5px;background:#D6E9F3;color:#000;}

.zoom {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  border: 2px solid currentColor;
}

.zoom:before {
  content: '';
  width: 1px;
  height: 6px;
  background: currentColor;
  display: block;
  top: 1px;
  left: 3px;
  position: absolute;
}

.zoom:after {
  content: '';
  height: 1px;
  width: 5px;
  background: currentColor;
  display: block;
  top: 3px;
  left: 1px;
  position: absolute;
}

.zoom-inner {
  width: 6px;
  height: 3px;
  display: block;
  background: currentColor;
  position: absolute;
  top: 7px;
  left: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

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

.gm-style .place-card-medium {
    display: none !important;
    width: 0px !important
}

.gm-style {
    margin: -80px;
}