@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800');
*/
@import url('font-awesome.min.css');



/*

	Big Picture by Pixelarity

	pixelarity.com @pixelarity

	License: pixelarity.com/license

*/



/*********************************************************************************/

/* Basic                                                                         */

/*********************************************************************************/



	html {

		height: 100%;

	}



	body {

		background: #fff;

		height: 100%;

	}



		body.is-loading *,

		body.is-resizing *

		{

			-moz-transition: none !important;

			-webkit-transition: none !important;

			-o-transition: none !important;

			-ms-transition: none !important;

			transition: none !important;

			-moz-animation: none !important;

			-webkit-animation: none !important;

			-o-animation: none !important;

			-ms-animation: none !important;

			animation: none !important;

		}



	body,input,textarea,select {

		font-family: 'Source Sans Pro', sans-serif;

		font-weight: 300;

		font-size: 18pt;

		line-height: 1.75em;

		color: #39454b;

		letter-spacing: 0.5px;

	}



	h1,h2,h3,h4,h5,h6 {

		font-weight: 900;

		color: inherit;

	}



		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

			color: inherit;

			text-decoration: none;

		}



	h2 {

		text-align: center;

		font-size: 2.25em;

		letter-spacing: -2px;

		line-height: 1.25em;

	}



	strong, b {

		font-weight: 900;

		color: inherit;

	}



	em, i {

		font-style: italic;

	}



	a {

		color: #98c593;



		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

	}



	sub {

		position: relative;

		top: 0.5em;

		font-size: 0.8em;

	}



	sup {

		position: relative;

		top: -0.5em;

		font-size: 0.8em;

	}



	hr {

		border: 0;

		border-top: solid 1px #ddd;

	}



	blockquote {

		border-left: solid 0.5em #ddd;

		padding: 1em 0 1em 2em;

		font-style: italic;

	}



	p, ul, ol, dl, table {

		margin-bottom: 1em;

	}



	header {

		margin-bottom: 1em;

	}



		header p {

			display: block;

			margin: 1em 0 0 0;

			padding: 0 0 0.5em 0;

		

			text-align: center;

}



	footer {

		margin-top: 2em;

	}



	br.clear {

		clear: both;

	}



	/* Sections/Article */



		section,

		article {

			margin-bottom: 3em;

		}



			section > :last-child,

			article > :last-child {

				margin-bottom: 0;

			}



			section > .content > :last-child,

			article > .content > :last-child {

				margin-bottom:30px;

			}



			section:last-child,

			article:last-child {

				margin-bottom: 0;

			}



			.row > section,

			.row > article {

				margin-bottom: 0;

			}

			.margin-bototm3{

				margin-bottom:10px !important;

			}



	/* Image */



		.image {

			position: relative;

			display: inline-block;

		}



			.image:before {

				content: '';

				position: absolute;

				left: 0;

				top: 0;

				width: 100%;

				height: 100%;

				background: url('images/overlay.png');

			}



			.image img {

				display: block;

				width: 100%;

			}



			.image.featured {

				display: block;

				width: 100%;

				margin: 0 0 2em 0;

			}



			.image.fit {

				display: block;

				width: 100%;

			}



			.image.left {

				float: left;

				margin: 0 2em 2em 0;

			}



			.image.centered {

				display: block;

				margin: 0 0 2em 0;

			}



				.image.centered img {

					margin: 0 auto;

					width: auto;

				}



	/* List */



		ul {

		}



			ul.default {

				list-style: disc;

				padding-left: 1em;

			}



				ul.default li {

					padding-left: 0.5em;

				}



			ul.icons {

				cursor: default;

			}



				ul.icons li {

					display: inline-block;

				}



					ul.icons a {

						display: inline-block;

						width: 2em;

						height: 2em;

						line-height: 2em;

						text-align: center;

						border: 0;

					}



			ul.menu {

				cursor: default;

			}



				ul.menu li {

					display: inline-block;

					line-height: 1em;

					border-left: solid 1px rgba(145,146,147,0.25);

					padding: 0 0 0 0.5em;

					margin: 0 0 0 0.5em;

				}



				ul.menu li:first-child {

					border-left: 0;

					padding-left: 0;

					margin-left: 0;

				}

				#equal {

					position: relative;

					top: 10px;

					border: none !important;

					padding-right: 10px;

				}



				#private {

					padding-right: 10px;

					border-right: solid 1px rgba(145,146,147,0.25);

				}





				#equal img{

					width: 30px;

				}



			ul.actions {

				cursor: default;

			}



				ul.actions li {

					display: inline-block;

					margin: 0 0 0 0.5em;

				}



				ul.actions li:first-child {

					margin-left: 0;

				}



		ol {

		}



			ol.default {

				list-style: decimal;

				padding-left: 1.25em;

			}



				ol.default li {

					padding-left: 0.25em;

				}



	/* Form */



		form {

		}



			form label {

				display: block;

			}



			form input[type="text"],

			form input[type="email"],

			form input[type="password"],

			form select,

			form textarea {

				display: block;

				width: 100%;

				padding: 0.65em 0.75em;

				background: none;

				border: solid 2px rgba(185,186,187,0.25);

				color: #333;

				border-radius: 0.5em;

				outline: none;



				-moz-appearance: none;

				-webkit-appearance: none;

				-o-appearance: none;

				-ms-appearance: none;

				appearance: none;



				-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

				-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

				-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

				-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

				transition: all 0.2s ease-in-out, color 0.2s ease-in-out;

			}



				form input[type="text"]:focus,

				form input[type="email"]:focus,

				form input[type="password"]:focus,

				form select:focus,

				form textarea:focus {

					border-color: #9ac8e9;

				}



			form input[type="text"],

			form input[type="email"],

			form input[type="password"],

			form select {

				line-height: 1.35em;

			}



			form textarea {

				min-height: 8em;

			}



			form .formerize-placeholder {

				color: #333 !important;

			}



			form ::-webkit-input-placeholder {

				color: #333 !important;

			}



			form :-moz-placeholder {

				color: #333 !important;

			}



			form ::-moz-placeholder {

				color: #333 !important;

			}



			form :-ms-input-placeholder {

				color: #333 !important;

			}



			form ::-moz-focus-inner {

				border: 0;

			}



	/* Table */



		table {

			width: 100%;

		}



			table.default {

				width: 100%;

			}



				table.default tbody tr:nth-child(2n+2) {

					background: #f4f4f4;

				}



				table.default td {

					padding: 0.5em 1em 0.5em 1em;

				}



				table.default th {

					text-align: left;

					font-weight: 900;

					padding: 0.5em 1em 0.5em 1em;

				}



				table.default thead {

					background: #444;

					color: #fff;

				}



				table.default tfoot {

					background: #eee;

				}



				table.default tbody {

				}



	/* Button */



		input[type="button"],

		input[type="submit"],

		input[type="reset"],

		.button {

			background-color: #98c593;

			border: 0;

			border-radius: 3.5em;

			color: #fff;

			cursor: pointer;

			display: inline-block;

			height: 3.5em;

			line-height: 3.5em;

			outline: 0;

			padding: 0 2em 0 2em;

			position: relative;

			text-align: center;

			text-decoration: none;



			-moz-appearance: none;

			-webkit-appearance: none;

			-o-appearance: none;

			-ms-appearance: none;

			appearance: none;



			-moz-transition: all 0.2s ease-in-out;

			-webkit-transition: all 0.2s ease-in-out;

			-o-transition: all 0.2s ease-in-out;

			-ms-transition: all 0.2s ease-in-out;

			transition: all 0.2s ease-in-out;

		}



		input[type="submit"]{

			width: 200px;

			border-radius: 10px;

			background: -webkit-linear-gradient(#309b30, #306830); /* For Safari 5.1 to 6.0 */

			background: -o-linear-gradient(#309b30, #306830); /* For Opera 11.1 to 12.0 */

			background: -moz-linear-gradient(#309b30, #306830); /* For Firefox 3.6 to 15 */

			background: linear-gradient(#309b30, #306830); /* Standard syntax */

			height: 50px;

			line-height: 25px;

		}

			.button.down {

				width: 5em;

				height: 5em;

				line-height: 4.5em;

				padding: 0;

				background-image: url('images/dark-arrow.svg');

				background-position: center center;

				background-repeat: no-repeat;

				text-indent: -10em;

				overflow: hidden;

			}



				.button.down.anchored {

					bottom: 0;

					border-bottom: 0;

					border-radius: 3em 3em 0 0;

					height:2.5em;

					margin-left: -2.5em;

				}



			.button.anchored {

				position: absolute;

				left: 50%;

			}



			input[type="button"]:hover,

			input[type="submit"]:hover,

			input[type="reset"]:hover,

			.button:hover {

				background-color: #a8d5a3;

			}



			input[type="button"]:active,

			input[type="submit"]:active,

			input[type="reset"]:active,

			.button:active {

				background-color: #88b583;

			}



			input[type="button"].style2,

			input[type="submit"].style2,

			input[type="reset"].style2,

			.button.style2 {

				background-color: transparent;

				border: solid 2px #e5e6e7;

				color: inherit;

			}



				input[type="button"].style2:hover,

				input[type="submit"].style2:hover,

				input[type="reset"].style2:hover,

				.button.style2:hover {

					background-color: rgba(145,146,147,0.035);

				}



				.button.style2.down {

					background-image: url('images/arrow.svg');

				}





	/* Box */



		.box {

			background: none;

			color: #39454b;

			padding: 2em;

		}



			.box.style2 {

				padding: 3.5em 2.5em 3.5em 2.5em;

			}



	/* Main */



		.main {

			position: relative;

			margin: 0;

			overflow-x: hidden;

		}



			.main.fullscreen {

				height: 100%;

			}



			.main.style1 {

				text-align: center;

				padding: 3em 0 2em 0;

			}



				.main.style1 h2 {

					font-size: 4.25em;

					line-height: 1em;

					letter-spacing: -4px;

				}



				.main.style1:before {

					content: '';

					display: inline-block;

					vertical-align: middle;

					height: 100%;

				}



				.main.style1 .content {

					opacity: 1.0;

					display: inline-block;

					vertical-align: bottom;



					-moz-transition: all 1s ease;

					-webkit-transition: all 1s ease;

					-o-transition: all 1s ease;

					-ms-transition: all 1s ease;

					transition: all 1s ease;



					-moz-transform: translateZ(0);

					-webkit-transform: translateZ(0);

					-o-transform: translateZ(0);

					-ms-transform: translateZ(0);

					transform: translateZ(0);

				}



			.main.style1.inactive {

			}



				.main.style1.inactive .content {

					opacity: 0;

				}



			.main.style2 {

				padding: 3em 0 0em 0;

				overflow: hidden;

				text-align:center;

			}

			.main.style2:before {

					content: '';

					display: inline-block;

					vertical-align: middle;

					height: 100%;

				}



				.main.style2 .content {

					position: relative;

					width: 100%;

					display: inline-block;

					vertical-align: bottom;



					-moz-transition: all 1s ease;

					-webkit-transition: all 1s ease;

					-o-transition: all 1s ease;

					-ms-transition: all 1s ease;

					transition: all 1s ease;



					-moz-transform: translateZ(0);

					-webkit-transform: translateZ(0);

					-o-transform: translateZ(0);

					-ms-transform: translateZ(0);

					transform: translateZ(0);

				}



				.main.style2.left {

				}



					.main.style2.left:after {

						content: '';

						display: inline-block;

						vertical-align: middle;

						height: 100%;

					}



					.main.style2.left .content {

						left: 0;

					}



				.main.style2.right {

				}



					.main.style2.right:before {

						content: '';

						display: inline-block;

						vertical-align: middle;

						height: 100%;

					}



					.main.style2.right .content {

						left: 65%;

					}



				.main.style2.inactive {

				}



					.main.style2.inactive .content {

					}



						.main.style2.inactive.left .content {

							left: -35%;

						}



						.main.style2.inactive.right .content {

							left: 100%;

						}



			.main.style3 {

				text-align: center;

				padding: 6em 0 6em 0;

			}



				.main.style3 .content {

				}



					.main.style3 .content > header {

						margin-bottom: 2em;

					}



				.main.style3.primary {

					background: #fff;

				}



				.main.style3.secondary {

					background: #f5f6f7;

				}



	/* Dark */



		.dark {

			color: #fff;

		}



			.dark a {

				color: #fff;

			}



			.dark .button.style2 {

				border: none;

				background-color: rgba(64,64,64,0.00);

			}



				.dark .button.style2:hover {

					background-color: rgba(255,255,255,0.1);

				}



				.dark .button.style2.down {

					background-image: url('images/dark-arrow.svg');

				}



/*********************************************************************************/

/* Spinner                                                                       */

/*********************************************************************************/



	@-moz-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

	@-webkit-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

	@-o-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

	@-ms-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

	@keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }



/*********************************************************************************/

/* Loader                                                                        */

/*********************************************************************************/



	@-moz-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-webkit-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-o-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-ms-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }

	@keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }

	@-moz-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }

	@-webkit-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }

	@-o-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }

	@-ms-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }

	@keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }

	@-moz-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	@-webkit-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	@-o-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	@-ms-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	@keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }



	body {

		text-decoration: none;

	}



		body:before {

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

		}



		body:before {

			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;

			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;

			-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;

			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;

			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;

			-moz-transform-origin: 50% 50%;

			-webkit-transform-origin: 50% 50%;

			-o-transform-origin: 50% 50%;

			-ms-transform-origin: 50% 50%;

			transform-origin: 50% 50%;

			color: #ececec;

			content: '\f1ce';

			cursor: default;

			display: block;

			font-size: 2em;

			height: 2em;

			left: 50%;

			line-height: 2em;

			margin: -1em 0 0 -1em;

			opacity: 0;

			position: fixed;

			text-align: center;

			top: 50%;

			width: 2em;

			z-index: -1;

		}



		body:after {

			-moz-animation: overlay-hide 1.5s ease-in forwards !important;

			-webkit-animation: overlay-hide 1.5s ease-in forwards !important;

			-o-animation: overlay-hide 1.5s ease-in forwards !important;

			-ms-animation: overlay-hide 1.5s ease-in forwards !important;

			animation: overlay-hide 1.5s ease-in forwards !important;

			background: #ffffff;

			content: '';

			display: block;

			height: 100%;

			left: 0;

			opacity: 0;

			position: fixed;

			top: 0;

			width: 100%;

			z-index: -1;

		}



		body.is-loading:before {

			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;

			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;

			-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;

			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;

			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;

			z-index: 100001;

		}



		body.is-loading:after {

			-moz-animation: none !important;

			-webkit-animation: none !important;

			-o-animation: none !important;

			-ms-animation: none !important;

			animation: none !important;

			opacity: 1;

			z-index: 100000;

		}



	@media (-webkit-min-device-pixel-ratio: 2) {

		body:before {

			line-height: 2.025em;

		}

	}



