/* 
 * My CSS stylesheet
 * 2016 - Created by Matthew Collins
*/

.body {
	color: #fff;
	background-color: #000;
}
.text-style-crushed {
	font-family: "Crushed", sans-serif;
}
.text-style-sac {
	font-family: 'Sacramento', cursive;
}

/*
=======================================================================
Navigation Bar
=======================================================================
*/
.nav-background {
	background-color: #000;
	border-bottom: 1px solid #00bdff 
}

/*
=======================================================================
Home
=======================================================================
*/
.center-container { 
	-webkit-transform-style: preserve-3d; 
	-moz-transform-style: preserve-3d; 
	transform-style: preserve-3d; 
}
.center-element { 
	position: relative; 
	top: 40%; 
	transform: translateY(-50%);
}
.main-heading {
	font-size: 850%;
	line-height: 90%;
	font-weight: 800;
}
.sub-heading {
	font-size: 450%;
	line-height: 90%;
	padding-top: 20px;
}
@media (max-width: 600px ){
	.main-heading {
		font-size: 650%;
		line-height: 90%;
		font-weight: 800;
	}
	.sub-heading {
		font-size: 350%;
		line-height: 90%;
		padding-top: 20px;
	}
}


/*
=======================================================================
About
=======================================================================
*/
@media (min-width: 524px) {
	.offset-160 {
		margin-top: -160px;
	}
}
.my-photo {
	width: 250px;
	height: 250px;
}
@media (max-width: 523px) { 
	.my-photo {
		display: none;
	}
}
@media (min-width: 524px) {
	.about-para {
	padding-top: 100px;
	}
}

/*
--------------------------------
My Photo Fade in on Scroll
--------------------------------
*/
.hide-my-photo {
	display: none;
}
.add-padding {
	padding-top: 200px;
}
.fade-in-my-photo {
	position: relative;
	top: -160px;
	-webkit-animation: fade-in-my-photo 2s ease forwards;
    -moz-animation: fade-in-my-photo 2s ease forwards;
	-ms-animation: fade-in-my-photo 2s ease forwards;
	-o-animation: fade-in-my-photo 2s ease forwards;
    animation: fade-in-my-photo 2s ease forwards;
    animation-delay: 0s;
}
.fade-in-my-photo:nth-child(odd) {
  animation-duration: 2s;
}
.already-visible {
  transform: translateY(-160px);
  animation: none;
}

@keyframes fade-in-my-photo {
    from { opacity: 0; }
    to   { opacity: 1; }
	to { transform: translateY(0px); }
}
@-webkit-keyframes fade-in-my-photo {
    from { opacity: 0; }
    to   { opacity: 1; }
	to { transform: translateY(0px); }
}
@-moz-keyframes fade-in-my-photo {
    from { opacity: 0; }
    to   { opacity: 1; }
	to { transform: translateY(0px); }
}
@-ms-keyframes fade-in-my-photo {
    from { opacity: 0; }
    to   { opacity: 1; }
	to { transform: translateY(0px); }
}
@-o-keyframes fade-in-my-photo {
    from { opacity: 0; }
    to   { opacity: 1; }
	to { transform: translateY(0px); }
}


/*
=======================================================================
Skills
=======================================================================
*/
.skills-padding {
	padding: 0 10px;
}
.list {
	min-height: 180px;
	color: #333;
	font-weight: 600;
	background-color: #ccc;
	border: 2px solid #00bdff;
	border-radius: 5px;
}
.list-1 {
	
}
.list-2 {
	
}
.list-3 {
	
}
.list-4 {
	
}


.skills-list {
	padding-top: 10px;
}
@media (min-width: 768px) {
	.skills-list {
		padding-top: 0px;
	}
}
.col-sm-2 {
    margin: 8px 4.166666665%;
}

