@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap');

*,*:before,*:after{
  -webkit-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: 'Roboto', sans-serif;
  word-wrap:break-word;
  font-size:15px;
  line-height:1.6;
  font-weight:300;
  color:#333;
  counter-reset: numbers;
}
@media only screen and (min-width: 64.0625em) {/*1025px*/
  body{
    font-size:17px;
  }
}
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;
  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"]{
  -webkit-box-sizing:border-box;
          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;
  -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;
}
a{
  color: inherit;
  text-decoration: none;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
/*--------PLACEHOLDER-----------------*/
/* ::-webkit-input-placeholder{ 
  color:#fff; 
  opacity:1 !important;
}
:-moz-placeholder{
  color:#fff; 
  opacity:1;
}
::-moz-placeholder{
  color:#fff; 
  opacity:1;
}
:-ms-input-placeholder{
  color:#fff;
} */
/*-----------END OF PLACEHOLDER----*/

/*-------- STYLE FOR HEADINGS--------*/
h1, h2 {
  line-height: 1.2;
  margin:0px 0 30px 0;
  font-weight: 500;
}
h3,h4,h5,h6{
  letter-spacing:0;
  font-weight:400;
}
h3{font-size:22px;line-height:1.3}
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: 1300px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}

@media only screen and (min-width: 90.0625em) {/*1441px*/ 
  .container, .container-header {
    max-width: 1490px;
  }
}
.container-sm{
  max-width: 1100px;
}
.container-big {
  position: relative;
  max-width: 2050px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          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:#fff;}
.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;
  -o-transition:all 0.6s ease;
  transition:all 0.6s ease;
}


ul{
  margin:0;
  padding:0 0 0 0px;
}
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;
} */
.success {
	color: #155724;
	background-color: #d4edda;
	position: relative;
	padding: 7.5px 12.5px;
	margin-bottom: 1rem;
	border: 1px solid #c3e6cb;
	border-radius: 2.5px;
	text-align: center;
}
.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"] {
  -webkit-transition: none;
  -o-transition: none;
  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;
  -o-text-overflow: '';
     text-overflow: '';
}
select::-ms-expand {
  display: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/*-------END CONTACT FORM----*/


/*-------------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 {
	position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
}
header .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

}
.logo img{
  width: 200px;
}
@media only screen and (min-width: 61.3125em){/*981px*/
  header {
    padding: 0;
  }
}
/*--------------navigation-------------*/
nav {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	overflow-y: auto;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 10px 20px 10px 40px;
	max-width: 380px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	border-left: 1px solid #e7e7e7;
}
nav.open{
  opacity: 1;
  visibility: visible;
}
.main-menu{
  padding: 30px 0;
}

.main-menu li a {
 text-transform: none;
 font-size: 18px;
  padding: 10px 0;
  font-weight: 400;
  display: block;
}
.main-menu li a:hover,.main-menu li a.mslc, .main-menu li a.active, .main-menu li.active a{
  color: #0c8242;
}
.main-menu li{
  display: block;
}
.toggle-menu{
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-left: auto;
}
.close-menu {
	display: block;
	font-size: 50px;
	font-weight: 400;
	text-align: right;
	line-height: 0;
	padding-top: 30px;
}
@media only screen and (min-width: 61.3125em){/*981px*/
  .toggle-menu{
    display: none;
  }
  .close-menu{
    display: none;
  }
  nav{
    margin-left: auto;
    position: relative;
    right: auto;
    top:auto;
    width: auto;
    height: auto;
    min-height: 100%;
    overflow-y: visible;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 0;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    display: block;
    border: 0;
  }
  .main-menu li{
    display: inline-block;
  }
  .main-menu li a {
    display: inline-block;
    padding: 0 20px;
  }
} 
/*--------------END HEADER-------------*/
/*--------------START HOME-------------*/
/*--------------main-------------*/
main{
  margin-top: 83px;
}
@media only screen and (min-width: 61.3125em){/*981px*/
  main{
    margin-top: 90px;
  }
} 
/*--------------heading-------------*/
h1 {
	text-transform: none;
	font-size: 32px;

}
h2 {
	text-transform: none;
	font-size: 25px;
}
h3 {
	text-transform: none;
	font-size: 32px;

}
/*--------------main image-------------*/
.main-image img{
  display: block;
  width: 100%;
  position: relative;
}

