/*===================== TABLE OF CONTENT =======================

1. Reset
2. Body Style
3. Placeholders & Highlights
4. Container & Grid
5. Headings
6. Buttons
7. Form
8. Paddings & Margins
9. Breadcrumbs
10. Custom Style
11. Header
12. Intro
13. Apartments
14. New Apartments
15. Why Us
16. Services
17. Banner
18. Team
19. About
20. News
21. Testimonials
22. Partners
23. Footer
24. Contact Page
25. FAQ Page
26. Blog Page
27. About Page
28. Apartments Page
29. Cookies
30. Pagination
31. Pagination
32. Calculator
33. Leading Section
34. Page Search
35. Services New

=============================================================*/
/* ================================================================================== 
1. Reset
===================================================================================== */
*, *::after, *::before { margin: 0; padding: 0; -webkit-box-sizing: inherit; box-sizing: inherit; } 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; } dfn { font-style: italic; } 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; } 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; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; } a { color: inherit; text-decoration: none; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } strong { font-weight: 700; }
.fancybox__button--zoo, .fancybox__button--slideshow, .fancybox__button--fullscreen, .fancybox__button--thumbs, .fancybox__button--zoom{
  display: none;
}
.none{
  display: none;
}
ul, ol { padding-left: 4rem; }

/* ================================================================================== 
2. Body Style
===================================================================================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 56.25%;
  word-wrap: break-word;
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  html {
    font-size: 62.5%;
  }
}
body {
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  color:#000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.6rem;
  overflow-x: hidden;
  
}
main{
  position: relative;
}
/* ================================================================================== 
3. Placeholders & Highlights
===================================================================================== */
::-webkit-input-placeholder { color: inherit; opacity: 0.7 !important; }
:-moz-placeholder { color: inherit; opacity: 0.7; }
::-moz-placeholder { color: inherit; opacity: 0.7; }
:-ms-input-placeholder { color: inherit; }
::-moz-selection { background-color: #318a1f;  color: #fff; }  
::selection { background-color: #318a1f; color: #fff }
/* ================================================================================== 
4. Container & Grid
===================================================================================== */
.container {
  position: relative;
  width: 100%;
  max-width: 144rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2rem;
}
.container-xl{
  max-width: 192rem;
  padding: 0;
}
.container-lg{
  max-width: 168rem;
}
/* ================================================================================== 
5. Headings
===================================================================================== */

h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; font-weight: 500;line-height:1.4; color: #23262d; font-family: 'Plus Jakarta Sans', sans-serif;}
h3{
  font-size: 2rem;
}
.title h1, .title h2 {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.2;
}
p { margin-bottom: 2rem; }
.title{ margin-bottom:5rem; }
.title-center{text-align: center;}
.title-row{
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e9eaec;
  position: relative;
}
.title-row .title{
  margin-bottom: 3rem;
  width: 100%;
}
.title-text{
  width: 100%;

}
.title-box{
  width: 100%;
  padding: 3rem;
  background-color: #f8f9f9;
  margin-bottom: 3rem;
}
.title-box:last-child{
  margin-bottom: 0;
}





@media only screen and (min-width: 48.0625em) {
  /*769px*/

  .title-box{
    width: 31.3%;
    margin-bottom: 0;
  }
  .title-text{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
  }

}
@media only screen and (min-width: 50.0625em) {
  /*801px*/

.title{ margin-bottom:6rem; }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/

}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .title h1, .title h2 {
    font-size: 3.6rem;
  }
}

@media only screen and (min-width: 100em) {
  /*1600px*/
 
}
/* ================================================================================== 
6. Buttons
===================================================================================== */

.btn {
	display: inline-block;
	padding: 1rem 2.6rem;
	font-weight: 700;
	/* border-radius: 10rem; */
	font-size: 1.5rem;
}
.btn-primary{
  background-color: #318a1f;
  color: #fff;
}

.btn-primary:hover{
  background-color: #293540;
}
.btn-secondary{
  background-color: #fff;
  color: #318a1f;
}
.btn-secondary:hover{
  opacity: 0.7;
}
/* ================================================================================== 
7. Form
===================================================================================== */
input, textarea, select {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 1.2rem 1.9rem;
	outline: none;
	background-color: #fff;
	border-radius: 0;
	/* color: #318a1f; */
	font-size: 1.5rem;
	font-weight: 400;
}
textarea{
  resize: vertical;
  height: 14rem;
}
input:focus,
textarea:focus, select:focus {
  border-color: #318a1f;

}
label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
button {
  transition: all 0.4s ease-in-out;
  border:0;
}
fieldset{
  border: 0;
  margin-bottom: 2rem;
}
label.check-wrapper {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #43515a;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.check-wrapper .checkmark::after {
  left: 0.4rem;
  top: 0.2rem;
  width: 0.5rem;
  height: 1rem;
  border: solid #43515a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


/* ================================================================================== 
8. Paddings & Margins
===================================================================================== */
.space {
  padding: 5rem 0;
}
.mt-5{
  margin-top: 5rem;
}
.no-pt{
  padding-top: 0 !important;
}
.no-pb{
  padding-bottom: 0 !important;
}

@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .space {
    padding: 7rem 0;
  }
}
/* .menu-item-has-children za wp sub parent*/
/* .current_page_item za wp active link u navigaciji*/
/* ================================================================================== 
9. Breadcrumbs
===================================================================================== */
.breadcrumbs{
  background-color: #fff;
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
  font-size: 1.4rem;
}
.breadcrumbs ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs ul li{
  display: inline-block;
  font-weight: 600;

}
.breadcrumbs ul li::after{
  content: '|';
  display: inline-block;
  margin: 0 1rem;
}
.breadcrumbs ul li a{
  display: inline-block;
  font-weight: 400;
}
.breadcrumbs ul li:last-child:after{
  content: none;
}
/* ================================================================================== 
10. Custom Style
===================================================================================== */
.list ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.list ul li{
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2rem;
}
.list  ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 2rem;
  height: 2rem;
  background-image: url(images/list.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
/* ================================================================================== 
11. Header
===================================================================================== */
.top-header{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index:6;
  background-color: #000000;
  padding: 1rem 0;
  color: #fff;
  font-size: 1.2rem;
  transition: all .2s ease-in-out;
}
.top-header ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.top-header .container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.header-info p{
  margin: 0;
}
.header-info{
  display: flex;
  align-items: center;
  margin-right: auto;
}
.header-info a, .header-info p{
  display: flex;
  align-items: center;
  margin-right: 2rem;

}
.header-info a img, .header-info p img{
  display: block;
  object-fit: contain;
  width: 1.7rem;
  height: 1.5rem;
  margin-right: 1.4rem;
}
.lang{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lang select {
	border: 0;
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 0;
	margin: 0;
	border-radius: 0;
	width: 8rem;
	font-weight: 400;
}
.lang select option{
  color: #293540;
}
.lang img{
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 1rem;
}
.lang .lang-sub {
	position: absolute;
	background-color: #35404a;
	top: 2.7rem;
	left: 0;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	width: auto;
	z-index: 1;
}
.has-lang-sub:hover .lang-sub{
  opacity: 1;
  visibility: visible;
}
.lang-sub li{
  display: block;
}
.lang-sub li a{
  display: block;
  padding: 0.5rem 1rem;
  background-color: #35404a;
}
.has-lang-sub {
	position: relative;
	padding-right: 2rem;
	background-image: url(images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 0.7rem;
}
.mobile-info{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px dashed #ccc;
  padding-left: 1rem;
}
.mobile-info a:first-child{
  margin-bottom: 2rem;
}
.mobile-links{
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px dashed #ccc;
}
.header-info2{
  display: none;
}
.wpml-ls-legacy-dropdown {
	width: 8.5rem;
	max-width: 100%;
}
.wpml-ls-legacy-dropdown a {
	display: block;
	text-decoration: none;
	color: #fff;
	border: none;
	background-color: transparent;
	padding: 1rem;
	line-height: 1;
  transition: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #fff;
	background: transparent;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	position: relative;
	padding-right: 0;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	 border-top: 0; 
	
	background: #35404a;
}
.wpml-ls-slot-shortcode_actions:hover .wpml-ls-sub-menu  {
  visibility: visible;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .header-info2{
    display: flex;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .mobile-info, .mobile-links{
    display: none;
  }
}
/*----------*/
header{
  position: fixed;
  top: 5.3rem;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 2rem 0;
  transition: all .4s ease-in-out;
}
header.z{
  z-index: 4;
}
header.scrolled{
  top: 0;
  background-color: #000000;
}
header ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-logo{
  display: block;
}

.header-logo img {
	display: block;
	width: 18rem;
	height: 4.4rem;
	object-fit: contain;
}
header .container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
header nav{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow-y: auto;
  padding: 2rem;
  background-color: #fff;
  padding-top: 5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all .4s ease-in-out;
  z-index: 11;

}
.nav-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index:3;
  transition: all .4s ease-in-out;
  min-height: 100vh;
  opacity: 0;
  visibility: hidden;
}
.nav-overlay.open{
  opacity: 1;
  visibility: visible;
}
header nav.open{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
header nav li{
  display: block;
}
header nav li a {
	display: block;
	padding: 1rem 1.6rem;
	font-weight: 400;
	font-size: 1.8rem;
  position: relative;
}
header nav li a::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: all .4s ease-in-out;
}
header nav li a:hover::after, header nav li.current_page_item a::after {
  opacity: 1;
  width: 100%;
}
.menu-toggle,  .menu-toggle2{
  cursor: pointer;
  display: flex;
  position: relative;
  z-index: 11;
}

.menu-toggle {
	position: absolute;
	right: 4rem;
	top: 4rem;
}
.menu-toggle svg, .menu-toggle2 svg{
    height: 3.7rem;
    width: 3.7rem;
    top: unset;
    position: static;
    fill: #fff;
    transition: all .25s ease;

}

.menu-toggle path{
  fill:#fff;
}
.fc-menu-icon .a {
  transition: all .3s ease;
}
.fc-menu-icon .b{
  transition: all .3s ease;
}

nav .fc-menu-icon .a {
  transform: rotate(45deg) translate(5px,-5px);
  transition: all .4s ease;
}
nav .fc-menu-icon .b {
  transform: rotate(-45deg) translate(-12px,5px);
  transition: all .4s ease;
}
nav .menu-toggle path {
  fill: #293540;
}
nav .menu-toggle svg{
  fill: #293540;
}
nav .menu-toggle rect{
  fill: #293540;
}
.menu-toggle2.toggled{
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 37.5625em) {
  /*601px*/
  header nav{
    width: 50rem;
    padding: 5rem;
    padding-top: 10rem;
  }
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .header-logo img{
    width: 22rem;
    height: 8.4rem;
  }
  .menu-toggle2 svg {
    top: -2rem;
    position: relative;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  header nav{
    position: static;
    right: auto;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    min-height: auto;
    overflow-y:  visible;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  
  }
  header nav li{
    display: inline-block;
  }
  header nav li a {
    display: inline-block;
    color: #fff;
  }
  .menu-toggle, .menu-toggle2{
    display: none;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .header-logo img{
    width: 20.3rem;
  }
}
/* ================================================================================== 
12. Intro
===================================================================================== */
.intro{
  position: relative;
}
.intro img{
  display: block;
  width: 100%;
  height: 93rem;
  object-fit: cover;
}
.intro-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293540', endColorstr='#00293540',GradientType=0 );
  z-index: 1;
}
.main-text .title{
  margin-bottom: 3rem;
}
.main-slide{
  position: relative;
}
.main-text  h2{
  color: #fff;
}
.intro .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-size: 1.2rem;
	cursor: pointer;
	z-index: 1;
	font-size: 0;
	background-color: transparent;
}
.intro .slick-prev{
  left: 1rem;
  background-image: url(images/prev-white.svg);
}
.intro .slick-next{
  right: 1rem;
  background-image: url(images/next-white.svg);
}
.main-text {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 60rem;
	width: 100%;
	/* padding: 0 2rem; */
	z-index: 1;
	color: #fff;
	text-align: left;
	padding: 0 2rem;
}


@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(-50%);
      transform: translateZ(-50%)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}



@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  
.intro .slick-arrow{
  width: 2.2rem;
  height: 4rem;
  background-size: 2.2rem;
}
.main-text {
	padding: 0 4rem;
	padding-left: 5rem;
}
}


@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .main-text h2{
    font-size: 4.2rem;
  }
}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .main-text {
    padding-left: 25rem;
    max-width: 91rem;
  }
}
/*-----------------*/
.home-search{
  background-color: rgba(0,0,0,0.54);
  z-index: 2;
  padding: 5rem 2rem;
  font-size: 1.5rem;
  position: relative;
}

