@charset "utf-8";

:root {
	--primary-color:rgba(187,147,86,1.0);
	--primary-hgh-color:rgba(187,147,86,0.8);
	--primary-med-color:rgba(187,147,86,0.6);
	--primary-low-color:rgba(187,147,86,0.2);
	
	--light-color:rgba(244,241,222,1.0);
	--light-hgh-color:rgba(244,241,222,0.8);
	--light-med-color:rgba(244,241,222,0.6);
	--light-low-color:rgba(244,241,222,0.2);
	
	--white-color:rgba(255,255,255,1.0);
	--white-hgh-color:rgba(255,255,255,0.8);
	--white-med-color:rgba(255,255,255,0.6);
	--white-low-color:rgba(255,255,255,0.2);
	
	--black-color:rgba(0,0,0,1.0);
	--black-hgh-color:rgba(0,0,0,0.8);
	--black-med-color:rgba(0,0,0,0.6);
	--black-low-color:rgba(0,0,0,0.2);
	
	--text-size:calc(16px + 0.2vw);
	--text-fix-size:17px;
	--nav-size:16px;
	
	--h1-size:;
	--h2-size:;
	--h3-size:;
	--h4-size:calc(22px + 0.2vw);
	--h5-size:;
	
	--ws-x:5%;
	--ws-x-md:40px;
	--ws-x-sm:20px;
	
	--ws-y:80px;
	--ws-y-md:40px;
	--ws-y-sm:20px;
	
	--header:80px;
	--logo:60px;
	
	--icon-sm:20px;
	--icon-md:28px;
	
	--button-size:14px;
	
}


/*===========================
TYPO
===========================*/

h1, h2, h3, h4 { font-family:"Frank Ruhl Libre", serif; } /* 400;700;900 */
h6, p, a, small, label, li, [class*='button--'], input[type=text], textarea, select { font-family:"Montserrat", Helvetica, Arial, sans-serif; } /* 400;600;900 */
h5 { font-family:"Allura", cursive; } /* 400 */

p, label, small { color:var(--white-color); }

h1 { font-size:calc(42px + 0.8vw); color:var(--white-color); line-height:1.2; font-weight:900; }

h2 { font-size:calc(36px + 0.8vw); color:var(--white-color); line-height:1.2; font-weight:900; }

h3 { font-size:calc(26px + 0.4vw); color:var(--white-color); line-height:1.2; font-weight:900; }
h5 + h3 { max-width:820px; display:inline-block; margin-top:10px; }

h4 { font-size:var(--h4-size); color:var(--primary-color); line-height:1.2; font-weight:700; }

h5 { font-size:calc(34px + 0.4vw); font-weight:400; color:var(--primary-color); line-height:1.2; }
h2 + h5, h3 + h5 { font-size:calc(22px + 0.4vw); max-width:820px; display:block; margin:10px auto 0 auto; }

h6 { font-size:var(--text-size); font-weight:400; color:var(--white-color); line-height:1.2; }

p { font-size:var(--text-size); font-weight:400; line-height:1.4; }

small { display:block; text-transform:none; font-size:var(--text-fix-size); font-weight:400; line-height:1.4; }

a { color:var(--white-color); }
a:hover { color:var(--primary-color); }


/*===========================
HEADER
===========================*/

header { z-index:99; position:fixed; top:0; left:0; width:100%; }
.header--top { background:var(--black-hgh-color); }

header > .wrapper { height:var(--header); }
header > div > a { position:absolute; top:0; left:0; bottom:0; margin:auto; z-index:99; height:var(--logo); }
header > div > a > svg { display:block; height:var(--logo); width:auto; }
header > div > a:hover > svg .logocls { stroke:var(--white-color); }