/*
--------------------------------
List 1 Slide in on Scroll
--------------------------------
*/
.slide-list-1 {
	transform: translateX(-1600px);
	-webkit-animation: slide-list-1 1.2s ease forwards;
	-moz-animation: slide-list-1 1.2s ease forwards;
	-ms-animation: slide-list-1 1.2s ease forwards;
	-o-animation: slide-list-1 1.2s ease forwards;
	animation: slide-list-1 1.2s ease forwards;
	animation-delay: 0;
}
.slide-list-1:nth-child(odd) {
	animation-duration: 1.2s;
}
.already-visible {
	transform: translateX(0px);
	animation: none;
}

@keyframes slide-list-1 {
	to { transform: translateX(0px); }
}
@-webkit-keyframes slide-list-1 {
	to { transform: translateX(0px); }
}
@-moz-keyframes slide-list-1 {
	to { transform: translateX(0px); }
}
@-ms-keyframes slide-list-1 {
	to { transform: translateX(0px); }
}
@-o-keyframes slide-list-1 {
	to { transform: translateX(0px); }
}

@media (min-width: 768px) {
	.slide-list-1 {
		transform: translateX(1600px);
		-webkit-animation: slide-list-1 1.2s ease forwards;
		-moz-animation: slide-list-1 1.2s ease forwards;
		-ms-animation: slide-list-1 1.2s ease forwards;
		-o-animation: slide-list-1 1.2s ease forwards;
		animation: slide-list-1 1.2s ease forwards;
		animation-delay: 1.5s;
	}
	.slide-list-1:nth-child(odd) {
		animation-duration: 1.2s;
	}
	.already-visible {
		transform: translateX(0px);
		animation: none;
	}

	@keyframes slide-list-1 {
		to { transform: translateX(0px); }
	}
	@-webkit-keyframes slide-list-1 {
		to { transform: translateX(0px); }
	}
	@-moz-keyframes slide-list-1 {
		to { transform: translateX(0px); }
	}
	@-ms-keyframes slide-list-1 {
		to { transform: translateX(0px); }
	}
	@-o-keyframes slide-list-1 {
		to { transform: translateX(0px); }
	}	
}

/*
--------------------------------
List 2 Slide in on Scroll
--------------------------------
*/
.slide-list-2 {
	transform: translateX(-1600px);
	-webkit-animation: slide-list-2 1.2s ease forwards;
	-moz-animation: slide-list-2 1.2s ease forwards;
	-ms-animation: slide-list-2 1.2s ease forwards;
	-o-animation: slide-list-2 1.2s ease forwards;
	animation: slide-list-2 1.2s ease forwards;
	animation-delay: 0.5s;
}
.slide-list-2:nth-child(odd) {
	animation-duration: 1.2s;
}
.already-visible {
	transform: translateX(0px);
	animation: none;
}

@keyframes slide-list-2 {
	to { transform: translateX(0px); }
}
@-webkit-keyframes slide-list-2 {
	to { transform: translateX(0px); }
}
@-moz-keyframes slide-list-2 {
	to { transform: translateX(0px); }
}
@-ms-keyframes slide-list-2 {
	to { transform: translateX(0px); }
}
@-o-keyframes slide-list-2 {
	to { transform: translateX(0px); }
}

@media (min-width: 768px) {
	.slide-list-2 {
		transform: translateX(1600px);
		-webkit-animation: slide-list-2 1.2s ease forwards;
		-moz-animation: slide-list-2 1.2s ease forwards;
		-ms-animation: slide-list-2 1.2s ease forwards;
		-o-animation: slide-list-2 1.2s ease forwards;
		animation: slide-list-2 1.2s ease forwards;
		animation-delay: 0.5s;
	}
	.slide-list-2:nth-child(odd) {
		animation-duration: 1.2s;
	}
	.already-visible {
		transform: translateX(0px);
		animation: none;
	}

	@keyframes slide-list-2 {
		to { transform: translateX(0px); }
	}
	@-webkit-keyframes slide-list-2 {
		to { transform: translateX(0px); }
	}
	@-moz-keyframes slide-list-2 {
		to { transform: translateX(0px); }
	}
	@-ms-keyframes slide-list-2 {
		to { transform: translateX(0px); }
	}
	@-o-keyframes slide-list-2 {
		to { transform: translateX(0px); }
	}
}