.home-search fieldset {
	width: 100%;
	margin: 0;
	border: 1px solid rgba(255,255,255,.2);
	display: flex;
	align-items: center;
  margin-bottom: 1rem;
}
.home-search input, .home-search select{
  background-color: transparent;
  border:1px solid  transparent;
  color: #fff;
  padding: 0.6rem 2rem;
  font-weight: 500;
}
.home-search select option{
  color: #293540;
}
.home-search select{
  appearance: none;
  -webkit-appearance: none;
  background-image: url(images/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: right 2rem center;
}
.home-search span {
	color: #fff;
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: rgba(49,138,21,.5);
}
.home-search .search-btn-wrap{
  border-color: transparent;
}
.btn-search{
  width: auto;
  text-align: center;
  background-color: #164278;
  color: #fff;
  font-weight: 600;
  background-image: url(images/search-white.svg);
  background-repeat: no-repeat;
  background-position: left 2rem center;
  background-size: 1.6rem;
  padding: 0.8rem;
  padding-left: 6rem;

}
.btn-search:hover{
  background-color: #318a1f;
}
.home-search h3{
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .home-search form{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap:1%;
  }
 
  .home-search fieldset:last-child {
    margin-bottom: 0
  
  }

}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .home-search {
    background-color: rgba(0,0,0,0.54);
    position: absolute;
    right: 5rem;
    top: 50%;
    width: 100%;
    max-width: 40rem;
    transform: translateY(-50%);
    padding: 5rem;
  }
  .home-search form{
    flex-wrap: nowrap;
    gap:1rem;
  }
  .btn-search {
    padding: 1rem;
    width: 100%;
    height: 100%;
    padding-left: 3rem;
  }
 

}
@media only screen and (min-width: 105em) {
  /*1680px*/
  .home-search {
    right: 25rem;
  }
}
/* ================================================================================== 
13. Apartments
===================================================================================== */
.apartments{
  background-color: #fafafa;
}
.apartments .container-xl{
  padding: 0 2rem;
}