header > div > nav { text-align:right; }
header > div > nav > div {}
header > div > nav > div > ul {}
header > div > nav > div > ul > li { display:inline-block; vertical-align:top; padding:0 30px; }
header > div > nav > div > ul > li:last-child { padding-right:0; }
header > div > nav > div > ul > li > a { display:block; position:relative; padding:30px 0; text-transform:uppercase; font-size:var(--nav-size); font-weight:600; }
header > div > nav > div > ul > li > a:after { bottom:0; left:0; right:0; margin:auto; width:0; height:3px; background:var(--primary-color); }
header > div > nav > div > ul > li > a:after { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }
header > div > nav > div > ul > li > a:hover:after, header > div > nav > div > ul > li.current > a:after { width:30px; }
header > div > nav > div > ul > li.current > a { color:var(--primary-color); }
header > div > nav > div > ul > li:first-child { display:none; }

header > div > nav > div > a { display:none; vertical-align:top; margin:0 20px; }
header > div > nav > div > a:hover { -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); }
header > div > nav > div > a > i { display:block; padding:20px; background:var(--black-color); }
header > div > nav > div > a > i > svg { fill:var(--primary-color); height:32px; width:32px; }
header > div > nav > div > a > div { display:none; }


/*===========================
HEADLINE
===========================*/

.headline { position:relative; overflow:hidden; z-index:90; overflow:hidden; background-color:var(--black-color); text-align:center; }
.headline:before { position:absolute; top:0; left:0; width:100%; height:25%; z-index:2; }
.headline:before { background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background:linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }

.headline > .wrapper { z-index:92; padding:var(--header) 0; }

.headline__title { padding:var(--ws-y) 0; margin:var(--ws-y-md) 0; }
.headline__title > h5 { -webkit-animation:customOne 0.8s ease-in-out 0s 1 normal none running; animation:customOne 0.8s ease-in-out 0s 1 normal none running; }
.headline__title > h1 { -webkit-animation:customOne 1.0s ease-in-out 0s 1 normal none running; animation:customOne 1.0s ease-in-out 0s 1 normal none running; }
.headline__title > div { -webkit-animation:customOne 1.2s ease-in-out 0s 1 normal none running; animation:customOne 1.2s ease-in-out 0s 1 normal none running; }

