/* @import url("//fonts.googleapis.com/css?family=Roboto:400,400i,500,600,600i&subset=latin,cyrillic"); */

/* ! 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: Roboto, sans-serif;
		font-weight: 400;
		line-height: 1.3em;
		color: #222;
	}

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: subpixel-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.3em;
	}

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: #222; font-weight: 400;}
a {color: #13589d;}
.desktop a:hover, a.tap {color: #e63c3c;}
article small {color: #777;}
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: #777;}
article .e-gray {color: #777;}
article .img-sign-wrap span {color: #777;}

/* ! fonts */

article h1 {font-size: 180%; line-height: 1.3em;}
article h2 {font-size: 160%; line-height: 1.3em;}
article h3 {font-size: 140%; line-height: 1.3em;}
article h4 {font-size: 120%; line-height: 1.3em;}
article p {font-size: 100%; line-height: 1.3em;}
article li {font-size: 100%; line-height: 1.3em;}
article small {font-size: 90%; line-height: 1.3em;}
article big {font-size: 110%; line-height: 1.3em;}
article pre {font-size: 90%; line-height: 1.3em;}
article code {font-size: 90%; line-height: 1.3em;}
article table {font-size: 100%; line-height: 1.3em;}
article .img-sign-wrap span {font-size: 75%; line-height: 1.4em;}

/* ! select */

header, footer, aside, nav, .pages, .e-btn, .e-file ins, .scene, .gallery
	{
		-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;
	}

/* ! 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 */

.e-btn, article audio, article video, .scene .content img, .scene .content span, .gallery, .gallery .content span
	{
		border-radius: 7px;
	}

article img, .pages a, .pages span, .gallery .thumbs img
	{
		border-radius: 2px;
	}

/* ! langs */

.langs
	{
		position: absolute;
		z-index: 10;
		right: 290px;
		top: 10px;
		width: 40px;
		height: 40px;
		list-style: none;
		background: #fff;
		border-radius: 100px;
		box-shadow: rgba(0, 0, 0, .3) 0px 1px 4px -1px !important;
	}

.langs .active
	{
		display: none;
	}

.langs svg
	{
		width: 30px;
		height: 30px;
		margin: 5px 0 0 5px;
		border-radius: 100px;
	}

.langs a
	{
		display: block;
	}




/* ! columns */

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

.e-first, .e-second, .e-third, .e-fourth
	{
		float: left;
		padding-left: 30px;
		-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;
	}

/* ! 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(230, 60, 60, .75);
		color: #e63c3c;
	}



/* ! button */

.e-btn
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		color: #fff !important;
		background-color: #13589d !important;
		padding: 0px 16px !important;
		line-height: 31px !important;
		text-decoration: none;
		cursor: pointer;
		vertical-align: top;
	}

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

.e-btn.light
	{
		line-height: 29px !important;
		border: 1px solid #13589d;
		background-color: transparent !important;
		color: #13589d !important;
	}

.desktop .e-btn.light:hover, .e-btn.light.tap
	{
		background-color: transparent !important;
		border-color: #e63c3c;
		color: #e63c3c !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;
	}

/* ! 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;
		overflow: hidden;
	}

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

.gallery .content img.scale
	{
		transform: scale(1.13);
	}

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

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

/* ! customize */



#map
	{
		position: absolute;
		left: 0;
		top: 0;
		right: 280px;
		bottom: 0;
		z-index: 5;
		background-color:#fff
	}

#map div
	{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

#map .gm-svpc
	{
		border-radius: 100px !important;
	}

#map .gm-style-iw
	{
		border-radius: 7px !important;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px !important;
		max-width: 300px !important;
	}

#map .gm-style iframe + div
	{
		border:none !important;
	}






.map-info
	{
		font-family: Roboto, sans-serif;
		font-size: 13px;
		line-height: 1.3em;
		color: #333;
		font-weight: 400;		
		position: relative;
	}

.map-info h3
	{
		color: #000;
		font-size: 17px;
		line-height: 1.3em;
		font-weight: 500;
		margin-bottom: 10px;
	}

.map-info .address
	{
		position: relative;
		padding-left: 20px;
		margin-bottom: 6px;
	}

.map-info .phones
	{
		position: relative;
		padding-left: 20px;
		margin-bottom: 10px;
	}

.map-info .phones a
	{
		text-decoration: none;
	}

.map-info .e-btn
	{
		border-radius: 100px !important;
		font-size: 13px;
	}

.map-info .e-btn.route
	{
		margin-left: 10px;
		padding-left: 36px !important;
	}

.map-info svg
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 14px;
		height: 14px;
		display: inline-block;
		margin-right: 10px;
		fill: #aaa;
	}