.apartment-box-home{
  display: flex !important;
  flex-direction: column;
  height: auto;
  background-color: #fff;
  position: relative;
  margin-bottom: 3rem;
  width: 100%;
}
.apartment-image{
  display: block;
  position: relative
}

.apartment-image::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

  
}
.apartment-image img {
	display: block;
	width: 100%;
	height: 31rem;
	object-fit: cover;
}
.apartment-pin {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
	color: #fff;
	z-index: 1;
	font-size: 1.4rem;
}
.apartment-pin img {
	display: block;
	width: 1rem;
	height: auto;
	margin-right: 1rem;
  object-fit: contain;
}
.slide-hover{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,148,106,.75);
  color: #fff;
  font-size: 2.5rem;
  z-index: 1;
  padding: 3rem;
  transition: all  .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.nek-icons {
	display: flex;
	align-items: center;
	padding: 0 2rem;
	gap: 1rem;
	flex-wrap: wrap;
}
.apartment-image:hover .slide-hover{
  opacity: 1;
  visibility: visible;
}
.hover-inner{
  display: flex;
  flex-direction: column;
}
.box-icon {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	font-size: 1.4rem;
}
.box-icon img {
	display: block;
	width: 2.8rem;
	height: 1.7rem;
	object-fit: contain;
	margin-right: 1rem;
}
.apartment-box-home h3 {
	font-size: 1.8rem;
	padding: 2rem 2rem 1rem 2rem;
	font-weight: 500;
	margin-bottom: 0;
}
.apartment-box-home p{
  font-size: 1.4rem;
  padding: 0 2rem;
}
.box-price {
	padding: 0.6rem 2rem;
	font-size: 1.4rem;
	color: #fff;
	font-weight: 400;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(49,138,31,0.5);
}
.box-price span{
  font-size: 1.5rem;
  font-weight: 500;
}

@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .apartments .apartments-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:2%;
  }
  .apartment-box-home{
    width: 48.5%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .apartment-box-home{
    width: 32%;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .apartment-box-home{
    width: 23.5%;
  }
}
@media only screen and (min-width: 100em) {
  /*1600px*/


 
}
/* ================================================================================== 
14. New Apartments
===================================================================================== */
.new-wrapper{
  position: relative;
  display: flex;
  flex-direction: column;
}
.new-slide {
	position: relative;
}
.new-images {
	width: 100%;
}
.new-images img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.new-images > img{
  height: 30rem;
}
.image-inner {
	width: 34rem;
	position: absolute;
	left: 2rem;
	bottom: 5rem;
	z-index: 1;
	display: none;
}
/* .image-inner::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,148,106,.20);
} */
.new-text {
	width: 100%;
	background-color: #318a1f;
	color: #fff;
	padding:  5rem 2rem;
	position: relative;
	z-index: 1;
	font-size: 1.4rem;

	background-image: url(images/logo-bg.png);
	background-repeat: no-repeat;
	background-size: 23rem;
	background-position: right 5rem bottom 5rem;
}
.new-text h3{
  font-size: 2rem;
}
.new-text-inner {
	max-width: 72rem;
	width: 100%;
}
.new-icons{
  display: flex;
  flex-direction: row;
  gap:2rem;
}
.new-icons-space {
  margin-left: 2rem;
}
.new-icon{
  display: flex;
  align-items: center;
  margin: 1rem 0 2rem 0;
}
.new-icon img {
	display: block;
	width: 2.2rem;
	height: 2.3rem;
	object-fit: contain;
	margin-right: 1.5rem;
}

.new-price{
  font-size: 2rem;
  color: #fff;
}
.new-price span{
  font-size: 1.5rem;
  font-weight: 500;
}
/* .new-slider .slick-arrow{
  width: 2.2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: 2.2rem;
  font-size: 0;
  cursor: pointer;
  background-color: transparent;
}
.new-slider .slick-prev{
  background-image: url(images/prev.svg);
}
.new-slider .slick-next{
  background-image: url(images/next.svg);
} */
.arrows {
	display: flex;
	align-items: center;
	gap: 4rem;
	z-index: 1;
	width: 100%;
	justify-content: flex-end;
	margin-bottom: 2rem;
	padding-right: 2rem;
}
.arrows span{
  cursor: pointer;
  display: inline-block;

}
.arrows img{
  width: 1.5rem;
  height: 3rem;
  object-fit: contain;
  display: block;
}
.new-wrapper .btn {
	margin: 0 auto;
  align-self: center;
  margin-top: 5rem;

}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .new-images > img{
    height: 50rem;
  }

}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .new-slide {
    display: flex !important;
  }
  .new-images {
    width: 59%;
  }
  .new-text {
    width: 44%;
    padding:  5rem;
  }
  .new-images > img{
    height: 100%;
  }


}
@media only screen and (min-width: 68.75em) {
  /*1100px*/
  .new-text {
    padding: 5rem;
    margin-bottom: -8rem;
  }
  .new-images {
    margin-right: -10rem;
  }
  .image-inner{
   display: block;
  
  }
  .new-images > img{
    height: 55rem;
  }
  .new-slide {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .arrows {
    position: absolute; 
    right: 5rem;
    top: 20;
    width: auto;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-right:0;
  }
  .new-slider .slick-list{
    padding-bottom: 8rem;
  }
  .new-wrapper{
    display: block;
  }
  .new-wrapper .btn {
    position: absolute;
    bottom: 0;
    left: 2rem;
    margin-top: 0;
  }
  .new-wrapper .btn {
    left: 50%;
    transform: translateX(-50%);
  }
  .new-wrapper{
    padding-bottom: 10rem;
  }

}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .image-inner{
    width: 43rem;
    z-index: 1;
  
  }

  .new-images {
    width: 49%;
  }
}
@media only screen and (min-width: 100em) {
  /*1600px*/
  .image-inner{
    width: 43rem;
  }


}
/* ================================================================================== 
15. Why Us
===================================================================================== */
.why-us{
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  padding:5rem 0;
  position: relative;
}
.why-us .title h2{
  color: #fff;
}
.text-center.why-text-center{
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
.whyus-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13,39,71,0.8);
}

