@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Rubik');

@import '../js/bxslider/jquery.bxslider.css';

*,*:before,*:after{

  -webkit-box-sizing:border-box; 

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}

html{

  -ms-text-size-adjust:100%;

  -webkit-text-size-adjust:100%;

}



body{

  margin:0;

  background:#fff;

  font-family: 'Noto Sans', sans-serif;

  word-wrap:break-word;

  font-size:14px;

  line-height:26px;

  font-weight:400;

  color:#604438;

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{

  display:block;

}

audio,canvas,progress,video{

  display:inline-block;

  vertical-align:baseline;

}

audio:not([controls]){

  display:none;

  height:0;

}

[hidden],template{

  display:none;

}

a,a:active,a:hover,a:focus{

  outline:none;

}

abbr[title]{

  border-bottom:1px dotted;

}

b,strong{

  font-weight:500;

}

dfn{

  font-style:italic;

}



mark{

  background:#ff0;

  color:#000;

}

small{

  font-size:80%;

}

sub,sup{

  font-size:75%;

  line-height:0;

  position:relative;

  vertical-align:baseline;

}

sup{

  top:-0.5em;

}

sub{

  bottom:-0.25em;

}

img{

  border:0;

  max-width:100%;

}

svg:not(:root){

  overflow:hidden;

}

figure{

  margin:1em 40px;

}

hr{

  -webkit-box-sizing:content-box;

  -moz-box-sizing:content-box;

  box-sizing:content-box;

  height:0;

  margin-top:30px;

  margin-bottom:35px;

  border-width:0;

  border-top:1px solid #E1E1E1;

}

pre{

  overflow:auto;

}

code,kbd,pre,samp{

  font-family:monospace,monospace;

  font-size:1em;

}

button,input,optgroup,select,textarea{

  color:inherit;

  font:inherit;

  margin:0;

}

button{

  overflow:visible;

}

button,select{

  text-transform:none;

}

button,html input[type="button"],input[type="reset"],input[type="submit"]{

  -webkit-appearance:button;

  cursor:pointer;

}

input:focus,select:focus,textarea:focus,button:focus{

  outline:none;

}

button[disabled],html input[disabled]{

  cursor:default;

}

button::-moz-focus-inner,input::-moz-focus-inner{

  border:0; 

  padding:0;

}

input{

  line-height:normal;

}



input[type="checkbox"],input[type="radio"]{

  box-sizing:border-box;

  padding:0;

}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{

  height:auto;

}

input[type="search"]{

  -webkit-appearance:textfield;

  -moz-box-sizing:content-box;

  -webkit-box-sizing:content-box;

  box-sizing:content-box;

  }

  input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{

    -webkit-appearance:none;

  }

fieldset{

  border:1px solid #c0c0c0;

  margin:0 2px;

  padding:0.35em 0.625em 0.75em;

}

legend{

  border:0;

  padding:0;

}

textarea{

  overflow:auto;

}

optgroup{

  font-weight:bold;

}

table{

  border-collapse:collapse;

  border-spacing:0;

}

td,th{

  padding:0;

}

/*--------PLACEHOLDER-----------------*/

::-webkit-input-placeholder{ 

  color:#999; 

  opacity:1 !important;

}

:-moz-placeholder{

  color:#999; 

  opacity:1;

}

::-moz-placeholder{

  color:#999; 

  opacity:1;

}

:-ms-input-placeholder{

  color:#999;

}

/*-----------END OF PLACEHOLDER----*/

p{

  font-size: 14px;

  line-height: 24px;

  color: #2b2b2b;

}

/*-------- STYLE FOR HEADINGS--------*/

h1, h2 {

  /*font-size:48px;*/

  font-size: 35px;

  line-height:65px;

  margin:0px 0 30px 0;

  font-weight: 500;

  color: #604438;

  text-align: center;

}

h3,h4,h5,h6{

  color:#604438;

  letter-spacing:0;

  font-weight:400;

}

h3{font-size:22px;line-height:28px}

h4{font-size:18px;line-height:24px}

h5{font-size:16px;line-height:22px}

h6{font-size:14px;line-height:18px}

/*-------END STYLE FOR HEADINGS-----*/



.container, .container-header {

  position: relative;

  width: 100%;

  /*max-width: 1024px;*/

  max-width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

}



/*NEW CONTENT - start*/

.container-green{

  background: #8eb9af;

  max-width: 100%;

  padding: 50px 0;

}

.container-green h1, .container-green p, .container-green a{

  color:#ffffff;

}

.container-green a{
  border: 1px solid #ffffff;
  padding: 10px 20px;
  font-size: 15px;
}

.container-green a:hover{color:##8eb9af;background-color:#ffffff;}

.slider-relative{position:relative;}

.availability{

  /*display:inline-block;*/

  display:none;

  position:absolute;

  bottom:25px;

  right:25px;

  /*background: #ffffff;*/

  background: transparent;

}

.availability div{

  display: inline-block;

}

.btn-check{

  background: #8eb9af;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

  padding: 5px 20px;

  position: relative;

  color: #fff;

  letter-spacing: 1px;

  display: inline-block;

  margin-top: 15px;

}

.btn-check::before{

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  z-index: 1;

  top: 0;

  left: 0;

  border-top: 15px solid transparent;

  border-right: 15px solid transparent;

}

.check-input{

  border: 1px solid #000000;

  font-size: 16px;

  padding: 8px 20px;

  position: relative;

  letter-spacing: 1px;

  display: inline-block;

}

/*NEW CONTENT - end*/



.container-header{

  max-width: 1800px;

}

.container::after, .row::after, .u-cf, .container-header::after {

    content: "";

    display: table;

    clear: both;

}

.row{

  display:block;

  float:left;

  width:100%;

  position:relative;

}

.clearfix {

  clear: both;

  display: block; 

  width: 100%;

}

.w30, .w35, .w65, .w70 {

  display: block;

  float: left;

  position: relative;

}

.w30 {

  width: 30%;

}

.w35 {

  width: 35%;

}

.w65 {

  width: 65%;

}

.w70 {

  width: 70%;

}

a {


  text-decoration: none;

  -webkit-transition:all 0.6s ease;

  -moz-transition:all 0.6s ease;

  transition:all 0.6s ease;

}



p,a,li{

  font-size:16px;

  line-height:24px;

}

p,li{

  color:#604438;

  font-weight:400;

}



ul{

  margin:0;

  padding:0 0 0 20px;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #767676;

  margin: 30px 0;

  padding: 0;

  width: 100%;

  float: left;

}

#kontakt-forma{

  float: left;

  width: 100%;

  display: block;

}

#kontakt-forma label, #kontakt-forma input, #kontakt-forma textarea{

  width: 100%;

  float: left;

  padding:5px;

}





