@import url("bootstrap.css");
@import url("animate.css");
@import url("lightgallery.min.css");
@import url("aos.css");



/*
10px 	0.625rem
11px 	0.6875rem
12px 	0.75rem
13px 	0.8125rem
14px 	0.875rem
15px 	0.9375rem
16px 	1rem
17px 	1.0625rem
18px 	1.125rem
19px 	1.1875rem
20px 	1.25rem
21px 	1.3125rem
22px 	1.375rem
23px 	1.4375rem
24px 	1.5rem
25px 	1.5625rem
26px 	1.625rem
27px 	1.6875rem
28px 	1.75rem
29px 	1.8125rem
30px 	1.875rem
31px 	1.9375rem
32px 	2rem
33px 	2.0625rem
34px 	2.125remo
35px 	2.1875rem
36px 	2.25rem
37px 	2.3125rem
38px 	2.375rem
39px 	2.4375rem
40px 	2.5rem
41px 	2.5625rem
42px 	2.625rem
43px 	2.6875rem
44px 	2.75rem
45px 	2.8125rem
46px 	2.875rem
47px 	2.9375rem
48px 	3rem
49px 	3.0625rem
50px 	3.125rem
51px 	3.1875rem
52px 	3.25rem
53px 	3.3125rem
54px 	3.375rem
55px 	3.4375rem
56px 	3.5rem
57px 	3.5625rem
58px 	3.625rem
59px 	3.6875rem
60px 	3.75rem
61px 	3.8125rem
62px 	3.875rem
63px 	3.9375rem
64px 	4rem

67px 	4.188rem
*/

::selection {
	color: #fff;
	background: #a08958; 
}

::-moz-selection {
	color: #fff;
	background: #a08958; 
}




#cookie-bar {
	background: #000;
	background: rgba(0, 0, 0, .8);
	height: auto;
	font-size: 13px;
	color: #f4f1ec;
	text-align: left;
	padding: 20px;
}
#cookie-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
#cookie-bar.fixed.bottom {
	bottom: 0px;
	top: auto;
	right: 0px;
	left: 0px;
}
#cookie-bar p {
	margin: 0 auto;
	padding: 0;
	max-width: 1140px;
}
#cookie-bar a {
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 6px 10px;
	margin: 10px 5px 0 0;
}
#cookie-bar .cb-enable {
	color: #000;
	background: #fff;
}
#cookie-bar .cb-enable:hover {
	color: #000;
	background: #fff;
}
#cookie-bar .cb-disable {
	background: #666;
}
#cookie-bar .cb-disable:hover {
	background: #666;
}
#cookie-bar .cb-policy {
	background: #a08958;
}
#cookie-bar .cb-policy:hover {
	color: #000;
	background: #fff;
}



body{
	overflow-x: hidden;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	text-transform: uppercase;
	letter-spacing: -1px;
}

.subtitle{
	font-family: "Montserrat";
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media screen and (max-width: 991.98px) {
		
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
		
	}
	
}

.btn {
  font-weight: 300;
  position: relative;
  padding: 0.375rem 2rem;
}



.btn-lg, .btn-group-lg > .btn {
  padding: 1rem 2rem;
  font-size: 1rem;
  letter-spacing: 1px;
}


.btn-outline-style-light {
    color: #fff;
    border-color: #fff;
}

.btn-outline-style-light:hover {
    color: #000;
    border-color: #fff;
	background-color: #fff;
}


.btn-outline-style-light.btn-decor:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -15px;
    background: #fff;
    width: 30px;
    height: 1px;
}

.btn-outline-style-light.btn-decor:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -15px;
    background: #fff;
    width: 30px;
    height: 1px;
}




.btn-outline-primary.btn-decor:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -15px;
    background: #a08958;
    width: 30px;
    height: 1px;
}

.btn-outline-primary.btn-decor:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -15px;
    background: #a08958;
    width: 30px;
    height: 1px;
}


.wave{
	height: 8px;
	margin-bottom: 1rem;
}

.wave.gold{
	background-image: url("../images/wave-gold.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 85px 8px;
}

.wave.white{
	background-image: url("../images/wave-white.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 85px 8px;
}

header{
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
}

header, header.scrolled{
	background-color: rgba(13, 44, 59, 1);
}

header .phone{
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 80px;
	top: 0.5rem;
	z-index: 99;
	color: #fff;
	padding: 0 1rem;
	
	font-weight: 400;
	font-size: 1.25rem;
}

header .phone a{
	color: #fff;
	text-decoration: none;
}




.navbar-dark .navbar-nav .nav-link {
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link.active {
	color: #a08958;
}

#logo img{
	max-width: 200px;
	height: auto;
}

#navbarMobile{
	width: 100%;
	padding-top: 1rem;
}


@media screen and (min-width: 1200px) {
	
	header {
	  height: 130px;
	  background-color: transparent;
	}
	
	header.scrolled{
		height: 80px;
		background-color: rgba(13, 44, 59, .95);
	}
	
	header.scrolled .phone{
		display: none;
	}
	
	header.scrolled .navbar {
		margin-top: 15px;
	}
	
	header .navbar{
		margin-top: 50px;
	}
	
	header .navbar-brand{
		margin: 0 80px;
	}
	
	header .navbar .navbar-nav .nav-link {
		padding: 0 20px;
	}

	#logo {
		margin: 0 auto;
		position: relative;
		top: -4px;
	}
	
	#logo img{
		max-width: 250px;
		height: auto;
	}



	
	
}