.why-wrapper {
  width: 100%;
  margin-top: 5rem;
}
.why-wrapper article{
  width: 100%;
  padding: 0 2rem;
}
.why-icon {
	width: 5rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
  border:2px solid #fff;
  margin-bottom: 3rem;
}

.why-icon img {
	display: block;
	width: 3.8rem;
	height: 3rem;
	object-fit: contain;
}
.why-wrapper article h3{
  font-size: 1.6rem;
  color: #fff;
}

.why-years{
  width: 100%;
  padding: 5rem 2rem;
  background-color: #164278;
  color: #fff;
  text-align: center;
}
.why-years h3{
  color: #fff;
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 0;
}
.why-years p{
  font-size: 3rem;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .why-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .why-wrapper article{
    width: 50%;
  }
  .why-icon img{

    width: 4rem;
    height: 5rem;
  }
  .why-icon {
    width: 7.5rem;
    height: 7.5rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .why-us{
    padding:10rem 0;
  }

}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .why-outer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .why-years{
    width: 32%;
    padding: 5rem;
    text-align: left;
  }
  .why-wrapper {
    width: 62%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .why-years h3{
    font-size: 8rem;
  }
  .why-years h3{
    font-size: 6rem;
  }
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
 
}
@media only screen and (min-width: 90em) {
  /*1440px*/

}
@media only screen and (min-width: 101.25em) {
  /*1620px*/
  .why-wrapper article h3{
    font-size: 1.8rem;
  }
}
/* ================================================================================== 
16. Services
===================================================================================== */
.services{
  padding: 5rem 0;
}

.services-wrapper article{
  width: 100%;
  text-align: center;
  position: relative;
  color: #fff;
  overflow: hidden;
  transition: all .4s ease-in-out;
  z-index: 1;
}

.services-wrapper  article::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.48);
}
.services-wrapper article:last-child{
  margin-bottom: 0;
}
.services-wrapper{
  counter-reset: number;
}
.service-image{
  width: 100%;

}
.service-image img{
  width: 100%;
  height: 40rem;
  object-fit: cover;
  transition: all .4s ease-in-out;
  display: block;
}
.services-wrapper  article h3{
  font-size: 2rem;
  color: #fff;
}
.service-text{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 4rem;
  z-index: 1;
  transition: all .4s  ease-in-out;
}
.services-number{
  position: relative;
}
.services-number::before {
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	font-size: 9rem;
	opacity: .3;
	-webkit-text-stroke: 2px #fff;
	color: transparent;
	font-weight: 900;
}
.services-page-wrapper  article:last-child{
  background-color: #164278;
  height: 40rem;
}
.services-page-wrapper  article:last-child .services-number::before{
  content: '+';
}

@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .services-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .services-wrapper article{
    width: 50%;
    text-align: left;
  }
  .service-image img{
    height: 60rem;
  }
  .service-text {
    transform: translateY(0);
  }
  .service-text p{
    opacity: 0;
    position: relative;
    transform: translateY(15rem);
    transition: all .4s ease-in-out;
  }
  .services-wrapper article:hover .service-text p{
    transform: translateY(0);
    opacity: 1;
  }
  .services-wrapper article:hover .service-text{
    transform: translateY(0);
  }
  .services-page-wrapper  article:last-child{
    height: auto;
  }

}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .services{
    padding: 7rem 0;
  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .services-wrapper article{
    width: 33.33%;
  }
  .services-wrapper  article h3{
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .services-wrapper article:hover{
    transform: scale(1.1);
    z-index: 2;
  }
}
/* ================================================================================== 
17. Banner
===================================================================================== */

.banner .container{
  padding: 5rem 2rem;
  background-color: #318a1f;
  color: #fff;
  text-align: center;
  background-image: url(images/logo-bg2.png);
  background-repeat: no-repeat;
  background-size: 60rem;
  background-position: top right;
  display: block;
  transition: all .4s ease-in-out;
}
.banner .container:hover{
  background-color: #35404a;
  background-position: top right -3rem;
}
.banner .title{
  text-transform: uppercase;
  margin-bottom: 0;
}
.banner .title h2{
  font-size: 3rem;
}
.banner p{
  margin-bottom: 0;
}
.banner .btn{
  margin-top: 4rem;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .banner .title h2{
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .banner .title h2{
    font-size: 4.5rem;
  }
  .banner .container{
    padding: 5rem;
  }
}
/* ================================================================================== 
18. Team
===================================================================================== */
.team{
  margin-top: 5rem;
}

.team-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  
}
.team a{
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 0 1rem;
  text-align: center;
}
.team-image{
  width: 14rem;
  height: 14rem;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 2rem;
}
.team-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all .4s ease-in-out;
}
.team-image:hover img{
  transform: scale(1.02);
}
.team a h3{
  font-size: 2.6rem;
  color: #318a1f;
  margin-bottom: 0;
}
.btn-center{
  margin-top: 5rem;
  display: flex;
  justify-content: center;
}
.team-slider .slick-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  cursor: pointer;
  z-index: 1;
  font-size: 0;
  background-color: transparent;
}
.team-slider .slick-prev{
  left: 1rem;
  background-image: url(images/prev.svg);
}
.team-slider .slick-next{
  right: 1rem;
  background-image: url(images/next.svg);
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .team-image{
    width: 22rem;
    height: 22rem;
  }
}
@media only screen and (min-width: 81.25em) {
  /*1300px*/
  .team-slider .slick-prev{
    left: -2rem;
  }
  .team-slider .slick-next{
    right: -2rem;
  }
}
/* ================================================================================== 
19. About
===================================================================================== */
.about{
  background-color: #f8f9f9;
  padding: 5rem 0;
}
.about .title{
  position: relative;
  border-bottom: 1px solid  #e9eaec;
  text-transform: uppercase;
  padding-bottom: 4rem;
}
.about .title::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 7.8rem;
  height: 1px;
  background-color: #318a1f;
  transform: translateX(-50%);
}
.about-wrapper{
  display: flex;
  flex-direction: column-reverse;
}
.about-left{
  width: 100%;
  margin-top: 5rem;

}
.about-left img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.about-right{
  width: 100%;
}
.about-left h3{
  font-size: 2.6rem;
}
.about-right .btn{
  margin-top: 3rem;
}
.about-right p{
  margin-bottom: 1rem;
  /* font-size: 1.55rem; */
}
@media only screen and (min-width: 50.0625em) {
  .about{
    padding: 7rem 0;
  }

  /*801px*/
  .about-wrapper{
    flex-direction: row;
    justify-content: space-between;
  }
  .about-left{
    width: 50%;
    margin-top: 0;
  }
  .about-right{
    width: 46%;
  }
  .about-left img{
    height: 100%;
  }
}
/* ================================================================================== 
20. News
===================================================================================== */

