/*
Theme Name: Office
Description: Official website, portfolio and more information about; architect and designer
Version: 1.0
Text Domain: office
*/

	@font-face {
				font-family: 'mrk';
				src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAJMAAwAAAAABXgAAAH/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYGYABMEQgKgTyBKgsQAAE2AiQDHAQgBYRMBzAbhQTILgLcNhqep8idHIYuJIL1H4YZlCEYEf3eWs/7Ie4eOahzhBAcmqyoNQYhEQ4ZolAYwUkKR2HMSWr9p1PfZWIC+IFuaCiAY/EenVbAcHVyBUABnkKrrYKQ/qLP73+A8e1/f9MD+ZfAI//iiewJmo9taxClAQbaBRh4l3Cg3PNcteSKz9Ew4+lw+M3nNsEMKKLSiqq8CybN+WbIcd2vfntTdlAQkDx9HnzkbN7/P6rzEQJ5DTiBoaDCHrpgD8MVMOoVxQmTxbkW9gq3RhUAkLUK6MASHc6CGwBqUABFlLqe652dv935dXNnWL6YMhlRJePrqR2bCVOmMlYjMI0ihS+VXmUw8aAo7g83tneLURXTnEydl9VWpR4qFKGj6YYwQBAe//kLODe2+6kH/74Yy+WXxnqpNSvQKyCc069/TX61AAC66qtNoPygfKf8tFmTslqvoLOTBgoiuAOAU3kBBAFRiYCiUwuoLEwCapMDGGgsnMZAa3QGA50goBcEDIKAURAwCQJmQcBCELAUBOygi4CdbLVK6gHFNYNo3YBi6R5UDgmgts8IjUN+0NrjP+/85j2gAW5EE9yMFnDL+Y4diZ3BieWc/4kUDwziehBeio3kUqrVcyCL0yzS6DzNCgPDkxWSPvj9TON0GWxWROIkSTl7mky5ZsXsbo6YJwIp) format('woff2'), url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAP0AAwAAAAABXQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAD3AAAABYAAAAWABMAB09TLzIAAAJUAAAAQgAAAGB0LWiQY21hcAAAApgAAAA7AAAATAFLALdnYXNwAAAD1AAAAAgAAAAI//8AA2dseWYAAAEcAAAAlwAAALi9jn+iaGVhZAAAAeQAAAAzAAAANiTsAdFoaGVhAAACNAAAAB8AAAAkCXcCbmhtdHgAAAIYAAAAHAAAABwS5QAtbG9jYQAAAdQAAAAQAAAAEAB0ALZtYXhwAAABtAAAAB0AAAAgAEsAFG5hbWUAAALUAAAA2wAAAkyDVGN+cG9zdAAAA7AAAAAhAAAAMP9dAQt42jXOvQ3CMBAF4Oe7BAoKYiEPEFkIpbYiiuzBAClcswEjQO2SklnsCbJHChR+zka809M130kHQgfwpfZgrIFdq9ujtOPT8hjp9jrX/hnG6g4USVd22GAr0vXOWCPtLTtt5xQlSaJC2eSXBChIKpBHA+iBjdD/pFR8zDa+vQq/gj6THAa5WeWf9KCM6EO2+yIbfAFCrTZEAHjaY2BkYGBgZxBkYGIAARDJyAAScwDzGQAEzQBgAAAAAAAAFQAVABUAFQAwAEoAXHjaY2BkYGAAYnY/Td94fpuvDNwcDCDw4Gd0FoSOYfl/m4GBhYE1DcjlYGACiQIAB1YJqgADpwApAAAAAAKqAAACqQAAArgAKQTMAAACZv/beNpjYGRgYJ31dxYDA8uZ/7eBJAMDUAQFsAMAgvYE7gB42mNgZupm/MLAysDAasw6g4GBUR5CM19lSGESYEAFjMicCCBgcGBQYChinfV3FlCHMeNZmBrGOLASBQZGABQECpEAAHjaY2BgYGJgYGAGYhEgyQimWRgsgDQXAwdQjolBgSGbIZeh6P9/oBic/f/x/5n/Z/yfAtYBBQBSGw35AHjabc67CsJAEAXQm4fmZYKCiFgt2svaBiu/QFLYWwRRosKKvd9h4bc6iQNexIVZzswmwwUw917w8DmeVnsHUh/7iBCqA+TI1KFoqu7JfKHuI4VVR7QzJifklJyRB+ScXJCHlHPU5ZQ+TLrUpdqTRGu1L39v1AFm2KpDTHBS92T+UPcxxlMd0c6YnJBTckYekHNyQR5SzlGb05xdU9WHe7N3phQbbYi72t2O14uxS2tX389hcIZDgwo1DriL9minpc7Nz8v/6U46hxuOuOIirxZLKYvVv+1v2s0zjAB42mNgYgCD/wwMaQzYADsQMzIwMTAz+DEEMIQCADqKAmgAAAAAAAAB//8AAgABAAAADAAAAAAAAAACAAEAAwAGAAEAAA==) format('woff');
				font-weight: 400;
				font-style: normal;
				font-display: swap
			}
				@font-face {
				font-family: 'ArialNarrowRegular';
                src: url('https://arconstructive.com/wp-content/themes/mrk-portfolio-full/font/arial-narrow.eot');
                 src: url('https://arconstructive.com/wp-content/themes/mrk-portfolio-full//font/arial-narrow.eot') format('embedded-opentype'),
                url('https://arconstructive.com/wp-content/themes/mrk-portfolio-full//font/arial-narrow.woff') format('woff'),
                url('https://arconstructive.com/wp-content/themes/mrk-portfolio-full//font/arial-narrow.ttf') format('truetype'),
                 url('https://arconstructive.com/wp-content/themes/mrk-portfolio-full//font/arial-narrow.svg#ArialNarrowRegular') format('svg');
				font-weight: 400;
				font-style: normal;
				font-display: swap
			}
			html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, ins, small, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline
			}
			/* تضمین می‌کند عناصر تا زمان اجرای اسکریپت‌ها مخفی بمانند */
            .award-sec, .award-line{
                opacity: 0;
                transition: opacity 0.5s ease, transform 0.5s ease;
            }
            
            .award-show {
                opacity: 1;
            }
          
            /* جلوگیری از فلیکر هنگام بارگذاری */
           // .award-text .span {
            //    visibility: hidden;
           // }
              .award-sec.award-show  .award-text div.span{display:none}
             .award-text .span.initialized {
                visibility: visible;
            } 
            footer nav#footer-nav.footer-nav ul li{
                display:inline-block;
                
}
			sub, sup {
				font-size: 75%;
				position: relative
			}
			sub {
				top: .25em
			}
			sup {
				bottom: .25em
			}
			article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
				display: block;
			}
			ol, ul {
				list-style: none
			}
			blockquote, q {
				quotes: none
			}
			blockquote:before, blockquote:after, q:before, q:after {
				content: '';
				content: none
			}
			table {
				border-collapse: collapse;
				border-spacing: 0
			}
			*, *:hover, *:active {
				-webkit-tap-highlight-color: transparent
			}
			button {
				background: none;
				border: none;
				padding: 1px 6px;
				margin: 0;
				font: inherit;
				cursor: pointer;
				color: inherit
			}
			img {
				width: 100%;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}
			::-moz-selection {
				background: #a27643;
				color: #fff
			}
			::selection {
				background: #a27643;
				color: #fff
			}
			body {
				font-family: 'JetBrains Mono', monospace;
				line-height: 1
			}
			html {
				font-size: 16px
			}
			@media (min-width: 2600px) {
				html {
					font-size: 2em
				}
			}
			@media (min-width: 6000px) {
				html {
					font-size: 3em
				}
			}
			body {
				color: #444;
				background: #fff;
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0
			}
			.dark body {
				background: #353535;
				color: #fff
			}
			a {
				color: inherit;
				text-decoration: none;
				-webkit-transition: color 0.5s;
				transition: color 0.5s
			}
			a:visited {
				color: inherit
			}
			a:hover, a:focus {
				color: #a27643;
				outline: none
			}
			.hiddener {
				position: fixed;
				top: -20px
			}
			.font-size-0 {
				font-size: 0;
				height: 0;
				position: absolute;
				pointer-events: none
			}
			.hidden {
				display: none
			}
			.hid {
				opacity: 0
			}
			.main-container {
			     font-family: ArialNarrowRegular;font-size: 17px; line-height: 1.3em;
				position: absolute;
				left: 3em;
				right: 3em;
				top: 5em;
				bottom: 5em;
				width: -webkit-calc(100vw - 6em);
				width: calc(100vw - 6em);
				height: -webkit-calc(100% - 9.3em);
				height: calc(100% - 9.3em);
				overflow: hidden;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, -webkit-transform 1s;
				transition: transform 1s, opacity 1s;
			//	border: 2px outset #767676;
			}
			@media (max-height: 800px) {
				.main-container {
					top: 1em;
					bottom: 3em;
					height: -webkit-calc(100% - 4em);
					height: calc(100% - 4em)
				}
			}
			@media (max-width: 499px) {
				.main-container {
					top: 1em;
					bottom: 3em;
					left: 1em;
					right: 1em;
					height: -webkit-calc(100% - 4em);
					height: calc(100% - 4em);
					width: -webkit-calc(100vw - 2em);
					width: calc(100vw - 2em)
				}
			}
			@media (max-height: 449px) and (min-width: 500px) {
				.main-container {
					top: .5em;
					bottom: 2em;
					left: .5em;
					right: .5em;
					height: -webkit-calc(100% - 2.5em);
					height: calc(100% - 2.5em);
					width: -webkit-calc(100vw - 1em);
					width: calc(100vw - 1em)
				}
			}
			.errorr main {
				pointer-events: none
			}
			article {
				position: absolute;
				left: 3.5em;
				right: 0;
				top: 0;
				bottom: 0;
				-webkit-transition: opacity 1s 0.6s, -webkit-transform 1.2s 0.6s;
				transition: opacity 1s 0.6s, -webkit-transform 1.2s 0.6s;
				transition: transform 1.2s 0.6s, opacity 1s 0.6s;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0) overflow :auto
			}
			@media (max-width: 400px) {
				article {
					left: 3em
				}
			}
			.home article {
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0) -webkit-transition :opacity 1s 0.6s,-webkit-transform 0.6s 0.6s;
				transition: opacity 1s 0.6s, -webkit-transform 0.6s 0.6s;
				transition: transform 0.6s 0.6s, opacity 1s 0.6s;
				left: 0
			}
			.menu-show article, .hide-main article {
				-webkit-transition: opacity 1s, -webkit-transform 0.6s;
				transition: opacity 1s, -webkit-transform 0.6s;
				transition: transform 0.6s, opacity 1s;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0) -webkit-transform :scale(.3);
				-ms-transform: scale(.3);
				transform: scale(.3);
				opacity: 0
			}
			.mob article {
				overflow-y: scroll
			}
			.errorr article {
				-webkit-transition: opacity 1s 0.6s, -webkit-transform 1.2s 0.6s;
				transition: opacity 1s 0.6s, -webkit-transform 1.2s 0.6s;
				transition: transform 1.2s 0.6s, opacity 1s 0.6s;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0) -webkit-transform :none;
				-ms-transform: none;
				transform: none;
				left: 0;
				opacity: 1;
				overflow-x: hidden
			}
			.loading article, .intro-loading article {
				-webkit-transition: opacity 1s, -webkit-transform 0.6s;
				transition: opacity 1s, -webkit-transform 0.6s;
				transition: transform 0.6s, opacity 1s;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0) -webkit-transform :scale(.3);
				-ms-transform: scale(.3);
				transform: scale(.3);
				opacity: 0
			}
			.mob .scrolbar {
				overflow-x: hidden
			}
			.scrolbar .container {
				padding: .5em;
				padding-bottom: 1.5em;
				padding-left: 0
			}
			.logo {
				position: absolute;
				width: 5em;
				height: 5em;
				font-size: 48px;
				font-size: 3rem;
				margin: auto;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-transition: opacity 1s 1s;
				transition: opacity 1s 1s;
				z-index: -1
			}
			.logo span {
				display: block;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d
			}
			.logo-anim-reset, .loading .logo {
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, -webkit-transform 1s;
				transition: transform 1s, opacity 1s;
				-webkit-transform: none !important;
				-ms-transform: none !important;
				transform: none !important
			}
			.loading .logo {
				opacity: .75
			}
			.logo-l, .logo-r, .logo-t, .logo-b {
				position: absolute;
				-webkit-transition: -webkit-transform 2s;
				transition: -webkit-transform 2s;
				transition: transform 2s;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0)
			}
			.logo-l:after, .logo-r:after, .logo-t:after, .logo-b:after {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background: #777;
				-webkit-transition: opacity 2s;
				transition: opacity 2s;
				z-index: 10;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
				transform: translateZ(2em)
			}
			.dark .logo-l:after, .dark .logo-r:after, .dark .logo-t:after, .dark .logo-b:after {
				background: #999
			}
			.logo-l {
				width: 1em;
				height: 5em;
				left: 1em;
				top: 0;
				-webkit-transform: translateX(-50vw) translateX(1.6em) scaleY(15);
				-ms-transform: translateX(-50vw) translateX(1.6em) scaleY(15);
				transform: translateX(-50vw) translateX(1.6em) scaleY(15);
				-webkit-animation-duration: 1s;
				animation-duration: 1s
			}
			.logo-r {
				width: 1em;
				height: 5em;
				right: 1em;
				top: 0;
				-webkit-transform: translateX(50vw) translateX(-1.6em) scaleY(15);
				-ms-transform: translateX(50vw) translateX(-1.6em) scaleY(15);
				transform: translateX(50vw) translateX(-1.6em) scaleY(15);
				-webkit-animation-duration: 1.4s;
				animation-duration: 1.4s
			}
			.logo-t {
				width: 5em;
				height: 1em;
				top: 1em;
				left: 0;
				-webkit-transform: translateY(-50vh) translateY(2.25em) scaleX(15);
				-ms-transform: translateY(-50vh) translateY(2.25em) scaleX(15);
				transform: translateY(-50vh) translateY(2.25em) scaleX(15);
				transform: translateY(var(--vh-50)) translateY(2.25em) scaleX(15);
				-webkit-animation-duration: 1.8s;
				animation-duration: 1.8s
			}
			.logo-b {
				width: 5em;
				height: 1em;
				left: 0;
				top: 3em;
				-webkit-transform: translateY(50vh) translateY(-2.25em) scaleX(15);
				-ms-transform: translateY(50vh) translateY(-2.25em) scaleX(15);
				transform: translateY(50vh) translateY(-2.25em) scaleX(15);
				transform: translateY(var(--vh50)) translateY(-2.25em) scaleX(15);
				-webkit-animation-duration: 2.2s;
				animation-duration: 2.2s
			}
			@media (max-height: 800px) {
				.logo-t {
					-webkit-transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					-ms-transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					transform: translateY(var(--vh-50)) translateY(1.25em) scaleX(15)
				}
				.logo-b {
					-webkit-transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					-ms-transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					transform: translateY(var(--vh50)) translateY(-1.25em) scaleX(15)
				}
			}
			@media (max-width: 499px) {
				.logo-l {
					-webkit-transform: translateX(-50vw) translateX(.925em) scaleY(15);
					-ms-transform: translateX(-50vw) translateX(.925em) scaleY(15);
					transform: translateX(-50vw) translateX(.925em) scaleY(15)
				}
				.logo-r {
					-webkit-transform: translateX(50vw) translateX(-.925em) scaleY(15);
					-ms-transform: translateX(50vw) translateX(-.925em) scaleY(15);
					transform: translateX(50vw) translateX(-.925em) scaleY(15)
				}
				.logo-t {
					-webkit-transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					-ms-transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					transform: translateY(-50vh) translateY(1.25em) scaleX(15);
					transform: translateY(var(--vh-50)) translateY(1.25em) scaleX(15)
				}
				.logo-b {
					-webkit-transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					-ms-transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					transform: translateY(50vh) translateY(-1.25em) scaleX(15);
					transform: translateY(var(--vh50)) translateY(-1.25em) scaleX(15)
				}
			}
			@media (max-height: 449px) and (min-width: 500px) {
				.logo-l {
					-webkit-transform: translateX(-50vw) translateX(.775em) scaleY(15);
					-ms-transform: translateX(-50vw) translateX(.775em) scaleY(15);
					transform: translateX(-50vw) translateX(.775em) scaleY(15)
				}
				.logo-r {
					-webkit-transform: translateX(50vw) translateX(-.775em) scaleY(15);
					-ms-transform: translateX(50vw) translateX(-.775em) scaleY(15);
					transform: translateX(50vw) translateX(-.775em) scaleY(15)
				}
				.logo-t {
					-webkit-transform: translateY(-50vh) translateY(1em) scaleX(15);
					-ms-transform: translateY(-50vh) translateY(1em) scaleX(15);
					transform: translateY(-50vh) translateY(1em) scaleX(15);
					transform: translateY(var(--vh-50)) translateY(1em) scaleX(15)
				}
				.logo-b {
					-webkit-transform: translateY(50vh) translateY(-1em) scaleX(15);
					-ms-transform: translateY(50vh) translateY(-1em) scaleX(15);
					transform: translateY(50vh) translateY(-1em) scaleX(15);
					transform: translateY(var(--vh50)) translateY(-1em) scaleX(15)
				}
			}
			.menu-show .logo-l, .menu-show .logo-r, .menu-show .logo-t, .menu-show .logo-b, .errorr .logo-l, .errorr .logo-r, .errorr .logo-t, .errorr .logo-b, .intro-loading .logo-l, .intro-loading .logo-r, .intro-loading .logo-t, .intro-loading .logo-b {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none
			}
			.menu-show .logo-l:after, .menu-show .logo-r:after, .menu-show .logo-t:after, .menu-show .logo-b:after, .errorr .logo-l:after, .errorr .logo-r:after, .errorr .logo-t:after, .errorr .logo-b:after, .intro-loading .logo-l:after, .intro-loading .logo-r:after, .intro-loading .logo-t:after, .intro-loading .logo-b:after {
				opacity: 0
			}
			.smooth-started .logo-l:after, .smooth-started .logo-r:after, .smooth-started .logo-t:after, .smooth-started .logo-b:after {
				opacity: 1
			}
			.smoothLoading .logo-l:after, .smoothLoading .logo-r:after, .smoothLoading .logo-t:after, .smoothLoading .logo-b:after, .loading .logo-l:after, .loading .logo-r:after, .loading .logo-t:after, .loading .logo-b:after {
				opacity: 0
			}@-webkit-keyframes logoShow{0%{opacity:0}100%{opacity:1}}@keyframes logoShow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes logoLoading{0%{opacity:1}10{opacity:0}50%{opacity:.5}80%{opacity:0}100%{opacity:1}}@keyframes logoLoading{0%{opacity:1}10{opacity:0}50%{opacity:.5}80%{opacity:0}100%{opacity:1}}
			.logo-1, .logo-2, .logo-3, .logo-4, .logo-5 {
				width: 1em;
				height: 1em;
				position: absolute;
				background-color: #333;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: opacity 1s, background-color 1s 1s, -webkit-transform 3s 0.1s;
				transition: opacity 1s, background-color 1s 1s, -webkit-transform 3s 0.1s;
				transition: opacity 1s, transform 3s 0.1s, background-color 1s 1s
			}
			.dark .logo-1, .dark .logo-2, .dark .logo-3, .dark .logo-4, .dark .logo-5 {
				background: #888
			}
			@media (max-height: 600px) {
				.logo-1, .logo-2, .logo-3, .logo-4, .logo-5 {
					background-color: #ccc
				}
				.dark .logo-1, .dark .logo-2, .dark .logo-3, .dark .logo-4, .dark .logo-5 {
					background-color: #555
				}
			}
			.errorr.menu-show .logo-1, .errorr.menu-show .logo-2, .errorr.menu-show .logo-3, .errorr.menu-show .logo-4, .errorr.menu-show .logo-5 {
				background-color: #ccc
			}
			.dark .errorr.menu-show .logo-1, .dark .errorr.menu-show .logo-2, .dark .errorr.menu-show .logo-3, .dark .errorr.menu-show .logo-4, .dark .errorr.menu-show .logo-5 {
				background-color: #555
			}
			.ie .logo-1, .ie .logo-2, .ie .logo-3, .ie .logo-4, .ie .logo-5, .Firefox .logo-1, .Firefox .logo-2, .Firefox .logo-3, .Firefox .logo-4, .Firefox .logo-5 {
				transition: opacity 1s
			}
			.intro-loading .logo-1, .intro-loading .logo-2, .intro-loading .logo-3, .intro-loading .logo-4, .intro-loading .logo-5 {
				-webkit-animation-name: logoShow;
				animation-name: logoShow;
				-webkit-animation-duration: inherit;
				animation-duration: inherit;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				background-color: #bbb
			}
			.smooth-started .logo-1, .smooth-started .logo-2, .smooth-started .logo-3, .smooth-started .logo-4, .smooth-started .logo-5 {
				-webkit-animation-name: logoLoading;
				animation-name: logoLoading;
				-webkit-animation-duration: inherit;
				animation-duration: inherit;
				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			.smoothNoLogoAnim .logo-1, .smoothNoLogoAnim .logo-2, .smoothNoLogoAnim .logo-3, .smoothNoLogoAnim .logo-4, .smoothNoLogoAnim .logo-5 {
				-webkit-animation: none;
				animation: none
			}
			.ie .loading .logo-1, .ie .loading .logo-2, .ie .loading .logo-3, .ie .loading .logo-4, .ie .loading .logo-5 {
				-webkit-transform: none !important;
				-ms-transform: none !important;
				transform: none !important;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, -webkit-transform 1s;
				transition: opacity 1s, transform 1s
			}
			.intro-loading .logo-1, .loading .logo-1 {
				-webkit-animation-delay: 0.69s;
				animation-delay: 0.69s
			}
			.intro-loading .logo-2, .loading .logo-2 {
				-webkit-animation-delay: 0.39s;
				animation-delay: 0.39s
			}
			.intro-loading .logo-3, .loading .logo-3 {
				-webkit-animation-delay: 0.99s;
				animation-delay: 0.99s
			}
			.intro-loading .logo-4, .loading .logo-4 {
				-webkit-animation-delay: 0.49s;
				animation-delay: 0.49s
			}
			.intro-loading .logo-5, .loading .logo-5 {
				-webkit-animation-delay: 0.29s;
				animation-delay: 0.29s
			}
			.logo-l .logo-1, .logo-r .logo-1 {
				top: 0
			}
			.logo-l .logo-2, .logo-r .logo-2 {
				top: 1em
			}
			.logo-l .logo-3, .logo-r .logo-3 {
				top: 2em
			}
			.logo-l .logo-4, .logo-r .logo-4 {
				top: 3em
			}
			.logo-l .logo-5, .logo-r .logo-5 {
				top: 4em
			}
			.logo-t .logo-1, .logo-b .logo-1 {
				left: 0
			}
			.logo-t .logo-2, .logo-b .logo-2 {
				left: 1em
			}
			.logo-t .logo-3, .logo-b .logo-3 {
				left: 2em
			}
			.logo-t .logo-4, .logo-b .logo-4 {
				left: 3em
			}
			.logo-t .logo-5, .logo-b .logo-5 {
				left: 4em
			}
			.menu-show .logo-1, .menu-show .pos1 .logo-2, .menu-show .pos2 .logo-3, .menu-show .pos3 .logo-5, .menu-show .pos4 .logo-4 {
				-webkit-transform: translateZ(1em);
				transform: translateZ(1em)
			}
			.menu-show .logo-2, .menu-show .pos1 .logo-4, .menu-show .pos2 .logo-1, .menu-show .pos3 .logo-3, .menu-show .pos4 .logo-5 {
				-webkit-transform: translateZ(-1em);
				transform: translateZ(-1em)
			}
			.menu-show .logo-3, .menu-show .pos1 .logo-5, .menu-show .pos2 .logo-4, .menu-show .pos3 .logo-2, .menu-show .pos4 .logo-1 {
				-webkit-transform: translateZ(2em);
				transform: translateZ(2em)
			}
			.menu-show .logo-4, .menu-show .pos1 .logo-1, .menu-show .pos2 .logo-5, .menu-show .pos3 .logo-4, .menu-show .pos4 .logo-2 {
				-webkit-transform: translateZ(-2em);
				transform: translateZ(-2em)
			}
			.menu-show .logo-5, .menu-show .pos1 .logo-3, .menu-show .pos2 .logo-2, .menu-show .pos3 .logo-1, .menu-show .pos4 .logo-3 {
				-webkit-transform: translateZ(0);
				transform: translateZ(0)
			}
			.menu-show .pos5 .logo-4 {
				-webkit-transform: translateZ(-1em);
				transform: translateZ(-1em)
			}
			.menu-show .pos5 .logo-5 {
				-webkit-transform: translateZ(1em);
				transform: translateZ(1em)
			}
			.menu-show .pos5 .logo-1 {
				-webkit-transform: translateZ(2em);
				transform: translateZ(2em)
			}
			.menu-show .pos5 .logo-2 {
				-webkit-transform: translateZ(-1em);
				transform: translateZ(-1em)
			}
			.menu-show .pos5 .logo-3 {
				-webkit-transform: translateZ(0);
				transform: translateZ(0)
			}
			.smoothLoading .logo-1, .smoothLoading .logo-2, .smoothLoading .logo-3, .smoothLoading .logo-4, .smoothLoading .logo-5, .menu-startAnim .logo-1, .menu-startAnim .logo-2, .menu-startAnim .logo-3, .menu-startAnim .logo-4, .menu-startAnim .logo-5 {
				-webkit-transform: none !important;
				-ms-transform: none !important;
				transform: none !important
			}
			
			.loading-text {
				position: fixed;
				left: 0;
				right: 0;
				bottom: 8em;
				pointer-events: none;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform: translateY(5em);
				-ms-transform: translateY(5em);
				transform: translateY(5em);
				opacity: 0;
				-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
				transition: opacity 0.7s, -webkit-transform 0.5s;
				transition: opacity 0.7s, transform 0.5s;
				text-align: center;
				z-index: -1;
				text-transform: uppercase
			}
			@media (max-height: 500px) {
				.loading-text {
					bottom: 1em
				}
			}
			.intro-loading .loading-text, .loading .loading-text {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				opacity: 1;
				z-index: 100
			}
			.loading-text span {
				display: inline-block
			}
			.intro-loading .loading-text span, .loading .loading-text span {
				-webkit-animation-name: loadingText;
				animation-name: loadingText;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			.a-d-1 {
				-webkit-animation-delay: 0.1s;
				animation-delay: 0.1s
			}
			.a-d-2 {
				-webkit-animation-delay: 0.2s;
				animation-delay: 0.2s
			}
			.a-d-3 {
				-webkit-animation-delay: 0.3s;
				animation-delay: 0.3s
			}
			.a-d-4 {
				-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s
			}
			.a-d-5 {
				-webkit-animation-delay: 0.5s;
				animation-delay: 0.5s
			}
			.a-d-6 {
				-webkit-animation-delay: 0.6s;
				animation-delay: 0.6s
			}
			.a-d-7 {
				-webkit-animation-delay: 0.7s;
				animation-delay: 0.7s
			}@-webkit-keyframes loadingText{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}@keyframes loadingText{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}
			.old-browser {
				position: absolute;
				z-index: 100000;
				background: #eee;
				top: 1em;
				left: 3em;
				right: 3em;
				height: 2em;
				overflow: hidden;
				padding: 0 .5em;
				line-height: 2em;
				color: #444;
				font-weight: 700;
				display: block
			}
			.dark .old-browser {
				background: #333;
				color: #bbb
			}
			.old-browser div {
				position: absolute;
				right: 0;
				top: .5em;
				padding-right: .75em;
				cursor: pointer;
				background: url(../img/misk/close.png);
				width: 1em;
				height: 1em;
				background-repeat: no-repeat
			}
			.old-browser div:hover {
				opacity: .5
			}
			.no-js {
				text-align: center;
				display: block;
				background: #fff;
				top: auto;
				color: #8b0000;
				top: 0;
				left: 0;
				right: 0;
				height: auto
			}
			.dark .no-js {
				background: #353535;
				color: #ff5656
			}
			@media (max-height: 800px) {
				.no-js {
					top: auto;
					bottom: 0
				}
			}@supports (pointer-events:none){
			.old-browser {
				display: none
			}}
			footer {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				font-size: .7em;
				color: #666;
				position: fixed;
				bottom: .5em;
				left: 0;
				right: 0;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-transition: opacity 1s 1s;
				transition: opacity 1s 1s
			}
			.dark footer {
				color: #999
			}
			@media (min-height: 450px) {
				.ios footer {
					bottom: 1.5em
				}
			}
			@media (min-height: 800px) {
				footer {
					bottom: 1.5em
				}
			}
			.intro-loading footer {
				opacity: 0
			}
			.share, .hide-until-load, .noise-con, .noise {
				display: none
			}
			header {
				pointer-events: none;
				z-index: 2
			}
			.resizing header * {
				-webkit-transition: none !important;
				transition: none !important
			}
			.menu-show header {
				z-index: 1000;
				pointer-events: all
			}
			.errorr.menu-show header {
				z-index: -1
			}
			#menu-closer, #menu-go {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				display: none
			}
			#menu-closer {
				bottom: 30%;
				z-index: -1
			}
			#menu-go {
				bottom: 0;
				margin: auto;
				width: 20em;
				height: 20em
			}
			@media (min-width: 610px) {
				.menu-show #menu-closer {
					display: block
				}
			}
			.home #menu-closer, .errorr #menu-closer {
				display: none
			}
			@media (max-width: 609px) {
				.menu-show #menu-go {
					display: block
				}
			}
			.site-title {
				position: absolute;
				top: 0;
				left:2em;
				right: 0;
				margin: auto;
				text-align: center;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: opacity 1.75s 1.75s, -webkit-transform 1.75s 1.75s;
				transition: opacity 1.75s 1.75s, -webkit-transform 1.75s 1.75s;
				transition: transform 1.75s 1.75s, opacity 1.75s 1.75s;
				-webkit-transform: translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);
				-ms-transform: translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);
				transform: translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);
				transform: translateX(-50vw) translateX(4.5rem) translateY(var(--vh40)) rotate(-90deg) scale(.6);
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}
			.Firefox .menu-show .site-title {
				transition: none
			}
			@media (min-height: 450px) {
				.site-title {
					top: 2em
				}
			}
			@media (max-width: 499px) {
				.site-title {
					left: -2.25em
				}
				.home .site-title, .menu-show .site-title {
					font-size: .75em
				}
			}
			@media (max-height: 449px) and (min-width: 500px) {
				.site-title {
					left: -3em
				}
				.home .site-title {
					top: 1em
				}
			}
			.home .site-title, .menu-show .site-title, .errorr .site-title {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				left: 0 !important
			}
			.menu-startAnim .site-title {
				-webkit-animation: menuInTitleText 1.99s;
				animation: menuInTitleText 1.99s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			.menu-ending .site-title {
				-webkit-animation: menuOutTitleText 3.4s;
				animation: menuOutTitleText 3.4s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			.site-title h2 {
				position: relative;
				font-size: 3em;
				font-weight: 600;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}
			.mobi{display:none;}
			.desk{display:inline-block}
			
		    @media only screen and (max-width: 600px) {
               .desk{display:none;}
			.mobi{display:inline-block;}
            }
		   
		
		
			@media (min-height: 450px) and (min-width: 500px) {
				.site-title h2 {
					left: .5em
				}
			}
			@media (max-height: 650px) and (min-height: 450px) and (min-width: 500px) {
				.site-title h2 {
					left: 1em
				}
					
			}
			@media (min-height: 801px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: 2em
				}
			}
			@media (min-height: 970px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: 1em
				}
			}
			@media (min-height: 1100px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: .5em
				}
			}
			@media (min-height: 1250px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: 0
				}
			}
			@media (min-height: 1450px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: -.7em
				}
			}
			@media (min-height: 1650px) and (min-width: 500px) and (max-width: 2599px) {
				.site-title h2 {
					left: -1em
				}
			}
			@media (min-width: 2600px) and (max-height: 1900px) {
				.site-title h2 {
					left: 10vh;
					left: var(--vh10)
				}
			}
			@media (min-width: 2600px) and (max-height: 1600px) {
				.site-title h2 {
					left: 12vh;
					left: var(--vh12)
				}
			}
			.menu-show .site-title h2, .home .site-title h2, .errorr .site-title h2 {
				left: 0
			}
			.site-title img.light,.dark .site-title img.dark{display:block;text-align: center;  margin: 0 auto;}
			.site-title img.dark, .dark .site-title img.light{display:none}
			.site-title span {
				font-family: 'mrk' !important;
				font-size: 2em;
				line-height: .15em;
				pointer-events: all
			}
			.site-title #bt span{display: block;font-size:14px;line-height: 2em;}
			.site-title:hover span {
				animation-name: wavee;
				animation-duration: .5s
			}
			span.site-title-r {
				animation-delay: .075s
			}
			span.site-title-k {
				animation-delay: .15s
			}@keyframes wavee{0%,100%{opacity:1}30%{opacity:.5}}
			.home.menu-show .site-title {
				-webkit-animation: homeTitleText 3s;
				animation: homeTitleText 3s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}
			.intro-loading .site-title {
				opacity: 0;
				-webkit-transform: translateX(-55vw) translateY(40vh) rotate(-90deg) scale(.6);
				transform: translateX(-55vw) translateY(40vh) rotate(-90deg) scale(.6);
				transform: translateX(-55vw) translateY(var(--vh40)) rotate(-90deg) scale(.6)
			}
			.home.intro-loading .site-title, .errorr.intro-loading .site-title {
				opacity: 0;
				-webkit-transform: translateY(1em);
				-ms-transform: translateY(1em);
				transform: translateY(1em)
			}@-webkit-keyframes homeTitleText{0%{-webkit-transform:none;opacity:1}25%{opacity:0}40%{-webkit-transform:translateY(-8em)}60%{-webkit-transform:translateY(8em);opacity:0}100%{-webkit-transform:none;opacity:1}}@keyframes homeTitleText{0%{-webkit-transform:none;transform:none;opacity:1}25%{opacity:0}40%{-webkit-transform:translateY(-8em);transform:translateY(-8em)}60%{-webkit-transform:translateY(8em);transform:translateY(8em);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes menuInTitleText{0%{-webkit-transform:translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);opacity:1}20%{-webkit-transform:translateX(-40vw) translateY(40vh) rotate(-90deg) scale(.6);opacity:0}50%{-webkit-transform:translateY(-10em);opacity:0}100%{-webkit-transform:none;opacity:1}}@keyframes menuInTitleText{0%{transform:translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);transform:translateX(-50vw) translateX(4.5rem) translateY(var(--vh40)) rotate(-90deg) scale(.6);opacity:1}20%{transform:translateX(-40vw) translateY(40vh) rotate(-90deg) scale(.6);transform:translateX(-40vw) translateY(var(--vh40)) rotate(-90deg) scale(.6);opacity:0}50%{transform:translateY(-10em);opacity:0}100%{transform:none;opacity:1}}@-webkit-keyframes menuOutTitleText{100%{-webkit-transform:translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);opacity:1}85%{-webkit-transform:translateX(-40vw) translateY(40vh) rotate(-90deg) scale(.6);opacity:0}40%{-webkit-transform:translateY(-10em);opacity:0}0%{-webkit-transform:none;opacity:1}}@keyframes menuOutTitleText{100%{transform:translateX(-50vw) translateX(4.5rem) translateY(40vh) rotate(-90deg) scale(.6);transform:translateX(-50vw) translateX(4.5rem) translateY(var(--vh40)) rotate(-90deg) scale(.6);opacity:1}85%{transform:translateX(-40vw) translateY(40vh) rotate(-90deg) scale(.6);transform:translateX(-40vw) translateY(var(--vh40)) rotate(-90deg) scale(.6);opacity:0}40%{transform:translateY(-10em);opacity:0}0%{transform:none;opacity:1}}
			.nav {
				position: absolute;
				bottom: -webkit-calc(10vh - 2em);
				bottom: calc(10vh - 2em);
				bottom: -webkit-calc(var(--vh10) - 2em);
				bottom: calc(var(--vh10) - 2em);
				left: 0;
				right: 0;
				text-align: center;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform: translateY(2000%);
				-ms-transform: translateY(2000%);
				transform: translateY(2000%);
				-webkit-transition: -webkit-transform 2s;
				transition: -webkit-transform 2s;
				transition: transform 2s;
				pointer-events: none
			}
			@media (max-height: 449px) {
				.nav {
					bottom: -1em
				}
			}
			.menu-show .nav, .errorr .nav {
				z-index: 1000;
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				pointer-events: all;
				-webkit-transition: -webkit-transform 2s 1s;
				transition: -webkit-transform 2s 1s;
				transition: transform 2s 1s
			}
			.loading .nav, .intro-loading .nav {
				-webkit-transform: translateY(2000%);
				-ms-transform: translateY(2000%);
				transform: translateY(2000%);
				-webkit-transition: -webkit-transform 1s 0s;
				transition: -webkit-transform 1s 0s;
				transition: transform 1s 0s
			}
			.nav-li {
				-webkit-transition: -webkit-transform 1s 2.4s;
				transition: -webkit-transform 1s 2.4s;
				transition: transform 1s 2.4s;
				-webkit-transform: translateY(1em);
				-ms-transform: translateY(1em);
				transform: translateY(1em)
			}
			.nav-li:nth-child(2) {
				-webkit-transition-delay: 2.8s;
				transition-delay: 2.8s
			}
			.nav-li:nth-child(3) {
				-webkit-transition-delay: 2.6s;
				transition-delay: 2.6s
			}
			.nav-li:nth-child(4) {
				-webkit-transition-delay: 2.7s;
				transition-delay: 2.7s
			}
			.menu-show .nav-li, .errorr .nav-li {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none
			}
			.nav a {
				padding: 2em 0em;
				letter-spacing: .5em;
				-webkit-transition: all 0.5s;
				transition: all 0.5s;
				font-weight: 600;
				color: #777;
				display: block;
				width: 100%;
				text-transform: uppercase
			}
			.dark .nav a {
				color: #999
			}
			
			@media (min-width: 610px) {
				.nav-ul {
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-webkit-justify-content: center;
					-ms-flex-pack: center;
					justify-content: center;
					width: 80%;
                    margin: 0 auto;
				}
				.nav-li {
					width: 10em
				}
				
				.desktop .nav a:hover, .desktop .nav a:focus {
					color: #000;
					letter-spacing: .1em
				}
				.dark.desktop .nav a:hover, .dark.desktop .nav a:focus {
					color: #fff
				}
			}
			@media (max-width: 609px) {
				.nav-li {
					width: 8em;
					-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
					-webkit-transition: opacity 0.7s, -webkit-transform 1s 1s;
					transition: opacity 0.7s, -webkit-transform 1s 1s;
					transition: transform 1s 1s, opacity 0.7s;
					opacity: .5
				}
				.nav a {
					color: #000;
					padding: 2em 0.5em;
				    letter-spacing: 0em;
				    font-size:0.75em;
				}
				.dark .nav a {
					color: #fff
				}
				.slick-current .nav-li, .desktop .nav-li:hover {
					opacity: 1
				}
				.site-title #bt span {
                  margin-right: -114px;
                }
                .site-title img.light, .dark .site-title img.dark {
                  margin-right: 102px;
                }
			}
			.nav-ul .slick-prev:before, .nav-ul .slick-next:before {
				height: 40px;
				bottom: 10px;
				font-size: 20px;
				color: #aaa
			}
			.dark .nav-ul .slick-prev:before, .dark .nav-ul .slick-next:before {
				color: #666
			}
			.nav-ul .slick-prev:before {
				background: -webkit-linear-gradient(left,#fff,#fff,rgba(255,255,255,0));
				background: linear-gradient(90deg,#fff,#fff,rgba(255,255,255,0));
				padding-right: 30px;
				text-align: left
			}
			.dark .nav-ul .slick-prev:before {
				background: -webkit-linear-gradient(left,#353535,#353535,transparent);
				background: linear-gradient(90deg,#353535,#353535,transparent)
			}
			.nav-ul .slick-next:before {
				background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff,#fff);
				background: linear-gradient(90deg,rgba(255,255,255,0),#fff,#fff);
				padding-left: 30px;
				text-align: right
			}
			.dark .nav-ul .slick-next:before {
				background: -webkit-linear-gradient(left,transparent,#353535,#353535);
				background: linear-gradient(90deg,transparent,#353535,#353535)
			}
			.nav-ul .slick-list {
				padding-top: 20vh !important;
				padding-top: var(--vh20) !important
			}
			.menu-btn {
				position: absolute;
				left: 0;
				top: 0;
				width: 5em;
				height: 5em;
				z-index: 1000;
				border: none;
				cursor: pointer;
				pointer-events: all;
				background: none;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: -webkit-transform 0.5s;
				transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				font-size: .825em
			}
			.home .menu-btn {
				display: none
			}
			.menu-show .menu-btn {
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform: scale(.6) translateY(3.75em);
				-ms-transform: scale(.6) translateY(3.75em);
				transform: scale(.6) translateY(3.75em);
				opacity: .75;
				-webkit-transition: opacity 0.5s, -webkit-transform 0.5s 0.5s;
				transition: opacity 0.5s, -webkit-transform 0.5s 0.5s;
				transition: transform 0.5s 0.5s, opacity 0.5s
			}
			@media (max-width: 499px) {
				.menu-show .menu-btn {
					-webkit-transform: scale(.6) translateY(2em);
					-ms-transform: scale(.6) translateY(2em);
					transform: scale(.6) translateY(2em)
				}
			}
			@media (max-width: 350px) {
				.menu-show .menu-btn {
					-webkit-transform: scale(.6) translateY(2.05em) translateX(-1em);
					-ms-transform: scale(.6) translateY(2.05em) translateX(-1em);
					transform: scale(.6) translateY(2.05em) translateX(-1em)
				}
			}
			@media (max-height: 449px) and (min-width: 500px) {
				.menu-show .menu-btn {
					-webkit-transform: scale(.6) translateY(.5em);
					-ms-transform: scale(.6) translateY(.5em);
					transform: scale(.6) translateY(.5em)
				}
			}
			@media (max-height: 449px) and (max-width: 499px) {
				.menu-show .menu-btn {
					-webkit-transform: scale(.6) translateY(-1em);
					-ms-transform: scale(.6) translateY(-1em);
					transform: scale(.6) translateY(-1em)
				}
			}
			.menu-ending .menu-btn {
				-webkit-transform: translateX(-10em);
				-ms-transform: translateX(-10em);
				transform: translateX(-10em);
				opacity: 0
			}
			.menu-btn:focus {
				outline: none
			}
			.menu-btn span:after {
				display: block;
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background: #888;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: -webkit-transform 0.5s 2s;
				transition: -webkit-transform 0.5s 2s;
				transition: transform 0.5s 2s
			}
			.smooth-load .menu-btn, .loading .menu-btn, .errorr .menu-btn, .intro-loading .menu-btn {
				pointer-events: none
			}
			.smooth-load .menu-btn span:after, .loading .menu-btn span:after, .errorr .menu-btn span:after, .intro-loading .menu-btn span:after {
				-webkit-transform: translateX(150%);
				-ms-transform: translateX(150%);
				transform: translateX(150%);
				-webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s;
				transition: opacity 0s 0.5s, -webkit-transform 0.5s;
				transition: transform 0.5s, opacity 0s 0.5s;
				opacity: 0
			}
			.menu-btn:hover span:after {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none
			}
			.desktop .menu-btn:focus span:after {
				background: #444
			}
			.menu-1, .menu-2, .menu-3, .menu-4 {
				overflow: hidden;
				display: block;
				width: 2em;
				height: .35em;
				margin-bottom: .125em;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transition: -webkit-transform 0.5s;
				transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				position: absolute;
				top: 0;
				left: 0;
				right: 1em;
				bottom: 1em;
				margin: auto
			}
			.desktop .menu-btn:hover .menu-1 {
				-webkit-transform: translateX(-.4em) rotate(90deg);
				-ms-transform: translateX(-.4em) rotate(90deg);
				transform: translateX(-.4em) rotate(90deg)
			}
			.desktop .menu-btn:hover .menu-2 {
				-webkit-transform: translateY(-.4em);
				-ms-transform: translateY(-.4em);
				transform: translateY(-.4em)
			}
			.desktop .menu-btn:hover .menu-3 {
				-webkit-transform: translateY(.4em);
				-ms-transform: translateY(.4em);
				transform: translateY(.4em)
			}
			.desktop .menu-btn:hover .menu-4 {
				-webkit-transform: translateX(.4em) rotate(90deg);
				-ms-transform: translateX(.4em) rotate(90deg);
				transform: translateX(.4em) rotate(90deg)
			}
			.menu-4, .desktop .menu-show .menu-btn:hover .menu-4 {
				-webkit-transform: translateY(-.75em);
				-ms-transform: translateY(-.75em);
				transform: translateY(-.75em)
			}
			.menu-2, .desktop .menu-show .menu-btn:hover .menu-2 {
				-webkit-transform: translateY(-.25em);
				-ms-transform: translateY(-.25em);
				transform: translateY(-.25em)
			}
			.menu-1, .desktop .menu-show .menu-btn:hover .menu-1 {
				-webkit-transform: translateY(.25em);
				-ms-transform: translateY(.25em);
				transform: translateY(.25em)
			}
			.menu-3, .desktop .menu-show .menu-btn:hover .menu-3 {
				-webkit-transform: translateY(.75em);
				-ms-transform: translateY(.75em);
				transform: translateY(.75em)
			}
			.menu-show .menu-1 {
				-webkit-transform: translateX(-.25em) translateY(-.25em) rotate(45deg);
				-ms-transform: translateX(-.25em) translateY(-.25em) rotate(45deg);
				transform: translateX(-.25em) translateY(-.25em) rotate(45deg)
			}
			.menu-show .menu-2 {
				-webkit-transform: translateX(.25em) translateY(.25em) rotate(45deg);
				-ms-transform: translateX(.25em) translateY(.25em) rotate(45deg);
				transform: translateX(.25em) translateY(.25em) rotate(45deg)
			}
			.menu-show .menu-3 {
				-webkit-transform: rotate(-45deg) translateX(.35em);
				-ms-transform: rotate(-45deg) translateX(.35em);
				transform: rotate(-45deg) translateX(.35em)
			}
			.menu-show .menu-4 {
				-webkit-transform: rotate(-45deg) translateX(-.35em);
				-ms-transform: rotate(-45deg) translateX(-.35em);
				transform: rotate(-45deg) translateX(-.35em)
			}
			.menu-soc {
				position: absolute;
				right: 0;
				top: 2em;
				margin: auto;
				padding: 1em;
				opacity: .5;
				display: block;
				height: 3.5em;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform: translateX(150%);
				-ms-transform: translateX(150%);
				transform: translateX(150%);
				-webkit-transition: opacity 0.5s, -webkit-transform 1s;
				transition: opacity 0.5s, -webkit-transform 1s;
				transition: transform 1s, opacity 0.5s
			}
			@media (max-width: 499px) {
				.menu-soc {
					top: 1.15em
				}
			}
			@media (max-width: 350px) {
				.menu-soc {
					padding-right: .75em
				}
			}
			@media (max-height: 449px) and (min-width: 500px) {
				.menu-soc {
					top: .3em
				}
			}
			@media (max-height: 449px) and (max-width: 499px) {
				.menu-soc {
					top: -.3em
				}
			}
			.menu-soc:hover, .menu-soc:focus {
				opacity: 1
			}
			.menu-ending .menu-soc, .home .menu-soc, .errorr .menu-soc, .smooth-load .menu-soc, .loading .menu-soc, .intro-loading .menu-soc {
				-webkit-transform: translateX(150%) !important;
				-ms-transform: translateX(150%) !important;
				transform: translateX(150%) !important;
				pointer-events: none
			}
			.menu-soc svg {
				width: 1.25em;
				height: 1.25em
			}
			.dark .menu-soc svg {
				fill: #999
			}
			.menu-show .menu-soc {
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				z-index: 1000;
				pointer-events: all
			}
			.menu-soc span {
				position: absolute;
				top: 1.65em;
				left: -8em;
				right: 1em;
				pointer-events: none;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform: translateX(1em);
				-ms-transform: translateX(1em);
				transform: translateX(1em);
				opacity: 0;
				-webkit-transition: all 1s;
				transition: all 1s;
				font-size: .75em;
				color: #777
			}
			.dark .menu-soc span {
				color: #ccc
			}
			.ie10 .menu-soc span, .ie9 .menu-soc span {
				display: none
			}
			@media (min-width: 750px) {
				.menu-soc:hover span {
					opacity: 1;
					-webkit-transform: none;
					-ms-transform: none;
					transform: none;
					-webkit-transition: all 1s 1s;
					transition: all 1s 1s
				}
			}
			
			
			
			#b3{ padding-top:10px; margin:1% auto 0 auto;  text-align: center; width: 60%;  border-top: 1px solid #777; display: none;text-transform: uppercase;  font-family: ArialNarrowRegular;  font-size: 19px; }
                     #b3 a{padding:3px 20px;}
                    @media (max-width: 900px) and (min-width: 500px) {
                      #b3{ margin: 5% auto 0 auto;  width: 100%; font-size: 16px;  border-top: 1px solid #777; }
                       #b3 a{padding:0px 10px;}
                    }      
                    @media (max-width: 500px) {
                      #b3{ padding-top:10px; margin: 7% auto 0 auto;  width: 100%;font-size: 13px; border-top: 1px solid #777; 
                          
                      }
                       #b3 a{padding:0px 5px;
                           
                       }
                    }
			   .menu-show #b3{display:block}