/* 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: 81px; }
.mar-top-25 { margin-top: 25px !important; }
.mar-top-50 { margin-top: 50px !important; }
.mar-top-100 { margin-top: 100px !important; }
.mar-top-150 { margin-top: 150px !important; }
.mar-bot-25 { margin-bottom: 25px !important; }
.mar-bot-50 { margin-bottom: 50px !important; }
.mar-bot-100 { margin-bottom: 100px !important; }
.mar-100 { margin-top: 100px; margin-bottom: 100px; }
.mar-50 { margin-top: 50px; margin-bottom: 50px; }
.mar-25 { margin-top: 25px; margin-bottom: 25px; }
.mar-15 { margin-top: 15px; margin-bottom: 15px; }

.ft-white { color: #fff; }
.ft-orange { color: #ffa41a; }
.ft-blue { color: #3486cc; }
.ft-brown { color: #70310f; }
.ft-pink { color: #eabab9; }

.image-bg { background-position: 50%; background-size: cover; background-repeat: no-repeat; }
.parallax-bg { position: relative; overflow: hidden; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 55vh; width: 100%; margin: 70px 0 0 0; }

.anim-01s { transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.anim-03s { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }

.vertical-align { display: flex; align-items: center; }
#shady-background { background-color: #333; opacity: 0.8; display: none; position: fixed; left: 0; right: 0; width: 100%; height: 100vh; z-index: 15; }
.dialog-extra { margin: 0px auto; }
/*
BARNA: #70310f;
*/

/*.image-bg { position: relative; background-position: 50%; background-size: cover; background-repeat: no-repeat; margin: 50px 0; }*/
/* font-family: 'Indie Flower', cursive; font-family: 'Quicksand', */