/*********************************************************************************/

/* Icons                                                                         */

/*********************************************************************************/



	.icon {

		text-decoration: none;

	}



		.icon:before {

			display: inline-block;

			font-family: FontAwesome;

			font-size: 1.25em;

			text-decoration: none;

			font-style: normal;

			font-weight: normal;

			line-height: 1;

			-webkit-font-smoothing:antialiased;

			-moz-osx-font-smoothing:grayscale;

		}



		.icon > .label {

			display: none;

		}



/*********************************************************************************/

/* Header                                                                        */

/*********************************************************************************/



	#header {

		position: fixed;

		z-index: 10000;

		left: 0;

		top: 0;

		width: 100%;

		background: #fff;

		background: #666666;

		height: 100px;

		line-height: 3em;

		/* box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1); */

	}



	#headerNavBar {

		position: relative;

		top: -4px;

		float: left;

		width: 100%;

		background-color: #666666;

	}



	#headerSubNavBar {

		position: relative;

		float: left;

		width: 100%;

		height: 50px;

		background-color: #f7f7f7;

	}



	#subNavBarSlogan {

		position: relative;

		top: -20px;

		left: 50px;

		font-size: 15px;

		color: green;

	}



	.subNavBar {

		position: relative;

		float: right;

		width: 100%;

		height: 100%;

	}



	.subNavBar ul {

		position: relative;

		float: right;

		top: -5px;

		right: 50px;

	}



	.subNavBar ul li {

		display: inline;

		padding-left: 22px;

		padding-right:22px;

		font-size: 15px;

	}



	.subNavBar ul li a {

		color: black;

		text-decoration: none;

		border: 2px solid transparent;

		padding-left: 10px;

		padding-right: 10px;

		padding-top: 2px;

		padding-bottom: 2px;

	}

