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


.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}

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

.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* Cookie skripta */

/*.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }*/


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




/* SPECIFIC */

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

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

#footer {margin-top:0; margin: 0;}

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

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

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

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

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

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

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


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

.slider-gumb {padding:15px; font-size:18px; font-weight:200; background-color: rgba(0,0,0,0.5); border: 1px solid #fff !important; text-transform: uppercase;}
.slider-gumb:hover {border: none !important;padding: 16px !important;}
/* MENU */

.menu {
  background: #333;
  left: -285px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 285px;
  z-index: 100;
  overflow: scroll;
  overflow-y: hidden;
}
.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  /*border-bottom: 1px solid #636366;*/
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 3px;
  padding-left: 0;
  padding-top: 3px;
  position: relative;
  line-height: 0px;
}

.menu a {
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  text-decoration: none;
  font-family: 'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;
  width: 100%;
  line-height: 45px;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}

.icon-menu {
  color: #000;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
  left: 0px;
  top: 10;
  margin: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.icon-menu i {
  margin-right: 5px;
}
.close_icon{width:25px; height: 25px; display: inline; background-image: url('https://spa-studio.hr/klafs/slike/close_icon.png');}


html.webkit .full-width .thumb-info .thumb-info-wrapper, html.webkit .masonry-item .thumb-info .thumb-info-wrapper, html.webkit .thumb-info-no-borders .thumb-info-wrapper {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


body {
	font-family: 'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;
}

.slider-container .slider-naslov {
	text-transform: uppercase;
    font-size: 3.5em !important;
    line-height: 1.25em !important;
    font-family: 'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;
    text-align: center;
    font-weight: 100;
}

.sort-destination.full-width .isotope-item {
	width: 25%;
}

.boxTekstPoc {
	position: absolute;
    left: 0;
    top: 15px;
    bottom: auto; 
    width: 100%;
}

.boxTekstPoc h3 {
	text-shadow: 0 0 1px #000;
    font-size: 1em;
    line-height: 1.55em;
    text-align: center;
    color: #fff;
}

.thumb-info {
	background: rgb(0,0,0);
}

.thumb-info-wrapper img {
	opacity: 0.7;
}

.no-bgHover .thumb-info-wrapper:after {
	background: transparent !important;
}

ul.image-gallery .image-gallery-item {
	margin-bottom: 0;
}

.h3naslovPoc {
	text-align: center;
    margin-top: 15%;
    font-size: 1.2em;
    font-weight: 100;
    margin-bottom: 30px;
}

.ptekstPoc {
	font-weight: 100;
    text-align: center;
    font-size: 1.3em;
    padding: 0 4%;
}

.btnPocetna {
	margin: 0 auto;
    display: table;
    background-color: transparent;
    border: 1px solid #000;
    color: #333;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 100;
    padding: 10px 20px;
}

#openOffCanvas {
	color: #000; 
    font-size: 1.4em;
}

#footer {
	border-top: none;
    background: #ededed;
    padding: 50px 0 150px 0;
    color: #333;
    font-size: 1.2em;
    font-weight: 100;
    max-width: 100%;
}

#footer nav ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

#footer nav ul li:first-child {
	padding-left: 0;	
}

#footer nav ul li {
	display: inline-block;
    line-height: 12px;
    margin: 0;
    padding: 0 8px;
}

#footer a {color: #333 !important;}
#footer a:hover {color: #808080 !important; text-decoration: none;}

