/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*overflow-x: hidden;*/
}

p {
	font-size: 20px;
}

	p.small {
		font-size: 16px;
	}

a,
a:hover,
a:focus,
a:active,
a.active {
	text-decoration: none;
	color: #18BC9C;
	/*text-shadow: white 0px 0px 3px;*/
	text-shadow: none;
	outline: none;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

hr.star-light,
hr.star-primary {
	padding: 0;
	border: none;
	border-top: solid 5px;
	text-align: center;
	max-width: 250px;
	margin: 25px auto 30px;
}

	hr.star-light:after,
	hr.star-primary:after {
		content: "\f005";
		position: absolute;
		left: calc(50% - .6em);
		font-size: 2em;
		margin-top: -22px;
		font-family: FontAwesome;
		width: 40px;
	}

hr.star-light {
	border-color: #18BC9C;
}

	hr.star-light:after {
		background-color: #2c3e50;
		color: white;
	}

hr.star-primary {
	border-color: #18BC9C;
}

	hr.star-primary:after {
		background-color: white;
		color: #2C3E50;
	}

.img-centered {
	margin: 0 auto;
}

.cycle-slideshow {
	position: absolute;
	z-index: -1;
	bottom: -36%;
	right: 0;
}

	.cycle-slideshow img {
		text-align: center;
		background-size: cover;
		width: 100vw;
		max-width: 100vw;
		height: 100vh;
		max-height: 100vh;
		object-fit: cover;
	}

header .container {
	padding-top: 100px;
	padding-bottom: 50px;
}

header img {
	display: block;
	margin: 0 auto 9px;
	width: 190px;
}

header .intro-text {
	font-size: 10px;
	color: white;
	text-align: center;
}

	header .intro-text .star-light {
		margin-bottom: 0;
	}

	header .intro-text .name {
		display: block;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 2em;
	}

	header .intro-text .skills {
		font-size: 1.25em;
		font-weight: 300;
	}

	header .intro-text .name {
		text-shadow: 2px 2px #8f8f8f;
	}

@media (min-width: 768px) {
	header .container {
		padding-top: 110px;
		padding-bottom: 30px;
	}

	header .intro-text .name {
		font-size: 3.75em;
	}

	header .intro-text .skills {
		font-size: 2.5em;
		color: #ffffff;
	}
}

.navbar-custom {
	background: #2C3E50;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
}

	.navbar-custom a:focus {
		outline: none;
	}

	.navbar-custom .navbar-brand {
		color: white;
		padding: 15px 10px;
	}

		.navbar-custom .navbar-brand:hover,
		.navbar-custom .navbar-brand:focus,
		.navbar-custom .navbar-brand:active,
		.navbar-custom .navbar-brand.active {
			color: white;
		}

	.navbar-custom .navbar-nav {
		/*letter-spacing: 1px;*/
	}

		.navbar-custom .navbar-nav li a {
			color: white;
			background-color: transparent;
			font-size: 12px;
		}

			.navbar-custom .navbar-nav li a:hover {
				color: #18BC9C;
				outline: none;
			}

			.navbar-custom .navbar-nav li a:focus,
			.navbar-custom .navbar-nav li a:active {
				color: white;
			}

		.navbar-custom .navbar-nav li.active {
			color: white;
		}

			.navbar-custom .navbar-nav li.active a:hover,
			.navbar-custom .navbar-nav li.active a:focus,
			.navbar-custom .navbar-nav li.active a:active {
				color: white;
				background: #18BC9C;
			}

	.navbar-custom .navbar-toggle {
		color: white;
		text-transform: uppercase;
		font-size: 10px;
		border-color: white;
	}

		.navbar-custom .navbar-toggle:hover,
		.navbar-custom .navbar-toggle:focus {
			background-color: #18BC9C;
			color: white;
			border-color: #18BC9C;
		}

@media (min-width: 768px) {
	.navbar-custom {
		padding: 30px 0 30px 0;
		font-size: 17px;
		background-color: rgb(44 64 80 / 95%);
		box-shadow: 0px 0px 8px 0px #00000091;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
	}

		.navbar-custom .navbar-brand {
			font-size: 21px;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		.navbar-custom.affix {
			padding: 15px 0 20px 0;
			font-size: 14px;
			background-color: #2c3e50e6;
			box-shadow: 0px 0px 8px 0px #00000091;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

			.navbar-custom.affix .navbar-brand {
				font-size: 1.5em;
			}
}

section {
	padding: 25px 0;
	position: relative;
}

	section h2 {
		margin: 0;
		font-size: 3em;
	}

@media (max-width: 413px) {
	section h2 {
		font-size: 2em;
	}
}

section.white {
	background: #ffffff;
	color: black;
}

section.blue {
	background: #2C3E50;
	color: white;
}

@media (max-width: 767px) {
	section {
		padding: 30px 0;
	}

		section.first {
			padding-top: 75px;
		}

	.dropdown-button {
		padding-left: 16px;
	}
}

#portfolio .portfolio-item {
	margin: 0 0 15px;
	right: 0;
}

	#portfolio .portfolio-item .portfolio-link {
		display: block;
		position: relative;
		max-width: 400px;
		margin: 0 auto;
	}

		#portfolio .portfolio-item .portfolio-link .caption {
			background: rgba(24, 188, 156, 0.9);
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: all ease 0.5s;
			-webkit-transition: all ease 0.5s;
			-moz-transition: all ease 0.5s;
		}

			#portfolio .portfolio-item .portfolio-link .caption:hover {
				opacity: 1;
			}

			#portfolio .portfolio-item .portfolio-link .caption .caption-content {
				position: absolute;
				width: 100%;
				height: 20px;
				font-size: 20px;
				text-align: center;
				top: 50%;
				margin-top: -12px;
				color: white;
			}

				#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
					margin-top: -12px;
				}

				#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
				#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
					margin: 0;
				}