.subNavBar ul li a:hover{

	border: 2px solid #73d284;

    border-radius: 5px;

    padding: 2px 10px;

}

	#test {

		border: 2px solid #73d284;

		border-radius: 5px;

		padding-left: 10px;

		padding-right: 10px;

		padding-top: 2px;

		padding-bottom: 2px;

	}





	body {

		padding-top: 3em;

	}



	#logo {

		position: relative;

		height: 25px;

		top:5px;

		left: 50px;

	}



		#logo a {

			font-size: 1.25em;

		}



	#nav {

		position: absolute;

		right: 50px;

		top: 0;

		height: 50px;

		line-height: 3em;

	}



		#nav ul {

			margin: 0;

		}



			#nav ul li {

				display: inline-block;

				font-size: 0.9em;

				padding:12px 0px;

					line-height:1.5em;

			}



				#nav ul li a {

					display: block;

					color: #c6c6c6;

					text-decoration: none;

					outline: 0;

					padding:4px 25px;

				}

				#nav ul li a:hover{

					color:#fff;

				}









/*********************************************************************************/

/* Intro                                                                         */

/*********************************************************************************/



	#intro {

		background: url('../images/intro.jpg');

		background-size:cover;

		-moz-background-size:cover;

		-webkit-background-size:cover;

		-ms-background-size:cover;

		background-attachment: fixed;

		 background-position:33% 100px;

		background-repeat: repeat, no-repeat;

	}