.news-wrapper{

  margin-top: 5rem;
}
.news-wrapper  article{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
.news-image{
  display: block;
  overflow: hidden;
  margin-bottom: 2rem

}
.news-image img {
	display: block;
	width: 100%;
	height: 20rem;
	object-fit: cover;
	transition: all .4s ease-in-out;
}
.news-image:hover img{
  transform: scale(1.04);
}
.date{
  color: #bdbfc2;
  font-size: 1.4rem;
  font-weight: 400;

}
.news-wrapper article h3{
  margin-bottom: 3rem;
  font-size: 2rem;
}
.news-left{
  width: 100%;
  margin-bottom: 3rem;
}
.news-right{
  width: 100%;
  position: relative;
}
.btn-sm{
  display: inline-block;
  margin-top: auto;
  font-weight: 600;
  color: #23262d;
  background-image: url(images/arrow-right2.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 6rem;
  background-size: 1.5rem;
  align-self: flex-start;

}
.btn-sm:hover{
  padding-right: 7rem;
}
.banner-news{
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 2rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;

}
.news-right::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
}
.banner-news h2{
  color: #fff;
}
.banner-news .title{
  margin-bottom: 3rem;
}
.banner-news .btn{
  margin-top: 3rem;
  background-color: transparent;
  border:1px solid #fff
}
.banner-news .btn:hover{
  background-color: #fff;
  color: #23262d;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .news-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
  }
  .news-wrapper  article{
    width: 48.5%;
  }
 
}

@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .news-outer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .news-left{
    width: 65%;
    margin-bottom: 0;
  
  }
  .news-right{
    width: 30%;

  }
  .banner-news{
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .news-wrapper  article{
    width: 31.3%;
  }
  .news-txt {
    height: 24%;
  }
 
  .news-left .news-wrapper article{
    width: 48.5%;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
 
}
/* ================================================================================== 
21. Testimonials
===================================================================================== */
.testimonials{
  padding: 5rem 0;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.testimonials-slider{
  max-width: 128rem;
  width: 100%;
  margin: 5rem  auto;
  margin-bottom: 0;
}
.testimonials-slide{
  text-align: center;
  padding: 0 3rem;
}

.testimonials-icon img{
  margin: 0 auto;
  display: block;
  width: 7.7rem;
}
.testimonials-icon{
  margin-bottom: 2rem;
}
.testimonials-image{
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.testimonials-image img{
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  display: block;
  object-fit: cover;
}
.testimonials-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.4rem;
	background-repeat: no-repeat;
	background-size: 2.5rem;
	cursor: pointer;
	z-index: 1;
	font-size: 0;
	background-color: transparent;
}
.testimonials-slider .slick-prev{
  left: 1rem;
  background-image: url(images/prev.svg);
}
.testimonials-slider .slick-next{
  right: 1rem;
  background-image: url(images/next.svg);
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .testimonials{
    padding: 10rem 0;
    margin-top: 10rem;
  }
  .testimonials-slider{
    margin: 9rem  auto;

  }
}
@media only screen and (min-width: 81.25em) {
  /*1300px*/
  .testimonials-slider .slick-prev{
    left: -2rem;
  }
  .testimonials-slider .slick-next{
    right: -2rem;
  }
}
/* ================================================================================== 
22. Partners
===================================================================================== */
.partners .title{
  position: relative;
  border-bottom: 1px solid  #e9eaec;
  text-transform: uppercase;
  padding-bottom: 4rem;
}
.partners .title::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 7.8rem;
  height: 1px;
  background-color: #318a1f;
  transform: translateX(-50%);
}
.logos-slider{
  max-width: 50%;
  width: 100%;
  margin: 0  auto;
}
.logo-slide img {
	display: block;
	width: 100%;
	height: 8rem;
	object-fit: contain;
	padding: 0 2rem;
	/* filter: grayscale(100); */
	/* opacity: 0.6; */
}
.logo-single {
	padding: 0 2rem;
	width: 100%;
}
.logo-single img{
  display: block;
  width: 15rem;
  height: auto;
  object-fit: contain;
}

.partners-wrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .logos-slider{
    max-width: 72%;
  }
  .logo-single {
    width: 30%;
    flex-direction: row;
    display: flex;
    justify-content: center;

  }
  .logo-single img{ 
    margin-bottom: 0;
  }
  .logo-slide img {
    height: 8rem;
  }
  
   
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .logo-single img{
    width: 15rem;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .logo-slide img {
    height: 12rem;
  }
}
/* ================================================================================== 
23. Footer
===================================================================================== */
.footer-top {
	padding: 5rem 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.footer-top::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
}
.footer-contact{
  width:100%;
  color: #fff;
}
.footer-newsletter{
  width: 100%;
  color: #fff;
  margin-top: 5rem;
}

.footer-top-text h3{
  width: 100%;
}
.footer-contact .btn{
  background-color: transparent;
  color: #fff;
  border:1px solid #fff;
  transition: all .4s ease-in-out;
}
.footer-top .btn:hover{
  background-color: #fff;
  color: #23262d;
}
.footer-top fieldset p{
  width: 100%;
}
.footer-top-wrapper h3{
  font-size: 3rem;
  color: #fff;
}
.footer-top form p{
  margin-bottom: 0;
}
.footer-top form br{
  display: none;
}
.footer-top form{
  margin-top: 3rem;
}


.footer-top form .mc4wp-form-fields{
  display: block;
}

.footer-top input,.footer-top textarea {
  border: 1px solid rgba(255,255,255,0.5);
  background-color: rgba(255,255,255,0.1);

}
.footer-newsletter .btn{
  background-color: #164278;
}
.wpcf7-submit{
  width: auto;
}
.footer-social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 3rem;
}
.footer-social a{
  display: block;

}
.footer-social a:hover{
  opacity: 1;
}
.footer-social a img{
  display: block;
  width: 4rem;
  height: 4rem;
  object-fit: contain;

}
.footer-logo {
  flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
  gap:5rem;


}
.footer-logo a{
  order: -1;
}
.footer-logo > img {
	height: auto !important;
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .footer-top-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-contact{
    padding: 5rem;
    width: 48%;
  }
  .footer-newsletter{

    padding: 5rem;
    width: 48%;
    margin-top: 0;

  }
  .footer-top-wrapper h3{
    font-size: 3rem;
  }
  .footer-top-wrapper img{
    width: 6.9rem;
    height: 6.9rem;
  }
  .footer-logo {
    flex-direction: row;
    gap: 6rem;
  }
  .footer-logo a{
    order: 0;
  }
}


