@charset "utf-8";

:root {
	
	--primary-color:rgba(179,134,66,1.0);
	--primary-hgh-color:rgba(179,134,66,0.8);
	--primary-med-color:rgba(179,134,66,0.6);
	--primary-low-color:rgba(179,134,66,0.2);
	--primary-elw-color:rgba(179,134,66,0.05);
	
	--secondary-color:rgba(172,4,4,1.0);
	--secondary-hgh-color:rgba(172,4,4,0.8);
	--secondary-med-color:rgba(172,4,4,0.6);
	--secondary-low-color:rgba(172,4,4,0.2);
	
	--light-color:rgba(244,242,245,1.0);
	--light-hgh-color:rgba(244,242,245,0.8);
	--light-med-color:rgba(244,242,245,0.6);
	--light-low-color:rgba(244,242,245,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);
	--white-elw-color:rgba(255,255,255,0.1);
	
	--dark-color:rgba(0,50,77,1.0);
	--dark-hgh-color:rgba(0,50,77,0.8);
	--dark-med-color:rgba(0,50,77,0.6);
	--dark-low-color:rgba(0,50,77,0.2);
	
	--text-size:16px;
	--text-fix-size:16px;
	--text-min-size:15px;
	--nav-size:15px;
    --nav2-size:14px;
	
	--h1-size:calc(38px + 0.2vw);
	--h2-size:calc(32px + 0.2vw);
	--h3-size:calc(24px + 0.2vw);
	--h4-size:calc(16px + 0.1vw);
	--h5-size:calc(16px + 0.1vw);
	--h6-size:15px;
	
	--ws-x:5%;
	--ws-x-md:40px;
	--ws-x-sm:20px;
	--ws-x-xs:10px;
    --ws-x-xxs:5px;
	
	--ws-y:80px;
	--ws-y-md:40px;
	--ws-y-sm:20px;
	--ws-y-xs:10px;
	--ws-y-xxs:5px;
	
	--header:100px;
	--logo:50px;
	--wrapper:94%;
	
	--rds-md:20px;
	--rds-lg:60px;
	
	--icon-xs:18px;
	--icon-sm:20px;
	--icon-md:28px;
	--icon-lg:40px;
	--icon-xl:50px;
	--icon-xxl:120px;

	--button-size:13px;
	--search:240px;
	--profileImage:180px;
	--services-col:3;
	--services-gap:2%;
	--questions-col:4;
	--questions-gap:1%;
	--category-col:4;
	--category-gap:2%;
	--blog-col:3;
	--blog-gap:2%;
	--gallery-col:4;
	--gallery-gap:10px;
	--about-col:2;
	--contact-col:2;
	--footer-col:3;
	--footer-gap:4%;
    --publications-col:6;
    --publications-gap:2%;
    --publications-col4:4;
	
}


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

h1, h2 { font-family:"Playfair Display", serif; } /*600*/
h3, h4, h5, h6, p, a, small, ul > li, label, input, select, textarea, [class*='button--'], h4 > a, .breadcrumb > a { font-family:"Montserrat", sans-serif; } /*400,600,900*/

h1 { font-size:var(--h1-size); color:var(--primary-color); line-height:1.1; font-weight:600; }

h2 { font-size:var(--h2-size); color:var(--primary-color); line-height:1.1; font-weight:600; text-transform:uppercase; }
h2 > small { color:var(--dark-hgh-color); margin-bottom:15px; letter-spacing:4px; text-transform:none; }

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

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

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

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

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

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

small { display:block; font-weight:400; color:var(--dark-color); font-size:var(--text-min-size); }