/*********************************************************************************/

/* One                                                                           */

/*********************************************************************************/



	#one {

		background: url('../images/one.jpg');

		background-size:cover;

		-moz-background-size:cover;

		-webkit-background-size:cover;

		-ms-background-size:cover;

		background-attachment: fixed;

		background-position:55% 100px;

	}



/*********************************************************************************/

/* Two                                                                           */

/*********************************************************************************/



	#two {

		background: url('../images/two.jpg');

		background-size:cover;

		-moz-background-size:cover;

		-webkit-background-size:cover;

		-ms-background-size:cover;

		background-attachment: fixed, fixed;

		background-position:10% 100px;

	}



/*********************************************************************************/

/* Work                                                                          */

/*********************************************************************************/



	#work {

	}



		#work .row.images {

		}



			#work .row.images .image {

				position: relative;

				top: 0;

				left: 0;

				opacity: 1.0;



				-moz-transition: all 1s ease;

				-webkit-transition: all 1s ease;

				-o-transition: all 1s ease;

				-ms-transition: all 1s ease;

				transition: all 1s ease;



				-moz-transform: translateZ(0);

				-webkit-transform: translateZ(0);

				-o-transform: translateZ(0);

				-ms-transform: translateZ(0);

				transform: translateZ(0);

			}



			#work .row.images.inactive {

			}



				#work .row.images.inactive .image {

					opacity: 0;

				}



				#work .row.images.inactive .image.from-left {

					left: -14em;

				}



				#work .row.images.inactive .image.from-right {

					left: 14em;

				}



				#work .row.images.inactive .image.from-top {

					top: -7em;

				}



				#work .row.images.inactive .image.from-bottom {

					top: 7em;

				}



