/* Font Google - strong reaload time */
/*@import url(http://fonts.googleapis.com/css?family=Lato:400,300,100,700,900&subset=latin,latin-ext);*/
@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif&subset=latin,latin-ext);
/*
 ::-webkit-scrollbar { 
    display: none; 
}
*/
.preloader .item{
  position:absolute;
  width:100px;
  height:100px;
  left:50%;
  top:50%;
  margin-left:-50px;
  margin-top:-50px;
} 

html, body{
  font-family: 'Martel Sans', sans-serif;
  font-size:15px;
  -webkit-font-smoothing: subpixel-antialiased!important;
  color:black;
  font-weight:400;
  height:100%;
  background-color:#f3f3f3;
}

a{
  text-decoration:none;
  outline:none;
  font-size:14px;
}

h1{
  font-size:34px;
  color:white;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:6px;
  line-height:1.2;
}

p{
  font-size:14px;

}
h1 span{
  color:#2fa68e;
}
::selection {
  background: #96a439;
  color:white;
}
::-moz-selection {
  background: #96a439;
  color:white;
}
.contain{
  position:absolute;
  width:100%;
  height:100%;
  padding: 0!important;
}
.container{
  margin-top: 20px;
}
/* Start page */


a:hover{
  text-decoration: none!important;
}



@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


/* Menu */

.navbar{
  width:100%;
  height:82px;
  background:#f3f3f3;
  z-index:1000;
  top:0;
  bottom: 0;
  left: 0;
  right:0;
  margin-bottom: 0px!important;

}
.navbar-nav{
  color: #333;
  margin-right: 0px;
}
.nav-wrap{
  max-width:980px;
  position:relative;
  margin:0 auto;
}
.navbar-collapse{
  background: #f3f3f3;

  border-color: #ccc!important;
}
.navbar-brand {
  padding:0;
   color:#333;
   font-weight:700;
   font-size:18px;
   width:220px;
   /*line-height:60px;*/
   float:left;
   list-style: none;
   margin-top: 10px;
     -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
 }
 .navbar-brand:hover {
  opacity: 0.75;
 }
 .navbar-brand img{
  padding-left: 10px;
  width: 80%;
 }
@media (max-width: 768px) { 
   .navbar-brand img{
  padding-left: 10px;
  width: 70%;
 }
}
.navbar-toggle{
  background-color:#96a439;
  border-color:#96a439!important;
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar:focus{
  background-color: #000;
}
.navbar-right ul{
  width:500px;
  left:50%;
  float:right;
  text-align:right;
  list-style:none;
}

.navbar-right li{
   display:inline-block;
   position:relative;
   color: #333;
   padding-left: 25px;
}

.navbar-right li a{
  color:#333;
  font-size:14px;
  display: block;
  padding: 31px 20px;
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.navbar-right li.active a{
  color:#96a439;
  
}

.navbar-right li a:hover{
  color:#96a439!important;

}
.navbar-nav li a:hover{
  color:#fff!important;
  background-color:#96a439!important;
}
.navbar-default .navbar-nav > li > a.active{
  color:#96a439!important;
}

.clear { 
    clear:both; 
}

/* Language Selector*/

  .language-selector{
    float:right;
    background-color: #f3f3f3!important;
    padding: 5px 0px;
  }
  .language-selector ul li{
    display: inline-block;
    border-right:1px solid #888;
    padding: 0px 8px;
    font-size:8px!important;
  }
    .language-selector ul li:last-child{
    border-right:none;
  }
  .language-selector ul li a{
    font-size:11px!important;
    color:#888;
  }

/* Naslovna */

.naslovna{
  position:relative;
  width:100%;
  height:100%;
background: url('../img/background/1.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   /* -webkit-filter: grayscale(0.5);*/
  height: 350px;

    font-family: 'Bree Serif', serif;
}
.naslovna .row{

  margin: 0 auto;
  text-align: center;
}
.naslovna-slika h1{

  color: #2f6632;
  font-size: 45px;
  letter-spacing: 3px;
  font-family: 'Bree Serif', serif;
  margin-top:160px;
}
.naslovna-slika h2{
    color:#96a439;
  font-size: 30px!important;

}


/* Rezervacije button */

.rezervacije{
  background: #f3f3f3;
  box-shadow: 
  border-radius: 5px;
  float: right;
  padding: 10px;
  max-width: 300px;
  margin-top: -15px;
  -webkit-box-shadow: 0px -8px 10px 0px rgba(0,0,0,0.6);
  }
  .rezervacije a{
  font-family: 'Bree Serif', serif;
  text-decoration: none;
  font-size: 18px!important;
  color:#96a439;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  }
  .rezervacije a:hover{
  opacity: 0.5;

  }
@media (max-width: 991px) { 
   .rezervacije{
  margin-top: -20px;
  }
}
/* Info */

.info .row{
  max-width: 980px;
  margin: 0 auto;
}
.info h1 {
  letter-spacing: 0px;
  margin-top: 20px;
  color: #2f6632;
}
.info h2 {
  letter-spacing: 0px;
  color: #2f6632;
  font-size: 20px;
  padding-bottom: 10px;
}
.info p{
  color:#888;
  padding-top: 20px;
  font-size: 13px;
  line-height: 22px;
}
.info .tekst-desno{
  color:#888;
  padding-top: 75px;
  font-size: 14px;
}
.info .col-md-2{
  padding: 0!important;
}
.info .col-md-12{
  padding: 0!important;
}

/* Mini galerija*/

.mini-galerija{
  margin: 77px auto;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
    padding: 0px 43px;

}
#links ul li{

}
.col-centered {
    float:none;
    margin:0 auto;
}
.mini-galerija #links ul li{
  margin-right:0em;
  float: none;
}
@media (max-width: 991px) { 
  .mini-galerija{
  border: none;
    padding: 0px 0px;
      float: none;
}
}

/* Social */
.social {
  max-width: 980px;
  padding-bottom: 75px;
  margin: auto;
  height: 20px;
}
ul.social-images{
  margin: auto;
  text-align: center;
}
ul.social-images li{
  display: inline-block;
  padding: 12px 0px 12px 10px;
}
.social-images img{
  max-width: 150px;
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    opacity: 0.6;

}
.social-images img:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0%);
    opacity: 0.9;
}

