@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

/* ! reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, var, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li,
article, aside, details, dialog, figure, footer, header, main, mark, nav, section, summary, time,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], textarea, select
	{
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		line-height: inherit;
		vertical-align: baseline;
	}

:focus
	{
		outline: none;
	}

body, input, textarea, select
	{
		font-size: 16px;
		font-family: Poppins, sans-serif;
		font-weight: 400;
		line-height: 1.5em;
		color: #495761;
	}

table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}

caption, th, td
	{
		text-align: left;
		font-weight: 400;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], textarea, select
	{
		font-size: 100%;
		position: relative;
		display: inline-block;
		background-color: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		resize: none;
	}

input[type="checkbox"]
	{
		margin: 0 4px 0 0;
		padding: 0;
	}

html *
	{
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: transparent;
		-moz-tap-highlight-color: transparent;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
		max-height: 1000000px;
	}

/* ! styles */

article table
	{
		width: 100%;
	}

article td, article th
	{
		border-width: 1px;
		border-style: solid;
		padding: .2em .4em;
	}

article img, article hr, article .hr
	{
		border: none;
		max-width: 100%;
	}

article img
	{
		vertical-align: bottom;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

article img[style*="float: left"], article ins[style*="float: left"]
	{
		margin-right: 1em;
		margin-bottom: .5em;
	}

article img[style*="float: right"], article ins[style*="float: right"]
	{
		margin-left: 1em;
		margin-bottom: .5em;
	}

article iframe, article object, article embed
	{
		width: 100%;
		display: block;
		position: relative;
		z-index: 1;
	}

article audio, article video
	{
		display: block;
		width: 100%;
	}

article video
	{
		background: #000;
	}

article hr, article .hr
	{
		display: block;
		border-top-width: 1px;
		border-top-style: solid;
	}

article ol, article ul, article blockquote
	{
		padding-left: 3em;
	}

article address, article cite
	{
		font-style: italic;
	}

article sup, article sub
	{
		vertical-align: baseline;
		font-size: 70%;
		position: relative;
		top: -.4em;
	}

article sub
	{
		top: .2em;
	}

article strong, article b, article th
	{
		font-weight: 600;
	}

article p
	{
		z-index: 1;
	}

article h1 {margin: 1.3em 0 0 0; clear: both;}
article h2 {margin: 1.3em 0 0 0; clear: both;}
article h3 {margin: 1.3em 0 0 0;}
article h4 {margin: 1.3em 0 -1em 0;}

article p, article pre, article blockquote, article address, article ol, article ul, article dl,
article table, article form, article fieldset, article div, article hr, article .hr, article object,
article embed, article iframe, article audio, article video
	{
		margin-top: 1.5em;
	}

article :first-child, article ol ul, article ul ol, article ul ul, article ol ol, article div div,
article table table
	{
		margin-top: 0;
	}

article pre
	{
		border-width: 1px;
		border-style: dashed;
		padding: .2em .4em;
	}

/* ! colors */

article h1, article h2, article h3, article h4 {color: #21272c; font-weight: 600;}
a {color: #101010; text-decoration: none;}
.desktop a:hover, a.tap {color: #d30f3e;}
article small {color: #9e9f9f;}
article th {color: #fff; background-color: #313337;}
article td, article th {border-color: #313337;}
article hr, article .hr {border-color: #313337;}
article pre {border-color: #9e9f9f;}
article .e-gray {color: #9e9f9f;}
article .img-sign-wrap span {color: #9e9f9f;}

/* ! fonts */

article h1 {font-size: 20px; line-height: 1.5em;}
article h2 {font-size: 20px; line-height: 1.5em;}
article h3 {font-size: 18px; line-height: 1.5em;}
article h4 {font-size: 16px; line-height: 1.5em;}
article p {font-size: 100%; line-height: 2em;}
article li {font-size: 100%; line-height: 2em;}
article small {font-size: 90%; line-height: 1.5em;}
article big {font-size: 110%; line-height: 1.5em;}
article pre {font-size: 90%; line-height: 1.5em;}
article code {font-size: 90%; line-height: 1.5em;}
article table {font-size: 100%; line-height: 1.5em;}
article .img-sign-wrap span {font-size: 75%; line-height: 1.5em;}

/* ! select */

header, footer, aside, nav, .pages, .timeline, .e-btn, body>.alert, .form, .e-file ins, .slider,
.scroller .left, .scroller .right, .scene, .gallery, .e-more, .scroll-down
	{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		cursor: default;
	}

/* ! transitions */

article a, .langs a, .main-menu a, .submenu a, .breadcrumbs a, .form .close, .e-more, .e-share,
.google-map .zoom div, .slider .prev, .slider .next, .scroller .left, .scroller .right, .social a
	{
		-webkit-transition: color .25s, background-color .25s, border-color .25s;
		-moz-transition: color .25s, background-color .25s, border-color .25s;
		-ms-transition: color .25s, background-color .25s, border-color .25s;
		-o-transition: color .25s, background-color .25s, border-color .25s;
		transition: color .25s, background-color .25s, border-color .25s;
	}

/* ! flip */

.e-flip-h
	{
		-webkit-transform: scaleX(-1);
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

.e-flip-v
	{
		-webkit-transform: scaleY(-1);
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		transform: scaleY(-1);
		-ms-filter: "FlipV";
		filter: FlipV;
	}

.e-flip-h.e-flip-v
	{
		-webkit-transform: scale(-1, -1);
		-moz-transform: scale(-1, -1);
		-o-transform: scale(-1, -1);
		transform: scale(-1, -1);
		-ms-filter: "FlipH FlipV";
		filter: FlipH FlipV;
	}

/* ! borders */

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="submit"], textarea, select,
aside .wrapper, aside h3, .main-menu, .main-menu .menu, .main-menu li a, .main-menu .popup ul, .main-menu .popup.round>ul,
.form .wrapper, .form i, .form .select-wrapper, .e-btn, body>.alert p, article audio, article video, .google-map,
.scene .content img, .scene .content span, .gallery, .gallery .content span
	{
		border-radius: 6px;
	}

article img, .social a, .e-share a, .pages a, .pages span, .timeline a, .navigate a, .navigate span, .langs a, .langs span,
.google-map .zoom, .gallery .thumbs img
	{
		border-radius: 2px;
	}

/* ! wrapper */

main, header .wrapper, footer .wrapper, .breadcrumbs .wrapper, .main-menu .menu
	{
		position: relative;
		margin: 0 auto;
		padding-left: 40px;
		padding-right: 40px;
	}

/* ! main */

main
	{
		display: block;
		padding-top: 80px;
		padding-bottom: 80px;
		clear: both;
		margin-top: 74px;
		max-width: 1080px;
	}

#home-page main
	{
		margin-top: 0;
	}

#home-page .main-bot
	{
/* 		padding-bottom: 0;		
		z-index: 2; */
	}

/* ! header */

header
	{
		position: fixed;
		background-color: #fff;
		left: 0;
		right: 0;
		top: 0;
		height: 74px;
		box-shadow: 0px 1px 0px rgba(0, 0, 0, .075);
		z-index: 100;
	}

header .wrapper
	{
		height: 74px;
	}

/* ! logo */

header .logo a, header .logo span
	{
		display: block;
		overflow: hidden;
		position: absolute;
		top: 50%;
		margin-top: -14px;
		left: 40px;
		width: 143px;
		height: 28px;
		z-index: 10;
	}

header .logo svg, header .logo svg
	{
		display: inline-block;
		width: 143px;
		height: 28px;
		fill: #d30f3e;
	}

/* ! langs */

.langs
	{
		list-style: none;
		position: absolute;
		right: 40px;
		top: 20px;
	}

.langs li
	{
		float: left;
		margin-left: 7px;
	}

.langs a, .langs span
	{
		display: block;
		text-decoration: none;
		font-size: 75%;
		line-height: 1.4em;
		color: #fff;
		padding: 0 .2em;
		border: 1px solid transparent;
	}

.langs li span
	{
		background-color: #fff;
		border-color: #fff;
		color: #000;
	}

.desktop .langs a:hover, .langs a.tap
	{
		color: #fff;
		border-color: rgba(255, 255, 255, .75);
	}

/* ! menu */

.main-menu
	{
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -14px;
		font-size: 16px;
		height: 28px;

		z-index: 20;
		color: #d30f3e;
	}

.main-menu>svg
	{
		display: none;
		width: 24px;
		height: 17px;
		margin: 10px 0 0 10px;
		fill: currentColor;
	}

.main-menu .menu
	{
		list-style: none;
		overflow: visible;
		padding: 0 !important;
	}

.main-menu li
	{
		display: block;
		position: relative;
		float: left;
	}

.main-menu>ul>li:last-child
	{
		margin-right: 0;
	}

.main-menu li a
	{
		display: block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		color: #8596a2;
		line-height: 28px;
		padding: 0 20px;
		font-weight: 400;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.desktop .main-menu li:hover>a, .main-menu li.tap>a
	{
		color: #d30f3e;
	}

.main-menu li.active>a
	{
		color: #d30f3e !important;
	}

.main-menu .popup.hover>a
	{
		background-color: #222426;
		color: #fff !important;
	}

.main-menu .popup ul
	{
		position: absolute;
		left: 0;
		top: 28px;
		background-color: #222426;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		z-index: 100;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		-webkit-transition: max-height .25s 0s, opacity .25s;
		-moz-transition: max-height .25s 0s, opacity .25s;
		-ms-transition: max-height .25s 0s, opacity .25s;
		-o-transition: max-height .25s 0s, opacity .25s;
		transition: max-height .25s 0s, opacity .25s;
	}

.main-menu .popup ul li:first-child
	{
		margin-top: 10px;
	}

.main-menu .popup ul li:last-child
	{
		margin-bottom: 10px;
	}

.main-menu .popup.round>ul
	{
		border-top-left-radius: 0;
	}

.main-menu .popup.hover ul
	{
		opacity: 1;
		max-height: 1000px;
		-webkit-transition: max-height 1s .25s, opacity 0s .25s;
		-moz-transition: max-height 1s .25s, opacity 0s .25s;
		-ms-transition: max-height 1s .25s, opacity 0s .25s;
		-o-transition: max-height 1s .25s, opacity 0s .25s;
		transition: max-height 1s .25s, opacity 0s .25s;
	}

.main-menu .popup li
	{
		float: none;
		white-space: nowrap;
		text-align: left;
		display: block;
	}

.main-menu .popup>a
	{
		padding-right: 12px;
	}

.main-menu .popup>a>svg
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		width: 8px;
		height: 5px;
		fill: currentColor;
	}

.main-menu .popup li a
	{
		color: rgba(255, 255, 255, .75);
		font-size: 85%;
		font-weight: 400;
		line-height: 1.3em;
		padding: .4em 32px .4em 16px;
		border-radius: 0;
	}

.desktop .main-menu .popup li:hover>a, .main-menu .popup li.tap>a
	{
		color: rgba(255, 255, 255, .85);
		background-color: rgba(255, 255, 255, .05);
	}

.main-menu .popup li.active>a
	{
		background: transparent;
		color: rgba(255, 255, 255, .95) !important;
	}

/* ! breadcrumbs */

.breadcrumbs
	{
		overflow: hidden;
		clear: both;
		font-size: 75%;
		height: 32px;
		background-color: #eceded;
		position: relative;
		z-index: 10;
	}

.breadcrumbs .wrapper *
	{
		display: block;
		overflow: hidden;
		float: left;
		max-width: 250px;
		padding: 0 .25em;
		line-height: 32px;
		font-style: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.breadcrumbs svg
	{
		display: inline-block;
		width: 15px;
		height: 12px;
		margin-top: 10px;
		padding: 0 !important;
		fill: currentColor;
	}

.breadcrumbs .home, .breadcrumbs .sitemap
	{
		width: 15px;
		height: 32px;
		color: #313337;
		padding: 0 !important;
		margin-right: .25em;
	}

.breadcrumbs .sitemap, .breadcrumbs .sitemap svg
	{
		width: 11px;
		margin-right: 0;
	}

.breadcrumbs .wrapper div
	{
		color: #777;
	}

.breadcrumbs .wrapper p
	{
		float: right;
		padding: 0;
	}

.breadcrumbs span, .breadcrumbs i
	{
		color: #777;
	}

.breadcrumbs a
	{
		color: #555;
	}

.desktop .breadcrumbs a:hover, .breadcrumbs a.tap
	{
		color: #d30f3e;
	}

.breadcrumbs.fixed
	{
		position: fixed;
		left: 0;
		right: 0;
	}

/* ! sitemap */

.sitemap ul
	{
		list-style: none;
		padding-left: 0;
		font-weight: 600;
	}

.sitemap ul ul
	{
		padding-left: 1.8em;
		list-style: square;
		font-weight: 400;
	}

.sitemap li
	{
		padding: .4em 0;
	}

.sitemap ul ul li
	{
		padding: .2em 0;
	}

.sitemap ul ul li:last-child
	{
		padding-bottom: 0;
	}

/* ! footer */

footer
	{
		background-color: #fff;
		clear: both;
		position: relative;
		z-index: 10;
		box-shadow: 0px -1px 0px rgba(0, 0, 0, .075);
	}

footer .wrapper
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}

footer.fixed
	{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
	}

footer .logo svg
	{
		vertical-align: top;
		width: 143px;
		height: 28px;
		fill: #b6c0c7;
	}

/* ! copyrights */

.copyrights
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -10px;
		text-align: center;
		font-size: 14px;
		line-height: 20px;
		color: #b6c0c7;
		z-index: 1;
	}

.copyrights small
	{
		display: block;
	}

.copyrights a
	{
		color: #b6c0c7;
		text-decoration: none;
	}

.desktop .copyrights a:hover, .copyrights a.tap
	{
		color: #b6c0c7;
		text-decoration: underline;
	}

/* ! social */

.social
	{
		overflow: hidden;
		font-size: 0;
		height: 32px;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		right: 40px;
		z-index: 3;
	}

.social a
	{
		position: relative;
		display: inline-block;
		float: left;
		width: 32px;
		height: 32px;
		overflow: hidden;
		margin-left: 7px;
		border-radius: 100px;
		text-align: center;
		border: none !important;
		background: #b6c0c7;
	}

.social a:first-child
	{
		margin-left: 0;
	}

.social a svg
	{
		position: relative;
		display: block;
		width: 32px;
		height: 32px;
		fill: #fff;
		z-index: 2;
	}

.desktop .social a:hover, .social a.tap {background: #d30f3e;}


/* ! aside */

aside
	{
		float: right;
		width: 240px;
	}

aside .wrapper
	{
		margin-top: 20px;
		background-color: #f9f9f9;
	}

aside .wrapper:first-child
	{
		margin-top: 0;
	}

.fixed aside
	{
		position: fixed;
		top: 40px;
		z-index: 2;
	}

aside h3
	{
		background-color: #eceded;
		line-height: 1.3em;
		font-size: 100%;
		font-weight: 600;
		padding: .5em 16px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		cursor: default;
	}

/* ! submenu */

.submenu
	{
		list-style: none;
		padding: 10px 0;
	}

.submenu a
	{
		display: block;
		padding: .4em 16px;
		font-size: 90%;
		line-height: 1.3em;
		font-weight: 400;
	}

.submenu li.active>a
	{
		color: #d30f3e;
	}

/* ! article */

#content-page main>.wrapper
	{
		width: 100%;
		float: left;
		margin-right: -280px;
	}

#content-page article
	{
		margin-right: 280px;
	}

/* ! columns */

.e-box2col, .e-box3col, .e-box4col
	{
		overflow: hidden;
		margin-left: -40px;
	}

.e-first, .e-second, .e-third, .e-fourth
	{
		float: left;
		padding-left: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.e-box2col>.e-first, .e-box2col>.e-second
	{
		width: 50%;
	}

.e-box3col>.e-first, .e-box3col>.e-second, .e-box3col>.e-third
	{
		width: 33.333333333%;
	}

.e-box4col>.e-first, .e-box4col>.e-second, .e-box4col>.e-third, .e-box4col>.e-fourth
	{
		width: 25%;
	}

.e-box2col:after, .e-box3col:after, .e-box4col:after
	{
		content: "";
		display: block;
		clear: left;
		overflow: hidden;
		height: 0 !important;
		margin: 0 !important;
	}

/* ! photos */

.e-photo
	{
		overflow: hidden;
		margin-left: -20px;
		margin-bottom: -20px;
	}

.e-photo a
	{
		font-size: 0 !important;
	}

.e-photo img
	{
		display: inline-block;
		vertical-align: top;		
		background: #fff;
		margin: 0 0 20px 20px;
		height: 100px;
	}

/* ! image sign */

.img-sign-link
	{
		text-decoration: none;
		border: none;
	}

.img-sign-wrap
	{
		display: inline-block;
	}

.img-sign-wrap img
	{
		display: block;
	}

.img-sign-wrap span
	{
		padding: .4em 0;
		text-align: center;
		float: left;
		display: none;
	}

/* ! more */

.e-content
	{
		position: relative;
		overflow: hidden;
		max-height: 300px;		
	}

.e-content.hidden:after
	{
		content: "";
		display: block;
		position: absolute;
		height: 100px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: -webkit-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%);
	}

.e-content.show
	{
		max-height: inherit;
	}

.e-more
	{
		display: none;
		cursor: pointer;
		line-height: 1em;
		color: #1478b4;
		border-bottom: 1px dashed rgba(20, 120, 180, .75);
	}

.e-more.show
	{
		display: inline-block;
	}

.desktop .e-more:hover, .e-more.tap
	{
		color: #d30f3e;
		border-color: rgba(211, 15, 62, .75);
	}

/* ! external links */

/* article a.external:after
	{
		content: "";
		display: inline-block;
		width: 6px;
		height: 5px;
		vertical-align: top;
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDUiPjxwYXRoIGQ9Ik02IDBIMS41bDEuNTIgMS41M0MyLjQ0IDIuNTggMS4yOSAzLjc1IDAgNC41YzAgMCAyLjcgMC4xNSA0LjM0LTEuNjVMNiA0LjVWMHoiIGZpbGw9IiM3NzciLz48L3N2Zz4=");
	} */

/* ! pages */

.pages
	{
		margin-top: 40px;
		overflow: hidden;
		clear: both;
	}

.pages a, .pages span
	{
		display: block;
		float: left;
		border: 1px solid rgba(20, 120, 180, .75);
		color: #1478b4;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin-right: 7px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}

.pages span
	{
		border-color: #1478b4;
		background-color: #1478b4;
		color: #fff;
	}

.pages svg
	{
		display: inline-block;
		width: 7px;
		height: 12px;
		fill: currentColor;
	}

.desktop .pages a:hover, .pages a.tap
	{
		border-color: rgba(211, 15, 62, .75);
		color: #d30f3e;
	}

/* ! navigate */

.navigate
	{
		margin-top: 40px;
		overflow: hidden;
		clear: both;
	}

.navigate a, .navigate span
	{
		display: block;
		float: left;
		border: 1px solid rgba(20, 120, 180, .75);
		color: #1478b4;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin-right: 7px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}

.navigate span
	{
		color: #bbb !important;
		border-color: #bbb !important;
		cursor: default;
	}

.navigate a:last-child, .navigate span:last-child
	{
		margin-right: 0;
	}

.navigate svg
	{
		display: inline-block;
		width: 7px;
		height: 12px;
		fill: currentColor;
	}

.desktop .navigate a:hover, .navigate a.tap
	{
		border-color: rgba(211, 15, 62, .75);
		color: #d30f3e;
	}

/* ! share */

.e-share
	{
		display: block;
		float: right;
		position: relative;
		overflow: hidden;
		width: 0;
		height: 24px;
		padding-right: 20px;
		color: #1478b4;
	}

.e-share>svg
	{
		display: inline-block;
		position: absolute;
		width: 15px;
		height: 16px;
		right: 0;
		top: 4px;
		fill: currentColor;
	}

.desktop .e-share:hover, .e-share.hover
	{
		width: auto;
		color: #d30f3e;
	}

.e-share a
	{
		display: block;
		overflow: hidden;
		float: right;
		margin-right: 7px;
		width: 24px;
		height: 24px;
	}

.e-share a svg
	{
		display: inline-block;
		width: 24px;
		height: 24px;
		fill: #fff;
	}

/* ! tags */

.tags
	{
		display: block;
		position: relative;
		clear: both;
		padding-left: 20px;
		font-size: 90%;
		line-height: 1.3em;
		color: #777;
		cursor: default;
	}

.tags>svg
	{
		display: inline-block;
		position: absolute;
		width: 15px;
		height: 12px;
		left: 0;
		top: 4px;
		fill: currentColor;
	}

.tags a
	{
		color: #777;
	}

.desktop .tags a:hover, .tags a.tap
	{
		color: #d30f3e;
	}

/* ! timeline */

.timeline
	{
		overflow: hidden;
		clear: both;
		margin-bottom: -7px;
	}

.timeline .years, .timeline .months
	{
		display: block;
		float: left;
	}

.timeline a
	{
		display: block;
		float: left;
		border: 1px solid rgba(20, 120, 180, .75);
		color: #1478b4;
		line-height: 30px;
		padding: 0 6px;
		margin: 0 7px 7px 0;
		text-decoration: none;
		text-align: center;
	}

.timeline .separator
	{
		display: block;
		overflow: hidden;
		float: left;
		width: 1px;
		height: 24px;
		background-color: #777;
		margin: 4px 7px 11px 0;
	}

.desktop .timeline a:hover, .timeline a.tap
	{
		border-color: rgba(211, 15, 62, .75);
		color: #d30f3e;
	}

.timeline a.active
	{
		border-color: #1478b4 !important;
		background-color: #1478b4 !important;
		color: #fff !important;
		cursor: default;
	}

/* ! news list */

.news
	{
		overflow: hidden;
		clear: both;
	}

.news>div
	{
		margin-top: 40px;
		overflow: hidden;
		clear: both;
	}

.news>div:first-child
	{
		margin-top: 0 !important;
	}

.news>div img
	{
		float: right;
		width: 240px;
	}

.news>div span
	{
		color: #777;
		font-size: 90%;
		line-height: 2em;
	}

.news>div p, .news>div h3
	{
		margin-top: 0;
		margin-right: 280px;
	}

/* ! news body */

.news-line
	{
		overflow: hidden;
		clear: both;
	}

.news-line .date
	{
		color: #777;
		font-size: 90%;
		line-height: 24px;
	}

.news-image
	{
		margin-top: 1.3em;
		margin-left: 40px;
		margin-bottom: .6em;
		float: right;
		max-width: 50%;
	}

/* ! news related */

.news.related>div
	{
		margin-top: .5em;
	}

/* ! form */

.form.modal
	{
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, .25);
		z-index: 10000;
	}

.form.modal.touch
	{
		position: absolute;
	}

.form.modal .wrapper
	{
		position: absolute;
		overflow: hidden;
		background: #fff;
		width: 400px;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		padding-top: 20px;
		-moz-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	}

.form.modal.touch .wrapper
	{
		-moz-transform: inherit;
		-webkit-transform: inherit;
		transform: inherit;
	}

.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"], .form textarea, .form select
	{
		border: 1px solid rgba(0, 0, 0, .25);
		display: block;
		width: 100%;
		padding: 4px;
	}

.form select
	{
		overflow: hidden;
		height: 29px;
		background: transparent;
		z-index: 3;
		font-size: 100%;
		line-height: 1.3em;
	}

.form .select-wrapper
	{
		display: block;
		background: #fff;
		position: relative;
		text-align: left;
	}

.form .select-wrapper i
	{
		display: block;
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 28px;
		height: 27px;
		z-index: 1;
	}

.form .select-wrapper i svg
	{
		display: inline-block;
		width: 8px;
		height: 5px;
		margin: 11px 0 0 10px;
		fill: currentColor;
	}

.form .file-wrapper i
	{
		display: inline-block;
		position: relative;
		color: #fff;
		background-color: #1478b4;
		font-style: normal;
		padding: 6px 20px 6px 39px;
		cursor: pointer;
	}

.form .file-wrapper i:active
	{
		background-color: #d30f3e !important;
	}

.form .file-wrapper i svg
	{
		position: absolute;
		left: 12px;
		top: 8px;
		width: 15px;
		height: 14px;
		fill: #fff;
	}

.form .file-wrapper u
	{
		text-decoration: none;
	}

.form .file-wrapper input
	{
		position: absolute;
		left: -10000px;
		opacity: 0;
	}

.form input[type="text"]:focus, .form input[type="tel"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus, .form select:focus
	{
		border-color: rgba(0, 0, 0, .5);
	}

.form .alert
	{
		border-color: #d30f3e !important;
	}

.form h3
	{
		margin-bottom: .6em;
		font-size: 150%;
		line-height: 1.3em;
	}

.form h4
	{
		margin: 1.3em 0;
		color: #777;
	}

.form p
	{
		position: relative;
		margin-top: 10px;
		font-size: 90%;
		line-height: 1.3em;
	}

.form p:first-child
	{
		margin-top: 0 !important;
	}

.form label
	{
		display: inline-block;
		margin-bottom: .2em;
	}

.form .submit
	{
		margin-top: 20px;
	}

.form .close
	{
		position: absolute;
		overflow: hidden;
		width: 24px;
		height: 24px;
		right: 14px;
		top: 14px;
		z-index: 10;
		cursor: pointer;
	}

.form .close svg
	{
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 6px 0 0 6px;
		fill: currentColor;
	}

article .form .close, .close.hidden
	{
		display: none;
	}

.form.modal h3
	{
		position: relative;
		padding: 0 48px 8px 20px;
		font-size: 125%;
		line-height: 1.3em;
		margin-bottom: 0;
		z-index: 5;
	}

.form.modal h4
	{
		margin-top: 12px;
	}

.form.modal h4, .form.modal p
	{
		margin-left: 20px;
		margin-right: 20px;
	}

.form.modal .submit
	{
		margin-left: 20px;
		margin-bottom: 20px;
	}

.desktop .form .close:hover, .form .close.tap
	{
		color: #d30f3e;
	}

/* ! alert */

body>.alert
	{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, .25);
		z-index: 10000;
	}

body>.alert p
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 240px;
		margin-left: -140px;
		margin-top: 0;
		padding: 20px;
		font-size: 90%;
		line-height: 1.4em;
		text-align: center;
		background-color: #fff;
		-moz-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
	}

/* ! button */

.e-btn
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		color: #fff !important;
		background-color: #1478b4 !important;
		padding: 0px 20px !important;
		line-height: 36px !important;
		text-decoration: none;
		cursor: pointer;
	}

.desktop .e-btn:active, .e-btn.tap
	{
		background-color: #d30f3e !important;
	}

.e-btn.light
	{
		line-height: 34px;
		border: 1px solid rgba(20, 120, 180, .75);
		background-color: transparent !important;
		color: #1478b4 !important;
	}

.desktop .e-btn.light:hover, .e-btn.light.tap
	{
		background-color: transparent !important;
		border-color: rgba(211, 15, 62, .75);
		color: #d30f3e !important;
	}

.e-btn.disabled
	{
		background-color: #ddd !important;
		border-color: #ddd !important;
		cursor: default;
	}

.e-btn.external:after
	{
		display: none !important;
	}

/* ! files */

.e-file
	{
		display: table;
		position: relative;
		width: 100%;
		height: 44px;
	}

.e-file div
	{
		display: table-cell;
		vertical-align: middle;
		padding-left: 50px;
	}

.e-file ins
	{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 42px;
		text-decoration: none;
		border: 1px solid #000;
		cursor: default;
	}

.e-file ins:before
	{
		content: "";
		position: absolute;
		right: -1px;
		top: -1px;
		border-top: 9px solid #000;
		border-left: 9px solid transparent;
	}

.e-file ins:after
	{
		content: "";
		position: absolute;
		right: -1.75px;
		top: -1.75px;
		border-top: 9px solid #fff;
		border-left: 9px solid transparent;
	}

.e-file ins b
	{
		display: block;
		position: absolute;
		right: -1px;
		top: -1px;
		width: 7px;
		height: 7px;
		border: 1px solid #000;
	}

.e-file ins i
	{
		display: block;
		position: absolute;
		right: -9px;
		bottom: 6px;
		padding: 0 2px;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		border: 1px solid #000;
		background: #fff;
		text-transform: uppercase;
	}

/* ! scroller */

.scroller
	{
		position: relative;
		clear: both;
	}

.scroller .content
	{
		position: relative;
		overflow: hidden;
	}

.scroller .content>div
	{
		position: relative;
		overflow: auto;
		font-size: 0;
		white-space: nowrap;
		padding-bottom: 40px;
		margin-bottom: -40px;
		-webkit-overflow-scrolling: touch;
	}

.scroller.steps .content>div
	{
		overflow: hidden;
		-webkit-overflow-scrolling: auto;
	}

.scroller .content>div>*
	{
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		position: relative;
	}

.scroller .left, .scroller .right
	{
		position: absolute;
		width: 40px;
		top: 0;
		left: -40px;
		bottom: 0;
		z-index: 10;
		cursor: pointer;
		color: rgba(0, 0, 0, .75);
	}

.scroller .right
	{
		left: auto;
		right: -40px;
	}

.desktop .scroller .left:hover, .scroller .left.tap,
.desktop .scroller .right:hover, .scroller .right.tap
	{
		color: #000;
	}

.scroller .left svg, .scroller .right svg
	{
		width: 20px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		margin-top: -20px;
		fill: currentColor;
	}

.scroller .disabled
	{
		color: #ccc !important;
		cursor: default;
	}

/* ! slider */

.slider
	{
		position: relative;
		overflow: hidden;
	}

.slider .content
	{
		position: relative;
	}

.slider .slide
	{
		display: block;
		position: relative;
		float: left;
		min-height: 64px;
	}

.slider .slide:after
	{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
	}

.slider .prev, .slider .next
	{
		position: absolute;
		width: 60px;
		height: 60px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		top: 50%;
		margin-top: -30px;
		left: 0;
		z-index: 10;
		cursor: pointer;
		color: rgba(255, 255, 255, .75);
	}

.slider .next
	{
		left: auto;
		right: 0;
	}

.desktop .slider .prev:hover, .slider .prev.tap,
.desktop .slider .next:hover, .slider .next.tap
	{
		color: #fff;
	}

.slider .prev svg, .slider .next svg
	{
		width: 20px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		margin-top: -20px;
		fill: currentColor;
	}

.slider .pager
	{
		display: inline-block;
		text-align: center;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		line-height: 1px;
		z-index: 10;
	}

.slider .pager i
	{
		display: inline-block;
		width: 6px;
		height: 6px;
		border-radius: 6px;
		background: rgba(255, 255, 255, .5);
		margin: 0 3px;
	}

.slider .pager i.active
	{
		background: #fff;
	}

/* ! scene */

.scene
	{
		opacity: 0;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0, 0, 0, .85);
		z-index: 1001;
	}

.scene .content
	{
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 8;
	}

.scene .content span
	{
		display: inline-block;
		position: absolute;
		padding: 5px 9px;
		background: rgba(0, 0, 0, .5);
		color: #fff;
		text-align: center;
		font-size: 12px;
		font-weight: inherit;
		line-height: 1.3em;
		bottom: 20px;
		margin: 0 auto;
		max-width: 50%;
		left: 50%;
		-moz-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

.scene .content img
	{
		display: block;
		box-shadow: 0px 0px 25px rgba(0, 0, 0, .25);
	}

.scene .prev, .scene .next
	{
		opacity: 0;
		position: absolute;
		width: 60px;
		height: 60px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		top: 50%;
		margin-top: -30px;
		left: 0;
		z-index: 10;
		cursor: pointer;
		color: rgba(255, 255, 255, .75);
	}

.scene .next
	{
		left: auto;
		right: 0;
	}

.desktop .scene .prev:hover, .scene .prev.tap,
.desktop .scene .next:hover, .scene .next.tap
	{
		color: #fff;
	}

.scene .prev svg, .scene .next svg
	{
		width: 20px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		margin-top: -20px;
		fill: currentColor;
	}

.scene, .scene .content, .scene .prev, .scene .next
	{
		-webkit-transition: color .25s, opacity 400ms ease-in-out;
		-moz-transition: color .25s, opacity 400ms ease-in-out;
		-ms-transition: color .25s, opacity 400ms ease-in-out;
		-o-transition: color .25s, opacity 400ms ease-in-out;
		transition: color .25s, opacity 400ms ease-in-out;
	}

.scene .loader, .gallery .loader
	{
		opacity: 0;
		width: 28px;
		height: 28px;
		left: 50%;
		top: 50%;
		margin-left: -16px;
		margin-top: -16px;
		position: absolute;
		z-index: 7;
		border-top: 2px solid transparent;
		border-right: 2px solid rgba(255, 255, 255, .75);
		border-bottom: 2px solid transparent;
		border-left: 2px solid rgba(255, 255, 255, .75);
		border-radius: 50%;
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-moz-animation: load .8s infinite linear;
		-webkit-animation: load .8s infinite linear;
		animation: load .8s infinite linear;
		-webkit-transition: opacity 100ms ease-in-out;
		-moz-transition: opacity 100ms ease-in-out;
		-ms-transition: opacity 100ms ease-in-out;
		-o-transition: opacity 100ms ease-in-out;
		transition: opacity 100ms ease-in-out;
	}

@-moz-keyframes load {0% {-moz-transform: rotate(0deg); transform: rotate(0deg)} 100% {-moz-transform: rotate(360deg); transform: rotate(360deg)}}
@-webkit-keyframes load {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}
@keyframes load {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}}

/* ! gallery */

.gallery
	{
		position: relative;
		background: #000;
		overflow: hidden;
		clear: both;
	}

.gallery .wrapper
	{
		position: relative;
	}

.gallery .content
	{
		position: relative;
		width: 100%;
		display: table;
		z-index: 8;
	}

.gallery .content>div
	{
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		font-size: 0;
	}

.gallery .content img
	{
		border-radius: 0;
		cursor: pointer;
	}

.gallery .content span
	{
		display: inline-block;
		position: absolute;
		padding: 4px 8px;
		background: rgba(0, 0, 0, .5);
		color: #fff;
		font-size: 11px;
		font-weight: inherit;
		line-height: 1.3em;
		bottom: 20px;
		margin: 0 auto;
		max-width: 50%;
		left: 50%;
		-moz-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

.gallery .prev, .gallery .next
	{
		opacity: 0;
		position: absolute;
		width: 60px;
		height: 60px;
		top: 50%;
		margin-top: -30px;
		left: 0;
		z-index: 10;
		cursor: pointer;
		color: rgba(255, 255, 255, .75);
	}

.gallery .next
	{
		left: auto;
		right: 0;
	}

.desktop .gallery .prev:hover, .gallery .prev.tap,
.desktop .gallery .next:hover, .gallery .next.tap
	{
		color: #fff;
	}

.gallery .disabled
	{
		opacity: 0 !important;
		cursor: default;
	}

.gallery .prev svg, .gallery .next svg
	{
		width: 20px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		margin-top: -20px;
		fill: currentColor;
	}

.gallery .thumbs
	{
		overflow: hidden;
		position: relative;
		height: 50px;
		margin: 10px 0;
	}

.gallery .thumbs>div
	{
		position: relative;
		overflow: auto;
		font-size: 0;
		white-space: nowrap;
		height: 100px;
		-webkit-overflow-scrolling: touch;
	}

.gallery .thumbs>div>*
	{
		display: inline-block;
		overflow: hidden;
		position: relative;
		margin-left: 10px;
		opacity: .5;
		-webkit-transition: opacity .25s;
		-moz-transition: opacity .25s;
		-ms-transition: opacity .25s;
		-o-transition: opacity .25s;
		transition: opacity .25s;
		cursor: pointer;
	}

.gallery .thumbs>div>*:last-child
	{
		margin-right: 10px;
	}

.gallery .thumbs>div>*.active, .gallery .thumbs>div>*:hover
	{
		opacity: 1;
	}

.gallery .thumbs img
	{
		display: inline-block;
		height: 50px;
	}

.gallery .thumbs:before, .gallery .thumbs:after
	{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 10px;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		z-index: 10;
	}

.gallery .thumbs:after
	{
		left: auto;
		right: 0;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	}

.gallery .content, .gallery .prev, .gallery .next
	{
		-webkit-transition: color .25s, opacity 400ms ease-in-out;
		-moz-transition: color .25s, opacity 400ms ease-in-out;
		-ms-transition: color .25s, opacity 400ms ease-in-out;
		-o-transition: color .25s, opacity 400ms ease-in-out;
		transition: color .25s, opacity 400ms ease-in-out;
	}

/* ! map */

.google-map
	{
		width: 100%;
		height: 400px;
		position: relative;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1;
	}

.google-map img
	{
		max-width: inherit !important;
		border-radius: 0;
	}

.google-map .zoom
	{
		margin: 20px;
		background-color: #fff;
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0px);
	}

.google-map .zoom div
	{
		width: 24px;
		height: 28px;
		cursor: pointer;
	}

.google-map .zoom div:hover
	{
		color: #1478b4;
	}

.google-map .zoom div svg
	{
		display: inline-block;
		margin: 8px 0 0 6px;
		width: 12px;
		height: 12px;
		fill: currentColor;
	}

.google-map .zoom .separator
	{
		overflow: hidden;
		height: 1px;
		background: rgba(0, 0, 0, .1) !important;
		margin: 0 auto;
	}

/* ! error */

#error-page
	{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

#error-page p
	{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -100px;
		margin-top: -40px;
		width: 200px;
		height: 80px;
		background: #d30f3e;
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 80px;
		line-height: 80px;
		text-align: center;
		cursor: default;
	}

#error-page p:before
	{
		content: "";
		position: absolute;
		left: 0;
		top: -60px;
		width: 80px;
		height: 0;
		border-bottom: 60px solid #d30f3e;
		border-left: 60px solid transparent;
		border-right: 60px solid transparent;
	}

#error-page p:after
	{
		content: "";
		position: absolute;
		left: 0;
		bottom: -60px;
		width: 80px;
		height: 0px;
		border-top: 60px solid #d30f3e;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
	}

/* ! customize */

article h1
	{
		color: #8596a2;
		text-align: center;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: -40px;
	}

article h1:before
	{
		content: "–";
		margin-right: 20px;
	}

article h1:after
	{
		content: "–";
		margin-left: 20px;
	}

article .e-red
	{
		color: #d30f3e;
	}















.e-small-box
	{
		position: relative;
		margin-top: 80px;
		padding-bottom: 40px;
	}

.e-small-box .e-box-img
	{
		position: relative;
		left: 50%;
		top: 0;
		width: 150px;
		height: 150px;
		transform: translate(-50%, -0%);
		z-index: 7;
	}

.e-small-box .e-box-img img
	{
		display: block;
		width: 150px;
		height: 150px;
		border-radius: 100px;
	}

.e-small-box:before
	{
		content: "";
		position: absolute;
		top: 74px;
		bottom: 0;
		width: 100%;
		max-width: 500px;
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		left: 50%;
		transform: translate(-50%, -0%);
		z-index: 1;
	}

.e-small-box .e-box-wrap
	{
		padding: 40px 0;
		overflow: hidden;
	}

.e-small-box .e-box-content
	{
		position: relative;
		padding: 40px 0;
		box-shadow: 0px 0px 40px rgba(0, 0, 0, .1);
		background: #fff;
		font-weight: 500;
		font-size: 23px;
		line-height: 2em;
		color: #101010;
		text-align: center;
		z-index: 5;
	}

.e-small-box .e-box-content p
	{
		position: relative;
		z-index: 10;
	}

.e-small-box .e-box-content:before
	{
		content: "";
		position: absolute;
		left: -40px;
		top: -40px;
		bottom: -40px;
		width: 20%;
		border-left: 40px solid #fff;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		z-index: 3;
	}

.e-small-box .e-box-content:after
	{
		content: "";
		position: absolute;
		right: -40px;
		top: -40px;
		bottom: -40px;
		width: 20%;
		border-right: 40px solid #fff;
		background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		z-index: 3;
	}

.e-bot-content
	{
		text-align: center;
		position: relative;
		z-index: 5;
	}

.e-bot-content h3
	{
		font-size: 22px;
	}

.e-bot-content p
	{
		color: #9e9f9f;
		margin-top: .25em;
	}

.e-bot-content p b
	{
		font-weight: 500;
	}

.e-bot-content h4
	{
		font-size: 18px;
		margin-bottom: 0 !important;
	}






.e-center-box
	{
		position: relative;
		margin: 80px auto 0 auto;
		max-width: 964px;
	}

.e-center-box .e-box-content
	{
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		padding: 80px 80px 80px 80px;
		font-size: 18px;
		line-height: 2em;
		color: #101010;
		padding: 160px 80px 80px 80px;
		margin-top: -80px;
	}

.e-center-box.blank .e-box-content
	{
		padding: 60px 80px 80px 80px;
		margin-top: -50px;
	}

.e-center-box .e-box-img
	{
		position: relative;
		left: 50%;
		top: 0;
		width: 60% !important;
		transform: translate(-50%, -0%);
		background: #fff;
	}

.e-center-box.attack .e-box-img:after
	{
		content: "";
		position: absolute;
		left: -20px;
		right: -20px;
		top: 0;
		bottom: 0;
		background: #fff;
		z-index: -2;
	}

.e-center-box .e-box-img img
	{
		display: block;
		width: 100%;
		border-radius: 18px;
	}

.e-left-box
	{
		position: relative;
		margin-top: 80px;
	}

.e-left-box .e-box-img, .e-right-box .e-box-img
	{
		position: absolute;
		left: 0;
		top: 50%;
		width: 30%;
		transform: translate(0%, -50%);
	}

.e-center-box .e-box-img img, .e-left-box .e-box-img img, .e-right-box .e-box-img img
	{
		display: block;
		width: 100%;
		border-radius: 18px;
	}

.e-left-box .e-box-content
	{
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		padding: 80px 80px 80px 10%;
		margin-left: 25%;
	}

.e-right-box
	{
		position: relative;
		margin-top: 80px;
	}

.e-right-box .e-box-img
	{
		left: auto;
		right: 0;
	}

.e-right-box .e-box-img img
	{
		float: right;
	}

.e-right-box .e-box-content
	{
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		padding: 80px 10% 80px 80px;
		margin-right: 25%;
	}

.e-left-box.big .e-box-content
	{
		padding: 120px 80px 120px 20%;
		margin-left: 25%;
	}

.e-left-box.big .e-box-img, .e-right-box.big .e-box-img
	{
		width: 40%;
	}

.e-right-box.big .e-box-content
	{
		padding: 120px 20% 120px 80px;
		margin-right: 25%;
	}

.e-left-box.huge .e-box-content, .e-right-box.huge .e-box-content
	{
		font-size: 18px;
		line-height: 2em;
		color: #101010;
	}

.e-blur
	{
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 18px;
    filter: blur(40px);
		opacity: .5;
		will-change: transform;
	}

.e-center-box .e-doc-sign
	{
		width: 15%;
	}

@media only screen and (max-width: 1023px)
	{

		.e-center-box .e-box-content
			{
				padding: 120px 40px 40px 40px;
				margin-top: -60px;
			}

		.e-center-box.blank .e-box-content
			{
				padding: 40px 40px 40px 40px;
				margin-top: -50px;
			}

		.e-left-box .e-box-content
			{
				padding: 40px 40px 40px 10%;
			}

		.e-right-box .e-box-content
			{
				padding: 40px 10% 40px 40px;
			}

		.e-left-box.big .e-box-content
			{
				padding: 40px 40px 40px 20%;
			}

		.e-right-box.big .e-box-content
			{
				padding: 40px 20% 40px 40px;
			}

		.e-small-box:before
			{
				max-width: 440px;
			}

	}

@media only screen and (max-width: 640px)
	{

		.e-center-box, .e-left-box, .e-right-box, .e-small-box
			{
				margin-top: 40px !important;
			}

		.e-center-box .e-box-content, .e-left-box .e-box-content, .e-right-box .e-box-content
			{
				padding: 60px 20px 20px 20px !important;
				margin: -40px 0 0 0 !important;
			}

		.e-center-box.blank .e-box-content
			{
				padding: 20px 20px 20px 20px !important;
				margin: -20px 0 0 0 !important;
			}

		.e-center-box .e-box-img, .e-left-box .e-box-img, .e-right-box .e-box-img
			{
				position: relative;
				left: 50%;
				right: auto;
				top: 0;
				width: 70% !important;
				transform: translate(-50%, 0%);
			}

		.e-right-box .e-box-img img
			{
				float: none;
			}

		.e-center-box .e-box-content, .e-left-box.huge .e-box-content, .e-right-box.huge .e-box-content
			{
				font-size: 16px;
				line-height: 2em;
			}

		.e-small-box:before
			{
				max-width: 1000px;
				box-sizing: border-box;
			}

		.e-small-box .e-box-content
			{
				padding: 20px;
				font-size: 18px;
				line-height: 2em;
				margin-right: 2px;
				margin-left: 2px;
			}

		.e-small-box .e-box-content:before
			{
				border-left: none;
				left: 0;
			}

		.e-small-box .e-box-content:after
			{
				border-right: none;
				right: 0;
			}

		.e-center-box .e-doc-sign
			{
				width: 25%;
			}

		.e-blur
			{
    		filter: blur(20px);
				opacity: .25;
			}


	}








.e-contacts
	{
		list-style: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		position: relative;
		font-size: 21px;
		line-height: 2em;
		z-index: 5;
	}

.e-contacts li
	{
		padding: 10px 0;
		white-space: nowrap;
	}

.e-contacts li img
	{
		width: 48px;
		height: 48px;
		margin-right: 8px;
		vertical-align: middle;
		box-shadow: 0px 5px 10px rgba(211, 15, 62, .15);
		border-radius: 16px;
	}

.e-contacts li a:after
	{
		display: none;
	}

.e-contacts li a
	{
		text-decoration: none;
		color: #101010;
	}

.e-logo
	{
		width: 143px;
		height: 28px;
		fill: #d30f3e;
	}

.e-more-btn
	{
		color: #d30f3e;
		font-weight: 500;
		text-decoration: none;
	}

.e-more-btn:after
	{
		content: "→";
		position: relative;
		margin-left: 4px;
		transition: margin .25s;
	}

.desktop .e-more-btn:hover:after
	{
		margin-left: 8px;
	}


.bg
	{
		position: relative;
		margin-top: 74px;
	}

.bg>img
	{
		display: block;
		width: 100%;
	}

.bg .text
	{
		position: absolute;
		left: 8vw;
		top: 12vw;
		width: 38vw;
		font-size: 1.25vw;
		line-height: 1.5em;
		color: #fff;
		font-weight: 500;
	}

.bg .text svg
	{
		display: block;
		width: 38vw;
		height: 8vw;
		margin-bottom: .5em;
		fill: #fff;
	}


.e-ukraine-attack
	{
		text-align: center;
		margin: 40px auto 120px auto !important;
		width: 50%;
		position: relative;
	}

.e-ukraine-attack img
	{
		width: 100%;
		display: block;
	}


.press
	{
		position: relative;
		overflow: hidden;
		margin-top: -7vw;
	}

.press img
	{
		width: 100%;
		display: block;
	}

.press:before
	{
		content: "";
		position: absolute;
		left: -100px;
		top: 12%;
		width: 46%;
		bottom: 25%;
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		z-index: -1;
	}

.press:after
	{
		content: "";
		position: absolute;
		right: -100px;
		bottom: 0;
		width: 48%;
		top: 40%;
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		z-index: -1;
	}

.e-kill
	{
		position: relative;
		margin-top: 80px;
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		padding: 80px;
		background: #fff;
	}

.e-kill-img
	{
		width: 320px;
		position: relative;
		position: absolute;
		right: 54%;
		top: 50%;
		transform: translate(0%, -50%);
	}

.e-kill-img img
	{
		width: 100%;
	}

.e-kill-content
	{
		color: #101010;
		width: 46%;
		margin-left: 54%;
	}

.e-kill-content h3
	{
		text-transform: uppercase;
		color: #101010;
		font-size: 26px;
		line-height: 1.3em;
	}

#home-page footer
	{
/* 		background: transparent;
		border-top: 2px solid #e4ebf1;
		box-shadow: none;
		z-index: 1;
		margin-top: -80px;
		padding-top: 80px; */
	}

.e-changers
	{
		text-align: center;
		overflow: hidden;
		margin-top: 80px;
		font-size: 18px;
		color: #101010;
	}

.e-changers ul
	{
		list-style: none;
		margin-top: 0;
		float: left;
		padding: 0;
		width: 100%;
	}

.e-changers li
	{
		position: relative;
		float: left;
		width: 33.333333%;
		margin-top: 80px;
		padding: 0 40px 40px 40px;
		box-sizing: border-box;
		font-size: 16px;
		color: #495761;
	}

.e-main-changers li
	{
		width: 50%;		
	}

.e-changers li:after
	{
		content: "";
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0;
		top: 74px;
		border: 2px solid #e4ebf1;
		border-radius: 18px;
		z-index: -1;
	}

.e-changers li p
	{
		margin-top: 0;
		line-height: 1.5em;
	}

.e-changers li p:first-child
	{
		width: 150px;
		height: 150px;
		margin: 0 auto;
		position: relative;
	}

.e-changers li p:last-child
	{
		margin-top: 40px;
	}

.e-changers li img
	{
		width: 150px;
		border-radius: 100px;
	}

.e-changers li b
	{
		color: #d30f3e;
	}

.marquee
	{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		z-index: 10;
		background: #d30f3e;
		color: #fff !important;
		font-size: 14px;
		line-height: 2em;
		font-weight: 500;
		overflow: hidden;
	}

.ukraine-attack
	{
		display: block;
		position: relative;
		z-index: 2;
		width: 75%;
		margin: 4vw auto 0 auto;
	}

.ukraine-attack img
	{
		width: 100%;
	}

.e-links p
	{
		line-height: 1.5em;
	}

.e-news p
	{
		line-height: 1.5em;
		color: #9e9f9f;
	}

.e-news p a
	{
		font-weight: 600;
		padding-top: .2em;
	}

.e-news p a b
	{
		color: #d30f3e;
	}

#home-page .e-center-box
	{
		max-width: inherit;
	}

#home-page .e-center-box .e-box-img
	{
		width: 85% !important;
	}

.scroll-down
	{
		position: fixed;
		bottom: 40px;
		width: 64px;
		height: 64px;
		border-radius: 100px;
		background: #d30f3e;
		left: 50%;
		margin-left: -32px;
		z-index: 99;
		cursor: pointer;
		color: #fff;
		font-weight: 600;
		font-size: 38px;
		overflow: hidden;
		text-align: center;
		line-height: 64px;
		box-shadow: 0px 10px 20px rgba(211, 15, 62, .5);
	}

.scroll-down.hide
	{
		display: none;
	}

.e-pess-links
	{
		overflow: hidden;
	}

.e-pess-links p
	{
		font-size: 85%;
		line-height: 1.5em;
		color: #8596a2;
		border-bottom: 1px solid #e4ebf1;
		padding-bottom: 1.5em;
	}

.e-pess-links p:last-child
	{
		border-bottom: none;
		padding-bottom: 0;
	}

.e-pess-links a
	{
		color: #d30f3e;

		line-height: 1em;
	}

.e-pess-links b
	{
		color: #101010;
		font-size: 125%;
		line-height: 1.5em;
		display: inline-block;
		margin: .25em 0;
	}



.e-bubble
	{
		width: 200px;
		background: #e4ebf1;
		padding: 10px 20px;
		color: #495761;
		position: relative;
		border-radius: 20px;
		font-size: 14px;
		line-height: 1.5em;
		display: block;
		margin-left: auto;
	}

.e-bubble.small
	{
		width: 78px;
		white-space: nowrap;
	}

.e-bubble:before
	{
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		border-left: 10px solid transparent;
		border-right: 10px solid #e4ebf1;
		border-top: 10px solid #e4ebf1;
		border-bottom: 10px solid transparent;
		left: -15px;
		top: 14px;
	}

.e-bubble-p p
	{
		position: relative;
		clear: both;
	}


/* ! mobile */

@media only screen and (min-width: 1600px)
	{

		.scene .prev, .scene .next
			{
				width: 120px;
			}

	}


@media only screen and (max-width: 1100px)
	{

		.main-menu
			{
				right: 26px;
			}

		.main-menu li a
			{
				padding: 0 14px;
			}

	}

@media only screen and (max-width: 1023px)
	{

		header
			{
				padding-bottom: 0;
			}

		.main-menu
			{
				width: 44px;
				height: 37px;
				position: absolute;
				right: 30px;
				top: 50%;
				margin-top: -18px;
			}

		.main-menu>svg
			{
				display: inline-block;
			}

		.main-menu .menu
			{
				display: none;
				width: auto;
				height: auto;
				position: absolute;
				right: 0;
				top: 37px;
				overflow: hidden;
				text-align: left;
				padding: 16px 0 !important;
				background-color: #d30f3e;
				border-radius: 12px;
				border-top-right-radius: 0;
			}

		.main-menu .popup ul, .main-menu .popup>a>svg
			{
				display: none !important;
			}

		.main-menu .menu li
			{
				float: none;
			}

		.main-menu li a
			{
				text-align: center;
				color: rgba(255, 255, 255, .75) !important;
				background-color: transparent !important;
				line-height: 40px;
				padding: 0 40px !important;
				white-space: nowrap;
				border-radius: 0;
			}

		.main-menu>ul>li
			{
				margin-right: 0;
			}

		.main-menu li.active>a, .desktop .main-menu li:hover a, .main-menu li.tap a
			{
				color: #fff !important;
			}

		.main-menu:hover
			{
				background-color: #d30f3e;
				color: #fff;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}

		.main-menu:hover .menu
			{
				display: block;
			}

		#content-page main>.wrapper
			{
				width: auto;
				float: none;
				margin-right: 0;
			}
		
		#content-page article
			{
				margin-right: 0;
			}

		aside
			{
				position: relative !important;
				top: 0 !important;
				left: 0 !important;
				margin-top: 40px;
				float: none;
				width: auto;
				clear: both;
			}

		.news>div img
			{
				display: none;
			}

		.news>div p, .news>div h3
			{
				margin-right: 0;
			}

		.news-image
			{
				margin: 1.3em 0 0 0;
				float: none;
				max-width: 100%;
				width: 100%;
			}

		.e-kill
			{
				padding: 40px;
			}
		
		.e-kill-img
			{
				width: 40%;
			}

		.e-changers li
			{
				width: 50%;
				padding: 0 30px 30px 30px;
				margin-top: 40px;
			}

	}

@media only screen and (max-width: 800px)
	{

		footer
			{
				text-align: center;
			}

		footer .logo
			{
				display: none;
			}

		.social
			{
				position: static;
				margin-top: 0;
			}

		.copyrights
			{
				position: static;
				margin-top: 20px;
			}

		.social, .social a
			{
				float: none;
				text-align: center;
			}

		.e-kill-img
			{
				position: static;
				transform: translate(0%, 0%);
				width: 100%;
				margin: 0 auto;
			}
		
		.e-kill-content
			{
				width: auto;
				margin-left: 0;
				margin-top: 80px;
			}

		.e-changers li
			{
				width: 100%;
			}

		.e-changers li:after
			{
				left: 0;
				right: 0;
			}

		.e-changers li
			{
				padding: 0 20px 30px 20px;
			}

		.e-changers li p:last-child
			{
				margin-top: 30px;
			}

	}

@media only screen and (max-width: 640px)
	{

		header .wrapper, footer .wrapper, .breadcrumbs .wrapper
			{
				padding-left: 20px;
				padding-right: 20px;
			}

		header, header .wrapper
			{
				height: 68px;
			}

		main
			{
				max-width: inherit;
				padding: 40px 20px;
				margin-top: 68px;
			}

		header .logo a, header .logo span
			{
				left: 20px;
			}

		.main-menu
			{
				right: 10px;
			}

		aside
			{
				margin-top: 20px;
			}

		.langs
			{
				right: 20px;
			}

		.pages .prev, .pages .next, .scene .prev, .scene .next, .slider .prev, .slider .next,
		 .gallery .prev, .gallery .next, .gallery .content span
			{
				display: none !important;
			}

		.pages, .navigate, .news>div
			{
				margin-top: 1.3em;
			}

		.e-first, .e-second, .e-third, .e-fourth
			{
				width: 100% !important;
			}

		.e-second, .e-third, .e-fourth
			{
				margin-top: 1.3em;
			}

		.e-photo
			{
				margin-left: 0;
				text-align: center;
			}
		
		.e-photo img
			{
				margin: 0 10px 20px 10px;
			}

		.scroller
			{
				margin-left: 30px;
				margin-right: 30px;
			}

		article img[style*="float"]
			{
				float: none !important;
				width: auto !important;
				margin: 0 auto 1.3em auto !important;
				display: block;
			}

		.img-sign-wrap
			{
				float: none !important;
				margin: 0 0 .5em 0 !important;
				max-width: 100%;
			}

		.img-sign-link
			{
				display: block;
				text-align: center;
			}

		.scene .content span
			{
				padding: 3px 7px;
				font-size: 10px;
				line-height: 1.3em;
				bottom: 10px;
			}

		.form.modal .wrapper
			{
				width: auto;
				left: 20px;
				right: 20px;
				margin-left: 0;
			}



		article h1
			{
				margin-bottom: -20px;
			}

		.e-contacts li
			{
				font-size: 16px;
				line-height: 2em;
				padding: 6px 0;
			}

		.e-contacts li img
			{
				width: 24px;
				height: 24px;
				box-shadow: 0px 3px 6px rgba(211, 15, 62, .15);
				border-radius: 8px;
				margin-right: 6px;
			}

		.bg
			{
				margin-top: 68px;
				overflow: hidden;
				margin-bottom: -40px;
			}
		
		.bg>img
			{
				width: 200%;
				float: right;
				margin-bottom: -24vw;
			}
		
		.bg .text
			{
				clear: both;
				position: static;
				text-align: center;
				width: auto;
				padding: 20px;
				font-size: 16px;
				line-height: 1.5em;
				color: #101010;
			}
		
		.bg .text svg
			{
				margin: 0 auto;
				width: 60vw;
				height: 12vw;
				margin-bottom: 12vw;
				fill: #d30f3e;
			}

		#home-page main
			{
				margin-top: 0;
				padding-top: 20px;
			}

		.e-ukraine-attack
			{
				margin: 36px auto 80px auto !important;
				width: 80%;
			}

		.press
			{
				margin-top: -5vw;
			}

		.press img
			{
				width: 144%;
				margin-left: -20%;
			}

		.e-kill
			{
				padding: 20px;
				margin-top: 40px;
			}

		.e-kill-content
			{
				margin-top: 40px;
				font-size: 14px;
				line-height: 2em;
			}

		.e-kill-content h3
			{
				font-size: 18px;
				line-height: 1.5em;
			}

		#home-page footer
			{
/* 				margin-top: -40px;
				padding-top: 40px; */
			}

		.e-center-box.attack
			{
				margin-top: 0 !important;
			}

		.e-changers
			{
				margin-top: 40px;
				font-size: 16px;
			}

		.ukraine-attack
			{
				margin-top: 40px;
			}

		.e-news
			{
				margin-top: 40px !important;
			}

		#home-page .e-center-box .e-box-img
			{
				width: 70% !important;
			}

		.scroll-down
			{
				bottom: 20px;
			}

	}

/* ! print */

.e-print
	{
		display: none;
	}

@media print
	{

		header, footer, aside, nav, iframe, audio, video, .pages, .navigate, .timeline, .tags,
		.form, .e-btn, .e-no-print, .e-more, .e-content:after, .google-map .zoom, .e-content:after,
		.gallery .thumbs, .gallery .prev, .gallery .next, .gallery .content span, .e-share, .scene,
		.slider .prev, .slider .next, .slider .pager, .scroller .left, .scroller .right
			{
				display: none !important;
			}

		.e-print
			{
				display: block !important;
			}

		main
			{
				width: 1000px;
			}

		article
			{
				width: 100% !important;
			}

		*
			{
				background: none !important;
				color: #000 !important;
			}

		a
			{
				color: #1478b4 !important;
			}

		.gallery .content, .gallery .content img
			{
				width: 100% !important;
				height: auto !important;
				max-height: none !important;
			}

		.e-file ins i
			{
				background: #fff !important;
			}

		.e-content
			{
				max-height: none !important;
			}


	}