/*-----ERROR MSG--------*/ 

.error {

  background-image: url(../images/error.svg);

  background-position: right 15px center;

  background-repeat: no-repeat;

  border: 1px dashed #e81500 !important;

  padding: 15px;

}

.txt_error {

  background-image: url(../images/error.svg);

  background-position: right 15px center;

  background-repeat: no-repeat;

  border: 1px solid #e81500 !important;

  padding: 15px 15px 15px 65px;

}

.success {

  background-image: url(../images/sucess-32.svg);

  background-position: left 15px center;

  background-repeat: no-repeat;

  border: 1px dashed #7ac143;

  padding: 15px 15px 15px 65px;

}

.error_img {

  background-image: url(../images/error-32.svg);

  background-position: left 15px center;

  background-repeat: no-repeat;

  border: 1px dashed #e81500;

  padding: 15px 15px 15px 65px; 

}

/*-----END ERROR MSG--------*/ 

/*-------CONTACT FORM OLD-------*/

#kontakt-forma input.btn.send{

  background: #F2782A;

  color: #fff;

  border:none;

}

#kontakt-forma input.btn.send:hover {

  background:#e55602;

  color:#fff;

  cursor:pointer;

  border:none;

}

input[type="text"], textarea, button, input[type="file"] {

  transition: none;

}

.prijava-obrazac #kontakt-forma input[type="checkbox"], .registracija-forma #kontakt-forma input[type="checkbox"]{

  margin-top: 30px;

  margin-bottom: 25px;

}

#kontakt-forma input[type="checkbox"] {

  float: none;

  width: auto;

}

#kontakt-forma input:focus, #kontakt-forma textarea:focus, #kontakt-forma input:hover, #kontakt-forma textarea:hover {

  border:1px solid #F2782A;

}

#kontakt-forma input, #kontakt-forma textarea{

  border:1px solid #ccc;

}

