@import url(../css/bootstrap.css);
@import url(../css/style.css);
@import url(../css/responsive.css);
@import url(../css/iziToast.min.css);

.sxem {
	cursor: pointer;
	transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.sxem:hover {color:#468837;}

.header-style-two .language-nav li.active a {color: #5a8750;}

.text-primary {color: #468837!important;}
.btn-style-one:hover{color:#7cad71}
.main-header .header-top {display: none;}
.header-style-two .header-upper .logo-outer {margin-top: 0;}
.header-style-two .header-upper .logo {padding: 12px 25px;}

.header-style-two .main-menu .navigation {padding-left: 0;padding-right: 60px;}
.banner-carousel h2 {
  /*color: #fff; display: inline-block; padding: 0 .2em;*/
  /*text-shadow: 0 0 1em rgba(70,136,55,1);*/
  text-shadow: 1px 1px 5px rgba(70,136,55,1);
  /*text-shadow: 1px 1px 5px rgba(255,255,255,1);
  text-shadow: 1px 1px 2px rgba(0,0,0,1);*/
}
.banner-section-two .slide-item .text {
  color: #fff;
  font-size:2em;
}
.banner-section-two .slide-item .text span {text-transform: none;}

.sx-text p {margin-bottom: 1em;}

.sx-section {}
.intro-section {padding-bottom: 60px;}
.about-block .content-column .sec-title {margin-bottom: 0;}
.about-block .content-column .inner-column {padding-right: 32px;}
.about-block .content-column .text-box p {font-weight: 400; line-height: 1.6;}

.feature-column .list-style-one li{color: #d3d4d5;}
.sec-title h2.sx-h3 {font-size:35px}
.news-block-two .lower-content .date {color: #d3d4d5;}
.sx-map {
  width: 100%; 
  height: 200px;
  /*filter: grayscale(100%) invert(92%) contrast(83%);*/
  filter: invert(90%) hue-rotate(180deg)
}
.language-nav {position: relative;border-left: 1px solid #fff;}
.main-header .nav-outer .language-nav li {
  line-height: 30px;
  position: relative;
  display: inline-block;
  margin-left: 16px;
}
.language-nav li {position:relative;display: inline-block;}
.language-nav li:first-child {margin-left: 0; }
.header-style-two .language-nav li a {
  color: #d3d4d5;
  position: relative;
  display: block;
  line-height: 30px;
  transition: all 300 ease;
  font-size: 16px;
}
.header-style-two .language-nav li a:hover {color: #5a8750;}
/**/
/*.main-menu .navigation > li {margin-left: 50px;}*/
@media only screen and (max-width: 1340px){
	.header-style-two .main-menu .navigation > li {margin-left: 25px;}
  .header-style-two .main-menu .navigation {padding-right: 22px;}
}
@media only screen and (min-width: 1341px){
	.main-menu .navigation > li {margin-left: 50px;}
  .header-style-two .main-menu .navigation {padding-right: 60px;}
}
.page-title.ponuka {padding: 16px 0 80px 0;}
@media only screen and (min-width: 479px){
  .page-title.ponuka {padding: 32px 0 60px 0;}
}
@media only screen and (min-width: 768px){
  .page-title.ponuka {padding: 32px 0 60px 0;}
}
@media only screen and (min-width: 1024px){
  .page-title.ponuka {padding: 106px 0 32px 0;}
}
.text-bold{font-weight: 700;}
table.flat-selector tbody tr {cursor: pointer;}
figcaption.sx-caption{
  position: relative;
  background-color: #373e42;
  color: #ffffff;
  font-size: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: .5em 1em;
  margin-right: 20px;
  /*margin-bottom: 1em;*/
}
figcaption.sx-caption:before{
	position: absolute;
	left: 100%;
	top: 0;
	border-right: 21px solid transparent;
	border-bottom: 18px solid #373e42;
	content: "";
}
figcaption.sx-caption:after{
	position: absolute;
	left: 100%;
	top: 18px;
	bottom: 0px;
	width: 21px;
	background-color: #373e42;
	content: "";
}
.default-accordion-box .block .acc-btn.cta {
  background-color:#468837;
  color: #fff;
}
.default-accordion-box .block .acc-btn.cta::before{color: #ffffff;}
.default-accordion-box .block .acc-btn.cta.active{background-color: #373e42;}

.faqs-section .image-column .image img{padding: 1em 0; background-color: #fff;}

figure.item-pic-fl a {background-color: #fff; display: block; }
figure.item-pic a{height: 400px; background-color: #fff; display: block;}
figure.item-pic.item-pic-sm a{height: 300px; background-color: #fff; display: block;}
.faqs-section .image-column figure.item-pic img {max-height: 100%; width: auto; margin: 0 auto;}

.floor-section{
	position: relative;
	padding: 30px 0;
	text-align: center;}

.image{box-shadow: 0 0 16px rgba(0,0,0,.1);}
.cmpr-container {
  margin: 0 auto;
  position: relative;
  width: 900px;
  height: 506px;
  box-shadow: 0 0 16px rgba(0,0,0,.2);
}
.cmpr-container .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 900px 100%;
}
.cmpr-container .background-img {
  background-image: url('../images/compare1.jpg');
}
.cmpr-container .foreground-img {
  background-image: url('../images/compare0.jpg');
  width: 50%;
}
.cmpr-container .slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242,242,242,.2);
  outline: none;
  margin: 0;
  transition: all .2s;
  display: flex;
  justify-content: center;
  align-items: center;
  }
.cmpr-container .slider:hover {background: rgba(242,242,242,0);}
.cmpr-container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 8px;
  height: 506px;
  background: white;
  cursor: pointer;
  box-shadow: 0 0 16px rgba(0,0,0,.3);
}
.cmpr-container .slider-button {
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  left: calc(50% - 20px);
  top: calc(50% - 18px);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.cmpr-container .slider-button:after {
  content: '';
  padding: 3px;
  display: inline-block;
  border: solid #5D5D5D;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.cmpr-container .slider-button:before {
  content: '';
  padding: 3px;
  display: inline-block;
  border: solid #5D5D5D;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.default-accordion-box .block .acc-content {
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0,0,0,.1);
}
#i-am-interested {padding: 1em;}
.acc-content .request-form .form-group input[type="text"],
.acc-content .request-form .form-group input[type="email"],
.acc-content .request-form .form-group textarea {
  color: #373e42;
}
.flat-selector th,
.garage-selector th {background-color: #373e42; color: #fff; border-top: none;}
.flat-selector th:last-child,
.garage-selector th:last-child{position: relative;}
.flat-selector th:last-child::before,
.garage-selector th:last-child::before{
  position: absolute;
    /*left: 100%;*/
    right: 0;
    top: 0;
    border-right: 21px solid white;
    border-bottom: 18px solid #373e42;
    content: "";
}
.flat-selector tbody,
.garage-selector tbody {box-shadow: 0 0 16px rgba(0,0,0,.1);}
.form-check-inline {padding-left: 5px;}
.custom-control-label::before {
  width: 20px;
  height: 20px;
  top: 0;
}
/*.custom-control-label::after {
  width: 20px;
  height: 20px;
  top: 1px;
  left: 5px;
}*/
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #468837;}

.custom-control-input:active~.custom-control-label::before {background-color: #97bf8e;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #468837;  
}
.custom-checkbox .custom-control-label::before{
  border-radius: 0;
  width: 1.2rem;
  height: 1.2rem;  
  top: 0.05rem;
  left: -1.4rem;
}
.custom-control-label::after{
  width: 20px;
  height: 20px;  
  top: 0;
  left: -24px;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {background-color: #97bf8e;}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {background-color: rgba(151,191,142,.5);}
legend {font-size: 1.2rem;}

.contact-section {
  position: relative;
  padding: 120px 0;
}
.contact-section .bg-outer {position: relative;}
.contact-section .bg-canvas {
  position: relative; 
  height: 550px; 
  width: 100%; 
  background-image: url('../images/k-8-kontakt.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.contact-section .contact-info {    position: absolute;
  right: 60px;
  top: 80px;
  background-color: #ffffff;
  padding: 40px 80px;
  max-width: 370px;
  width: 100%;
  z-index: 99;
} 
.contact-section .contact-info:before {
  position: absolute;
  left: 0;
  right: 21px;
  top: -18px;
  height: 18px;
  background-color: #ffffff;
  content: "";
}
.contact-section .contact-info:after {
  position: absolute;
  right: 0;
  top: -18px;
  border-bottom: 18px solid #ffffff;
  border-right: 21px solid transparent;
  content: "";
}
.contact-section .contact-info li {
  position: relative;
  /*margin-bottom: 30px;*/
  margin-bottom: 24px;
}
.contact-section .contact-info li p {line-height: 1.5;}
.contact-info h3 {color: #468837;font-size: 1.6em;}
.contact-info a {color: #5D5D5D;}
.contact-info a:hover {color: #468837;}
.hide {display: none;}

/*.floor-pic img,*/
.floor-pic {position: relative;}
.floor-pic svg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.floor-pic svg image {display: none;}

svg .st0{fill:#00FF00;}
svg .st1{fill:#FF0000;}
svg .st0, svg .st1{
  opacity:0;
  filter: drop-shadow(0 0 10px rgb(0 0 0 / 0.8)); 
  transition:all .2s;  
}
svg .st0.free {fill:#00FF00;opacity:.1;}
svg .st0.sold {fill:#FF0000;opacity:.1;}
svg .st0.reserved {fill:#ffd000;opacity:.1;}
svg .links .st0, svg .links .st1{cursor: pointer;}
svg .flats .st0, svg .flats .st1{cursor: pointer;}
svg .nolinks .st0, svg .nolinks .st1{cursor: not-allowed;}
svg .st0:hover, svg .st1:hover{opacity:.4;}
.st3{font-family:'Sofia Sans', sans-serif;font-size:24px;}
svg g .label {opacity:0;filter: drop-shadow(0 0 6px rgb(0 0 0 / 0.3));transition:all .5s;}
svg>g:hover .label {opacity:1;}


.news-block .lower-content {padding: 40px;}
.news-block .lower-content .date{
  /*color: #7cad71;*/
  color: #d3d4d5;
}
.sidebar .popular-posts .post .text {
  line-height: 1.2;
  text-transform:none;
  letter-spacing: normal;
  font-size: 1em;
}
.sidebar .popular-posts .post-info {margin-bottom: 6px;}
.post .post-thumb {height: 60px;}
.post .post-thumb img{
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.social-button.shape-rounded {border-radius: 3px;}
.social-button.shape-circle, .social-button.shape-rounded, .social-button.shape-square {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background-color: #ebebeb;
  line-height: 36px;
  text-align: center;
}
.social-button {
  display: inline-block;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  transition: color .3s;
  color: #606060;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
}
.sb-twitter:hover, .sb-twitter:focus {color: #55acee !important;}
.sb-facebook:hover, .sb-facebook:focus {color: #3b5998 !important;}
.ui-widget-shadow{box-shadow: 0 0 16px rgba(0,0,0,.1);}
.ui-tooltip {padding: 4px 8px;}
.ui-tooltip {border-radius: 0;}
.main-footer .footer-bottom .copyright {text-transform: none;}
.main-footer .footer-bottom .social-links li a {display: inline-block; padding: 0 10px; border-radius: 1px;}
.main-footer .footer-bottom .social-links li a.social-fb:hover{color: #3b5998; background-color: rgba(255,255,255,0.90);}
.main-footer .footer-bottom .social-links li a.social-ig:hover{color: #8d3b98; background-color: rgba(255,255,255,0.90);}
/** */
#aeucl {
	padding-top: 1em;
	font-size: 14px;
	z-index: 9999;
	background: #ccc;
	background: rgba(255,255,255,0.9);
	width: 100%;
	position: fixed;
	bottom: 0;
	text-align: center;
	color: #333;
	box-shadow: 0 0 32px rgba(0, 0, 0, .2);
}
#aeucl.hide {display: none;}
#cookieConsent .tab-content {border-color: transparent; padding: 1.5em 1em;}
#cookieConsentForm {padding-bottom: 2em;}
#cookieConsentForm .custom-control {display: inline-block; margin: 1em 2em 1em 0;/**/}
/*#cookieConsentForm .custom-control-label::before {top: .125rem;}*/
#cookieConsentForm .custom-control .custom-control-input:checked~.custom-control-label::before {content: "✓";padding-left: 1px;line-height: 1.5;/**/}
#cookieConsentForm .btn {margin: 6px;}
.custom-control-input:checked~.custom-control-label::before {background-color: #468837;}
.custom-control-input:disabled~.custom-control-label::before {background-color: #97bf8e; /*color: #7cad71;*/}
/*.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {background-color:rgba(169, 33, 142, .5)}*/
/*.custom-switch .custom-control-label::before {border-radius: .7rem; width: 2.5rem; left: -3rem;}
.custom-switch .custom-control-label::after {left: calc(-2.75rem + 2px);}
.custom-switch .custom-control-input:checked~.custom-control-label::after {transform: translateX(1rem);}*/

.btn-outline-primary {
  color: #468837;
  background-color: transparent;
  background-image: none;
  border-color: #468837;
}
.btn-group-sm>.btn, .btn-sm {border-radius: 0;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #468837;
  border-color: #468837;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle
{
  background-color: #468837;
  border-color: #468837;
}
.btn-primary {
  color: #fff;
  background-color: #468837;
  border-color: #468837;
}
.btn-primary:hover {
  color: #fff;
  background-color: #7cad71;
  border-color: #7cad71;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #7cad71;
  border-color: #7cad71;
}

.popover{border-radius: 0; box-shadow: 0 0 16px rgba(0, 0, 0, .1);}
.popover-header{background-color: #373e42; color: #7cad71; border-radius: 0;}
.request-form label a:hover, .main-footer label a:hover{color: #9a9ca2; text-decoration: underline;}
.main-footer .custom-control .custom-control-input~.custom-control-label::before/*, 
.request-form .custom-control .custom-control-input~.custom-control-label::before */{left: -1.7rem;}
.main-footer .custom-control .custom-control-input:checked~.custom-control-label::before,
.request-form .custom-control .custom-control-input:checked~.custom-control-label::before {content: "✓";padding-left: 5px;line-height: 1.5;}
.main-footer .custom-control {padding-left: 1.8rem;}
.main-footer .agent-widget {margin-bottom: 45px;}
.main-footer .agent-widget .contact-info li {line-height: 29px;}