@charset "utf-8";

:root {
	--primary-color:rgba(56,202,222,1.0);
	--primary-hgh-color:rgba(56,202,222,0.8);
	--primary-med-color:rgba(56,202,222,0.6);
	--primary-low-color:rgba(56,202,222,0.2);
	--primary-elw-color:rgba(56,202,222,0.07);
	
	--tertiary-color:rgba(255,147,38,1.0);
	--tertiary-hgh-color:rgba(255,147,38,0.8);
	--tertiary-med-color:rgba(255,147,38,0.6);
	--tertiary-low-color:rgba(255,147,38,0.2);
	
	--light-color:rgba(247,250,255,1.0);
	--light-hgh-color:rgba(247,250,255,0.8);
	--light-med-color:rgba(247,250,255,0.6);
	--light-low-color:rgba(247,250,255,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);
	
	--dark-color:rgba(47,47,47,1.0);
	--dark-hgh-color:rgba(47,47,47,0.8);
	--dark-med-color:rgba(47,47,47,0.6);
	--dark-low-color:rgba(47,47,47,0.2);
	
	--red-color:rgba(247,69,83,1.0);
	--red-low-color:rgba(247,69,83,0.2);
	
	--text-size:calc(16px + 0.2vw);
	--text-fix-size:18px;
	--text-min-size:15px;
	--nav-size:16px;
	
	--h1-size:calc(36px + 0.8vw);
	--h2-size:calc(20px + 0.4vw);
	--h3-size:calc(36px + 0.8vw);
	--h4-size:calc(20px + 0.20vw);
	--h5-size:calc(18px + 0.25vw);
	
	--ws-x:5%;
	--ws-x-md:40px;
	--ws-x-sm:20px;
	--ws-x-xs:10px;
	
	--ws-y:80px;
	--ws-y-md:40px;
	--ws-y-sm:20px;
	--ws-y-xs:10px;
	
	--header:80px;
	--logo:60px;
	--wrapper:98%;
	--rds-md:14px;
	
	--icon-sm:20px;
	--icon-lg:100px;
	--search:200px;
	
}


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

h1, h2, h3, h4, [class*='button--'] { font-family:"Open Sans", Helvetica, Arial, sans-serif; }
h5, h6, p, a, small, ul > li, label, input, select, .sugo > div, textarea { font-family:"Quicksand", Helvetica, Arial, sans-serif; }

h1 { font-size:var(--h1-size); color:var(--dark-color); line-height:1.2; font-weight:800; text-transform:uppercase; }

h2 { font-size:var(--h2-size); color:var(--dark-color); line-height:1.2; font-weight:800; position:relative; padding-bottom:20px; text-transform:uppercase; }
h2:after { bottom:0; left:0; width:60px; height:5px; background:var(--primary-color); }
.center h2:after { right:0; margin:auto; }

h3 { font-size:var(--h3-size); color:var(--dark-color); line-height:1.2; font-weight:800; }

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

h5 { font-size:var(--h5-size); font-weight:400; color:var(--dark-color); line-height:1.2; }

h1 + h5, h3 + h5 { margin-top:10px; max-width:820px; display:inline-block; }

h6 { font-size:var(--text-size); font-weight:600; color:var(--dark-color); line-height:1.2; text-transform:uppercase; }

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

small { display:block; text-transform:none; font-weight:600; color:var(--dark-color); }

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


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