select {

  -moz-appearance: none;

  -webkit-appearance: none;

  text-indent: 0.01px;

  text-overflow: '';

}

select::-ms-expand {

  display: none;

}

input:focus,

select:focus,

textarea:focus,

button:focus {

  outline: none;

}



/*-------END CONTACT FORM----*/

.footer{

  width:100%;

 

  float:left;


}

.none{

  display:none;

}



.v{

  float:right;

}



.v img{padding-top: 7px;}





/*-------------DOCUMENTS------------*/

.docs-list{

  float:left;

  margin-bottom: 30px;

  display: block;

  width: 100%;

}

.docs-list ul{

  list-style:none;

  float:left;

  width: 100%;

  padding-left: 0;

}

.docs-list ul li{

  background: url(../images/doc-icon.svg) no-repeat left center transparent;

  padding: 10px 0 10px 35px;

  display: block;

  font-weight: 400; 

  float: left;

  margin-right: 40px;

}

.docs-list ul li a{

  line-height: 18px;

}

/*---------------END DOCUMENTS----------*/

/*----------BREADCRUMBS---------*/

.bread-crumbs {

    list-style:none;

    float:left;

    padding-left: 0;

    padding-top:50px;

    border-bottom: 1px solid #efefef;
    width: 100%;
    padding-bottom: 20px;

}

.bread-crumbs li{

    float:left;

    font-size: 14px;

}

.bread-crumbs li a{

    color:#363636;

}

.bread-crumbs li a:hover{

    color:#8eb9af;

}

.bread-crumbs li:after{

    content:"|";

    padding-left: 10px;

    padding-right: 10px;

}

.bread-crumbs li:last-child:after{

    content:"";

    padding-left: 0;

    padding-right: 0;

}

/*---------------END BREADCRUMBS----------*/

.content img{

  max-width: 100%;

  height: auto;

}

/*--------------COOKIES-------------*/

.cookie-container {

  background: rgba(0, 0, 0, 0.8);

  bottom: 0;

  display: block;

  padding: 20px 0;

  position: fixed;

  width: 100%;

  z-index: 9999;

  color:#fff;

}

.cookie-container span {

  font-weight: 400;

  text-transform: uppercase;

}

.cookie-container p{

  margin: 0;

}

.cookie-container a:hover{

  color: #fff;

}

/*--------------END COOKIES-------------*/

/*--------------HEADER-------------*/

.header{

  display: block;

  width: 100%;

  background:#fff;

  padding: 30px 0;

  position: relative;

}

.logo {

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

}

.toggle-open{

  display: inline-block;

  float: right;

}

.main-menu{

  list-style: none;

  padding: 0;

  float: left;

   width: 100%;

  margin-bottom: 20px;

  margin-top: 25px;



}

.toggle-close{

  float: right;

  width: 100%;

  padding-bottom: 25px;

  border-bottom: 1px solid #b2b2b2;

  text-align: right;

  padding-right: 15px;

}

.toggle-close img{width:18px;}

#navigation{

  width: 0;

  float: right;

  height: 100%;

  position: fixed;

  z-index: 1;

  right: 0;

  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  background: #fff;

  top: 0;

  padding-top: 15px;

  overflow-x: hidden;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

  z-index:10;

}



.main-menu li a {

  display: block;

  font-weight: 300;

  color: #292929;

  padding: 12px 0;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

  width: 300px;

  font-size: 18px;

  text-align: left;

  margin: 0 auto;

  padding-left: 30px;

}

.main-menu li a:hover, .main-menu li a.mslc{

  color: #8eb9af;

}

.main-menu li{

  transition: 0.3s;

  display: block;

}

.social{

  text-align: right;

  float: right;

  padding: 0;

  margin-right: 40px;

}

.social, .social, .social li, .social li a{

  display: inline-block;

}

.social li{

  padding: 0 5px;

}

.language{

  float: right;

  padding: 0;

  margin-right:20px;

}

.lanugage, .language li, .language li a{

  display: inline-block;

}

.language li a.slc, .language li a:hover{

  color: #8eb9af;

}

.language li a{

  font-size: 16px;

  font-weight: 500;

  color: #604438;

  padding: 0 5px;

}

.left-white{

  position: absolute;

  width: 0;

  height: 0;

  z-index: 1;

  top: 0;

  left: 0;

  border-top: 530px solid #fff; 

  border-right: 600px solid transparent;

}

/*--------------END HEADER-------------*/