@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .footer-top-wrapper h3{
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .footer-top {
    padding: 10rem 0;
  }
  .footer-top form .mc4wp-form-fields{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .footer-top form fieldset{
    width: 67%;
  }
  .footer-top form fieldset:last-child{
    width: auto;
  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
}
 .mc4wp-form-fields{
  width: 100%;
}
/*--------*/
footer{
  background-color: #fff;
  padding: 5rem 0;
}

footer ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-logo a{
  display: inline-block;
}
footer ul li{
  display: block;
}
footer ul li a{
  display: inline-block;
}

.footer-logo img{
  display: block;
  width: 20rem;
  height: auto;
}


footer .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer article{
  width: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
footer article:last-child{
  margin-bottom: 0;
}
.copyright{
  background-color: #318a1f;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  padding: 2rem 0;
}
.copyright .container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .copyright{
    text-align: left;
  }
  .copyright .container{
    flex-direction: row;
    justify-content: space-between;
  }


}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  footer{
    padding: 7rem 0;
  }
}
@media only screen and (min-width: 68.75em) {
  /*1100px*/
  .footer-logo img{
    width: 26rem;
  }
  footer .container{
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  footer article{
    width: auto;
    margin-bottom: 0;
    text-align: left;
  }
  
}
/* ================================================================================== 
24. Contact Page
===================================================================================== */
.top-image{
  position: relative;
}
.top-height{
  width: 100%;
  height: 17.8rem;
  background-color: #000000;
}
.top-image img{
  display: block;
  width: 100%;
  height: 40rem;
  object-fit: cover;
}
.top-overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top,  rgba(41,53,64,1) 0%, rgba(41,53,64,0) 70%);
  background: -webkit-linear-gradient(top,  rgba(41,53,64,1) 0%,rgba(41,53,64,0) 70%);
  background: linear-gradient(to bottom,  rgba(41,53,64,1) 0%,rgba(41,53,64,0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293540', endColorstr='#00293540',GradientType=0 );
  z-index: 1;
}
.contact-page-wrapper{
  margin: 5rem 0;
}

.contact-form{
  width: 100%;
  background-color: #f8f9f9;
  padding: 3rem;
}
.contact-form input, .contact-form textarea{
  background-color: #fff;
}
.contact-form p{
  margin-bottom: 0;
}
.contact-form br{
  display: none;
}
.map{
  width: 100%;
  margin-bottom: 5rem;
}
.map iframe{
  width: 100%;
  display: block;
  height: 40rem;
}
.form-btn input{
  background-color: #318a1f;
  border:0;
  transition: all .4s ease-in-out;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .contact-page-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

  }
  .map{
    width: 100%;
    margin-top: 0;
  }

  .contact-form{
    width: 48%;
    padding: 5rem;
  }
}

/* ================================================================================== 
25. FAQ Page
===================================================================================== */


 /*---------------accordion----------*/
 .accordion-wrapper {
  counter-reset: accordion-counter;
  /* margin-top: 10rem; */
}

.accordion {
  padding: 2rem 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  counter-increment: accordion-counter;
  border-bottom: 1px solid #e7e7e7;
}
.accordion__head {
  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;
  cursor: pointer;
}
.accordion__head_text {
  position: relative;
  padding-left: 5rem;
  font-size: 1.8rem;
  margin-bottom: 0;
  font-weight: 500;
  width: 80%;
}
.accordion__head_text:before {
  content: counter(accordion-counter);
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-color: #318a1f;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  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;
  font-size: 1.4rem;
  font-weight: 600;
}
.accordion__head_btn {
  width: 4rem;
  height: 4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  background-color: transparent;
}
.accordion__head_btn:before, .accordion__head_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #45484f;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* .accordion:hover {
background-color: #7654B4;
}
.accordion--active {
background-color: #7654B4;
} */

.accordion--active .accordion__head_btn {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.accordion--active .accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion--active .accordion__body {
  margin-top: 3rem;
}



  @media only screen and (min-width: 50.0625em) {
    /*801px*/
    .accordion__head_text {
      font-size: 2rem;
    }
  }
/* ================================================================================== 
26. Blog Page
===================================================================================== */
.news-content{
  width: 100%;
  margin-bottom: 5rem;
}  
.news-aside{
  width: 100%;
  background-color: #f8f9f9;
  padding: 3rem;
}

.title-lg .title{
  width: 80%;
}
.news-content img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 5rem 0;
}
.news-search{
  margin-bottom: 3rem;
}
.news-search form{
  position: relative;

}
.news-search .btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2rem;
	padding: 1rem 1.3rem;
}
.news-search  input {
	padding: 1.1rem 1.9rem;
	background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}
.news-new a:hover{
  color: #318a1f;
}
.news-new a {
	display: block;
	padding-left: 3rem;
	background-image: url(images/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: left top 1rem;
	background-size: 0.6rem;
}
.title-center-lg{
  position: relative;
  border-bottom: 1px solid  #e9eaec;
  text-transform: uppercase;
  padding-bottom: 4rem;
}
.title-center-lg::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 7.8rem;
  height: 1px;
  background-color: #318a1f;
  transform: translateX(-50%);
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .news-page-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .news-content{
    width: 60%;
    margin-bottom: 0;
  }  
  .news-aside{
    width: 30%;
    position: sticky;
    top: 16rem;
  }
}
@media only screen and (min-width: 68.75em) {
  /*1100px*/
  .news-aside{
    padding: 5rem;
  }
}
/* ================================================================================== 
27. About Page
===================================================================================== */
.about-wrapper2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
 margin-top: 5rem;
}
.about-image{
  width: 35%;
}
.about-image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-text {
	width: 65%;
	background-color: #f8f9f9;
	padding: 5rem;
	padding-left: 13rem;
}

/*---------------*/