strong, b { 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-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.header--top, .header--image { background:var(--white-hgh-color); }

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

header > div > nav { margin-left:auto; }
header > div > nav > div > ul > li { display:inline-block; vertical-align:top; padding:0 calc(var(--ws-x-xs) * 1.5); position:relative; }
header > div > nav > div > ul > li > a { display:block; position:relative; padding:var(--ws-y-md) 0; font-size:var(--nav-size); font-weight:400; }
header > div > nav > div > ul > li.current > a { color:var(--primary-color); font-weight:600; }
header > div > nav > div > ul > li.current > a:after { left:0; bottom:var(--ws-y-sm); right:0; margin:auto; width:calc(var(--nav-size) / 2); height:calc(var(--nav-size) / 2); background:var(--primary-color); }

header > div > nav > div > ul > li > ul { position:absolute; top:100%; left:0; text-align:left; padding:var(--ws-y-xs) var(--ws-x-sm); background:var(--dark-color); width:auto; display:none; }
header > div > nav > div > ul > li > ul > li { display:block; border-bottom:1px solid var(--white-low-color); width:100%; }
header > div > nav > div > ul > li > ul > li:last-child { border:0; }
header > div > nav > div > ul > li > ul > li > a { display:block; font-size:var(--nav-size); color:var(--white-color); padding:var(--ws-y-xs) var(--ws-x-xxs); white-space:nowrap; }
header > div > nav > div > ul > li.current > ul > li > a { cursor:pointer!important; }
header > div > nav > div > ul > li > ul > li > a:hover { color:var(--white-med-color); }
header > div > nav > div > ul > li > ul > li.current > a { background:var(--primary-color); text-align:center; }
header > div > nav > div > ul > li:hover > ul { display:block; }

header > div > nav > div > a { display:none; vertical-align:top; margin:0 var(--ws-x-sm); }
header > div > nav > div > a > i { display:block; padding:var(--ws-y-sm); }
header > div > nav > div > a > i > svg { fill:var(--primary-color); height:var(--icon-md); width:var(--icon-md); }
header > div > nav > div > a:hover > i > svg { fill:var(--white-color); }
header > div > nav > div > a > div { display:none; }

header > div > span {}
header > div > span > a { padding-left:var(--ws-x-sm); font-size:0; }
header > div > span > a > svg { display:inline-block; height:var(--icon-sm); width:var(--icon-sm); }

.searchBar { width:var(--search); background-color:var(--primary-low-color); background-image:url('../img/bg/noise20.svg'); 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:40px; }
.searchBar > ul { position:absolute; top:calc(100% + 9px); width:200%; right:0; z-index:999; background:var(--dark-color); padding:var(--ws-y-xs) var(--ws-x-sm); }
.searchBar > ul:after { top:-6px; right:25%; margin:auto; 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(--text-fix-size); color:var(--white-color); padding:var(--ws-y-sm) 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; background-color:var(--primary-low-color); background-image:url('../img/bg/noise20.svg'); padding-top:var(--header); }
.headline--image {}

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

.headline > .wrapper > div { position:relative; z-index:94; width:600px; max-width:45%; }
.headline > .wrapper > .center { width:800px; max-width:90%; }

.headline > .wrapper > div > h1, .headline-slider .owl-item > div > div > div > h2 { -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 > .wrapper > div > h5, .headline > .wrapper > div > ul, .headline-slider .owl-item > div > div > div > ul { -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 > .wrapper > div > div, .headline-slider .owl-item > div > div > div > div { -webkit-animation:fadeInUp 1.4s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.4s ease-in-out 0s 1 normal none running; }

.headline > .wrapper > div > h1.title-secondary { font-size:var(--h2-size); }

.headline > .wrapper > span { position:absolute; right:0; bottom:calc(var(--ws-y-md) * -1); z-index:3; height:90%; width:50%; overflow:hidden; }
.headline > .wrapper > span > img { display:block; width:100%; height:100%; object-fit:cover; }
.headline > .wrapper > span--- { -webkit-border-bottom-left-radius:var(--rds-lg); -webkit-border-bottom-right-radius:var(--rds-lg); -moz-border-radius-bottomleft:var(--rds-lg); -moz-border-radius-bottomright:var(--rds-lg); border-bottom-left-radius:var(--rds-lg); border-bottom-right-radius:var(--rds-lg); }

.headline > .wrapper > div > ul { margin-top:var(--ws-y-sm); }
.headline > .wrapper > div > ul > li { display:block; padding:var(--ws-y-xs) 0; font-size:var(--text-fix-size); line-height:calc(var(--text-fix-size) + var(--ws-y-xs)); color:var(--dark-color); }
.headline > .wrapper > div > ul > li > i { display:inline-block; margin-right:var(--ws-x-xs); padding:calc(var(--ws-y-xs) / 2); }
.headline > .wrapper > div > ul > li > i > svg { height:var(--text-fix-size); width:var(--text-fix-size); fill:var(--primary-color); }

.headline:before { position:absolute; left:0; top:0; z-index:1; height:100%; width:100%; background-position:center center; background-image:url('../img/bg/03.jpg'); }
.headline:before { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }

/* BREADCRUMB */
.breadcrumb { white-space:nowrap; overflow:hidden; padding-bottom:var(--ws-y-xs); line-height:1; }
.breadcrumb > a { display:inline-block; font-size:var(--nav-size); line-height:1; vertical-align:top; margin-right:var(--ws-x-xs); }
.breadcrumb > a > svg { height:var(--nav-size); width:var(--nav-size); fill:var(--primary-color); margin-left:var(--ws-x-xs); }
.breadcrumb > a:last-child { margin:0; }


/*===========================
SLIDER
===========================*/

.headline-slider { position:relative; z-index:92; }
.headline-slider .owl-stage { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.headline-slider > .owl-stage-outer { overflow:visible!important; }
.headline-slider .owl-item {}
.headline-slider .owl-item > div { position:relative; height:100%; }

.headline-slider .owl-item > div > span { position:absolute; right:0; top:0; z-index:3; height:calc(100% + var(--ws-y-md)); width:55%; overflow:hidden; }
.headline-slider .owl-item > div > span > img { height:100%; object-fit:cover; }
.headline-slider .owl-item > div > span { -webkit-border-bottom-left-radius:var(--rds-lg); -webkit-border-bottom-right-radius:var(--rds-lg); -moz-border-radius-bottomleft:var(--rds-lg); -moz-border-radius-bottomright:var(--rds-lg); border-bottom-left-radius:var(--rds-lg); border-bottom-right-radius:var(--rds-lg); }

.headline-slider .owl-item > div > div { padding:var(--ws-y) 0 var(--ws-y) 0; height:100%; position:relative; z-index:5; }
.headline-slider .owl-item > div > div > div { position:relative; z-index:4; padding-bottom:var(--ws-y-md); max-width:45%; }
.headline-slider .owl-item > div > div > div > h2 {}
.headline-slider .owl-item > div > div > div > ul { margin-top:var(--ws-y-sm); }
.headline-slider .owl-item > div > div > div > ul > li { display:block; padding:var(--ws-y-xs) 0; font-size:var(--text-fix-size); line-height:1; color:var(--dark-color); }
.headline-slider .owl-item > div > div > div > ul > li > i { display:inline-block; margin-right:calc(var(--ws-x-xs) * 1.5); }
.headline-slider .owl-item > div > div > div > ul > li > i > svg { height:var(--text-fix-size); width:var(--text-fix-size); fill:var(--primary-color); }
.headline-slider .owl-item > div > div > div > div { margin-top:var(--ws-y-md); }


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

body {}

#page { overflow:hidden; }

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

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

.scroll-to-row { height:var(--ws-y-md); display:none; }

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

footer { width:100%; background-color:var(--dark-color); background-image:url('../img/bg/noise20.svg'); text-align:center; position:relative; }

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

footer > div { padding:var(--ws-y-md) 0 var(--ws-y-sm) 0; z-index:5; }
footer > div > .footer-grid { text-align:left; display:grid; grid-template-columns:repeat(var(--footer-col), 1fr); gap:var(--ws-y-md) var(--footer-gap); margin-bottom:var(--ws-y-md); }
footer > div > div > div {}
footer > div > div > div > nav {}
footer > div > div > div > nav > a { display:block; position:relative; padding:var(--ws-y-xs) 0; font-size:var(--nav-size); border-bottom:1px solid var(--dark-color); }
footer > div > div > div > nav > a:last-child { border:0; }
footer > div > div > div > nav > a.current { color:var(--white-low-color); }
footer > div > div > div > nav > a > i { position:absolute; top:0; left:0; bottom:0; margin:auto; height:var(--icon-sm); }
footer > div > div > div > nav > a > i > svg { fill:var(--primary-color); height:var(--icon-sm); width:var(--icon-sm); }
footer > div > div > div > nav > a:hover > i { left:5px; }
footer > div > div > div > nav > a:hover > i > svg { fill:var(--primary-med-color); }
footer > div > div > div > nav > a > div { padding:0 0 0 calc(var(--icon-sm) + var(--ws-x-sm)); }

footer > div > div > div > nav > a > svg { position:absolute; top:0; right:0; bottom:0; margin:auto; fill:none; height:var(--icon-sm); width:var(--icon-sm); }
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-nav---, #footer-nav2--- { padding-top:calc((var(--logo) * 1.3) + var(--ws-y-md)); }
#footer-nav > nav, #footer-nav2 > nav {}

#footer-contacts { background-color:var(--white-color); background-image:url('../img/bg/noise20.svg'); padding:var(--ws-y-sm) var(--ws-x-md); }
#footer-contacts > nav > a { color:var(--dark-color); border-bottom:1px solid var(--primary-low-color); font-weight:600; }
#footer-contacts > nav > a:last-child { border:0; }

footer > div > div > div > div {}
footer > div > div > div > div > a { display:block; padding-bottom:var(--ws-y-sm); display:none; }
footer > div > div > div > div > a > svg { display:block; height:calc(var(--logo) * 1.1); width:auto; }
footer > div > div > div > div > a > svg > *--- { fill:var(--white-color); }
footer > div > div > div > div > a:hover > svg > * { fill:var(--primary-color); }
footer > div > div > div > div > p { font-size:var(--text-min-size); margin:0; }

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(--white-low-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--'].totop { position:fixed; bottom:50%; right:-52px; z-index:99; }
[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); }

footer > span { position:absolute; left:0; top:0; height:100%; width:100%; z-index:4; }
footer > span > svg { display:block; fill:var(--primary-elw-color); }


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

/* services */
#services {}
.services { display:grid; grid-template-columns:repeat(var(--services-col), 1fr); gap:var(--ws-y-md) var(--services-gap); }
.services > div { background-color:var(--light-color); background-image:url('../img/bg/noise20.svg'); padding:var(--ws-y-md) var(--ws-x-sm); position:relative; overflow:hidden; }
.services > div > i { display:block; margin-bottom:var(--ws-y-sm); }
.services > div > i > svg { fill:var(--primary-color); height:var(--icon-xl); width:var(--icon-xl); }
.services > div > div {}
.services > div > div > h4 { color:var(--dark-color); }
.services > div:hover { background-color:var(--primary-elw-color); }
.services > div:hover > div > h4--- { color:var(--white-color); }
.services > div:hover > i > svg--- { fill:var(--white-color); }
.services > div > div > div { padding-top:var(--ws-y-sm); }
.services > div > div > div > a { display:block; padding:var(--ws-y-xs) 0; font-size:var(--nav2-size); line-height:var(--nav2-size); }
.services > div > div > div > a > svg { height:var(--nav2-size); width:var(--nav2-size); fill:var(--primary-color); margin-left:var(--ws-x-xxs); }
.services > div:hover > div > div > a--- { color:var(--white-color); }
.services > div > div > div > a:hover { color:var(--primary-color); }

/* questions */
#questions { background-color:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); position:relative; }
#questions:before { position:absolute; left:0; top:0; z-index:1; height:100%; width:100%; background-position:center center; background-image:url('../img/bg/03.jpg'); }
#questions:before { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
#questions > div { z-index:2; }
.questions { display:grid; grid-template-columns:repeat(var(--questions-col), 1fr); gap:var(--ws-y-md) var(--questions-gap); }
.questions > div {}
.questions > div > h4 > a { color:var(--primary-color); }
.questions > div > div { padding-top:var(--ws-y-sm); }
.questions > div > div > a { display:block; padding:var(--ws-y-xs) 0; font-size:var(--nav2-size); line-height:var(--nav2-size); }
.questions > div > div > a > svg { height:var(--nav2-size); width:var(--nav2-size); fill:var(--dark-color); margin-left:var(--ws-x-xxs); }
.questions > div > div > a:hover {}
.questions > div > div > a:hover > svg { fill:var(--primary-color); margin-left:calc(var(--ws-x-xxs) * 1.5); }

/* sameCategory */
.sameCategory { display:grid; grid-template-columns:repeat(var(--category-col), 1fr); gap:var(--ws-y-md) var(--category-gap); }
.sameCategory > a { display:block; position:relative; overflow:hidden; }
.sameCategory > a > span { display:block; background:var(--dark-color); overflow:hidden; z-index:1; position:relative; }
.sameCategory > a > span:after { bottom:0; left:0; z-index:2; height:100%; width:100%; }
.sameCategory > a > span:after { background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); }
.sameCategory > a > span > img { display:block; width:100%; height:100%; max-height:320px; object-fit:cover; object-position:center; }
.sameCategory > a:hover > span > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.sameCategory > a > div { padding:var(--ws-y-sm) var(--ws-x-sm); z-index:2; position:absolute; bottom:0; left:0; width:100%; }
.sameCategory > a > div > div { padding-left:var(--ws-x-sm); position:relative; }
.sameCategory > a > div > div:before { top:0; left:0; bottom:0; width:4px; height:auto; background:var(--primary-color); }
.sameCategory > a > div > div:before { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; -o-border-radius:2px; }
.sameCategory > a > div > div > h6 { color:var(--white-color); }
.sameCategory > a > div > div > span { display:block; color:var(--white-color); font-size:var(--nav-size); padding-top:var(--ws-y-xs); }
.sameCategory > a > div > div > span > svg { height:var(--icon-sm); width:var(--icon-sm); fill:var(--primary-color); margin-left:var(--ws-x-xs); }
.sameCategory > a:hover > div > div > span > svg { -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); }
.sameCategory > a:nth-child(n+5) { display:none; }

/* contentList */
.contentList {}
.contentList > a { margin-bottom:var(--ws-y-md); display:flex; display:-webkit-flex; background-color:var(--light-color); background-image:url('../img/bg/noise20.svg'); overflow:hidden; }
.contentList > a:last-child { margin-bottom:0; }
.contentList > a > span { flex:2; -ms-flex:2; display:block; background:var(--dark-color); position:relative; }
.contentList > a > span > img { display:block; width:100%; height:100%; object-fit:cover; }
.contentList > a:hover > span > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.contentList > a > div { flex:5; -ms-flex:5; padding:var(--ws-y-md); position:relative; z-index:5; }
.contentList > a > div > p { font-size:var(--text-fix-size); }
.contentList > a > div > h2 { font-size:var(--h3-size); text-transform:none; }
.contentList > a > div > span { display:block; color:var(--dark-color); font-size:var(--nav-size); padding-top:5px; }
.contentList > a > div > span > svg { height:var(--icon-sm); width:var(--icon-sm); fill:var(--dark-color); margin-left:var(--ws-x-xs); }
.contentList > a:nth-of-type(even) > span--- { order:2; }

/* questionList */
.questionList {}
.questionList > a { display:block; border-bottom:1px solid var(--primary-color); }
.questionList > a:nth-of-type(even) { background-color:var(--primary-elw-color); }
.questionList > a > div { padding:var(--ws-y-md) var(--ws-x-md); }
.questionList > a > div > h2 { font-size:var(--h4-size); text-transform:none; }
.questionList > a > div > span { display:block; color:var(--dark-color); font-size:var(--nav-size); padding-top:5px; }
.questionList > a > div > span > svg { height:var(--icon-sm); width:var(--icon-sm); fill:var(--dark-color); margin-left:var(--ws-x-xs); }
.questionList--secondary > a > div { padding:var(--ws-y-sm) var(--ws-x-sm); }

/* blogList */
.blogList { display:grid; grid-template-columns:repeat(var(--blog-col), 1fr); gap:var(--ws-y-md) var(--blog-gap); }
.blogList > a { display:block; position:relative; overflow:hidden; background-color:var(--light-color); background-image:url('../img/bg/noise20.svg'); }
.blogList > a > span { display:block; background:var(--dark-color); overflow:hidden; z-index:1; position:relative; }
.blogList > a > span:after { bottom:0; left:0; z-index:2; height:100%; width:100%; }
.blogList > a > span:after { background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); }
.blogList > a > span > img { display:block; width:100%; height:100%; max-height:320px; object-fit:cover; object-position:center; }
.blogList > a:hover > span > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.blogList > a > div { padding:var(--ws-y-md) var(--ws-x-sm); }
.blogList > a > div > div--- { padding-left:var(--ws-x-sm); position:relative; }
.blogList > a > div > div:before--- { top:0; left:0; bottom:0; width:4px; height:auto; background:var(--primary-color); }
.blogList > a > div > div:before--- { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; -o-border-radius:2px; }
.blogList > a > div > div > h4 { color:var(--dark-color); text-transform:none; }
.blogList > a:hover > div > div > h4 { color:var(--primary-color); }
.blogList > a > div > div > span { display:block; color:var(--dark-color); font-size:var(--nav-size); padding-top:var(--ws-y-xs); }
.blogList > a > div > div > span > svg { height:var(--icon-sm); width:var(--icon-sm); fill:var(--primary-color); margin-left:var(--ws-x-xs); }
.blogList > a:hover > div > div > span > svg { -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); }