header { z-index:99; position:fixed; top:0; left:0; width:100%; }
.header--top { background:var(--light-color); }
.header--index { background:var(--white-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 > nav { margin-left:auto; }
header > div > nav > div > ul > li { display:inline-block; vertical-align:top; padding:0 var(--ws-x-xs); }
header > div > nav > div > ul > li:last-child { padding-right:0; }
header > div > nav > div > ul > li > a { display:block; position:relative; padding:var(--ws-y-sm) 0; font-size:var(--nav-size); font-weight:600; }
header > div > nav > div > ul > li:not(:last-child) > a:after { top:0; left:0; width:0; height:3px; background:var(--primary-color); }
header > div > nav > div > ul > li > a:hover:after, header > div > nav > div > ul > li.current > a:after { width:100%; }
header > div > nav > div > ul > li.current > a { color:var(--primary-color); }
header > div > nav > div > ul > li:last-child > a { border:2px solid var(--primary-color); padding:var(--ws-y-xs) var(--ws-x-sm); margin:8px 0; }
header > div > nav > div > ul > li:last-child > a, .searchBar { border-radius:99rem; -moz-border-radius:99rem; -webkit-border-radius:99rem; -khtml-border-radius:99rem; -o-border-radius:99rem; }
header > div > nav > div > ul > li:last-child > a:hover, header > div > nav > div > ul > li.current:last-child > a { background:var(--primary-low-color); }

header > div > nav > div > a { display:none; vertical-align:top; margin:0 20px; }
header > div > nav > div > a > i { display:block; padding:20px; background:var(--primary-color); }
header > div > nav > div > a > i > svg { fill:var(--dark-color); height:28px; width:28px; }
header > div > nav > div > a > div { display:none; }

.searchBar { width:var(--search); background:var(--primary-low-color); position:relative; margin-left:var(--ws-x-sm); }
.searchBar > div {}
.searchBar > div > i { display:inline-block; padding-left:var(--ws-x-xs); }
.searchBar > div > i > svg { fill:var(--primary-color); height:var(--icon-sm); width:var(--icon-sm); }
.searchBar > div > input { border:0; background:0; height:auto; padding:12px 10px; }
.searchBar > ul { position:absolute; top:calc(100% + 9px); right:0; z-index:999; background:var(--dark-color); padding:var(--ws-y-xs) var(--ws-x-sm); width:200%; }
.searchBar > ul:after { top:-6px; right:calc(var(--search) / 2); border-width:0 6px 6px 6px; border-style:solid dashed; border-color:var(--dark-color) transparent; }
.searchBar > ul > li { display:block; border-bottom:1px solid var(--white-low-color); width:100%; }
.searchBar > ul > li:last-child { border:0; }
.searchBar > ul > li > a { display:block; font-size:var(--nav-size); color:var(--white-color); padding:var(--ws-y-xs) 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.searchBar > ul > li > a > small { font-size:var(--text-min-size); color:var(--white-med-color); white-space:normal; }
.searchBar > ul > li > a:hover { color:var(--primary-color); }


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

.headline { position:relative; z-index:90; padding-top:var(--header); background:var(--light-color); }
.headline:before { background:var(--primary-med-color); right:0; bottom:0; height:100%; width:50%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); z-index:4; }
.headline:after { background:var(--primary-low-color); left:0; bottom:0; height:25%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); z-index:3; }

.headline--index { background:var(--white-color); }

.headline > .wrapper { z-index:92; padding-bottom:calc(var(--ws-y) * 2); padding-top:var(--ws-y); }

.headline__title, .headline__button { width:900px; max-width:100%; }

.headline__title > h1, .headline-slider .owl-item > div > div > div > h2 { -webkit-animation:fadeInUp 0.8s ease-in-out 0s 1 normal none running; animation:fadeInUp 0.8s ease-in-out 0s 1 normal none running; }
.headline__title > h5, .headline-slider .owl-item > div > div > div > h5 { -webkit-animation:fadeInUp 1.0s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.0s ease-in-out 0s 1 normal none running; }
.headline__button, .headline-slider .owl-item > div > div > div > div { -webkit-animation:fadeInUp 1.2s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.2s ease-in-out 0s 1 normal none running; }

.headline__image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-position:center top; }

.headline__title > ul { margin-top:var(--ws-y-sm); }
.headline__title > ul > li { display:block; padding:var(--ws-y-xs) 0; font-size:var(--text-fix-size); line-height:calc(var(--text-fix-size) + 10px); color:var(--dark-color); font-weight:600; }
.headline__title > ul > li > i { display:inline-block; margin-right:var(--ws-x-xs); padding:5px; background:var(--primary-color); }
.headline__title > ul > li > i > svg { height:var(--text-fix-size); width:var(--text-fix-size); fill:var(--white-color); }

.headline-slider { position:relative; z-index:5; background:var(--primary-low-color); }
.headline-slider .owl-stage { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.headline-slider .owl-item > div { position:relative; overflow:hidden; height:100%; }
.headline-slider .owl-item > div > span { position:absolute; right:0; width:100%; height:90%; bottom:-1px; z-index:1; background-position:right top; background-repeat:no-repeat; }
.headline-slider .owl-item > div > span { -webkit-background-size:auto 100%; -moz-background-size:auto 100%; background-size:auto 100%; -o-background-size:auto 100%; }
.headline-slider .owl-item > div > div { padding:var(--ws-y) 0; height:100%; }
.headline-slider .owl-item > div > div > div { position:relative; z-index:4; padding:var(--ws-y) 0; width:100%; max-width:800px; margin:var(--ws-y) 0; }
.headline-slider .owl-item > div > div > div > h2 { font-size:var(--h1-size); padding-bottom:25px; }
.headline-slider .owl-item > div > div > div > h5 { margin-top:20px; max-width:720px; }


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

#page { overflow:hidden; }

main { position:relative; z-index:91; background:var(--white-color); }

.wrapper { width:var(--wrapper); }


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

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

footer:before { background:var(--primary-low-color); right:0; bottom:0; height:100%; width:40%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); z-index:4; }
footer:after { background:var(--primary-elw-color); left:0; bottom:0; height:25%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); z-index:3; }

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