.agent-text{
  width: 100%;
}
.agent-image{
margin-bottom: 3rem;

}
.agent-lang{
  margin-top: 5rem;
}
.lang-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:3rem;
}
.agent-lang h2{
  font-size: 3rem;
}
.lang-wrapper div {
	display: inline-block;
	padding: 2rem 3rem;
	padding-left: 6rem;
	background-color: #f8f9f9;
	background-image: url(images/lang2.svg);
	background-repeat: no-repeat;
	background-position: left 2rem center;
	background-size: 2rem;
}
.text-center{
  text-align: center;
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .agent-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .agent-text{
    width: 70%;
  }
  .agent-image{
    position: sticky;
    top: 16rem;
    margin-bottom: 0;
  
  }
  .text-center{
    margin-bottom: 10rem;
  }
}
/* ================================================================================== 
28. Apartments Page
===================================================================================== */

.page-content{
  width: 100%;
}

.page-aside{
  width: 100%;
  
}

.apartment-box{
  width: 100%;
  margin-bottom: 3rem;
  background-color: #f8f9f9;
  position: relative;
  display: flex;
  flex-direction: column;
}
.apartment-box-3 {
  width: 30.5%;
}
.apartment-box h3 {
	font-size: 1.8rem;
	color: #318a1f;
	padding: 2rem 2rem 1rem 2rem;
	font-weight: 500;
	margin-bottom: 0;
}
.apartment-box p{
  font-size: 1.4rem;
  padding: 0 2rem;
}
.nek-type{
  color: #318a1f;
}
.sort-wrap{
  margin-bottom: 5rem;
}
.sort-wrap form{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sort-wrap select{
  width: 25rem;
  margin-left: 2rem;
}
.filter-wrap {
  display: none;
}
.filter-wrap form br{
  display: none;
}
.page-aside h3{
  padding: 1rem 2rem;
  background-color: #f7f7f7;
  background-image: url(images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1rem;
  cursor: pointer;
}
.filter-wrap form p{
  margin-bottom: 0;
}
.filter-wrap form fieldset{
  margin-bottom: 1rem;
}
/* .filter-wrap .btn {
	padding: 0rem 4.6rem;
} */
.page-aside .btn-primary{
  margin-top: 2rem;
}
.apartments-arrows{
  margin-bottom: 3rem;
  justify-content: flex-end;
  padding-right: 2rem;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .apartments-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
  }
  .apartment-box{
    width: 48.5%;
  }

 
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .filter-wrap {
    display: block;
  }
  .page-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .page-content{
    width: 75%;
  }

  .page-aside{
    width: 20%;
    position: sticky;
    top: 15rem;
    
  }
  .page-aside h3{
    padding: 0;
    background-color: transparent;
    background-image: none;
    cursor: text;
  }
   .apartments-wrapper2  .apartment-box{
    width: 31.3%;
   }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .page-content{
    width: 70%;
  }
}
.page-content-full {
  width: 100%;
}
/*------------------*/
.title-s h1 {
	font-size: 3.8rem;
	font-weight: 400;
	line-height: 1.4;
}
.price-single{
  font-size: 3rem;
  color: #318a1f;

}
.price-single span {
	font-size: 1.5rem;
	font-weight: 500;
}
.title-text h4{
  margin-bottom: 0;
  font-weight: 600;
}
.single-wrapper{
  margin-top: 5rem;
}
.single-content{
  width: 100%;
}
.single-aside{
  width: 100%;
  background-color: #f8f9f9;
  padding: 2rem;
}
.gallery-slide img {
	display: block;
	width: 100%;
	height: 50rem;
	object-fit: cover;
}
.gallery-wrap{
  position: relative;
  margin-bottom: 5rem;
}
.gallery-arrows{
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap:3rem;
  z-index: 1;

}
.gallery-arrows  span{
  background-color: rgba(49, 138, 31,.75);
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  cursor: pointer;
}
.arrow-prev3{
  background-image: url(images/prev-white.svg);
}
.arrow-next3{
  background-image: url(images/next-white.svg);
}
.single-row{
  margin-bottom: 5rem;
}
.single-bg{
  background-color: #f8f9f9;
  padding: 3rem;
}
.single-accommodations ul {
	list-style: none;
	padding: 3rem 0;
	margin: 0;
	background-color: #f8f9f9;
	column-count: 2;
	column-gap: 4rem;
}
.single-accommodations ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dbdbdb;
}
.single-accommodations ul li span:first-child{
  font-weight: 600;
}
.single-row .title-row::after{
  content: none;
}

.single-map iframe{
  display: block;
  width: 100%;
  height: 40rem;
}
.single-icons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5rem;
  flex-wrap: wrap;
  gap:3%
}
.single-icon-row {
	display: flex;
	flex-direction: column;
	margin-bottom: 3rem;
	font-size: 1.4rem;
  width: 48.5%;
}
.icon-top {
	display: flex;
	align-items: center;
	font-weight: 700;
	margin-bottom: 0.3rem;
	color: #164278;
}
.single-icon-row img {
	display: block;
	width: 2.7rem;
	height: 2.2rem;
	object-fit: contain;
	margin-right: 1rem;
	object-position: center;
}
.agent-desc {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 24rem;
	width: 100%;
}

.agent-desc img{
  display: block;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.agent-desc p{
  font-size: 1.4rem;
}
.agent-desc h4{
  margin-bottom: 0;
}
.single-form{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #dbdbdb;
}
.single-form label{
  font-weight: 500;
}
#nekretnina-naziv,
#id-nekretnine,
#prikaz-url {
  display: none;
}
.single-form form p{
  margin-bottom: 0;
}
.single-form form br{
  display: none;
}

.single-form input, .single-form textarea{
  background-color: #fff;
}
.single-form .btn {
  background-color: #318a1f;

}
.single-form .btn:hover {
	background-color: #293540;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .single-row.list ul{
    column-count: 2;
    column-gap: 3rem;
  }
  .single-icon-row {
    width: 31.3%;
  }
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .single-row.list ul{
    column-count: 3;
  }
  .single-icon-row {
    width: auto;
  }

}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .single-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .single-content{
    width: 70%;
  }
  .single-aside{
    width: 25%;
  }
}
@media only screen and (min-width: 68.75em) {
  /*1100px*/
  .single-aside{
    padding: 4rem;
  }
}
/* ================================================================================== 
29. Cookies
===================================================================================== */
.cli-style-v2 {
	font-size: 1.4rem !important;
	line-height: 1.5 !important;
	font-weight: 300 !important;
}
.wt-cli-accept-all-btn{
  background-color: #318a1f !important;
  border-radius: 10rem;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
  border-radius: 10rem;
}
.cli-plugin-main-link{
  color: #318a1f !important;
  font-weight: 600 !important;
  margin-left: 1rem;
}
.prikaz-url {
  display: none;
}
/* ================================================================================== 
30. Pagination
===================================================================================== */
.pagination{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap:1rem;
}
.page-numbers {
	display: flex;
	width: 4rem;
	height: 4rem;
	background-color: #f8f9f9;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
  border:1px solid #e7e7e7;
}
.page-numbers.next, .page-numbers.prev {
  width: 10rem;
}
.page-numbers:hover, .page-numbers.current{
  color: #fff;
  background-color: #318a1f;
  border-color: #318a1f;
}
/* ================================================================================== 
31. Pagination
===================================================================================== */

