@import url(font-awesome.min.css);@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,300italic,400italic,500,700");@import url("https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700&subset=latin,latin-ext");	body {		background: #fff;	}	body, input, select, textarea {		color: #777;		font-family: "Source Sans Pro", sans-serif;		font-weight: 300;		line-height: 1.65em;		letter-spacing: -0.015em;	}	a {		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;		-o-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;		border-bottom: dotted 1px;		color: #222;		text-decoration: none;	}		a:hover {			border-bottom-color: transparent;		}	strong, b {		color: #646464;		font-weight: 400;	}	em, i {		font-style: italic;	}	p {		margin: 0 0 2em 0;	}	h1, h2, h3, h4, h5, h6 {		color: #646464;		font-weight: 300;		line-height: 1em;		margin: 0 0 0.5em 0;	}		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {			color: inherit;			text-decoration: none;		}	h2 {		font-size: 2.25em;		line-height: 1.5em;		letter-spacing: -0.035em;	}	h3 {		font-size: 1.75em;		line-height: 1.5em;		letter-spacing: -0.025em;	}	h4 {		font-size: 1.1em;		line-height: 1.5em;		letter-spacing: 0;	}	h5 {		font-size: 0.9em;		line-height: 1.5em;		letter-spacing: 0;	}	h6 {		font-size: 0.7em;		line-height: 1.5em;		letter-spacing: 0;	}	sub {		font-size: 0.8em;		position: relative;		top: 0.5em;	}	sup {		font-size: 0.8em;		position: relative;		top: -0.5em;	}	hr {		border: 0;		border-bottom: solid 2px #e5e5e5;		margin: 2em 0;	}		hr.major {			margin: 3em 0;		}	blockquote {		border-left: solid 4px #e5e5e5;		font-style: italic;		margin: 0 0 2em 0;		padding: 0.5em 0 0.5em 2em;	}	pre {		-webkit-overflow-scrolling: touch;		background: #f8f8f8;		border-radius: 6px;		border: solid 1px #e5e5e5;		font-family: monospace;		font-size: 0.9em;		line-height: 1.75em;		margin: 0 0 2em 0;		overflow-x: auto;		padding: 1em 1.5em;	}	code {		background: #f8f8f8;		border-radius: 6px;		border: solid 1px #e5e5e5;		font-family: monospace;		font-size: 0.9em;		margin: 0 0.25em;		padding: 0.25em 0.65em;	}	.align-left {		text-align: left;	}	.align-center {		text-align: center;	}	.align-right {		text-align: right;	}/* Section/Article */	section.special, article.special {		text-align: center;	}	header p {		color: #999;		position: relative;		margin: 0 0 1.5em 0;		font-style: italic;	}	header h2 + p {		font-size: 1.25em;		margin-top: -1em;		line-height: 1.5em;	}	header h3 + p {		font-size: 1.1em;		margin-top: -0.85em;		line-height: 1.5em;	}	header h4 + p,	header h5 + p,	header h6 + p {		font-size: 0.8em;		margin-top: -0.5em;		line-height: 1.5em;	}	header.major {		padding: 1em 0;		text-align: center;	}		header.major h2 {			margin: 0;		}		header.major p {			display: inline-block;			border-top: solid 2px #e5e5e5;			color: #777;			margin: 1.5em 0 0 0;			padding: 1.5em 0 0 0;			font-style: normal;		}/* Form */	form {		margin: 0 0 2em 0;	}	label {		color: #646464;		display: block;		font-size: 0.9em;		font-weight: 300;		margin: 0 0 1em 0;	}	input[type="text"],	input[type="password"],	input[type="email"],	select,	textarea {		-moz-appearance: none;		-webkit-appearance: none;		-o-appearance: none;		-ms-appearance: none;		appearance: none;		background: #f8f8f8;		border-radius: 6px;		border: solid 1px #e5e5e5;		color: inherit;		display: block;		outline: 0;		padding: 0 1em;		text-decoration: none;		width: 100%;	}		input[type="text"]:invalid,		input[type="password"]:invalid,		input[type="email"]:invalid,		select:invalid,		textarea:invalid {			color:#999;			box-shadow: none;		}	.select-wrapper {		text-decoration: none;		display: block;		position: relative;	}		.select-wrapper:before {			-moz-osx-font-smoothing: grayscale;			-webkit-font-smoothing: antialiased;			font-family: FontAwesome;			font-style: normal;			font-weight: normal;			text-transform: none !important;		}		.select-wrapper:before {			color: #e5e5e5;			content: '\f078';			display: block;			height: 3em;			line-height: 3em;			pointer-events: none;			position: absolute;			right: 0;			text-align: center;			top: 0;			width: 3em;		}		.select-wrapper select::-ms-expand {			display: none;		}	input[type="text"],	input[type="password"],	input[type="email"],	select {		height: 3em;	}	textarea {		padding: 0.75em 1em;	}	input[type="checkbox"],	input[type="radio"] {		-moz-appearance: none;		-webkit-appearance: none;		-o-appearance: none;		-ms-appearance: none;		appearance: none;		display: block;		float: left;		margin-right: -2em;		opacity: 0;		width: 1em;		z-index: -1;	}		input[type="checkbox"] + label,		input[type="radio"] + label {			text-decoration: none;			color: #777;			cursor: pointer;			display: inline-block;			font-size: 1em;			font-weight: 300;			padding-left: 2.55em;			padding-right: 0.75em;			position: relative;		}			input[type="checkbox"] + label:before,			input[type="radio"] + label:before {				-moz-osx-font-smoothing: grayscale;				-webkit-font-smoothing: antialiased;				font-family: FontAwesome;				font-style: normal;				font-weight: normal;				text-transform: none !important;			}			input[type="checkbox"] + label:before,			input[type="radio"] + label:before {				background: #f8f8f8;				border-radius: 6px;				border: solid 1px #e5e5e5;				content: '';				display: inline-block;				height: 1.8em;				left: 0;				line-height: 1.725em;				position: absolute;				text-align: center;				top: 0;				width: 1.8em;			}		input[type="checkbox"]:checked + label:before,		input[type="radio"]:checked + label:before {			background: #666;			border-color: #666;			color: #ffffff;			content: '\f00c';		}		input[type="checkbox"]:focus + label:before,		input[type="radio"]:focus + label:before {			border-color: #e89980;			box-shadow: 0 0 0 1px #e89980;		}	input[type="checkbox"] + label:before {		border-radius: 6px;	}	input[type="radio"] + label:before {		border-radius: 100%;	}	::-webkit-input-placeholder {		color: #999 !important;		opacity: 1.0;	}		:-moz-placeholder {		color: #999 !important;		opacity: 1.0;	}	::-moz-placeholder {		color: #999 !important;		opacity: 1.0;	}	:-ms-input-placeholder {		color: #999 !important;		opacity: 1.0;	}	.formerize-placeholder {		color: #999 !important;		opacity: 1.0;	}/* Box */	.box {		background: #fff;		border-radius: 6px;		box-shadow: 0 2px 0 0 #e5e5e5;		margin: 0 0 2em 0;		padding: 3em;	}		.box > :last-child {			margin-bottom: 0;		}		.box.alt {			background: none !important;			border-radius: 0 !important;			box-shadow: none !important;			margin: 0 0 2em 0;			padding: 0 !important;		}		.box.features .features-row {			border-top: solid 2px #e5e5e5;			position: relative;		}			.box.features .features-row:after {				clear: both;				content: '';				display: block;			}			.box.features .features-row section {				float: left;				padding: 3em;				width: 50%;			}				.box.features .features-row section :last-child {					margin-bottom: 0;				}				.box.features .features-row section:nth-child(2n) {					padding-right: 0;				}					.box.features .features-row section:nth-child(2n):before {						background: #e5e5e5;						content: '';						display: block;						height: 100%;						margin-left: -3em;						position: absolute;						top: 0;						width: 2px;					}				.box.features .features-row section:nth-child(2n-1) {					padding-left: 0;				}			.box.features .features-row:first-child {				border-top: 0;			}				.box.features .features-row:first-child section {					padding-top: 0;				}			.box.features .features-row:last-child {				padding-bottom: 0;			}				.box.features .features-row:last-child section {					padding-bottom: 0;				}		.box.special {			text-align: center;		}		.box .image.featured {			border-radius: 0;			display: block;			margin: 3em 0 3em -3em;			position: relative;			width: calc(100% + 6em);		}			.box .image.featured img {				border-radius: 0;				display: block;				width: 100%;			}			.box .image.featured:first-child {				border-radius: 6px 6px 0 0;				margin-bottom: 3em;				margin-top: -3em;			}				.box .image.featured:first-child img {					border-radius: 6px 6px 0 0;				}			.box .image.featured:last-child {				border-radius: 0 0 6px 6px;				margin-bottom: -3em;				margin-top: 3em;			}				.box .image.featured:last-child img {					border-radius: 0 0 6px 6px;				}/* Icon */	.icon {		text-decoration: none;		border-bottom: none;		position: relative;	}		.icon:before {			-moz-osx-font-smoothing: grayscale;			-webkit-font-smoothing: antialiased;			font-family: FontAwesome;			font-style: normal;			font-weight: normal;			text-transform: none !important;		}		.icon > .label {			display: none;		}		.icon.major {			background: #666;			border-radius: 100%;			color: #ffffff;			cursor: default;			display: inline-block;			height: 5.5em;			line-height: 5.5em;			margin: 0 0 2em 0;			width: 5.5em;		}			.icon.major:before {				font-size: 2.5em;			}			.icon.major.accent1 {				background: #666;				color: #ffffff;			}			.icon.major.accent2 {			  background: -webkit-linear-gradient(315deg, #ff2247, #1e3f9f);			  background: linear-gradient(135deg, #ff2247, #1e3f9f);				color: #ffffff;			}			.icon.major.accent3 {				background: #7fcdb8;				color: #ffffff;			}			.icon.major.accent4 {				background: #90b0ba;				color: #ffffff;			}			.icon.major.accent5 {				background: #e5cb95;				color: #ffffff;			}/* Image */	.image {		border-radius: 6px;		border: 0;		display: inline-block;		position: relative;	}		.image img {			border-radius: 6px;			display: block;		}		.image.left {			float: left;			padding: 0 1.5em 1em 0;			top: 0.25em;		}		.image.right {			float: right;			padding: 0 0 1em 1.5em;			top: 0.25em;		}		.image.fit {			display: block;			margin: 0 0 2em 0;			width: 100%;		}			.image.fit img {				display: block;				width: 100%;			}/* List */	ol {		list-style: decimal;		margin: 0 0 2em 0;		padding-left: 1.25em;	}		ol li {			padding-left: 0.25em;		}	ul {		list-style: disc;		margin: 0 0 2em 0;		padding-left: 1em;	}		ul li {			padding-left: 0.5em;		}		ul.alt {			list-style: none;			padding-left: 0;		}			ul.alt li {				border-top: solid 1px #e5e5e5;				padding: 0.5em 0;			}				ul.alt li:first-child {					border-top: 0;					padding-top: 0;				}		ul.icons {			cursor: default;			list-style: none;			padding-left: 0;		}			ul.icons li {				display: inline-block;				padding: 0 1.25em 0 0;			}				ul.icons li:last-child {					padding-right: 0;				}				ul.icons li .icon {					color: inherit;				}					ul.icons li .icon:before {						font-size: 1.75em;					}		ul.actions {			cursor: default;			list-style: none;			padding-left: 0;		}			ul.actions li {				display: inline-block;				padding: 0 1em 0 0;				vertical-align: middle;			}				ul.actions li:last-child {					padding-right: 0;				}			ul.actions.small li {				padding: 0 0.5em 0 0;			}			ul.actions.vertical li {				display: block;				padding: 1em 0 0 0;			}				ul.actions.vertical li:first-child {					padding-top: 0;				}				ul.actions.vertical li > * {					margin-bottom: 0;				}			ul.actions.vertical.small li {				padding: 0.5em 0 0 0;			}				ul.actions.vertical.small li:first-child {					padding-top: 0;				}			ul.actions.fit {				display: table;				margin-left: -1em;				padding: 0;				table-layout: fixed;				width: calc(100% + 1em);			}				ul.actions.fit li {					display: table-cell;					padding: 0 0 0 1em;				}					ul.actions.fit li > * {						margin-bottom: 0;					}				ul.actions.fit.small {					margin-left: -0.5em;					width: calc(100% + 0.5em);				}					ul.actions.fit.small li {						padding: 0 0 0 0.5em;					}	dl {		margin: 0 0 2em 0;	}/* Table */	.table-wrapper {		-webkit-overflow-scrolling: touch;		overflow-x: auto;	}	table {		margin: 0 0 2em 0;		width: 100%;	}		table tbody tr {			border: solid 1px #e5e5e5;			border-left: 0;			border-right: 0;		}			table tbody tr:nth-child(2n + 1) {				background-color: #f8f8f8;			}		table td {			padding: 0.75em 0.75em;		}		table th {			color: #646464;			font-size: 0.9em;			font-weight: 300;			padding: 0 0.75em 0.75em 0.75em;			text-align: left;		}		table thead {			border-bottom: solid 2px #e5e5e5;		}		table tfoot {			border-top: solid 2px #e5e5e5;		}		table.alt {			border-collapse: separate;		}			table.alt tbody tr td {				border: solid 1px #e5e5e5;				border-left-width: 0;				border-top-width: 0;			}				table.alt tbody tr td:first-child {					border-left-width: 1px;				}			table.alt tbody tr:first-child td {				border-top-width: 1px;			}			table.alt thead {				border-bottom: 0;			}			table.alt tfoot {				border-top: 0;			}/* Button */	input[type="submit"],	input[type="reset"],	input[type="button"],	.button {		-moz-appearance: none;		-webkit-appearance: none;		-o-appearance: none;		-ms-appearance: none;		appearance: none;		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		background-color: #666;		border-radius: 6px;		border: 0;		color: #ffffff;		cursor: pointer;		display: inline-block;		font-weight: 400;		height: 3em;		line-height: 3em;		padding: 0 2em;		text-align: center;		text-decoration: none;		white-space: nowrap;	}		input[type="submit"]:hover,		input[type="reset"]:hover,		input[type="button"]:hover,		.button:hover {			background-color: #737373;		}		input[type="submit"]:active,		input[type="reset"]:active,		input[type="button"]:active,		.button:active {			background-color: #595959;		}		input[type="submit"].icon,		input[type="reset"].icon,		input[type="button"].icon,		.button.icon {			padding-left: 1.35em;		}			input[type="submit"].icon:before,			input[type="reset"].icon:before,			input[type="button"].icon:before,			.button.icon:before {				margin-right: 0.5em;			}		input[type="submit"].fit,		input[type="reset"].fit,		input[type="button"].fit,		.button.fit {			display: block;			margin: 0 0 1em 0;			width: 100%;		}		input[type="submit"].small,		input[type="reset"].small,		input[type="button"].small,		.button.small {			font-size: 0.8em;			height: 2.7em;			line-height: 2.7em;		}		input[type="submit"].big,		input[type="reset"].big,		input[type="button"].big,		.button.big {			font-size: 1.25em;			height: 2.7em;			line-height: 2.7em;		}		input[type="submit"].alt,		input[type="reset"].alt,		input[type="button"].alt,		.button.alt {			background-color: transparent;			box-shadow: inset 0 0 0 2px #e5e5e5;			color: #777;		}			input[type="submit"].alt:hover,			input[type="reset"].alt:hover,			input[type="button"].alt:hover,			.button.alt:hover {				background-color: #f8f8f8;			}			input[type="submit"].alt:active,			input[type="reset"].alt:active,			input[type="button"].alt:active,			.button.alt:active {				background-color: #f0f0f0;			}			input[type="submit"].alt.icon:before,			input[type="reset"].alt.icon:before,			input[type="button"].alt.icon:before,			.button.alt.icon:before {				color: #999;			}		input[type="submit"].special,		input[type="reset"].special,		input[type="button"].special,		.button.special {			background-color: #e89980;			color: #fff !important;		}			input[type="submit"].special:hover,			input[type="reset"].special:hover,			input[type="button"].special:hover,			.button.special:hover {				background-color: #ecaa96;			}			input[type="submit"].special:active,			input[type="reset"].special:active,			input[type="button"].special:active,			.button.special:active {				background-color: #e4886a;			}		input[type="submit"].disabled, input[type="submit"]:disabled,		input[type="reset"].disabled,		input[type="reset"]:disabled,		input[type="button"].disabled,		input[type="button"]:disabled,		.button.disabled,		.button:disabled {			background-color: #777 !important;			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);			color: #f5f5f5 !important;			cursor: default;			opacity: 0.25;		}	#skel-layers-wrapper {		padding-top: 3em;	}	body.landing #skel-layers-wrapper {		padding-top: 0;	}	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }	#header {		background: #333;		color: #bbb;		cursor: default;		height: 3.25em;		left: 0;		line-height: 3.25em;		position: fixed;		top: 0;		width: 100%;		z-index: 10000;	}		#header h1 {			color: inherit;			height: inherit;			left: 1.25em;			line-height: inherit;			margin: 0;			padding: 0;			position: absolute;			top: 0;		}			#header h1 a {				color: #fff;				font-weight: 400;				border: 0;			}						#header h1 b {				color: #fff;				font-weight: 700;				border: 0;			}					#header nav {			height: inherit;			line-height: inherit;			position: absolute;			right: 0.75em;			top: 0;			vertical-align: middle;					}			#header nav > ul {				list-style: none;				margin: 0;				padding-left: 0;			}				#header nav > ul > li {					display: inline-block;					padding-left: 0;					margin-top:3px;					border-radius:5px;					color:#fff;				}					#header nav > ul > li > ul {						display: none;					}					#header nav > ul > li a {						display: inline-block;						height: 2em;						line-height: 1.95em;						padding: 0 1em;						border-radius: 6px;						color:#fff;					}					#header nav > ul > li a:not(.button) {						color: #fff;						display: inline-block;						text-decoration: none;						border: 0;					}						#header nav > ul > li a:not(.button).icon:before {							color: #fff;							margin-right: 0.5em;						}					#header nav > ul > li:first-child {						margin-left: 0;					}					#header nav > ul > li.active a:not(.button) {						background-color: rgba(74, 109, 151, 0.45);					}					#header nav > ul > li .button {						margin: 0 0 0 0.5em;						position: relative;					}		#header input[type="submit"],		#header input[type="reset"],		#header input[type="button"],		#header .button {			background-color: transparent;			box-shadow: inset 0 0 0 2px #999;			color: #fff;		}			#header input[type="submit"]:hover,			#header input[type="reset"]:hover,			#header input[type="button"]:hover,			#header .button:hover {				background-color: rgba(153, 153, 153, 0.25);			}			#header input[type="submit"]:active,			#header input[type="reset"]:active,			#header input[type="button"]:active,			#header .button:active {				background-color: rgba(153, 153, 153, 0.5);			}		#header .container {			position: relative;		}			#header .container h1 {				left: 0;			}			#header .container nav {				right: 0;			}		#header.reveal {			-moz-animation: reveal-header 0.5s;			-webkit-animation: reveal-header 0.5s;			-o-animation: reveal-header 0.5s;			-ms-animation: reveal-header 0.5s;			animation: reveal-header 0.5s;		}		#header.alt {			-moz-animation: none;			-webkit-animation: none;			-o-animation: none;			-ms-animation: none;			animation: none;			background:  none;			color: rgba(255, 255, 255, 1);			position: absolute;		}			#header.alt nav > ul > li a:not(.button).icon:before {				color: rgba(255, 255, 255, 0.75);			}			#header.alt nav > ul > li.active a:not(.button) {				background-color: rgba(255, 255, 255, 0.2);			}			#header.alt input[type="submit"],			#header.alt input[type="reset"],			#header.alt input[type="button"],			#header.alt .button {				box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);			}				#header.alt input[type="submit"]:hover,				#header.alt input[type="reset"]:hover,				#header.alt input[type="button"]:hover,				#header.alt .button:hover {					background-color: rgba(255, 255, 255, 0.1);				}				#header.alt input[type="submit"]:active,				#header.alt input[type="reset"]:active,				#header.alt input[type="button"]:active,				#header.alt .button:active {					background-color: rgba(255, 255, 255, 0.2);				}	.dropotron {		background: #f9f9f9;		border-radius: 12px;		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5);		list-style: none;		margin: calc(-0.5em + 1px) 0 0 1px;		padding: 0 0;		width: 40em;	}		.dropotron table{		background: #fff;		width: 40em;		border-radius: 12px;			}	.dropotron table tr td{		background: #f9f9f9;		font-size:14px;		font-weight:500;		text-align:center;				width: 40em;	}	.dropotron table tr td:hover{		background: #f0f0f0;		cursor:pointer;	}			.dropotron li {			padding: 0;		}			.dropotron li a, .dropotron li span {				-moz-transition: none;				-webkit-transition: none;				-o-transition: none;				-ms-transition: none;				transition: none;				border: 0;				color: inherit;				display: block;				padding: 0.15em 1em;			}			.dropotron li:first-child > a, .dropotron li:first-child > span {				border-top: 0;			}			.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {				background: #5d7ea5;				border: 1px solid #333;				color: #ffffff;			}		.dropotron.level-0 {			font-size: 0.9em;			margin: 1em 0 0 0;		}			.dropotron.level-0:before {				-moz-transform: rotate(45deg);				-webkit-transform: rotate(45deg);				-o-transform: rotate(45deg);				-ms-transform: rotate(45deg);				transform: rotate(45deg);				background: #f9f9f9;				border: solid 1px rgba(229, 229, 229, 0.5);				border-bottom: 0;				border-right: 0;				box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);				content: '';				display: block;				height: 0.75em;				position: absolute;				right: 1.25em;				top: -0.375em;				width: 0.75em;				z-index: 0;			}	#banner {		background-attachment: scroll,							fixed;		background-color: #666;		background-image: url("images/overlay.png"), url("../images/bg.jpg");		background-position: top left,						center center;		background-repeat: repeat,							no-repeat;		background-size: auto,							cover;		color: #fff;		padding: 12em 0 20em 0;		text-align: center;	}		#banner :last-child {			margin-bottom: 0;		}		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {			color: #fff;		}		#banner h2 {			font-size: 3.5em;			line-height: 1em;			margin: 0 0 0.5em 0;			padding: 0;		}		#banner p {			font-size: 1.25em;			margin-bottom: 1.75em;		}		#banner input[type="submit"],		#banner input[type="reset"],		#banner input[type="button"],		#banner .button {			background-color: transparent;			box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);			color: #fff;			min-width: 12em;		}			#banner input[type="submit"]:hover,			#banner input[type="reset"]:hover,			#banner input[type="button"]:hover,			#banner .button:hover {				background-color: rgba(255, 255, 255, 0.1);			}			#banner input[type="submit"]:active,			#banner input[type="reset"]:active,			#banner input[type="button"]:active,			#banner .button:active {				background-color: rgba(255, 255, 255, 0.2);			}			#banner input[type="submit"].special,			#banner input[type="reset"].special,			#banner input[type="button"].special,			#banner .button.special {				background: #fff;				color: #666 !important;			}/* Main */	#main {		padding: 4em 0;	}		#main > header {			text-align: center;			margin: 0 0 3em 0;		}			#main > header h2 {				font-size: 2.75em;				margin: 0;			}			#main > header p {				border-top: solid 2px #e5e5e5;				color: #777;				display: inline-block;				font-style: normal;				margin: 1em 0 0 0;				padding: 1em 0 1.25em 0;			}	body.landing #main {		margin-top: -14em;	}/* Footer */	#footer {		background: #f0f0f0;		padding: 4em 0 6em 0;		text-align: center;	}		#footer .icons a {			-moz-transition: opacity 0.2s ease-in-out;			-webkit-transition: opacity 0.2s ease-in-out;			-o-transition: opacity 0.2s ease-in-out;			-ms-transition: opacity 0.2s ease-in-out;			transition: opacity 0.2s ease-in-out;			opacity: 0.35;		}			#footer .icons a:hover {				opacity: 0.75;			}		#footer .copyright {			color: #999;			font-size: 0.9em;			line-height: 1em;			margin: 2em 0 0 0;			padding: 0;			text-align: center;		}			#footer .copyright a {				color: inherit;			}			#footer .copyright li {				border-left: solid 1px #dddddd;				display: inline-block;				list-style: none;				margin-left: 1em;				padding-left: 1em;			}				#footer .copyright li:first-child {					border-left: 0;					margin-left: 0;					padding-left: 0;				}/* CTA */	#cta {		position:absolute;		color: #f8f8f8;		padding: 0;		margin:0;		top:0;		padding-top:10px;		text-align: center;		width:100%;	}				#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {			color: inherit;		}		#cta form {			margin: 0 auto;			max-width: 100%;			width: 25em;					}		#cta input[type="submit"],		#cta input[type="reset"],		#cta input[type="button"],		#cta .button {			box-shadow: none;			background: #fff;			color: #e89980;		}		#cta input[type="text"],		#cta input[type="password"],		#cta input[type="email"],		#cta select,		#cta textarea {			color: #fff;			background: rgba(255, 255, 255, 0.25);			border: 0;			font-weight:300;		}			#cta input[type="text"]:focus,			#cta input[type="password"]:focus,			#cta input[type="email"]:focus,			#cta select:focus,			#cta textarea:focus {				box-shadow: inset 0 0 0 2px #f7f7f7;			}		#cta ::-webkit-input-placeholder {			color: #e0e0e0 !important;			font-weight:300;		}		#cta :-moz-placeholder {			color: rgba(255, 255, 255, 0.75) !important;		}		#cta ::-moz-placeholder {			color: rgba(255, 255, 255, 0.75) !important;		}		#cta :-ms-input-placeholder {			color: rgba(255, 255, 255, 0.75) !important;		}		#cta .formerize-placeholder {			color: rgba(255, 255, 255, 0.75) !important;		}				.facebook-button {		  color: #fff;		  text-decoration: none;		  padding: 15px 40px;		  background-image: -webkit-linear-gradient(#3b5998, #314b83);		  background-image: -moz-linear-gradient(#3b5998, #314b83);		  		  display: inline-block;		  border-radius: 5px;		  border: solid 1px #283e6b;		  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2);		  text-shadow: 0px 1px rgba(0, 0, 0, 0.4);		  font-weight: bold;		  -webkit-transition: all 0.2s;		  -moz-transition: all 0.2s;		  -ms-transition: all 0.2s;		  -o-transition: all 0.2s;		  transition: all 0.3s;		}		.facebook-button:hover {		  background-image: -webkit-linear-gradient(#4466ac, #34518e);		}		.facebook-button:active {		  box-shadow: inset 0px 5px 15px rgba(0, 0, 0, 0.3), 0px 1px rgba(255, 255, 255, 0.2);		}				.sign-button {		  color: #fff;		  text-decoration: none;		  padding: 15px 40px;		  background-image: -webkit-linear-gradient(#3fc000, #4dc413);		  background-image: -moz-linear-gradient(#3fc000, #4dc413);		  		  display: inline-block;		  border-radius: 5px;		  border: solid 1px #3cb102;		  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2);		  text-shadow: 0px 1px rgba(0, 0, 0, 0.4);		  font-weight: bold;		  -webkit-transition: all 0.2s;		  -moz-transition: all 0.2s;		  -ms-transition: all 0.2s;		  -o-transition: all 0.2s;		  transition: all 0.3s;		}		.sign-button:hover {		  background-image: -webkit-linear-gradient(#3bb100, #3fbf00);		}		.sign-button:active {		  box-shadow: inset 0px 5px 15px rgba(0, 0, 0, 0.3), 0px 1px rgba(255, 255, 255, 0.2);		}						.gradient {		  background: -webkit-linear-gradient(#4a6d97, #0e8acf);		  background: linear-gradient(#4a6d97, #0e8acf);		}		.show-mobile {  			display: none;		}		@media all and (max-width: 600px) {						.hide-mobile{				display:none;			}			.show-mobile{				display:inline-block;			}								}		.avatar {  display: inline-block;  position: relative;}.avatar img {  box-shadow: 0 0 0 5px white, 0 3px 5px 4px rgba(0, 0, 0, 0.1);}.avatar::after {  content: '';  position: absolute;  top: 100%;  left: 50%;  width: 0;  height: 0;  border-left: 7px solid transparent;  border-right: 7px solid transparent;  border-top: 12.6px solid white;  margin-left: -7px;  -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));}.avatar_rect img {  border-radius: 10px;}.avatar_round img {  border-radius: 50%;}.appbuttons {  width: 100%;  text-align: center;  padding-bottom: 10px;}.appbutton {  margin: 0px 1% 10px 1%;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  border-radius: 8px;  display: inline-block;  cursor: pointer;  text-decoration: none;  border: 2px solid #3b3b3b;  height: 70px;  width: 30%;  transition: all 0.5s ease;  background-color: #080808;  color: #fff;  position: relative;}.appbutton:hover {  border: 2px solid #d7070e;  transition: all 0.2s ease;  -webkit-box-shadow: 0px 0px 15px 5px rgba(155,2,7,0.55);  -moz-box-shadow: 0px 0px 15px 5px rgba(155,2,7,0.55);  box-shadow: 0px 0px 15px 5px rgba(155,2,7,0.55);}.appbutton span {  position: absolute;  top: 12px;  right: 12px;  font-style: normal;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif;  color: #e92c33;  opacity: 1;}.appbutton span em {  font-size: 13px;  position: relative;  font-style: normal;  top: 2px;}.appbutton span strong {  font-size: 8px;  position: relative;  font-style: normal;  top: -2px;  left: -2px;  color: #999;}.appbutton:active {  position: relative;  top: 1px;}.google {  background-image: url("http://res.cloudinary.com/rhonawaxman/image/upload/v1429927781/google-link_1_nmyf3y.png");  background-position: 8px 8px;  background-repeat: no-repeat;}.iphone {  background-position: 8px 2px;  background-color: #000;  background-repeat: no-repeat;}@media screen and (max-width: 675px) {  .appbutton {    height: 70px;    width: 77%;  }}.main{	position:relative;	top:0;	left:0;	width:100%;    background-image: url('../images/bg.jpg');    background-size:   cover;    background-repeat: no-repeat;    background-position: center center;	overflow-y:hidden;	overflow-x:hidden;	}.main video {  /* Make video to at least 100% wide and tall */  min-width: 100%;   min-height: 100%;     /* Setting width & height to auto prevents the browser from stretching or squishing the video */  width: auto;  height: auto;    /* Center the video */  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);	-ms-transform: translate(-50%,-50%); 	-webkit-transform: translate(-50%,-50%);}.main .circle:first-child{	position:absolute;	top:-150px;	left:-200px;	background:none;	width:450px;	height:450px;	border-radius:50%;	border:15px solid rgba(255,255,255,.3);}.main .circle:nth-child(2){	position:absolute;	top:-200px;	right:-100px;	background: url("../images/bg.jpg") 0 100% no-repeat;	width:800px;	height:800px;	border-radius:50%;	}.main .circle:nth-child(3){	position:absolute;	top:-200px;	left:25%;	background:none;	width:350px;	height:350px;	border-radius:50%;		border:10px solid rgba(255,255,255,.1);}.main .circle:nth-child(4){	position:absolute;	bottom:-100px;	left:-50px;	background:none;	width:350px;	height:350px;	border-radius:50%;		border:20px solid rgba(255,255,255,.3);}.main .left{	position:relative;	display:inline-block;	margin:0 !important;	padding:0 !important;	width:100%;	height:100%;	}.main .left .panza{	position:absolute;	left:0;	top:10px;}.main .left .header-text{	position: absolute;	top: 300px;	z-index: 2;	width:100%;	max-width: 960px;	width: 600px;	height: 200px;	overflow: hidden;	background: none;	margin: 0 auto;	left: 0;	right: 0;}.main .left .top-logo{	position: absolute;	top: 160px;	z-index: 2;	width:100%;	width: 600px;	height: 200px;	overflow: hidden;	background: none;	margin: 0 auto;	left: 0;	right: 0;}.main .left .button {	position: absolute;	bottom: 50px;	z-index: 10;	width:100%;	max-width: 960px;	width: 600px;	height: 100px;	overflow: hidden;	background: none;	margin: 0 auto;	left: 0;	right: 0;}.main .left .button a {	height: 60px;	line-height: 58px;	padding: 0 35px;	display: inline-block;	font-family: 'Montserrat', sans-serif;}.main .left .button a:first-child {	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	border: none;	color: #fff;	background: #fd2d79; 	background: -moz-linear-gradient(left,  #fd2d79 0%, #ff7254 100%);	background: -webkit-linear-gradient(left,  #fd2d79 0%,#ff7254 100%); 	background: linear-gradient(to right,  #fd2d79 0%,#ff7254 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		margin-right: 25px;	border-radius:50px;	font-size:22px;	letter-spacing: -1px;	}.main .left .button a:first-child:hover {	border: none;	color: #fd3276;	background:#fff;}.main .left .top-logo img{	width:40%;	transition: all .5s ease-in-out; }.main .left .header-text h1{	font-family:'Roboto';	font-size:32px;	font-weight:300;	margin-top:20px;	text-align:center;	color:#fff;}.main .left .header-text h1 b{	font-weight:700;	color:#fff;	border-bottom:2px solid #fff;}.main .left .sub-text{	position:absolute;	left:30%;	right:5%;	width:65%;	top:45%;	text-align:left;}.main .left .sub-text h1{	font-family:'Roboto';	font-size:28px;	font-weight:500;	color:#666;	margin:0;	padding:0;}.main .left .sub-text p{	font-family:'Roboto';	font-size:16px;	font-weight:300;	color:#fff;	margin:0;	padding:0;	margin-top:20px;}.main .left .sub-text .name{	color:#999;}.main .left .latest-users{	position: absolute;	top: 365px;}.scale-logo{    -ms-transform: scale(0.35); /* IE 9 */    -webkit-transform: scale(0.35); /* Safari */    transform: scale(0.35);}.main .left .latest-users .photo{	position:absolute;    width: 30px;    height: 30px;	margin-right:5px;    border-radius: 50px;    background-size:   cover;    background-repeat: no-repeat;    background-position: top center;}.main .left .download-text{	position:absolute;	left:30%;	right:5%;	width:65%;	height:20%;	top:65%;	text-align:center;}.main .left .download-text h3{	font-family:'Roboto';	font-size:16px;	font-weight:300;	color:#222;	margin:0;	padding:0;}.main .left .download-apps{	position:absolute;	left:30%;	right:5%;	width:65%;	height:20%;	top:70%;	text-align:center;}.main .left .download-apps .iphone{	position:absolute;	left:9%;}.main .left .download-apps .android{	position:absolute;	right:9%;}.main .right{	position:absolute;	top:0;	padding:0 !important;	width:26%;	height:100%;	margin-left:37%;	margin-right:37%;	z-index:3;}.main .right .box {	position:absolute;	left:0;	top:55px;		width:100%;	height:585px;	-webkit-box-shadow: 0px 0px 39px -9px rgba(0,0,0,0.75);	-moz-box-shadow: 0px 0px 39px -9px rgba(0,0,0,0.75);	box-shadow: 0px 0px 39px -9px rgba(0,0,0,0.75);	z-index:5;	border-radius:10px;	background:rgba(255,255,255,.95);}.main .right .box .header{	position:absolute;	left:0;	top:0;		width:100%;	height:10%;}.main .right .box .header .fb{	position:absolute;	left:5%;	top:20%;		width:35%;	height:35px;	border-radius:50px;	background:#3464d4;	cursor:pointer;	}.main .right .box .header .fb .logo{	position:absolute;	left:5%;	top:12%;		width:25px;	height:25px;	border-radius:50px;	background:#fff;}.main .right .box .header .fb .logo i{	position:absolute;	left:28%;	top:4%;		color:#3464d4;}.main .right .box .header .fb h3{	position:absolute;	left:38%;	top:21%;		color:#fff;	font-family:'Roboto';	font-size:14px;	font-weight:800;}.main .right .box .header .twitter{	position:absolute;	left:42%;	top:20%;		width:35%;	height:35px;	border-radius:50px;	background:#1cacff;	cursor:pointer;	}.main .right .box .header .twitter .logo{	position:absolute;	left:5%;	top:12%;		width:25px;	height:25px;	border-radius:50px;	background:#fff;}.main .right .box .header .twitter .logo i{	position:absolute;	left:22%;	top:2%;		color:#1cacff;}.main .right .box .header .twitter h3{	position:absolute;	left:38%;	top:21%;		color:#fff;	font-family:'Roboto';	font-size:14px;	font-weight:800;}.main .right .box .header .more{	position:absolute;	right:5%;	top:20%;		width:35px;	height:35px;	border-radius:50px;	background:#fff;	border: 1px solid #dedede;	cursor:pointer;}.main .right .box .header .more .logo{	position:absolute;	left:5%;	top:12%;		width:25px;	height:25px;	border-radius:50px;	background:#fff;}.main .right .box .header .more .logo i{	position:absolute;	left:33%;	top:0%;		color:#222;}.main .right .box .socials {  position: absolute;  right:-25%;  width: 228px !important;  height: 239px !important;  padding: 21px 26px 0 26px;  -webkit-transform-origin: 50% 10px;  -moz-transform-origin: 50% 10px;  transform-origin: 50% 10px;  -webkit-transform: scale(.1);  transform: scale(.1);  opacity: 0;  background: url("../images/menu@1x.png");  z-index:99;}.main .right .box .socials ul {  font: 16px 'Roboto', 'HelveticaNeue', Arial;  color: #3c4755;  list-style: none;  overflow: hidden;  padding-top: 17px;  padding-bottom: 13px;  padding-left:27px;}.main .right .box .socials li {  height: 35px;  cursor:pointer;}.main .right .box .socials li img{	position:absolute;	left:-25px;	top:-5px;}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and ( min-resolution: 2dppx) {  .main .right .box .socials {    background: url("../images/menu@2x.png");    background-size: 100% 100%;  }}.main .right .box .title{	position:absolute;	left:0;	top:10%;		width:100%;	height:5%;}.main .right .box .title h1{  font: 20px 'Roboto', 'HelveticaNeue', Arial;  color: #888;  padding-left:20px;  padding-top:10px;    font-weight:300;}.main .right .box .form{	position:absolute;	left:0;	top:19%;		width:100%;	height:84%;}.main .right .box .form input{	position:relative;	display:inline-table;	width:85%;	height:35px;	margin-left:15px;	margin-top:10px;	background:#fff;	border:1px solid #cfcfcf;	border-radius:25px;	outline:none;	color:#222;	font-weight:500;}.main .right .box .form input:focus{	outline:none;	border:1px solid #3464D4;	}.main .right .box .form select{	position:relative;	display:inline-table;	width:85%;	height:35px;	margin-left:15px;	margin-top:10px;	background:#fff;	border:1px solid #cfcfcf;	color:#999;	border-radius:25px;	outline:none;	font-weight:500;}.main .right .box .form select:selected{	color:#333 !important;}.main .right .box .form select:focus{	border:1px solid #3464D4;	outline:none;}.main .right .box .form .signup{	position:relative;	display:inline-table;	width:50%;	height:40px;	margin-left:15px;	margin-top:18px;	background: #fd2d79; 	background: -moz-linear-gradient(left,  #fd2d79 0%, #ff7254 100%);	background: -webkit-linear-gradient(left,  #fd2d79 0%,#ff7254 100%); 	background: linear-gradient(to right,  #fd2d79 0%,#ff7254 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		border-radius:25px;	outline:none;	color:#fff;	font-family:'Roboto';	font-size:16px;	line-height:220%;	text-align:center;	font-weight:500;	cursor:pointer;}.main .right .box .form .error{	position:relative;	display:inline-table;	width:85%;	height:35px;	margin-left:15px;	margin-top:10px;	background:#e20303;	border-radius:25px;	outline:none;	color:#fff;	font-weight:500;	text-align:center;	padding:8px;	display:none;}.main .right .box .form .info{	position:relative;	width:80%;	height:auto;	margin-left:18px;	padding-top:15px;	color:#d0d0d0;	font-family:'Roboto';	font-size:14px;	text-align:left;	font-weight:300;}.main .right .box .form .signup:hover{}.main .right .flame {	position:absolute;	right:-6%;	top:0;	}.fbottom{	position:absolute;	bottom:0;	left:0;	width:100%;	height:80px;	background: none; 	z-index:3;}.fbottom .line{	position:absolute;	bottom:0;	left:0;	width:100%;	height:5px;	background: #fd2d79; 	background: -moz-linear-gradient(left,  #fd2d79 0%, #ff7254 100%);	background: -webkit-linear-gradient(left,  #fd2d79 0%,#ff7254 100%); 	background: linear-gradient(to right,  #fd2d79 0%,#ff7254 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		z-index:3;	}#disabled{ color: #999 !important; }.profile-outer-ring {  width: 70px;  height: 70px;  position: absolute;  border-radius: 50%;  -webkit-transform: scale(1);          transform: scale(1);  top: calc(50% - 35px);  left: calc(50% - 35px);  cursor: pointer;  -webkit-transition: all 250ms ease-in-out;  transition: all 250ms ease-in-out;}.profile-outer-ring:after {  content: "";  width: 30px;  height: 30px;  position: absolute;  top: -1px;  left: -1px;  border: 1px solid #ff6b6b;  box-shadow: 0px 0px 5px rgba(255, 107, 107, 0.3);  border-radius: 50%;  -webkit-animation-duration: 2.5s;          animation-duration: 2.5s;  -webkit-animation-name: bubble-bounce;          animation-name: bubble-bounce;  -webkit-animation-iteration-count: infinite;          animation-iteration-count: infinite;}@-webkit-keyframes bubble-bounce {  0% {    -webkit-transform: scale(1);            transform: scale(1);    opacity: 1;  }  87% {    -webkit-transform: scale(2.3);            transform: scale(2.3);    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes bubble-bounce {  0% {    -webkit-transform: scale(1);            transform: scale(1);    opacity: 1;  }  87% {    -webkit-transform: scale(2.3);            transform: scale(2.3);    opacity: 1;  }  100% {    opacity: 0;  }}@media only screen and (min-width: 1620px) { .main .left .logo-tinder{	left:42%;	} .main .left .top-logo{	 top:270px;	}	 .main .left .header-text {	  top:410px; } .main .left .latest-users{  top:475px;	  }	.main .right .box {		left:8%;		top:18%;		}	.main .right{		width:20%;		margin-left:40%;		margin-right:40%;		}	}@media only screen and (max-width: 500px) {	.main .right .box {		left:1%;		top:3px;		z-index: 9999999999;	}	.main .right{		width:98%;		margin-left:0;		margin-right:0;		z-index: 9999999999;					}	.main .left .header-text{		top: 200px;	}	.main .left .top-logo{		top: 100px;	}	.main .left .button{		top: 350px;	}	 	.main .left .button a {			font-size: 20px;	}}@media screen and (-webkit-min-device-pixel-ratio:0) {   select,  textarea,  input {    font-size: 16px !important;  }}