@charset "utf-8";

:root {
	--primary-color:rgba(3,105,144,1.0);
	--primary-hgh-color:rgba(3,105,144,0.8);
	--primary-med-color:rgba(3,105,144,0.6);
	--primary-low-color:rgba(3,105,144,0.2);

	--secondary-color:rgba(57,179,193,1.0);
	--secondary-hgh-color:rgba(57,179,193,0.8);
	--secondary-med-color:rgba(57,179,193,0.6);
	--secondary-low-color:rgba(57,179,193,0.2);
	
	--tertiary-color:rgba(145,193,67,1.0);
	--tertiary-hgh-color:rgba(145,193,67,0.8);
	--tertiary-med-color:rgba(145,193,67,0.6);
	--tertiary-low-color:rgba(145,193,67,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(2,2,3,1.0);
	--dark-hgh-color:rgba(2,2,3,0.8);
	--dark-med-color:rgba(2,2,3,0.6);
	--dark-low-color:rgba(2,2,3,0.2);
	
	--text-size:calc(16px + 0.2vw);
	--text-fix-size:18px;
	--nav-size:16px;
	
	--ws-x:5%;
	--ws-x-md:3%;
	--ws-y:80px;
	--ws-y-md:40px;
	--header:100px;
	--logo:80px;
	--rds-sm:2rem;
	
}


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

h1, h2, h3, h4, label, [class*='button--'] { font-family:"Playfair Display", Helvetica, Arial, sans-serif; letter-spacing:1px; }
h5, h6, p, a, small, .content > ul > li { font-family:"Quicksand", Helvetica, Arial, sans-serif; }

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

h1 { font-size:calc(36px + 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(22px + 0.4vw); color:var(--dark-color); line-height:1.2; font-weight:900; }

h4 { font-size:calc(22px + 0.20vw); color:var(--dark-color); font-weight:600; line-height:1.2; }

h5 { font-size:calc(18px + 0.25vw); font-weight:400; color:var(--dark-color); line-height:1.2; }
h2 + h5 { margin-top:15px; color:var(--white-color); }
h3 + h5, h1 + h5 { max-width:800px; display:inline-block; margin-top:15px; }

h6 { font-size:var(--text-size); font-weight:600; color:var(--dark-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-weight:600; }

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


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

header { z-index:99; position:fixed; top:0; left:0; width:100%; background:var(--white-color); }
header { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }
.header--top { background:var(--light-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 { 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:40px 0; font-size:var(--nav-size); font-weight:600; }
header > div > nav > div > ul > li > a:after { top:0; left:0; width:0; height:3px; background:var(--secondary-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 { width:100%; }
header > div > nav > div > ul > li.current > a { color:var(--primary-color); }
header > div > nav > div > ul > li.current > a:after { top:0; left:0; width:100%; height:3px; background:var(--secondary-color); }

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(--secondary-color); }
header > div > nav > div > a > i > svg { fill:var(--white-color); height:32px; width:32px; }
header > div > nav > div > a > div { display:none; }


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

.headline { position:relative; overflow:hidden; z-index:90; overflow:hidden; }
.headline:not(.headline--index):before { bottom:0; left:0; width:100%; height:4px; }
.headline:not(.headline--index):after { position:absolute; top:var(--header); left:0; width:100%; height:30%; z-index:1; }
.headline:not(.headline--index):after { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }

.headline > .wrapper { z-index:92; padding:var(--ws-y-md) 0 var(--ws-y) 0; margin-top:var(--header); text-align:center; }

.headline__title > h1 { -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 > h5 { -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 > p { color:var(--primary-color); font-weight:600; }
.headline__title > div > p { -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-slider */
.headline-slider { position:relative; z-index:92; }
.headline-slider .owl-item > div { position:relative; padding:var(--header) var(--ws-x) var(--ws-y) var(--ws-x); min-height:100vh; }
.headline-slider .owl-item > div > span { position:absolute; top:var(--header); left:0; width:100%; height:100%; z-index:1; }
.headline-slider .owl-item > div > div { position:relative; z-index:2; margin:auto; padding:var(--ws-y-md) var(--ws-x-md); max-width:900px; text-align:center; background:var(--primary-hgh-color); }
.headline-slider .owl-item > div > div:before { width:100%; height:100%; top:-15px; right:-15px; border:3px solid var(--white-color); }
.headline-slider .owl-item > div > div, .headline-slider .owl-item > div > div:before { border-radius:var(--rds-sm); -moz-border-radius:var(--rds-sm); -webkit-border-radius:var(--rds-sm); -khtml-border-radius:var(--rds-sm); -o-border-radius:var(--rds-sm); }


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

#page { overflow:hidden; }

main { position:relative; z-index:90; background:var(--white-color); }
main:before { bottom:0; left:0; width:100%; height:4px; z-index:404; }

.content--left { display:inline-block; vertical-align:top; width:66%; margin-right:4%; }

aside { max-width:700px; margin-left:auto; margin-right:auto; }


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

footer { width:100%; position:fixed; left:0; bottom:0; padding:var(--ws-y-md) 0; z-index:80; background-color:var(--dark-hgh-color); background-image:url('../img/pattern/shapes-3.svg'); }
footer:before { bottom:0; left:0; width:100%; height:4px; }

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

footer > div { text-align:center; }
footer > div > div:first-child { max-width:900px; margin:auto; }
footer > div > div > div { padding-bottom:var(--ws-y-md); text-align:left; }
footer > div > div > div > nav { padding:0 var(--ws-x); }
footer > div > div > div > nav > a { display:block; position:relative; border-bottom:1px solid var(--dark-low-color); padding:10px 0; font-size:var(--nav-size); font-weight:600; }
footer > div > div > div > nav > a:last-child { border:0; }
footer > div > div > div > nav > a.current { color:var(--secondary-med-color); }
footer > div > div > div > nav > a > i { position:absolute; top:0; left:0; bottom:0; margin:auto; height:36px; padding:8px; background:var(--dark-low-color); }
footer > div > div > div > nav > a * { -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; }
footer > div > div > div > nav > a > i > svg { fill:var(--secondary-color); height:20px; width:20px; }
footer > div > div > div > nav > a:hover > i { left:5px; }
footer > div > div > div > nav > a > div { padding:15px 0 15px 50px; }

footer > div > div > div > nav > a > svg { position:absolute; top:10px; right:0; fill:var(--dark-low-color); height:20px; width:20px; }
footer > div > div > div > nav > a:hover > svg { right:-5px; fill:var(--secondary-color); }

#footer-contacts > nav { margin-top:-15px; }

footer > a { display:block; margin-bottom:var(--ws-y-md); padding:var(--ws-y-md) 0; }
footer > a > svg { display:block; height:var(--header); width:auto; margin:auto; }
footer > a > svg > * { fill:var(--white-color); }

footer > div > div > a:not(:last-child) { margin-right:10px; padding-right:10px; border-right:1px solid var(--secondary-med-color); }
footer > div > div > a.current { color:var(--secondary-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(--secondary-med-color); height:16px; width:16px; margin:0 3px; }
footer > div > a > svg { -webkit-animation:throb 1.33s ease-in-out infinite; animation:throb 1.33s ease-in-out infinite; }

footer > div > span { position:absolute; bottom:0; right:0; }
footer > div > span > span { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }

footer > div > img { position:absolute; bottom:0; left:0; height:80px; }

footer:before, .text-bgclip, .headline:not(.headline--index):before, main:before, .card > div:before {
background:-webkit-linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
background:-moz-linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
background:-o-linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--tertiary-color) 100%);
}

footer:before, .text-bgclip, .headline:not(.headline--index):before, main:before { -webkit-animation:gradient 8s ease infinite; animation:gradient 8s ease infinite; background-size:200% 200%; }

.text-bgclip { -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone; -moz-background-clip:text; -moz-text-fill-color:transparent; }


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

/* INTRO */
.intro { max-width:720px; margin:auto; }
.intro > div { position:relative; margin-bottom:var(--ws-y-md); min-height:80px; padding-left:100px; }
.intro > div > i { position:absolute; top:0; left:0; width:80px; height:80px; line-height:80px; font-size:24px; font-weight:600; text-align:center; color:var(--secondary-color); font-style:normal; }
.intro > div > i > svg { fill:var(--primary-color); height:80px; width:80px; position:absolute; top:0; left:0; }

/* GARANCIA */
.garancia { background:var(--secondary-color); text-align:center; }
.garancia-slider .owl-item > div > i { display:inline-block; margin-bottom:20px; }
.garancia-slider .owl-item > div > i > svg { fill:var(--white-color); height:80px; width:80px; }
.garancia-slider .owl-item > div > h6 { color:var(--white-color); }

/* SERVICES */
.service-slider { padding-bottom:50px; }
.service-slider .owl-item > a { display:block; position:relative; background:var(--dark-color); overflow:hidden; }
.service-slider .owl-item > a { border-radius:var(--rds-sm); -moz-border-radius:var(--rds-sm); -webkit-border-radius:var(--rds-sm); -khtml-border-radius:var(--rds-sm); -o-border-radius:var(--rds-sm); }
.service-slider .owl-item > a > img { display:block; width:100%; }
.service-slider .owl-item > a > img { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }
.service-slider .owl-item > a:hover > img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }
.service-slider .owl-item > a:hover > img { opacity:0.2; filter:alpha(opacity=20); -khtml-opacity:0.2; -moz-opacity:0.2; }
.service-slider .owl-item > a > div { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 var(--ws-x); background:var(--primary-med-color); }
.service-slider .owl-item > a > div > div { text-align:center; position:relative; z-index:2; width:100%; }
.service-slider .owl-item > a > div > div > h3 { color:var(--white-color); text-shadow:0 10px 28px var(--primary-color); }
.service-slider .owl-item:nth-of-type(odd) > a > div { background:var(--secondary-med-color); }
.service-slider .owl-item:nth-of-type(odd) > a > div > div > h4 { text-shadow:0 10px 28px var(--secondary-color); }
.service-slider .owl-stage-outer { margin-bottom:var(--ws-y-md); }
.service-slider .owl-nav { bottom:0; }
.service-slider .owl-nav > button[type=button] { border:2px solid var(--primary-color); }
.service-slider .owl-nav > button[type=button] > svg { fill:var(--primary-color); }

/* FAQ */
.faq > li { display:block; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--dark-low-color); }
.faq > li:last-child { padding:0; border:0; margin:0; }
.faq > li > h6 { padding-right:50px; }
.faq > li > div { display:none; padding-top:20px; }
.faq > li > div > p:last-of-type { margin-bottom:0; }
.faq > li > input[type=checkbox] { display:none; }
.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-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; }
.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 {}
.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); }
#faq > div > div > h4 { display:none; }

/* PARALINE */
.paraline { position:relative; }
.paraline:after { position:absolute; bottom:4px; left:0; width:100%; height:40%; z-index:1; }
.paraline:after { background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.paraline > div { z-index:2; }
.paraline > div > h5 { color:var(--dark-color); max-width:800px; display:inline-block; }

/* BG */
.paraline, .headline { background-color:var(--light-color); background-image:url('data:image/png;base64,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'); }

/* CARD */
.card { margin-bottom:var(--ws-y-md); background:var(--light-color); overflow:hidden; }
.card { border-radius:var(--rds-sm); -moz-border-radius:var(--rds-sm); -webkit-border-radius:var(--rds-sm); -khtml-border-radius:var(--rds-sm); -o-border-radius:var(--rds-sm); }
.card > img { display:block; width:100%; }
.card > div > h3 { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }
.card > div { padding:var(--ws-y-md) var(--ws-x); position:relative; }
.card > div:before { top:0; left:0; width:100%; height:4px; }
.card:hover > div > h3 { color:var(--primary-color); }
.card > div > p { font-size:var(--text-fix-size); margin-bottom:0; }
.card:hover { box-shadow:0 0 20px 5px var(--primary-color); -webkit-box-shadow:0 0 20px 5px var(--dark-low-color); }
.card:hover { transform:translateY(-2px); -webkit-transform:translateY(-2px); -moz-transform:translateY(-2px); -o-transform:translateY(-2px); -ms-transform:translateY(-2px); }
.card > div > span { background:var(--primary-color); color:var(--white-color); padding:15px 20px; font-size:14px; font-weight:600; position:absolute; top:-50px; right:0; }
.card > div > span { -webkit-border-top-left-radius:var(--rds-sm); -moz-border-radius-topleft:var(--rds-sm); border-top-left-radius:var(--rds-sm); }

/* ASIDE */
aside > a { position:relative; border-bottom:1px solid var(--dark-low-color); display:block; padding:25px 30px 25px 65px; }
aside > a:first-child { margin-top:-25px; }
aside > a:last-child { border:0; }
aside > a > svg, aside > a > h6 { -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; }
aside > a > svg { fill:var(--dark-low-color); height:20px; width:20px; position:absolute; top:0; right:0; bottom:0; margin:auto; }
aside > a:hover > svg { right:-5px; fill:var(--primary-color); }
aside > a:hover > h6 { color:var(--primary-color); }
aside > a > h6 {}
aside > a > span { position:absolute; top:0; left:0; bottom:0; margin:auto; width:50px; height:50px; background-position:center center; border:2px solid var(--secondary-color); }

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

/* CONTENT */
.content {}
.content > img { display:block; width:80%; margin:auto; }
.content > .content__image { position:relative; width:80%; margin:0 auto 80px auto; }
.content > .content__image:before { width:100%; height:100%; top:-15px; right:-15px; border:5px solid var(--secondary-color); }
.content > .content__image:after { width:100%; height:100%; top:5%; left:5%; z-index:-1; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNyA3IiBmaWxsPSJyZ2JhKDU3LDE3OSwxOTMsMS4wKSI+PGNpcmNsZSBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiLz48Y2lyY2xlIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjEuNSIvPjwvc3ZnPg=='); background-size:8px; }
.content > .content__image > img { display:block; width:100%; }
.content > .content__image > img, .content > .content__image:before, .content > .content__image:after { border-radius:var(--rds-sm); -moz-border-radius:var(--rds-sm); -webkit-border-radius:var(--rds-sm); -khtml-border-radius:var(--rds-sm); -o-border-radius:var(--rds-sm); }
.content > ul > li { display:block; position:relative; padding:20px; margin-bottom:2px; font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--dark-color); }
.content > ul > li:nth-of-type(odd) { background:var(--light-med-color); }
.content > ul > li:before { top:0; bottom:0; left:0; width:4px; height:100%; background:var(--primary-color); }
.content > h4 + ul, .content > ul + h4, .content > p + h4, .content > p + img, .content > img + p, .content > .content__image + p, .content > ul + p, .content > p + ul, .content > ul + h3, .content > .content__image + h4 { margin-top:var(--ws-y-md); }
.content > h3 + p { margin-top:20px; }

/* CONTACT INFO */
.contact-info > a { padding:20px 0; border-bottom:1px solid var(--dark-low-color); }
.contact-info > a:last-of-type { padding-bottom:0; border:0; }
.contact-info > a:first-of-type { padding-top:10px; }
.contact-info > a > i { display:inline-block; margin-right:20px; padding:12px; background:var(--primary-color); }
.contact-info > a > i > svg { fill:var(--white-color); height:24px; width:24px; }
.contact-info > a > div { font-size:var(--text-fix-size); font-weight:600; line-height:1.4; }

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


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

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

input[type=text], textarea, [data-type="select"]:before { background:0; border:0; padding-left:0; border-bottom:1px solid var(--dark-low-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; }
.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-type="select"]:after { border:0; bottom:0; width:16px; height:16px; margin:auto; top:0; right:10px; background-size:16px 16px; content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJyZ2JhKDIyLDMyLDU1LDEuMCkiPjxwb2x5Z29uIHBvaW50cz0iMjI1LjgxMyw0OC45MDcgMTI4LDE0Ni43MiAzMC4xODcsNDguOTA3IDAsNzkuMDkzIDEyOCwyMDcuMDkzIDI1Niw3OS4wOTMgIi8+PC9zdmc+'); }


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

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

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

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

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

[class*='button--'] { padding:10px 15px; text-transform:none; border-width:2px; font-weight:600; }
[class*='button--']:not(.circle):hover > svg { -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -o-transform:translateX(20%); -ms-transform:translateX(20%); transform:translateX(20%); }
[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(.circle):hover { box-shadow:0 20px 38px rgba(0,0,0,0.16); }
[class*='button--']:not(.circle):hover { -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); transform:translateY(-3px); }

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

h5 + [class*='button--'] { margin-top:var(--ws-y-md); }


/*===========================
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(--secondary-color); }
[data-action='nav-button'].active span { background:var(--secondary-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 gradient { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; }}
@keyframes gradient { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; }}


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

@media (max-width: 1300px) {

.wrapper { width:96%; }

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

}

@media (max-width: 768px) {

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

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

footer > div > div > div > nav > a > div { padding:5px 0 5px 48px; }
#footer-contacts > nav { margin-top:0; }
#footer-nav { display:none; }

footer > div > img { height:60px; }

.content--left, aside { width:100%; margin:0; }

[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(--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%; }
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(20px + 0.4vw); }
header > div > nav > div > ul > li > a:after { width:0; bottom:0; margin:auto; }
header > div > nav > div > ul > li > a:hover:after { width:40px; }
header > div > nav > div > ul > li.current > a:after { bottom:0; margin:auto; width:40px; }
header > div > nav > div > a { display:inline-block; }


}

@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:22px; }
h4 { font-size:16px; }
h5 { font-size:16px; }
h6 { font-size:16px; }

p { font-size:14px; }

.owl-dots, .headline-slider .owl-item > div > div:before { display:none; }

.headline-slider .owl-item > div { min-height:70vh; }
.headline-slider .owl-item > div > div { position:absolute; bottom:0; left:0; }
.headline-slider .owl-item > div > div:after { top:-300%; left:0; width:100%; height:300%; background:var(--primary-hgh-color); }
.headline-slider .owl-item > div > div { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; -o-border-radius:0; }

footer { padding-bottom:85px; }
footer > div > span { left:0; bottom:-60px; }
footer > div > img { height:50px; bottom:-60px; }

:root {
	--ws-y:40px;
	--header:60px;
	--logo:50px;
}

}


/*===========================
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(--tertiary-color); }

.owl-nav { position:absolute; bottom:var(--ws-y-md); left:0; width:100%; text-align:center; }
.owl-nav > button[type=button] { padding:13px; background:0; border:2px solid var(--white-color); display:inline-block; vertical-align:top; }
.owl-nav > button[type=button] { border-radius:99rem; -moz-border-radius:99rem; -webkit-border-radius:99rem; -khtml-border-radius:99rem; -o-border-radius:99rem; }
.owl-nav > button[type=button]:not(.disabled):hover { border-color:var(--tertiary-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(--tertiary-color); }
.owl-nav > .disabled { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; cursor:default; }
.owl-nav > .owl-prev { margin-right:15px; }
.owl-nav > .owl-next { margin-left:15px; }