/* Add here all your CSS customizations */

.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}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear50 {clear: both; height: 50px}
.clear60 {clear: both; height: 60px}

.paddingtb20 {padding-top:25px; padding-bottom:20px;}


:focus {outline:none}
.margin3px {margin-right:3px}
.btn-edit {border-radius:0;  padding: 2px 5px; margin: 0 10px 0 0;}


/*HEADER*/
header {
	border-top: solid 10px #1e69b6;
}

.navbar-collapse.collapse {
	margin-top: 0px;
}

header h1.logo {padding: 0}
header h1.logo a {z-index:2}
header h1.logo img {color: transparent;margin-bottom: -128px;z-index: 2;}
header {min-height:120px}



/*CSS ZA TEST NE DIRATI*/

.boxbazeni-oko  {overflow:hidden; position:relative; background:#f5f5f5; height:268px;}
.boxbazeni-naslov {background:#4D9EE2; text-transform:uppercase; z-index:10; position:absolute; top:20px; width:95%; padding:10px; color:#ffffff}
.boxbazeni-slika {position:absolute; z-index:0; top:0; right:0;}
.boxbazeni-popis {z-index:1; position: absolute; top: 80px;}
.boxbazeni-popis ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; color: #000;}

.boxwellness-oko {overflow:hidden; position:relative; background:#f5f5f5; height:268px;}
.boxwellness-naslov {background:#43CEE3; text-transform:uppercase; z-index:10; position:absolute; top:20px; width:95%; padding:10px; color:#ffffff}
.boxwellness-slika {position:absolute; z-index:0; top:0; right:0;}
.boxwellness-popis {z-index:1; position: absolute; top: 80px;}
.boxwellness-popis ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; color: #000;}

.boxbazeni-popis-poc {z-index:1; position: absolute; top: 80px;}
.boxbazeni-popis-poc ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; color: #000;margin:0 0 0 -19px}
.boxwellness-popis-poc {z-index:1; position: absolute; top: 80px;}
.boxwellness-popis-poc ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; color: #000;margin:0 0 0 -19px}

/*CSS ZA TEST NE DIRATI*/

.proizvod-form {height: 39px;
background-color: #ffffff;
color: #5d5c5c;
font-style: italic;
font-weight: 400;
font-size:12px;
border: none;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1) inset;padding: 6px 12px;}

textarea.proizvod-form-lista {height:150px}


/*IZBORNIK*/
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}


/*GUMBI AKCIJE*/
.gumb-besplatna     {background: #0cb668;color: #ffffff;margin: 0 10px 10px 0;padding: 5px 10px;float: left;}
.gumb-popusti {background: #0cb668;color: #ffffff;margin: 0 10px 10px 0;padding: 5px 10px;float: left;}
.gumb-promotivna-cijena {background: #0cb668;color: #ffffff;margin: 0 10px 10px 0;padding: 5px 10px;float: left;}
.vijest-datum {background:url("https://spiritus-koncept.hr/slike/date_dot.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #585858;display: block;font-size: 14px;font-style: italic;line-height: 25px;text-align: left;padding: 0 0 0 20px;margin: 5px 0 0 0;float:left}

.gumb-proizvodi {background: #0cb668;color: #ffffff;margin: 0 10px 15px 0;padding: 4px 10px;font-size: 12px;}

/*SLIDER*/
div.slider-container {max-height: 474px;

/*-webkit-box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);
box-shadow: 0px -6px 0px 0px rgba(255,255,255,1);*/

}
.slider-naslov {font-family: 'Source Sans Pro', sans-serif; color:#0e2248; font-size:42px; font-style:italic; font-weight:400}
.slider-podnaslov {font-family: 'Source Sans Pro', sans-serif; color:#1279c7; font-size:34px; font-style:italic; font-weight:200}
.slider-text {font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size:16px;white-space: normal !important;width: 425px; font-style: italic;}

.slider-container {margin-bottom: 26px;}


h1.pocetna {font-size: 1em !important;line-height: 0px !important;margin: 0 !important;}
h6 {color: #ffffff;font-size: 1.6em !important;font-weight: 300;letter-spacing: 0.6px;line-height: 18px;margin: 0 0 15px 0;}


h2 {color: #0066b3;font-weight: 400;line-height:30px}
h2 a:link, h2 a:visited {color: #0066b3 !important; text-decoration:none !important;font-weight: 400;}
h2 a:active, h2 a:hover {color: #078aed !important; text-decoration:none !important;}


a.suradnici:link, a.suradnici:visited, a.suradnici:active {color:#000000; text-decoration: none;font-weight: 400; }
a.suradnici:hover {color:#333333; text-decoration: none;}

a.opacity1:link, a.opacity1:visited, a.opacity1:active {opacity: 0.65;}
a.opacity1:hover {opacity: 1;}

a.opacity2:link, a.opacity2:visited, a.opacity2:active {opacity: 1;}
a.opacity2:hover {opacity: 0.65;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active, a.bijeli:hover {color: #ffffff !important; text-decoration: none;text-shadow: none;}

a.usluge:link, a.usluge:visited, a.usluge:active {color: #727272; text-decoration: none;}
a.usluge:hover {color: #5e5e5e; text-decoration: underline;}


a.crni:link, a.crni:visited, a.crni:active {color: #000000; text-decoration: none;}
a.crni:hover {color: #000000; text-decoration: underline;}

a.svijetloplavi:link, a.svijetloplavi:visited, a.svijetloplavi:active {color: #d9ecff !important; text-decoration: none;}
a.svijetloplavi:hover {color: #ffffff; text-decoration: none;}

a.plavi-box:link, a.plavi-box:visited, a.plavi-box:active {color: #0475ac !important; text-decoration: none;}
a.plavi-box:hover {color: #025b86 !important;text-decoration: underline; }

a.zeleni-box:link, a.zeleni-box:visited, a.zeleni-box:active {color: #078a90 !important; text-decoration: none;}
a.zeleni-box:hover {color: #02767b !important;text-decoration: underline; }

a.ljubicasti-box:link, a.ljubicasti-box:visited, a.ljubicasti-box:active {color: #5557b1 !important; text-decoration: none;}
a.ljubicasti-box:hover {color: #3a3c92 !important;text-decoration: underline; }

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



/*CSS sve*/
.nomarg {margin:0 0 0 0}
.nopad {padding:0 0 0 0}
.marginbottom10 {margin:0 0 10px 0}
.marginbottom15 {margin:0 0 15px 0}
.lijevo {float:left}
.desno {float:right}
.textleft {text-align:left}
.nomargin {margin:0 0 0 0}
.desno-usluga {float:right}
.bigtarget {cursor:pointer}
.skype-call1 {float:left;height:20px;position:relative;top:-29px}
.skype-call1 img {}
.skype-call2 {float: left;height: 20px;position: absolute;bottom: 37px;left: 145px;}
.success_message p {color:#ffffff}
.margintop10 {margin-top:10px}


.novosti-gumb {font-size: 15px;margin: 8px 0 0 0;font-style: italic;font-weight: 100;border-radius:0}
.icone-smaller {float: right;padding: 1px;margin: 0 10px 0 0;color: #ffffff;opacity: 0.25;font-size: 37px;}
.novosti-link {position: relative;z-index: 2;}
.poveznice {margin:30px 0 30px 0;}
.width100p {width:100%}
.breadcrumb {color:#fff !important;border-radius: 0;list-style: outside none none;margin-bottom: 0;padding: 8px 0;background-color:transparent}
.naslovostale {float:left}
.naslovostale h1 {font-size: 2em;font-weight: 600;margin: 0 0 0 0;color:#fff !important;letter-spacing: 0px;}
.tablica, .tablica th, .tablica td {vertical-align:top !important;}
.slika100 {width:100%;height:auto;}
.slikaborder {border:3px solid #ddd;}
.telefon {float:left;margin: 10px 0;color: #ffffff;font-size: 1.3em;line-height: 27px;}
.social-icons2 {float:right; margin: 10px 0}
.social-icons3 {margin: 8px 0 0 0}
.plave-ikone {color:#2687d3}
.pomak-slike {background-position: 50% 0%;}
.velicina-fonta {font-size:17px; font-weight:300}

.manjihadva {font-size:1.8em !important;}
hr.puni {height:1px;border-top:1px solid #ccc;background:none;}
.col-md-offset-1 {margin-left: 2.666%;}
.formuzi .form-control {width:91% !important;}

.error_message p {color: #fc3d3d;line-height: 18px;margin: 5px 0 0 0;font-size: 0.8em;}
label.error {color: #fc3d3d;font-size: 0.8em;margin-top: 5px;padding: 0;}
.form-kontakt {height:50px}
textarea.form-kontakt {height:150px}


.pull-leftslika {float:left; margin: 0 30px 15px 0}

.goremalo {position:relative;margin:-83px auto 0 auto;z-index:4;padding:0;}

.entry-m {padding:0 40px 0 0;margin:0 0 42px 0;}
.entry-m h2 {text-transform: uppercase;font-size: 1.4em;line-height: 27px;height: 29px;overflow: hidden;font-weight: 400;margin:0 0 5px}
.entry-m h2 a:link, .entry-m h2 a:visited, .entry-m h2 a:active {color:#0066b3  !important}
.entry-m h2 a:hover {color:#078aed !important}
.entry-m-in {height: 151px;overflow: hidden;font-size: 14px;line-height: 21px;font-weight: 400;}
.entry-m-slika {border:5px solid #f5f5f5}
.entryMOne {border-right: 1px solid #ccc;}
.entryMTwo {}
.dokumenti-preuzimanje {background: none repeat scroll 0 0 #f5f5f5;border-bottom: 1px solid #ccc;padding: 15px;}


/*BREAD*/
a.bread:link, a.bread:visited, a.bread:active {color: #fff; text-decoration: none;}
a.bread:hover {color: #afafaf; text-decoration: underline;}





/*BUTTONS*/
.btn-sivi {
	border-color: #cccccc;
	color: #000000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
	border-color: #cccccc #cccccc #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-sivi:hover {border-color: #cccccc;background-color: #cccccc;font-size:16px}
.btn-sivi:active,.btn-sivi:focus {border-color: #cccccc;background-color: #cccccc;font-size:16px}


.btn-plavi {background: #2687d3;border: none;outline: none;font-size:16px}
.btn-plavi:hover, .btn-plavi:active, .btn-plavi:focus {background-color: #51a0de;border: none;outline: none;font-size:16px}



.btn-news {background: #08427d;border: none;outline: none}
.btn-news:hover, .btn-news:active, .btn-news:focus {background-color: #0475cb;border: none;outline: none;}


.btn-akcije {background: #0066b3;border: none;outline: none;border-radius:0}
.btn-akcije:hover, .btn-akcije:active, .btn-akcije:focus {background-color: #0475cb;border: none;outline: none;border-radius:0}

.btn-lista {border: none;outline: none;border-radius:0}
.btn-lista:hover, .btn-lista:active, .btn-lista:focus {border: none;outline: none;border-radius:0}



/*UVODN tekstI*/
.opis1 {color:#282828;font-size: 1.9em;font-weight: 400;font-family: "Open Sans", "sans-serif";float: left; width:30%; line-height:40px}
.opis2 {color:#727272;font-size: 1.2em;font-weight: 300;}
.sjena {z-index:-1;margin:0px;position:relative;}


/*NAV owl*/
.owl-theme .owl-controls .owl-buttons div {background: none;font-size: 24px;margin: 26px 0 0px 10px;padding: 0px 10px;}
.owl-buttons {text-align:right}
.pocsli {min-height:220px; padding:0 20px 20px 20px;}
.pocsli-inside {height:118px;overflow:hidden;}
.owl-carousel-galerija {width:615px}

/*BOXOVI pocetna i smaller*/
h2.boxh a:link, h2.boxh a:visited {color: #fff!important; text-decoration:none !important;}
h2.boxh a:active, h2.boxh a:hover {color: #fff!important; text-decoration:none !important;}


h3.boxh-smal a:link, h3.boxh-smal a:visited {color: #fff!important; text-decoration:none !important;}
h3.boxh-smal a:active, h3.boxh-smal a:hover {color: #fff!important; text-decoration:none !important;}

h4.boxh, h2.boxh {padding: 0;margin: 0;font-size: 1.7em;line-height: 27px;letter-spacing: 1px;font-weight: 300;font-family: 'Source Sans Pro', sans-serif;}
h3.boxh-smal {padding: 0;margin: 0;font-size: 1.6em;line-height: 20px;letter-spacing: 0.4px;font-weight: 300;font-family: 'Source Sans Pro', sans-serif;}
a.boxa {font:400 20px 'Source Sans Pro', sans-serif;}
a.boxa:link {color:#fff;text-decoration:none;}
a.boxa:hover {color:#fff;text-decoration:none;}
a.boxa:visited {color:#fff;text-decoration:none;}
a.boxa:focus {color:#fff;text-decoration:none;}

.boxi {padding:0;}
.boxi2  {padding:0;}
.boxh {margin:8px 0;max-height:44px;overflow:hidden}
.boxp p {font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 20px;font-weight: 300;color:#ffffff; margin:0 0 14px 0; padding:0px}
.boxp2 p {font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 23px;font-weight: 300;color:#ffffff; margin:0 10px 0 0; padding:0px;height: 114px;overflow: hidden;}

.boxp3 {height: 93px;margin: 0 0 15px 0;}
.boxp3 p {font-size: 1em;line-height: 18px;height: 54px;color: #8accfe;overflow: hidden;margin: 0;}

.boxh-smal {margin:8px 0}
.boxp-smal p {font-family: 'Source Sans Pro', sans-serif;font-size: 1em;line-height: 20px;font-weight: 300;color:#ffffff; margin:0 0 10px 0; padding:0px}
.boxp2-smal p {font-family: 'Source Sans Pro', sans-serif;font-size: 1em;line-height: 23px;font-weight: 300;color:#ffffff; margin:0 10px 0 0; padding:0px;max-height: 138px;}

.dan1 {float:left; width:100%; padding:10px 4px;font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 22px;font-weight: 300;color:#ffffff; margin:0;border-top: 1px solid #b9b9e9;border-bottom: 1px solid #b9b9e9;}
.dan2 {float:left; width:100%; padding:10px 4px;font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 22px;font-weight: 300;color:#ffffff; margin:0;border-bottom: 1px solid #b9b9e9;}
.dan3 {float:left; width:100%; padding:10px 4px;font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 22px;font-weight: 300;color:#ffffff; margin:0;border-bottom: 1px solid #b9b9e9;}

.featured-boxes {margin-top: 30px;}
.box-head {background: none repeat scroll 0 0 #42a4e3; position: absolute; top:20px; height:50px; width:350px;}



/*BOXOVI POČETNA*/
.plavi1 {position:relative;}
.plavi1 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi1 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi1-2 {position:relative}
.plavi1-2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi1-2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi1-3 {position:relative}
.plavi1-3 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi1-3 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi1 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/pribor-i-oprema.png"); background-repeat: no-repeat; background-position: right top;}
.plavi1-2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/odrzavanje-bazena.png"); background-repeat: no-repeat; background-position: right top;}
.plavi1-3 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/vruce-kupke.png"); background-repeat: no-repeat; background-position: right top;}


.plavi1 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.plavi1-2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.plavi1-3 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}

.plavi1 ul li, .plavi1-2 ul li, .plavi1-3 ul li, .plavi2 ul li, .plavi2-2 ul li, .plavi2-3 ul li {text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7)}


.plavi2 {position:relative}
.plavi2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi2-2 {position:relative}
.plavi2-2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi2-2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi2-3 {position:relative}
.plavi2-3 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.plavi2-3 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.plavi2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/kozmetika-za-saune.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.plavi2-2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/konstrukcija-sauna.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.plavi2-3 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/sauna.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}


.plavi2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.plavi2-2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.plavi2-3 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}


/* WELLNESS I BAZENI */

.bazeni1 {position:relative;}
.bazeni1 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.bazeni1 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.bazeni1-2 {position:relative}
.bazeni1-2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.bazeni1-2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.bazeni1-3 {position:relative}
.bazeni1-3 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.bazeni1-3 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.bazeni1 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/pribor-i-oprema.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.bazeni1-2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/odrzavanje-bazena.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.bazeni1-3 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/vruce-kupke.png"); background-repeat: no-repeat; background-position: right top; margin-top: 40px;}


.bazeni1 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.bazeni1-2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.bazeni1-3 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}

.bazeni1 ul li, .bazeni1-2 ul li, .bazeni1-3 ul li, .bazeni2 ul li, .bazeni2-2 ul li, .bazeni2-3 ul li {text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7)}


.wellness2 {position:relative}
.wellness2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.wellness2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.wellness2-2 {position:relative}
.wellness2-2 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.wellness2-2 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.wellness2-3 {position:relative}
.wellness2-3 div:first-child {background: none repeat scroll 0% 0% rgb(77, 158, 226); color: rgb(255, 255, 255); position: absolute; padding: 10px; top: 10%; width: 95%; height: 15%;}
.wellness2-3 div:nth-child(2) {height: 75%; position: absolute; top: 25%;}

.wellness2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/kozmetika-za-saune.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.wellness2-2 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/konstrukcija-sauna.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}
.wellness2-3 {padding: 0 0 0 0; height: 268px; background-color: #f5f5f5; background-image:url("https://spiritus-koncept.hr/slike/sauna.png"); background-repeat: no-repeat; background-position: right top; margin-top: 30px;}


.wellness2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.wellness2-2 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}
.wellness2-3 ul {list-style: outside url("slike/bullet-list.png"); margin: 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; margin-left: -18px; margin-top: 20px; color: #000;}




/*SMALLER*/
.plavi11 {background:#63bae5;padding: 20px;text-align: left;height:274px;overflow:hidden}
.plavi22 {background:#76d9d6;padding: 20px;text-align: left;height:274px;overflow:hidden}
.plavi33 {background:#a1a2e1;padding: 20px;text-align: left;height:274px;overflow:hidden}
.plavi44 {background:#63bae5;padding: 20px;text-align: left;overflow:hidden}
.zeleni44 {background:#76d9d6;padding: 20px;text-align: left;overflow:hidden}

.bazeni-box {background-color: #f5f5f5;}
.wellness-box {background-color: #f5f5f5}
.izdvojeni-proizvodi-box {background-color: #ddf0ff}
.bazeni-box h3, .wellness-box h3, .izdvojeni-proizvodi-box h3 {margin:0; color:#ffffff}
.bazeni-box-naslov {background:#4d9ee2;padding:15px 10px; color:#fff}
.wellness-box-naslov {background:#43cee3;padding:15px 10px; color:#fff}
.ostalo-box-naslov {background:#0066b3;padding:15px 10px; color:#fff}


.izdvojeni-proizvodi-box-naslov  {background:#4d9ee2;padding:15px 10px; color:#fff}
.izdvojeno2 {margin: 0 5px;background: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojeno2 img {margin: 0 auto;border: 15px solid #ffffff;}
.izdvojeno2 h3 {color: #000; text-transform: uppercase; float: none; margin: 15px 5px 10px 5px; height: 35px; overflow:hidden;font-size: 14px;text-align: center;line-height: 16px;}
.izdvojenodolje2 {background-color: #FFF; border-top: 1px solid #eee; margin-left: auto; margin-right: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojenogore2 {height:178px; overflow:hidden}
.izdvojenonovo2 {height:57px; width:57px; position: absolute; top:0; left:0; z-index:10; background:url("https://spiritus-koncept.hr/slike/spiritus-novo.png") no-repeat}
.izdvojenoakcija2 {height:57px; width:57px; position: absolute; top:0; left:0; z-index:10;background:url("https://spiritus-koncept.hr/slike/spiritus-akcija.png") no-repeat}
.izdvojeno2 .btn {width:100%; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}


.bazeni-box ul, .wellness-box ul, .saznajte-vise-box ul, .novosti-box ul {list-style: outside url("slike/bullet-list.png"); margin: 20px 0; font-family: "Open Sans", "sans-serif"; font-size: 13px; color: #000; padding: 0 10px 0 30px;}


.novosti-box {background-color: #f5f5f5; padding-bottom: 10px;}
.novosti-box h3 {color:#fff; margin:0}


.saznajte-vise-box {background-color: #f5f5f5;}
.saznajte-vise-box h3 {color:#fff; margin:0}

.saznajte-vise-box ul li a, .novosti-box ul li a, .bazeni-box ul li a, .wellness-box ul li a{color:#000000}
.saznajte-vise-box ul li a:hover, .novosti-box ul li a:hover, .bazeni-box ul li a:hover, .wellness-box ul li a:hover {color:#000000}




.kontakt-oko {padding:15px;color: #000000;font-size: 13px;line-height: 24px;}



/*USLUGE*/
.box1 {padding: 0 18px 0 0;}
.box2 {padding: 0 0 0 20px}
.box1 h3 {float: right;font-family: 'Source Sans Pro', sans-serif;text-transform: uppercase;color: #727272;letter-spacing: 1.1px;font-size: 2em;font-weight: 300;line-height: 42px;}
.box2 h3 {float: left;font-family: 'Source Sans Pro', sans-serif;text-transform: uppercase;color: #727272;letter-spacing: 1.1px;font-size: 2em;font-weight: 300;line-height: 42px;}
.boxtext-slika1 {background: #f0f0ff;float: left;width: 100%;}
.boxtext-slika2 {background: #f0f0ff;float: left;width: 100%;}
.boxtext1 {padding: 26px 36px;float: left;text-align: left;font-size: 1.2em;color: #717272;line-height: 24px;font-weight: 300;width: 61%;}
.boxtext2 {padding: 26px 0 14px 36px;float: left;text-align: left;font-size: 1.2em;color: #717272;line-height: 24px;font-weight: 300;}
.boxtext2 ul {margin: 0;padding: 0 0 0 10px;list-style-image:url(https://spiritus-koncept.hr/slike/list-style-usluge.png)}
.boxtext1 p {height: 165px;overflow: hidden;margin: 0;}
.boxtext2 p {}




.featured-box-proizvod {background-color: #efefef; cursor:pointer}
.featured-box-proizvod:hover {opacity:0.85;filter:alpha(opacity=85); /* For IE8 and earlier */}
.featured-box-proizvod p {color:#000 !important; font: 13px Source Sans Pro, sans-serif; line-height:22px; padding:0; margin:0;}





/*FOOTER*/
.foot1 {padding:0 38px 0 0;min-height:333px;background:url(https://spiritus-koncept.hr/slike/foot-crta.gif) 100% 0 no-repeat;font-size:1.3em }
.foot2 {padding:0 38px;min-height:333px;background:url(https://spiritus-koncept.hr/slike/foot-crta.gif) 100% 0 no-repeat;font-size:1.3em }
.foot3 {padding:0 0 0 38px;font-size:1.3em }
.foot3 p {line-height: 19px;margin: 0;color: #8accfe;}

.foot-a a {display:block;font:normal 1em Source Sans Pro;margin:0 0 5px 0;}
.foot-a a:link {color:#ccc !important;text-decoration:none;}
.foot-a a:hover {color:#fff !important;text-decoration:underline;}
.foot-a a:visited {color:#ccc !important;text-decoration:none;}
.foot-a a:focus {color:#ccc !important;text-decoration:none;}

.foot-b a {float:left;padding:0 10px;font:300 12px 'Source Sans Pro', sans-serif;margin:0 0 5px 0;}
.foot-b a:link {color:#ccc !important;text-decoration:none;}
.foot-b a:hover {color:#fff !important;text-decoration:underline;}
.foot-b a:visited {color:#ccc !important;text-decoration:none;}
.foot-b a:focus {color:#ccc !important;text-decoration:none;}

a.foot-facebook {float:left;width:22px;height:21px;background:url(https://spiritus-koncept.hr/slike/foot-social.png) 0 0 no-repeat;margin:0 2px 0 0}
a.foot-facebook:hover {background:url(https://spiritus-koncept.hr/slike/foot-social.png) 0 -21px no-repeat;}
a.foot-twitter {float:left;width:22px;height:21px;background:url(https://spiritus-koncept.hr/slike/foot-social.png) -24px 0 no-repeat;margin:0 2px 0 0}
a.foot-twitter:hover {background:url(https://spiritus-koncept.hr/slike/foot-social.png) -24px -21px no-repeat;}
a.foot-google {float:left;width:22px;height:21px;background:url(https://spiritus-koncept.hr/slike/foot-social.png) -48px 0 no-repeat;margin:0 2px 0 0}
a.foot-google:hover {background:url(https://spiritus-koncept.hr/slike/foot-social.png) -48px -21px no-repeat;}
a.foot-rss {float:left;width:22px;height:21px;background:url(https://spiritus-koncept.hr/slike/foot-social.png) -72px 0 no-repeat;}
a.foot-rss:hover {background:url(https://spiritus-koncept.hr/slike/foot-social.png) -72px -21px no-repeat;}


/*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;font-size:13px
}


.tablica table table {border:1px solid #f5f5f5;}

.table, .tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#000000;
  border:10px solid #f5f5f5;
}
.table p, .tablica table p {margin:0;}
.table th,
.table td,
.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F0F0F0;
}




.table td, .tablica table td {vertical-align:middle; font-size: 13px;}
.table th, .tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #fff ;
  background:#ca5b58 !important;
}
.table thead th, .tablica table thead th {
  vertical-align: bottom;
  background: #F0F0F0;
  font-family:open sans
  font-weight: 600;
  font-size: 16px;

}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
.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;
}
.table tbody + tbody,
.tablica table tbody + tbody {
  border-top: 2px solid #F0F0F0;
}

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

.table a, .tablica table a {color: #0066b3;font-weight: 600;}

.table ul, .tablica table ul {color: #5d5c5c; margin: 0 0 0 25px}











.featured-box, .obuhvat {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;}

.dropdown-menu {width:230px;font-size:17px;}

.destacados{padding: 20px 0;text-align: center;}
.destacados > div > div{padding: 10px;border: 1px solid transparent;border-radius: 4px;transition: 0.2s;}
.destacados > div:hover > div{margin-top: -10px;border: 1px solid rgb(200, 200, 200);box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;background: rgba(200, 200, 200, 0.1);transition: 0.5s;}
.destacados .col-md-2 {padding-left:0 !important;padding-right:0 !important;width:19% !important;}

.cc-cookies{border: 1px solid #DCDCDC;box-shadow:3px 3px 10px 5px rgba(0, 0, 0, 0.1);position:fixed;width:230px;right:30px;bottom:50px;padding:20px;background:#fff;background:rgba(255,255,255,.95);font-size:13px;font-weight:400;z-index:99999;text-align:center;color:#333}
.cc-cookies a,.cc-cookies a:hover{color:#3175A4;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;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset,.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:.5em .75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.35);-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:.5em}
.cc-cookies a.cc-cookie-reset{background:#f15b00}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-decline{background:#000;-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .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:.5em 1em;left:auto;top:auto}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:0 0;text-shadow:none;padding:0;text-decoration:underline}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0}

.lijevo-hr {
width: 35%;
float: left;
}

.desno-hr {
width: 35%;
float: right;
}

.reklame img {
margin: 40px auto; 
opacity: 0.25; 
filter: grayscale(100%);
-webkit-filter: grayscale(100%); filter: grayscale(100%); 
-webkit-filter: grayscale(100%);
}

.reklame img:hover {opacity: 1;
 filter: grayscale(0%);
-webkit-filter: grayscale(0%); filter: grayscale(0%); 
-webkit-filter: grayscale(0%);}

.input-group {
    margin: 20px auto;
    width: 100%;
}
input.btn.newsletterbutton,
input.btn.newsletterbutton:focus {
    outline: none;
    width: 65%;
    height: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
button.newsletterbutton {
    width: 33%;
    height: 35px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    background-color: #08427d;
}
.promise {
    color: #08427d;
}

.newsletterbutton {
    font-size: 13px;
    padding: 4px 16px;
}

.newsletter {color:#0d55a0; text-transform: uppercase; font-size: 1.438em; margin: 19px 0 0 0;}

.newsletter-opis {color: #0d55a0; font-size: 1em;}

.footer-hr {
width: 70%;
float: right;
margin: 22px 0;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));



}

.footer-opis {
color: #9fc9f3;
font-size: 1em;
font-family: "Open Sans", "sans-serif";
margin-top: 30px;
margin-bottom:0
}

.footer-info {
color: #fff;
float:left;
font-size: 1.2em;
padding-right: 20px;
padding-top: 12px;
}

.social-ikone {
margin-left: 10px;
margin-right: -3px;
margin-top: 10px;
}

.social-ikone:hover {
opacity: 0.5;
}

.footer-naslov {font-size: 1.438em; text-transform: uppercase;margin-bottom: 42px; margin-top: 7px;width: 50%;}

.novosti-hr {
width: 50%;
float: right;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(0,0,0,0));
margin: 22px 0;
}

.footer-novosti p, .footer-novosti h3 {color: #9fc9f3; float: left; line-height: 1.3;}

.footer-novosti p {/*margin-top: -45px;*/}

.footer-novosti {/*width:70%; width: 100%;*/ line-height: 1.3; font-family: "Open Sans", "sans-serif"; float: right;}

.bijeliborder {border: 1px solid white;}

header nav {position: relative; top: -23px;}

header nav ul.nav-main li a {line-height: 91px; margin-top: 5px; font-size: 15px; font-weight: 400;}

nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse {
    left: -645px;
    position: absolute;
    top: -51px;
}

.nav > li > a {padding: 14px 19px;}

header nav ul.nav-main {margin: -5px 20px 0 -60px;}

.nav-pills > li > a {border-radius: 0;}

.slider-social:hover {opacity: 0.5;}

.slidersocial {position:absolute;}

.izdvojeno {margin: 0 5px;background: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojeno img {margin: 0 auto;border: 15px solid #ffffff;}
.izdvojeno h3 {color: #000; text-transform: uppercase; float: none; margin: 15px 5px 10px 5px; height: 44px; overflow:hidden;}
.izdvojenodolje {background-color: #FFF; border-top: 1px solid #eee; margin-left: auto; margin-right: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojenogore {height:178px; overflow:hidden}
.izdvojenonovo {height:57px; width:57px; position: absolute; top:0; left:0; z-index:10; background:url("https://spiritus-koncept.hr/slike/spiritus-novo.png") no-repeat}
.izdvojenoakcija {height:57px; width:57px; position: absolute; top:0; left:0; z-index:10;background:url("https://spiritus-koncept.hr/slike/spiritus-akcija.png") no-repeat}
.izdvojenotop {height:57px; width:57px; position: absolute; top:0; left:0; z-index:10; background:url("https://spiritus-koncept.hr/slike/spiritus-top.png") no-repeat}
.izdvojeno .btn {width:100%; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}


.izdvojeno02 {margin: 0 5px 40px 5px;background: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojeno02 img {margin: 0 auto;}
.izdvojeno02 h3 {color: #000; text-transform: uppercase; float: none; margin: 0 5px 10px; height: 85px; overflow:hidden;text-align:center;padding-top: 12px;}
.izdvojenodolje02 {background-color: #f5f5f5; margin-left: auto; margin-right: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojenogore02 {height:208px; overflow:hidden;border: 1px solid #eee}
.izdvojeno02 .btn {width:100%; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}


.izdvojeno-sidebar {margin: 0 5px;background: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojeno-sidebar img {margin: 0 auto;border: 15px solid #ffffff;}
.izdvojeno-sidebar h3 {color: #000; text-transform: uppercase; float: none; margin: 15px 5px 10px 5px; height: 44px; overflow:hidden;}
.izdvojeno-sidebar .btn {width:100%; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.izdvojenodolje-sidebar {background-color: #FFF; border-top: 1px solid #eee; margin-left: auto; margin-right: auto;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.izdvojenodolje-sidebar h3 {text-align: center;}




div.footer-copyright {background: #023972;}
div.footer-copyright p {color:#99c5f2; font-family: "Open Sans", "sans-serif"; font-size: 13px; }

a.scroll-to-top {background: none repeat scroll 0 0 #000;}

a.scroll-to-top.visible {opacity: 0.85;}

.redbg {background: url("https://spiritus-koncept.hr/images/uploads/bg-spiritus.png") no-repeat; padding: 122px 0 25px 0; margin-top:5px;}

.bluebg {background: url("https://spiritus-koncept.hr/images/rotator/bg-spiritus-bazen.png") no-repeat; padding: 122px 0 25px 0; margin-top:5px;}






body.sticky-menu-active header nav {top:0}
body.sticky-menu-active nav.mega-menu .nav, body.sticky-menu-active nav.mega-menu .dropup, body.sticky-menu-active nav.mega-menu .dropdown, body.sticky-menu-active nav.mega-menu .collapse {top:-22px}
body.sticky-menu-active header nav ul.nav-main li a {line-height:35px}

.owl-theme .owl-controls .owl-buttons div {margin:0;color: #c5c5c5;}

.img-responsive-30po {display: block;max-width: 30%;height: auto;}
.img-responsive-20po {display: block;max-width: 20%;height: auto; margin-right:3%;float: left;}
.oko-footer-text {float:left; width:77%;height: 74px;margin: 0 0 20px 0;overflow: hidden;}
.potpis-right {text-align:right}
.ikone {}


.oko-izdvojeno {
    position: relative; 
    z-index: 1; 
    clear: both;
    top: 44px;
}
.lijevo-hr {
    float: left;
    left: 0;
    position: relative;
    width: 35%;
}
.opis1 {
    margin: 0;
    position: relative;
}
.desno-hr {
    float: right;
    position: relative;
    right: 0;
    width: 35%;
}
.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
}
.owl-buttons {
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}
.owl-prev {
    margin: 0 170px 50px 0 !important;
}
.owl-next {
    margin: 0 0 0 170px !important;
}