/* PARALINE */
.paraline { position:relative; background:var(--primary-low-color); }
.paraline:before { top:0; left:0; width:100%; height:50%; z-index:1; }
.paraline:before { 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%); }
.paraline > div { z-index:2; }

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

/* 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 > li:before { top:2px; left:0; bottom:2px; width:4px; height:auto; background:var(--primary-color); }
.content > p > img { display:block; width:90%; max-width:800px; height:auto; margin:var(--ws-y-md) auto; }
.content > h4 {}
.content > h5 { color:var(--primary-color); font-weight:600; }
.content > h6 {}
.content > h4:not(:first-child), .content > h5:not(:first-child), .content > h6:not(:first-child) { margin-top:var(--ws-y-sm); }
.content > p > a { color:var(--primary-color); font-weight:600; }
.content > p > a:hover { color:var(--primary-med-color); }
.content > p > .heroimage-center { width:calc(var(--profileImage) * 2); margin:calc(var(--ws-y) * -2) auto 0 auto; position:relative; z-index:92; border:var(--ws-y-xs) solid var(--white-color); }

/* blockquote */
blockquote { max-width:700px; position:relative; margin:auto; padding:var(--ws-y-md) var(--ws-x-md); text-align:center; }
blockquote:before, blockquote:after { color:var(--primary-color); font-size:var(--icon-xxl); }
blockquote:before { content:'“'; left:0; top:var(--ws-y-sm); }
blockquote:after { content:'”'; right:40px; bottom:var(--ws-y-sm); }
blockquote + *, * + blockquote { margin-top:var(--ws-y); }