.headline > span { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-position:center top; }
.headline > span { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
.headline > span:before { position:absolute; bottom:0; left:0; width:100%; height:25%; z-index:2; }
.headline > span:before { background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }

/* headline-slider */
.headline-slider { position:relative; z-index:1; }
.headline-slider .owl-stage { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.headline-slider .owl-item > div { position:relative; height:100%; }
.headline-slider .owl-item > div > span { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-repeat:no-repeat; }
.headline-slider .owl-item > div > span { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; }
.headline-slider .owl-item > div > span { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; }
.headline-slider .owl-item > div > div { min-height:100vh; z-index:92; padding:var(--header) 0; max-width:1000px; }
.headline-slider .owl-item > div > div > div { padding:var(--ws-y) 0; margin:var(--ws-y-md) 0; width:100%; }


/*===========================
PAGE
===========================*/

body { background:var(--black-color); }

#page { overflow:hidden; }

main { position:relative; z-index:90; background:var(--black-color); }

.rajnai-rizling { --primary-color:rgba(114,140,153,1.0); --primary-med-color:rgba(114,140,153,0.6); --primary-low-color:rgba(114,140,153,0.2); }
.chardonnay { --primary-color:rgba(187,92,90,1.0); --primary-med-color:rgba(187,92,90,0.6); --primary-low-color:rgba(187,92,90,0.2); }
.kiralyleanyka { --primary-color:rgba(133,145,125,1.0); --primary-med-color:rgba(133,145,125,0.6); --primary-low-color:rgba(133,145,125,0.2); }
.pinot-noir-rose { --primary-color:rgba(168,125,134,1.0); --primary-med-color:rgba(168,125,134,0.6); --primary-low-color:rgba(168,125,134,0.2); }

.cserfes-cuvee { --primary-color:rgba(139,166,132,1.0); --primary-med-color:rgba(139,166,132,0.6); --primary-low-color:rgba(139,166,132,0.2); }
.cabernet-sauvignon { --primary-color:rgba(151,59,54,1.0); --primary-med-color:rgba(151,59,54,0.6); --primary-low-color:rgba(151,59,54,0.2); }
.generosa { --primary-color:rgba(184,211,201,1.0); --primary-med-color:rgba(184,211,201,0.6); --primary-low-color:rgba(184,211,201,0.2); }
.poloskei-muskotaly { --primary-color:rgba(232,197,74,1.0); --primary-med-color:rgba(232,197,74,0.6); --primary-low-color:rgba(232,197,74,0.2); }
.zengo { --primary-color:rgba(181,182,185,1.0); --primary-med-color:rgba(181,182,185,0.6); --primary-low-color:rgba(181,182,185,0.2); }
.ezerjo { --primary-color:rgba(222,185,61,1.0); --primary-med-color:rgba(222,185,61,0.6); --primary-low-color:rgba(222,185,61,0.2); }

.popup__overlay { background:var(--black-hgh-color); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; cursor:pointer; }
.popup { width:600px; max-width:96%; background:#111; text-align:center; padding:var(--ws-y-md) var(--ws-x-sm) var(--ws-y-md) var(--ws-x-sm); margin:auto; border:2px solid var(--primary-color); }
.popup > h5 { padding:var(--ws-y-md) 0; }
.popup > i { display:block; }
.popup > i > svg { display:block; height:var(--header); width:auto; margin:auto; }
.popup > [class*='button--'] { margin:10px; }


/*===========================
FOOTER
===========================*/

footer { width:100%; position:fixed; left:0; bottom:0; padding:var(--ws-y) 0 var(--ws-y-md) 0; z-index:80; background:var(--black-color); }

footer > span { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background-position:center bottom; }
footer > span { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; }

footer > div { text-align:center; }
footer > div > div > div { padding-bottom:var(--ws-y-md); }
footer > div > div > div > nav {}
footer > div > div > div > nav > a { display:block; position:relative; padding:var(--ws-y-sm) 0; font-size:var(--nav-size); font-weight:600; }
footer > div > div > div > nav > a.current { color:var(--primary-med-color); }
footer > div > div > div > nav > a > i { display:block; margin-bottom:var(--ws-y-sm); }
footer > div > div > div > nav > a > i > svg { fill:var(--primary-med-color); height:32px; width:32px; margin:auto; }
footer > div > div > div > nav > a:hover > i > svg { fill:var(--primary-color); }

footer > div > div > div > a { display:inline-block; }
footer > div > div > div > a > svg { display:block; height:var(--header); width:auto; fill:var(--primary-color); }
footer > div > div > div > a:hover > svg .logocls { stroke:var(--white-color); }
footer > div > div > div > a:hover > svg { fill:var(--white-color); }

footer > div > div > a:not(:last-child) { margin-right:10px; padding-right:10px; border-right:1px solid var(--primary-med-color); }
footer > div > div > a.current { color:var(--primary-med-color); }

footer > div > a, footer > div > p, footer > div > div > a { display:inline-block; font-size:12px; line-height:16px; margin:0; }
footer > div > a > svg { fill:var(--primary-med-color); height:16px; width:16px; margin-left:3px; }
footer > div > a > svg { -webkit-animation:throb 1.33s ease-in-out infinite; animation:throb 1.33s ease-in-out infinite; }

[class*='button--'].totop { position:fixed; bottom:50%; right:-52px; z-index:99; padding:10px; }
[class*='button--'].totop.activescrolling { right:5px; }
[class*='button--'].totop > svg { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }


/*===========================
ITEMS
===========================*/

.paraline { background:var(--primary-low-color); }

.idezet { position:relative; min-height:60vh; }
.idezet > span { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-position:left top; background-attachment:fixed; }
.idezet > span { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
.idezet > div { position:relative; z-index:3; }
.idezet:before { position:absolute; top:0; left:0; width:100%; height:25%; z-index:2; }
.idezet:before { background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background:-o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background:linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }

/* SERVICES */
.producte {}
.producte > a { margin-bottom:var(--ws-y); }
.producte > a > img { display:block; width:40%; }
.producte > a > div {}
.producte > a > div > h5 {}
.producte > a > div > p { font-size:var(--text-fix-size); margin:10px 0 0 0; }

/* SITEMAP */
.sitemap { padding:20px 0 40px 0; }
.sitemap:last-of-type { padding-bottom:0; }
.sitemap > li { display:block; border-bottom:1px solid var(--white-low-color); }
.sitemap > li:last-child { border:0; }
.sitemap > li > a { display:block; padding:20px 0; font-size:var(--text-size); }

/* CONTENT */
.content {}
.content p + h4, .content p + h5 { margin-top:var(--ws-y-md); }
.flex-start { display:flex; display:-webkit-flex; align-items:flex-start; -webkit-align-items:flex-start; }
.flex-start > img { display:inline-block; width:40%; }
.content > ul { margin:var(--ws-y-md) 0; }
.content > ul:last-child { margin-bottom:-10px; }
.content > ul > li { display:block; padding:10px 10px 10px 20px; position:relative; font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--white-color); }
.content > ul > li:before { top:2px; left:0; bottom:2px; width:4px; height:auto; background:var(--primary-color); }

/* processList */
.processList {}
.processList > li { text-align:center; margin-bottom:var(--ws-y-md); }
.processList > li > i--- { display:inline-block; padding-bottom:var(--ws-y-sm); }
.processList > li > i > svg--- { height:var(--icon-xl); width:var(--icon-xl); }
.processList > li > p { margin-bottom:0; font-size:var(--text-fix-size); }
.processList > li > h6 { color:var(--primary-color); text-transform:uppercase; font-weight:600; }

/* FAQ */
.faq {}
.faq > li { display:block; position:relative; padding:var(--ws-y-sm) 0; margin-bottom:var(--ws-y-sm); z-index:2; overflow:hidden; }
.faq > li:last-child { margin:0; }
.faq > li > h4 { padding-left:calc(var(--ws-x-sm) + var(--icon-sm) + var(--ws-x-sm)); }
.faq > li > div { display:none; padding:var(--ws-y-sm) var(--ws-x-sm) 0 var(--ws-x-sm); }
.faq > li > div > p:last-of-type { margin-bottom:0; }
.faq > li > input[type=checkbox] + label { position:absolute; top:var(--ws-y-sm); left:0; width:100%; height:calc(var(--h4-size) * 1.2); cursor:pointer; }
.faq > li > input[type=checkbox] + label > i { position:absolute; top:0; bottom:0; margin:auto; left:var(--ws-y-sm); height:var(--icon-sm); }
.faq > li > input[type=checkbox] + label > i > svg { fill:var(--primary-color); height:var(--icon-sm); width:var(--icon-sm); }
.faq > li > input[type=checkbox]:checked + label > i { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.faq > li > input[type=checkbox]:checked ~ div { display:block; }
.faq > li > input[type=checkbox]:checked ~ h5 { font-weight:600; color:var(--primary-color); }
.faq > li > input[type=checkbox]:checked ~ div:after { background:var(--secondary-low-color); top:0; left:0; width:100%; height:100%; z-index:-1; }

/* productList */
.productList {}
.productList > a { margin-bottom:var(--ws-y); display:flex; display:-webkit-flex; padding:0 var(--ws-x-md); }
.productList > a:last-child { margin-bottom:0; }
.productList > a > span { flex:1; -ms-flex:1; display:block; }
.productList > a > span > img { display:block; width:100%; }
.productList > a > div { flex:2; -ms-flex:2; padding-left:var(--ws-x-md); }
.productList > a > div > div {}
.productList > a > div > div > h5 {}
.productList > a > div > div > p { margin-bottom:0; }
.productList > a > div > div > span { margin-top:var(--ws-y-md); }
.productList > a:nth-of-type(even) > span { order:2; }
.productList > a:nth-of-type(even) > div { padding:0 var(--ws-x-md) 0 0; }

/* GALLERY */
.gallery > a { padding:2px; }
.gallery > a > img { display:block; width:100%; }
.gallery > a:hover { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.gallery > a:not(:hover) { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); }

/* MAPS */
#maps { height:50vh; min-height:400px; width:100%; position:relative; }
.leaflet-popup-content h4, .leaflet-popup-content small { color:var(--black-color); }

/* CONTACT */
.contactInfo { padding:0 var(--ws-x); margin:0 var(--ws-x); }
.contactInfo > a { padding:var(--ws-y-sm) 0; }
.contactInfo > a > i { display:inline-block; margin-right:var(--ws-x-sm); padding-right:5px; }
.contactInfo > a > i > svg { fill:var(--primary-color); height:var(--icon-md); width:var(--icon-md); }
.contactInfo > a:hover > i > svg { fill:var(--primary-color); }
.contactInfo > a > div { font-size:var(--text-fix-size); font-weight:400; line-height:1.4; }
.contactInfo > a > div > h6 { color:var(--primary-color); text-transform:uppercase; }

/* VEGYES */
.productList > a:hover > span, footer > div > div > div > nav > a:hover > i, .producte > a:hover > img
{ -webkit-animation:levitation 2s ease-in-out infinite; animation:levitation 2s ease-in-out infinite; }

header, .faq > li > input[type=checkbox] + label > i, footer > div > div > div > nav > a > i, footer > div > div > div > nav > a > i > svg, .contactInfo > a > i > svg, .logocls, footer > div > div > div > a > svg
{ -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }


/*===========================
FORM
===========================*/

.contactForm { padding:0 var(--ws-x); }
.contactForm > ul { padding-bottom:var(--ws-y-sm); }
.contactForm > ul > li { margin-bottom:var(--ws-y-sm); }
.contactForm > ul > li > label { display:none; }
.contactForm > h6 {}

input[type=text], textarea, [data-type="select"]:before { background:0; border:0; padding-left:0; border-bottom:1px solid var(--primary-color); vertical-align:top; color:var(--white-color); }
input[type=text], textarea, [data-type="select"]:before { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; }
select { padding-left:0; color:var(--white-color); }
.error-input { border-top:0!important; border-left:0!important; border-right:0!important; }

[data-type="select"]:after { border:0; bottom:10px; width:16px; height:16px; right:10px; background-size:16px 16px; content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDEuMCkiPjxwb2x5Z29uIHBvaW50cz0iMjI1LjgxMyw0OC45MDcgMTI4LDE0Ni43MiAzMC4xODcsNDguOTA3IDAsNzkuMDkzIDEyOCwyMDcuMDkzIDI1Niw3OS4wOTMiLz48L3N2Zz4='); }

:-webkit-input-placeholder { color:var(--white-color); }
::-webkit-input-placeholder { color:var(--white-color); }
:-moz-placeholder { color:var(--white-color); }
::-moz-placeholder { color:var(--white-color); }
:-ms-input-placeholder { color:var(--white-color); }
::-ms-input-placeholder { color:var(--white-color); }
:placeholder-shown { color:var(--white-color); }


/*===========================
BUTTONS
===========================*/

.button--primary { background:var(--primary-color); border-color:var(--primary-color); color:var(--black-color); }
.button--primary:hover { background:var(--primary-med-color); border-color:var(--primary-med-color); color:var(--black-color); }
.button--primary > svg, .button--primary:hover > svg { fill:var(--black-color); }

.button--secondary { background:0; border-color:var(--primary-color); color:var(--primary-color); }
.button--secondary > svg { fill:var(--primary-color); }
.button--secondary:hover { background:0; border-color:var(--white-color); color:var(--white-color); }
.button--secondary:hover > svg { fill:var(--white-color); }

[class*='button--'].with-icon--right > svg { margin-left:15px; }
[class*='button--'].with-icon--left > svg { margin-right:15px; }

[class*='button--'] { border-width:2px; font-weight:600; font-size:var(--button-size); line-height:1.4; padding:var(--button-size) calc(var(--button-size) * 2); }
[class*='button--'] > svg { width:calc(var(--button-size) * 1.4); height:calc(var(--button-size) * 1.4); }
[class*='button--'] > svg { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; -ms-transition:0.5s ease-out; transition:0.5s ease-out; }

[class*='button--']:not(.totop):hover > svg, .contactInfo > a:hover > i > svg { -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -o-transform:translateX(20%); -ms-transform:translateX(20%); transform:translateX(20%); }
[class*='button--']:not(.totop):hover { box-shadow:0 20px 38px rgba(0,0,0,0.16); }
[class*='button--']:not(.totop):hover { -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); transform:translateY(-3px); }


/*===========================
MOBIL NAV
===========================*/

[data-action='nav-button'] { display:none; position:absolute; top:0; bottom:0; margin:auto; right:0; z-index:99; width:30px; height:20px; cursor:pointer; }
[data-action='nav-button'] span { position:absolute; left:0; height:2px; width:100%; background:var(--primary-color); }
[data-action='nav-button']:hover span { background:var(--primary-color); }
[data-action='nav-button'].active span { background:var(--primary-color); }
[data-action='nav-button'] span { -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; -ms-transition:.25s ease-in-out; transition:.25s ease-in-out; }
[data-action='nav-button'] span:nth-child(1) { top:0; }
[data-action='nav-button'] span:nth-child(2) { top:0; bottom:0; margin:auto; }
[data-action='nav-button'] span:nth-child(3) { bottom:0; }
[data-action='nav-button'].active span:nth-child(1) { -webkit-transform:translateY(10px) translateY(-50%) rotate(45deg); -moz-transform:translateY(10px) translateY(-50%) rotate(45deg); -o-transform:translateY(10px) translateY(-50%) rotate(45deg); -ms-transform:translateY(10px) translateY(-50%) rotate(45deg); transform:translateY(10px) translateY(-50%) rotate(45deg); }
[data-action='nav-button'].active span:nth-child(2) { opacity:0; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }
[data-action='nav-button'].active span:nth-child(3) { -webkit-transform:translateY(-10px) translateY(50%) rotate(-45deg); -moz-transform:translateY(-10px) translateY(50%) rotate(-45deg); -o-transform:translateY(-10px) translateY(50%) rotate(-45deg); -ms-transform:translateY(-10px) translateY(50%) rotate(-45deg); transform:translateY(-10px) translateY(50%) rotate(-45deg); width:100%; }

.open { -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }


/*===========================
KEYFRAMES
===========================*/

@-webkit-keyframes text-focus-in { 0% { -webkit-filter:blur(12px); filter:blur(12px); opacity:0; } 100% { -webkit-filter:blur(0px); filter:blur(0px); opacity:1; }}
@keyframes text-focus-in { 0% { -webkit-filter:blur(12px); filter:blur(12px); opacity:0; } 100% { -webkit-filter:blur(0px); filter:blur(0px); opacity:1; }}

@-webkit-keyframes throb { 0%,100% { -webkit-transform:scale(1); } 50% { -webkit-transform:scale(.8); } }
@keyframes throb { 0%,100% { transform:scale(1); } 50% { transform:scale(.8); } }

@-webkit-keyframes customOne{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes customOne{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes levitation {0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes levitation {0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}


/*===========================
RESPONSIVE
===========================*/

@media (max-width: 1300px) {

.wrapper { width:96%; }

}

@media (max-width: 1024px) {

header > div > nav > div > ul > li { padding:0 10px; }

footer > div > div > div > nav > a:nth-child(3) { display:none; }

.contactInfo { margin:0; }

}

@media (max-width: 768px) {

:root {
	--ws-y:60px;
	--ws-y-md:30px;
	--text-fix-size:16px;
	--nav-size:14px;
	--button-size:13px;
}

.wrapper { width:92%; }

[data-action='nav-button'] { display:block; }

header > div > nav { position:fixed; top:0; bottom:0; left:0; width:100%; z-index:92; padding-top:var(--header); text-align:center; background:var(--black-color); }
header > div > nav { display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; }
header > div > nav { transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); }
header > div > nav { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }

header > div > nav > div { width:100%; }
header > div > nav > div > ul { margin-bottom:var(--header); }
header > div > nav > div > ul > li, header > div > nav > div > ul > li:last-child { display:block; padding:0; }
header > div > nav > div > ul > li > a { padding:15px 0; font-size:calc(16px + 0.2vw); }
header > div > nav > div > ul > li > a:after { top:0; right:inherit; }
header > div > nav > div > a { display:inline-block; }

.contactInfo { margin-top:var(--ws-y); }

.idezet > span { background-attachment:inherit; }

.productList > a { padding:0; }
.productList > a > div > div > p { font-size:var(--text-fix-size); }

}

@media (max-width: 480px) {

header > div > nav > div > a { margin:0 10px; }
header > div > nav > div > a > i { padding:15px; }
header > div > nav > div > a > i > svg { height:24px; width:24px; }

h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:18px; }
h5 { font-size:30px; }

footer { min-height:100vh; }
footer > .wrapper { position:absolute; bottom:var(--ws-y-md); left:0; right:0; margin:auto; }

[class*='button--'].totop { bottom:5px; }

.flex-start > img { display:block; width:60%; margin:auto; }
.flex-start { display:block; }
.content > div { text-align:center; }

.productList > a {}
.productList > a > span { flex:2; -ms-flex:2; padding-top:var(--ws-y-md); }
.productList > a > div { flex:3; -ms-flex:3; padding-left:0; }
.productList > a:nth-of-type(even) > div { padding:0; }

.faq > li > input[type=checkbox] + label > i > svg { height:calc(var(--icon-sm) * 0.8); width:calc(var(--icon-sm) * 0.8); }
.faq > li > input[type=checkbox] + label > i { height:calc(var(--icon-sm) * 0.8); }

:root {
	--h4-size:16px;
	--ws-y:40px;
	--header:60px;
	--logo:40px;
	--text-size:14px;
	--text-fix-size:14px;
	--button-size:10px;
}

}


/*===========================
OWL
===========================*/

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{display:block;clear:both;visibility:hidden;}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}

@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

.owl-dots { position:absolute; bottom:var(--ws-y-md); left:0; width:100%; text-align:center; }
.owl-dot { display:inline-block; zoom:1; }
.owl-dot span { width:12px; height:12px; margin:0 7px; background:0; border:2px solid var(--white-color); display:block; cursor:pointer; -webkit-backface-visibility:visible; }
.owl-dot span { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; }
.owl-dot.active span, .owl-dot:hover span { border:2px solid var(--primary-color); }

.owl-nav { position:absolute; bottom:var(--header); left:0; width:100%; text-align:center; z-index:99; }
.owl-nav > button[type=button] { padding:13px; background:0; border:2px solid var(--white-color); display:inline-block; vertical-align:top; margin:0 20px; }
.owl-nav > button[type=button]:not(.disabled):hover { border-color:var(--primary-color); }
.owl-nav > button[type=button] > svg { fill:var(--white-color); height:20px; width:20px; }
.owl-nav > button[type=button]:not(.disabled):hover > svg { fill:var(--primary-color); }
.owl-nav > .disabled { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; cursor:default; }