:root {
    --main: #9e9279;
    --navy: #183f36;
    --dark: #122c2c;
    
    --gradient:  linear-gradient(#f4eee8, #eee4db);
}    


/*-------------- Header Main Css ------------------*/

header.site-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
}
header.site-header:before {
	content: "";
	display: block;
	top: 0;
	height: 100%;
	transform: translateY(-144px);
	left: 0;
	width: 100%;
	position: absolute;
	background-color: var(--navy);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}
header.sticky:before {
    opacity: 0.94;
    transform: translateY(0);
}
header:after,
header.site-header .container:after {
    clear: both;
    content: "";
    display: block;
}
.header-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 20px 80px;
    position: relative;
}
header.sticky .header-area {
    padding-top: 10px;
    padding-bottom: 10px;
}
.logo {
    margin: auto auto auto 0px;
}
.logo img {
    float: left;
    max-width: 168px;
}
header.sticky .logo img {
    max-width: 80px;
}
.logo a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*-------------- Main Menu Css ------------------*/

/*.mainmenu {
    width: 100%;
    position: relative;
}*/
.mainmenu{
	margin-left: 120px;
}
.mainmenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.mainmenu > ul {
    display: flex;
}
.mainmenu ul li {
    display: inline-block;
    position: relative;
    padding: 15px;
}
.mainmenu ul li a {
    display: block;
    color: #fff;
    font-weight:normal;
    font-size: 17px;
    position: relative;
}
.mainmenu > ul > li >a:before {
    position: absolute;
    left: 0px;
    bottom: -2px;
    width:0px;
    background-color: #bd9b60;
    border-radius: 3px;
    content: "";
    height: 3px;
}
.mainmenu > ul > li:hover > a, .mainmenu ul li.nav-active > a {
    text-decoration: none;
    color: #fff;
}
.mainmenu > ul > li:hover > a:before, .mainmenu ul li.nav-active > a:before, .mainmenu ul li.current-menu-item > a:before {
    width: 100%;
}
.mainmenu > ul > li > ul {
    position: absolute;
    left: 15px;
    top: 112px;
    width: 280px;
    text-align: left;
    background-color: #213659;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: -1;
    box-shadow: rgba(200,200,200,0.3) 0 .125rem .813rem 0;
}
.mainmenu ul li ul li {
    display: block;
    border-bottom: 1px solid #29436d;
    padding: 0px;
}
.mainmenu ul li ul li a {
    font-size: 14px;
    padding: 8px 15px;
    text-transform: none;
}
.mainmenu ul li ul > li:hover > a, .mainmenu ul li.nav-active > ul li.chaild-active a {
    text-decoration: none;
    color: #fff;
    background-color: #29436d;
}
.mainmenu ul li:hover > ul,
.mainmenu ul li ul li:hover > ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    z-index: 999;
    visibility: visible;
    top: 100%;
}

.mobile-menu-wrapper {
    display: none;
    width: 32px;
    height: 32px;
    position: relative;
    margin: auto 0px;
}
.mob-menu-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.mob-menu-icon > span {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: .4s;
    z-index: 6;
}
.mob-menu-icon > span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    top: -8px;
    left: 0;
    transition: .4s;
}
.mob-menu-icon > span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    top: 8px;
    left: 0;
    transition: .4s;
}
.mob-menu-icon.active > span {
    transform: rotate(135deg);
    background-color: #fff;
    width: 70%;
    height: 2px;
}
.mob-menu-icon.active:hover > span {
    transform: rotate(225deg);
    background-color: #fff;
    width: 70%;
    height: 2px;
}
.mob-menu-icon.active > span:before,
.mob-menu-icon.active > span:after {
    top: 0;
    transform: rotate(90deg);
    background-color: #fff;
    width: 100%;
    height: 2px;
}
.mob-menu-icon.active {
    position: fixed;
    z-index: 6;
}
.mob-menu {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 0px;
    visibility: hidden;
    transition: .6s;
    z-index: 3;
    overflow: hidden;
}
.mob-menu > div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(18,46,64,0.98);
    display: flex;
    transition: .6s;
    padding-bottom: 120px;
}
.nav-mobile {
    overflow-y: auto;
    display: flex;
    text-align: center;
}
.mob-menu > div > div {
    width: 100%;
    padding:30px;
    opacity: 0;
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    color: #DFDFDF;
}
.nav-mobile ul {
    
    padding: 0px;
    list-style-type: none;
    display: block;
    margin: auto;
}
.nav-mobile > ul > li > ul{padding: 0px;box-shadow: none;width: 100%;max-width: 300px;}
.nav-mobile > ul > li {
    list-style: none;
    position: relative;
    z-index: 1;
    text-align: center;
}
.nav-mobile > ul > li:before {
    position: absolute;
    right: 0px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 0px;
    text-align: right;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    content: "\f078";
    color: #595959;
    z-index: -1;
    opacity: 0;
    transition: .4s;
}