/* reviewCard */
.reviewCard {}
.reviewCard > li { margin-bottom:var(--ws-y-md); padding:var(--ws-y-sm); background:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); display:block; position:relative; }
.reviewCard > li:last-child { margin-bottom:0; }
.reviewCard > li > div { position:relative; }
.reviewCard > li > div > i { position:absolute; top:0; right:0; }
.reviewCard > li > div > i > svg { fill:#fbbc04; height:var(--icon-xs); width:var(--icon-xs); display:inline-block; }
.reviewCard > li > div > h4 { font-size:var(--h5-size); }
.reviewCard > li > div > p { margin:var(--ws-y-sm) 0 0 0; }

/* velemenyek */
#velemenyek {}
.velemenyek { position:relative; }
.velemenyek > i { position:absolute; z-index:2; top:40px; left:0; width:100%; }
.velemenyek > i > svg { fill:var(--primary-low-color); height:var(--icon-xxl); width:var(--icon-xxl); margin:auto; }
.velemenyek-slider { padding-bottom:calc(var(--ws-y-md) + 12px); position:relative; z-index:3; max-width:700px; margin:auto; }
.velemenyek-slider .owl-item > div { position:relative; background:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); padding:var(--ws-y-md) var(--ws-x-sm); }
.velemenyek-slider .owl-item > div > p { margin:var(--ws-y-sm) 0 0 0; font-size:var(--h5-size); }
.velemenyek-slider .owl-item > div > h4 { font-size:var(--h5-size); }
.velemenyek-slider .owl-item > div > h4 > small { padding-top:var(--ws-y-xxs); }
.velemenyek-slider .owl-item > div > i { position:absolute; top:var(--ws-y-md); right:var(--ws-x-sm); }
.velemenyek-slider .owl-item > div > i > svg { fill:#fbbc04; height:var(--icon-xs); width:var(--icon-xs); display:inline-block; }
.velemenyek-slider .owl-dots { bottom:0; text-align:center; }

/* FAQ */
.faq { margin-top:var(--ws-y-md); }
.faq:not(:last-of-type) { margin-bottom:var(--ws-y); }
.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 > h5 { padding-left:calc(var(--ws-x-sm) + var(--icon-xs) + 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:0; left:0; width:100%; height:100%; cursor:pointer; }
.faq > li > input[type=checkbox] + label > i { position:absolute; top:var(--ws-y-sm); left:var(--ws-y-sm); }
.faq > li > input[type=checkbox] + label > i > svg { fill:var(--primary-color); height:var(--icon-xs); width:var(--icon-xs); }
.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-color:var(--light-color); background-image:url('../img/bg/noise20.svg'); top:0; left:0; width:100%; height:100%; z-index:-1; }

/* GALLERY */
.galleryList { display:grid; grid-template-columns:repeat(var(--gallery-col), 1fr); gap:var(--gallery-gap); }
.galleryList > a { display:block; overflow:hidden; background:var(--dark-color); }
.galleryList > a > img { display:block; width:100%; height:100%; max-height:180px; object-fit:cover; }
.galleryList > a:hover > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }

/* 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:10px; background:var(--light-color); margin:var(--ws-y-md) auto; }

/* ABOUT */
#about { background-color:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); }
.about-grid { display:grid; grid-template-columns:repeat(var(--about-col), 1fr); }
.about { position:relative; padding-right:var(--ws-x); }
.intro { padding:0 var(--ws-x); }
.miertmiList {}
.miertmiList > li:not(:last-child) { margin-bottom:var(--ws-y-sm); }
.miertmiList > li > i { display:block; flex-shrink:0; padding:var(--ws-y-sm); background:var(--primary-low-color); }
.miertmiList > li > i > svg { fill:var(--primary-color); height:var(--icon-lg); width:var(--icon-lg); }
.miertmiList > li > div { padding-left:var(--ws-x-sm); }
.miertmiList > li > div > h6 { text-transform:uppercase; color:var(--primary-color); }

/* CONTACT */
.contact { display:grid; grid-template-columns:repeat(var(--contact-col), 1fr); }
.contactInfo { padding:var(--ws-y-sm) var(--ws-x); margin:0 calc(var(--ws-x) * 2); background-color:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); }
.contactInfo > a { padding:var(--ws-y-sm) 0; border-bottom:1px solid var(--primary-low-color); }
.contactInfo > a:last-child { border: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(--dark-color); }
.contactInfo > a > div { font-size:var(--text-fix-size); font-weight:400; line-height:1.4; color:var(--dark-color); }
.contactInfo > a > div > h6 { text-transform:uppercase; color:var(--primary-color); }