.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
/* Slideshow */

.slideshow img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  overflow: scroll;
}

/* Footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -120px;
}
.push{
  margin-bottom: 60px;
}
.push, .footer{

}
.footer{
  bottom: 0;
    height: 60px;
  background: #96a439;
}
.footer .row{
  max-width: 980px;
  margin: 0 auto;
}
.footer p{
  color: #fff;
  padding-top: 25px;
  font-size: 12px;
}
@media (max-width: 768px) { 
 .footer p{
  color: #fff;
  padding-top: 5px;
  font-size: 12px;
}
}
.footer p span{
  font-weight: 700;
}
.footer a{
  color: #fff;
  font-size: 12px;
}

/* Apartmani */

.apartmani .row{
  max-width: 980px;
  margin: 0 auto;
}
.apartmani h1{
  letter-spacing: 0px;
  color: #2f6632;
  font-size: 20px;
  border-bottom: 1px solid #2f6632;
  padding:15px 15px;
  margin-top:15px; 
}
.apartmani-kartice{
  margin-top: 20px;
  padding-bottom: 10px;
  min-height: 260px;
  background: #e1e1e1;
  border-radius: 5px;
  margin-bottom: 20px;
}
.apartmani-kartice h2{
  padding: 20px 10px;
  background-color: #96a439;
  font-size: 25px;
  font-weight: 100;
  color: white;
  text-align: center;
  letter-spacing: -1px;
  border-radius: 5px 5px 0px 0px;
  line-height: 22px;
}
.apartmani-kartice h2 span{
  color: #ddd;
  font-size: 20px;
  letter-spacing: 2px;
}
.apartmani-kartice h3{
  margin: 50px 50px 15px 50px;
  font-size: 18px;
  color: #666;
  text-align: center;
  line-height: 22px;
  padding:10px;
  border-bottom:1px solid #666; 
}
/*.apartmani-ukratko{
  padding: 25px 15px 50px 25px; 
  margin: auto;
  margin-top: 30px;
  float: left;
  font-size: 16px;
  color: #888;
  vertical-align: middle;
  text-align: justify;
}*/
.apartmani-ukratko ul{
  margin:auto;
  padding: 10px 40px;
}
ul.columns{
  list-style: disc!important;
  list-style-position: inside;
  margin-left: 10px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
@media (max-width: 768px) { 
.apartmani-ukratko ul{
  padding: 15px 5px 5px 15px; 
  margin-left: 15px;
  margin-top: 10px;
}
}

.apartmani-ukratko ul li{
  color: #888;
  list-style-type: disc !important;
  padding: 5px 0px;
  list-style-position: inside;
  column-break-inside: avoid;
 }

ul.ikonice {
  margin:-35px auto;
  text-align: center;
}
ul.ikonice li{
  padding: 20px;
  display: inline-block;
  margin:0 auto;
  background-color: #96a439;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
ul.ikonice a li{
  color: #fff;
}
ul.ikonice li:hover{
  background-color: #849032;
  color: #ccc;
}
.ikonice i{
  font-size: 30px;
  padding: 1px 0px;
}
.ikonice a.fa-picture-o{
}

/* Gallery */

.hidden{
  display: none;
}

/* Apartman */

.apartman .row{
  max-width: 980px;
  margin: 0 auto;

}
.apartman h1 {
  letter-spacing: 0px;
  margin-top: 20px;
  color: #2f6632;
}
.apartman h2 {
  letter-spacing: 0px;
  color: #2f6632;
  font-size: 20px;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #2f6632;
}
.apartman .apartman-opis{
  color:#666;
  padding-top: 20px;
  font-size: 13px;
}
.apartman-opis p{
  float: left;
  font-size: 13px;
}
.apartman-opis ul{
  list-style: disc;
  padding:10px 80px 20px 10px;
  margin-left: 10px;
  float: left;
}
.apartman-opis ul li{
  padding: 5px 0px;
}
.apartman img{
  margin-top: 5px;
  border:8px solid #fff;

}
.apartman .apartman-piktogrami{
  color:#666;
  padding: 25px 0px;
  text-align: center;
  width:100%;
  margin: auto;
  float: right;
}
.apartman-piktogrami i{
  font-size: 50px;
  color: #96a439;
  text-align: center;
}
.apartman-piktogrami ul{
}
.apartman-piktogrami ul li{
  padding: 3px 20px;
  display: inline-block;
}
.fa-check-circle {
    padding-right: 5px;
  font-size: 20px;
  color: #96a439;
}
.fa-times-circle {
  padding-right: 5px;
  font-size: 20px;
  color: #F05448;
}
.apartman #links{
  padding-bottom: 70px;
    margin-top: 20px;
}
/* Lovran */

.lovran .row{
  max-width: 980px;
  margin: 0 auto;

}
.lovran h1 {
  letter-spacing: 0px;
  margin-top: 20px;
  color: #2f6632;
}
.lovran h2 {
  letter-spacing: 0px;
  color: #2f6632;
  font-size: 20px;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #2f6632;
}
.lovran .lovran-tekst{
  color:#666;
  padding-top: 20px;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 80px;
}
.lovran .lovran-slike{
  padding-top: 50px;
  padding-bottom: 60px;
  margin-bottom: 20px;
}
.lovran .lovran-slike img{
  max-width: 292px;
}
/* CJENIK */

.cjenik .row{
  max-width: 980px;
  margin: 0 auto;
}
.cjenik h1 {
  letter-spacing: 0px;
  margin-top: 20px;
  color: #2f6632;
}
.cjenik h2 {
  letter-spacing: 0px;
  color: #2f6632;
  font-size: 20px;
  padding-bottom: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #2f6632;
}
.cjenik ul{
  color: #666;
  float: left;
  margin-top: -70px;
  margin-left: 30px;
  list-style: disc;
}
.cjenik ul li{
  padding: 7px 0px;
}
.cjenik ul li a{
  font-weight: 700;
  color: #666;
}
.cjenik table{
  color: #666;
  margin: 0px auto;
  width: 100%;
}
@media (max-width: 768px) { 
   .cjenik table{
  color: #666;
  margin: 0px auto;
  width: 400px;
}
}
.cjenik table tr td{
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.cjenik table tr td{
    font-size: 18px;
  padding: 22px 10px; 
  text-align: center;
}
.cjenik table tr td a{
    font-size: 18px;
  font-weight: 700;
  color: #666;
}
.cjenik table tr td sup{
  font-size: 12px;
}
.cjenik p{
  color: #666;
  padding-bottom: 70px;
  text-align: left;
}
/* Galerija*/

#links ul li{
  display: inline-block!important;
}
#links ul li{
  margin-right:0.32em;
}
@media (max-width: 768px) { 
   #links ul{
  margin:0 auto;
}
}
#links ul li:last-child{
  padding-right: 0px;
}