.jumbotron{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	
	background-color: #0d2c3b;
}

.min-vh-50 {
    min-height: 50vh !important;
}


.jumbotron .overlay{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}


.jumbotron .banner{	
	padding: 40px;
	background-color: rgba(13, 44, 59, .95);
	text-align: center;
}


/*
@-webkit-keyframes zoomBg {
  from {
   -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.05);
  }
}

@keyframes zoomBg {
  from {
    transform: scale(1);
  }
  to {
     transform: scale(1.05);
  }
}
*/

.carousel{
	z-index: 0;
}

.carousel:before{
	content: "";
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5) 100%);
}

#homeCarousel .carousel-item {
  height: 106vh;
  min-height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/*
#homeCarousel .carousel-item.active {	
	-webkit-animation: zoomBg 10s;
  animation: zoomBg 10s;
}
*/

#homeCarousel .carousel-item h2, #homeCarousel .carousel-item .subtitle{
	color: #fff;
	margin: 0px;
}




#homeCarousel .carousel-item.active .carousel-animated-caption {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#homeCarousel .carousel-item.active .carousel-animated-caption:nth-child(even) {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

#homeCarousel .carousel-item.active .carousel-animated-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#homeCarousel .carousel-item.active .carousel-animated-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

#homeCarousel .carousel-item.active .carousel-animated-caption.flipOutX,
#homeCarousel .carousel-item.active .carousel-animated-caption.flipOutY,
#homeCarousel .carousel-item.active .carousel-animated-caption.bounceIn,
#homeCarousel .carousel-item.active .carousel-animated-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
#homeCarousel .carousel-item .carousel-animated-caption.fadeIn,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInDown,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInDownBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInLeft,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInLeftBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInRight,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInRightBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInUp,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInUpBig{
  opacity:0;
}





#propertyCarousel .carousel-item {
  height: 70vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.carousel-indicators {
    bottom: 50px;
	z-index: 2;
}



@media (max-width: 991.98px){
		
	
	#homeCarousel .carousel-item {
	  height: 50vh;
	}
	
	.carousel-indicators {
		bottom: 0px;
	}


}



.parallax{
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.parallax.h-600{
	min-height: 600px;
}


.parallax.h-400{
	min-height: 400px;
}

@media (max-width: 767.98px){
	.parallax{
		background-attachment: initial;
	}
}



main{
	
}

section{
	padding: 5rem 0;
}



@media screen and (max-width: 991.98px) {
		
	section{
		padding: 2.5rem 0;
	}
	
}


#ingatlanok h1 {
	margin-top: -2rem;
	margin-bottom: 0;
}


#ingatlanok h1:first-letter {
	font-size: 8rem;
	color: #a08958;
	margin-right: -1.3rem;
}




@media (min-width: 992px) { 
	#ingatlanok{
		padding: 0px;
		position: relative;
		top: -48px;
		z-index: 2;
	}
}

#helyszin{
	
}

.blue-text-box{
	padding: 2rem;
	color: #fff;
	background: rgba(13, 44, 59, .8);
}

.number-box{
	padding: 1rem;
	border: 1px solid #a08958;
	margin: 0.5rem;
}

.number-box .number{
	font-family: "theano_didotregular", cursive;
	font-weight: 400;
	line-height: 1.2;
	font-size: 3.125rem;
	color: #a08958;
	
	margin: 0px;
}


.number-box .description{
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
}



.overflow-box {
    margin-left: -130px;
	margin-top: 50px;
    position: relative;
    z-index: 10;
	
	padding: 2rem;
}

.overflow-box.blue{	
	background: rgba(13, 44, 59, .95);
}

.overflow-box.gold{	
	background: rgba(160, 137, 88, .95);
}


@media (max-width: 991.98px){
	
	.overflow-box {
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0;
		margin-bottom: 1rem;
	}

}


img.icon{
	max-width: 150px;
}


.property-container{
	position: relative;
}


.property-box{
	display: none;
	border: 2px solid #fff;
}

.property-box .property-image{

}

.property-box .property-image img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}


@media (min-width: 992px) { 
	.property-box{
		display: block;
	}
}



