.container h2{
  line-height: 120%;
  text-align: left;
  font-size: 45px;
  font-weight: 900;
  color:#333;
}

.heading-wrapper{
  display: table;
  margin: 0 auto;
  clear: both;
  position: relative;
}
.heading-wrapper > *{
  float: left;
}
.heading-img{
  position: relative;
  display: table;
  margin: 0 auto;
  clear: both;
  text-align: center;
  float: none;
  padding-bottom: 40px;
  box-sizing: border-box;
}

.front-swiper-container .swiper-slide{
  margin-top:270px;
}
.heading-wrapper > div>img{
  width: 300px;
  filter:drop-shadow(0px 0px 2px #000);
}
.lazy-island-hide{
  display: none;
}
.search-widget-buttons > .island-hide{
  display: none;
}
.rand-button{
  text-align: center;
  color:#fff;
  font-weight: 100;
  line-height: 120%;
}
.places-main-wrapper > p{
  width:1336px;
  margin: 0 auto;
  position: relative;
  display: table;
  line-height: 120%;
  box-sizing: border-box;
  text-align: center;
  color:#333;
  font-weight: 300;
  padding-bottom: 60px;
  font-size: 22px;
}
.places-main-wrapper > p > strong{
  font-weight: 400;
}
.lazy-top h2{

  text-shadow: 1px 1px #333;
  color:#fff;
}

.lazy-top .head-table .rand-button{
  color:#fff;
}

.rand-button a,.rand-button a:visited{
  text-decoration: none;
  font-weight: 400;
  color:#fff;
  padding:2.5px 20px;
  background: #E8B767;
  float: left;
  transition:all 0.1s;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.lazy-top .rand-button a{
  color:#fff;
  background: #E8B767;
  opacity: 1;
  transition: all 0.2s;
}
.rand-button > span{
  line-height: 48px;
  text-shadow: 1px 1px #333;
}
.rand-button a:hover,.rand-button a:active{
  opacity: 0.7;
}
.center-wrapper{
  display: table;
  margin: 0 auto;
}
.main-highlights{
  overflow: hidden;
  width:calc(30% - 60px);
  position: relative;
  float: right;
}
.logo-span img{
  width: 35px;
}
.main-table{
  float:left;
  width:100%;
  display: table;
}

.main-cell{
  float: left;
  width: 100%;
  clear: both;
  padding:60px 0px;
  box-sizing: border-box;
}

.main-cell ul{
  display: table;
  margin:0 auto;
  box-sizing: border-box;
  text-align: right;

}

.main-cell li{
  list-style-type: none;
  display:table;
  box-sizing: border-box;
}
.main-cell li:not(:first-child){
  padding-top:25px;
}
.logo-li{
  padding-top:0px;
}

.main-cell ul li:not(.logo-li) span{
  float: left;
  font-weight: 400;
  font-size: 20px;
  color:#fff;

  line-height: 120%;
}
.main-cell ul li:not(.logo-li) span:last-child{
  padding-left: 10px;
}
.main-cell i{
  display: block;
}

.main-cell i::before{
  font-size: 25px;
  line-height: 100%;
  font-weight: 100;
}


.main-cell h2{
  font-size: 30px;
  color: #555;
  line-height: 120%;
  width: 100%;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
}

.main-cell h3{
  line-height: 120%;
  font-size: 20px;
  color: #E8B767;
  width: 100%;
  font-weight: 400;
  text-align: center;
}

.main-logo{
  position: relative;
  display: table;
  margin: 0 auto;
  color: #4474a5;
  font-size: 40px;
  line-height: 120%;
  clear: both;
  text-decoration: none;
}

.main-logo > *{
  display: table-cell;
  vertical-align: middle;
}

.main-logo > .logo-icon{
  width:15px;
  padding-top: 5px;
}

.logo-li >span{
  font-size: 40px;
  display: table-cell;
  vertical-align: middle;
  color:#fff;
}

.container{
  float:left;
  width:100%;
  clear: both;
  position: relative;
}
.search-widget-wrapper{
  width: 100%;
  float: left;
  position: absolute;
  pointer-events: none;
  bottom: 325px;
  z-index: 2;
}
.search-widget-wrapper h3{
  text-align: center;
  line-height: 120%;
  font-size: 40px;
  width: 100%;
  text-align: center;
  color:#E8B767;
  text-shadow: 0px 0px 2px #333;
}
.intro{
  display: table;
  clear: both;
  position: relative;
  width: calc(100% - 80px);
  float: left;
  margin-left: 40px;
  box-sizing: border-box;
}
.intro > *{
  clear: none;
  position: relative;
}

.head-table .rand-button{
  text-align: left;
  font-size: 16px;
  box-sizing: border-box;
}

.places-main-wrapper{
  width: 100%;
  background-image: -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, transparent);
  float: left;
  padding-top:40px;
  padding-bottom: 80px;
  box-sizing: border-box;
  clear: both;
  position: relative;
  z-index: 0;
}
.places-main-wrapper h2{
  text-align: center;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.intro-img{
  position: fixed;
  top:0;
  z-index: -1;
  width:100%;
  top:0;
}

.intro h2{
  font-size:20px;
  color:#777;
  text-align: center;
}
.home-head{
  font-size:35px;
  text-align: center;
  text-decoration: underline;
  color:#555;
}
.search-widget-container{
  position: absolute;
  left: 0;
  right: 0;
  bottom:100px;
  z-index: 99;
}

div.search-widget{
  display: table;
  margin: 0 auto;
  clear: both;
  position: relative;
}

.search-widget-heading{
  clear:both;
}

.search-widget-buttons{
  margin:0 auto;
  clear:both;
  display:table;
}

.search-widget-buttons > div{
  display:table-cell;
  vertical-align:middle;
  position: relative;
  padding-right: 20px;
}

.search-widget-buttons > div:last-child{
  padding-right: 0px;
}

.search-widget-buttons label{
  display:none;
  clear:both;
  width:100%;
  color:#424242;
  text-align:left;
  text-indent:10px;
}

.search-widget-buttons div:first-child label{
  text-indent:0px;
}

.search-widget-buttons i:not(.rem-date)::before{
  color:#048BA8;
  font-size: 22px;
  line-height: 100%;
}

.search-input > div{
  display: table;
  position: relative;
}
.search-input-title{
  background:#048BA8;
  color:#fff;
  width: 100%;
  text-align: left;
  line-height: 120%;
  font-size: 14px;
  font-weight: 700;
  padding:7.5px;
  box-sizing: border-box;
  text-align: center;
}
.search-input > div > *:not(.datepicker){
  display: table-cell;
  vertical-align: middle;
}

.search-input i:not(.rem-date){
  width:45px;
  background:#eee;
  text-align: center;
}

.rem-date{
  right: 10px;
  position: absolute;
  bottom:12.5px;
  cursor: pointer;
}

.rem-date::before{
  color: #aaa;
  font-size: 10px;
  transition: all 0.3s;
  padding: 5px;
}

.rem-date:hover::before{

  background:#4F71A5;
  color:#fff;
  border-radius: 3px;
}

.search-widget h2{
  color:#fff;
  padding-bottom:10px;
  padding-top:10px;
  font-size:35px;
  clear:both;
  font-weight: 100;
}

.search-button{
  text-decoration: none;
  display: table;
  margin: 0 auto;
  color:#fff;
  line-height:120%;
  font-size:20px;
  padding:10px 75px;
  background:#E8B767;
  transition:all 0.3s;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;

}
.search-button:hover{
  opacity: 0.7;
}
.search-buttons{
  padding-left: 0px;
  margin-top:40px;
}
.search-widget-buttons input,.search-widget-buttons select{
  border: 0;
  outline: 0;
  border: none;
  background:#fff;
  color:#777;
  height:45px;
  line-height:45px;
  cursor: pointer;
  padding: 0px 10px;
  transition: all 0.3s;
}
.county-select option,.city-select option{
  color:#333;
  border:0;
  font-weight: 300;
  outline:0;
}

.county-select option:first-child,.city-select option:first-child{
  color:#aaa;
  font-weight: 300;
}
.search-widget-buttons  .booking_date{
  width:240px;
  color:#777;
  font-weight: 300;
  cursor: pointer;
}
.naslov-h1{
  clear:both;
  font-weight: 800;
  font-size:60px;
  text-align: center;
  font-family: 'Catamaran', sans-serif;
  color: #fff;
  text-shadow: 0 1px 0 #aaa,
              0 2px 0 #ccc,
              0 3px 0 #bbb,
              0 4px 0 #aaa,
              0 4px 0 #777,
              0 4px 1px rgba(0,0,0,.1),
              0 0 4px rgba(0,0,0,.1),
              0 1px 3px rgba(0,0,0,.3),
              0 3px 5px rgba(0,0,0,.6),
              0 4px 10px rgba(0,0,0,.25),
              0 7.5px 7.5px rgba(0,0,0,.2),
              0 15px 15px rgba(0,0,0,.15);
  position: relative;

}
.map-heading{
  width:100%;
  float:left;
  clear:both;
  margin-top:40px;
}
#map{
  width:70%;
  height: 460px;
  float: left;
  position: relative;
  box-sizing: border-box;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}

.index-buttons,.index-buttons:visited{
  text-decoration: none;
  color:rgba(59,85,140,1);
}

.video-pokrivo{
  position:absolute;
  z-index: 2;
  left:0;
  top:0;
}
.front-gallery{
  width:100%;
  position:relative;
  float:left;
  box-shadow: 0px -1px 15px #000;
  z-index: 1;
}
.front-swiper-container{
  height:700px;
  float: left;
  width: 100%;
  clear: both;
  overflow: hidden;
  position: relative;
}

.front-swiper-container > .swiper-wrapper{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  box-sizing: border-box;
}
.front-swiper-container .swiper-slide h3{
  text-align: center;
  font-size: 30px;
  line-height: 120%;
  color:#E8B767;
  text-shadow: 1px 1px #000;
}
.front-swiper-container .swiper-parallax{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  background-image: url(/images/front/1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 120%;
  height: 100%;

}
.front-gallery-img{
  float:left;
  position:absolute;
  height:auto;
  width:100%;
}

.middle-section{
  width:100%;
  float: left;
  position: relative;
  clear:both;
  overflow: hidden;
  background: #fff;
}


.show-map{
  text-align:center;
  overflow:hidden;
  clear:both;
  margin-top:10px;
  position:relative;
}
.front-gal-left{
  font-family: Flaticon;
  content: "\f101";
}

.front-gal-right{
  font-family: Flaticon;
  content: "\f101";
}
.show-map a{
  border-radius: 50px;
  line-height:120%;
  font-size:20px;
  padding:7px 25px;
  text-decoration: none;
  color:#fff;
  margin:0 auto;
  transition:all 0.3s;
}

.show-map a:hover{

  background:#fff;
  color:rgba(252,172,1,1);
}

.map-preview{
  text-decoration: none;
  background:rgba(0,33,100,0.7);
  color:#fff;
  line-height:120%;
  padding:0px 2px;
  transition:all 0.3s;
  float:left;
  clear:left;
}

.property-location-span{
  float: left;
  padding:0px 10px;
  line-height: 19px;
  background: #ddd;
  color:#999;
}

.map-preview:hover{
  background:rgba(0,33,100,1);
}

.lazy-contact-wrapper{
  display: table;
  clear: both;
  width: 100%;
  float: left;
  box-shadow:1px 2px 20px 0px rgba(0,0,0,1);
  position: relative;
}

.lazy-contact{
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  box-sizing: border-box;
}
.lazy-contact:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
    background: url(../images/contact-background/contact-back.jpg) no-repeat center center fixed;
    background-size: cover;
}
.lazy-top{
  clear: both;
  display: table;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  padding:80px 0px;
  padding-top: 40px;
}
.lazy-top-wrapper{
  width: 100%;
  position: relative;
  clear: both;
  float: left;
}
.lazy-top-table{
  display: table;
  margin: 0 auto;
  width: 1336px;
  box-shadow: 0px 3px 15px -3px #000;
  background: rgba(4, 139, 168, 0.8);
  background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
  padding:80px;
  box-sizing: border-box;
  clear: both;
  margin-top: 20px;
}
.lazy-bot{
  display: table;
  float: left;
  margin-top:10px;
}

.lazy-top-rows{
  display: table;
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  z-index: 20;
}


.lazy-top .lazy-top-table > span{
  width: 100%;
  clear: both;
  float: left;
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color:#fff;
  padding-bottom: 20px;
  line-height: 120%;
  text-shadow: 1px 1px #000;
}

.lazy-top .lazy-top-table > span strong{
  color:#E8B767;
  font-weight: 400;
}
.lazy-top label,.lazy-bot label{
  clear: both;
  float: left;
  line-height: 120%;
}


.lazy-top select,.lazy-top textarea,.lazy-top input{
  width: 100%;
  float: left;
  clear: both;
  font-weight: 100;
  padding: 0px;
  color: #555;
  outline: none;
  border: none;
  line-height: 100%;
  font-size: 18px;
  box-sizing: border-box;
}
.lazy-top input{
  padding:1px 0px;
  box-sizing: border-box;
  text-indent: 5px;
}
.lazy-top textarea{
  padding:10px;
}
.first-columns{
  width: 30%;
  float: left;
  box-sizing: border-box;
}
.lazy-columns:last-child{
  width:40%;
  padding-right: 0px;
  box-sizing: border-box;
  float: left;
}
.lazy-columns > div{
  float: left;
  clear: both;
  width: 100%;
  padding-right: 40px;
  margin-top:10px;
  box-sizing: border-box;
}
.lazy-columns:last-child > div{
  padding-right: 0px;
}
.lazy-columns > div:first-child{
  margin-top:0px;
}
.lazy-top select{
  -webkit-appearance: menulist-button;
}
.lazy-columns label{
  display: block;
  color:#FFF;
  float: left;
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
  padding-bottom: 5px;
  clear: both;
}
.lazy-columns textarea{
  min-height: 140px;
}
.lazy-bot > *{
  vertical-align: middle;
  display: table-cell;
  margin-top:10px;
}
.lazy-bot-but{
  padding-left: 20px;
}
.group-input{
  float: left;
  clear: both;
  width: 100%;
}
.group-input > *{
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}

.group-input input{
  width: 50px;
  text-align: center;
  text-indent: 0px;
}
.lazy-send,.lazy-send:visited{
  display: table;
  float: right;
  color: #fff;
  text-decoration: none;
  background: #E8B767;
  padding: 10px 30px;
  border-radius: 2px;
  font-size: 25px;
  font-weight: 100;
  transition: all 0.1s;
}

.lazy-send:hover,.lazy-send:active{
  opacity: 0.7;
}