.contactCard { padding:0 var(--ws-x) var(--ws-y-md) var(--ws-x); margin:var(--ws-y-md) calc(var(--ws-x) * 2); background-color:var(--primary-low-color); background-image:url('../img/bg/noise20.svg'); text-align:center; }
.contactCard > img { display:inline-block; width:var(--profileImage); border:var(--ws-y-xs) solid var(--white-color); margin:calc(var(--ws-y) * -1) 0 var(--ws-y-sm) 0; }
.contactCard > h2 { font-size:var(--h3-size); font-weight:900; }
.contactCard > p { margin:0; }

/* miertmi */
.miertmi { padding:var(--ws-y-md) calc(var(--ws-x-sm) + var(--ws-y-md)); background-color:var(--light-color); background-image:url('../img/bg/noise20.svg'); }
.miertmi > li { padding:var(--ws-y-sm) 0; }
.miertmi > li > i { display:inline-block; margin-right:var(--ws-x-sm); }
.miertmi > li > i > svg { fill:var(--primary-color); height:var(--icon-lg); width:var(--icon-lg); }
.miertmi > li > h6 { display:inline-block; }

/* publications */
.publications { display:grid; grid-template-columns:repeat(var(--publications-col), 1fr); gap:var(--ws-y-md) var(--publications-gap); }
.publications > a { display:block; overflow:hidden; background:var(--light-color); }
.publications > a > span { display:block; padding:var(--ws-y-xs); }
.publications > a > span > img { display:block; width:100%; }
.publications > a:hover > span > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.publications > a > div { padding:var(--ws-y-sm) var(--ws-x-sm); background-image:url('../img/bg/noise20.svg'); }
.publications > a > div > h6 {}
.publications > a > div > span { display:block; color:var(--dark-color); font-size:var(--nav-size); padding-top:var(--ws-y-xs); }
.publications > a > div > span > svg { height:var(--icon-sm); width:var(--icon-sm); fill:var(--primary-color); margin-left:var(--ws-x-xs); }
.publications > a:hover > div > span > svg { -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); }
.publications--Offer { grid-template-columns:repeat(var(--publications-col4), 1fr); }


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

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