footer > div { text-align:center; z-index:5; }
footer > div > div { padding-bottom:var(--ws-y-md); }
footer > div > div > div { text-align:left; }
footer > div > div > div > nav { padding:0 var(--ws-x); }
footer > div > div > div > nav > a { display:block; position:relative; padding:10px 0; line-height:20px; font-size:var(--nav-size); font-weight:600; border-bottom:1px solid var(--primary-elw-color); }
footer > div > div > div > nav > a:last-child { border:0; }
footer > div > div > div > nav > a.current { color:var(--primary-med-color); }
footer > div > div > div > nav > a > i { position:absolute; top:0; left:0; bottom:0; margin:auto; height:20px; }
footer > div > div > div > nav > a > i > svg { fill:var(--primary-med-color); height:20px; width:20px; }
footer > div > div > div > nav > a:hover > i { left:5px; }
footer > div > div > div > nav > a:hover > i > svg { fill:var(--primary-color); }
footer > div > div > div > nav > a > div { padding-left:40px; }
#footer-contacts > nav > a { padding:22px 0; }
#footer-contacts > nav { margin-top:-12px; }

footer > div > div > div > nav > a > svg { position:absolute; top:0; right:0; bottom:0; margin:auto; fill:var(--primary-low-color); height:20px; width:20px; }
footer > div > div > div > nav > a:not(.current):hover > svg { right:-5px; fill:var(--primary-color); }
footer > div > div > div > nav > a.current > svg { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }

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

footer > div > a, footer > div > p, footer > div > nav > a { display:inline-block; font-size:12px; line-height:16px; margin:0; }
footer > div > a > svg { fill:var(--primary-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--'].button--medium.totop { position:fixed; bottom:50%; right:-82px; z-index:99; padding:10px 40px 10px 10px; margin:0; }
[class*='button--'].button--medium.totop.activescrolling { right:-30px; }
[class*='button--'].button--medium.totop > svg { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }


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

/* offerCard */
.offerCard {}
.offerCard > a { position:relative; margin-bottom:calc(var(--ws-y) + 30px); display:block; padding:var(--ws-y-md) 0 calc(var(--ws-y-md) + 30px) 0; background:var(--primary-low-color); }
.offerCard > a:before { background:var(--white-low-color); right:0; bottom:0; height:100%; width:50%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); z-index:1; }
.offerCard > a:after { background:var(--white-low-color); left:0; bottom:0; height:60%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); z-index:2; }
.offerCard > a > span { display:block; width:100%; height:300px; position:relative; overflow:hidden; z-index:2; background:var(--primary-color); }
.offerCard > a > span > span { display:block; width:100%; height:100%; }
.offerCard > a:hover > span > span { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
.offerCard > a > div { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; }
.offerCard > a > div > div { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.offerCard > a > div > div > p { position:absolute; top:-100%; left:0; width:100%; height:100%; background:var(--primary-hgh-color); padding:var(--ws-y-md); z-index:4; font-size:var(--text-fix-size); color:var(--white-color); font-weight:600; }
.offerCard > a:hover > div > div > p { top:0; }
.offerCard > a > div > span { position:absolute; bottom:-30px; left:0; width:86%; right:0; margin:auto; z-index:5; padding:20px 48px 20px 20px; background:var(--light-color); }
.offerCard > a > div > span > svg { fill:var(--primary-color); height:28px; width:28px; position:absolute; top:0; bottom:0; margin:auto; right:20px; }
.offerCard > a:hover > div > span > svg { right:13px; }
.offerCard > a > div > span > h4 { font-size:calc(14px + 0.20vw); }
.offerCard > a:hover > div > span > h4 { color:var(--primary-color); }
.offerCard > a > i { display:block; position:relative; margin:auto; width:var(--icon-lg); }
.offerCard > a > i > svg { height:var(--icon-lg); width:var(--icon-lg); position:relative; z-index:3; }
.offerCard > a > i:after { top:10px; right:-15px; width:70px; height:70px; background:var(--white-hgh-color); z-index:2; }
.offerCard > a > i:before { top:-15px; right:-40px; width:120px; height:120px; background:var(--primary-med-color); z-index:1; }
.offerCard > a:hover > i > svg { transform:translateY(-8px); -webkit-transform:translateY(-8px); -moz-transform:translateY(-8px); -o-transform:translateY(-8px); -ms-transform:translateY(-8px); }

/* FAQ */
#faq h4 { margin-bottom:var(--ws-y-md); color:var(--primary-color); text-transform:uppercase; }
.faq:not(:last-child) { margin-bottom:var(--ws-y-md); }
.faq > li { display:block; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--primary-low-color); }
.faq > li:last-child { padding:0; border:0; margin:0; }
.faq > li > h6 { padding-right:50px; text-transform:none; }
.faq > li > div { display:none; padding-top:20px; }
.faq > li > div > p:last-of-type { margin-bottom:0; }
.faq > li > input[type=checkbox] + label { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; }
.faq > li > input[type=checkbox] + label > i { position:absolute; top:0; right:0; }
.faq > li > input[type=checkbox] + label > i { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.faq > li > input[type=checkbox] + label > i > svg { fill:var(--primary-color); height:20px; width:20px; }
.faq > li > input[type=checkbox]:checked + label > i { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
.faq > li > input[type=checkbox]:checked ~ div { display:block; }
.faq > li > input[type=checkbox]:checked ~ h6 { color:var(--primary-color); }

/* PARALINE */
.paraline { background:var(--light-color); }

/* content-list */
.contentList > a { margin-bottom:var(--ws-y-md); background:var(--light-color); display:flex; display:-webkit-flex; overflow:hidden; }
.contentList > a:last-child { margin:0; }
.contentList > a > span { flex:1; -ms-flex:1; position:relative; display:block; background:var(--primary-color); overflow:hidden; }
.contentList > a > span:before { background:var(--primary-med-color); right:0; bottom:0; height:100%; width:50%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); z-index:3; }
.contentList > a > span:after { background:var(--primary-low-color); right:0; bottom:0; height:30%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); z-index:2; }
.contentList > a > span > img { display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:1; }
.contentList > a > div { padding:var(--ws-y-md); position:relative; flex:1; -ms-flex:1; overflow:hidden; }
.contentList > a > div > p { margin-bottom:0; }
.contentList > a:hover > div > h2 { color:var(--primary-color); }
.contentList > a > div > svg { position:absolute; bottom:30px; right:30px; fill:var(--primary-low-color); height:30px; width:30px; }
.contentList > a:hover > div > svg { right:15px; fill:var(--primary-color); }
.contentList > a:hover > span:before { width:100%; }
.contentList > a:hover > span:after { bottom:-30%; }
.contentList > a:hover > span > img { opacity:0.7; filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.7; }

.contentList:not(.contentList--secondary) > a:nth-of-type(odd) > span { order:2; }

.contentList--secondary > a { margin-bottom:10px; }
.contentList--secondary > a > div { flex:3; -ms-flex:3; }
.contentList--secondary > a > div > svg { bottom:0; top:0; margin:auto; }
.contentList--secondary > a > div { padding-right:calc(var(--ws-y-md) + 30px); }
.contentList--secondary > a:hover > div > h4 { color:var(--primary-color); }

/* blogList */
.blogList > a { margin-bottom:var(--ws-y-md); background:var(--light-color); overflow:hidden; position:relative; }
.blogList > a > span { position:relative; display:block; background:var(--primary-color); overflow:hidden; }
.blogList > a > span:before { background:var(--primary-med-color); right:0; bottom:0; height:100%; width:50%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); z-index:3; }
.blogList > a > span:after { background:var(--primary-low-color); right:0; bottom:0; height:30%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); z-index:2; }
.blogList > a > span > img { display:block; width:100%; position:relative; z-index:1; }
.blogList > a > div { padding:var(--ws-y-md); }
.blogList > a > div > p { margin-bottom:0; }
.blogList > a:hover > div > h2 { color:var(--primary-color); }
.blogList > a > div > svg { position:absolute; bottom:30px; right:30px; fill:var(--primary-low-color); height:30px; width:30px; }
.blogList > a:hover > div > svg { right:15px; fill:var(--primary-color); }
.blogList > a:hover > span:before { width:100%; }
.blogList > a:hover > span:after { bottom:-30%; }
.blogList > a:hover > span > img { opacity:0.7; filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.7; }