a { color: inherit; }
a:hover { color: #ffa41a; }

body { font-family: 'Quicksand', sans-serif; letter-spacing: 2px; background-color: #fbfbfb; }

.szechenyi-logo { position: absolute; top: 0; right: 0; height: 150px; }
#navigation-logos { position: fixed; top: 50%; right: 15px; transform: translateY(-50%); z-index: 15; opacity: 0; }
#navigation-logos.visible { opacity: 1; }
#navigation-logos a { display: block; padding: 10px 0; }
#navigation-logos img { width: 82px; float: right; margin: 10px 0; }
#navigation-logos img.facebook { width: 72px; }
#navigation-logos img:hover { width: 100px; }

nav { background: linear-gradient(to right, #70310f 40%, #bb6e45 100%); position: absolute !important; width: 100%; z-index: 10; }
nav.anchor { position: fixed !important; top: 0; z-index: 100; }
nav h1 { margin: 0; line-height: 80px; font-weight: 600; font-family: 'Lobster', cursive; }
nav h1 a { line-height: 60px; font-weight: bold; }
nav ul { line-height: 80px; margin: 0; padding: 0; float: right; }
nav ul li { display: inline-block; position: relative; padding: 0px 10px; }
nav ul li a, nav h1 a { color: #fff; text-shadow: 0px 2px 2px #50504f; }
nav ul li a:hover, nav h1 a:hover { color: #ffa41a; text-decoration: none !important; }
nav ul li a:hover a::before { color: #fff; }
nav ul li a { font-size: 1.2em; }
nav ul li ul { display: none; position: absolute; left: 0px; top: 81px; height: auto; background-color: #70310f; padding: 0 10px; }
nav ul li ul li:first-of-type { border-bottom: 1px solid #fff; }
nav ul li ul li { display: block; padding: 0px 15px; }
nav ul li.menu-logo { padding: 0 5px; }
nav ul li.menu-logo img { width: 40px; }

nav .logo-wrapper h1 { text-align: right; }
nav .menu-wrapper ul { padding-left: 25px; float: left; }

#menu-small { top: auto; min-height: auto; }
#menu-small.anchor { top: 0; }
#menu-small .container-fluid { display: flex; align-items: center; }
#menu-small h2 { padding-top: 0; margin-top: 10px; color: #fff; font-family: 'Lobster', cursive; }
#menu-small .menu-resp-wrapper { height: auto; }
#menu-small .menu-resp-wrapper .menu-logo { display: inline-block; }
#menu-small .menu-resp-wrapper img { width: 30px; }
#menu-resp { display: none; position: absolute; width: 170px; top: 38px; right: 15px; background-color: #70310f; line-height: normal; }
#menu-resp li { padding: 20px 15px; max-width: 100%; }
#menu-resp li ul { position: static; top: 0; left: 0; background-color: #bb6e45; margin-top: 25px; }
#menu-resp li ul li { line-height: normal; }

/*.bg { background-image: url('../img/bg copy.png'); background-size: contain; background-position: 0 50%; height: 100vh; background-repeat: no-repeat; }*/
.container { position: relative; }

.page h2 { display: inline-block; font-size: 4em; color: #70310f; padding: 0px 25px 25px 25px; border-bottom: 3px solid #eabab9; font-weight: bold; margin:0px auto;}
.page .news-h3 { padding: 0 !important; font-size: 5em; }

.swiper-container { padding-bottom: 25px; }
.swiper-pagination { bottom: -25px; }
.swiper-pagination .swiper-pagination-bullets {  }
.swiper-pagination .swiper-pagination-bullet { border-color: #eabab9; width: 17px; height: 17px; margin: 0 5px; }
.swiper-pagination .swiper-pagination-bullet-active { background-color: #70310f; width: 20px; height: 20px; }

.swiper-slide img { max-height: 460px; width: 100%; object-fit: contain; } 
.swiper-slide .item-info { overflow: hidden; }
.swiper-slide a.link { color: #eabab9; }

.dialog-box img { margin: 0px auto; }
.dialog-box h2 { font-size: 3em; color: #70310f; font-weight: 400; margin-top: 0; padding: 0; padding-bottom: 25px; border-bottom: 3px solid #eabab9; font-weight: bold; }
.dialog-box h3 { line-height: 25px; font-weight: 400; padding: 20px 0; }

.product-box { margin: 15px 0; cursor: pointer; }

.shop-box-index { padding: 0 25px;}

#map { height: 700px; }

/* PRODUCT */

#products { position: relative; }
.product-box { position: relative; }
.product-box a:hover { text-decoration: none; }
.product-box a:hover h3 { border-bottom: 3px solid #eabab9; }
.product-box h3 { bottom: 5px; text-align: center; max-width: 80%; margin: 0px auto; display: block; font-size: 2.5em; }
.product-box img { height: 350px; object-fit: contain; }
/*#products:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; opacity: .6; background-attachment: fixed; background-size: cover; width: 100%; height: 100vh; }
#products:before { background-image: url('../img/bg2_dark.jpg'); }*/

/* SHOPS */
.shop-box-wrapper { padding-bottom: 100px; border-bottom: 3px solid #eabab9; margin-top: 35px; margin-bottom: 35px; }
.shop-box-wrapper > div { height: 400px; }
.shop-box-wrapper:last-of-type { border-bottom: none; }
.shop-box { height: 100%; display: flex; }
.shop-box-wrapper .shop-title { margin-bottom: 50px; }
.shop-box-wrapper .shop-title h3 { max-width: 80%; margin: 0px auto; display: inline-block; font-size: 2.5em; border-bottom: 3px solid #eabab9; }
.shop-box .shop-wrapper { position: relative; cursor: pointer; width: 100%; display: flex; align-items: center; }
.shop-box .shop-wrapper:hover span { opacity: 1; }
.shop-box .shop-wrapper:hover img { opacity: 0.7; }
.shop-box .shop-wrapper span { opacity: 0; position: absolute; width: 100%; text-align: center; left: 50%; top:50%; transform: translate3d(-50%, -50%, 0); font-size: 3em; color: #fff; }
.shop-box .shop-wrapper img { height: 300px; object-fit: contain; display: flex; align-items: center; }
.shop-box-info { height: 100%; }
.shop-box-info ul { margin-top: auto; margin-bottom: auto; padding: 0; }
.shop-box-info ul li { font-size: 1.6em; list-style-type: none; padding: 10px 0; color: #70310f; }
.shop-box-info ul li span { font-weight: 600; color: #ffa41a; width: 180px; display: inline-block; text-align: right; }

/* NEWS */

#news .dialog-box { margin-bottom: 100px; }
#news .header-title-date { border-bottom: 3px solid #eabab9; }
#news .header-title-date h2 { border: none; display: block; padding: 15px 0; font-size: 2em; }
#news .header-title-date h3 { border: none; display: block; float: right; padding: 15px 0; }

#news .news-text p { font-size: 1.6em; font-weight: 300; display: block; }
#news .news-text span.keywords { font-size: 1.1em; color: #70310f; display: block; }
#news .news-text span.keywords span { display: inline-block; color: #eabab9; }

#about p { font-size: 1.3em; }

/* CONTACT */

#contact label { font-size: 2.2em; clear: both; padding-left: 15px; margin-bottom: 15px; color: #70310f; }
#contact input, #contact textarea { width: 100%; padding: 10px; margin-bottom: 25px; }
#contact textarea { height: 312px; }
#contact input[type="submit"] { padding: 15px; font-size: 2em; color: #fff; width: auto; background-color: #eabab9; border: none; float: right; }
#contact input[type="submit"]:hover { background-color: #ff726f; }

#contact .contact-info img { height: 400px; width: 100%; object-fit: contain; margin-right: 0; margin-left: auto; }
#contact .contact-info ul { list-style-type: none; padding-left: 0; line-height: 75px; }
#contact .contact-info ul li { font-size: 1.6em; }
#contact .contact-info ul li span { font-weight: 600; color: #ffa41a; width: 150px; display: inline-block; text-align: right; }

/* FOOTER */

footer {  background-color: #70310f; 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: #ffa41a; font-weight: 400; font-size: 1.1em; margin-top: 30px; }
footer .footer-box ul li { font-weight: 300; color: #fff; padding-right: 15px; }
footer .footer-box ul li a { color: #fff; }
footer ul li a:hover { color: #ffa41a; }

footer .social-ul { padding: 0; }
footer .social-ul li.menu-logo { padding: 0 5px; }
footer .social-ul li.menu-logo img { width: 60px; }

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

/*HD AND HIGHER*/
@media all and (min-width: 1441px) {
	.col-xl-5 { width: 41.667%; }
	.col-xl-7 { width: 58.333%; }
}
/*LAPTOP*/
@media all and (max-width: 1440px) {
	.page h1 { font-size: 2.5em; }
	.page h2 { font-size: 2.3em; }
	.dialog-box h2 { font-size: 1.7em; }
	.dialog-box h3 { font-size: 1.3em; }
	h3 { font-size: 1.7em; }

	.mar-100 { margin-top: 50px; margin-bottom: 50px; }
	.mar-bot-50 { margin-bottom: 25px !important; }

	.page .news-h3 { font-size: 1.3em; }

	#about p { font-size: 1.2em; }

	.product-box h3 { font-size: 1.7em; }
	.shop-box-wrapper .shop-title h3 { line-height: 35px; font-size: 1.7em; }
	.shop-box-info ul li { font-size: 1.3em; }

	#news .header-title-date h2 { font-size: 1.7em; }
	#news .news-text p { font-size: 1.2em; }
	#news .news-text span { font-size: 1em; }

	#contact label { font-size: 1.3em; }
	#contact input { margin-bottom: 15px; }
	#contact textarea { height: 242px; }
	#contact .contact-info ul li { font-size: 1.3em; line-height: 50px; }

	#contact input[type="submit"] { font-size: 1.3em; }

}
/*Macbook*/
@media all and (max-width: 1366px) {

	.shop-box { text-align: center; }
	.shop-box-wrapper .shop-title h3 { display: inline-block; max-width: 100%; }
	.shop-box-info ul { margin: 0px auto; }
	.shop-box-info ul li span { display: block; width: 100%; text-align: center; padding-bottom: 5px; }

}
/*SM*/
@media all and (max-width: 768px) {
	.swiper-slide .slide-img { margin-bottom: 25px; }

	#contact .contact-info h3 { display: inline-block; }
	#contact .contact-info ul li span { display: block; width: 100%; text-align: center; padding-bottom: 5px; }
	#contact .contact-info ul li { text-align: center; font-size: 1.6em; }

	footer .footer-box ul { min-height: 170px; }
}
/*XS*/
@media all and (max-width: 425px) {
	.szechenyi-logo { height: 100px; }
	#shops .dialog-box { text-align: center; }
	.parallax-bg { height: 250px; margin: 0; background-attachment: scroll; }

	#menu-small h2 { font-size: 2em; }

	#navigation-logos img { width: 52px; }
	#navigation-logos img.facebook { width: 52px; }
	#navigation-logos img:hover { width: 76px; }

	.page h2 { font-size: 2.8em; margin: 0px auto; display: block; margin-top: 25px; text-align: center; }
	.page h3 { font-size: 1.5em; }
	.dialog-box h2 { font-size: 2.3em; display: inline-block; }

	.shop-box-wrapper { padding: 0; }
	.shop-box-wrapper .shop-title { margin-bottom: 0; }

	#news .header-title-date { margin-bottom: 25px; }
	#news .header-title-date h2 { text-align: left; }
	#news .header-title-date h3 { float: left; padding-top: 0; margin-top: 0; }

	footer .footer-box { border-bottom: 1px solid #fff; margin-bottom: 35px; padding-bottom: 15px; }
	footer .footer-box ul { height: auto; min-height: auto; padding-bottom: 0; }
	footer .footer-box-left { border: none; }
}
@media all and (max-width: 375px) {
	#menu-small h2 { font-size: 1.5em; }
}
@media all and (max-width: 325px) {
	#menu-small h2 { font-size: 1.3em; }
}