.glavna-tekst-sauna a:link,  .glavna-tekst-sauna a:visited {color: #333 !important; text-decoration: underline;}
.glavna-tekst-sauna a:hover. .glavna-tekst-sauna a:focus {color: #808080 !important; text-decoration: none;}

#footer .footer-copyright {
	background: #fff;
    border-top: none;
    margin-top: 65px;
}

.footer-sticky a:hover {color: #808080 !important; text-decoration: none;}
.footer-sticky {
	position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding: 20px 0;
    font-size: 1.1em;
    font-weight: 100;
    z-index: 999;
border-top: 1px solid #ededed;
}

.footer-sticky nav ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

.footer-sticky nav ul li:first-child {
	padding-left: 0;	
}

.footer-sticky nav ul li {
	display: inline-block;
    line-height: 12px;
    margin: 0;
    padding: 0 30px;
}

.footer-sticky a {
	color: #333 !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
 
#footer nav ul li.icon a img {
opacity: 0.3;
margin-left: -4px;
 } 
 
 #footer nav ul li.icon a img:hover {
opacity: 1;
 }

#sub-menu ul li i {
font-size: 12px;
margin-left: 3px;
color: gray;
}

.btnPocetna:hover {background-color: rgba(0,0,0,0.5); color: #fff;}

.list-group-item {
	background-color: transparent;
    border: none;
}

.logoNew {
	text-align: center;
    margin-right: 10%;
}

.header-title {
	font-size: 3em;
    text-transform: uppercase;
    font-family: 'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;
    font-weight: 100;
    line-height: 1.08333em;
}

.h1header-title {
	font-size: 4em;
    text-transform: uppercase;
    font-family: 'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;
    font-weight: 100;
    line-height: 1.08333em;
    margin-top: 15px;
}

.proizvodi-glNaslov {
	font-weight: 100;
    text-align: center;
}

.link-sivi:hover {
	color: #808080 !important;
    text-decoration: none;
}

.link-sivi:link, .link-sivi:visited {
	color: #000;
}

.link-regular:hover {
	color: #808080 !important;
    text-decoration: none;
}

.link-regular:link, .link-regular:visited {
	color: #000 !important;
}

.link-bijeli:hover {
	color: #fff !important;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
}

.link-bijeli:link, .link-bijeli:visited {
	color: #000;
}

.link-crni:hover {
	color: #000 !important;
    text-decoration: none;
    text-shadow: 0 0 2px #fff !important;
}

.link-crni:link, .link-crni:visited {
	color: #fff;
    text-shadow: 0 0 2px #000;
}

.header-content-inner h1 {
	color: #fff;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 0 1px #000;
    font-size: 4em;
    text-transform: uppercase;
}

.header-content-inner p {
	color: #fff;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 0 1px #000;
    font-size: 1.8em;
}

.header-content {
	position: absolute;
    top: 50%;
    width: 100%;
}

.inner-headerSecond-menu {
	max-width: 960px;
    margin: 0 auto;
    border-bottom: 1px solid #000;
    padding: 20px 0;
}

.inner-headerSecond-menu ul {
	float: right;
    clear: none;
    margin: 0 0 15px 0;
    list-style: none;
}

.inner-headerSecond-menu ul li {
	float: left;
    width: auto;
    margin-left: 25px;
}

.headerSecond-menu-tekst {
	font-weight: 100;
    font-size: 1.4em;
    /*text-shadow: 0 0 2px #fff;*/
}

.white-borderMenu {
	border-bottom: 1px solid #fff !important;
    text-shadow: none !important;
}

.saune-opis-p {
	font-weight: 100;
    font-size: 1.2em;
}

.saune-opis-img {
	float: left;
    margin-right: 30px;
}

.saune-opis-naslov {
	font-weight: 100;
    font-size: 1.3em;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.saune-slike-content-inner {
	display: table-cell;
    vertical-align: middle;
}

.saune-slike-content-inner h1 {
	color: #fff;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 0 1px #000;
    font-size: 4em;
}

.saune-slike-content {
    width: 100%;
    display: table;
    height: 100%;
}

.saune-znacajke-naslov {
	font-weight: 100;
    font-size: 1.3em;
    text-align: center;
}

.glavna-tekst-sauna {
	font-weight: 100;
    font-size: 1.2em;
}

.glavna-tekst-sauna ul li {
	line-height: 2em;
}

.katalog-saune-p {
	background-color: #bbb;
    width: 70%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    font-size: 1.3em;
    font-weight: 100;
    margin-top: 15px;
}

.katalog-saune-p:hover {
	background-color: #7E7E7E;
    color: #fff;
}

.h4naslov {
	text-transform: uppercase;
    font-weight: 100;
    font-size: 2.5em;
}

.header-description {
	font-weight: 100;
    text-align: center;
    font-size: 1.7em;
    width: 60%;
    line-height: 1.7em;
}

.header-description-div p {
	font-weight: 100;
    text-align: center;
    font-size: 1.7em;
    width: 60%;
    line-height: 1.7em;
    margin: 0 auto;
}

.saune-glavna-naslov {
	font-weight: 100;
    font-size: 1.5em;
}

.saune-glavna-opis {
	font-weight: 100;
    font-size: 1.3em;
}

.tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus {
	font-size: 18px;
    font-weight: 100;
    border-bottom: none;
}

.tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom: none;
    border-top: 1px solid #000;
}

.saune-glavna-slika:hover {
	background-color: #fff;
    opacity: 0.8;
}

.saune-opisni-tekst {
	height: 100px;
}

.izbornikGlavni {
  width: 100%;
  border: none !important;
}

.btn-izbornik-more {
  display: block;
  position: absolute;
  height: 25px;
  width: 25px;
  top: 7px;
  right: 10px;
  background-image: url("https://spa-studio.hr/klafs/slike/plus-izbornik.png");
      background-color: transparent;
    border: none;
    background-size: cover;
}

.a-izbornik-more {
  float: left;
}

.izbornikGlavni li a {
	padding: 0 15px;
    border-radius: 0px !important;
}

.a-button {
	position: absolute;
}

.content table{overflow-y:hidden;overflow-x:auto;padding-bottom:15px;margin-bottom:25px;border-top:1px solid #000;font-weight: 100; font-size: 16px;}
.content table.fullWidth{width:100%}
.lt-ie10 .content table{max-width:100%;overflow:auto}
.content table caption{color:gray;border-top:1px solid #000}
.content table tr,.content table th,.content table td{border-bottom:1px solid #d3d3d3}
.content table tr:last-child,.content table tr.last,.content table tr:last-child th,.content table tr.last th,.content table tr:last-child td,.content table tr.last td{border-bottom:1px solid #000}
.content table th{font-family:'Futura PT Multilingual W02',Helvetica,Arial,sans-serif;font-weight:200;font-style:normal;text-align:left}
.content table th,.content table td{padding:5px 15px 5px 0}
.content table table{font-size:1em}

.owl-prev {
	border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    background-color: #CCCCCC !important;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
	height: 85px;
    padding: 32px 30px;
}

.owl-next {
	border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
	background-color: #CCCCCC !important;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background-color: #000 !important;
}

.header-content-2 {
	position: absolute;
    bottom: 42%;
    width: 100%;
}

.kratki-opis {
	font-weight: 100;
    font-size: 2em;
}

.kratki-opis p {
	line-height: 34px;
    color: #000;
}

.shortLine {
	width: 75px;
    height: 1px;
    margin: 0 auto;
    background-color: #d3d3d3 !important;
}

.glavni-tekst-kvaliteta {
	font-weight: 100;
    font-size: 1.2em;
}

.h1kvaliteta {
	font-size: 4em;
    font-weight: 100;
}

.p-kvaliteta {
	font-size: 1.6em;
    font-weight: 100;
}

.kvaliteta-kratki-opis {
	font-weight: 100;
    font-size: 1.4em;
}

.teretana-opis-section {
	padding: 10% 0;
}

.tehnologija-glavni-opis {
	font-weight: 100;
    font-size: 1.8em;
}

.tehnologija-glavni-opis p {
	text-align: center;
    line-height: 33px;
}

.tehnologija-ostali-opis {
	font-size: 1.4em;
    font-weight: 100;
}

.tehnologija-ostali-opis p {
	line-height: 30px;
}

a.list-group-item-success:hover, a.list-group-item-success:focus {
	color: #fff;
    background-color: #3d3d3d;
}

a.list-group-item:hover, a.list-group-item:focus {
	color: #fff;
    background-color: #3d3d3d;
}

.h1naslov {
	font-size: 3.5em;
    font-weight: 100;
}

.planiranje-ostali-opis {
	font-size: 1.3em;
    font-weight: 100;
}

.planiranje-ostali-opis strong {
    font-weight: 200;
}

.planiranjeh1 {
	top: 25%;
}

.planiranje-slike-galerija {
	width: 100%;
    display: table;
    height: 100%;
    position: absolute;
    top: 25%;
}

.planiranje-slike-galerija-inner {
	display: table-cell;
    vertical-align: middle;
}

.planiranje-slike-galerija h1 {
	color: #fff;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 0 1px #000;
    font-size: 3.5em;
}

.planiranje-slike-galerija p {
    color: #fff;
    text-align: center;
    font-weight: 100;
    font-size: 1.7em;
}

.servis-glavna-naslov {
	text-transform: none;
    font-weight: 200;
    font-size: 1.3em;
}

.servis-glavna-naslov-p {
	font-weight: 100;
    font-size: 1.3em;
}

.h1servis-naslov {
	font-size: 3.5em;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hrsiva {
	margin: 0 auto 40px;
    width: 75px;
    clear: both;
    border-bottom: 1px solid #d3d3d3;
    background-image: none;
}

a.more {
	position: relative;
    display: inline-block;
    padding-left: 15px;
    text-decoration: none;
}

a.more:link, a.more:visited {
	color: #333;
}

a.more:hover, a.more:focus {
	color: #808080;
}

a.more:before{content:"›"}

form label {
	font-weight: 100;
    text-transform: uppercase;
    font-size: 1.3em;
}

select {
	border: none;
    border-bottom: 1px solid #333;
    padding: 0px 10px 10px;
    font-size: 1.4em;
    color: #333;
    border-radius: 0;
    width: 100%;
}

textarea.form-control {
	border: 1px solid #ededed;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #333;
    font-size: 1.4em;
    padding: 10px 5px;
}

textarea.form-control:focus {
	background: #f2f2f2;
    border-color: #f2f2f2;
    outline-style: none;
    box-shadow: none;
}

.radio-kontakt {
	text-transform: none;
}

.form-control {
	border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #333;
    font-size: 1.4em;
    padding: 10px 5px;
    box-shadow: none;
}

.form-control:focus {
	background: #f2f2f2;
    border-color: #f2f2f2;
    outline-style: none;
    box-shadow: none;
}

.kontakt-button {
	padding: 10px;
    border: 1px solid #000;
    color: #333;
    background-color: #fff;
    border-color: #333;
    font-weight: 100;
    text-transform: uppercase;
}

.kontakt-button:hover {
	background-color: #f2f2f2;
    border-color: #f2f2f2;
}

a.link-normal {
	position: relative;
    display: inline-block;
    text-decoration: none;
}

a.link-normal:link, a.link-normal:visited {
	color: #333;
}

a.link-normal:hover, a.link-normal:focus {
	color: #808080;
}

a.link-normal-underline:link, a.link-normal-underline:visited {
	color: #333;
    text-decoration: underline;
}

a.link-normal-underline:hover, a.link-normal-underline:focus {
	color: #808080;
}

.main {
	margin-top: 75px;
}

a:hover {
	text-decoration: none;
}

	.innerContent:after {background-image: url(https://spa-studio.hr/klafs/slike/sprite.svg);}
	.innerContent:after {    content: " ";
    display: block;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 50%;
    bottom: 30%;
    margin-left: -34px;
    background-image: url(https://spa-studio.hr/klafs/slike/sprite.svg);
    background-color: transparent;
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
    -moz-background-size: "1000px 1000px";
    -o-background-size: "1000px 1000px";
    -webkit-background-size: "1000px 1000px";
    background-size: "1000px 1000px";
    background-position: -700px -100px;
}

#izbornik_foto a:hover .innerContent:after,#izbornik_foto a:focus .innerContent:after,#izbornik_foto a:active .innerContent:after{background-position:-800px -100px;}


.fixclear:before, .fixclear:after {
    content: " ";
    display: table;
}

.fixclear:after {
    clear: both;
}

li.search input.search:first-child {
    border-radius: 0;
    font-style: italic;
    font-weight: 300;
    height: 30px;
    padding-right: 40px;
    transition: none 0s ease 0s ;
    width: 100%;
}

li.search button.btn-default {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #ccc;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

#navMeta ul li.search i {
    background-position: -247px -648px;
}

#navMeta ul li.search i {
    background-color: transparent;
    background-image: url("https://spa-studio.hr/klafs/slike/sprite.png");
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 20px;
background-position: -350px -650px;
}
#navMeta ul li.search {width:150px;top:-6px;position:relative;}
#navMeta ul li.search .form-control {border:1px solid #9F9F9F;padding-top:0;padding-bottom:0;font-size:1em;}

.prica-lijevo {
	width: 50%;
    float: left;
    margin-right: 15px;
}

.prica-desno {
	width: 45%;
    float: right;
}

.prica-lijevo .saune-opis-naslov {
	font-size: 2.5em;
    margin-bottom: 35px;
    line-height: 35px;
}

.prica-lijevo .saune-opis-p {
	font-size: 1.3em;
}

.siteMap ul ul ul li a {
	color: #000;
}

.siteMap li a.current, .siteMap li a.act, .siteMap li a.active, .siteMap li a:active {
	background: transparent;
}

.siteMap li a.hover, .siteMap li a:hover {
	background: transparent;
}

#siteMap .icon {
	    background-image: url(http://klafs.wmd-flash.com/slike/sprite.png);
    background-color: transparent;
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
    -moz-background-size: "1000px 1000px";
    -o-background-size: "1000px 1000px";
    -webkit-background-size: "1000px 1000px";
    background-size: "1000px 1000px";
    background-position: 0px -300px;
    border: none;
    display: block;
    height: 40px;
    position: absolute;
    right: 7px;
    top: 0px;
    width: 40px;
    z-index: 1;
    cursor: pointer;
}

#siteMap .icon:hover {
	background-position: -50px -300px;
}

#siteMap {
	margin-bottom: 30px;
}

#siteMap li {
	position: relative;
}

#siteMap li a {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    font-size: 1.6em;
    line-height: 1.25em;
    padding: 5px 45px 5px 20px;
    width: 100%;
    margin-bottom: 15px;
}

#siteMap li li a {
	font-size: 1.2em;
    line-height: 1.66667em;
    margin: 0;
}

#siteMap button {
	outline: none;
}

#siteMap ul ul ul li a {
	padding-left: 30px;
    color: #e6e6e6;
    line-height: 1.4em;
}

#siteMap ul ul ul ul li a {
	padding-left: 40px;
    color: #ccc;
    line-height: 1.4em;
}