/*--------------SLIDER-------------*/

.bx-wrapper .bx-viewport{

  left: 0;

  border: 0;

  box-shadow: none;

}

.main-slider{

  width: 100%;

}

.main-slider .bx-wrapper{margin:0;}

.main-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

  width: auto;

}

.main-slider .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{

  display: block;

  margin: 20px 0;

}

.main-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{

  left: 50px;

  bottom: 50px;

}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a{

  background: rgba(255,255,255,0.5);

  width: 15px;

  height: 15px;

  position: relative;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{

  background: #fff;

  border: 2px solid #fff;

}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a::after {

  border: 2px solid #fff;

  border-radius: 50%;

  content: "";

  height: 36px;

  left: -12px;

  top: -12px;

  position: absolute;

  width: 36px;

  opacity: 0;

  -webkit-transform: scale(0.8);

  -moz-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: transform .1s ease 0s, opacity .2s ease 0;

  -moz-transition: transform .1s ease 0s, opacity .2s ease 0;

  transition: transform .1s ease 0s, opacity .2s ease 0;

}

.main-slider .slider .bx-wrapper .bx-pager.bx-default-pager a:hover::after, .bx-wrapper .bx-pager.bx-default-pager a.active::after {

    opacity: 1;

 }   

.img-full{

  width: 100%;

  /*height: 900px;*/

  height: calc(100vh - 97px);

  -moz-background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 0;

}



/*--------------END SLIDER-------------*/

/*--------------INTRO-------------*/

/*.intro,*/ .rooms, /*.reservation,*/ .booking{

  width:100%;

  text-align: center;

  margin: 20px 0;

}

.rooms-sm{

  width:100%;

  text-align: center;

  margin-bottom: 0px;

}

.reservation{

  width:100%;

  text-align: center;

  margin: 0 0 100px 0;

}

.intro{

  width:100%;

  text-align: center;

}

.intro h1{

  margin-left: auto;

  margin-right: auto;

}

.intro p{

  margin:30px auto;

  text-align: center;

  width: 60%;

  font-weight: 500;



}

.btn{

  display: inline-block;

  margin:0 auto;

  font-weight: 500;

  font-size: 12px;

  color: #2b2b2b;



}

.btn:hover{

  color: #8eb9af;

}

.btn:hover img{

  transform: translate(15px);

}

.btn img{

  vertical-align: middle;

  margin-left: 15px;

  transition: transform .2s ease-in-out;

}

/*--------------END INTRO-------------*/

/*--------------ROOMS-------------*/

.rooms h2{

  text-align: left;

  width: 100%;
  float:left;

}

.item-boxes{

  width: 100%;

  margin-top: 100px;

}

.top-left {

  position: absolute;

  width: 0;

  height: 0;

  z-index: 1;

  top: 0;

  left: 0;

  border-top: 80px solid #fff;

  border-right: 80px solid transparent;

  display:none;

}

.item-box {

  float: left;

  width: 32.33%;

  display: inline-block;

  position: relative;

  margin-bottom: 1%;

  margin-right:1%;
}

.item-box img{

  width: 100%;

}

.item-text{

  position: absolute;

  top:50%;

  left: 0;

  width: 100%;

  padding: 7%;

  display: none;
  transform: translateY(-50%);

}

.item-text h3{

  font-weight: 500;

  font-size: 18px;

  color: #fff;

  /*text-align: left;*/

  text-align: center;

}

.item-overlay{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  /*background: #8eb9af;*/

  background-color: #8eb9af;

  opacity: 0.7;

  display: none;

}

.stars{

  float: left;

  font-size: 0;
  width:100%;

}

.star{

  background: url(../images/svg/star.svg) no-repeat;

  width: 12px;

  height: 12px;

  display: inline-block;

  margin-right: 5px;

  visibility: hidden;

}

.checked-star{

  visibility: visible;

}

.arrow{

  float: right;
  display:none;

}

.item-box:hover .item-overlay, .item-box:hover .item-text{

  display: block;

}

/*--------------END ROOMS-------------*/

/*--------------RESERVATION-------------*/

.border-bottom{

  border-bottom: 1px solid #efefef;

  /*padding-bottom: 100px;*/

  padding-bottom: 80px;

}

.btn-more{

  background: #8eb9af;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

  padding: 15px 30px;

  position: relative;

  color: #fff;

  letter-spacing: 1px;

  display: inline-block;

  margin-top: 15px;

}

.btn-more:hover{

  opacity: 0.8;

}

.btn-more:before{

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  z-index: 1;

  top: 0;

  left: 0;

  border-top: 15px solid #fff;

  border-right: 15px solid transparent;



}

/*--------------END RESERVATION-------------*/

/*--------------BOOKING-------------*/

.slider-text{

  text-align: left;

}

.slider-text img{

  float: left;

}

.booking-slider{

  margin-top: 100px;

}

.slider-text p{

  font-size: 21px;

  font-weight: 400;

  font-style: italic;

  line-height: 28px;

  letter-spacing: 1px;

  text-align: left;

  margin: 0;

}

.slider-text span{

  display: inline-block;

  margin:10px 0;

  position: relative;

  padding-left: 80px;

}

.slider-text span:before{

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 50px;

  height: 2px;

  background: #8eb9af;

}

.text{

  text-align: left;

  float: right;

  width: 80%;

}

.booking-slider .bx-wrapper{

  margin-bottom: 0;

}

.booking.border-bottom{

  padding-bottom: 0;

}

.booking-slider .bx-wrapper .bx-prev{

  background: url(../images/svg/prev.svg) no-repeat;

  left: 35px;

}

.booking-slider .bx-wrapper .bx-next{

  background: url(../images/svg/next.svg) no-repeat;

  right: 35px;

}

.booking-slider .slider li{

  padding: 0 100px;

}

.btn-reserve{
  margin-top: 20px;
  border:1px solid #604438;
  color:#604438;
  background-color: transparent;
  width: 30%;
  padding: 10px 0;
  text-transform: uppercase;
  transition:0.3s;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -ms-transition:0.3s;
}

.btn-reserve:hover{
  background-color: #604438;
  color:#ffffff;
}

/*--------------END BOOKING-------------*/

/*--------------FOOTER-------------*/

.footer, .footer-boxes{

  width: 100%;

}

.footer{

    padding-bottom: 100px;

}

.footer-boxes{

  padding-bottom: 50px;

  float: left;

}

.footer-box{

  width: 20%;

  float: left;

  text-align: left;

}

.footer-box p, .footer-box a{

  font-size: 15px;

  color: #604438;

  font-weight: 500;

}

.footer-box p{

line-height: 26px;

}

.logo-footer{

  padding-top: 14px;

}



.social-footer{

  text-align: center;

  float:left;

  padding: 0;

  margin-left: 40px;

  margin-top:12px;

}



.social-footer, .social-footer, .social-footer li, .social-footer li a{

  display:inline-block;

}



.social-footer li{

  padding: 0 5px;

}

/*--------------------ANIMATIONS------------*/

.hidden{

     opacity:0;

}

.visible{

     opacity:1;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.delay{

   animation-delay: 1s;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



/*---------------------END ANIMATIONS------*/

/*--------------END FOOTER-------------*/



/*CONTENT*/



.col-25{width:25%;display:inline-block;float:left;}

.col-33{width:33%;display:inline-block;float:left;}

.col-50{width:50%;display:inline-block;float:left;}

.col-75{width:75%;display:inline-block;float:left;}



.content-text p{

  margin: 5px auto;

  font-weight: 500;

  color:#424242;

  text-align: left;

}



.gallery-content{padding-top: 30px;}



.gallery-content div a img{padding:5px;}



.header-image{position:relative;}



.img-overlay{
  position: absolute;
  background: url(../images/svg/logo-slider-new.svg) no-repeat center right;
      background-size: auto auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 50vh;
  z-index: 1;
  opacity: 0.7;
  background-size: 63vh;
}



.img-header{

  width: 100%;

  height: 50vh;

  -moz-background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 0;

  position:relative;

}



.img-header p{

  text-align: center;

  text-transform: uppercase;

  font-size: 50px;

  color: #fff;

  width: 300px;

  margin: 0 auto;

  padding-top: 25vh;

  font-family: 'Rubik', sans-serif;
  display:none;


}



/*SOBE I APARTMANI*/

.acc-box-zoom{

  height:300px;
  width:100%;

  position:relative;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

  margin-bottom:50px;

}

.accommodation-box{

  width:100%;
  height:100%;

  position:relative;

  transition: background-size 0.3s ease-in;
  -moz-transition: background-size 0.3s ease-in;
  -ms-transition: background-size 0.3s ease-in;
  -o-transition: background-size 0.3s ease-in;
  -webkit-transition: background-size 0.3s ease-in;

  margin-bottom:50px;

  background-position: center;
  background-size: 100%;
}

.acc-box-zoom:hover .accommodation-box,
.acc-box-zoom:focus .accommodation-box {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right;
}

.acc-box-zoom:hover .accommodation-box .col-25,
.acc-box-zoom:focus .accommodation-box .col-25{
  width:50%;
}


.accommodation-info{

  background-color:#8eb9af;

  position:absolute;

  top:0;

  left:0;

  margin-left:0;

  height:300px;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

}



.accommodation-info p:first-child{

  text-align:center;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

  display:block;

  font-size:16px;

  color:#ffffff;

  padding: 0;

  margin-top: 100px;

}



.accommodation-info p{

  text-align:center;
  
  display:none;

  font-size:16px;

  color:#ffffff;

  padding:10px 10px;

}



.details-btn{

  text-align:left;

  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;

  display:block;

  font-size:16px;

  text-align: center;

  border:1px solid #ffffff;

  padding:5px 0px;

  text-decoration: none;

  color:#ffffff;

  width:200px;

  margin: 0 auto;

  font-weight:300;

  position: relative;

  


}



.details-btn:hover{

  background-color:#ffffff;

  color:#8eb9af;


}



/*.accommodation-box:hover .accommodation-info{

  margin-left:0;
  width: 100%;
  opacity: 0.9;

}




.accommodation-box:hover .accommodation-info p:first-child{

  padding:0;

  text-align:center;


  font-size:25px;

}



.accommodation-box:hover .accommodation-info p{

  display:block;

}



.accommodation-box:hover .details-btn{

  display:block;

}*/



/*CONTACT*/



.contact{margin-top:50px; margin-bottom:100px;}



.contact h2{text-align: left;}



.contact-info{min-height:100px;}



.contact-info a, p{

	text-decoration:none;

	color:#424242;

}



.contact-send-btn{

  width: 100%;

  background-color: #ffffff;

  box-shadow: none;

  border: 1px solid #efefef;

  color: #424242;

  padding: 10px 0;

  margin-top: 20px;

}



.contact-send-btn:hover{

  background-color: #424242;

  color: #ffffff;

}



.contact-label{}



.contact-input{

	width: 100%;

	color: #424242;	

	padding: 5px;
  margin:5px 0;
  border: 1px solid #efefef;

}



.tou-btn{text-decoration:none; color:#8eb9af;text-transform: uppercase;}



.map{float:left;width:50%;padding:0 20px}

.map-icon{background:url(../images/svg/map-icon.svg) no-repeat center left;background-size: 15px 21px;}

.mob-icon{background:url(../images/svg/mob-icon.svg) no-repeat center left;background-size: 13px 21px;}

.email-icon{background:url(../images/svg/email-icon.svg) no-repeat center left;background-size: 21px 15px;}

.map-icon p, .mob-icon p{padding-left:25px;}

.email-icon p{padding-left:30px;}


/*APARTMANI I SOBE*/



.apartmant-details .col-25{width:100%;margin-bottom:50px;}



.apartmant-details h2{text-align:left;font-size:20px;margin:10px 0;}



.apartmant-details p{

	background:url(../images/svg/check.svg) no-repeat center left;

	background-size: 15px;

	padding-left: 30px;
  width: 33.33%;
  float: left;
}



.container-book{position:relative;}



.book-now{

	background-color:#424242;

	padding:30px 0;

	text-align: center;

	position:absolute;

	bottom:0;
  display:none;

}



.book-input-group{display:inline-block;}



.btn-book{

  background: #8eb9af;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

  padding: 5px 20px;

  position: relative;

  color: #fff;

  letter-spacing: 1px;

  display: inline-block;

  margin-top: 15px;

  width:88%;

}



.apartment-img-header{

  width: 100%;

  height: 50vh;

  -moz-background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  z-index: 0;

  position:relative;

}


.cookie-container {
  background: #604438;
  bottom: 0;
  display: block;
  padding: 10px 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
}
.cookie-container .center {
  padding: 10px 20px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.cookie-container .center span {
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}
.cookie-container .center p {
  display: inline;
  color: #fff;
  font-size:14px;
  line-height: 20px;
}
.cookie-container .center a {
  color:#8eb9af;
  text-decoration: underline;
  transition: all 0.6s ease;
  font-size:14px;
  line-height: 20px;
}
@media (min-width:600px) {
  .cookie-container .center a {float: none;width: auto;}
}



.apartment-img-header p{

  text-align: center;

  text-transform: uppercase;

  font-size: 35px;

  color: #ffffff;

  width: 100%;

  margin: 0 auto;

  padding-top: 20vh;
  line-height: 40px;
  display:none;
}


.callus{float:left;width:50%;}

.gallery-icon{position: relative;}

.gallery-icon:after{
  content:'';
  position: absolute;
  background:url(../images/svg/photo-icon.svg)no-repeat right top;
  right: 10px;
  top: 10px;
  height: 50px;
  width: 50px;
  background-size: 40px;
  opacity: 0.5;
}

.no_image{display:none;}

/*------------------RESPONSIVE-----------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {}

@media only screen and (max-width: 1800px) {}

@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1360px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1220px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 900px) {}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 620px) {}

@media only screen and (max-width: 600px) {}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 360px) {}


@media only screen and (max-width: 1800px) {
  .container-header{padding:0 20px;}
  .logo{left: 50px;}
}

@media only screen and (max-width: 1366px) {
  .left-white{border-top: 335px solid #fff;border-right: 510px solid transparent;}
}

@media only screen and (max-width: 1220px) {
  .container{padding:0 15px;padding-bottom:15px}
  .container.container-green{padding:15px;}
  .footer {padding-bottom: 20px;}
  .col-25.accommodation-info{width:100%;}
  .accommodation-box{background-size: cover;background-repeat: no-repeat;}
  .accommodation-info{background-color:rgba(0,0,0,0.6);}
  .acc-box-zoom:hover .accommodation-box, .acc-box-zoom:focus .accommodation-box {
    background-size: cover;background-repeat: no-repeat;
    background-position: center;}
  .acc-box-zoom:hover .accommodation-box .col-25, 
  .acc-box-zoom:focus .accommodation-box .col-25 {
    width: 100%;background-color: rgba(0,0,0,0.5);}
  .acc-box-zoom {height: 320px;width: 50%;float: left;padding: 10px;}
  .item-overlay, .item-text{display:block;}
  .item-overlay{opacity: 0.5;}
}

@media only screen and (max-width: 1150px) {
  .apartmant-details p{width:33.33%;}
}

@media only screen and (max-width: 1060px) {
  .footer-box{width:25%;}
  .footer-box:first-child{width:100%;padding-bottom:20px;}
}

@media only screen and (max-width: 1024px) {
  .intro p{width:100%;}
  .item-box {width: 49%;padding-right:1px;}
  .item-box:nth-child(2n){padding-right:0;}
  .map, .callus{width:100%;padding:0;padding-top: 50px;}
  .contact-info {min-height: 55px;}
}

@media only screen and (max-width: 900px) {
  .availability div{display: block;}
  .availability div:first-child{padding-bottom:10px;}
  .footer-box{width:33.33%;}
  .footer-box:first-child{width:100%;padding-bottom:20px;}
  .footer-box:last-child{width:100%;float:right;}
  .social-footer{margin-left:0;margin-top: 20px;width: 100%;text-align: right;}
  .apartment-img-header p{font-size:30px;padding-top: 18vh;}
  .apartmant-details p{width:50%;}
  .col-33{width:50%;}
  .col-33:last-child{width:100%;}
  .btn-reserve{width:100%;}
}

@media only screen and (max-width: 800px) {
  .col-25{width:50%;}
  .acc-box-zoom {width: 100%;padding: 0 10px;height:300px;}
}

@media only screen and (max-width: 650px) {
  .footer-box {width: 100%;}
  .v{width:100%;}
}

@media only screen and (max-width: 640px) {
  .item-box {width: 100%;padding:0; margin-bottom:3%;}
  .social-footer{text-align: left;}
  .apartment-img-header p{font-size:30px;padding-top: 14vh;}
  .apartmant-details p{width:100%;}
}

@media only screen and (max-width: 480px) {
  .main-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      left: 10px;bottom: 190px;}
  .logo{left: 10px;}
  .availability, .check-input{width:100%; right:0;}
  .btn-check{width: 100%;text-align: center;padding: 8px 20px;}
  .col-25{width:50%;}
  .col-33{width:100%;}
}