.nav-mobile > ul > li > a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    padding: 24px 0px;;
    transition: .3s;
    font-size: 24px;
    display: block;
    text-align: center;
}
.nav-mobile ul li a {
    color: #fff;
}
.mob-menu ul li.active a {
    color: #bd9b60;
}
.mob-menu ul li ul li a {
    font-size: 16px;
}
.mob-menu ul li ul {
    padding: 0px 0px 0px 10px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}
.mob-menu ul li.menu-drop-active ul {
    height: auto;
    overflow: visible;
    opacity: 1;
}
.nav-mobile > ul > li > a:hover,  .nav-mobile > ul > li.nav-active > a{
    color: #bd9b60;
}
.mob-menu.active {
    visibility: visible;
    height: 100%;
    overflow: visible;
}
.mob-menu.active > div {
    
}
.mob-menu.active > div > div {
    opacity: 1;
}
.header-button {
    margin: auto 0px auto auto;
    padding-left: 15px;
    display: flex;
}

/*=============== Slider Css =============*/

.single-banner {
    background-size: cover;
    background-position: center;
    height:700px;
    display: flex;
    color: #fff;
    padding-top: 80px;
    position: relative; 
}

#rev_slider_1_1_forcefullwidth{
	background-color: var(--navy);
}
.home-banner {
    height: 100vh;
   
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
}
@media only screen and (min-width: 992px)  {
		
		.home-banner {
			 background: none !important;
		}	 
}
.single-banner.hero_apla::after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left: 0;
	background: linear-gradient(180deg, rgba(2, 22, 16, 0.6) 0%, rgba(0, 0, 0, 0.03) 49%, rgba(0,0,0,0.1698880235688025) 100%);
}
.banner-item-text{
	position: relative;
	z-index: 2;
	text-shadow: 0 0 120px rgba(0,0,0,0.75);
}

.single-banner .main-btn{
	display: none;
}
.single-apartament .single-banner .main-btn,
.home .single-banner .main-btn{
	display: inline-block; 
}


.banner-item-text {
    width: 100%;
    padding-bottom: 80px;
}
.banner-item-text .container{
    margin-top: auto;
}
.banner-item-text h1{
    font-weight: 600;
}
.banner-item-text h5{
    letter-spacing: 5px;
    font-weight: 200;
    font-family: 'League Spartan', sans-serif;
}
.banner-item-text .main-btn{
    padding-left: 60px;
    padding-right: 60px;
}