.map-info .route svg
	{
		left: 16px;
		top: 8px;
		fill: currentColor;
	}

















aside
	{
		position: absolute;
		width: 280px;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 50;
		background: #e8eff6;
		box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	}

aside .head
	{
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		height: 143px;
		z-index: 10;
		background: #e8eff6;
	}

aside .logo
	{
		position: absolute;
		left: 26px;
		right: 20px;
		top: 10px;
		padding-right: 70px;
	}

aside .logo img
	{
		position: absolute;
		right: 0;
		top: 0;
		width: 60px;
	}

aside .logo b
	{
		display: block;
		font-weight: 500;
		font-size: 17px;
		line-height: 1.3em;
		color: #13589d;
		padding-top: 6px;
	}

aside .menu
	{
		position: absolute;
		width: 44px;
		height: 52px;
		left: 0;
		top: 0;
		cursor: pointer;
		display: none;
	}

aside .menu i
	{
		display: block;
		background-color: #222;
		width: 24px;
		height: 3px;
		position: absolute;
		left: 10px;
		top: 17px;
		transition: all .25s;
		border-radius: 100px;
	}

aside .menu i:nth-child(2)
	{
		top: 24px;
	}

aside .menu i:nth-child(3)
	{
		top: 31px;
	}

aside.open .menu i:nth-child(1)
	{
		transform: rotate(45deg);
		top: 24px;
	}

aside.open .menu i:nth-child(2)
	{
		display: none;
	}

aside.open .menu i:nth-child(3)
	{
		transform: rotate(-45deg);
		top: 24px;
	}



aside .search
	{
		position: absolute;
		left: 10px;
		right: 10px;
		bottom: 10px;
		background: #fff;
		border-radius: 100px;
		height: 32px;
		box-shadow: 0px 0 10px rgba(0, 0, 0, .05);
	}

aside .search input
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		padding: 0 32px 0 16px;
		background: transparent;
		font-size: 14px;
	}

aside .search input::placeholder
	{
		color: #aaa;
	}


aside .search b, aside .search i
	{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 32px;
		color: #333;
	}

aside .search i
	{
		display: none;
		cursor: pointer;
	}

aside .search b svg
	{
		margin: 7px 0 0 5px;
		width: 17px;
		height: 17px;
		fill: currentColor;
	}

aside .search i svg
	{
		margin: 10px 0 0 8px;
		width: 12px;
		height: 12px;
		fill: currentColor;
	}

aside .not-found
	{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 200px;
		text-align: center;
		color: #aaa;
		font-size: 14px;
		line-height: 1.3em;
		z-index: 10;
	}

aside .objects
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 143px;
		bottom: 0;
		overflow: auto;
		font-size: 14px;
		color: #333;
		background: #fff;
		-webkit-overflow-scrolling: touch;
	}

aside .objects ul
	{
		list-style: none;
	}

aside .objects ul li
	{
		position: relative;
		padding: 7px 10px 7px 34px;
		line-height: 1.3em;
		cursor: pointer;
	}

aside .objects ul li div
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
	}

aside .objects li img
	{
		width: 18px;
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -12px;
	}

aside .objects li.hover, .objects li.tap
	{
		background: rgba(253, 216, 53, .25);
	}

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

		body
			{
				background: #e8eff6;
			}

		#map
			{
				right: 0;
				top: 52px;
			}

		.langs
			{
				right: 10px;
				top: 62px;
			}

		aside
			{
				width: auto;
				top: 0;
				left: 0;
				max-height: 52px;
				transition: max-height .5s;
			}

		aside.open
			{
				max-height: 100vh;
			}

		aside .head
			{
				height: 52px;
			}

		aside .logo
			{
				display: none;
			}

		aside .search
			{
				left: 44px;
			}

		aside .menu
			{
				display: block;
			}

		aside .objects
			{
				top: 52px;
			}



	}