#portfolio * {
	z-index: 2;
}

@media (min-width: 767px) {
	#portfolio .portfolio-item {
		margin: 0 0 30px;
	}
}

.floating-label-form-group {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #eeeeee;
}

	.floating-label-form-group input,
	.floating-label-form-group textarea {
		z-index: 1;
		position: relative;
		padding-right: 0;
		padding-left: 0;
		border: none;
		border-radius: 0;
		font-size: 1.5em;
		background: none;
		box-shadow: none !important;
		resize: none;
	}

	.floating-label-form-group label {
		display: block;
		z-index: 0;
		position: relative;
		top: 2em;
		margin: 0;
		font-size: 0.85em;
		line-height: 1.764705882em;
		vertical-align: middle;
		vertical-align: baseline;
		opacity: 0;
		-webkit-transition: top 0.3s ease,opacity 0.3s ease;
		-moz-transition: top 0.3s ease,opacity 0.3s ease;
		-ms-transition: top 0.3s ease,opacity 0.3s ease;
		transition: top 0.3s ease,opacity 0.3s ease;
	}

	.floating-label-form-group:not(:first-child) {
		padding-left: 14px;
		border-left: 1px solid #eeeeee;
	}

.floating-label-form-group-with-value label {
	top: 0;
	opacity: 1;
}

.floating-label-form-group-with-focus label {
	color: #18BC9C;
}

form .row:first-child .floating-label-form-group {
	border-top: 1px solid #eeeeee;
}

footer {
	color: white;
	position: relative;
}

	footer h3 {
		margin-bottom: 20px;
	}

	footer .footer-above {
		padding-top: 20px;
		background-color: #617487;
	}

	footer .footer-col {
		margin-bottom: 50px;
	}

	footer .footer-below {
		padding: 25px 0;
		background-color: #233140;
	}

.btn-outline {
	color: white;
	font-size: 20px;
	border: solid 2px white;
	background: transparent;
	transition: all 0.3s ease-in-out;
	margin-top: 15px;
}

	.btn-outline:hover,
	.btn-outline:focus,
	.btn-outline:active,
	.btn-outline.active {
		color: #18BC9C;
		background: white;
		border: solid 2px white;
	}

.btn-primary {
	color: white;
	background-color: #2C3E50;
	border-color: #2C3E50;
	font-weight: 700;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		color: white;
		background-color: #1a242f;
		border-color: #161f29;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		background-image: none;
	}

	.btn-primary.disabled,
	.btn-primary[disabled],
	fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	fieldset[disabled] .btn-primary.active {
		background-color: #2C3E50;
		border-color: #2C3E50;
	}

	.btn-primary .badge {
		color: #2C3E50;
		background-color: white;
	}