.property-window{
	
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
	
	position: relative;
	margin-bottom: 1rem;
	
	display: block;
		
}

.property-window .property-content{
	padding: 1rem;
	background-color: rgba(255, 255, 255, .85);
}


.property-window .property-content p:last-child{
	margin: 0;
}




@media (min-width: 992px) { 

	.property-window{
		display: none;
	}
	
	.property-window .property-content{
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 2;
	}
		
}


@media (min-width: 1200px) { 
	.property-window.hover{
	
		width: 500px;


		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 2;
		
		transform: translate(-50%,-50%);
		
		display: block;
		
		-webkit-animation: fade-in 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fade-in 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	}
}


@media (min-width: 1440px) { 
	.property-window.hover{
		width: 650px;
	}
}






@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




@media (min-width: 992px) { 
	
}




.flat-datas-container {
    padding: 2rem;
	background-color: #fff;
	
	position: relative;
	top: -175px;
	z-index: 2;
	
	margin-bottom: -144px;
}


.flat-datas {
	padding: 1rem 0;
	margin: 0 0 2rem 0;
    border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}


.flat-datas .flat-data-label {
    font-size: 11px;
	line-height: 1.5rem;
	font-weight: 600;
	color: #a08958;
    text-transform: uppercase;
	text-align: center;
	
	padding-right: 2rem;
}

.flat-datas .flat-data-value {
    font-size: 18px;
    font-weight: 600;
	text-align: center;
	padding-right: 2rem;
}




#galeria{
	background-color: #efefef;
}

.nav-pills .nav-link {
	border: 1px solid transparent;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #a08958;
    background-color: transparent;
	border: 1px solid #a08958;
}




.image-container{
	position: relative;
	overflow: hidden;
}

.image-container span {
	text-transform: uppercase;
    padding: 0.5rem 1rem;
    color: #fff;
    background-color: rgba(160, 137, 88, .9);
    position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -50%);
    z-index: 2;
	
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.image-container img{
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
}


.image-container:hover{
	cursor: default;
}

.image-container:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.image-container:hover span{
	transform: translate(-50%, -100%);
}


.masonry {	
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
	
	overflow: hidden;
}

.masonry-item {
    margin: 0 0 1rem 0;
	display: inline-block;
	overflow: hidden;
}




.masonry-item img{
	width: 100%;
	height: auto;
}







.masonry-item  span{
	display: block;
	font-size: 14px;
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
         -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1280px) {
   .masonry {
         -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}





.map{
	position: relative;
	margin-bottom: 2rem;
}



.map a{
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	display: block;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	color: #fff;
	background: #a08958;
	
	border: 2px solid #fff;
	
	font-size: 1.25rem;
	font-weight: 600;
	
	position: absolute;
	z-index: 2;
}


.map a.map-a-a1{
	left: 20%;
	top: 30%;
}

.map a.map-a-a2{
	left: 65%;
	top: 30%;
}

.map a.map-b2-b21{
	left: 20%;
	top: 42%;
}

.map a.map-b2-b22{
	left: 65%;
	top: 42%;
}

.map a.map-b1-b11{
	left: 20%;
	top: 50%;
}

.map a.map-b1-b12{
	left: 65%;
	top: 50%;
}

.map a.map-c-c1{
	left: 20%;
	top: 60%;
}

.map a.map-c-c2{
	left: 65%;
	top: 60%;
}

.map a.map-c-c3{
	left: 20%;
	top: 68%;
}

.map a.map-c-c4{
	left: 65%;
	top: 68%;
}

.map a.map-d-d1{
	left: 20%;
	top: 81%;
}

.map a.map-d-d2{
	left: 65%;
	top: 81%;
}








.table-responsive{
	margin-bottom: 3rem;
}




@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}




.inquiry{
	padding: 4rem 0;
	text-align: center;
	
	background-image: url(../kepek/kapcsolat-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;

	background-size: cover;
}


.inquiry form{
	text-align: left;
}

.inquiry form textarea{
	min-height: 10rem;
}


.inquiry form  .form-control{
	padding: 0.875rem .5rem;
	height: auto;
	
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	
	text-transform: uppercase;
}


.inquiry form fieldset { 
	border: 1px solid rgba(255, 255, 255, .25); 
	padding: 1rem 2rem 3rem 2rem;
}

.inquiry form legend {
	padding: 1rem 2rem;
	margin: 0px auto;
	width: auto;
	border: none;
	color: #fff;
	text-align: center;
}





footer{
	color: #fff;
	color: rgba(255, 255, 255, .5);
	padding: 3rem 0 3rem 0;
	
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 1px;
}



footer h4{
	color: #fff;
}

footer .nav-link{
	color: #fff;
}

footer .nav-link:hover{
	color: #fff;
	color: rgba(255, 255, 255, .75);
}

footer p:last-child{
	margin: 0px;
}