/*#region html/body */
html, body, input, select {
	color: #333;
}

html {
	position: relative;
	min-height: 100%;
}

body {
 width: 100%;
	padding-top: 41px;
	margin-bottom: 60px;
}
/*#endregion*/

/*#region navigation*/
#navbar {
	text-transform: uppercase;
	font-size: 16px;
	/*text-shadow: 3px 2px 3px rgba(0, 0, 100, 1);*/
}

.navbar-default {
	background-color: #202833;
	border-color: #202833;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
				color: #c5457d;
				text-transform: uppercase;
				text-shadow: 3px 2px 4px rgba(10, 10, 150, 1);
}

	.navbar-default .navbar-nav > li > a {
				color: #fff;
	}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
				color: #66fcf1;
				background-color: #29323f;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover {
				color: #c5457d;
}

	.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
		letter-spacing: 2px;
	}

.navbar-toggle {
	background-color: #fff !important;
	border-color: #0df !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #333b46;
}

.header-icon {
				margin-top: 22px;
				font-size: 20px;
				line-height: 40px;
}
.header-icon, .header-icon a, .header-icon a:visited {
				color: #eee;
}

.header-icon a:hover {
				color: #c5457d;
}
/*#endregion*/

/*#region global*/
.white {
	color: #fff;
}

.subtlebg {
	background-color: #eee;
}

p, h4 {
	padding-left: 10px;
	padding-right: 10px;
}

h2 {
	text-transform: uppercase;
	position: relative;
	text-align: center;
	font-size: 28px;
}

.dashedheader:before {
	content: ' ';
	position: relative;
	top: 50%;
	height: 1px;
	width: 20px;
	margin: 0 10px 10px 0;
	display: inline-block;
	zoom: 1;
	background: #999;
}

.dashedheader:after {
	content: ' ';
	position: relative;
	top: 50%;
	height: 1px;
	width: 20px;
	margin: 0 0 10px 10px;
	display: inline-block;
	zoom: 1;
	background: #999;
}

.alert {
	display: none;
}

legend {
	font-size: 22px;
	text-align: center;
	border-bottom-color: #333;
}

.alert {
	border: 2px solid transparent;
	border-radius: 10px;
}

.alert-success {
	background-color: #1e6111;
	border-color: #0e3c04;
	color: #eeeeee;
	border-top: 8px solid #0e3c04;
}

.alert-danger {
	background-color: #ac1212;
	border-color: #740e0e;
	color: #eeeeee;
	border-top: 8px solid #740e0e;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #cc0000;
}

.has-error .form-control {
	border-color: #cc0000;
}

.has-error .input-group-addon {
	color: #dd0000;
	border-color: #dd0000;
}

.input-group-addon {
	background-color: #234285;
	border-color: #666;
	border-width: 2px;
	color: #eee;
}

.btn-primary {
	background-color: #182b57;
}

	.btn-primary:not(.disabled):hover {
		background-color: #234285;
		color: #0df;
	}
/*#endregion*/

/*#region footer */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #182b57;
	color: #ddd;
	font-size: 15px;
}

.footer-icon, .footer-icon a, .footer-icon a:visited {
	color: #eee;
}

.footer-icon a:hover {
				color: #c5457d;
}

.footer-icon {
	margin-right: 20px;
	font-size: 28px;
	line-height: 30px;
}

	.footer-icon:last-child {
		margin-right: 0;
	}

.footer-icons {
	height: 60px;
	overflow: hidden;
	margin-top: 5px;
}
/*#endregion*/

/*#region splash animation */
@-moz-keyframes clouds {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: -3840px;
	}
}

@-webkit-keyframes clouds {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: -3840px;
	}
}

@-ms-keyframes clouds {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: -3840px;
	}
}

@keyframes clouds {
	from {
		background-position-x: 0;
	}

	to {
		background-position-x: -3840px;
	}
}

.splash-container, .mazepa-banner {
	padding: 0;
	margin: 0;
}

.splash-container, .mazepa-banner, .slick-image {
	height: 120px;
}

.splashbanner {
	position: absolute;
	width: 100%;
	height: 100%;
	background: blue;
}

#splash-city {
	background-image: url(../img/aurora_overlay.png);
	background-size: cover;
	background-position: center center;
	z-index: 30;
}

#splash-bg {
	background-image: url(../img/aurora_bg.jpg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center center;
	animation: clouds 200s linear infinite;
	z-index: 20;
}

.slick-arrow {
	display: none !important;
}

.slick-dots {
	margin-top: 5px;
	bottom: auto;
}

	.slick-dots li {
		width: 32px;
		height: 32px;
		margin: 0 10px;
	}

		.slick-dots li button {
			width: 32px;
			height: 32px;
			padding: 10px;
		}

		.slick-dots li.slick-active button:before {
			color: #202833;
		}

		.slick-dots li button:before {
			font-size: 20px;
		}

.slick-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	padding: 0;
}

#summary, #experience {
	margin-top: 36px;
}
/*#endregion*/

/*#region skills */
#skills-tbl {
	margin-top: 1em;
}

	#skills-tbl td {
		padding: 0 0 1em 1em;
	}

	#skills-tbl tbody tr td:first-child {
		font-weight: bold;
		padding-right: 1em;
	}