.single-slider {
	position: relative;
}
.single-slide-item {
	height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.single-slider .slick-dots {
	width: 100%;
    left: 0px;
    bottom: 50px;
    justify-content: center;
    position: absolute;
}
.single-slider.slider-control-style .slick-arrow.slick-prev{
	background-image: url("assets/images/left-arrow-white.svg");
    left: 80px;
}
.single-slider.slider-control-style .slick-arrow.slick-next{
	background-image: url("assets/images/right-arrow-white.svg");
    right: 80px;
}

/*=============== Modern Apartment Css =============*/

.modern-apartment-title h2{
    font-weight: bold;
    color: #000;
    font-size: 54px;
    line-height: 52px;
}
.modern-apartment-title h2.left-bot-border:before{
    width: 58%;
    height: 10px;
    bottom: 20px;
    z-index: -1;
}
.modern-apartment-details{
    padding-top: 20px;
}
.modern-apartment-details h5{
    color: var(--main);
    font-family: 'League Spartan', sans-serif;
    margin-bottom: 20px;
}


/*=============== Business Model Css =============*/

.model-area{
    
    background:var(--gradient);
}
.model-item{
    text-align: center;
    padding-top: 40px;
}
.model-item-img{
    margin-bottom: 34px;
    display: block;
    
}
.rich-offer-icon img,
.model-item-img img{ 
	
    filter: brightness(0) saturate(100%) invert(69%) sepia(3%) saturate(2685%) hue-rotate(3deg) brightness(85%) contrast(84%);
 }   
.model-item h6{
    font-size: 18px;
    color: #3d3d3d;
    font-weight: 300;
}
.model-area .star-block{
    color: var(--main);
}

/*---- Our Apartment Css ------*/

.our-apartment{
    background-color: #f7f8f9;
    padding-top: 80px;
}
.our-apartment-area{
    padding-bottom: 0px;
}
.block-item{
    background-color: #fff;
    margin: 0px 15px;
    border-radius: 15px; 
    overflow: hidden; 
}
.block-item-img{
    width: 100%;
    height: 360px;
    background-color: #A2A2A2;
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.block-item:hover .block-item-img{
    transform: scale(1.05);
}
.block-item-img.lightbox-gallery a{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height:0px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.block-item-img.lightbox-gallery a.active-top{
    height: 100%;
}
.block-item-text{
    position: relative;
    text-align: center;
    padding: 30px 15px;
}
.block-item-text h4{
    font-size: 32px;
    color: #000;
    font-weight: bold;
}
.block-item-text p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
}
.block-item-info{
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.block-item-info > div{
    padding: 0px 10px;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.block-item-info > div img{
    display: inline-block;
    margin-right: 10px;
}
.block-item-info > div span{
    color: #bc9c60;
    font-size: 28px;
    margin-right: 10px;
    margin-top: -5px;
}
.room-status{
    display: inline-block;
    border-radius: 40px;
    background-color: #f7f3ec;
    color: #87672a;
    padding: 6px 30px;
    margin: 15px 0px 30px;
}
.our-apartment-block{
	padding-bottom: 100px; 
}
.our-apartment-block .slider-control-style .slick-dots{
    bottom: -50px;
}
.our-apartment-block .slider-control-style .slick-dots li button{
    background-color: #b8c1c6;
}
.our-apartment-block .slider-control-style .slick-dots li.slick-active button{
    background-color: var(--main);
}
.rich-offer-block{
	padding: 30px 0px 40px;
    color: #fff;
}
.rich-offer-block.white-bg{
    color: rgba(0,0,0,0.8);
}
.rich-offer-block h3{
	font-family: 'League Spartan', sans-serif;
}
.rich-offer-item{
	display: flex;
    padding: 40px 0px;
    align-items: center;
}
.rich-offer-item h6{
	margin-bottom: 0px;
    font-size: 18px;
    font-weight: normal;
}
.rich-offer-block.white-bg .rich-offer-item h6{
    color: rgba(0,0,0,1);
    margin-bottom: 10px;
}
.rich-offer-item p{
	font-size: 16px;
    line-height: 20px;
    color: rgba(255,255,255,0.5);
}
.rich-offer-block.white-bg .rich-offer-item p{
    color: rgba(0,0,0,0.8);
}
.rich-offer-icon{
	padding: 5px 20px 5px 0px;
    flex-shrink: 0;
}
.rich-offer-text{
	padding-left: 10px;
}


/*=============== Gallery Slider Css =============*/

.slider-gallery-items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	max-width: 1920px;
	margin: 0px auto;
}
.slider-gallery-items .slick-list {
	padding: 0 20%;
    max-height: 580px;
}
.slider-gallery-item {
	width: 100%;
	margin: 0px 20px;
    position: relative;
    overflow: hidden;
}
.slider-gallery-item a{
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 540px;
    display: block;
}
.slider-gallery-item:before {
	position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.slider-gallery-item.slick-current:before {
    z-index: -2;
}
.slider-gallery-items .slick-arrow{
	background-color: var(--main);
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
}
.slider-gallery-items .slick-arrow.slick-prev{
    left: 20%;
}
.slider-gallery-items .slick-arrow.slick-next{
    right: 20%;
}

/*=============== Clients Says Css =============*/

.client-says-area{
    background:var(--gradient);
    padding-bottom: 120px;
}
.client-says-item{
    background-color: #fff;
    padding: 40px 30px 15px 50px;
    border: 1px solid var(--main);
    margin: 0px 15px;
    position: relative;
    min-height: 220px;
    border-radius: 40px;
}
.client-says-item p{
    text-indent: 30px;
    margin: auto;
}
.client-says-item span{
    color: var(--main);
    font-size: 30px;
    position: absolute;
    left: 30px;
    top: 24px;
}
.client-says-area .slider-control-style .slick-dots{
    bottom: -50px;
}
.client-says-area .slider-control-style .slick-dots li button{
    width: 22px;
}
.client-says-area .slider-control-style .slick-dots li.slick-active button{
    width: 56px;
}
.client-says-area .slider-control-style .slick-arrow{
	background: none;
    font-size: 32px;
}
.client-says-area .slider-control-style .slick-arrow.slick-prev{
	transform: rotate(180deg)
}

/*=============== Discover Carousel Css =============*/

.discover-carousel{
	margin: 0px -15px;
    padding-top: 15px;
}
.discover-item{
	margin: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 690px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 1;
}
.discover-item-img{
	left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 200px; 
    overflow: hidden; 
}
.discover-item-img:before{
	left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color:rgba(14,29,54,0.3);
    content: "";
}
.discover-item:hover .discover-item-img{
	transform: scale(0.95);
}
.discover-item:hover .discover-item-img:before{
	background-color:rgba(14,29,54,0.45);
}
.discover-item-text{
	position: absolute;
    width: 100%;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}
.discover-item-text p{
	margin-bottom: 0px;
    margin-top: 8px;
    line-height: 24px;
}
.discover-item-text h4{
	font-size: 30px;
    font-weight: 400;
    margin: 0px;
    -webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.discover-item-subtext{
	height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}
.discover-item:hover .discover-item-subtext{
	height: auto;
    overflow: visible;
    opacity: 1;
    margin-top: 10px;
    
}

/*=============== Map Css =============*/

.map-bg{
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-image: url(assets/images/map-bg.jpg);
}
.map-area{
    max-width: 1800px;
    padding: 80px 60px 20px;
    margin: 0px auto;
}
.map-block{
    text-align: center;
    max-width: 1700px;
    position: relative;
}
.map-item{
    position: absolute;
}
.map-location-popup {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0px 0px 25px 0px rgba(34,71,94, 0.1);
	position: absolute;
	width: 280px;
	bottom: 100%;
	transform: translateX(-50%);
	margin: 0px 0px 20px 4px;
    opacity: 0;
    z-index: -10;
    visibility: hidden;
}
.map-location-popup:before {
	content: "";
    left: 50%;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 16px solid #fff;
    bottom: -16px;
    position: absolute;
    margin-left: -10px;
}
.map-location-popup h6{
	font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #273139;
}
.map-location-img{
	max-width: 260px;
}
.map-location-popup.center-popup {
	transform: translateX(-39%);
}
.map-item:hover .map-location-popup{
	opacity: 1;
    z-index: 1;
    visibility: visible;
}
.map-location{
    cursor: pointer;
    display: flex;
    align-items: center;
}
.map-location.reverse{
    flex-direction: row-reverse;
}
.map-location .icon-location_pin{
	font-size: 36px;
    color: #3c6883;
    flex-shrink: 1;
    margin-right: 7px;
}
.map-location.reverse .icon-location_pin{
    margin-left: 7px;
    margin-right: 0px;
}
.map-location.flex-column .icon-location_pin{
    margin: 0px;
    margin-bottom: 4px;
}
.map-location h6{
	font-size: 14px;
    color: #273139;
    font-weight: 400;
    text-align: left;
    line-height: 16px;
    margin-bottom: 0px;
    letter-spacing: -.5px;
}
.map-item.brama {
	top: 8%;
	left: 3%;
} 
.map-item.brama span{
	color: var(--main);
}
.map-location-popup h6 span{
	display: none !important;
}
.map-item.orlik {
	top: 7%;
	left: 23.2%;
}
.map-item.lodowisko {
	top: 8.5%;
	left: 30%;
}
.map-item.stoki {
	top: 15%;
	left: 43%;
}
.map-item.jacht {
	top: 24%;
	left: 26.8%;
}
.map-item.jacht .map-location-popup {
	transform: translateX(-38%);
}
.map-item.pan-czor {
	top: 29%;
	left: 32.8%;
}
.map-item.harbor {
	top: 36.2%;
	left: 39.2%;
}
.map-item.peninsula {
	top: 39.5%;
	left: 33.0%;
}
.map-item.zamek {
	top: 42%;
	left: 41.5%;
}
.map-item.zamek-niedzica {
	top: 55.4%;
	left: 42.7%;
}
.map-item.stoki-polana {
	top: 76%;
	left: 43%;
}
.map-item.dunajcem {
	top: 72.8%;
	left: 59.5%;
}
.map-item.czerwony {
	top: 81%;
	left: 71%;
}
.map-item.czerwony .map-location-popup {
	transform: translateX(-30%);
}
.map-item.trzy-korony {
	top: 69%;
	left: 74%;
}
.map-item.trzy-korony .map-location-popup.center-popup {
	transform: translateX(-44%);
}
.map-item.szczawnica {
	top: 79%;
	left: 78%;
}
.map-item.sokolica {
	top: 58%;
	left: 83.5%;
}
.map-item.sokolica .map-location-popup.center-popup {
	transform: translateX(-47%);
}
.map-item.osada {
	top: 31.0%;
	left: 32.0%;
} 
.map-item.sciezka {
	top: 32%;
	left: 6%;
}
.map-item.przystan {
	top: 32.0%;
	left: 32.0%;
}
.map-item.przystan .map-location h6{ 
	margin-top: -20px;
	margin-left: -76px;
}
.map-direction {
	position: absolute;
	left: 75%;
	top: 8%;
	text-align: left;
}
.map-direction ul{
	margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.map-direction ul li{
	font-size: 14px;
    font-weight: normal;
    color: #191919;
    line-height: 18px;
}
.map-direction ul li strong{
    font-weight: 500;
    color: var(--main);
}
.map-direction span{
    font-size: 30px;
    color: var(--main);
    line-height: 18px;
    display: inline-block;
}
.map-direction.left{
	left: 10%;
	top: 65%;
}
.map-direction.left span{
	transform: rotate(180deg);
    clear: both;
    margin-top: 7px;
}
.map-title{
	position: absolute;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Gellix';
    font-weight: bold;
    color: #5c788d;
    line-height: 18px;
}
.map-title.maniowy {
	top: 3%;
	left: 17%;
}
.map-title.mizerna {
	top: 19.5%;
	left: 27.5%;
}
.map-title.kluszkowce {
	top: 21%;
	left: 37%;
}
.map-title.krosnica {
	top: 27%;
	left: 49.5%;
}
.map-title.grywatd {
	top: 30.7%;
	left: 60%;
}
.map-title.kroscienko {
	top: 32%;
	left: 71%;
}
.map-title.szczawnica {
	top: 50%;
	left: 88%;
}
.map-title.nizne {
	top: 91%;
	left: 77.5%;
}
.map-title.wyzne {
	top: 83%;
	left: 55%;
}
.map-title.niedzica {
	top: 73.5%;
	left: 39.5%;
}
.map-title.falsztyn {
	top: 54%;
	left: 22%;
}
.loca-arrow-bg h6{
	background-color: var(--main);
    position: relative;
    color: #fff;
    padding: 5px 10px;
    margin-left: 10px;
}
.loca-arrow-bg h6:before{
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right:10px solid var(--main);
    left: -9px;
    content: "";
    top: 0px;
}
.pan-czor .loca-arrow-bg span.path2:before{
    color: var(--main);
}
.sciezka .loca-arrow-bg h6{
	background-color: #7b9142;
}
.sciezka .loca-arrow-bg h6:before{
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left:10px solid #7b9142;
    border-right: 0px;
    left:inherit;
    right: -9px;
}

/*=============== Page Footer Css =============*/

.site-footer {
    clear: both;
    background-color: var(--navy);
    color: rgba(255,255,255,0.8);
}
.footer-top {
    padding: 50px 0px;
}
.footer-social ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
}
.footer-social ul li{
    padding-left: 10px;
}
.footer-social ul li a{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: var(--navy);
}
.footer-bottom {
    padding: 40px 0px 60px;
}
.footer-border-top {
    border-top: 1px solid #2a4353;
}
.copyright-block {
    font-size: 14px;
    line-height: 22px;
}
.copyright-block small{
    font-size: 13px;
    color: rgba(255,255,255,0.32);
}
.copyright-block a{
	 color: rgba(255,255,255,0.32);

}
.footer-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type:none;
    display: flex;
    justify-content: flex-end;
}
.footer-menu ul li{
    position: relative;
    padding-left: 30px;
}
.footer-menu ul li:before{
    position: absolute;
    left: 15px;
    top: 3px;
    content: "";
    height: 20px;
    width: 1px;
    background-color: #5d646f;
}
.footer-menu ul li a{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 14px;
}
.footer-menu ul li:first-child:before{
    display: none;
}

/*=============== Footer Gallery Css =============*/

.footer-gallery-area {
	transform: translateY(-50%);
    margin: 0px auto;
    max-width: 1800px;
    padding: 0px 40px;
	margin-bottom: -170px;
}
.single .footer-gallery-area,
.page-template-attractions .footer-gallery-area,
.page-template-gallery .footer-gallery-area,
.page-template-o-nas .footer-gallery-area{
	display: none;
}
.footer-gallery {
    display: flex;
    margin: 0px -15px;
}
.footer-gallery-item{
    width: 29%;
    height: 340px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 15px;
}
.footer-gallery-item.fgw-15{
    width: 18%;
}
.footer-gallery-item.fgw-25{
    width: 24%;
}
.footer-mob-gallery{
    display: none;
}

.main-btn{
	border-radius: 8px;
}
/*=============== Apartments Page Css =============*/

.basic-content-area{
    padding-top: 20px;
}
.basic-content-img{
    padding: 10px;
    border: 1px solid #4990d9;
    border-radius: 14px;
}
.basic-content-img img{
	border-radius: 10px; 
}
.basic-content-area .row:hover .basic-content-img{
    border-color: #9dd346;
}
.basic-content-text{
    padding-left: 80px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.basic-content-text h4{
    margin-bottom: 20px;
}
.basic-content-text p{
    line-height: 24px;
    font-size: 18px;
}
.basic-left-content .basic-content-text{
    padding-left: 80px;
    padding-right: 40px;
}
.basic-content-text .main-btn{
    margin-top: 10px;
}
.basic-content-text .block-item-info{
    padding-bottom: 20px;
}
.basic-content-text .block-item-info > div:first-child{
    padding-left: 0px;
}
.basic-content-area .block-item-text{
    padding-left: 80px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: left;
}
.basic-content-area .block-item-info{
    justify-content: flex-start;
}
.basic-left-content .block-item-text{
    padding-left: 80px;
    padding-right: 40px;
}
.basic-content-area .block-item-text .main-btn{
    margin-top: 10px;
}
.main-btn.text-uppercase{
    font-size: 13px;
    padding: 9px 30px;
}

/*=============== About Page Css =============*/

.about-text .logo-icon-bg:before{
    width: 100%;
    height: 500px;
    background-size: 640px auto;
    background-position: center bottom;
    top: inherit;
    bottom: -70px;
    left: 0px;
    opacity: 0.03;
}
.box-slides{
    background-color: var(--navy);
    position: relative;
}
.box-slides:before{
    background-image: url(assets/images/logo-icon.png);
    left: -180px;
    bottom: 80px;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    opacity: 0.06;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(180deg) brightness(115%) contrast(93%);
}
.box-slide-item{
    position: relative;
}
.box-slide-item-block{
    height: 620px;
    color: #fff;
    padding: 80px 0px;
    display: flex;
    position: relative;
    z-index: 1;
}
.box-slide-item h3{
    font-weight: bold;
    margin-bottom: 30px;
}
.box-slide-item-img{
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 0px;
    top: 0px;
}
.box-slides.slider-control-style .slick-arrow {
	color: #fff;
	width: 50px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:0px;
    top: inherit;
    bottom: 0px;
    font-size: 26px;
}
.box-slides.slider-control-style .slick-arrow.slick-prev {
    background: none;
    background-color: var(--main);
	left: 50%;
    margin-left: -50px;
}
.box-slides.slider-control-style .slick-arrow.slick-next {
    background: none;
    background-color: #fff;
    color: var(--navy);
	right: 50%;
    margin-right: -50px;
}

/*=============== Contact Page Css =============*/

.contact-map {
    max-width: 1800px;
    padding: 40px 40px 0px;
    margin: 0px auto;
}
.contact-page-apartment {
    background-color: #fff;
}
.contact-page-apartment .block-item{
    box-shadow: 0px 0px 20px 0px rgba(43, 53, 69, 0.05);
}
.contact-page-apartment .slick-list{
    padding: 30px 10px;
}

/*=============== Gallery Page Css =============*/

.gallery-menu{
    padding-bottom: 40px;
}
.gallery-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.gallery-menu ul li{
    cursor: pointer;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 15px;
}
.gallery-menu ul li span{
    display: block;
    position: relative;
}
.gallery-menu ul li span:before{
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    bottom: 2px;
    background-color: var(--main);
    left: 0px;
}
.gallery-menu ul li:hover span:before, .gallery-menu ul li.active span:before{
    width: 100%;
}
.gallery-menu ul li:hover, .gallery-menu ul li.active{
    color: var(--main);
}
.gallery-content{
    display: none;
}
.gallery-content.active{
    display: block;
}
.gallery-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: repeat(4, 260px);
  grid-gap: 1rem;
  grid-auto-flow: dense;
}
.gallery-item a{
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
}
.gallery-item a:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(176, 139, 73,0.8);
    left: 0px;
    top: 100%;
    opacity: 0;
}
.gallery-item a:hover:before{
    top: 0px;
    opacity: 1;
}
.gallery-item a:after{
    position: absolute;
    width: 32px;
    height: 32px;
    content: "\e90f";
    font-family: 'icomoon' !important;
    left: 50%;
    margin-left: -16px;
    top: 100%;
    margin-top: -16px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    opacity: 0;
    font-size: 32px;
}
.gallery-item a:hover:after{
    opacity: 1;
    top: 50%;
}
.gallery-item a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-item:nth-child(1), .gallery-item:nth-child(4), .gallery-item:nth-child(10) {
    grid-column: span 1;
    grid-row: span 2;
}

/*=============== Single Apartment Css =============*/


.apartment-details{
    padding-top: 60px;
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 24px;
	padding-bottom:80px;
}
.apartment-details:before{
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40%;
    position: absolute;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fbfb+1,ffffff+100 */
    background: #f9fbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9fbfb 1%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f9fbfb 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f9fbfb 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    z-index: -1;
}
.apartment-details .box-slides.slider-control-style .slick-arrow.slick-prev{
    left: 0px;
    bottom: 50%;
    margin-left: -25px;
    margin-bottom: -50px;
}
.apartment-details .box-slides.slider-control-style .slick-arrow.slick-next{
    right: 0px;
    bottom: 50%;
    margin-right: -25px;
    margin-bottom: -50px;
    background-color: var(--main);
    color: #fff;
}
.apartment-details .box-slides:before{
    display: none;
}
.apartment-details .single-slider{
    margin-bottom: 100px;
}
.apartment-details .single-slider .slick-dots{
    bottom: -40px;
}
.apartment-details .slider-control-style .slick-dots li button{
    width: 10px;
}
.apartment-details .slider-control-style .slick-dots li.slick-active button{
    width: 40px;
}
.apartment-status{
	
    padding-bottom: 40px;
}
.apartment-status ul{
	justify-content: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
}
.apartment-status ul li{
    text-align: center;
    width: 12.5%;
    padding: 10px 15px;
}
.apartment-status ul li img{
	max-height:51px;
	max-width: 51px; 
}
.apartment-status ul li h6{
    color: #0c0c0c;
    font-size: 16px;
    font-weight: 400;
}
.apartment-status ul li span{
    display: block;
    margin-bottom: 10px;
}

.apartment-list h5{
    font-weight: bold;
}
.opis ul,
ul.custom-list-style{
    margin: 0px;
    padding: 5px 0px 0px 10px;
    list-style-type: none;
}
.opis ul li, ul.custom-list-style li{
    position: relative;
    margin-top: 15px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 20px;
}
.opis ul li:before, ul.custom-list-style li:before{
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: 'icomoon';
    content: "\e903";
    width: 14px;
    height: 14px;
    color: var(--main);
    font-size: 13px;
}



.padding-for-footer-gallery3{
	padding-bottom: 60px !important;
}


.bottom-padding-page{
	padding-bottom: 270px !important;
}
.single-post .bottom-padding-page{
	padding-bottom: 130px !important;
}

.loading-bar{
	display: none !important;
}




.button-box{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	display: flex;
	margin-top: 50px;
	padding-top: 25px;
	border-top: 1px solid #eee;
}
.button-box .main-btn{
	width: auto;
	display: inline-block;
	margin: auto;
}



.col-logo{
	flex: 0 0 21%;
	max-width: 23%;
}

.najnowsze-footer{
	flex: 0 0 59%;
	max-width: 70%;
}
.col-social{
	flex: 0 0 20%;
	max-width: 20%;
}



/* najnowsze-footer */
.najnowsze-footer h2{ 
	font-size: 18px;
	letter-spacing: 0;
	color: #fff;
}
.najnowsze-footer ul{
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.najnowsze-footer ul li{
	flex: 0 0 50%;
	max-width: 50%;
	line-height: 1.05;
    margin-bottom: 10px;
	
}
.najnowsze-footer ul li a{
	font-size: 18px;
	color: #fff;
	opacity: 0.7;
	font-weight: 300;
}
.najnowsze-footer ul li a:hover{
	text-decoration: underline;
	opacity: 0.5;
}





/* phone-head */
.header-button{
	display: flex;
}
.phone-head{
	color: #fff; 
	display: flex;
	margin: auto 20px auto 0;
	position: relative;
	top: 1px;
}
.phone-head:hover{
	color:var(--main);
}
.phone-head i{
	margin: 4px 8px 0px 0;
	font-size: 17px;
}


/* offer */

.offer .block-item{
	margin: 0;
	margin-bottom: 30px !important;
	box-shadow: none;
}
.offer .block-item-img{
	position: relative;
	box-shadow: 0px 0px 20px 0px rgba(43, 53, 69, 0.05);
	border-radius: 15px; 
	overflow: hidden; 
}
.offer .block-item-img:before{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ac9466;
	opacity: 0.15;
	display: block;
	content: "";
	z-index: 1;
	transition-duration: 0.3s;
	pointer-events: none;
}
.offer .block-item:hover .block-item-img:before{
	opacity: 0.0;
	background-color: #ac9466;
	
}
.offer .block-item-img.lightbox-gallery a{
	transition-duration: 0.3s;
	background-size: auto 100% !important;
}
.offer .block-item-img.lightbox-gallery a:hover{
	background-size: auto 110% !important;
}
.offer .block-item .txt{
	position: absolute;
	top: 70px;
	left: 50px;
	z-index: 2;
	pointer-events: none;
	text-shadow: 0 0px 30px rgba(0,0,0,0.5);
}
.offer .block-item h4{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
}
.offer .block-item h2{
	color: #fff;
	font-size: 35px;
	letter-spacing: -0.2px;
	font-weight: 800;
	line-height: 1;
}
.offer .block-item .icon{
  position: absolute;
  bottom: 43px;
  color: #000;
  left: 50px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 100%;
  z-index: 10;
  opacity: 0;
  transform: scale(0.1);
  transition-duration: 0.3s;
  pointer-events: none;
}
.offer .block-item:hover .icon{
	transform: scale(1.1);
	opacity: 1;
}

/* offer-slider */
.offer-slider .block-item{
	margin: 0 15px !important; 
}


/* atrybuty */
.atrybuty{
	display: flex;
	margin: 25px 0 10px 5px;
	flex-wrap: wrap;
}
.atrybuty .item img{
	max-height: 25px;
	width: auto;
	padding: 4px 0;
}
.atrybuty .item{
	display: flex;
	align-items: center;
	
}
.atrybuty .item h6{
	margin-bottom: 0;
	margin-left: 7px;
	margin-right: 20px;
}

/* block-item-info-box */
.block-item-info-box{
	margin-top: 0;
	margin-bottom: 20px;
}
.block-item-info-box .block-item-info-icon{
	background-color: #f7f3ec;
	border-radius: 40px;
	padding: 5px 25px;
	display: flex;
	align-items: center;
	margin-right: 5px;
}	



/* modal-rezerwacja */
.modal-rezerwacja{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 37, 43, 0.42);
  z-index: 100000;
  display: none;
  
}
.modal-rezerwacja-flex{
	display: flex;
}
.modal-box{
	background-color: #fff;
	width: 700px;
	margin: auto;
	text-align: center;
	padding: 50px 35px;
	position: relative;
}	
.modal-box p a:hover{
	color: #b78951;
	text-decoration: underline;
}
.modal-box h2{
	color: #313840;
	font-size: 29px;
	font-weight: 700;
}
.modal-box h2:after{
    content: "";
  width: 70px;
  height: 3px;
  background-color: #b78951;
  display: block;
  margin: 15px auto;
}
.modal-box .main-btn{
	font-size: 21px;
	font-weight: 600;
	padding: 20px 70px;
}
.modal-box .main-btn.not-active{
	pointer-events: none;
	opacity: 0.4;
}	
.ch-acept{
	margin-top: 20px;
}
#ch-rez{
	position: relative;
	top: -2px;
}
.modal-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-image: url("assets/images/icon-x.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}







/* Add to the active theme stylesheet after testing the optimized homepage template. */
.home-banner-optimized {
    position: absolute;
    overflow: hidden;
    isolation: isolate;
    background-image: none !important;
}

.home-banner-optimized > .home-banner__image {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Keep the text layer above the hero image. */
.home-banner-optimized > .banner-item-text {
    position: relative;
    z-index: 1;
}

/* Slider containers keep their existing height rules; images fill that area. */
.single-slide-item--image,
.discover-item-img--image {
    overflow: hidden;
}

.single-slide-item--image .slider-image,
.slider-gallery-item .gallery-image,
.discover-item-img--image .attraction-image,
.block-item-img .apartment-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-gallery-item > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Respect the user's motion preference; does not replace disabling unnecessary AOS effects. */
@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}