/* SITEMAP */
#htmlsitemap h4 { margin-bottom:20px; color:var(--primary-color); text-transform:uppercase; }
.sitemap:not(:last-child) { margin-bottom:20px; }
.sitemap > li { display:block; border-bottom:1px solid var(--primary-low-color); }
.sitemap > li:last-child { border:0; }
.sitemap > li > a { display:block; padding:20px 0; font-size:var(--text-size); }

/* CONTENT */
.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(--dark-color); }
.content ul:not([class*='-list']) > li:before { top:2px; left:0; bottom:2px; width:4px; height:auto; background:var(--primary-color); }
.content ul[class*='-list'] > li { padding-left:50px; }
.content ul[class*='-list'] > li > i { padding:10px; position:absolute; top:calc((((var(--text-size) * 1.4) + 20px) / 2) - 19px); left:0; z-index:2; }
.content ul[class*='-list'] > li > i > svg { height:18px; width:18px; }
.content ul.pos-list > li > i { background-color:var(--primary-low-color); }
.content ul.pos-list > li > i > svg { fill:var(--primary-color); }
.content ul.neg-list > li > i { background-color:var(--dark-low-color); }
.content ul.neg-list > li > i > svg { fill:var(--dark-med-color); }
.content ul.like-list > li > i { background-color:var(--primary-low-color); }
.content ul.like-list > li > i > svg { fill:var(--dark-color); }
.content ul.num-list > li { counter-increment:inst; }
.content ul.num-list > li > i { background-color:var(--primary-med-color); }
.content ul.num-list > li > i:before { content:counter(inst); color:var(--dark-color); height:18px; width:18px; font-size:18px; line-height:18px; font-style:normal; font-weight:600; position:relative; display:block; text-align:center; }
.content ul.num-list--center { display:inline-block; }
.content ul.num-list--center > li { font-size:var(--text-fix-size); text-align:left; }