.btn-success {
	color: white;
	background-color: #18BC9C;
	border-color: #18BC9C;
	font-weight: 700;
}

	.btn-success:hover,
	.btn-success:focus,
	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
		color: white;
		background-color: #128f76;
		border-color: #11866f;
	}

	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
		background-image: none;
	}

	.btn-success.disabled,
	.btn-success[disabled],
	fieldset[disabled] .btn-success,
	.btn-success.disabled:hover,
	.btn-success[disabled]:hover,
	fieldset[disabled] .btn-success:hover,
	.btn-success.disabled:focus,
	.btn-success[disabled]:focus,
	fieldset[disabled] .btn-success:focus,
	.btn-success.disabled:active,
	.btn-success[disabled]:active,
	fieldset[disabled] .btn-success:active,
	.btn-success.disabled.active,
	.btn-success[disabled].active,
	fieldset[disabled] .btn-success.active {
		background-color: #18BC9C;
		border-color: #18BC9C;
	}

	.btn-success .badge {
		color: #18BC9C;
		background-color: white;
	}

.btn-social {
	display: list-item !important;
	height: 50px;
	width: 50px;
	border: 2px solid white;
	border-radius: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
	outline: none;
}

.parallax {
	top: 0px;
	position: sticky;
	/* z-index: 1; */
}

.text-white {
	color: white;
}

/* BUTTON HOVER EFFECTS */

.btn-hover {
	width: 150px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	cursor: pointer;
	margin: 20px;
	padding-top: 15px;
	height: 55px;
	text-align: center;
	border: none;
	background-size: 300% 100%;
	border-radius: 50px;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

	.btn-hover:hover {
		background-position: 100% 0;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.btn-hover:focus {
		outline: none;
	}

	.btn-hover.color-1 {
		background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
		box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
	}

	.btn-hover.color-2 {
		background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
		box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
	}

	.btn-hover.color-3 {
		background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
		box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
	}

	.btn-hover.color-4 {
		background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
		box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
	}

	.btn-hover.color-5 {
		background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
		box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
	}

	.btn-hover.color-6 {
		background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
		box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
	}

	.btn-hover.color-7 {
		background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
		box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
	}

	.btn-hover.color-8 {
		background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
		box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
	}

	.btn-hover.color-9 {
		background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
		box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
	}

	.btn-hover.color-10 {
		background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #FBB03B);
		box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
	}

	.btn-hover.color-11 {
		background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
		box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
	}

/* END OF BUTTON HOVER EFFECTS */

.scroll-top {
	position: fixed;
	right: 2%;
	bottom: 2%;
	width: 50px;
	height: 50px;
	z-index: 1049;
}

	.scroll-top .btn {
		font-size: 20px;
		width: 50px;
		height: 50px;
		border-radius: 100%;
		line-height: 28px;
	}

		.scroll-top .btn:focus {
			outline: none;
		}

.portfolio-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	min-height: 100%;
	padding: 100px 0;
	text-align: center;
}

	.portfolio-modal .modal-content h2 {
		margin: 0;
		font-size: 3em;
	}

	.portfolio-modal .modal-content img {
		margin-bottom: 30px;
	}

	.portfolio-modal .modal-content .item-details {
		margin: 30px 0;
	}

.portfolio-modal .close-modal {
	position: absolute;
	width: 75px;
	height: 75px;
	background-color: transparent;
	top: 25px;
	right: 25px;
	cursor: pointer;
}

	.portfolio-modal .close-modal:hover {
		opacity: 0.3;
	}

	.portfolio-modal .close-modal .lr {
		height: 75px;
		width: 1px;
		margin-left: 35px;
		background-color: #2C3E50;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		/* IE 9 */
		-webkit-transform: rotate(45deg);
		/* Safari and Chrome */
		z-index: 1051;
	}

		.portfolio-modal .close-modal .lr .rl {
			height: 75px;
			width: 1px;
			background-color: #2C3E50;
			transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			/* IE 9 */
			-webkit-transform: rotate(90deg);
			/* Safari and Chrome */
			z-index: 1052;
		}

.portfolio-modal .modal-backdrop {
	opacity: 0;
	display: none;
}

.thumbnail {
	min-height: 500px;
}

blockquote {
	background: #f9f9f9;
	color: black;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}

	blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
	}

	blockquote p {
		display: inline;
	}

