@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&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: 18.5px;
		font-family: "STIX Two Text", serif;
		font-weight: 450;
		line-height: 1.5em;
		color: #333;
	}

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

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

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
	{
		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"]
	{
		position: absolute;
		margin: 2px 4px 0 0;
		padding: 0;
	}

html *
	{
		text-rendering: optimizeLegibility;
		-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: 700;
	}

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: 1em 0 0 0;}
article h4 {margin: 1.3em 0 -1.35em 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: #000; font-weight: 450;}
a {color: #00a3a7; position: relative;}
article a, header a {color: #00a3a7; text-decoration: none; border-bottom: 1px solid rgba(0, 163, 167, .3);}
.desktop a:hover, a.tap {color: #f60; border-color: rgba(255, 102, 0, .3);}
article small {color: #777;}
article th {color: #fff; background-color: #333;}
article td, article th {border-color: #333;}
article hr, article .hr {border-color: #333;}
article pre {border-color: #777;}
article .e-gray {color: #777;}
article .img-sign-wrap span {color: #777;}
article li::marker {color: #333;}

/* ! fonts */

article h1 {font-size: 180%; line-height: 1.3em;}
article h2 {font-size: 150%; line-height: 1.3em;}
article h3 {font-size: 140%; line-height: 1.3em;}
article h4 {font-size: 115%; line-height: 1.5em;}
article p {font-size: 100%; line-height: 1.5em;}
article li {font-size: 100%; line-height: 1.5em;}
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: 85%; 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, .e-fly-langs, .e-banner, .e-banners, .courses, .course-quest
	{
		-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-btn, .e-more, .e-share,
.google-map .zoom div, .slider .prev, .slider .next, .scroller .left, .scroller .right, header .contacts, .e-prices
	{
		-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,
article img, .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, .e-box, .e-video, article .menu a
	{
		border-radius: 4px;
	}

.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;
	}

/* ! main */

main
	{
		position: relative;
		display: block;
		margin-left: 25%;
		max-width: 1000px;
		padding: 4%;
		z-index: 10;
	}

/* ! header */

header
	{
		position: fixed;
		width: 25%;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 7;
		padding: 4% 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	}

header .wrapper
	{
		position: relative;
		min-height: 100%;
		overflow: hidden;
	}

header .scroll
	{
		position: absolute;
		left: 0;
		right: -40px;
		top: 0;
		bottom: 0;
		padding-right: 40px;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
	}

header .contacts
	{
		border: none !important;
		position: absolute;
		top: 0;
		right: 20px;
		width: 55px;
		height: 57px;
		display: none;
	}

header .contacts svg
	{
		width: 15px;
		height: 17px;
		margin: 20px 0 0 20px;
		fill: currentColor;
	}

/* ! logo */

header .logo a, header .logo span
	{
		position: static;
		border: none !important;
	}

header .logo
	{
		padding: 16%;
		display: flex;
		justify-content: center;
		position: relative;
		padding-bottom: calc(16% + 46px);
	}

header .logo svg
	{
		width: 150px;
		height: 150px;
		display: block;
		/* margin: 16% auto; */
	}

/* ! langs */

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

.langs ul
	{
		list-style: none;
	}

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

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

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

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

/* ! menu */

.main-menu
	{
		margin-bottom: 32%;
		padding-bottom: 64px;
	}

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

.main-menu .menu
	{
		position: relative;
		list-style: none;
		text-align: center;
		font-size: 95%;
		line-height: 1.25em;
	}

.main-menu .menu ul
	{
		list-style: none;
	}

.main-menu .menu li
	{
		position: relative;
		padding: 8px 0;
	}

.main-menu .menu>li.popup
	{
		font-weight: bold;
	}

.main-menu .menu>li.popup
	{
		padding: 24px 16% 20px 16%;
		margin: 8px 0;
		background: #f7f7d7;
		background: #00a3a7;
	}

.main-menu .menu>li.popup a
	{
		color: rgba(255, 255, 255, .75);
		border-color: rgba(255, 255, 255, .2);
	}

.desktop .main-menu .menu>li.popup a:hover,
.main-menu .menu>li.popup a.tap,
.main-menu .menu>li.popup.active>a,
.main-menu .menu>li.popup li.active>a
	{
		color: #fff;
		border-color: rgba(255, 255, 255, .3);
	}

.main-menu .menu ul li
	{
		display: none;
		font-weight: 450;
		font-size: 90%;
		line-height: 1.25em;
	}

.main-menu .menu ul>li:first-child
	{
		padding-top: 24px;
	}

.main-menu .menu>li.active>a:before
	{
		content: "~";
		position: absolute;
		left: -.75em;
	}

.main-menu .menu>li.active>a:after
	{
		content: "~";
		position: absolute;
		right: -.75em;
	}

.main-menu .menu li.active>a
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .3);
	}

.main-menu .menu ul ul li
	{
		padding: 2px 0;
		line-height: 1.25em;
		font-size: 90%;
	}

.main-menu .menu ul ul>li:first-child
	{
		padding-top: 18px;
	}

.main-menu .menu ul>li.popup.active
	{
		padding-bottom: 6px;
	}

.main-menu .menu li, .main-menu .menu li>ul>li
	{
		display: block;
	}

/* ! breadcrumbs */

.breadcrumbs
	{
		overflow: hidden;
		clear: both;
		font-size: 75%;
		height: 24px;
		position: relative;
		z-index: 10;
		margin-top: -6px;
	}

.breadcrumbs .wrapper
	{
		padding-top: 4px;
		padding-right: 40px;
	}

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

.breadcrumbs .wrapper>span, .breadcrumbs .wrapper>a
	{
		padding: 3px 0 0 0;
		margin: 0 .25em;
	}

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

.breadcrumbs .home, .breadcrumbs .sitemap
	{
		width: 15px;
		height: 24px;
		color: #00a3a7;
		padding: 0 !important;
		margin-right: .25em;
		margin-left: 0 !important;
		border: none !important;
	}

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

.breadcrumbs .wrapper div
	{
		color: #00a3a7;
	}

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

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

.breadcrumbs a
	{
		color: #00a3a7;
		text-decoration: none;
		border-bottom: 1px solid rgba(0, 163, 167, .3);
	}

.desktop .breadcrumbs a:hover, .breadcrumbs a.tap
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .3);
	}

/* ! sitemap */

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

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

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

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

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

/* ! footer */

footer
	{
		clear: both;
		position: relative;
		z-index: 10;
	}

/* ! copyrights */

.copyrights
	{
		font-size: 75%;
		line-height: 1.5em;
		color: #777;
	}

.copyrights small
	{
		display: block;
	}

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

.desktop .copyrights a:hover, .copyrights a.tap
	{
		color: #777;
		border-bottom: 1px solid rgba(119, 119, 119, .3) !important;
	}

/* ! social */

.social
	{
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 26px;
		font-size: 0;
		text-align: center;
		padding-top: 36px;
		margin-bottom: 16%;
	}

.social
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

.social a
	{
		position: relative;
		display: inline-block;
		width: 26px;
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		margin-left: 7px;
		border-radius: 26px;
		border: none !important;
	}

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

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

.social .facebook {background: linear-gradient(to top, #0062e0 0%, #19afff 100%);}
.social .group {background: linear-gradient(to top, #0062e0 0%, #19afff 100%);}
.social .twitter {background: #1d9bf0;}
.social .instagram {background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.social .youtube {background: #ea3223;}
.social .telegram {background: #26a4e3;}
.social .viber {background: #6141be;}
.social .whatsapp {background: #25d366;}
.social .messenger {background: #1877f2;}

.e-share .facebook {background: #1877f2;}
.e-share .twitter {background: #000;}
.e-share .telegram {background: #26a4e3;}

footer .social
	{
		display: none;
		position: static;
		padding: 0;
		margin: 0 0 20px 0;
	}

.social .phone
	{
		line-height: 1.2em;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}

.social .phone a
	{
		font-size: 16px;
		width: auto !important;
		height: auto !important;
		color: #333 !important;
		line-height: 1em !important;
		border-radius: 0 !important;
	}

.desktop .social .phone a:hover, .social .phone a.tap
	{
		border-bottom: 1px solid rgba(51, 51, 51, .3) !important;
	}

/* ! 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: #00a3a7;
		border-bottom: 1px dashed rgba(0, 163, 167, .75);
	}

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

.desktop .e-more:hover, .e-more.tap
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .75);
	}

/* ! external links */

article a.external:after
	{
		content: "";
		position: absolute;
		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(0, 163, 167, .75);
		color: #00a3a7;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin-right: 7px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}

.pages span
	{
		border-color: #00a3a7;
		background-color: #00a3a7;
		color: #fff;
	}

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

.desktop .pages a:hover, .pages a.tap
	{
		border-color: rgba(255, 102, 0, .75);
		color: #f60;
	}

/* ! navigate */

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

.navigate a, .navigate span
	{
		display: block;
		float: left;
		border: 1px solid rgba(0, 163, 167, .75);
		color: #00a3a7;
		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(255, 102, 0, .75);
		color: #f60;
	}

/* ! share */

.breadcrumbs .e-share
	{
		color: #00a3a7;
	}

.e-share
	{
		display: block;
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		overflow: hidden;
		width: 0;
		height: 24px;
		padding-right: 20px;
		color: #00a3a7;
	}

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

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

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

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

/* ! 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: #f60;
	}

/* ! 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(0, 163, 167, .75);
		color: #00a3a7;
		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(255, 102, 0, .75);
		color: #f60;
	}

.timeline a.active
	{
		border-color: #00a3a7 !important;
		background-color: #00a3a7 !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 8px;
		font-size: inherit;
	}

.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 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: #e63c3c !important;
	}

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

.form h4
	{
		margin: 1.3em 0;
		color: #777;
		font-size: 90%;
		line-height: 1.3em;
	}

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

.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
	{
		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: #e63c3c;
	}

.form input[type="checkbox"]
	{
		position: absolute;
		left: -5000px;
	}

.form input[type="checkbox"] + label
	{
		padding-left: 1.75em;
		display: inline-block;
		margin-bottom: 0;
		padding-top: 1px;
	}

.form input[type="checkbox"] + label:before
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 1.08em;
		height: 1.08em;
		border-radius: 4px;
		border: 1px solid rgba(0, 0, 0, .25);
	}

.form input[type="checkbox"] + label:after
	{
		content: "";
		display: block;
		position: absolute;
		top: -.7em;
		left: -.7em;
		width: 2.5em;
		height: 2.5em;
		background: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiB3aWR0aD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMyLjU5IDQxLjkyLTkuODctOS44N2MtLjMxLS4zMS0uMzEtLjgyIDAtMS4xM2wxLjctMS43Yy4zMS0uMzEuODItLjMxIDEuMTMgMGw3LjYxIDcuNjEgMTYuOTYtMTYuOTZjLjMxLS4zMS44Mi0uMzEgMS4xMyAwbDEuNyAxLjdjLjMxLjMxLjMxLjgyIDAgMS4xM2wtMTkuMjMgMTkuMjJjLS4zMS4zMS0uODIuMzEtMS4xMyAweiIgZmlsbD0iIzAwYTNhNyIvPjwvc3ZnPg==") center center no-repeat;
		background-size: cover;
		opacity: 0;
		transform: scale(.5);
		transition: opacity .1s, transform .1s;
	}

.form input[type="checkbox"]:checked + label:after
	{
		opacity: 1;
		transform: scale(1);
	}

/* ! 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: #00a3a7 !important;
		padding: .375em 20px !important;
		line-height: 1.2em !important;
		text-decoration: none;
		cursor: pointer;
		vertical-align: top;
	}

.e-rec
	{
		line-height: 1.35em !important;
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

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

.e-btn.light
	{
		line-height: 34px;
		border: 1px solid rgba(0, 163, 167, .75);
		background-color: transparent !important;
		color: #00a3a7 !important;
	}

.desktop .e-btn.light:hover, .e-btn.light.tap
	{
		background-color: transparent !important;
		border-color: rgba(255, 102, 0, .75);
		color: #f60 !important;
	}

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

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

.e-btn.orange
	{
		background-color: #f60 !important;
		line-height: 51px !important;
		padding: 0px 30px !important;
	}

.e-btn.teal
	{
		line-height: 51px !important;
		padding: 0px 30px !important;
	}

/* ! files */

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

.e-file + .e-file
	{
		margin-top: .75em;
	}

.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: #00a3a7;
	}

.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: #e63c3c;
		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 #e63c3c;
		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 #e63c3c;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
	}

/* ! other */

#home-page .breadcrumbs .home
	{
		color: #777;
	}

.table-wrapper
	{
		overflow: auto;
	}

.e-box
	{
		margin-top: 1.5em !important;
		padding: 40px;
		background: #f7f7d7;
	}

article .menu
	{
		list-style: none;
		padding: 0;
		overflow: hidden;
		margin-bottom: -.5em;
		clear: both;
	}

article .menu li
	{
		float: left;
	}

article .menu a
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0px 20px !important;
		text-decoration: none;
		cursor: pointer;
		line-height: 34px;
		border: 1px solid rgba(0, 163, 167, .75);
		color: #00a3a7 !important;
		margin-bottom: .5em;
		margin-right: .5em;
	}

.desktop article .menu a:hover, article .menu a.tap
	{
		border-color: rgba(255, 102, 0, .75);
		color: #f60 !important;
	}

.activities p
	{
		font-size: 85%;
		line-height: 1.5em;
	}

.e-ticket>div
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.e-box2col .e-box, .e-box3col .e-box
	{
		margin-top: 0 !important;
	}

.e-plans ul, .e-plans-small ul
	{
		padding-left: 1.2em;
	}

.e-plans-small ul li
	{
		font-size: 85%;
		line-height: 1.25em;
		margin-top: 1.05em;
	}

/* ! ticket */

#ticket-page header
	{
		position: static;
		width: auto;
		box-shadow: none;
		padding: 40px 0;
		height: auto;
	}

#ticket-page header .logo svg
	{
		margin: 0 auto;
		position: static;
	}

#ticket-page article
	{
		max-width: 600px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1.5em;
		padding: 0 20px 40px 20px;
	}

#ticket-page .e-ticket
	{
		overflow: hidden;
		border-radius: 3px;
	}

#ticket-page .e-ticket h3
	{
		padding: 12px 20px;
		background: #00a3a7;
		color: #fff;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: 700;
	}

#ticket-page article .hr
	{
		border-color: #ddd;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
	}

#ticket-page .e-ticket .e-text
	{
		padding: 20px;
		border: 1px solid #ddd;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-top: none;
	}

#ticket-page .e-ticket h3 b
	{
		float: right;
	}

#ticket-page .e-box
	{
		padding: 20px;
		background: #fff;
		border: 1px solid #ddd;
	}

#ticket-page article p
	{
		margin-top: .75em;
	}

#ticket-page article p:first-child
	{
		margin-top: 0
	}

#pay-legal-wrapper, #rec-legal-wrapper
	{
		font-size: 80%;
		line-height: 1.3em;
	}

#pay-legal-wrapper label, #rec-legal-wrapper label
	{
		display: inline-block;
		padding-left: 22px;
	}

.e-recorgings
	{
		position: relative;
	}

.e-recorgings:after
	{
		content: "Доступний запис";
		background: red;
		color: #fff;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 1.75em;
		font-size: 16px;
		padding: 0 10px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}

.ru .e-recorgings:after
	{
		content: "Доступна запись";
	}

#review-topic-wrapper
	{
		display: none;
	}

/* ! reviews */

.reviews
	{
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
	}

.reviews .item
	{
		position: relative;
		padding: 40px;
		font-size: 85%;
		line-height: 1.5em;
		border-bottom: 1px solid #ddd;
	}

.reviews .item:last-child
	{
		border: none !important;
	}

.reviews .name
	{
		font-weight: 700;
	}

.reviews .date
	{
		font-size: 75%;
		line-height: 1.3em;
		color: #777;
	}

.reviews p
	{
		margin-top: 4px;
	}

.e-fly-langs
	{
		position: fixed;
		bottom: 30px;
		right: 30px;
	}

.e-fly-langs div
	{
		background: #00a3a7;
		color: #fff;
		border-radius: 100px;
		width: 50px;
		line-height: 1.75em;
		margin-top: 4px;
		text-align: center;
		cursor: pointer;
	}

.e-fly-langs div.active
	{
		background: #f60;
		color: #fff;
		cursor: default;
	}

.hidden
	{
		display: none;
	}

.e-banner
	{
		overflow: hidden;
		border-radius: 3px;
		position: relative;
	}

.e-banner .e-bg
	{
		display: block;
	}

.e-banner .e-text
	{
		position: absolute;
		left: 54%;
		right: 8%;
		top: 0;
		bottom: 0;
		color: #fff;
		display: flex;
		align-items: center;
		font-size: 1.2vw;
	}

.e-banner .e-text h3
	{
		color: #fff;
		font-weight: 700;
		font-size: 200%;
	}

.e-banner .e-text p
	{
		font-size: 125%;
	}

.e-banner.dark .e-text, .e-banner.dark .e-text h3
	{
		color: #333;
	}

.e-banner.right .e-text
	{
		left: 8%;
		right: 54%;
	}

.e-banners
	{
		display: grid;
		gap: 40px;
		grid-template-columns: 1fr 1fr;
	}

.e-banners .e-item
	{
		overflow: hidden;
		position: relative;
		border-radius: 3px;
		background: #f7f7d7;
	}

.e-banners .e-item .e-bg
	{
		width: 170%;
		max-width: none;
		border-radius: 0;
	}

.e-banners .e-item.right .e-bg
	{
		margin-left: -70%;
	}

.e-banners .e-item .e-text
	{
		padding: 20px 20px 77px 20px;
		color: #333;
	}

.e-banners .e-item .e-text h3
	{
		font-weight: 700;
		color: #333;
	}

.e-banners .e-item .e-text p
	{
		margin-top: .5em;
	}

.e-banners .e-item .e-btn
	{
		position: absolute;
		left: 20px;
		bottom: 20px;
	}

.e-banners .e-item .e-price
	{
		position: absolute;
		right: 20px;
		bottom: 20px;
		line-height: 37px;
		font-weight: 700;
	}

/* ! courses */

.courses
	{
		display: grid;
		gap: 40px;
		grid-template-columns: 1fr 1fr;
	}

.courses .item
	{
		overflow: hidden;
		position: relative;
		border-radius: 4px;
		background: #f7f7d7;
	}

.courses .item img
	{
		border-radius: 0;
	}

.courses .item.right .bg
	{
		margin-left: -70%;
	}

.courses .item .text
	{
		padding: 20px 20px 77px 20px;
		color: #333;
	}

.courses .item .text h3
	{
		font-weight: 700;
		color: #333;
	}

.courses .item .text p
	{
		margin-top: .5em;
	}

.courses .item .e-btn
	{
		position: absolute;
		left: 20px;
		bottom: 20px;
	}

.courses .item .price
	{
		position: absolute;
		right: 20px;
		bottom: 20px;
		line-height: 37px;
		font-weight: 700;
	}

/* ! userline */

.userline
	{
		background: #f7f7d7;
		padding: 20px;
		margin-bottom: -8px;
		text-align: center;
		color: #333;
	}

.userline a, .userline>*>span, .userline>*>*>span
	{
		color: #333;
		text-decoration: none;
		border-bottom: 1px solid rgba(51, 51, 51, .2);
		transition: color .25s, background-color .25s, border-color .25s;
		cursor: pointer;
	}

.userline>*>span, .userline>*>*>span
	{
		border-bottom-style: dashed;
	}

.desktop .userline a:hover, .userline a.tap,
.desktop .userline>*>span:hover, .userline>*>span.tap
.desktop .userline>*>*>span:hover, .userline>*>*>span.tap
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .3);
	}

.userline>span
	{
		display: block;
		font-size: 15.817px;
		line-height: 1.25em;
	}

.userline>span>a, .userline>span .login
	{
		font-weight: 700;
	}

.userline svg
	{
		position: relative;
		top: 3px;
		width: 17px;
		height: 17px;
		display: inline-block;
		vertical-align: baseline;
		fill: #00a3a7;
		margin-right: 8px;
	}

.userline s
	{
		text-decoration: none;
		color: #777;
		margin: 0 7px;
	}

.userline ul
	{
		font-size: 95%;
		line-height: 1.25em;
	}

.userline ul li
	{
		list-style: none;
	}

.userline ul a
	{
		font-weight: 700;
		margin-top: 22px;
		margin-bottom: 8px;
		display: inline-block;
		line-height: 1em;
	}

.userline ul .logout, .userline ul .account,
.userline ul .login, .userline ul .registration
	{
		display: none;
	}

.userline li.active>a:before
	{
		content: "~";
		position: absolute;
		left: -.75em;
	}

.userline li.active>a:after
	{
		content: "~";
		position: absolute;
		right: -.75em;
	}

/* ! account */

.password-restore
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 80%;
		line-height: 1.2em;
		color: #00a3a7;
		border-bottom: 1px dashed rgba(0, 163, 167, .3);
		cursor: pointer;
	}

.fly-registration
	{
		color: #00a3a7;
		border-bottom: 1px dashed rgba(0, 163, 167, .3);
		cursor: pointer;
		top: 25px;
		left: 20px;
		position: relative;
	}

.desktop .password-restore:hover, .password-restore.tap,
.desktop .fly-registration:hover, .fly-registration.tap
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .3);
	}

.form-wrapper
	{
		max-width: 400px;
		margin: 0 auto;
		padding: 30px;
		border-radius: 3px;
		background: #eceded;
	}

.form-success
	{
		text-align: center;
		margin: 0;
		padding: 2em 0;
	}

#registration-password-wrapper, #registration-confirm-wrapper
	{
		width: 50%;
		margin: 0;
		padding: 10px 10px 0 0;
		box-sizing: border-box;
		float: left;
	}

#registration-confirm-wrapper
	{
		padding: 10px 0 0 10px;
	}

.form.modal #registration-password-wrapper
	{
		padding: 10px 10px 0 20px;
	}

.form.modal #registration-confirm-wrapper
	{
		padding: 10px 20px 0 10px;
	}

.course-quest .answers
	{
		display: none;

		margin-top: 1.5em !important;
		padding: 40px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
	}

.course-quest .answers.open
	{
		display: block;
	}

.course-quest .answers .answer
	{
		margin-top: .25em;
		border-radius: 4px;
	}

.course-quest .answers .answer *
	{
		cursor: default !important;
	}

.course-quest .answers .answer.red label
	{
		/* background: rgba(235, 107, 13, .15); */
	}

.course-quest .answers .answer.green label
	{
		background: rgba(0, 163, 167, .15);
	}

.course-quest .answer.selected label:after
	{
		opacity: 1;
		transform: scale(1);
	}

.course-quest .answer.selected label:before
	{
		background-color: #00a3a7;
		border: 1px solid rgba(0, 0, 0, .05);
	}

.course-quest .answers .answer label
	{
		border-radius: 4px;
		padding: 2px 7px 0 calc(1.5em + 5px);
		margin-left: -5px;
	}

.course-quest .answers .answer label:before
	{
		top: 4px;
	}

.course-quest .answers .answer label:after
	{
		top: 10px;
	}

.course-quest h3
	{
		font-size: 120%;
		font-weight: 700;
		margin-bottom: 1em;
	}

/* ! langs menu */

.langs-menu
	{
		position: absolute;
		right: calc(2vw - 12px);
		top: calc(4vw - 14px);
		width: 40px;
		height: 40px;
	}

.langs-menu:hover
	{
		z-index: 21;
	}

.langs-menu ul
	{
		position: absolute;
		right: 0;
		top: 40px;
		background: #00a3a7;
		padding: 16px 0;
		display: none;
		z-index: 10;
		list-style: none;
		border-radius: 4px;
		border-top-right-radius: 0;
	}

.langs-menu:hover>ul
	{
		display: block;
	}

.langs-menu ul li
	{
		position: relative;
		display: block;
		white-space: nowrap;
		padding: 4px 30px;
		text-align: center;
		font-size: 95%;
		line-height: 1.25em;
	}

.langs-menu>span
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		z-index: 11;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

.langs-menu:hover>span
	{
		background: #00a3a7;
	}

.langs-menu>span>svg
	{
		display: block;
		width: 18px;
		height: 18px;
		fill: #00a3a7;
	}

.langs-menu:hover>span>svg
	{
		fill: #fff;
	}

.langs-menu>ul>li>a, .langs-menu>ul>li>span
	{
		color: rgba(255, 255, 255, .75);
		text-decoration: none;
		font-size: 15.82px;
		line-height: 1.25em;
		font-weight: 450;
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		transition: color .25s, background-color .25s, border-color .25s;
	}

.langs-menu>ul>li.active
	{
		display: none;
	}

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

/* ! boxes */

.e-box-lite
	{
		margin-top: 1.5em !important;
		padding: 40px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
	}

.account-btns
	{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

.buy-btn
	{
		text-align: center;
	}

.unavailable, .expire, .online-video-box .e-box, .empty-my, .emo
	{
		text-align: center;
	}

.unavailable em, .course-cert em, .online-video-box em, .empty-my em, .emo em
	{
		font-size: 80px;
		line-height: 1.2;
		display: block;
		margin: 0 auto;
	}

.course-cert>div
	{
		text-align: center;
	}

.expire
	{
		padding: 20px !important;
		color: #777;
		font-size: 90%;
		line-height: 1.5em;
	}

.slogan
	{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0 20px 16% 20px;
		color: #00a3a7;
		text-align: center;
		font-size: 15px;
		line-height: 1.25;
		text-transform: lowercase;
	}

/* ! radio */

.radio
	{
		position: relative;
		margin-top: .5em;
	}

.radio input
	{
		position: absolute;
		left: -200vw;
	}

.radio *
	{
		cursor: pointer;
	}

.radio label
	{
		padding-left: 1.5em;
		display: inline-block;
	}

.radio label:before
	{
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 18px;
		height: 18px;
		border-radius: 10em;
		border: 1px solid rgba(0, 0, 0, .25);
	}

.radio label:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 8px;
		left: 6px;
		width: 8px;
		height: 8px;
		border-radius: 10em;
		background: #fff;
		opacity: 0;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
	}

.radio input:checked + label:after
	{
		opacity: 1;
		transform: scale(1);
	}

.radio input:active + label:before
	{
		background-color: #f7f7d7;
	}

.radio input:checked + label:before
	{
		background-color: #00a3a7;
		border: 1px solid rgba(0, 0, 0, .05);
	}

/* ! prices */

.prices
	{
		position: relative;
		z-index: 5;
	}

.prices .e-box3col>div
	{
		position: relative;
		padding-top: 40px;
		padding-bottom: 40px;
	}

.prices .e-box3col>div::after
	{
		content: '';
		position: absolute;
		background: #fff;
		border-radius: 4px;
		left: 40px;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: -1;
		border: 1px solid rgba(0, 0, 0, .075);
	}

.prices .e-box3col .buy-btn
	{
		padding: 0 20px;
	}

.e-prices
	{
		color: #00a3a7;
		border-bottom: 1px dashed rgba(0, 163, 167, .3);
		cursor: pointer;
	}

.desktop .e-prices:hover, .e-prices.tap
	{
		color: #f60;
		border-color: rgba(255, 102, 0, .3);
	}

.e-prices-content
	{
		display: none;
		text-align: center;
	}

.e-prices-content.open
	{
		display: block;
	}

/* ! mobile */

@media only screen and (min-width: 1500px)
	{
		.e-banner .e-text
			{
				font-size: 18.5px;
			}
	}

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

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

	}

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

		header
			{
				width: 30%;
			}

		main
			{
				margin-left: 30%;
			}

	}

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

		header
			{
				overflow: visible;
				padding: 0;
				bottom: auto;
				right: 0;
				height: 57px;
				width: auto;
				background: #fff;
				z-index: 50;
			}

		header .scroll, header .wrapper
			{
				overflow: visible !important;
				min-height: 0;
				position: static;
				margin: 0 !important;
				padding: 0 !important;
			}

		header .social
			{
				display: none;
			}

		header .logo a, header .logo span
			{
				display: block;
				overflow: hidden;
				position: absolute;
				left: 50%;
				margin-left: -75px;
				top: 15px;
				width: 150px;
				height: 32px;
			}

		header .logo
			{
				padding: 0;
				display: block;
			}

		header .logo svg
			{
				margin: 0;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 2px;
			}

		header .contacts
			{
				display: block;
			}

		.slogan
			{
				display: none;
			}

		.langs-menu
			{
				right: 77px;
				top: 0;
				width: 57px;
				height: 57px;
			}

		.langs-menu>span
			{
				border-radius: 0;
			}

		.langs-menu ul
			{
				top: 57px;
				border-top-left-radius: 0;
			}

		.langs-menu ul li
			{
				padding: 8px 40px;
			}

		.langs-menu>ul>li>a, .langs-menu>ul>li>span
			{
				font-size: 17.575px;
				line-height: 1.25em;
			}

		.userline
			{
				position: absolute;
				right: 20px;
				top: 0;
				width: 57px;
				height: 57px;
				padding: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				background: #fff;
			}

		.userline svg
			{
				top: 0;
				display: block;
				margin: 0;
			}

		.userline>span>a, .userline>span>span, .userline>span>s, .userline ul
			{
				display: none;
			}

		.userline:hover
			{
				background: #00a3a7;
			}

		.userline:hover svg
			{
				fill: #fff;
			}

		.userline:hover ul
			{
				display: block;
				position: absolute;
				right: 0;
				top: 57px;
				background-color: #00a3a7;
				border-radius: 0 0 4px 4px;
				white-space: nowrap;
				padding: 16px 0;
			}

		.userline ul li
			{
				padding: 8px 40px;
			}

		.userline a, .userline>*>span, .userline>*>*>span
			{
				color: rgba(255, 255, 255, .75);
				border-color: rgba(255, 255, 255, .2);
			}

		.desktop .userline a:hover, .userline a.tap,
		.desktop .userline>*>span:hover, .userline>*>span.tap,
		.desktop .userline>*>*>span:hover, .userline>*>span.tap
			{
				color: #fff;
				border-color: rgba(255, 255, 255, .3);
			}

		.userline ul a, .userline ul span
			{
				display: inline !important;
				font-weight: 450;
			}

		.userline .account
			{
				font-weight: 700 !important;
			}

		.userline li.active>a
			{
				color: #fff !important;
				border-color: rgba(255, 255, 255, .3) !important;
			}

		main
			{
				margin: 0;
				max-width: inherit;
				padding: 97px 40px 40px 40px;
			}

		.main-menu
			{
				width: 64px;
				height: 57px;
				position: absolute;
				left: 20px;
				top: 0;
				margin: 0 !important;
				padding: 0 !important;
				color: #00a3a7;
			}

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

		.main-menu .menu
			{
				display: none;
				width: auto;
				height: auto;
				position: absolute;
				left: 0;
				top: 57px;
				overflow: hidden;
				text-align: left;
				padding: 16px 0;
				background-color: #00a3a7;
				border-radius: 0 0 4px 4px;
			}

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

		.main-menu .menu li
			{
				float: none;
				padding: 8px 40px 8px 40px !important;
				text-align: center;
				background: transparent !important;
				margin: 0 !important;
			}

		.main-menu li a
			{
				display: inline !important;
				color: rgba(255, 255, 255, .75) !important;
				border-bottom: 1px solid rgba(255, 255, 255, .2);
				background-color: transparent !important;
				line-height: 1.2em;
				padding: 0;
				white-space: nowrap;
				border-radius: 0;
				font-weight: 450;
			}

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

		.main-menu li.active>a, .desktop .main-menu li a:hover, .main-menu li a.tap
			{
				color: #fff !important;
				border-color: rgba(255, 255, 255, .3) !important;
			}

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

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

		.breadcrumbs
			{
				margin-bottom: 20px !important;
			}

		footer
			{
				margin-top: 40px !important;
				text-align: center;
			}

		footer .social
			{
				display: block;
			}

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

		.langs
			{
				right: 70px;
				top: 20px;
			}

		.e-banner
			{
				height: 50vw;
			}

		.e-banner .e-text
			{
				display: none;
			}

		.e-banner .e-bg
			{
				position: absolute;
				top: 0;
				height: 100%;
				left: 0;
				bottom: 0;
				max-width: none;
			}

		.e-banner.right .e-bg
			{
				right: 0;
				left: auto;
			}

	}

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

		.main-menu
			{
				left: 0;
				position: static;
			}

		.main-menu .menu
			{
				right: 0;
				z-index: 200;
				border-radius: 0;
			}

		.userline ul
			{
				width: 100vw;
				z-index: 200;
				border-radius: 0 !important;
			}

		header .contacts
			{
				right: 0;
			}

		header .logo a, header .logo span
			{
				margin-left: -95px;
			}

		.langs
			{
				right: 44px;
			}

		.langs-menu
			{
				right: 57px;
				width: 38px;
			}

		.userline
			{
				right: 0;
			}

		main
			{
				font-size: 95%;
				line-height: 1.5em;
				padding: 87px 20px 20px 20px;
			}

		.breadcrumbs
			{
				margin-bottom: 16px !important;
				font-size: 80%;
			}

		.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 {font-size: 160%; line-height: 1.3em;}
		article h2 {font-size: 140%; line-height: 1.3em;}
		article h3 {font-size: 130%; line-height: 1.3em;}

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

		.e-box
			{
				padding: 20px;
			}

		article .menu li
			{
				float: none;
			}
		article .menu a
			{
				display: block;
				text-align: center;
			}

		.e-recorgings:after
			{
				font-size: 11px;
			}

		.e-banners
			{
				grid-template-columns: 1fr;
				gap: 20px;
			}

		.courses
			{
				grid-template-columns: 1fr;
				gap: 20px;
			}

		.e-box-lite
			{
				padding: 20px;
			}

		.account-btns span
			{
				display: block;
				width: 100%;
				text-align: center;
			}

		.buy-btn
			{
				margin-top: 20px;
			}

		.buy-btn .e-btn, .course-cert .e-btn
			{
				display: block;
				text-align: center;
			}

		.reviews .item
			{
				padding: 20px;
			}

		.prices .e-box3col>div
			{
				padding-top: 20px;
				padding-bottom: 20px;
				padding-left: 60px;
				padding-right: 20px;
			}

		.prices .e-box3col .buy-btn
			{
				padding: 0;
			}

		.course-quest .answers
			{
				padding: 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;
				margin: 0 !important;
			}

		article
			{
				width: 100% !important;
			}

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

		a, a *
			{
				color: #00a3a7 !important;
			}

		.e-box
			{
				background: #f7f7d7 !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;
			}

		#ticket-page .e-ticket h3
			{
				background: #00a3a7 !important;
				color: #fff !important;
			}

		#ticket-page .e-ticket h3 b
			{
				color: #fff !important;
			}

		#ticket-page .e-box
			{
				background: #fff !important;
			}

		#ticket-page header
			{
				display: block !important;
			}

	}