.content > img, .content > p > img { display:block; width:100%; height:auto; padding:5px; background:var(--primary-low-color); margin:var(--ws-y-md) auto; }
.content > *:not(p) + *:not(.box) { margin-top:20px; }
.content > h4 { background:var(--primary-low-color); padding:10px 20px; }
.content > h4:not(:first-child), .content > h5:not(:first-child), .content > h6:not(:first-child) { margin-top:20px; }
.content > h6 { padding:5px 0 5px 15px; border-left:4px solid var(--primary-color); color:var(--primary-color); background:var(--light-color); }
.content > h5 { color:var(--primary-color); font-weight:600; }
.content p a { color:var(--primary-color); font-weight:600; }
.content p a:hover { color:var(--dark-color); }
.content p > b { font-weight:600; }

.content__topimage { margin-bottom:var(--ws-y-md); margin-top:calc((var(--ws-y) * 2) * -1); position:relative; overflow:hidden; }
.content__topimage > img { display:block; width:100%; height:auto; }
.content__topimage:not(.content__topimage--min):before { background:var(--white-color); right:-1px; bottom:0; height:calc(100% - var(--ws-y)); width:30%; clip-path:polygon(100% 100%, 100% 0, 0 100%); -webkit-clip-path:polygon(100% 100%, 100% 0, 0 100%); }
.content__topimage:not(.content__topimage--min):after { background:var(--white-color); right:0; bottom:-1px; height:15%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); }
.content__topimage > h4 { border:2px solid var(--red-color); background:var(--white-med-color); padding:20px; position:absolute; top:30%; left:0; width:500px; right:0; margin:auto; text-align:center; color:var(--red-color); font-size:var(--h1-size); }

.content__topimage--min { margin-bottom:0; }
.content__topimage--min:before { background:var(--light-color); left:0; bottom:-1px; height:calc(100% - (var(--ws-y) - 1px)); width:20%; clip-path:polygon(0 0, 0% 100%, 100% 100%); -webkit-clip-path:polygon(0 0, 0% 100%, 100% 100%); }
.content__topimage--min:after { background:var(--light-color); right:0; bottom:-1px; height:10%; width:100%; clip-path:polygon(50% 0, 0 100%, 100% 100%); -webkit-clip-path:polygon(50% 0, 0 100%, 100% 100%); }

.content__publisher { background-color:var(--primary-low-color); margin-top:var(--ws-y); padding:20px 2%; position:relative; }
.content__publisher > div > div { display:inline-block; }
.content__publisher > div > div > p { font-size:var(--text-fix-size); margin:0; }
.content__publisher > div > span { display:inline-block; margin-left:auto; white-space:nowrap; }

/* VIDEO */
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-container { padding:5px; background:var(--primary-low-color); margin:var(--ws-y-md) auto; }


.title-section { background:var(--primary-low-color); padding:var(--ws-y-md) 0; margin-bottom:var(--ws-y); position:relative; }
.title-section:before { background:var(--primary-med-color); left:100%; top:0; width:200%; height:100%; z-index:1; }
.title-section:after { background:var(--primary-low-color); right:100%; top:0; width:200%; height:100%; z-index:1; }

.center > h3, .elakadtal-box > div > h3 { color:var(--primary-color); }

.box { position:relative; padding:var(--ws-y) var(--ws-x); margin-top:var(--ws-y); background:var(--primary-low-color); }
.box:before { background:var(--primary-low-color); left:100%; top:0; width:200%; height:100%; z-index:1; }
.box:after { background:var(--primary-med-color); right:100%; top:0; width:200%; height:100%; z-index:1; }
.box > h2 { color:var(--primary-color); }

.elakadtal-box { position:relative; background:var(--light-color); padding:var(--ws-y-md) 42% var(--ws-y-md) 2%; }
.elakadtal-box > img { width:40%; position:absolute; bottom:0; right:-200px; z-index:4; }
.elakadtal-box > div { position:relative; z-index:5; }
.elakadtal-box > div > h3 {}
.elakadtal-box > div > h5 {}
.elakadtal-box:before { background:var(--light-color); left:100%; top:0; width:200%; height:100%; z-index:1; }
.elakadtal-box:after { background:var(--primary-med-color); right:100%; top:0; width:200%; height:100%; z-index:1; }

