/*TOMISLAV*/

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear35 {clear:both; height:35px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}


.hossphim {position: absolute; z-index: 2; top: 18px;right: 110px; max-width: auto !important; width: auto !important; min-width: auto !important;}
.energysmart {position: absolute; z-index: 2; top: 0px;right: 110px; max-width: auto !important; width: auto !important; min-width: auto !important;}

@media (max-width: 991px) {
.energysmart { right: 0; min-width: auto !important;  height: 50px !important;}
}


.navbar-nav > li > a {padding: 0px 2px 0 !important;font-size: 13px !important;}
input[type="search"].search {width: 120px;}

@media (max-width: 1199px) {
.navbar-nav > li > a {padding: 0px 4px 0 !important;font-size: 12px !important;}
}


@media (max-width: 991px) {
.navbar-nav > li > a {padding: 0px 1px 0 !important}
}

@media (max-width: 737px) {	
input[type="search"].search {margin: 16px 0;}
.hossphim {top: 0px;right: 10px;height: 50px !important;}

.new-header-hero-image-home {min-height: 50vh;}
.gumb-bijeli-novi {bottom: 30px;}

}

@media (max-width: 569px) {
.hossphim {height: 40px !important;}
.new-header-hero-image-home {min-height: 30vh;}
.gumb-bijeli-novi {bottom: 18px;}
}


.card-wrap {  
  -webkit-box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
  border: none;
  background-color: inherit;}

.card-wrap-content { 
padding: 32px 24px 32px;
min-height: 270px;
}

.slikadup {position: relative; left: -15px}
.dupla-sekcija {padding: 80px 0}
.sivirow {background: #f2f2f2;overflow: hidden}
.dupla-sekcija-content {margin: 20% 0 0 0}
.dupla-sekcija-content h4 {
  font-size: 18px;
  font-weight: bold;
margin: 40px 0;
  color: #009aa6;
  font-family: "MuseoSans-300", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.img-ikona{
width: 166px;
  position: absolute;
  left: 30%;
top: 0
}
.img-novi-holder {position: relative}
@media (max-width: 991px) {
.card-wrap-content { min-height: auto}
.dupla-sekcija-content {margin: 30px 0}
.dupla-sekcija-content h4 {margin: 20px 0}
.slikadup {position: relative; left: 0px}
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.slika-preuzimanje {float: left; margin-right: 15px; max-width: 150px; height: auto}
.shrink-50-center {width: 60%; margin: 5% auto; text-align: center;}
@media (max-width: 737px) {	
.shrink-50-center {width:100%;}
}

.sivirow .card-wrap-content {background: #fff}
.dupla-sekcija-bijela {padding: 80px 0}
.pozicijaikonadownloda {margin: 10% 0}
.aplikacija {pading: 0 0 80px 0 !important}
.opcije h4 {font-size: 22px;
  line-height: 22px;
  text-transform: none;
  font-weight: bold;}
.rjesenja h4 {font-size: 22px;
  line-height: 22px;
  text-transform: none;
  font-weight: bold;}

.aplikacija, .aplikacija p {text-align: left}

.aplikacija h4{font-size: 22px;
  line-height: 22px;
  text-transform: none;
  font-weight: bold;
margin-bottom: 30px;
}

.new-header-hero-image {background: url(https://spa-studio.hr/hotspring/images/uploads/Vise-od-hidromasaznog-bazena.jpg) no-repeat;

background-size: cover;

  background-position: center top;min-height: 70vh;
display: flex;
  align-items: center;
  justify-content: center;

}
.new-header-hero-image-title {
position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}


.new-header-hero-image-title h1 {font-size: 48px;
  line-height: 48px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 2px 3px #707070;
  text-align: center;


}



.slikarazmaci {display: block; margin: 30px auto}

.new-section-midle {display: block; width: 70%; margin: 20px auto 0 auto; text-align: center;}

@media (max-width: 767px) {
.new-header-hero-image-title h1 {font-size: 20px;    line-height: 22px;}
.new-section-midle {width: 100%}

}

.razm {   margin-bottom: 10px !important;}

#istaknute-znacajke h4
{
  font-size: 18px;
  font-weight: bold;
  color: #009aa6;
  font-family: "MuseoSans-300", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.cccc-istaknute-znacajke h4
{
  font-size: 18px;
  font-weight: bold;
  color: #009aa6;
  font-family: "MuseoSans-300", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}


#spaaccess-section .field-item {min-height: 100px}
#watercare-section .pane-accessories-div .field-item {height: 300px}
.accessories-lp-block.three-col{  min-height: auto;}


.okvir-bijeli {
height: 100%;
  -webkit-box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 24px 0 rgba(0,0,0,.1);
  border: none;
  background-color: inherit;
  border-radius: 0;
  background-clip: border-box;
  min-width: 0;
  word-wrap: break-word;
  display: -webkit-box;
  position: relative;
}

.g-o  {padding: 0 !important}

.okvir-bijeli-slika {}
.okvir-bijeli-slika img{/*height: 340px*/}

@media (max-width: 767px) {
.okvir-bijeli-slika img{height: auto}
}


.okvir-bijeli-content {padding: 25px 10px 25px 0}
.okvir-bijeli-content h2.pane-title  {font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #009aa6;
  font-weight: bold;}
.okvir-bijeli-content a {font-weight: bold}
.row-content-razmak .col-md-6 {margin-bottom: 60px;}

.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1440px) {
  .container-xl {
    max-width: 1630px;
  }
}


.new-header-hero-image-why {background: url(https://spa-studio.hr/hotspring/images/uploads/zasto-2024.jpg) no-repeat;

background-size: cover;

  background-position: center top;min-height: 70vh;
display: flex;
  align-items: center;
  justify-content: center;

}


.new-header-hero-image-energetska {background: url(https://spa-studio.hr/hotspring/images/uploads/energetska-2024.jpg) no-repeat;

background-size: cover;

  background-position: center top;min-height: 70vh;
display: flex;
  align-items: center;
  justify-content: center;

}


.energy-container {
  padding: 80px 0;
}



.new-header-hero-image-home {background: url(https://spa-studio.hr/hotspring/images/uploads/freshwater-iq-hotspring-2024.jpg) no-repeat;

background-size: cover;

 min-height: 70vh;
display: flex;
  align-items: end;
  justify-content: center;

}

.gumb-bijeli-novi {background: #fff; padding: 15px;  color: #007681;box-shadow: none;
  text-decoration: none;line-height: 1.223;cursor: pointer;font-weight: 600;text-align: center; position: relative;
  bottom: 60px;text-transform: uppercase}

.FWIQ {height: 60px !important; width: auto;margin-bottom: 40px !important;}

 
  .video-container {
    	max-width: 100%; /* Set a pixel value instead if no parent container*/
    	margin: 0 auto; /* Center the container */
margin-bottom: 60px;
	}
.video-container video {
    	width: 100%; /* Fill the available width */
    	height: auto; /* Adjust height automatically */
}


.FWIQznacajke {height: 260px !important; width: auto;margin-bottom: 80px !important;margin-top: 80px !important;}



@media (max-width: 600px) {
.new-header-hero-image-home {  background:url(https://spa-studio.hr/hotspring/images/uploads/freshwater-iq-hotspring-2024-xs.jpg) no-repeat; background-size: contain !important;

}

.gumb-bijeli-novi {border: 1px solid #009aa6}

.homepage .model-container .bar {display: none}

}