.main-text{
  display: none;
}
.main-text h1 {
	font-size: 26px;
	font-weight: 200;
	line-height: 1.3;
	/* color: #fff; */
}
/* .main-overlay{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear,  left top, right top,  from(rgba(0,0,0,0)),to(rgba(0,0,0,0.40)));
  background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.40) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=1 );
  z-index: 1;

} */
@media only screen and (min-width: 42.5625em){ /*681px*/ 
  .main-text{
    position: absolute;
    max-width: 600px;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 64.0625em) {/*1025px*/
  .main-text{
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: left;
    left: auto;
  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .main-text h1 {
    font-size: 36px;
  }
  .main-text{
    right: 20vh;
  }
}
/*--------------btns-------------*/
.btn-transparent, .btn-white, .btn-blog,.btn-form, .btn-green{
  border-radius: 50px;
  border:1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  padding: 10px 30px;
}
.btn-green{
  background-color: #008242;
}
.btn-transparent:hover{
  background-color: #fff;
  color: #333;
}
.btn-green:hover{
  background-color: #333;
}
.btn-white{
  background-color: #fff;
  color: #a6ce39;
}
.btn-white:hover{
  background-color: transparent;
  color: #fff;
}
.btn-blog{
  background-color: #fff;
  font-weight: 300;
  color: #333;
  border:1px solid #dddddd;
  font-size: 14px;
  padding: 10px 24px;
}
.btn-blog:hover{
  color: #fff;
  background-color: #a6ce39;
  border-color: #a6ce39;
}
.btn-form{
  background-color: rgba(255,255,255,.46);
  color: #fff;
  border: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  outline: none;
}
.btn-form:hover{
  background-color: #fff;
  color: #333;
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .btn-blog{
    padding: 15px 30px;
  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .btn-transparent, .btn-white, .btn-form{
    font-size: 16px;
    padding: 20px 60px;
  }
  .btn-form{
    padding: 15px 60px;
  }
}

/*--------------space-------------*/
.space{
  padding: 70px 0;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .space{
    padding: 100px 0;
  }
  .space.usluge{
    padding: 50px 0 100px 0;
  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .space{
    padding: 100px 0;
  }
  .space.usluge{
    padding: 100px 0;
  }
}
.no-pt{
  padding-top: 0;
}
/*--------------title-------------*/
.usluge-left h2, .ocert-right h2, .enobnova-left h2, .us h2, footer h2, .enobnova-right h2{
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}
.title h1, .title h2{
  font-size: 30px;
  font-weight: 400;
}
.title{
  margin-bottom: 30px;
}
.us h2{
  color: #fff;
}
.enobnova-right h2{
  color: #fff;
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .usluge-left h2, .ocert-right h2, .enobnova-left h2, .us h2, footer h2, .enobnova-right h2{
    font-size: 40px;
    margin-bottom: 50px;
  }
  .title h1, .title h2{
    font-size: 40px;
    font-weight: 400;
  
  }
  .title{
    margin-bottom: 50px;
  }
  
}
/*--------------usluge-------------*/

.usluge-left {
	width: 100%;
}
.usluge-right {
  width: 100%;
  margin-top: 50px;
}
.usluge-right img{
  display: block;
  width: 100%;
}
.usluge-left ol{
  list-style: none;
  padding-left: 0;
}
.usluge-left li {
	position: relative;
	padding-left: 60.1px;
	margin-bottom: 25.8px;
}
.usluge-txt ul{
  list-style: none;
}
.usluge-left li::before{
  counter-increment: numbers;
  content: counter(numbers);
  position: absolute;
  left: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #008242;
  color: #ffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .usluge .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .usluge-left {
    width: 53%;
  }
  .usluge-right {
    width: 40%;
    margin-left: auto;
    margin-top: 0;
  }
}

/*--------------o certificiranju-------------*/

.ocert-left {
  width: 100%;
}
.ocert-left img{
  display: block;
  width: 100%;

}
.ocert-right {
	width: 100%;
  padding: 80px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fbfbfb;
}

.ocert-right ul{
  list-style: none;
  padding-left: 10px;
  margin-top: 50px;
}
.ocert-right li {
	position: relative;
	padding-left: 54px;
	margin-bottom: 11px;
}
.ocert-right li::before {
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
	width: 40px;
	height: 40px;
	background-image: url(../images/svg/check-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .ocert-right {
    padding: 80px 20px;
  }
  .ocert-right ul{
    padding-left: 30px;
  }
}
@media only screen and (min-width: 61.3125em){/*981px*/
  .ocertificiranju .container-big{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ocert-left {
    width: 45%;
    min-height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ocert-right {
    width: 55%;
    min-height: 700px;
        -ms-flex-order: 0;
            order: 0;
  }
  .ocert-left img{
    display: none;
  }
  .ocert-right-mini{
    max-width: 630px;
    width: 100%;
  }

} 
@media only screen and (min-width: 85.4375em){/*1367px*/
  .ocert-right {
    padding: 100px 100px 100px 150px;
  }

}
/*--------------energetska obnova-------------*/

.enobnova-left{
  width: 100%;
}
.enobnova-left-mini {
	width: 100%;
	margin: 0 auto;
  padding: 0 20px;
}
.enobnova-right {
	width: 100%;
	background-color: #a6ce39;
	padding: 50px 20px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.enobnova-right-mini h3{
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.enobnova-right-mini p{
  font-size: 19px;
  color: #fff;
}
@media only screen and (min-width: 64.0625em) {/*1025px*/
  .enobnova-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .enobnova-left{
    width: 45%;

  }
  .enobnova-right {
    width: 45%;
    padding: 50px 65px;
    margin-left: auto;
  }
  .enobnova-left-mini {
    max-width: 690px;
  }
}

/*--------------blog-------------*/
.blog{
  overflow-x: hidden;
}

.blog-text{
  width: 100%;
  background-color: #fbfbfb;
  padding: 30px 20px;
}
.blog-image{
  width: 100%;
  overflow: hidden;
  display: block;
}
.blog-image img{
  display: block;
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-image:hover img{
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.blog-text h2{
  font-size: 23px;
  margin-bottom: 10px;
}
.blog-date{
  color: #a6ce39;
  display: block;
  font-weight: 600;
}

.slick-dots{
  bottom: -70px;
}
.slick-dots li button {border-radius: 50%;border: 1px solid #A6CE39;text-indent: -9999px;}
.slick-dots li.slick-active button{background-color: #A6CE39;}
.slick-dots li:not(:last-child){
  margin-right: 15px;
}

@media only screen and (min-width: 37.5625em){/*601px*/ 
  .blog-text{
    padding: 40px;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .blog-text h2{
    font-size: 28px;
  }
}
@media only screen and (min-width: 80.0625em){/*1281px*/ 
  .blog-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .blog-text{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 40px;
  }
  .blog-image{
    width: 50%;
  }
  .blog-image img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*--------------us-------------*/
.us{
  position: relative;
}
.us-text {
	width: 100%;
	padding: 40px 40px;
	background: rgb(0,130,66);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,130,66,1)),to(rgba(45,164,74,1)));
	background: -o-linear-gradient(left, rgba(0,130,66,1) 0%,rgba(45,164,74,1) 100%);
	background: linear-gradient(to right, rgba(0,130,66,1) 0%,rgba(45,164,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008242', endColorstr='#2da44a',GradientType=1 );
}
.us-text p{
  color: #fff;
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .us-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    max-width: 710px;
    padding: 80px 100px;

  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .us-text {
    left: 40%;
    right: auto;
    padding: 150px 100px;
  }
}
/*--------------END HOME-------------*/
/*--------------START FOOTER-------------*/

footer{
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* color: #fff; */
  padding-top: 0;
}
.footer-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
}

.footer-form{
  width: 100%;
}
.footer-text{
  width: 100%;
  margin-top: 50px;
}
.footer-title{
  text-align: center;
  margin-bottom: 80px;
}
.footer-title h2{
  /* color: #ffff; */
  margin-bottom: 10px;
}
.footer-title p{
  /* color: #fff; */
}

.f-box{
  width: 100%;
  margin-bottom: 20px;
}

.f-box input, .f-box textarea{
  width: 100%;
  display: block;
  /* color: #fff; */
  background-color: rgba(162, 162, 162, 0.51);
  font-size: 15px;
  padding: 20px;
  border: 0;
  outline: none;
}
.footer-text h3{
  /* color: #fff; */
  font-size: 24px;
  margin-bottom: 30px;
}
.footer-text span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* color: #fff; */
  margin-bottom: 30px;;
}
.footer-text span img{
  display: inline-block;
  margin-right: 20px;
  width: 35px;
}
.footercopy{
  background-color: #008242;
  color: #fff;
  padding: 30px 0;
}
.footercopy .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footercopy p{
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
.none{
  display:none;
}
.v{
  margin-top: 10px;
}
.v img{
  display: block;
}
@media only screen and (min-width: 43.75em){ /*700px*/ 
  .footer-wrapper{
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-form{
    width: 50%;
  }
  .footer-text{
    width: 45%;
    margin-left: auto;
    margin-top: 0;
  }
  .footercopy .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .v{
    margin-left: auto;
    margin-top: 0;
  }
  .f-box input, .f-box textarea{
    font-size: 18px;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .footer-text h3{
    font-size: 30px;
  }
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .footer-text{
    width: 40%;
  }
  .footer-form form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .f-box{
    width: 48%;
  }
  .t-box{
    width: 100%;
  }
}
/*--------------END FOOTER-------------*/
/*---------------news page----------*/
.news-page .news-wrapper article {
  margin-bottom: 60px;
}
.article-date{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e7e7e7;
}

.news-main-image img{
  display: block;
  width: 100%;
}
.news-main-image{
  margin-bottom: 50px;
}
/*---------------404----------*/
.page-404{
  text-align: center;
}
/*------------------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%;}
}


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

.backgound-mobile{
 height: 68px;
 background-color: #555;
 width: 100%;
 position: absolute;
 top: 0;
}
#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: #555;
  top: 0;
  padding-top: 22px;
  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;
}
.toggle-open {
	display: block;
  position: fixed;
  right: 20px;
  top: 20px;
}
.toggle-close{
  float: right;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 2px solid #391f12;
  text-align: right;
  padding-right: 15px;
  display: block;
}
.toggle-close img{width:18px;}
.main-menu li a {
  display: block;
  font-weight: 400;
  color: #555;
  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{
  list-style: none;
  padding: 0;
  float: left;
   width: 100%;
  margin-bottom: 20px;
  margin-top: 25px;
}
}
@media only screen and (min-width: 1200px) {
.main-menu li a:hover, .main-menu li a.mslc{
  color: #999;
}
}
@media only screen and (max-width: 1000px) { 

}

@media only screen and (max-width: 800px) { 
.usluge-left {
  width: 100%;
}
.nas-right {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.fotogalerija h3 {
 margin-top: 0;
}
}
@media only screen and (max-width: 750px) { 
.background img:first-of-type {
  max-width: 400px;
}
.background {
    height: 400px;
}
 .foto a {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  }
  .foto a:nth-of-type(4n+4) {
  margin-right: 1%;
  }
  .foto a:nth-of-type(2n+2) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 700px) { 
.footer-bottom div {
 width: 100%;
 padding: 0;
 text-align: center;

}
}
@media only screen and (max-width: 650px) { 
.opis h2 {
    padding-left: 0;
}
.h1 {
  font-size: 29px;
}  
.opis h3 {
   font-size: 29px;
}
.nas h3 {
  font-size: 29px;
}
.fotogalerija h3 {
  font-size: 29px;
}
.other h3 {
   font-size: 29px;
}
.profil h2 {
  padding-left: 0;
}
.bottom-profil div {
    width: 100%;
    padding-right: 0;
}
.bottom-profil div:first-of-type h2 {
    margin-right: 0;
}
.div-opis1{
 width: 100%;
 padding-right: 0;
}
.other .container .left-div {
 width: 100%;
 padding-right: 0;
}
.other .container .right-div {
 width: 100%;
 padding-right: 0;
 float: left;
}
.other .container .left-div {
  padding-bottom: 0;
}
.other .container div:last-of-type {
  padding-bottom: 0;
}
.div-opis2{
 width: 100%;
 padding-right: 0;
}
.opis {
  padding-bottom: 60px;
}
.other .container div {
  width: 100%;
  padding-bottom: 0;
}
.other .container div:first-of-type {
    padding-right: 0;
}

.footer-bottom {
  padding-top: 0;
}
.clear {
  margin-top: 10px;
}
}
@media only screen and (max-width: 550px) { 

.other h3 {
  padding-top: 30px;
}
 .foto a {
  width: 100%;
  margin-right: 0;
  }
 
}
@media only screen and (max-width: 400px) { 
.background img:first-of-type {
  max-width: 300px;
}
}
@media only screen and (max-width: 350px) { 
.background img:first-of-type {
  max-width: 260px;
}
} */