/*
--------------------------------
List 3 Slide in on Scroll
--------------------------------
*/
.slide-list-3 {
	transform: translateX(-1600px);
	-webkit-animation: slide-list-3 1.2s ease forwards;
	-moz-animation: slide-list-3 1.2s ease forwards;
	-ms-animation: slide-list-3 1.2s ease forwards;
	-o-animation: slide-list-3 1.2s ease forwards;
	animation: slide-list-3 1.2s ease forwards;
	animation-delay: 1.0s;
}
.slide-list-3:nth-child(odd) {
	animation-duration: 1.2s;
}
.already-visible {
	transform: translateX(0px);
	animation: none;
}

@keyframes slide-list-3 {
	to { transform: translateX(0px); }
}
@-webkit-keyframes slide-list-3 {
	to { transform: translateX(0px); }
}
@-moz-keyframes slide-list-3 {
	to { transform: translateX(0px); }
}
@-ms-keyframes slide-list-3 {
	to { transform: translateX(0px); }
}
@keyframes slide-list-3 {
	to { transform: translateX(0px); }
}

@media (min-width: 768px) {
	.slide-list-3 {
		transform: translateX(-1600px);
		-webkit-animation: slide-list-3 1.2s ease forwards;
		-moz-animation: slide-list-3 1.2s ease forwards;
		-ms-animation: slide-list-3 1.2s ease forwards;
		-o-animation: slide-list-3 1.2s ease forwards;
		animation: slide-list-3 1.2s ease forwards;
		animation-delay: 0s;
	}
	.slide-list-3:nth-child(odd) {
		animation-duration: 1.2s;
	}
	.already-visible {
		transform: translateX(0px);
		animation: none;
	}

	@keyframes slide-list-3 {
		to { transform: translateX(0px); }
	}
	@-webkit-keyframes slide-list-3 {
		to { transform: translateX(0px); }
	}
	@-moz-keyframes slide-list-3 {
		to { transform: translateX(0px); }
	}
	@-ms-keyframes slide-list-3 {
		to { transform: translateX(0px); }
	}
	@keyframes slide-list-3 {
		to { transform: translateX(0px); }
	}
}

/*
--------------------------------
List 4 Slide in on Scroll
--------------------------------
*/
.slide-list-4 {
	transform: translateX(-1600px);
	-webkit-animation: slide-list-4 1.2s ease forwards;
	-moz-animation: slide-list-4 1.2s ease forwards;
	-ms-animation: slide-list-4 1.2s ease forwards;
	-o-animation: slide-list-4 1.2s ease forwards;
	animation: slide-list-4 1.2s ease forwards;
	animation-delay: 1.5s;
}
.slide-list-4:nth-child(odd) {
	animation-duration: 1.2s;
}
.already-visible {
	transform: translateX(0px);
	animation: none;
}

@keyframes slide-list-4 {
  to { transform: translateX(0px); }
}
@-webkit-keyframes slide-list-4 {
  to { transform: translateX(0px); }
}
@-moz-keyframes slide-list-4 {
  to { transform: translateX(0px); }
}
@-ms-keyframes slide-list-4 {
  to { transform: translateX(0px); }
}
@-o-keyframes slide-list-4 {
  to { transform: translateX(0px); }
}

@media (min-width: 768px) {
	.slide-list-4 {
		transform: translateX(-1600px);
		-webkit-animation: slide-list-4 1.2s ease forwards;
		-moz-animation: slide-list-4 1.2s ease forwards;
		-ms-animation: slide-list-4 1.2s ease forwards;
		-o-animation: slide-list-4 1.2s ease forwards;
		animation: slide-list-4 1.2s ease forwards;
		animation-delay: 1.0s;
	}
	.slide-list-4:nth-child(odd) {
		animation-duration: 1.2s;
	}
	.already-visible {
		transform: translateX(0px);
		animation: none;
	}

	@keyframes slide-list-4 {
	  to { transform: translateX(0px); }
	}
	@-webkit-keyframes slide-list-4 {
	  to { transform: translateX(0px); }
	}
	@-moz-keyframes slide-list-4 {
	  to { transform: translateX(0px); }
	}
	@-ms-keyframes slide-list-4 {
	  to { transform: translateX(0px); }
	}
	@-o-keyframes slide-list-4 {
	  to { transform: translateX(0px); }
	}
}