ul.skillslist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.skillslist li {
		min-height: 30px;
		padding: 5px 15px;
	}

		ul.skillslist li .skill-left {
			display: inline-block;
			width: 60%;
		}

		ul.skillslist li .skill-right {
			float: right;
		}

			ul.skillslist li .skill-right i {
				color: #182b57;
			}

				ul.skillslist li .skill-right i.nope {
					color: #ccc;
				}

		ul.skillslist li:nth-child(odd) {
			background-color: #fff;
		}

		ul.skillslist li:hover {
			background-color: #ddd;
		}

			ul.skillslist li:hover .skill-left {
				color: #000;
			}

			ul.skillslist li:hover .skill-right i:not(.nope) {
				color: #2e5ac2;
			}

			ul.skillslist li:hover .skill-right i.nope {
				color: #ddd;
			}
/*#endregion*/

/*#region experience */
#experience div.row:nth-child(odd) {
	background-color: #eee;
}

.experience-img {
	width: 150px;
	border-radius: 75px;
	border: 5px solid #ddd;
	margin: 16px 16px 10px 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.experience-work-img {
	width: 64px;
	float: left;
	padding: 0.8em 1em 2em 0;
}

.experience-detail {
	display: none;
	font-size: 0.9em;
}

.experience-detail ul li {
				padding-bottom: 0.6em;
}

.experience-detail ul li ul {
				padding-top: 0.3em;
}

.experience-detail ul li ul li {
				padding-bottom: 0.3em;
}

.experience-icon {
	text-align: center;
}

.experience-img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	border-color: #999;
}
/*#endregion*/

/*#region home */
.home-jumbo {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 0;
	margin-bottom: 0;
}

	.home-jumbo .well {
		background-color: rgba(255, 255, 255, 0.85);
	}

.home-row {
	padding-bottom: 25px;
}
/*#endregion*/

/*#region contact */
.contact-jumbo h2 {
	color: #eee;
}

.contact-jumbo .dashedheader:before {
	background: #eee;
}

.contact-jumbo .dashedheader:after {
	background: #eee;
}

.contact-jumbo {
	background-image: url(../img/contact_bg.jpg);
	background-position: left center;
}

#submit, #contact-loader {
	display: none;
}

#recaptcha {
	margin-bottom: 15px;
}

#contact_form textarea {
	min-height: 150px;
	font-size: 16px;
}
/*#endregion*/

.summary-row {
	padding-left: 20px;
	padding-right: 20px;
}

/*#region gallery*/
.gallery-jumbo {
				background-color: #fff;
}
.gallery {
	margin-top: 1em;
}

.gallery-thumb {
	display: inline-block;
	width: 33%;
	margin: 0;
	padding: 0;
}
.gallery-thumb img {
	width: 100%;
}

.shadow img {
	transition: .1s ease;
}

.shadow img:hover {
	-webkit-transform: translateY(-16px);
	transform: translateY(-16px);
	transition: .3s ease;
}
/*#endregion*/

/*#region portfolio*/
#portfolio {
				margin-bottom: 0;
}
.portfolio-thumb {
				max-width: 450px;
				float: right;
				padding-left: 20px;
}
.portfolioheader {
				margin-bottom: 32px;
}
.filter-pill {
				display: inline-flex; /* Allows content and button to align */
				align-items: center;
				padding: 2px 12px;
				margin: 0 2px 12px 2px;
				border-radius: 20px; /* Creates the pill shape */
				background-color: #c5457d;
				color: #eee;
				font-size: 12px;
				border: 1px solid #811d49;
				cursor: pointer;
}

				.filter-pill.selected {
								background-color: #66fcf1; /* Highlight for selected pills */
								color: #333;
								border-color: #268d85;
				}

.remove-filter {
				background: none;
				border: none;
				color: inherit; /* Inherit color from parent pill */
				font-weight: bold;
				margin-left: 8px;
				cursor: pointer;
}
/*#endregion*/

/*#region breakpoints */
@media(min-width:576px) {
				.splash-container, .mazepa-banner, .slick-image {
								height: 180px;
				}

				p, h4 {
								padding-left: 10px;
								padding-right: 10px;
				}

				.dashedheader:before {
								width: 80px;
				}

				.dashedheader:after {
								width: 80px;
				}
}

@media(min-width:768px) {
				.splash-container, .mazepa-banner, .slick-image {
		height: 240px;
	}

	.dashedheader:before {
		width: 200px;
	}

	.dashedheader:after {
		width: 200px;
	}

	.summary-row {
		padding-left: 0;
		padding-right: 0;
	}

	h2 {
		font-size: 38px;
	}
}

@media(min-width:992px) {
	.splash-container, .mazepa-banner, .slick-image {
		height: 300px;
	}

	#splash-city {
		background-image: url(../img/aurora_overlay.png);
	}

	#splash-bg {
		background-image: url(../img/aurora_bg.jpg);
	}

	.experience-icon {
		text-align: left;
	}

	.experience-detail {
		display: block;
	}

	.gallery-thumb {
		display: inline-block;
		width: 25%;
		margin: 0;
		padding: 0;
	}
}

@media(min-width:1200px) {
	.splash-container, .mazepa-banner, .slick-image {
		height: 600px;
	}

	.contact-jumbo {
		background-position: center center;
	}
}
/*#endregion*/