.question-result {
	min-height: 200px;
}

.btn-show-more {
	margin-bottom: 10px;
	width: 100%;
}

.register {
	text-align: center;
	font-size: 20pt;
	width: 225px;
	margin-bottom: 30px;
}

.paypalbutton {
	margin: 0 auto 31px;
	width: 230px;
	padding-bottom: 44px;
	padding-top: 0;
}

@media only screen and (max-width: 768px) {
	.paypalbutton {
		padding: 20px 0;
		width: 200px;
	}
}

@media only screen and (max-width: 425px) {
	.paypalbutton {
		margin: -18px auto 26px;
		width: 212px;
	}
}

@media only screen and (max-width: 321px) {
	.register {
		width: 250px;
	}

	.learningForLifeLogo {
		width: 265px;
	}
}

section#mailingList {
	background-color: white;
	color: #000;
	/* margin-top: 100%; */
}

/* Push */
@-webkit-keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.hvr-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

	.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
		-webkit-animation-name: hvr-push;
		animation-name: hvr-push;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}

/* Bounce In */
.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

	.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
/* Pop */
@-webkit-keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.hvr-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

	.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}

.btn-custom {
	color: #fff;
	background-color: #c412d4;
	border-color: #c412d4;
}

	.btn-custom:hover,
	.btn-custom:focus,
	.btn-custom:active,
	.btn-custom.active {
		color: #fff;
		background-color: #ae10bc;
		border-color: #990ea5;
	}

	.btn-custom.disabled:hover,
	.btn-custom.disabled:focus,
	.btn-custom.disabled:active,
	.btn-custom.disabled.active,
	.btn-custom[disabled]:hover,
	.btn-custom[disabled]:focus,
	.btn-custom[disabled]:active,
	.btn-custom[disabled].active,
	fieldset[disabled] .btn-custom:hover,
	fieldset[disabled] .btn-custom:focus,
	fieldset[disabled] .btn-custom:active,
	fieldset[disabled] .btn-custom.active {
		background-color: #c412d4;
		border-color: #c412d4;
	}

.navbar-nav > li > .dropdown-menu {
	background-color: #2c3e50;
	border: #1e7e6c 1px solid !important;
	text-align: center;
}

	.navbar-nav > li > .dropdown-menu > li > a {
		color: #f5f5f5 !important;
	}

.logo-header {
	width: 40px;
	padding: 0 5px 10px 0;
}

.dropdown-button {
	background-color: transparent;
	border: none;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

	.dropdown-button:hover {
		color: #1d826e;
	}

/*  Pop up Contact Form Start*/
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	/*z-index: 1;*/ /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 13% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: red;
	float: right;
	margin: -4px;
	position: relative;
	top: -23px;
	right: 8px;
	font-size: 28px;
	font-weight: bold;
}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

#gform h4 {
	margin-top: 0;
	position: relative;
	right: 16px;
}

#contactForm {
	border: 6px solid #8a8d1e;
	padding: 2em;
	width: 400px;
	text-align: center;
	background: #fff;
}

@media only screen and (max-width: 425px) {
	#contactForm {
		width: 85%;
	}

		#contactForm #gform input, #contactForm #gform textarea, #contactForm #gform select {
			width: 85%;
		}

			#contactForm #gform input.formBtn {
				margin-left: 0;
				right: 0;
			}
}

input, textarea, select {
	margin-bottom: 12px;
	/*margin-left: 20px;*/
	font-family: inherit;
	text-transform: inherit;
	font-size: inherit;
	/*display: block;*/
	width: 196px;
	padding: .5em;
}

#Gender {
	margin-left: 20px;
}

input.formBtn {
	margin-top: 20px;
	width: 120px;
	display: inline-block;
	position: relative;
	right: 25px;
	background: #c7c881;
	color: #fff;
	font-weight: 100;
	font-size: 1.2em;
	border: none;
}

#thankyou_message .logo {
	width: 180px;
}
/*  Pop up Contact Form End*/

/* Board of directors code start*/
section#directors {
	background-color: #2C3E50;
	color: #fff;
	margin-top: -108px;
	position: relative;
}

