/* HEADER */
#header, .anim { transition: all .50s ease-in-out; }
#header a {  }

#header a.social { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }

/* LOGO */
.logo-ad { position: absolute; width: 300px; top: 14px; left: 50%; margin-left: -150px; z-index: 999; }
	body.home .logo-ad { top: -100px; }
	body.home #header.scrolled .logo-ad { top: 14px; }
.logo-ad-home { position: absolute; width: 360px; top: 60px; left: 50%; margin-left: -180px; z-index: 999; }
	body:not(.home) .logo-ad-home { top: -300px; }
	body.home #header.scrolled .logo-ad-home { position: absolute; top: -300px; leftx: -300px; opacity: 0; }

.contact-us { position: absolute; right: 180px; top: 40px; text-align: center; padding: 12px 30px; font-weight: 500; text-transform: uppercase; color: var(--white); background: none; border: 2px solid var(--brown); box-shadow: inset 0 0 0 0 var(--brown); }
	.contact-us:hover{ color: #FFFFFF; box-shadow: inset 300px 0 0 0 var(--brown); }
	#header.scrolled .contact-us, body.menu-open .contact-us, body:not(.home) .contact-us { right: 130px; top: 18px; color: var(--brown); }
	#header.scrolled .contact-us:hover, body.menu-open .contact-us:hover, body:not(.home) .contact-us:hover { color: var(--white); }
.contact-us-mobile { display: none; text-align: center; padding: 12px 30px; font-weight: 500; text-transform: uppercase; color: var(--white); background: none; border: 2px solid var(--brown); box-shadow: inset 0 0 0 0 var(--brown); }
	.contact-us-mobile:hover{ color: #FFFFFF; box-shadow: inset 300px 0 0 0 #25D5A1; }
.contacts-container { position: absolute; left: 40px; top: 40px; text-align: left; font-weight: 500; }
	.contacts-container a { color: var(--white); }
	.contacts-container .border { border-left: 1px solid var(--white); }
	#header.scrolled .contacts-container, body:not(.home) .contacts-container { left: 40px; top: 18px; }
	#header.scrolled .contacts-container a, body.menu-open .contacts-container a, body:not(.home) .contacts-container a { color: var(--brown); }
	#header.scrolled .contacts-container .border, body.menu-open .contacts-container .border, body:not(.home) .contacts-container .border { border-left: 1px solid var(--brown); }
	

/* FOOTER */
.copyright { text-align: left; }
.webmaster { text-align: right; }
.copyright-container { font-size: 12px; text-align: right; }
#footer a.social { margin-left: 0px; margin-right: 20px; margin-bottom: 20px; }
	#footer a.social.sm { margin-left: 20px; margin-right: 20px; font-size: 16px !important; }
	.social-facebook { display: inline-block; width: 30px; height: 30px; background-image: url('../image/facebook-brands.svg'); background-position: 0 0px; background-repeat: repeat-no; background-size: 100%; }
	.social-facebook:hover { background-position: 0 -30px; }
.footer-menuitem { display: block; font-size: 16px; margin-bottom: 10px; }


/* MEDIA QUERIES */
@media (max-width: 2767px) {
	.content_container { margin-left: 140px; margin-right: 140px; }
	body.menu-open .logo-ad-home { leftx: -300px; top: -300px; opacity: 0; filter: brightness(0) invert(1); }
	body.home.menu-open .logo-ad { top: 22px; }
	.main-menu-container { position: fixed; top: 0px; left: 0px; right: 0px; background: #2748CB; padding-top: 20px; text-align: center; opacity: 1; }
		body.menu-open .main-menu-container { top: 0px; opacity: 1; pointer-events: auto; }
		body.home .main-menu-container { padding-top: 20px; opacity: 0; }
			body.home #header.scrolled .main-menu-container { padding-top: 20px; opacity: 1; }
			body.home #header.scrolled .main-menu-container { padding-top: 20px; }
	.menu-menuitem { display: inline-block; padding-top: 8px; padding-bottom: 8px; font-size: 24px; letter-spacing: 3.6px; margin: 0px 0px 10px 0px; }
	.menu-menuitem .item { padding-right: 0px; font-weightx: 600; text-transformx: uppercase; }
	body:not(.home) .submenu-home { display: block; }

	#menu-mobile { display: inline-block; position: absolute; right: 0px; top: 0px; width: 140px; height: 140px; color: #FFFFFF; padding-top: 50px; text-align: center; opacity: 1; }
		body:not(.home) #menu-mobile { width: 90px; height: 90px; padding-top: 18px; background: var(--brown); padding-top: 25px; }
	#header.scrolled #menu-mobile { width: 90px; height: 90px; background: var(--brown); padding-top: 25px; }
	body.home.menu-open #header { background: #2748CB; box-shadow: 0px 0px 20px #00000029; }
	body.home.menu-open .main-menu-container { opacity: 1; }
}

@media (max-width: 2767px) {
	.main-menu-container { opacity: 0; }
	body.home .main-menu-container { padding-top: 120px; }
	body.home #header.scrolled .main-menu-container { padding-top: 20px; opacity: 0; }
    body.home #header.scrolled .main-menu-container { padding-top: 120px; }
	body.menu-open #menu-mobile { width: 90px; height: 90px; padding-top: 22px; background: var(--green); opacity: 1; }
	body.menu-open .main-menu-container, body.menu-open #header.scrolled .main-menu-container { top: 0px; opacity: 1; pointer-events: auto; }
	.main-menu-container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(41, 78, 229, 0.95); background: #FFFFFF; padding-top: 120px; text-align: center; opacity: 0; pointer-events: none; }
	.main-menu-container, .submenu { text-align: center; }
    .menu-menuitem { display: block; padding-top: 0px; padding-bottom: 0px; font-size: 44px; font-weight: 900; letter-spacing: 3.6px; margin: 0px 0px 10px 0px; }
    .menu-menuitem a.item { font-family: "temeraire",serif; padding-left: 0px; padding-right: 0px; color: var(--brown); }
	.slider-symbol { position: absolute; bottom: -120px; right: 60px; height: 240px; }
}


@media (min-width: 2000px) {
	.container-detail { padding: 40px 500px; }
}
@media (min-width: 1680px) {
	.content_container { width: 1000px; margin-left: auto; margin-right: auto; }
	.content_container.reset { width: auto; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 1640px) {
	.container-detail { padding: 40px 200px; }
	.container-big { padding: 120px; }
	.container120 { padding: 80px; }
	
	.main-menu-container, .submenu { text-align: center; }
	.menu-menuitem .item { padding-left: 30px; padding-right: 30px; }
	.submenu-item { margin-left: 40px; margin-right: 40px; }
}
@media (max-width: 1500px) {
	#header #menu .menuitem { margin-left: 15px; margin-right: 15px; }
}
@media (max-width: 1440px) {
	.container-wide { margin: 0 60px; }
	.container-detail { padding: 40px 100px; }
	.content_container { margin-left: 180px; margin-right: 180px; }
	.main_container { padding-left: 10%; padding-right: 10%; }
}
@media (max-width: 1320px) {
}

@media (max-width: 1199px) {
	h1 { font-size: 36px; }
	
	.container-big { padding: 80px; }
	.container120 { padding: 80px; }
	.main_container { padding-left: 5%; padding-right: 5%; }
	
	.main-menu-container { padding-right: 15px; padding-left: 15px; width: auto; }
	.backstretch-caption { position: absolute; top: 25%; left: 20%; width: 40%; font-size: 60px; }
	
	.hero-ad-symbol { display: none; }
}

@media (max-width: 991px) {
	.container-wide { margin: 0 30px; }
	.menu-menuitem .item { padding-left: 15px; padding-right: 15px; }
	.backstretch-caption { position: absolute; top: 25%; left: 20%; width: 60%; font-size: 60px; }

	/* LOGO */
	.logo-ad { position: absolute; width: 300px; top: 22px; left: 30px; margin-left: 0px; z-index: 999; }
		body.home .logo-ad { top: -100px; }
		body.home #header.scrolled .logo-ad { top: 22px; }
	.logo-ad-home { position: absolute; width: 300px; top: 30px; left: 30px; margin-left: 0px; z-index: 999; }
		body:not(.home) .logo-ad-home { top: -300px; }
		body.home #header.scrolled .logo-ad-home { position: absolute; top: -300px; opacity: 0; }
	.contacts-container { display: none; }
		
	.contact-us { position: absolute; right: 160px; top: 40px; text-align: center; padding: 12px 20px; font-weight: 500; text-transform: uppercase; color: var(--white); background: rgba(41, 78, 229, 0.2); border: 2px solid var(--green); box-shadow: inset 0 0 0 0 #25D5A1; }
		.contact-us:hover{ color: #FFFFFF; box-shadow: inset 300px 0 0 0 #25D5A1; }
		#header.scrolled .contact-us, body.menu-open .contact-us, body:not(.home) .contact-us { right: 100px; top: 18px; }
	
	.copyright { text-align: center; }
	.webmaster { text-align: center; }
}
@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 29px; }
	h2 { font-size: 26px; }
	
	.container-wide { margin: 0 0px; }
		#kontakt .container-wide { margin: 0 20px; }
	.container { padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; }
	.container60 { padding-left: 30px; padding-right: 30px; }
	.container_inside { padding: 40px 0px; }
	
	.logo-ad-home { position: absolute; top: 30px; left: 30px; width: 200px; z-index: 999; }
	.logo-ad { left: 30px; heightx: 46px; z-index: 999; }
		body.home #header.scrolled .logo-ad { topx: 12px; }

	#header.scrolled { min-heightX: 70px; }
	.backstretch-caption { position: absolute; top: -230px; left: 10%; width: 50%; margin-left: 0px; display: block; color: #FFFFFF; font-size: 46px; font-weight: 900; letter-spacing: 1.8px; }
	.backstretch-caption.active { top: 45%; }
	.backstretch-button { left: 10%; margin-leftx: -80px; }
	.backstretch-button.active { top: 70%; }
	
	#infobar { display: none; }
	#header #headers.isbar .menu-container { top: 70px; }
	.footer-social-container { text-align: center; }
	#footer a.social { margin-left: 20px; }
}
@media (max-width: 640px) {
	.contact-us { display: none; }
	.contact-us-mobile { display: inline-block; }
}
@media (max-width: 540px) {
	h2, h2 p { font-size: 24px; }
	#header { position: fixed; top: 0px; left: 0px; width: 100%; background: #FFFFFF; min-height: 70px; z-index: 999; }
	#menu-mobile { display: inline-block; position: absolute; right: 0px; top: 0px; width: 70px; height: 70px; backgroundx: #ED366A; padding-top: 18px; text-align: center; }
		body:not(.home) #menu-mobile { width: 70px; height: 70px; padding-top: 18px; }
	.logo-ad-home { position: absolute; top: 10px; left: 10px; width: auto; height: 60px; z-index: 999; }
	.logo-ad { top: 20px; left: 20px; width: auto; height: 30px; z-index: 999; }
	.kontaktny-formular { top: 60px; right: 0px; width: 60px; height: 60px; backgroundx: #ED366A; padding-top: 20px; padding-left: 0px; padding-right: 0px; font-size: 14px; text-align: center; text-transform: uppercase; }
		/*.menu-mobile-text, .kontaktny-formular-text { display: none; }*/
		.kontaktny-formular-icon { display: block !important; }
	
	div { font-size: 14px; }
	.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
	.container-financing { padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; }
	.container-detail { padding: 40px 10px; }
	.container-big { padding: 30px; }
	.container120 { padding: 30px; }
	.menu-menuitem { display: block; padding-top: 10px; padding-bottom: 10px; font-size: 20px; letter-spacing: 3.6px; }
	
	.backstretch-caption { position: absolute; top: -230px; left: 10%; width: 70%; margin-left: 0px; display: block; color: #FFFFFF; font-size: 40px; font-weight: 900; letter-spacing: 1.8px; }
	.backstretch-caption.active { top: 45%; }
}
@media (max-width: 480px) {
	.container-inside { padding: 20px; }
	#header-menu { background-image: none; }
	#menu { padding-top: 20px; }
	#header .menu-mobile-container { text-align: right; }
	/*.logo-ad { position: absolute; topx: 18px; left: 20px; width: 230px; z-index: 999; }*/
	/*.logo-ad-home { position: absolute; width: 240px; top: 30px; left: 30px; margin-left: 0px; z-index: 999; }*/
	
	#header .menu-container, #header #headers.isbar .menu-container { top: -140px; }
	.menu-menuitem { display: block; padding-top: 8px; padding-bottom: 8px; font-size: 16px; letter-spacing: 3.6px; }
	
	 .footer-menu-container, .footer-nemovitosti-container { text-align: center; }
	.copyright-container { text-align: center; }
}
@media (max-width: 400px) {
	.contact-form-closer { position: absolute; top: 10px; right: 10px; color: #F0F0F0; font-size: 1px; width: 20px; height: 20px; background-image: url('../image/contact-form-closer.svg'); background-position: 0 0px; background-repeat: repeat-no; background-size: 100%; }
	.contact-form-closer:hover { background-position: 0 20px; }
	/*#menu-mobile { display: inline-block; position: absolute; right: 0px; top: 0px; width: 35px; height: 35px; background: #ED366A; padding-top: 4px; text-align: center; }*/
	.kontaktny-formular { top: 35px; right: 0px; width: 35px; height: 35px; backgroundx: #ED366A; padding-top: 10px; padding-left: 0px; padding-right: 0px; font-size: 14px; text-align: center; text-transform: uppercase; }
}