header, [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, .contactInfo > a > i > svg, .owl-dot span, .services > div, header > div > a > svg > *, .services > div > div > h4, footer > div > div > div > div > a > svg > *, .faq > li > input[type=checkbox] + label > i, .sameCategory > a > span > img, .sameCategory > a > div > div > span > svg, .contentList > a > span > img, .questions > div > div > a > svg, .blogList > a > span > img, .blogList > a > div > div > span > svg, .galleryList > a > img, .publications > a > div > span > svg, .publications > a > span > img
{ -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; }

header > div > nav > div > ul > li.current > a:after, .contactCard > img, .totop, input[type="checkbox"] + label span
{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -o-border-radius:50%; }

[class*='button--']:not(.totop), .services > div, .miertmi, .video-container, .contactInfo, .reviewCard > li, .faq > li, .sameCategory > a, .contentList > a, .blogList > a, .contactCard, .contactInfo, .legaladviceForm, #footer-contacts, .searchBar > ul, .galleryList > a, .velemenyek-slider .owl-item > div, .ebookForm, .publications > a
{ 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); }

.content > p > img, .searchBar, .headline > .wrapper > span
{ border-radius:var(--rds-lg); -moz-border-radius:var(--rds-lg); -webkit-border-radius:var(--rds-lg); -khtml-border-radius:var(--rds-lg); -o-border-radius:var(--rds-lg); }

.topleftbottomrightradius
{ -webkit-border-top-left-radius:var(--rds-lg); -webkit-border-bottom-right-radius:var(--rds-lg); -moz-border-radius-topleft:var(--rds-lg); -moz-border-radius-bottomright:var(--rds-lg); border-top-left-radius:var(--rds-lg); border-bottom-right-radius:var(--rds-lg); }

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


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

.contactForm { padding:0 var(--ws-x); margin: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 {}

.legaladviceForm, .ebookForm { padding:var(--ws-y-md) var(--ws-x); margin:auto; max-width:660px; background-color:var(--primary-elw-color); background-image:url('../img/bg/noise20.svg'); }
.legaladviceForm > ul { padding-bottom:var(--ws-y-sm); }
.legaladviceForm > ul > li, .fieldContainer { margin-bottom:var(--ws-y-sm); }
.legaladviceForm > ul > li > label {}
.legaladviceForm > ul > li > a { display:block; margin-left:30px; margin-top:5px; }
.legaladviceForm > h4, .ebookForm > h4 { padding-bottom:var(--ws-y-sm); }

.ebookForm label {}
.ebookForm .inputContainer a { display:block; margin-left:30px; margin-top:5px; }
.ebookForm .buttonFieldsetBox { text-align:center; padding-top:var(--ws-y-sm); }

input[type=text], input[type=email], textarea, [data-type="select"]:before { background:0; border:1px solid var(--primary-color); vertical-align:top; }
input[type=text], input[type=email], textarea, [data-type="select"]:before, select { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; }

input, textarea, select, label { font-weight:400; color:var(--dark-color); letter-spacing:normal; }

input[type="checkbox"] + label span { background:0; border:1px solid var(--primary-color); }

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

[data-type="select"]:after { border:0; bottom:13px; 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 > svg { fill: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: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(--dark-color); color:var(--dark-color); }
.button--secondary:hover > svg { fill:var(--dark-color); }

[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--']:not(.totop) > svg { margin-left:var(--button-size); }
[class*='button--'].totop { padding:var(--ws-y-xs); }
[class*='button--'] + [class*='button--'] { margin-left:var(--ws-x-sm); }

[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 var(--dark-low-color); -webkit-box-shadow:0 20px 38px var(--dark-low-color); }


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

@-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%; }}

@-webkit-keyframes ideoda { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 50% { -webkit-transform:translateX(98px); transform:translateX(98px); } 100% { -webkit-transform:translateX(0); transform:translateX(0); }}
@keyframes ideoda { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 50% { -webkit-transform:translateX(98px); transform:translateX(98px); } 100% { -webkit-transform:translateX(0); transform:translateX(0); }}

@-webkit-keyframes moveLeftBounces-one { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(1000px); transform:translateY(1000px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); }}
@keyframes moveLeftBounces-one { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(1000px); transform:translateY(1000px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); }}


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

@media (max-width: 1550px) {

:root {
	--ws-y:70px;
	--ws-y-md:30px;
	--ws-y-sm:15px;
	--header:80px;
}

}

@media (max-width: 1380px) {

header > div > nav > div > ul > li { padding:0 var(--ws-x-xs); }

}

@media (max-width: 1300px) {

:root {
	--ws-y:60px;
	--ws-x-sm:15px;
	--text-min-size:14px;
	--icon-xl:46px;
	--search:200px;
    --h1-size:36px;
	--h2-size:32px;
	--h3-size:24px;
	--h4-size:16px;
	--h5-size:16px;
    --profileImage:160px;
}

}

@media (max-width: 1200px) {

:root {
    --nav-size:14px;
    --nav2-size:13px;
    --search:160px;
    --logo:44px;
    --ws-y:50px;
}

.headline-slider .owl-dots { display:none; }
.headline-slider .owl-item > div > div > div { padding:0; }


}