.hovereffect {
	overflow: hidden;
	position: relative;
	cursor: default;
}

	.hovereffect .overlay {
		position: absolute;
		overflow: hidden;
		width: 232px;
		height: 172px;
		left: 0;
		right: 0;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0,1);
		-ms-transform: scale(0,1);
		transform: scale(0,1);
	}

	.hovereffect:hover .overlay {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.hovereffect img {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 250px;
		height: 210px;
		border-radius: 15px;
		position: relative;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
	}

	.hovereffect:hover img {
		filter: brightness(0.6);
		-webkit-filter: brightness(0.6);
	}

	.hovereffect h2 {
		text-transform: uppercase;
		text-align: center;
		position: relative;
		font-size: 17px;
		background-color: transparent;
		color: #FFF;
		padding: 1em 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	.hovereffect a, .hovereffect p {
		color: #FFF;
		padding: 1em 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

@media only screen and (max-width: 413px) {
	.hovereffect img {
		width: 170px;
		height: 130px;
	}

	.hovereffect .overlay {
		width: 150px;
		height: 106px;
		top: 8%;
	}

	.hovereffect h2 {
		font-size: 11px;
	}

	.hovereffect p {
		font-size: 14px;
	}
}

/* Board of directors code end*/

/* Preloader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f5f5f5;
	/* change if the mask should have another color then white */
	z-index: 999999999;
	/* makes sure it stays on top */
}

#status {
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	transform: translate(-50%,-50%);
	/* centers the loading animation vertically one the screen */
	/* is width and height divided by two */
}

#preloader #status img {
	width: 450px;
	height: 300px;
}

#preloader #status .loadbox {
	position: relative;
	width: 65%;
	left: 18%;
	height: 25px;
	border: 2px solid #5e5335;
}

	#preloader #status .loadbox .load {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #a6a93c;
		animation: loadanimation 3s ease-in-out;
	}

@keyframes loadanimation {
	0% {
		width: 0%;
	}

	50% {
		width: 50%;
	}

	100% {
		width: 100%;
	}
}

.spinner-sm {
	width: 50px;
	height: 50px;
	background-image: url(http://www.lumavi.de/templates/automobile_darmas/images/icon_darmas_white.png);
	background-size: 40%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #214577;
	border-radius: 50%;
}

	.spinner-sm:after,
	.spinner-sm:before {
		content: '';
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50%;
	}

.spinner-sm-1:after {
	position: absolute;
	top: -4px;
	left: -4px;
	border: 4px solid transparent;
	border-top-color: #214577;
	border-bottom-color: #214577;
	animation: spinny 3.8s linear infinite;
}

@keyframes spinny {
	0% {
		transform: rotate(0deg) scale(1);
	}

	50% {
		transform: rotate(90deg) scale(1.2);
	}

	100% {
		transform: rotate(360deg) scale(1);
	}
}

@keyframes spinny {
	0% {
		transform: rotate(0deg) scale(1);
	}

	50% {
		transform: rotate(90deg) scale(1.2);
	}

	100% {
		transform: rotate(360deg) scale(1);
	}
}

.mt-150 {
	margin-top: 150px;
}

.mb-5 {
	margin-bottom: 50px;
}

.mb-2 {
	margin-bottom: 20px;
}

.margin-auto textarea {
	max-width: 500px;
	display: block;
	margin: 0 auto;
}

#body_imgPhoto {
	max-height: 300px;
	max-width: 400px;
	height: auto;
	width: auto;
}

.QuizForm {
	margin: 200px 5%;
	height: 600px;
}

#body_chkMentionName {
	width: 20px;
}

@media only screen and (max-width: 990px) {
	.QuizForm {
		height: 100%;
	}
}

@media only screen and (max-width: 548px) {
	#imgPhoto {
		max-height: 320px;
		max-width: 320px;
	}

	#suggestedVideo1, #suggestedVideo2 {
		width: 100%;
	}
}

/*Login form styles*/
#LoginBgBody {
	background-image: url("../images/bg1.jpg");
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100vh;
	filter: blur(2px) brightness(80%) grayscale(50%);
}

#LoginContainer {
	width: 500px;
	margin: 0 auto;
	color: #fff;
	text-shadow: #000000de 0px 0px 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: #00000042 0px 0px 15px 5px;
	padding: 12px;
}

#GoBack {
	position: absolute;
	top: 10px;
	left: 10px;
}