/*
=======================================================================
Services
=======================================================================
*/
.responsive div {
	margin: 0 auto;
}
@media (min-width: 768px) {
	.services-heading {
		padding-top: 70px;
	}
}
.slider-round-bg {
	max-width: 150px;
	height: 150px;
	padding: 30px 20px 20px 20px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background-color: #000;
	border: 2px solid #00bdff;
	border-radius: 50%;
}
.slider-round-bg:hover {
	color: #00bdff;
}

/*
=======================================================================
Portfolio
=======================================================================
*/
.portfolio-container {
	padding: 0 20px;
}
.portfolio-boxes {
	min-height: 380px;
	margin-top: 10px;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.portfolio-boxes {
		margin-top: 0;
		margin-left: 4.166666665%;
		margin-right: 4.166666665%;
	}
	.offset-md {
		position: relative;
		top: 100px;
	}
}
@media (min-width: 992px) {
	.portfolio-boxes {
		margin-top: 0;
		margin-left: 4.16666666666%;
		margin-right: 4.16666666666%;
	}
	.offset-md {
		top: 0;
	}
	.offset-lg {
		position: relative;
		top: 100px;
	}
}

.portfolio-box-image {
	margin: 15px auto;
	padding: 12px 0;
	width: 50%;
}
.portfolio-box-image img {
	width: 95%;
	border-radius: 5px; 
}
@media (min-width: 768px) {
	.portfolio-box-image {
		width: 90%;
	}
}
.portfolio-box-image img:hover {
	opacity: .8;
}

/*
--------------------------------
Modals
--------------------------------
*/
.modal-content {
	margin: 0 auto;
	color: #333;
}
.modal-body p { 
	padding-top: 30px;
}
.slider-container {
	width: 90%;
	margin: 0 auto;
	border-radius: 5px; 
}


/*
--------------------------------
Box 1 Slide in on Scroll
--------------------------------
*/
.slide-box-1 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-1 0.8s ease forwards;
	-moz-animation: slide-box-1 0.8s ease forwards;
	-ms-animation: slide-box-1 0.8s ease forwards;
	-o-animation: slide-box-1 0.8s ease forwards;
	animation: slide-box-1 0.8s ease forwards;
	animation-delay: 0;
}
.slide-box-1:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-1 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-1 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-1 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-1 {
	to { transform: translateY(0px); }
}
@-o-keyframes slide-box-1 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-1 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-1 0.8s ease forwards;
		-moz-animation: slide-box-1 0.8s ease forwards;
		-ms-animation: slide-box-1 0.8s ease forwards;
		-o-animation: slide-box-1 0.8s ease forwards;
		animation: slide-box-1 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-1:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-1 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-1 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-1 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-1 {
		to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-1 {
		to { transform: translateY(0px); }
	}	
}

/*
--------------------------------
Box 2 Slide in on Scroll
--------------------------------
*/
.slide-box-2 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-2 0.8s ease forwards;
	-moz-animation: slide-box-2 0.8s ease forwards;
	-ms-animation: slide-box-2 0.8s ease forwards;
	-o-animation: slide-box-2 0.8s ease forwards;
	animation: slide-box-2 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-2:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-2 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-2 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-2 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-2 {
	to { transform: translateY(0px); }
}
@-o-keyframes slide-box-2 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-2 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-2 0.8s ease forwards;
		-moz-animation: slide-box-2 0.8s ease forwards;
		-ms-animation: slide-box-2 0.8s ease forwards;
		-o-animation: slide-box-2 0.8s ease forwards;
		animation: slide-box-2 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-2:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-2 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-2 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-2 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-2 {
		to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-2 {
		to { transform: translateY(0px); }
	}
}