/* CONTACT */
.contact-info { padding:var(--ws-y) var(--ws-x); position:relative; background:var(--primary-color); margin-top:calc(var(--ws-y) * -1); }
.contact-info:before { background:var(--primary-hgh-color); left:100%; top:0; bottom:0; width:200%; height:auto; z-index:1; }
.contact-info > a { padding:20px 0; border-bottom:1px solid var(--dark-low-color); position:relative; z-index:5; }
.contact-info > a:last-of-type { border:0; }
.contact-info > a > i { display:inline-block; margin-right:20px; }
.contact-info > a > i > svg { fill:var(--dark-color); height:28px; width:28px; }
.contact-info > a:hover > i > svg { fill:var(--dark-med-color); }
.contact-info > a > div { font-size:var(--text-fix-size); font-weight:600; line-height:1.4; color:var(--dark-color); }

/* partnerek-slider */
.partnerek-slider .owl-stage-outer { margin-left:1px; }
.partnerek-slider .owl-item > div { position:relative; }
.partnerek-slider .owl-item > div:after { top:0; right:0; width:1px; height:100%; background:var(--dark-low-color); }
.partnerek-slider .owl-item > div > span { height:60px; width:100%; }
.partnerek-slider .owl-item > div > span > img { display:block; margin:auto; height:auto; width:auto; max-height:60px; max-width:120px; }
.partnerek-slider .owl-item:not(.center) > div > span > img { -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.partnerek-slider .owl-item:not(.center) > div > span > img { opacity:0.5; filter:alpha(opacity=50); -khtml-opacity:0.5; -moz-opacity:0.5; }


#kalkulator { background:var(--primary-low-color); padding:20px; }
.box-fixed { z-index:99; position:fixed; bottom:0; left:0; width:100%; background:var(--light-hgh-color); padding:15px 0; }

/* MAPS */
#maps { height:40vh; min-height:500px; width:100%; position:relative; }

/* VEGYES */
.contentList > a, .offerCard > a, .content > h4, .blogList > a, .content__publisher, .content__topimage > h4, .jelzalog-form h4, [data-unit] > .input-unit, .sugo > div, .jelzalog-form, .orderForm
{ border-radius:var(--rds-md); -moz-border-radius:var(--rds-md); -webkit-border-radius:var(--rds-md); -khtml-border-radius:var(--rds-md); -o-border-radius:var(--rds-md); }

.contentList > a:hover, .blogList > a:hover
{ box-shadow:0 0 20px 5px var(--dark-low-color); -webkit-box-shadow:0 0 20px 5px var(--dark-low-color); }

.contentList > a:hover, [class*='button--']:not(.circle):hover, header > div > nav > div > a:hover, .blogList > a:hover
{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); }

.offerCard > a > div > div > p, .offerCard > a > div > span > svg, .contentList > a > div > h2, .contentList > a > div > svg, header, .faq > li > input[type=checkbox] + label > i, [class*='button--'] > svg, footer > div > div > div > nav > a > i, footer > div > div > div > nav > a > i > svg, footer > div > div > div > nav > a > svg, header > div > nav > div > ul > li > a:after, .contact-info > a > i > svg, .offerCard > a > div > span > h4, .offerCard > a > span > span, .owl-dot span, .contentList > a > span:after, .contentList > a > span:before, .contentList > a > span > img, .blogList > a > div > h2, .blogList > a > div > svg, .blogList > a > span:after, .blogList > a > span:before, .blogList > a > span > img, .offerCard > a > i > 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; }

.offerCard > a > i:after, .offerCard > a > i:before, .sugo > input[type=checkbox] + label > i, input[type="checkbox"] + label span
{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -o-border-radius:50%; }


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

.contact-form > ul { padding-bottom:25px; }
.contact-form > ul > li { margin-bottom:25px; }
.contact-form > ul > li > label { display:none; }
.contact-form > h6 { text-align:center; }

.jelzalog-form { max-width:700px; margin:auto; background:var(--light-color); padding:40px; }
.jelzalog-form h4 { background:var(--primary-low-color); padding:10px 20px; position:relative; overflow:hidden; text-transform:uppercase; }
.jelzalog-form h4 > span { background:var(--primary-color); color:var(--white-color); padding:10px; position:absolute; top:0; right:0; }
.jelzalog-form > ul > li > label { display:block; }
.jelzalog-form label > a { color:var(--primary-color); text-decoration:underline; }
.jelzalog-form label > a:hover { color:var(--dark-color); }
.jelzalog-form select { color:var(--dark-med-color); }

.orderForm { max-width:700px; margin:auto; background:var(--light-color); padding:40px; }
.orderForm > ul { padding-bottom:25px; }
.orderForm > ul > li { margin-bottom:25px; }
.orderForm > ul > li > label {}
.orderForm select { color:var(--dark-med-color); }