/*********************************************************************************/

/* Contact                                                                       */

/*********************************************************************************/



	#contact {

		padding-bottom: 0;

		overflow: hidden;

	}



		#contact .box {

			position: relative;

			bottom: 0;



			-moz-transition: all 1s ease;

			-webkit-transition: all 1s ease;

			-o-transition: all 1s ease;

			-ms-transition: all 1s ease;

			transition: all 1s ease;



			-moz-transform: translateZ(0);

			-webkit-transform: translateZ(0);

			-o-transform: translateZ(0);

			-ms-transform: translateZ(0);

			transform: translateZ(0);

		}



		#contact.inactive {

		}



			#contact.inactive .box {

				bottom: -30em;

			}



/*********************************************************************************/

/* Footer                                                                        */

/*********************************************************************************/



	#footer {

		position: relative;

		float: left;

		width: 100%;

		height: 5em;

		line-height: 5em;

		margin: 0;

		background: #39454b;

		color: #999;

		color: rgba(185,186,187,0.5);

		overflow: hidden;

	}



		#footer a {

			color: #999;

			color: rgba(185,186,187,0.5);

		}



			#footer a:hover {

				color: #bbb;

				color: rgba(185,186,187,1.0);

			}



		#footer .actions {

			position: absolute;

			left: 1em;

			top: 0.25em;

			height: 5em;

			line-height: 5em;

			margin: 0;

		}



			#footer .actions li {

				font-size: 1.25em;

				margin: 0;

			}



				#footer .actions li a {

					padding: 0.5em;

				}



		#footer .menu {

			position: absolute;

			right: 2em;

			top: 0;

			height: 5em;

			line-height: 5em;

			margin: 0;

		}



			#footer .menu li {

				font-size: 0.9em;

			}



			#socialNetwork {

				position: relative;

				float: left;

				left: 25px;

				top: 15px;

			}



			#socialNetwork li{

				position: relative;

				float: left;

				display: inline;

			}



			#socialNetwork li a{

				

			}



			#socialNetwork li a img{

				width: 40px;

				border-radius: 5px;

				margin-left: 10px;

				

			}