@media (max-width: 1024px) {

:root {
	--header:70px;
	--logo:40px;
	--h1-size:30px;
	--h2-size:26px;
	--h3-size:22px;
	--h4-size:15px;
	--h5-size:15px;
	--text-size:15px;
	--text-fix-size:14px;
	--ws-y:50px;
	--services-col:2;
	--footer-col:2;
	--category-col:2;
	--questions-col:2;
	--questions-gap:3%;
	--blog-col:2;
	--blog-gap:3%;
    --search:300px;
    --button-size:12px;
    --profileImage:140px;
    --publications-col:4;
}

header { -webkit-backdrop-filter:none; backdrop-filter:none; }
header > div > span {}
header > div > span > span { display:inline-block; position:relative; padding-left:var(--ws-x-sm); }
[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%; }
header > div > nav > div > ul { margin-bottom:var(--header); }
header > div > nav > div > ul > li { display:block; padding:0; }
header > div > nav > div > ul > li > a { padding:var(--ws-y-xs) 0; font-size:calc(var(--nav-size) * 1.2); text-transform:uppercase; }
header > div > nav > div > ul > li.current > a:after { left:var(--ws-x-sm); bottom:0; right:inherit; top:0; }
header > div > nav > div > a { display:inline-block; }
header > div > nav > div > ul > li:hover > ul { display:none; }

.searchBar { margin-left:auto; }
.about { padding:0; }
.blogList > a:last-child { display:none; }
#footer-contacts { padding:var(--ws-y-sm) var(--ws-x-sm); display:none; }
.contactCard { margin-left:var(--ws-x); margin-right:var(--ws-x); }
.contactInfo { margin:0 var(--ws-x); }

}

@media (max-width: 768px) {

:root {
	--header:60px;
	--logo:36px;
	--ws-y:50px;
	--ws-x-md:30px;
	--rds-lg:40px;
	--icon-xl:40px;
    --icon-xxl:100px;
	--services-col:2;
	--contact-col:1;
	--footer-col:1;
	--about-col:1;
	--blog-col:1;
	--gallery-col:3;
    --search:180px;
    --text-min-size:13px;
    --profileImage:120px;
    --publications-col:3;
    --publications-col4:2;
}

h2 > small { margin-bottom:10px; letter-spacing:2px; }

.headline-slider { text-align:center; }
.headline-slider .owl-item > div > div { height:auto; }
.headline-slider .owl-item > div > div > div { max-width:100%; }
.headline-slider .owl-item > div > span { position:relative; display:block; width:100%; height:auto; margin:auto; }
.headline-slider .owl-nav { position:relative; text-align:center; padding:0; }
.headline-slider .owl-nav > button[type=button] > svg { fill:var(--dark-color); }

.headline > .wrapper--image { width:100%; }
.headline > .wrapper > div { max-width:90%; margin:auto; text-align:center; }
.headline > .wrapper > span { width:100%; height:100%; bottom:0; border-radius:0; }
.headline > .wrapper > span > img { object-position:center; }
.headline > .wrapper > span > img { opacity:0.2; filter:alpha(opacity=20); -khtml-opacity:0.2; -moz-opacity:0.2; }
.headline > .wrapper > span > img { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); }

.contentList > a { display:block; }
.intro { padding:var(--ws-y) 0 0 0; }

.contact > div:first-child { order:2; }
.contact > div:last-child { order:1; }

.contactForm { padding:var(--ws-y) 0; }

}

@media (max-width: 600px) {

:root {
	--questions-col:1;
}

}

@media (max-width: 480px) {

p { margin:10px 0; }

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

.blogList > a > div > div > h6 { font-size:var(--h3-size); }
.sameCategory > a > div > div > h6 { font-size:var(--h3-size); }

.services > div > div > h4, .questions > div > h4 { text-align:center; }
.services > div > i > svg { margin:auto; }
.paraline a { margin:0 var(--ws-x-xs) var(--ws-y-sm) var(--ws-x-xs); }
#search-bar > div { display:none; }


:root {
	--ws-y:30px;
	--ws-y-md:20px;
	--ws-x-sm:15px;
	--ws-x-md:20px;
	--header:50px;
	--logo:30px;
	--wrapper:92%;
	--button-size:11px;
	--rds-lg:30px;
	--icon-xs:16px;
    --icon-xxl:80px;
	--services-col:1;
	--category-col:1;
	--gallery-col:2;
	--search:150px;
    --profileImage:100px;
    --h1-size:26px;
	--h2-size:20px;
	--h3-size:18px;
	--h4-size:15px;
	--h5-size:15px;
    --h6-size:14px;
	--text-size:14px;
    --publications-col:2;
}

}


/*===========================
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{min-height:1px;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; right:0; margin:auto; width:var(--wrapper); max-width:1300px; line-height:12px; }
.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; }

.owl-nav { position:absolute; bottom:var(--ws-y-md); left:0; right:0; margin:auto; width:var(--wrapper); max-width:1300px; text-align:right; padding-right:var(--ws-x-sm); }
.owl-nav > button[type=button] { padding:var(--ws-x-xs); display:inline-block; vertical-align:top; background:0; border:0; }
.owl-nav > button[type=button]:not(.disabled):hover {}
.owl-nav > button[type=button] > svg { fill:var(--white-color); height:var(--icon-md); width:var(--icon-md); }
.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; }
.owl-nav > .owl-prev { margin-right:var(--ws-x-xs); }
.owl-nav > .owl-next { margin-left:var(--ws-x-xs); }