.sugo { position:relative; }
.sugo > div { display:none; font-size:var(--text-fix-size); font-weight:400; line-height:1.4; background:var(--primary-low-color); padding:15px; margin-bottom:15px; }
.sugo > input[type=checkbox] + label { position:absolute; top:0; left:-52px; }
.sugo > input[type=checkbox] + label > i { display:inline-block; padding:8px; background:var(--primary-color); cursor:pointer; }
.sugo > input[type=checkbox] + label > i:hover, .sugo > input[type=checkbox]:checked + label > i { background:var(--dark-color); }
.sugo > input[type=checkbox] + label > i > svg { fill:var(--white-color); height:16px; width:16px; }
.sugo > input[type=checkbox]:checked ~ div { display:block; }

input[type=text], textarea, [data-type="select"]:before { background:0; border:0; padding-left:0; border-bottom:1px solid var(--primary-med-color); vertical-align:top; }
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; }
input[type="checkbox"]:checked + label span:before { color:var(--primary-color); }
input[type="checkbox"] + label span { background:var(--primary-low-color); }

input, textarea, select, label, [data-unit] > .input-unit { font-weight:600; color:var(--dark-color); letter-spacing:normal; }

.error-response { border-radius:.3rem; -moz-border-radius:.3rem; -webkit-border-radius:.3rem; -o-border-radius:.3rem; }
.error-input { border-top:0!important; border-left:0!important; border-right:0!important; }

[data-unit] > .input-unit { background:var(--primary-low-color); border-bottom-left-radius:0; border-bottom-right-radius:0; }