/*********************************************************************************/

/* Poptrox                                                                       */

/*********************************************************************************/



	.poptrox-popup {

		background: #fff;

		-moz-box-sizing: content-box;

		-webkit-box-sizing: content-box;

		-o-box-sizing: content-box;

		-ms-box-sizing: content-box;

		box-sizing: content-box;

		padding-bottom: 3em;

		box-shadow: 0 0.1em 0.15em 0 rgba(0,0,0,0.15);

	}



		.poptrox-popup .loader {

			position: absolute;

			top: 50%;

			left: 50%;

			margin: -1em 0 0 -1em;

			width: 2em;

			height: 2em;

			display: block;

			font-size: 2em;

		}



		.poptrox-popup .loader:before {

			-moz-animation: spinner-rotate 0.75s infinite linear !important;

			-webkit-animation: spinner-rotate 0.75s infinite linear !important;

			-o-animation: spinner-rotate 0.75s infinite linear !important;

			-ms-animation: spinner-rotate 0.75s infinite linear !important;

			animation: spinner-rotate 0.75s infinite linear !important;

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

			color: #ececec;

			content: '\f1ce';

			cursor: default;

			display: block;

			height: 2em;

			left: 0;

			line-height: 2em;

			position: absolute;

			text-align: center;

			top: 0;

			width: 2em;

		}



		.poptrox-popup .caption {

			position: absolute;

			bottom: 0;

			left: 0;

			background: #fff;

			width: 100%;

			height: 3em;

			line-height: 2.8em;

			text-align: center;

			cursor: default;

			z-index: 1;

			font-size: 0.9em;

		}



		.poptrox-popup .nav-next,

		.poptrox-popup .nav-previous {

			position: absolute;

			top: 0;

			width: 50%;

			height: 100%;

			opacity: 0;

			cursor: pointer;

			background: rgba(0,0,0,0.01);

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

			-webkit-tap-highlight-color: rgba(255,255,255,0);

		}



			.poptrox-popup .nav-next:before,

			.poptrox-popup .nav-previous:before {

				content: '';

				position: absolute;

				width: 96px;

				height: 64px;

				background: url('images/poptrox-nav.svg');

				top: -moz-calc(50% - 1.5em);

				top: -webkit-calc(50% - 1.5em);

				top: -o-calc(50% - 1.5em);

				top: -ms-calc(50% - 1.5em);

				top: calc(50% - 1.5em);

				margin: -32px 0 0 0;

			}



			.poptrox-popup:hover .nav-next,

			.poptrox-popup:hover .nav-previous {

				opacity: 0.5;

			}



			.poptrox-popup:hover .nav-next:hover,

			.poptrox-popup:hover .nav-previous:hover {

				opacity: 1.0;

			}



			.poptrox-popup .nav-previous:before

			{

				-moz-transform: scaleX(-1);

				-webkit-transform: scaleX(-1);

				-o-transform: scaleX(-1);

				-ms-transform: scaleX(-1);

				transform: scaleX(-1);

				-ms-filter: "FlipH";

				filter: FlipH;

			}



		.poptrox-popup .nav-next {

			right: 0;

		}



			.poptrox-popup .nav-next:before {

				right: 0;

			}



		.poptrox-popup .nav-previous {

			left: 0;

		}



			.poptrox-popup .nav-previous:before {

				left: 0;

			}



		.poptrox-popup .closer {

			position: absolute;

			top: 0;

			right: 0;

			width: 64px;

			height: 64px;

			text-indent: -9999px;

			z-index: 2;

			opacity: 0;

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

			-webkit-tap-highlight-color: rgba(255,255,255,0);

		}



			.poptrox-popup .closer:before {

				content: '';

				display: block;

				position: absolute;

				right: 16px;

				top: 16px;

				width: 40px;

				height: 40px;

				border-radius: 100%;

				box-shadow: inset 0 0 0 2px #fff;

				background: url('images/poptrox-closer.svg') center center;

				color: #fff !important;

			}



			.poptrox-popup:hover .closer {

				opacity: 0.5;

			}



			.poptrox-popup:hover .closer:hover {

				opacity: 1.0;

			}



