/* -------------------------------------------

	Name: 		Snp.io
	Date:		2017/11/20
	Author:		http://psdhtml.me

---------------------------------------------  */
* { margin: 0; padding: 0; }
*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; background: #222; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, textarea, input, select, option, button { color: #959595; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.625; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 17px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; padding: 53px 0 0; background: #fff; }
	#top { position: fixed; left: 50%; top: 0; z-index: 9; width: 1016px; height: 53px; margin: 0 0 0 -508px; }
		#top:before { border: 0 solid #4be9be; background: #f3f3f3; }
		#logo { position: absolute; left: -3000em; top: 0; }
		#skip { position: fixed; top: 0; left: -10000px; z-index: 9; }
			#skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; }
		#nav { position: relative; z-index: 2; }
			#nav > ul { list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { overflow: hidden; position: relative; width: auto; margin: 0; }
				#nav > ul > li > a { display: block; color: #464646; line-height: 53px; text-decoration: none; }
					#nav > ul > li.active > a, #nav > ul > li > a:hover, #nav > ul > li.overlay-a > a { color: #f2422b; }
					.not-top #nav > ul > li.current > a { color: #c3c3c3; }
				#nav > ul > li.hidden { position: absolute; left: -3000em; top: 0; width: 0; }
		#top > form { position: absolute; left: 275px; top: -50px; padding: 11px 0 0; }
			.not-top #top > form { top: 0; }
			#top > form p { font-size: 1.793em; }
			#top > form label { z-index: 9; float: left; margin: 0 22px 0 0; line-height: 29px; }
			#top > form input.email { display: block; z-index: 9; float: left; width: 300px; height: 30px; margin: 0 12px 0 0; padding: 0 5px; border-radius: 0; border: 0 solid #464646; border-bottom-width: 1px; background-color: transparent; color: #959595; font-size: 1em; }
				#top > form input::-webkit-input-placeholder { color: #959595; }
				#top > form input:-ms-input-placeholder { color: #959595; }
				#top > form input::-ms-input-placeholder { color: #959595; }
				#top > form input::placeholder { color: #959595; }
			#root #top > form button { min-width: 112px; height: 31px; padding-top: 0; padding-bottom: 0; font-size: 16px; }
			#root #top > form .success { display: block; float: left; position: absolute; left: -3000em; top: 0; color: #4fda7a; font-size: 14px; line-height: 30px; }
		#top > .menu { display: block; position: absolute; left: -50px; top: 50%; z-index: 9; width: 48px; height: 48px; margin: -24px 0 0; cursor: pointer; }
		#top > .menu { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
			#top > .menu:before, #top > .menu:after { content: ""; display: block; position: absolute; left: 50%; width: 19px; margin: 0 0 0 -8.5px; height: 9px; border-bottom: 2px solid #464646; }
				#top > .menu:before { top: 16px; border-top: 2px solid #464646; }
				#top > .menu:after { bottom: 16px; }
			.menu-active #top > .menu { }
				.menu-active #top > .menu:before { top: 23px; height: 2px; border-top-width: 0; border-bottom-width: 0; background: #464646; }
				.menu-active #top > .menu:after { bottom: 23px; height: 2px; border-top-width: 0; border-bottom-width: 0; background: #464646; }
				.menu-active #top > .menu:before { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
				.menu-active #top > .menu:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
	.not-top #top { }
		.not-top #top:before { bottom: -3px; border-bottom-width: 3px; }
		.not-top #nav { padding-left: 30px; }
		.not-top #nav, .menu-active.not-top #top > form { top: -50px; }
			.not-top #nav > ul > li.hidden { position: relative; left: 0; width: auto; }
			.not-top #nav > ul > li.overlay-a { position: absolute; left: -3000em; top: 0; width: 0; }
		.menu-active.not-top #nav { top: 0; }
		.menu-active.not-top #top > form { top: -50px; }
	#shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0,0,0,.25); opacity: 0; cursor: pointer; }
	#featured { overflow: hidden; position: relative; z-index: 1; padding: 48px 0 67px; background: #464646; text-align: center; }
		#featured > * { width: 1016px; margin-left: auto; margin-right: auto; }
		#featured:before { width: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; height: 226px; }
		#featured:before { background: -moz-linear-gradient(top, rgba(70,70,70,0) 0%, rgba(70,70,70,0.3) 100%); background: -webkit-linear-gradient(top, rgba(70,70,70,0) 0%,rgba(70,70,70,0.3) 100%); background: linear-gradient(to bottom, rgba(70,70,70,0) 0%,rgba(70,70,70,0.3) 100%); }
		#logo_img {margin-bottom: 33px; width: 310px !important;}
		#featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom: 25px; color: #fff; font-size: 2.8em; font-weight: 500; line-height: 1.28571428571; text-transform: uppercase; letter-spacing: .07em; }
			#featured h1 span.small, #featured h2 span.small, #featured h3 span.small, #featured h4 span.small, #featured h5 span.small, #featured h6 span.small { display: block; padding: 29px 0 0; font-weight: 400; font-size: .71428571428em; }
		#featured p, .form-a p { margin-bottom: 14px; }
		#featured input, .form-a input { position: relative; z-index: 9; width: 490px; margin: 0 auto 20px; box-shadow: 0 1px 18px rgba(0,0,0,.44); border-color: #464646; font-size: 18px; }
			#featured.success input, .form-a.success input, #top > form.success input { z-index: 1; padding-right: 50px; color: #4fda7a; }
		#featured button, .form-a button { box-shadow: 0 0 5px rgba(0,0,0,.15); }
			.js #featured button, .js .form-a button, .js #top > form button { z-index: 1; height: 38px; padding-top: 0; padding-bottom: 0; background: #c3c3c3; }
			.js #featured.filled button, .js .form-a.filled button, .js #top > form.filled button { background: #f2422b; }
			#featured p.has-btn:before, .form-a p.has-btn:before, #top > form p.has-btn:before { z-index: 3; }
		#featured .success, .form-a .success { display: block; min-height: 38px; position: absolute; left: -3000em; top: 0; padding: 6px 0 4px; color: #4fda7a; }
		#featured.success .success, .form-a.success .success, #root #top > form.success .success { position: relative; left: 0; }
		#root #featured figure, #root .form-a figure { position: absolute; z-index: 1; width: auto; margin: 0; background: center center no-repeat; background-size: cover; opacity: .1; }
	#content { position: relative; z-index: 2; width: 1016px; margin: 0 auto; padding: 50px 0 0; }
		/*#content > *:last-child { margin-bottom: 43px; }*/
		#content > .news-a:first-child, #content > .form-a:first-child { margin-top: -50px; }
	#footer { position: relative; z-index: 1; width: 1016px; margin: 0 auto; padding: 30px 0 17px; background: #222; color: rgba(255,255,255,.5); }
		#footer:before { background: #222; }
		#footer p { float: left; }
		#footer ul { float: right; list-style: none; padding: 0; }
			#footer ul li { float: left; margin: 0 89px 0 0; }
		#footer a { color: #fff; }