[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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJyZ2JhKDIyLDMyLDU1LDEuMCkiPjxwb2x5Z29uIHBvaW50cz0iMjI1LjgxMyw0OC45MDcgMTI4LDE0Ni43MiAzMC4xODcsNDguOTA3IDAsNzkuMDkzIDEyOCwyMDcuMDkzIDI1Niw3OS4wOTMgIi8+PC9zdmc+'); }


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

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

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

.button--tertiary { background:var(--tertiary-color); border-color:var(--tertiary-color); color:var(--white-color); }
.button--tertiary:hover { background:var(--dark-color); border-color:var(--dark-color); color:var(--white-color); }
.button--tertiary:hover > svg { fill:var(--white-color); }

.button--tertiaryB { background:0; border-color:var(--tertiary-color); color:var(--tertiary-color); }
.button--tertiaryB:hover { background:0; border-color:var(--dark-color); color:var(--dark-color); }
.button--tertiaryB > svg { fill:var(--tertiary-color); }
.button--tertiaryB:hover > svg { fill:var(--dark-color); }

[class*='button--'].button--facebook { background:#4267B2; border-color:#4267B2; }
[class*='button--'].button--facebook:hover { background:var(--white-color); border-color:var(--white-color); color:#4267B2; }
[class*='button--'].button--facebook:hover > svg { fill:#4267B2; }

[class*='button--'].button--medium { padding:10px 25px; }
[class*='button--'].circle { padding:10px; }

[class*='button--'] { padding:10px 15px; text-transform:none; border-width:2px; font-weight:800; }
[class*='button--']:not(.circle):not(.totop):hover > svg, .contact-info > 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(.circle):not(.totop):hover { box-shadow:0 20px 38px var(--dark-low-color); -webkit-box-shadow:0 20px 38px var(--dark-low-color); }

[class*='button--'] + [class*='button--'] { margin-left:20px; }


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

[data-action='nav-button'] { display:none; position:relative; 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(--dark-color); }
[data-action='nav-button'].active span { background:var(--dark-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 fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{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: 1700px) {

.headline-slider .owl-item > div > span { height:75%; }
.elakadtal-box > img { right:-100px; }

}

@media (max-width: 1500px) {

.headline-slider .owl-item > div > span { height:80%; }
.headline-slider .owl-item > div > div > div { margin:0; padding-top:0; }
.headline-slider .owl-item > div > div > div > h5 { max-width:620px; }
.elakadtal-box > img { right:0; }

}

@media (max-width: 1300px) {

.headline-slider .owl-item > div > div > div > h5 { max-width:580px; }

:root {
	--ws-y:60px;
	--ws-y-md:30px;
	--ws-x-md:30px;
	--wrapper:96%;
	--nav-size:15px;
}

}

@media (max-width: 1250px) {

:root {
	--search:160px;
}

}

@media (max-width: 1200px) {

header > div > nav > div > ul > li { padding:0 6px; }
.headline-slider .owl-item > div > div > div {}
.headline-slider .owl-item > div > span { height:70%; }

}

@media (max-width: 1150px) {

:root {
	--search:200px;
}

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

header > div > nav { position:fixed; top:0; bottom:0; left:0; width:100%; z-index:92; text-align:center; background:var(--white-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%; padding-top:var(--header); }
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:18px; }
header > div > nav > div > ul > li > a:after { width:0; bottom:0; margin:auto; }
header > div > nav > div > ul > li > a:hover:after, header > div > nav > div > ul > li.current > a:after { width:40px; }
header > div > nav > div > ul > li:last-child > a { display:inline-block; }
header > div > nav > div > a { display:inline-block; }

.searchBar { margin-left:auto; }
.searchBar > div > input { padding:10px; }
header > div > span > span { display:inline-block; position:relative; padding-left:var(--ws-x-md); }

}

@media (max-width: 1024px) {

.headline-slider .owl-item > div > span { height:60%; }
.headline-slider .owl-item > div > div > div > h5 { max-width:520px; }

#footer-products { display:none; }

.elakadtal-box { padding-right:36%; }

}

@media (max-width: 768px) {

:root {
	--text-fix-size:16px;
	--nav-size:14px;
	--wrapper:94%;
}

.headline-slider .owl-item > div > span { height:50%; }

#footer-contacts > nav > a { padding:10px 0; }
#footer-contacts > nav > a:first-child { border-top:1px solid var(--primary-elw-color); }
#footer-contacts > nav { margin:0; }
#footer-contacts > nav > a > div > div { display:none; }

.contact-form { max-width:560px; margin-left:auto; margin-right:auto; display:block; float:none; }
.contact-info { margin-top:var(--ws-y); padding:0 20px; }

#kalkulator { background:0; padding:20px 0; }

.elakadtal-box { padding-right:0; text-align:center; }
.elakadtal-box > img { height:100px; width:auto; }
.elakadtal-box > div > h3 { font-size:calc(var(--h3-size) * 0.7); }

[class*='button--'].button--medium { font-size:14px; line-height:20px; padding:10px 15px; }
[class*='button--'].button--medium > svg { width:20px; height:20px; }
[class*='button--'] + [class*='button--'] { margin-left:15px; }

.contentList:not(.contentList--secondary) > a { display:block; }

.searchBar { margin:auto; }
.searchBar > ul { right:-40%; width:180%; }
.searchBar > ul:after { left:0; right:0; margin:auto; }

header > div { padding-left:30px; }
header > div > span > span { padding-left:0; }

}

@media (max-width: 480px) {

h1 + h5, h2 + h5 { margin-top:5px; }
.offerCard > a > div > span > h4 { font-size:var(--h4-size); }

.headline-slider .owl-item > div > div { padding:20px 0 300px 0; }
.headline-slider .owl-item > div > div > div { text-align:center; padding:0; }
.headline-slider .owl-item > div > span { height:240px; background-position:center bottom; bottom:40px; }
.headline-slider .owl-dots { bottom:0; background:#fff; padding:10px 0; }
.headline-slider h2:after { right:0; margin:auto; }

.headline:before, footer:before { height:70%; width:60%; }

.headline > .wrapper { text-align:center; }

footer { padding:0; height:100vh; }
footer > div > div > div > nav > a > div { padding-left:35px; }
footer > .wrapper { position:absolute; bottom:10px; left:4%; }
#footer-contacts > nav > a, footer > div > div > div > nav > a { padding:9px 0; }
footer > div > nav > a:last-child { display:none; }
footer > div > nav > a:nth-child(4) { border:0; }

.offerCard > a { padding-top:30px; }

[class*='button--'].button--medium.totop { bottom:0; }

.partnerek-slider .owl-item > div > span { height:50px; }
.partnerek-slider .owl-item > div > span > img { max-height:50px; max-width:100px; }

.elakadtal-box > img { height:80%; }
.elakadtal-box > img { opacity:0.1; filter:alpha(opacity=10); -khtml-opacity:0.1; -moz-opacity:0.1; }

:root {
	--ws-y:30px;
	--ws-y-md:20px;
	--ws-x-md:20px;
	--wrapper:92%;
	--header:50px;
	--logo:40px;
	--text-size:15px;
	--h1-size:24px;
	--h2-size:20px;
	--h3-size:26px;
	--h4-size:16px;
	--h5-size:16px;
	--icon-lg:70px;
}

}

@media (max-width: 375px) {

[class*='button--'].button--medium { font-size:14px; line-height:18px; padding:10px; }
[class*='button--'].button--medium > svg { width:18px; height:18px; }

}

@media (max-width: 320px) {

[class*='button--'] + [class*='button--'] { margin:15px 15px 0 15px; }

}


/*===========================
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{-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; right:0; margin:auto; width:var(--wrapper); max-width:1300px; }
.owl-dot { display:inline-block; zoom:1; }
.owl-dot span { width:12px; height:12px; margin:0 7px; background:var(--primary-med-color); display:block; cursor:pointer; -webkit-backface-visibility:visible; }
.owl-dot span { border-radius:99rem; -moz-border-radius:99rem; -webkit-border-radius:99rem; -khtml-border-radius:99rem; -o-border-radius:99rem; }
.owl-dot.active span, .owl-dot:hover span { background:var(--primary-color); }
.owl-dot.active span { width:30px; }

@media (max-width: 768px) {
	
.owl-dots { text-align:center; }

}