/* COLORS

sárgászöld: #b8be02;
sárgásfehér: #ffffe0;
szürke: #4c4c4c;

*/
@font-face {
/*font-family: HelveticaNeue;
src: url('../fonts/HelveticaNeueLTPro-Cn.otf');*/
}
p, a, h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #4c4c4c; }
a { color: inherit; }
a:hover { cursor: pointer !important; color: #b8be02; }

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* CLASSES */
.anim-03s { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in-out; }
.anim-05s { transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in-out; }
.anim-1s { transition: all 1s ease-in; -webkit-transition: all 1s ease-in-out; }

.mar-top-menu { margin-top: 60px; }
.mar-top-50 { margin-top: 50px !important; }

.image-bg { background-position: 50%; background-size: cover; background-repeat: no-repeat; }

.ft-gray { color: #4c4c4c; }
.ft-green { color: #b8be02 !important; }
.ft-white { color: #fff; }
.ft-thinest { font-weight: 100; }

.vertical-align { display: flex; align-items: center; }

.border-bot-green { padding-bottom: 10px; border-bottom: 1px solid #b8be02; }

.button-gray { padding: 10px 15px; background-color: #797979; border: 1px solid #797979; color: #fff; font-size: 1.3em; }
.button-gray:hover { color: #797979; background-color: #fff; }

.inp-textarea { width: 100%; height: 100%; padding: 10px; }
input[type="text"]{ width: 100%; padding: 10px; }
.submit { font-size: 1.3em; padding: 15px; border: 1px solid #797979; background-color: #797979; color: #fff; float: right; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.submit:hover { background-color: #fff; color: #797979; }
/* MENU */
.navbar { background-color: #b8be02; margin-bottom: 0; -webkit-backface-visibility:hidden; }
#nav-top { background-color: #fff; height: 100px; }
#nav-top img { height: 160px; padding: 10px 0;}
.navbar .container div a img { object-fit: contain; padding-top: 10px; }
.navbar h3 { margin: 0; line-height: 60px; font-weight: 600; }
.navbar h3 a { color: #4c4c4c; }
.navbar h3 a:hover { text-decoration: none; color: #4c4c4c; }
.navbar ul { list-style-type: none; padding: 0; margin: 0; float: right; }
.navbar ul li { display: inline-block; padding: 15px 20px; }
.navbar ul li a { color: #4c4c4c; font-size: 1.5em; }

.navbar ul li.small { padding: 15px 5px; }

.navbar ul li:hover a { color: #fff; text-decoration: none; }
/* MENU RESPONSIVE */
.navbar #menu-resp { position: relative; z-index: 15; }
.navbar #menu-resp ul { display: none; }
/* MENU XS */
#menu-xs { height: auto; display: block; }
#menu-xs .flags a { font-size: 2em; }
#menu-xs .flags a:first-child { padding-right: 20px; }
#menu-xs ul { background-color: #b8be02; float: none; }
#menu-xs ul li { display: block; width: 100%; }
/* MAIN */
.carousel { height: 500px; }
.carousel .item { height: 500px; }

h1 { font-size: 4em; }
#main .offers .img-wrapper { height: 350px; vertical-align: bottom; display: table-cell; float: none; }
#main .offers h2 { margin-top: 40px; }
#main .offers p { margin-top: 30px; }

#main .flat { height: 400px; margin-top: 60px; }
#main .flat .img-responsive { max-height: 100%; }
#main .flat-text { display: table; }
#main .flat-text div { display: table-cell; vertical-align: middle; }
#main .flat-text h2 { padding: 15px; }

.parallax-bg { position: relative; overflow: hidden; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 500px; margin: 70px 0 50px 0; }
/*.parallax-bg .gradient-diamond { position:absolute; bottom:-50px; left:50%; margin:0 0 0 -50px; border:transparent 50px solid; border-right-color:#fff; border-left-color:#fff; border-bottom-color:#fff; }
.parallax-bg .gradient-diamond:before { content:''; width: 2000px; height:100px; background:#fff; position:absolute; bottom:-50px; left:50px; }
.parallax-bg .gradient-diamond:after { content:''; width: 2000px; height:100px; background:#fff; position:absolute; bottom:-50px; right:50px; }*/

/* FlATS */
#search-bar .col-sm-3, #search-bar-responsive .col-sm-3 { width: 20%; }

#search-bar.on { opacity: 1; display: block; }
#search-bar { opacity: 0; display: block; }

#search-bar-responsive { opacity: 0; display: none; }
#search-bar-responsive.on { opacity: 1; display: block; }

.search-bar h4 { margin: 0; max-height: 35px; line-height: 35px;}
.search-bar select { margin: 0px auto; display: block; height: 50px; width: 90%; text-indent: 5px; }
.search-bar input[type="submit"] { margin: 0px auto; display: block; height: 50px; width: 90%; border: 1px solid #797979; background-color: #797979; font-size: 1.3em; color: #fff; }
.search-bar input[type="submit"]:hover { color: #797979; background-color: #fff; }

#search-bar-responsive { display: none; position: fixed; top: 60px; z-index: 10; background-color: #fff; padding-bottom: 25px; width: 100%; -webkit-backface-visibility:hidden; }

#flats .flat { opacity: 1; position: relative; margin-bottom: 20px; overflow: hidden; height: 400px; border: 1px solid #b5b5b5; }
#flats .flat .row { height: 240px; }
#flats .flat a { display: block; height: 100%; }
#flats .flat .img-responsive { opacity: 1; -webkit-transform: translateZ(0); object-fit: cover; height: 240px; width: 100%; }
#flats .flat:hover .img-responsive { opacity: 0.6; }
#flats .flat .flat-info { height: 160px; }
#flats .flat .flat-info h4:first-of-type { margin-top: 35px !important; }

/*#flats .flat { opacity: 1; position: relative; margin-bottom: 20px; overflow: hidden; height: 20vw; min-height: 200px; }
#flats .flat a { display: block; height: 100%; }
#flats .flat .image-bg { opacity: 1; -webkit-transform: translateZ(0); height: 100%; }
#flats .flat:hover .image-bg { opacity: 0.6; }
#flats .flat .info { position: absolute; bottom: 0px; left: 15px; width: 100%; }
#flats .flat:hover .info { opacity: 0.8; }
#flats .flat .info .title { display: block; padding: 0px 25px; font-size: 1.6em; color: #fff; background: #b8be02; background: -webkit-linear-gradient(left, #b8be02, transparent); background: -o-linear-gradient(right, #b8be02, transparent); background: -moz-linear-gradient(right, #b8be02, transparent); background: linear-gradient(to right, #b8be02, transparent); }
#flats .flat .info .subtitle { display: block; padding: 15px 25px; font-size: 1.3em; color: #fff; background: #b8be02; background: -webkit-linear-gradient(left, #b8be02, transparent); background: -o-linear-gradient(right, #b8be02, transparent); background: -moz-linear-gradient(right, #b8be02, transparent); background: linear-gradient(to right, #b8be02, transparent); }
#flats .flat .info .price { display: block; padding: 0px 25px 5px 25px; font-size: 1.6em; color: #fff; background: #b8be02; background: -webkit-linear-gradient(left, #b8be02, transparent); background: -o-linear-gradient(right, #b8be02, transparent); background: -moz-linear-gradient(right, #b8be02, transparent); background: linear-gradient(to right, #b8be02, transparent); }*/

/* FLAT SINGLE*/

/*#flat-single ul { position: absolute; bottom: 0; left: 25px; list-style-type: none; padding-left: 0px; background-color:rgba(255, 255, 255, 0.8); padding: 15px; }*/
#flat-single .parallax-bg { height:100vh; }
#flat-single ul { list-style-type: none; padding-left: 0px; }
#flat-single ul li { font-size: 1.4em; letter-spacing: 2px; padding: 10px 0; font-family: 'Montserrat', sans-serif; }

#flat-single #flat-desc, #flat-single #flat-location { opacity: 0; }
#flat-single #flat-desc.start, #flat-single #flat-location.start { opacity: 1; }

#flat-single #flat-info-list { position: absolute; transform: translateX(-100%); }
#flat-single #flat-info-list.start { display: block; position: relative; transform: translateX(0%); }
#flat-single #flat-info-estate-agent { position: absolute; transform: translateX(100%); }
#flat-single #flat-info-estate-agent.start { display: block; position: relative; transform: translateX(0%); }
#flat-single #flat-info-estate-agent img { object-fit: contain; width: 150px; margin-right: 0; margin-left: auto; }

#flat-single #flat-desc-txt, #flat-single #flat-location p { font-size: 1.2em; font-family: 'Montserrat', sans-serif; }
#flat-single #flat-desc-txt ul { list-style: none; display: inline-block; margin-top: 25px; }
#flat-single #flat-desc-txt ul li::before {content: "•"; color: #b8be02; display: inline-block; width: 1em; font-size: 1.5em; margin-left: -1em; }
#flat-single #flat-desc-txt ul li { padding: 5px 10px; font-size: 1em; color: #4c4c4c; text-align: left; }

#flat-single #imageGallery { max-height: 700px; }
#flat-single #imageGallery img { max-height: 700px; height: 440px; object-fit: contain; margin: 0px auto; }
.lSSlideOuter .lSPager.lSGallery li { max-height: 125px !important; margin: 0px auto; }
.lSSlideOuter .lSPager.lSGallery li.active { border: 2px solid #adadad; }
.lSSlideOuter .lSPager.lSGallery li img { max-height: 125px !important; margin: 0px auto; }

#flat-single #estate-agent { transform: rotateY(90deg); }
#flat-single #estate-agent.start { transform: rotateY(0deg); }
#flat-single #estate-agent img { box-shadow: 0px 20px 20px -20px #000; }
#flat-single #estate-agent .contact-form { display: none; }
#flat-single #estate-agent .contact-form input, #flat-single #estate-agent .contact-form textarea { font-size: 1.2em; }

/* CONTACT */

#contact input, #contact textarea { font-size: 1.2em; }
#contact .contact-details-wrapper { padding: 5% 0; }
#contact h3 { min-height: 52px; }
#map { height: 500px; }

/* FOOTER */

footer {  background-color: #b8be02; margin-top: 50px; }
.min-height { bottom: 0; position: absolute; width: 100%; }

footer .footer-box ul { list-style-type: none; margin: 20px 0; padding: 0 0 40px 0; height: 100px; }
.footer-box-left { border-right: 1px solid #fff; }
.footer-box-right { border-left: 1px solid #fff; }
footer .footer-box h4 { color: #ffffe0; font-weight: 400; font-size: 1.1em; margin-top: 30px; }
footer .footer-box ul li { font-weight: 300; color: #fff; }
footer .footer-box ul li a { color: #fff; }

footer h3 { margin: 0px auto; margin-top: 15px; }
footer h3 a:hover { text-decoration: none; color: #fff; }
footer h5 { margin-top: 15px; padding-bottom: 10px; }

@media all and (max-width: 1024px) { /* screen size until 1200px */
	.navbar ul li { padding: 15px 10px; }
	#map { height: 400px; }
	#flat-single #imageGallery { max-height: 500px; }
	#flat-single #imageGallery img { max-height: 500px; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li { max-height: 101px !important; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li img { max-height: 101px !important; margin: 0px auto; }
}

@media all and (max-width: 768px) { /* screen size until 1200px */
	#nav-top h2 { font-size: 1.5em; }
	.navbar { height: 60px; }
	.navbar .container div a img { padding-top: 5px; }
	.navbar #menu-resp img { padding-left: 10px; object-fit: contain; height: 50px; padding-top: 10px; float: right; }
	.navbar #menu-resp .flag { float:right; font-size: 2em; padding: 10px 10px 0 10px; }
	.navbar #menu-resp ul { position: absolute; top: 59px; right: 15px; background-color: #b8be02; }
	.navbar #menu-resp ul li { display: block; text-align: right; padding: 15px 25px; }
	/*.navbar #menu-resp ul li.small { display: inline-block; margin: 0px auto; } */
	#main .offers h2 { font-size: 1.6em; }

	#map { height: 300px; }
	#flat-single #imageGallery { max-height: 500px; }
	#flat-single #imageGallery img { max-height: 500px; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li { max-height: 76px !important; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li img { max-height: 76px !important; margin: 0px auto; }

	#contact .contact-details-wrapper { padding: 0; }
}

@media all and (max-width: 425px) { /* screen size until 1200px */
	.mar-top-menu { margin-top: 0px; }
	.parallax-bg { background-attachment: scroll; background-size: cover; }

	.navbar .flag-icon { width: 30px; }
	.navbar ul li { padding: 5px 0; }
	.navbar ul li a { font-size: 1.1em; }

	#main .flat { height: auto; }
	#search-bar { opacity: 1; display: block; }

	#search-bar .col-sm-3, #search-bar-responsive .col-sm-3 { width: 100%; text-align: center; }

	#flat-single .parallax-bg { height:50vh; }
	#flat-single #flat-info-estate-agent .text-left { text-align: center; }
	#flat-single #imageGallery { max-height: 250px; }
	#flat-single #imageGallery img { max-height: 250px; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li { max-height: 40px !important; margin: 0px auto; }
	.lSSlideOuter .lSPager.lSGallery li img { max-height: 40px !important; margin: 0px auto; }
	#flat-single #estate-agent { text-align: center; }
	#flat-single #estate-agent img { max-height: 250px; margin: 0px auto; }
	#flat-single #flat-info-estate-agent img { margin: 0px auto !important; }
	#flat-single #estate-agent h2, #flat-single #flat-info-estate-agent h2 { border: none; padding-bottom: 0px; }
	#flat-single #flat-info-estate-agent h3 { margin-top: 0px; margin-bottom: 25px; }
	#flat-single #estate-agent h2 { margin-bottom: 0px; }
	#flat-single #estate-agent h3 { margin-top: 10px; }

	footer .footer-box h4 { text-align: center; }
	footer .footer-box ul { border: none; border-bottom: 1px solid #fff; padding-bottom: 15px; height: auto; text-align: center; }

	h1 { font-size: 10vw; }
	h2 { font-size: 7vw; border-bottom: 1px solid #b8be02; padding-bottom: 15px; }
	h3 { font-size: 6vw; }

	.border-bot-green { border: none; }
}