.estimate .title {
	position: relative;
	border-bottom: 1px solid #e9eaec;
	text-transform: uppercase;
	padding-bottom: 4rem;
}
.estimate .title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 7.8rem;
	height: 1px;
	background-color: #318a1f;
	transform: translateX(-50%);
}
.estimate form br{
  display: none;
}
.estimate form p{
  margin-bottom: 0;
}

.estimate-form{
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;

}
.form-row:not(:last-of-type){
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .estimate .form-inner{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .estimate form fieldset{
    width: 48%;
  }
  .estimate form fieldset.w-100{
    width: 100%;
  }
}
/* ================================================================================== 
32. Calculator
===================================================================================== */

.calculator form fieldset{
  width: 100%;
}
.calculator form fieldset.w-100{
  width: 100%;
}
.calculator form label{
  color: #293540;
  font-weight: 600;
}
.form-group{
  display: flex;
}
.form-group input{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;

}
.form-front{
  width: 6rem;
  background-color: #318a1f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

}
.form-front img{
  display: block;
  width: 1.3rem;
  height: auto;
  object-fit: contain;
}
.calculator-bottom{
  margin-top: 5rem;
}

.calculator-data{
  width: 100%;
  margin-top: 5rem;
}
.calculator-graph{
  width: 100%;
  position: relative;
}
.monthly-result{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 3rem;
  text-align: center;
}
.monthly-result span{
  display: block;
  font-size: 1.6rem;

}
.calculator-data ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.calculator-data ul li{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #ccc;
}
.calculator-data ul li span{
  margin-left: auto;
}
.calculator-data ul li span.calc-icon{
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border:1px solid #318a1f;
  display: block;
  margin-right: 1rem;
  margin-left: 0;
}
.calculator-data ul li:nth-child(2) .calc-icon{
  border:1px solid #ffce56;
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .calculator-top{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .calculator-data{
    width: 48%;
    padding-left: 5rem;
    margin-top: 0;
  }
  .calculator-graph{
    width: 52%;
  }
  .calculator form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calculator form fieldset{
    width: 48%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .calculator-graph{
    width: 52%;
  }
}
/* ================================================================================== 
33. Leading Section
===================================================================================== */
.leading{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 5rem 0;
  color:#fff;
}
.leading::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
}
.leading .container{
  z-index: 1;
  text-align: center;

}
.leading-left {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  margin-bottom: 5rem;
}
.leading-right{
  width: 100%;
}
.leading-left img{
  filter: brightness(0) invert(1);
  width: 26rem;
  height: auto;
  margin: 0 auto;
  
}
.leading-right h2{
  text-transform: uppercase;
  font-size: 3.6rem;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .leading-left img{
    width: 38rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .leading{
    padding: 10rem 0;
    background-attachment: fixed;

  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .leading .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .leading-right h2{
    font-size: 4.8rem;
  }
  .leading-left {
    width: 50%;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .leading-right{
    width: 60%;
  }
  .leading-left img{ 
    margin: 0;
  }
}
/* ================================================================================== 
34. Page Search
===================================================================================== */
.page-search{
  position: static;
  top: auto;
  right: auto;
  width: 100%;
  transform: none;
  max-width: 100%;
  background-color: #f8f9f9;

}
.page-search input, .page-search select{
  color: #23262d;
  border:1px solid #ccc;
  height: 4.8rem;
} 
.page-search form{
  flex-direction: row;
  align-items: flex-start;
}
.page-search span{
  height: 4.8rem;
  display: flex;
  align-items: center;
}
/* ================================================================================== 
35. Services New
===================================================================================== */

.services-new-wrapper  article{
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
  padding: 3rem;

}
.service-new-image{
  margin-bottom: 2rem;
}

@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .services-new-wrapper  article{
    width: 48.5%;
  }
  .services-new-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
    justify-content: center;
  }
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  .services-new-wrapper  article{
    width: 22.7%;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .services-new-wrapper  article{
    padding: 5rem;
  
  }

}

/* 20.12.2024. - Žac  */
li.ugovor {
    list-style: none;
    font-size: 20px;
    line-height: 36px;
    margin-bottom:10px;
}
li.ugovor a {
    background: url(/wp-content/uploads/2024/12/download.svg) no-repeat;
    padding-left: 40px;
}
li.ugovor a:hover {
    color: #194378;
    padding-left: 60px;
}

/* 23.12.2024. - Žac  */
#flags {
    width: auto !important;
}
#flags li {
    margin-left: 5px;
    top: 3px;
    position: relative;
}

/*------*/
.single-new{
  margin-top: 5rem;

  padding-bottom: 5rem;
  border-bottom: 1px solid #e7e7e7;

}
.single-new .single-row{
  max-width: 97rem;
  width: 100%;
  margin-bottom: 0;
}
.single-new table{
  display: block;
}
.single-new table tbody{
  width: 100%;
  display: block;
}
.single-new table tr {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.single-new table tr td{
  text-align: left;
  width: 100%;
}
.single-new table tr td:last-child{
  font-weight: 600;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .single-new table tbody{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 64px;
    grid-row-gap: 0;
  }
}  
/*--------*/
.gallery-wrap{
  position: relative;
  overflow: hidden;
}
.single-rezervirano {
	position: absolute;
	background: #f00;
	padding: 1rem;
	color: #fff;
	top: -38px;
	left: -85px;
	text-transform: uppercase;
	transform: rotate(-40deg);
	font-size: 1.1rem;
	transform-origin: 100% 100%;
	width: 30rem;
	z-index: 2;
	letter-spacing: 4px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*---------*/

.service-single-text{
  width: 100%;
  margin-bottom: 5rem;
}
.service-single-image{
  width: 100%;
}
.service-single-image img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16/10;
}
.service-single-wrapper:not(:last-child){
  margin-bottom: 5rem;
}

@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .service-single-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .service-single-wrapper:nth-child(2n+2){
    flex-direction: row-reverse;
  }
  .service-single-text{
    width: 48%;
    margin-bottom: 0;
  }
  .service-single-image{
    width: 48%;
  }
}