.container
	{
		position: absolute;
		left: 0;
		top: 0;
		right: 280px;
		bottom: 0;
		z-index: 11;
		background-color: rgba(0, 0, 0, .5);
	}

.container .wrap
	{
		max-width: 880px;
		margin: 0 auto;
		position: absolute;
		left: 30px;
		top: 30px;
		right: 30px;
		bottom: 30px;
		z-index: 7;
		background-color: #fff;
		border-radius: 7px;
		overflow: hidden;
		box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	}

.container .head
	{
		padding: 16px 60px 16px 30px;
		background: #e8eff6;
		position: relative;
	}

.container .head h1
	{
		font-size: 22px;
		font-weight: 500;
		line-height: 1.2em;
		color: #13589d;
	}

.container article
	{
		display: block;
		padding: 30px 30px 0 30px;
		padding-bottom: 0 !important;
		overflow: auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		-webkit-overflow-scrolling: touch;
	}

.container article:after
	{
		content: "";
		display: block;
		height: 30px;
		width: 100%;
	}

.container .close
	{
		position: absolute;
		z-index: 2;
		right: 22px;
		top: 50%;
		margin-top: -16px;
		color: #222;
		width: 32px;
		height: 32px;
		cursor: pointer;
	}

.container .close svg
	{
		width: 16px;
		height: 16px;
		margin: 8px 0 0 8px;
		fill: currentColor;
	}

.e-contacts
	{
		border-radius: 7px;
		overflow: hidden;
/* 		background: rgba(19, 88, 157, .065); */
/* 		background: rgba(0, 0, 0, .045); */
		background: rgba(103, 58, 183, .065);
		background: rgba(96, 125, 139, .075);
	}

.e-contacts .wrapper
	{
		padding: 30px;
	}

/* .e-contacts a
	{
		white-space: nowrap;
	} */

.e-worship
	{
		background: rgba(253, 216, 53, .2);
		padding: 30px;
		padding-top: 73px;
		border-radius: 7px;
		overflow: hidden;
		position: relative;
/* 		border: 2px solid #FFECB3; */
		font-size: 15px;
		line-height: 1.3em;
/* 		background: #FFF8E1; */
		color: #333;
	}

.e-worship h3
	{
/* 		opacity: .5; */
		font-size: 18px;
		line-height: 1.3em;
		font-weight: 500;
/* 		text-align: center; */
/* 		color: #13589d; */
		padding: 10px 30px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
/* 		background: #FFECB3; */
		background: rgba(0, 0, 0, .04);
	}

.e-contacts img
	{
		width: 100%;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

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

		.container
			{
				z-index: 90;
				right: 0;
			}

		.container .wrap
			{
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				border-radius: 0;
			}

		.container .head
			{
				padding: 13px 60px 13px 30px;
			}

	}

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

		.container .head
			{
				padding: 14px 50px 14px 20px;
			}

		.container .head h1
			{
				font-size: 20px;
				line-height: 1.2em;
			}

		.container .close
			{
				right: 12px;
			}

		.container article
			{
				padding: 20px 20px 0 20px;
			}

		.container article:after
			{
				height: 20px;
			}

		.e-worship, .e-contacts .wrapper
			{
				padding: 20px;
			}

		.e-worship
			{
				padding-top: 63px;
			}

		.container .e-box2col.main .e-second
			{
				margin-top: 20px !important;
			}

		.e-worship h3
			{
				padding: 10px 20px;
			}

	}



.container>.wrap>.loader
	{
		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 #aaa;
		border-bottom: 2px solid transparent;
		border-left: 2px solid #aaa;
		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;
	}


























/* ! mobile */

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

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

	}

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

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

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

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

	}

/* ! print */

.e-print
	{
		display: none;
	}

@media print
	{

		header, footer, aside, nav, iframe, audio, video, .pages, .e-btn, .e-no-print, 
		.gallery .thumbs, .gallery .prev, .gallery .next, .gallery .content span, .scene
			{
				display: none !important;
			}

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

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

	}