/*
--------------------------------
Box 3 Slide in on Scroll
--------------------------------
*/
.slide-box-3 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-3 0.8s ease forwards;
	-moz-animation: slide-box-3 0.8s ease forwards;
	-ms-animation: slide-box-3 0.8s ease forwards;
	-o-animation: slide-box-3 0.8s ease forwards;
	animation: slide-box-3 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-3:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-3 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-3 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-3 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-3 {
	to { transform: translateY(0px); }
}
@keyframes slide-box-3 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-3 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-3 0.8s ease forwards;
		-moz-animation: slide-box-3 0.8s ease forwards;
		-ms-animation: slide-box-3 0.8s ease forwards;
		-o-animation: slide-box-3 0.8s ease forwards;
		animation: slide-box-3 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-3:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-3 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-3 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-3 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-3 {
		to { transform: translateY(0px); }
	}
	@keyframes slide-box-3 {
		to { transform: translateY(0px); }
	}
}

/*
--------------------------------
Box 4 Slide in on Scroll
--------------------------------
*/
.slide-box-4 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-4 0.8s ease forwards;
	-moz-animation: slide-box-4 0.8s ease forwards;
	-ms-animation: slide-box-4 0.8s ease forwards;
	-o-animation: slide-box-4 0.8s ease forwards;
	animation: slide-box-4 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-4:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-4 {
  to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-4 {
  to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-4 {
  to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-4 {
  to { transform: translateY(0px); }
}
@-o-keyframes slide-box-4 {
  to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-4 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-4 0.8s ease forwards;
		-moz-animation: slide-box-4 0.8s ease forwards;
		-ms-animation: slide-box-4 0.8s ease forwards;
		-o-animation: slide-box-4 0.8s ease forwards;
		animation: slide-box-4 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-4:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-4 {
	  to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-4 {
	  to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-4 {
	  to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-4 {
	  to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-4 {
	  to { transform: translateY(0px); }
	}
}

/*
--------------------------------
Box 5 Slide in on Scroll
--------------------------------
*/
.slide-box-5 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-5 0.8s ease forwards;
	-moz-animation: slide-box-5 0.8s ease forwards;
	-ms-animation: slide-box-5 0.8s ease forwards;
	-o-animation: slide-box-5 0.8s ease forwards;
	animation: slide-box-5 0.8s ease forwards;
	animation-delay: 0;
}
.slide-box-5:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-5 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-5 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-5 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-5 {
	to { transform: translateY(0px); }
}
@-o-keyframes slide-box-5 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-5 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-5 0.8s ease forwards;
		-moz-animation: slide-box-5 0.8s ease forwards;
		-ms-animation: slide-box-5 0.8s ease forwards;
		-o-animation: slide-box-5 0.8s ease forwards;
		animation: slide-box-5 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-5:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-5 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-5 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-5 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-5 {
		to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-5 {
		to { transform: translateY(0px); }
	}	
}

/*
--------------------------------
Box 6 Slide in on Scroll
--------------------------------
*/
.slide-box-6 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-6 0.8s ease forwards;
	-moz-animation: slide-box-6 0.8s ease forwards;
	-ms-animation: slide-box-6 0.8s ease forwards;
	-o-animation: slide-box-6 0.8s ease forwards;
	animation: slide-box-6 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-6:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-6 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-6 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-6 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-6 {
	to { transform: translateY(0px); }
}
@-o-keyframes slide-box-6 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-6 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-6 0.8s ease forwards;
		-moz-animation: slide-box-6 0.8s ease forwards;
		-ms-animation: slide-box-6 0.8s ease forwards;
		-o-animation: slide-box-6 0.8s ease forwards;
		animation: slide-box-6 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-6:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-6 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-6 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-6 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-6 {
		to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-6 {
		to { transform: translateY(0px); }
	}
}

/*
--------------------------------
Box 7 Slide in on Scroll
--------------------------------
*/
.slide-box-7 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-7 0.8s ease forwards;
	-moz-animation: slide-box-7 0.8s ease forwards;
	-ms-animation: slide-box-7 0.8s ease forwards;
	-o-animation: slide-box-7 0.8s ease forwards;
	animation: slide-box-7 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-7:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-7 {
	to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-7 {
	to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-7 {
	to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-7 {
	to { transform: translateY(0px); }
}
@keyframes slide-box-7 {
	to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-7 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-7 0.8s ease forwards;
		-moz-animation: slide-box-7 0.8s ease forwards;
		-ms-animation: slide-box-7 0.8s ease forwards;
		-o-animation: slide-box-7 0.8s ease forwards;
		animation: slide-box-7 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-7:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-7 {
		to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-7 {
		to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-7 {
		to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-7 {
		to { transform: translateY(0px); }
	}
	@keyframes slide-box-7 {
		to { transform: translateY(0px); }
	}
}

/*
--------------------------------
Box 8 Slide in on Scroll
--------------------------------
*/
.slide-box-8 {
	transform: translateY(6000px);
	-webkit-animation: slide-box-8 0.8s ease forwards;
	-moz-animation: slide-box-8 0.8s ease forwards;
	-ms-animation: slide-box-8 0.8s ease forwards;
	-o-animation: slide-box-8 0.8s ease forwards;
	animation: slide-box-8 0.8s ease forwards;
	animation-delay: 0s;
}
.slide-box-8:nth-child(odd) {
	animation-duration: 0.8s;
}
.already-visible {
	transform: translateY(0px);
	animation: none;
}

@keyframes slide-box-8 {
  to { transform: translateY(0px); }
}
@-webkit-keyframes slide-box-8 {
  to { transform: translateY(0px); }
}
@-moz-keyframes slide-box-8 {
  to { transform: translateY(0px); }
}
@-ms-keyframes slide-box-8 {
  to { transform: translateY(0px); }
}
@-o-keyframes slide-box-8 {
  to { transform: translateY(0px); }
}

@media (min-width: 768px) {
	.slide-box-8 {
		transform: translateY(6000px);
		-webkit-animation: slide-box-8 0.8s ease forwards;
		-moz-animation: slide-box-8 0.8s ease forwards;
		-ms-animation: slide-box-8 0.8s ease forwards;
		-o-animation: slide-box-8 0.8s ease forwards;
		animation: slide-box-8 0.8s ease forwards;
		animation-delay: 0s;
	}
	.slide-box-8:nth-child(odd) {
		animation-duration: 0.8s;
	}
	.already-visible {
		transform: translateY(0px);
		animation: none;
	}

	@keyframes slide-box-8 {
	  to { transform: translateY(0px); }
	}
	@-webkit-keyframes slide-box-8 {
	  to { transform: translateY(0px); }
	}
	@-moz-keyframes slide-box-8 {
	  to { transform: translateY(0px); }
	}
	@-ms-keyframes slide-box-8 {
	  to { transform: translateY(0px); }
	}
	@-o-keyframes slide-box-8 {
	  to { transform: translateY(0px); }
	}
}

/*
=======================================================================
Contact
=======================================================================
*/
.form-container {
	background-color: #D5D5D5;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 15px 10px 10px 10px;
}
.form-padding {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.form-padding p {
	padding-top: 25px;
}
.label-left {
	float: left;
	padding-left: 10px;
}

/*
=======================================================================
Footer
=======================================================================
*/
footer {
	color: #fff;
	background-color: #000;
	padding: 0 15px;
}
.inline {
	display: inline-block;
}
.image-width {
	width: 40px;
	padding: 5px 2px;
}
.footer-text-center, .footer-text-left, .footer-text-right {
	text-align: center;
}

@media (min-width: 767px) {
	.footer-text-left {
		text-align: left;
	}
	.footer-text-right {
		text-align: right;
	}
}

.sitelock {
	width: 80px;
	margin: 0 auto;
	padding-top: 8px;
}






/*
=======================================================================
Extra CSS
=======================================================================
*/
@media screen and (max-width: 800px) {
    .slick-arrow {
		visibility: hidden;
	}
               
               
}