#siteMap ul ul ul ul ul li a {
	padding-left: 50px;
    padding-right: 35px;
    color: #b3b3b3;
    line-height: 1.4em;
}

.sitemap-cijelo {
	display: block !important;
}

.csc-sitemap p {
	display: none;
}

a.link-arrow:before {
	content: "›";
}

a.link-arrow:before {
	position: absolute;
    left: 3px;
    top: -1px;
}

a.link-arrow {
	position: relative;
    display: inline-block;
    padding-left: 15px;
    text-decoration: none;
}

a.link-arrow:hover {
	text-decoration: underline;
}

.saune-index-p {
	font-weight: 100;
    font-size: 1.4em;
}

.saune-index-p p {
	line-height: 32px;
}

#izbornik_znacajke .glavna-tekst-sauna ul {
	list-style: initial;
}

.width-100{width: 100%;}
.top-44{top: 44%;}
.tekst-glavna h1{font-size: 2.66667em;line-height: 1.25em;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;font-weight: 100;}
.tekst-glavna h2{text-align: center; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 100; font-size: 100%; line-height: 28px;}
.glavna-tekst-sauna strong{font-weight: 200;}
.divider{margin:0 auto 40px;width:75px;clear:both;border-bottom:1px solid #d3d3d3;}
.height-48{height: 48px;}
.font-35{font-size: 3.5em;}
.box_proizvodi{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.box_proizvodi a, .box_proizvodi p{font-size: 18px;}
.box_proizvodi a{font-weight: 200;}
.proizvodi-border{border-bottom:1px solid #d3d3d3; padding-top: 7px}
.box_proizvodi p{margin-bottom: 7px;}

.tekst-znacajke h2{font-weight: 100; font-size: 1.3em; text-align: center;}
.podnaslov-energie{margin-top: 40px;text-align:center;margin-bottom:60px;font-size: 24px;line-height:1.5em;max-width: 550px;margin-left: auto;margin-right: auto;}

#bgvideo{min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -1; background: url('https://spa-studio.hr/klafs/slike/bg-video.jpg'); background-size: cover;}
.video_button{padding: 13px 40px;font-family:'Futura PT Multilingual W02', Helvetica, Arial, sans-serif;font-weight:200;font-style:normal;display:inline-block;font-size: 24px;text-shadow:none;text-transform:uppercase;color:#000;background-color:#f2efe9;line-height:2.22222em;text-decoration:none;}
.video_button:hover{background-color: #5e584d; color: #fff;}
.video_heading h1{text-shadow: 0 0 1px #000;margin-bottom: 20px;font-size: 48px;line-height: 1.25em;font-weight: 400;letter-spacing: 2.5px;}
.video_heading h3{font-size: 24px;margin-bottom: 40px;color: #fff;text-shadow: 0 0 1px #000;font-weight: 100;margin-bottom: 40px;letter-spacing: 0.05em;text-transform: none;}
.video_heading{top: 35%;}
.slides{position: absolute;}
.slide-prvi, .slide-deseti{width: 100%;top: 37%;}
.slide-prvi h1, .slide-deseti h1{color: #fff;margin-bottom: 1%;text-shadow: 0 0 1px #000;font-size: 86px;line-height: 1.129441em;letter-spacing: 0.05em;text-transform: uppercase;font-weight: 400;width: 50%;margin-left: auto;margin-right: auto;/* line-height: 80px; */}
.slide-prvi h2, .slide-deseti h2{color: #fff;text-shadow: 0 0 1px #000;font-size: 29px;line-height: 1.2em;letter-spacing: 0.2px;}
.slides .arrow{margin-top: 10%; background-image: url('https://spa-studio.hr/klafs/slike/s1/sprite.svg');}
.arrow{position:relative;z-index:90;background-color:transparent;background-repeat:no-repeat;-moz-background-size:1000px 1000px;-o-background-size:1000px 1000px;-webkit-background-size:1000px 1000px;background-size:1000px 1000px;background-position:-700px -700px;color:#fff;text-align:center;cursor:pointer;margin:0 auto;display:block;width:62px;height:62px}
.svg .arrow{background-image:url(/fileadmin/images/microsites/s1/sprite.svg)}
.arrow.hover,.arrow:hover{background-position:-700px -200px}
.arrow.act,.arrow.active,.arrow:active{background-position:-700px -200px}
.arrow.focus,.arrow:focus{background-position:-700px -200px}
.arrow span{display:block;position:absolute;text-align:center;font-family:'Futura PT Multilingual W02', Helvetica, Arial, sans-serif;font-weight:200;font-style:normal;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:0.1em;text-shadow:0 0 1px #000,0 0 80px #000;top:-30px;left:-29px;width:120px;font-size:12px}
.slide-sesti .arrow{top: 37%;right: 65px;position: absolute;margin-top: 0px;}

.video-slider{width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}

@media only screen and (min-width: 768px), print{
	#section-navigation{position:absolute;left:auto;bottom:auto;top:35%;right:20px;text-align:left;margin-left:0}
}
#section-navigation ul{position:relative;z-index:5;list-style:outside none none}
#section-navigation .list li{margin-bottom: 8px; line-height: 13px; display:block;position:relative;cursor:default;text-align:right}
#section-navigation .label{background:none;display:block;width:0;opacity:0;position:absolute;right:35px;top:3px;overflow:hidden;color:#fff;font-family:'Futura PT Multilingual W02', Helvetica, Arial, sans-serif;font-weight:200;font-style:normal;text-transform:uppercase;white-space:nowrap;font-size:.77778em;line-height:1.78571em;letter-spacing:0.05em;cursor:pointer;text-align:right;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;background-color:rgba(94,88,77,0.85);padding:0 10px;height:auto;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}
#section-navigation .dot{display:inline-block;width:20px;height:20px;cursor:pointer}
#section-navigation .dot span{display:inline-block;opacity:1;position:relative;left:-5px;top:5px;width:18px;height:18px;background-color:rgba(204,192,167,0.85);border-radius:20px;-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);transform:scale(0.6);-moz-transition:-moz-transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s;-o-transition:-o-transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s;-webkit-transition:-webkit-transform 350ms ease-in-out,opacity 300ms ease-in,width 300ms ease-in;-webkit-transition-delay:0s,0s,0s;transition:transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s;-moz-box-shadow:0px 0px 20px 0 rgba(0,0,0,0.75);-webkit-box-shadow:0px 0px 20px 0 rgba(0,0,0,0.75);box-shadow:0px 0px 20px 0 rgba(0,0,0,0.75)}
#section-navigation li:hover .dot span{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#section-navigation li:hover .label{opacity:1;width:auto;-moz-transition:-moz-transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s;-o-transition:-o-transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s;-webkit-transition:-webkit-transform 350ms ease-in-out,opacity 300ms ease-in,width 300ms ease-in;-webkit-transition-delay:0s,0s,0s;transition:transform 350ms ease-in-out 0s,opacity 300ms ease-in 0s,width 300ms ease-in 0s}
#section-navigation li.active .dot span{background-color:#fff;opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-box-shadow:0px 0px 30px 0 rgba(0,0,0,0.75);-webkit-box-shadow:0px 0px 30px 0 rgba(0,0,0,0.75);box-shadow:0px 0px 30px 0 rgba(0,0,0,0.75)}

.box{padding: 150px 65px 0;position: fixed;top: 0;z-index: 3;width: 30%;height: 100%;background-color: rgba(255, 255, 255, 0.75);}
.box-lijevo{left: 0;}
.box-desno{right: 0;}
.box-dolje{height: 30%; width: 100%; padding: 30px 195px 0 65px; background-color: rgba(242,239,233,0.75); top: auto; bottom: 0; left: 0;}
.box h4{margin-bottom: 4%;font-size: 20px;line-height: 1.3em;text-transform: uppercase;}
.tekst-slider p{font-size: 20px;; line-height: 1.3em;}
.dimenzije-slider{width: 120px;height: 120px;top: 45%;left: 38%;position: fixed;text-align: center;background-image: url('http://klafs.wmd-flash.com/slike/circle.png');background-color: transparent;background-repeat: no-repeat;background-size: 100% auto;background-position: left top;right: auto;}
.dimenzije-slider p{margin: 32px 5px 0; font-size: 25px; display: block; position: relative; z-index: 1; font-family: 'Futura PT Multilingual W02', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.2em;}

#prvi_slide, #drugi_slide, #treci_slide, #cetvrti_slide, #peti_slide, #sesti_slide, #sedmi_slide, #osmi_slide, #deveti_slide, #deseti_slide{display: none;}

#play_video{top: 188px;font-size: 15px;position: absolute;color: #fff;right: 20px;border: 1px solid;border-radius: 50%;padding: 8px 13px;}
#play_video:hover, #play_video:focus, #play_video:visited{color: #000; background-color: #fff;}