#btnLogin, #btnRegister, #btnCreate {
	position: relative;
	width: 100%;
}

.LoginForm {
	margin: 0 auto;
	width: 400px;
}

#LoginLogo {
	width: 100px;
	/*margin-left: 60%;*/
}

@media (max-width: 767px) {
	#LoginContainer {
		/*margin: 24% 0 5% 0;*/
		width: 100%;
		box-shadow: none;
	}

	.LoginForm {
		width: 100%;
	}

	#LoginLogo {
		margin-left: 0;
	}
}
/*@media only screen and (orientation: landscape) {
	.cycle-slideshow {
		bottom: unset;
	}
	header .container {
		padding-top: 70px;
	}
	header img {
		width: 120px;
	}
	header .intro-text .name {
		font-size: 2.75em;
	}*/
@media screen and (orientation: landscape) and (max-height: 500px) {
	#LoginContainer {
		top: 80%;
	}
}

#divConfirmation {
	margin-top: 10px;
}

	#divConfirmation h4 {
		padding: 15px 50px;
	}

@media (max-width: 989px) {
	.nav-container {
		width: 100%;
		margin: 0 auto;
	}

	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

		.navbar-nav > li {
			float: none;
		}

			.navbar-nav > li > a {
				padding-top: 9px;
				padding-bottom: 7px;
			}

	.collapse.in {
		display: block !important;
	}
}

table.blueTable {
	border: 1px solid #1C6EA4;
	background-color: #EEEEEE;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

	table.blueTable td, table.blueTable th {
		border: 1px solid #AAAAAA;
		padding: 3px 2px;
	}

	table.blueTable tbody td {
		font-size: 13px;
	}

	table.blueTable tr:nth-child(even) {
		background: #D0E4F5;
	}

	table.blueTable thead {
		background: #1C6EA4;
		background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
		background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
		background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
		border-bottom: 2px solid #444444;
	}

		table.blueTable thead th {
			font-size: 15px;
			font-weight: bold;
			color: #FFFFFF;
			border-left: 2px solid #D0E4F5;
		}

			table.blueTable thead th:first-child {
				border-left: none;
			}

	table.blueTable tfoot {
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		background: #D0E4F5;
		background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		border-top: 2px solid #444444;
	}

		table.blueTable tfoot td {
			font-size: 14px;
		}

		table.blueTable tfoot .links {
			text-align: right;
		}

			table.blueTable tfoot .links a {
				display: inline-block;
				background: #1C6EA4;
				color: #FFFFFF;
				padding: 2px 8px;
				border-radius: 5px;
			}

table.greenTable {
	border: 1px solid #3c763d;
	background-color: #99dd9a;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

	table.greenTable td, table.greenTable th {
		border: 1px solid #AAAAAA;
		padding: 3px 2px;
	}

	table.greenTable tbody td {
		font-size: 13px;
	}

	table.greenTable tr:nth-child(even) {
		background: #c5f2bf;
	}

	table.greenTable thead {
		background: #1C6EA4;
		background: -moz-linear-gradient(top, #3c763d 0%, #32ad40 66%, #4dce4f 100%);
		background: -webkit-linear-gradient(top, #3c763d 0%, #32ad40 66%, #4dce4f 100%);
		background: linear-gradient(to bottom, #3c763d 0%, #32ad40 66%, #4dce4f 100%);
		border-bottom: 2px solid #3c763d;
	}

		table.greenTable thead th {
			font-size: 15px;
			font-weight: bold;
			color: #FFFFFF;
			border-left: 2px solid #D0E4F5;
		}

			table.greenTable thead th:first-child {
				border-left: none;
			}

	table.greenTable tfoot {
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		background: #D0E4F5;
		background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
		border-top: 2px solid #444444;
	}

		table.greenTable tfoot td {
			font-size: 14px;
		}

		table.greenTable tfoot .links {
			text-align: right;
		}

			table.greenTable tfoot .links a {
				display: inline-block;
				background: #1C6EA4;
				color: #FFFFFF;
				padding: 2px 8px;
				border-radius: 5px;
			}

.FixedHeader {
	position: sticky;
	font-weight: bold;
	height: 25px;
	top: expression(Sys.UI.DomElement.getBounds(document.getElementById<br/>(“panelContainer”)).y-25);
	background-color: #006699;
}