/*! Repeatable --------- */
/* clear */			#content:after, #top:after, #footer:after, form p:after, .cols-a:after, #footer ul:after, .form-a:after, .news-a > *:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
/* fill */			#featured figure, #featured p.has-btn:before, .form-a figure, .form-a p.has-btn:before, #top > form p.has-btn:before, figure .title .inner:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; }
/* wide */ 			#footer:before, #top:before, .form-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; }
/* index */			#footer > *, #featured > *, .form-a > *, .news-a > * > * { position: relative; z-index: 3; }
/* centerY */ 		.news-a figure { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
/* centerX */ 		.form-a figure { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* no trans */		.news-a > header figure, .news-a figure.mb-a, .not-top #top > .menu { -webkit-transform: none; -ms-transform: none; transform: none; }
/* hide */			#featured.filled p.has-btn:before, .form-a.filled p.has-btn:before, #top > form.filled p.has-btn:before { visibility: hidden; opacity: 0; }
/* wide img */		#featured figure img, .form-a figure img { display: block; position: relative; z-index: 1; width: 100% !important; }
/* cursor */ 		form [disabled], #nav > ul > li.active > a, #nav > ul > li.toggle > a, #nav > ul > li.current > a { cursor: default; }


/*! Modules --------- */
.is-anchor { position: relative; }
	#root .is-anchor .anchor { display: block; position: absolute; left: 0; top: -56px; right: 0; }

.news-a { margin: 50px 0; }
	.news-a > * { position: relative; margin: 0 -1000px; padding: 55px 1494px 32px 1000px; background: center 0 repeat-x; }
		.news-a > *:nth-child(2n-1) { padding-right: 1000px; padding-left: 1494px; background-color: #f5f5f5; }
		.news-a > *:first-child:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; z-index: 0; height: 80px; }
		/*.news-a > *:first-child:before { background: -moz-linear-gradient(top, rgba(70,70,70,0.18) 0%, rgba(70,70,70,0) 100%); background: -webkit-linear-gradient(top, rgba(70,70,70,0.18) 0%,rgba(70,70,70,0) 100%); background: linear-gradient(to bottom, rgba(70,70,70,0.18) 0%,rgba(70,70,70,0) 100%); }*/
	#root .news-a > header { padding-top: 15px; padding-left: 1000px; padding-right: 1000px; background-image: url(../images/news-a.png); border-top: 4px solid #4be9be; }
		.news-a > header:first-child:after { display: block; position: absolute; left: 50%; top: -28px; z-index: 1; width: 494px; height: 108px; margin: 0 0 0 -247px; border-radius: 4px 4px 0 0; background: #f5f5f5; }
		.news-a > header h1 img, .news-a > header h2 img, .news-a > header h3 img, .news-a > header h4 img, .news-a > header h5 img { margin-bottom: 23px; }
		.news-a > header p { max-width: 622px; margin: 0 auto 0; }
		#root .news-a > header figure { position: relative; left: 0; top: 0; right: 0; width: auto; margin-left: 0; margin-right: 0; }
			#root .news-a > header figure:last-child { top: 32px; margin-top: -51px; }
	.news-a h1, .news-a h2, .news-a h3, .news-a h4, .news-a h5, .news-a h6 { position: relative; z-index: 2; text-align: center; }
		.news-a h1 img, .news-a h2 img, .news-a h3 img, .news-a h4 img, .news-a h5 img, .news-a h6 img { margin-left: auto; margin-right: auto; }
	.news-a p { position: relative; z-index: 2; }
	.news-a figure { position: absolute; right: 1000px; top: 50%; z-index: 1; width: 460px; margin: 0; text-align: center; }
		.news-a > *:nth-child(2n-1) figure { left: 1000px; right: auto; }
		.news-a figure.mb-a { top: auto; bottom: 0; }
		.news-a figure.offset { width: 490px; margin-right: -35px; }
		.news-a > *:nth-child(2n-1) figure.offset { right: auto; margin-right: 0; margin-left: -35px; }
	.news-a + .form-a, .form-a + .news-a { margin-top: -50px; }


/*! Headers --------- */
h1, h2, h3, h4, h5, h6 { color: #666; font-size: 2.5em; font-weight: 300; line-height: 1.19642857143; }
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; margin-bottom: 17px; }


/*! Content --------- */
b, strong, .strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn, em, i, .em { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
strike, del, .strike { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

.overlay-a { color: #f2422b; }


/*! Links --------- */
a { background: none; color: #09f; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: underline; outline: none; }


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }


/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
.lt-ie9 img { max-width: none !important; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }

figure { color: #222; font-size: 1.4em; font-weight: 300; line-height: 1.42857142857; }
	figure figcaption { display: block; }
	figure .title { display: block; position: relative; margin: 0 0 6px; }
		figure .title .inner { display: inline-block; position: relative; z-index: 2; }
		figure .title .inner:before { left: -5px; right: -5px; z-index: -1; background: #f4d1cd; }

.image-a { }
	.image-a figcaption { max-width: 230px; padding: 0 0 28px; text-align: left; }

	.appStore {
	    display: inline-block;
	    margin: 0 auto;
	    padding-left: 0px;
	}
	.badge {
	    display: inline-block;
	    float: left;
			padding-right: 10px;
	}
	.badge img {
	    display: inline-block;
	    max-height: 40px !important;
	}
	#apple {
	    padding-right: 20px;
	}

/*! Forms --------- */
fieldset, hr { border-width: 0; }
	legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-box-sizing: border-box; box-sizing: border-box; }
		input { }
			input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
				input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
				input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; }
			input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none;  }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
	form > div { position: relative; }
::-webkit-input-placeholder { opacity: 1; color: #a2a2a2; }
:-ms-input-placeholder { opacity: 1; color: #a2a2a2; }
::-ms-input-placeholder { opacity: 1; color: #a2a2a2; }
::placeholder { opacity: 1; color: #a2a2a2; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }
	:focus::placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	form p { position: relative; }
	input { height: 53px; padding: 0 30px; }
	select { padding: 7px 7px 7px 12px; }
		.gecko select { padding-left: 9px; }
	/* Sample:
	.select { display: block; position: relative; }
		.select select { display: block; position: relative; z-index: 3; width: 100%; background: none; }
		.select:before { content: ""; display: block; position: absolute; right: 10px; top: 50%; margin: -10px 0 0; font-family: i; line-height: 20px; }
	*/
	textarea { padding: 7px 7px 7px 12px; }
	input, select, textarea { display: block; border-radius: 26px; border: 2px solid #464646; background: url(../images/input-success.svg) -3000em -3000em no-repeat #fff; background-size: auto 14px; color: #464646; }
		.success input { background-position: 100% center; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; overflow: hidden; position: relative; min-width: 150px; padding: 9px 18px; border-radius: 19px; border: 0; background: #f2422b; color: #fff; line-height: 1.2; text-align: center; }

.form-a { position: relative; margin: 50px 0; padding: 98px 0 86px; background: #464646; text-align: center; }
	.form-a:before { z-index: 0; background: #464646; }
	.form-a:after { content: ""; display: block; position: absolute; left: -3000em; top: 0; right: -3000em; z-index: 1; height: 123px; }
	.form-a:after { background: -moz-linear-gradient(top, rgba(70,70,70,0.4) 0%, rgba(70,70,70,0) 100%); background: -webkit-linear-gradient(top, rgba(70,70,70,0.4) 0%,rgba(70,70,70,0) 100%); background: linear-gradient(to bottom, rgba(70,70,70,0.4) 0%,rgba(70,70,70,0) 100%); }
	.form-a h1, .form-a h2, .form-a h3, .form-a h4, .form-a h5, .form-a h6 { margin-bottom: 26px; color: #f5f5f5; font-size: 2em; font-weight: 400; text-transform: uppercase; letter-spacing: .07em; }
	#root .form-a figure { left: 50%; right: auto; width: 100vw; }


/*! Tables --------- */
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
	th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; }


/*! Helpers --------- */
*, *:before, *:after { -webkit-transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; }
#top > .menu:before, #top > .menu:after, #top > form, #nav, #top > .menu { -webkit-transition: all .4s cubic-bezier(.4,0,.2,1) 0s; transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -0.1s; }

.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden], template, #nav em, .js #featured figure img, #featured label, #featured.success button, .form-a.success button, .form-a label, #top > form.success button { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }

hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; }

.news-a:first-child, .form-a:first-child { margin-top: 0; }
#root .mb-a, #content > .news-a:last-child, #content > .form-a:last-child { margin-bottom: 0; }
#footer ul li:last-child { margin-right: 0; }


/*! Warnings --------- */
p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; }
	p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; }
	p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; }
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
@-ms-viewport { width: auto; }

::selection { background: #4da1ff; color: #fff; text-shadow: none; }
::-moz-selection { background: #4da1ff; color: #fff; text-shadow: none; }

#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }


/*! Flexbox --------- */
/* flex */ 					#nav > ul, .image-a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/* direction-row */			.image-a { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
/* justify-center */		.image-a { -webkit-justify-content: center; justify-content: center; }
/* justify-space */			#nav > ul { -webkit-justify-content: space-between; justify-content: space-between; }
/* align-i-end */			.image-a { -webkit-align-items: flex-end; align-items: flex-end; }


/*! Fonts --------- */
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }


/* Responsive --------- */
@media only screen and (max-width: 71.875em) { /* 1150 */
#top { }
	#top > .menu { left: -16px; }
	.not-top #nav { padding-left: 60px; }
}
@media only screen and (max-width: 68.75em) { /* 1100 */
#content, #footer, #top, #featured > * { width: 960px; }
#top { margin-left: -480px; }
}
@media only screen and (max-width: 62.5em) { /* 1000 */
#content, #footer, #top, #featured > * { width: 720px; }
#top { margin-left: -360px; }
#logo_img {width: 310px !important;}
#top { }
	#top > form { left: 60px; right: 0; white-space: nowrap; }
		#top > form p { font-size: 1.6em; }
	#top > form input { width: auto; }
#featured { padding: 58px 0 70px; }

.news-a { }
	.news-a > * { padding-right: 1300px; }
		.news-a > *:nth-child(2n-1) { padding-left: 1300px; }
	.news-a figure { width: 290px; }
		.news-a figure.offset { width: 320px; }

.form-a { padding: 68px 0 56px; }

#top > form p { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#top > form input { -webkit-flex-grow: 4; flex-grow: 4; }
#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 47.5em) { /* 760 */
#content, #footer, #top, #featured > * { width: auto; }
#content, #footer, #featured { padding-left: 23px; padding-right: 23px; }

#root { padding-top: 0; }
#root #top { left: 0; right: 0; width: auto; margin: 0; }
	#root #top:before { border-width: 0; background: none; }
	#root #nav { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; max-height: 100vh; padding: 0; border-top: 70px solid #f5f5f5; background: #f5f5f5; }
	#root #nav { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
		#root #nav > ul { display: block; }
		#root #nav > ul > li { font-size: 1.7em; }
		#root #nav > ul > li > a { padding: 16px 25px; border-top: 1px solid #c3c3c3; line-height: 1.2; }
			#root #nav > ul > li:first-child > a, #root #nav > ul > li.hidden:first-child + li > a { border-top-width: 0; }
			#root #nav > ul > li.current > a { color: #c3c3c3; }
#featured { padding-top: 116px; padding-bottom: 92px; line-height: 1.70588235294; }
		.menu-active #root #nav { box-shadow: 0 8.5px 43.5px rgba(0,0,0,.22); }
	#top > .menu { left: 0; top: 0; width: 70px; height: 67px; margin: 0; }
		#top > .menu:before, #top > .menu:after { width: 25px; margin: 0 0 0 -12.5px; height: 13px; border-bottom: 3px solid #f2422b; }
			#top > .menu:before { top: 22px; border-top: 3px solid #f2422b; }
			#top > .menu:after { bottom: 22px; }
			.menu-active #top > .menu:before, .menu-active #top > .menu:after { width: 35px; margin-left: -17.5px; }
				.menu-active #top > .menu:before { top: 32px; height: 3px; background: #f2422b; }
				.menu-active #top > .menu:after { bottom: 32px; height: 3px; background: #f2422b; }
	#featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom: 13px; }
		#featured h1 span.small, #featured h2 span.small, #featured h3 span.small, #featured h4 span.small, #featured h5 span.small, #featured h6 span.small { }
	#featured input, .form-a input { width: 100%; max-width: 330px; margin-bottom: 26px; box-shadow: 0 1px 55.5px rgba(0,0,0,.44); font-size: 20px; }
	#featured p, .form-a p { margin-bottom: 22px; }
	#featured button { }
.menu-active #shadow { visibility: visible; opacity: 1; }
#footer { padding-top: 45px; padding-bottom: 45px; }
	#footer p, #footer ul { margin: 0; }
	#footer p, #footer ul li { margin: 0 0 27px; }

li, dt, dd, p, th, td, caption, legend, pre { font-size: 1.7em; }
h1, h2, h3, h4, h5, h6 { font-size: 2.8em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 28px; }

#footer p, #footer ul, #footer ul li { float: none; width: auto; }

.image-a { display: block; }
	.image-a figcaption { max-width: none; padding: 0; }
.is-anchor { }
	#root .is-anchor .anchor { top: 0; }
.news-a { color: #222; }
	#root .news-a > *, #root .news-a > header { margin-left: -23px; margin-right: -23px; padding: 44px 23px 0; }
		#root .news-a > header { padding-top: 29px; }
		.news-a > header:first-child:after { right: 12px; left: 12px; top: -23px; width: auto; margin: 0; }
	#root .news-a figure { overflow: hidden; position: relative; right: 0; left: 0; top: 0; width: auto; max-height: 35vw; margin: 0 0 0; }
		#root .news-a figure.mb-a, #root .news-a figure.image-a { max-height: none; }
		#root .news-a > header figure:last-child { top: 0; margin-top: -8px; }
	#root .news-a p, .news-a .image-a figcaption { max-width: 285px; margin-left: auto; margin-right: auto; }
		.news-a .image-a figcaption:first-child { padding-top: 28px; }
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, .news-a > header h1 img, .news-a > header h2 img, .news-a > header h3 img, .news-a > header h4 img, .news-a > header h5 img { margin-bottom: 33px; }

button, input[type="button"], input[type="reset"], input[type="submit"] { min-width: 136px; padding: 10px 20px; border-radius: 20px; font-size: 17px; }
.form-a { padding-top: 96px; padding-bottom: 21px; line-height: 1.70588235294; }
	.form-a h1, .form-a h2, .form-a h3, .form-a h4, .form-a h5, .form-a h6 { margin-bottom: 15px; }

#top > .menu, .menu-active #root #nav, #root .news-a figure { -webkit-transform: none; -ms-transform: none; transform: none; }
#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide, #root #top > form { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
}
@media only screen and (max-width: 25em) { /* 400 */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
}

@media only screen and (min-width: 47.5em) {
#PipedriveSignup {
	margin: -54px -1000px 0 -1000px;
	padding-top: 50px;
	background: url("../images/content/form-a.jpg");
}
}