/*********************************************************************************/

/* Touch Mode                                                                    */

/*********************************************************************************/



	body.is-touch {

	}



		body.is-touch .main {

			background-attachment: scroll !important;

		}



		body.is-touch .poptrox-popup {

		}



			body.is-touch .poptrox-popup .nav-next,

			body.is-touch .poptrox-popup .nav-previous,

			body.is-touch .poptrox-popup .closer {

				opacity: 1.0 !important;

			}





#intro .intro-text{

	font-family: 'Open Sans', sans-serif;

	text-align:center;

	width: 52%;

	float:right;

	margin-right:-15px;

	margin-bottom:50px;

}

#intro .intro-text p{

	font-size:38px;

	margin:6% 0% 8% 0%;

	font-family: 'Open Sans', sans-serif;

	font-weight:300;

}

#intro .intro-text ul,#one .one-text ul{

	display:block;

	text-align:center;

	margin:0px;

	padding:0px;

}

#intro .intro-text ul li,#one .one-text ul li{

	list-style:none;

	display:inline-block;

	font-size:14px;

	border-left:1px solid #fff;

	width:24.4%;

	text-transform:uppercase;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	margin-left: -5px;

}

#intro .intro-text ul li:first-child,#one .one-text ul li:first-child{

	border-left:0px;

}

#intro .intro-text ul li strong,#one .one-text ul li span{

	font-size:32px;

	display:block;

	font-weight:500;

	font-family: 'Open Sans', sans-serif;

	margin-right: 5px;

}

#one .one-text{

	text-align:center;

	padding-top: 165px;

}

#one .one-text h2,#two .two-text h2{

	font-size: 38px;

	font-weight:300;

	font-family: 'Open Sans', sans-serif;

	margin-top: 50px;

	letter-spacing:0px;

}

