*{padding: 0px; margin: 0px;}
body{font-family: 'Roboto', sans-serif;}
header{text-align: center; padding: 20px;}
#logo-place{display: inline-block;}
#logo-place img{width: 150px;}
#logo-place a{vertical-align: middle; display: inline-block;}
#logo-place .ct{margin-left: 80px;}
#authors-place{font-size: 12px; text-align: right; opacity: 0.5;}
.cleantechnica{text-align: left; display: block;}
.cleantechnica img{width: 160px; display: inline-block;  margin: 20px auto 0 auto;}
#authors-place a, a{color: #8DC640; text-decoration: none; }
#authors-place:hover{opacity: 1;}
.form-placeholder{position: relative; min-height: 800px; margin-top: 30px; max-width: 596px; background: #000 top center url(../../imgs/pdfcover.jpg) no-repeat; background-size: contain; text-align: center;}
.form-placeholder .dwnbutton{display: inline-block; font-weight: 700; cursor: pointer; padding: 10px 20px; background: #8DC640; color: #fff; margin: 40% auto;
	opacity: 0.95;}
.form-placeholder .dwnbutton:hover{opacity: 1;}
#dwnform{padding: 20px 0;}
.dwnform p{padding: 40px 5px;}
.dwnform{display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.81); color: #fff;}
.dwnform input{display: block; padding: 10px 20px; border: none; margin: 5px auto 20px auto; min-width: 200px; color: #8DC640;}
.dwnform .submit{background: #8DC640; cursor: pointer; color: #fff; opacity: .9; margin-top: 20px;}
.dwnform .submit:hover{opacity: 1;}

.first-container{background: #8DC640 center center url(../../imgs/CleanTechnica-Tesla.jpg) no-repeat; background-size: cover; padding: 110px 0 40px 0; position: relative; overflow: hidden;}
.first-container .shadow{background: rgba(0, 0, 0, 0.55);
	position: absolute;
	top:0px;
	left:0px;
width: 100%; height: 100%;}


.first-container .white{background: rgba(255, 255, 255, 0.85);
	position: absolute;
	top:0px;
	left:0px;
	width: 100%; height: 40px;
	z-index: 1;}
.first-container-bg{position: absolute; top: 0px; left: 47%; opacity: 0.9;
 animation: mymove 3s infinite; animation-direction: alternate;}

.container-odd{width: 100%;
	clear: both;
	float: none;}
.first-container h1{color: #fff; font-size: 36px;}
.container{max-width: 1020px; margin: 0px auto; float: none; clear: both;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.dinblock{display: inline-block;}

.aaron{text-align: left; font-size: 20px; line-height: 30px; padding: 40px 0 40px 10px; border-left: 2px solid #8DC640;}
.aaron strong{display: block; color: #8DC640;}
.aaron strong i{color: #000;}
#left-container{width: 69%; float: left; padding-left: 1%;}
.left-container-inner{font-size: 13px; line-height: 22px; color: #fff; position: relative; z-index:1;}
.left-container-inner p{padding: 0 20px;}
#right-container{color: #fff; width: 29%; float: left; padding-right: 1%;}

#right-container .item{border-bottom: 1px solid #D6D6D6; padding: 8px; margin-bottom: 30px;}
#right-container .item h3{font-size: 16px; margin-bottom: 10px; color: #000;/* border-left: 1px solid #8DC640; padding-left: 5px;*/}
#right-container .item p{color: #000; font-size: 13px;
	padding: 5px 0; line-height: 16px;}

.below-media-container{background: #F7F7F7; float: none;
	clear: both;}
.below-media-inner{margin: 40px 0; display: inline-block;}
.below-media{}
.below-media > div{text-align: center;}
.below-media .item, .item .content{background: center center url(../carousel/dist/assets/ajax-loader.gif) no-repeat;}
.below-media iframe{width: 80%; height: 200px; border: 5px solid #000;}

.slick-dots{position: relative; text-align: center;}
.below-media div, .slick-dots li button:focus {
	outline: 0;
}
.slick-dots li{display: inline-block; margin: 10px 3px;}
.slick-dots li button{width: 20px; height: 20px; border: none; background: #D6D6D6; border-radius: 50%;}
.slick-dots li button:hover, .slick-active button{background: #000 !important; color: #fff; cursor: pointer;}

footer{background: #8DC640; text-align: center; padding: 50px;}

.bottomlogos a, .bottomlogos img{display: inline-block; vertical-align: middle; margin: 10px;}
.bottomlogos img{width: 170px;
	height:auto;}

.eulogo{width: 200px; display: inline-block; margin: 10px auto;}
footer .social a{color: #fff; font-size: 18px; margin: 10px; display: inline-block; opacity: 0.8;}
footer .social a:hover{opacity: 1;}
footer .copyright{font-size: 12px; padding: 10px 0; color: #fff;}
h1, h2{
	margin: 1.5rem 0 3.5rem 0;
	position: relative;
	font-weight: normal;
	color: #262d25;
	margin-bottom: 2rem;
}

h1:before, h2:before {
	content: '';
	width: 3rem;
	height: 3px;
	background-color: #52b647;
	position: absolute;
	bottom: -10px;
	left: 0;
}

h1{font-size: 1.8rem;}
h2{font-size: 1.4rem;}
h3{font-size: 1.1rem;}

.typed-cursor {
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite; }

@keyframes blink {
	0% {
		opacity: 1; }
	50% {
		opacity: 0; }
	100% {
		opacity: 1; } }
@-webkit-keyframes blink {
	0% {
		opacity: 1; }
	50% {
		opacity: 0; }
	100% {
		opacity: 1; } }
@-moz-keyframes blink {
	0% {
		opacity: 1; }
	50% {
		opacity: 0; }
	100% {
		opacity: 1; } }
@-ms-keyframes blink {
	0% {
		opacity: 1; }
	50% {
		opacity: 0; }
	100% {
		opacity: 1; } }
@-o-keyframes blink {
	0% {
		opacity: 1; }
	50% {
		opacity: 0; }
	100% {
		opacity: 1; } }


@-webkit-keyframes pulse {
	0% {
		opacity: 1;
	}
	100% {
		opacity: .4;
	}
}
@keyframes pulse {
	0% {
		opacity: 1;
	}
	100% {
		opacity: .4;
	}
}

@-webkit-keyframes mymove {
	0% {
		opacity: .7;
		transform: translateY(-40px);
	}
	20% {
		opacity: .8;
		transform: translateY(-20px);
	}
	60% {
		opacity: .7;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes mymove {
	0% {
		opacity: .7;
		transform: translateY(-40px);
	}
	20% {
		opacity: .8;
		transform: translateY(-20px);
	}
	60% {
		opacity: .7;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media all and (max-width: 960px) {
	.container{width: 100%;}
	h1{font-size: 20px !important; display: inline-block; max-width: 90%;}
	h1:before{display: none;}
	.first-container-bg{left: 35%;}
	#left-container{width: 100%; padding: 0; text-align: center;}
	#left-container .form-placeholder{margin: 0px auto;}
	#right-container{width: 100%; padding: 0; text-align: center;}
	#right-container h2{display: inline-block;}
	.aaron{border: none; padding: 20px 0; text-align: center; font-size: 16px;}
	.cleantechnica{text-align: center;}

	#logo-place .ct{margin: 20px auto;
		display: block;}
}