* {
	
}

body {
	font-family: "Arimo";
	background-color: #000000;
	color: #ffffff;
}

.nodec {
	text-decoration: none;
	color: inherit;
}

.horizalign2 {
	width: 40%;
	display: inline-block;
	margin: auto;
}

.horizalign3 {
	width: 30%;
	display: inline-block;
	margin: auto;
}

#spacer {
	width: 100%;
	height: 400px;
}

#dot {
	text-decoration: none;
	color: #ffffff;
	cursor: text;
}

.pic {
	width: 150px;
	padding: 20px;
}

#solveevolve {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 270px;
	margin-top: 0px;
	font-size: 64pt;
	font-family: "Arimo";
}

#solve, #evolve {
	color: #91d34d;
	cursor: pointer;
	font-weight: bold;
	opacity: .5;
}


#middle-pic {
	width: 60px;
	padding-left: 35px;
	padding-right: 35px;
}

#secontent {
	position: relative;
	text-align: center;
	font-family: "Roboto";
	font-size: 24pt;
	margin: auto;
	width: 60%;
}

#solvecontent, #evolvecontent {
	display: none;
}

#solve-extra-button, #evolve-extra-button {
	font-size: 16pt;
	color: #999999;
	cursor: pointer;
}

#solve-extra, #evolve-extra {
	display: none;
	text-align: justify;
}

.seemore-topic {
	font-size: 20pt;
	color: #ffffff;
	text-align: left;
}

.seemore-topic:before {
	content: url(img/arrow.svg);
}

.hr {
	display: none;
	opacity: 0.5;
}

#solve-seemore-lgs, #evolve-seemore-lgs {
	text-align: center;
	cursor: pointer;
}

#solve-seemore-lgs:before, #evolve-seemore-lgs:before {
	content: "\00bb";
	color: #91d34d;
	padding-right: 10px;	
}
#solve-seemore-lgs:after, #evolve-seemore-lgs:after {
	content: "\00ab";
	color: #91d34d;
	padding-left: 10px;	
}

.content-header {
	font-size: 20pt;
	padding-top: 5px;
	padding-bottom: 5px;
}

.seemore-content {
	font-size: 16pt;
	margin-left: 90px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none;
}

.seemore-block {
	padding: 5px;
	//background-color: #91d34d;
}

#lgs {
	font-family: "Roboto";
	text-align: center;
	font-size: 20pt;
	width: 50%;
	margin: auto;
	display: none;
}

.lgs-content {
	display: inline;
}

#contact {
	margin-bottom: 0px;
}

#address-hr {
	width: 50%;
	margin: auto + 10px;
}

#linkedin {
	height: 16pt;
	cursor: pointer;
	padding-left: 3px;
}

#lgs-pic {
	width: 128px;
}
#lgs-left {
	width: 20%;
	display: inline-block;
	float: left;
}
#lgs-right {
	width: 70%;
	display: inline-block;	
	text-align: left;
}




/************* MOBILE OPTIMIZATION ************/

@media screen and (max-width: 1100px) { 
	
	#solve-extra-button, #evolve-extra-button {
		font-size: 24pt;
	}

	.seemore-content {
		margin-left: 0px;
	}
	.seemore-block {
		//text-align: center;
	}
	.hr {
		//display: block;
	}
	
	#lgs-left {
		display: inline;
		width: 100%;
	}
	#lgs-right {
		text-align: justify;
	}
	#lgs-pic {
		padding-bottom: 10px;
	}
	
	#evolve-seemore-lgs, #solve-seemore-lgs {
		
	}

}

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





/************ANIMATIONS****************/

.links {
	text-decoration: none;
	position: relative;
	color: #91d34d !important;
	cursor: pointer;
	font-size: 20pt;
}
.links:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #91d34d;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.links:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
}

.push {
	transition: padding-left 0.2s;
	-webkit-transition: padding-left 0.2s;
}

.push:hover {
	padding-left: 14px;
}

.rise {
	transition: padding-left 0.2s;
	-webkit-transition: padding-left 0.2s;
}

.rise:hover {
	padding-left: 14px;
}

.bounce {
	display: inline-block;
	
	animation-name: bounce;
	-webkit-animation-name: bounce;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-delay: 0s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes bounce {
	0% {
		transform: translateX(6px);
	}
	50% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(6px);

	}
}
@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateX(6px);

	}
	50% {
		-webkit-transform: translateX(0px);
	}
	100% {
		-webkit-transform: translateX(6px);

	}
}

.fadein {
	display: inline-block;
	
	animation-name: fadein;
	-webkit-animation-name: fadein;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-delay: 0s;
	
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;
	
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;	
}
@keyframes fadein {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.fadeout {
	display: inline-block;
	
	animation-name: fadeout;
	-webkit-animation-name: fadeout;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-delay: 0s;
	
	animation-timing-function: linear;	
	-webkit-animation-timing-function: linear;
	
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;	
}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}
@-webkit-keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}