#one .one-text ul{

	margin:30px auto 25px auto;

	width: 80%;

}

#one .one-text p{

	font-size: 1em;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	max-width: 75%;

	margin:0px auto 5% auto;

	line-height:28px;

}



#two .two-text p{

	font-family: 'Open Sans', sans-serif;

	font-size: 1em;

  font-weight: 400;

  max-width: 80%%;

  margin: 0px auto 5% auto;

  line-height: 28px;

}

#two .two-text .green-bg{

	background:url(../images/green-bg.png) center 3px no-repeat;

}

#two .two-text .green-detail{

	padding:10px 0px 40px  0px;

	font-family: 'Open Sans', sans-serif;

}

#two .two-text .green-bg div,#two .two-text .green-detail div{

	display:inline-block;

	text-transform:uppercase;

	font-weight:600;

	font-size:20px;

	min-width:17%;

	font-family: 'Open Sans', sans-serif;

	line-height:none;

	vertical-align:top;

	line-height:28px;

}

#two .two-text .green-detail div{

	text-transform:none;

	font-size:18px;

	font-family: 'Open Sans', sans-serif;

	font-weight:700;

	line-height:15px;

}

.text-left{

	text-align:left !important;

}

/*-- Loan Status View Button --*/

#screenleapViewer{

	background:transparent !Important;

	border:0px !important;

	position:relative;

}

#screenleapViewer input[type="text"]{

	position:absolute;

	right:-130px;

	padding:0.65em 0.75em !important;

	width:130px;

	top:3px;

	height:50px;

	background:#f5f5f5;

}

#screenleapViewer input[type="text"]:focus{

	border-color:#309b30;

}

.screenleap-button{

	font-size:17pt !important;

	font-weight:300 !important;

	margin-left:-148px !important;

}

#screenleapViewer form{

	color:#fff !important;

}

/* modal box start */
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  outline: 0;
  width:716px;
  height:480px;
  margin:130px auto;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
}
.modal-content {
	padding-bottom:10px;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
	height:120px;
	background:#656565;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
}
.modal-header img {
	position:absolute;
	top:40px;
	left:20px;
}
.modal-header .close {
	position:absolute;
	font-size:30px;
	color:#FFF;
	cursor:pointer;
	background:transparent;
	border:0;
	left:680px;
	margin-top:-7px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  padding: 15px;
  overflow:scroll;
  max-height:260px;
  font-size:15px;
  line-height:20px;
}
.modal-body strong{
	font-weight: 600;
	font-style: italic;
}
.modal-body hr {
	margin:24px 0;
}
.modal-body p {
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
	color:#666;
	line-height:23px;
}
.modal-body h1 {
	font-family: 'Open Sans', sans-serif;
	float:left;
	font-size:30px;
	color:#009dff;
	line-height:30px;
	font-weight:300;
	margin-right:10px;
}
.modal-body a {
	color:#009dff;
}
.modal-body .city-state {
	font-style:italic;
	color:#929292;
	line-height:30px;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
}
.body-area {
	clear:both;
}
.body-area-left {
	float:left;
	padding:15px 0;
	width:75%;
}
.body-area-right img {
	padding:8px;
	border:1px solid #c2c2c2;
	box-shadow: 0 1px 4px 2px #c2c2c2;
	margin-bottom:10px;
	width:109px;
}
.body-area-right {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#929292;
	font-size:12px;
	float:right;
	text-align:center;
	padding:15px 0;
	width:25%;
}

/* pagination start */
.link {padding: 10px 15px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b}
.disabled {cursor:not-allowed;color: #bccfd8;}
.current {background: #bccfd8;}
.first{border-left:#bccfd8 1px solid;}
.question {font-weight:bold;}
.answer{padding-top: 10px;}
#pagination{margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid; clear:both;}
.dot {padding: 10px 15px;background: transparent;border-right: #bccfd8 1px solid;}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.page-content {padding: 20px;margin: 0 auto;}
.pagination-setting {padding:10px; margin:5px 0px 10px;border:#bccfd8  1px solid;color:#607d8b;}
/* pagination end */