/* Kontakt */
.panel{
    background: none!important;
    border: none!important;
    margin-top: 20px;
    padding-bottom: 60px;
}
.panel-body{
  padding-top: 0px!important;
  line-height: 22px;
  padding-bottom: 0px;
}
.text-center{
  color:#2f6632!important;
}
#map1{
  border: none!important;
}
  .map{
    margin-bottom: 100px;
}

.kontakt{
  background: none!important;
  margin-top: 20px;
  padding-bottom: 60px;
}
.kontakt-forma{
  padding-bottom: 90px;
}
.btn {
  margin-top:25px; 
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 12px 25px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.btn{
  background: #96a439!important;
  border-color: #96a439;
}
.btn-primary {
  color: #ffffff;
  background-color:#96a439;
}
.btn-embossed {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-embossed.active,
.btn-embossed:active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.glyphicon-ok{color:white;}
.glyphicon{color:white; margin-left: 50px!important; }
label{ font-weight: 100; font-size: 16px; color:#2f6632;}
.input-group-addon{
  background-color:#96a439;
  border:none;
  padding: 10px 12px!important;

  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  border-radius: 4px;
}
.input-group-addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle!important;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding-top: 15px;
}
/* Tooltip */

[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {

  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #96a439;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 200%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color:  #96a439;
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}