@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
	line-height: 18px;
}

b {
	color: #fff;
}

.clear {
	clear: both;
}

/*
header {
	margin: 0 auto;
	max-width: 1280px;
	min-width: 289px;
	border-bottom: #00599d solid 4px;
}

.logo {
	margin: 21px 0 21px 0;
	padding: 0 0 0 27px;
	width: 200px;
}*/

.menu {
	margin: 0 auto;
	max-width: 1280px;
	min-width: 289px;
	border-bottom: #00599d solid 4px;
}

aside {
	margin: 0 auto;
	padding: 157px 0 17px 0;
	max-width: 1280px;
	min-width: 289px;
}

.banner {
	width: 100%;
	height: 400px;
}

h1 {
	margin: 35px 0 0 0;
	font-size: 30px;
	color: #f58220;
	text-align: center;
	transform: scaleY(1.2);
	-webkit-transform: scaleY(1.2); /* Safari and Chrome */
	-moz-transform: scaleY(1.2); /* Firefox */
	-ms-transform: scaleY(1.2); /* IE 9 */
	-o-transform: scaleY(1.2); /* Opera */
}

h2 {
	margin: 20px 0 185px 0;
	font-size: 18px;
	color: #000;
	line-height: 18px;
	text-align: center;
	transform: scaleY(1.2);
	-webkit-transform: scaleY(1.2); /* Safari and Chrome */
	-moz-transform: scaleY(1.2); /* Firefox */
	-ms-transform: scaleY(1.2); /* IE 9 */
	-o-transform: scaleY(1.2); /* Opera */
}

h3 {
	margin: 0;
	font-size: 30px;
	color: #fff;
	line-height: 18px;
	text-align: center;
}

h4 {
	margin: 0 0 50px 0;
	font-size: 30px;
	color: #4a4a4a;
	line-height: 18px;
	text-align: center;
}

.boxes {
	color: #fff;
	width: 100%;
}

.box {
	float: left;
	max-width: 31.25%;
	min-width: 300px;
}

.blue-box {
	float: left;
	padding: 0 0 40px 0;
	background: #00599d;
}

.box-images {
	text-align: center;
	margin: -137px 0 26px 0;
}

.box-text {
	margin: 22px 15px 0 15px;
	color: #90ccfa;
}

.box-margin {
	margin: 0 3.125% 0 3.125%;
}

.box_button {
	float: none;
	text-align: center;
	height: 50px;
}

.moreinfo_button {
	text-align: center;
	height: 50px;
	max-width: 100%;
	min-width: 200px;
}

.moreinfo_image {
	margin: -25px 0 0 0;
}

.services {
	margin: 50px 0 0 0;
	padding: 28px 55px 0 55px;
	background-color: #31353d;
	max-width: 1170px;
	min-width: 170px;
}

.service_box {
	margin: 37px 0 50px 0;
	float: left;
	max-width: 50%;
	min-width: 170px;
}

.service_title {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	color: #f58220;
}

.align-right {
	text-align: right;
}

.service_text_left {
	margin: 0;
	color: #bfc4cf;
	padding: 0 13.675213675213676% 0 0;
	border-right: #000 solid 1px;
}

.service_text_right {
	margin: 0;
	color: #bfc4cf;
	padding: 0 0 0 13.675213675213676%;
}

.text_box {
	margin: 37px 0 50px 0;
	float: left;
	max-width: 100%;
	min-width: 170px;
	color: #bfc4cf;
}

.books_box {
	margin: 0 0 50px 0;
	float: left;
	max-width: 100%;
	min-width: 170px;
	color: #bfc4cf;
}

.books_box img{
	margin: 0 20px 20px 0;
}

.books_box img{
	border: #fff solid 5px;
}

.text_box-title {
	margin: 0 0 25px 0;
	color: #f58220;
	font-size: 20px;
	font-weight: bold;
}

.form {
	margin: 25px 0 0 0;
	padding: 28px 25px 35px 25px;
	background-color: #f6f6f6;
	max-width: 1280px;
	min-width: 239px;
	text-align: center;
}

input {
	height: 49px;
	line-height: 18px;
	font-size: 14px;
	padding: 12px 12px 9px 12px;
	margin: 0 0 20px 0;
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-bottom: 1px solid #d0d8d8;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.name {
	width: 575px;
	margin: 0 55px 0 0;
	float: left;
}

.company {
	width: 600px;
	float: left;
}

.phone {
	width: 440px;
	margin: 0 55px 0 0;
	float: left;
}

.email_id {
	width: 450px;
	margin: 0 55px 0 0;
	float: left;
}

.zip {
	width: 230px;
	float: left;
}

textarea {
	height: 49px;
	width: 100%;
	line-height: 18px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 50px 0;
	padding: 12px 12px 9px 12px;
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-bottom: 1px solid #d0d8d8;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
}

::-webkit-input-placeholder {
 color: #4a4a4a;
}

:-moz-placeholder { /* Firefox 18- */
 color: #4a4a4a;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #4a4a4a;
}

:-ms-input-placeholder {
 color: #4a4a4a;
}

 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
 color: #c4c7c8;
}
/* CSS To change color of input and textarea during on focus event in Firefox < 19 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
 color: #c4c7c8;
}
/* CSS To change color of input and textarea during on focus event in Firefox > 19 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
 color: #c4c7c8;
}
/* CSS To change color of input and textarea during on focus event in Internet Explorer 10 */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
 color: #c4c7c8;
}

.submit-button {
	margin: 0 0 0 40px;
	background-image: url(../images/submit-button.jpg);
	background-repeat: no-repeat;
	border: 0;
	width: 100px;
	height: 35px;
}

.submit-buttonon {
	margin: 0 0 0 40px;
	background-image: url(../images/submit-button.jpg);
	background-repeat: no-repeat;
	border: 0;
	width: 100px;
	height: 35px;
	cursor: pointer;
}

.clear-button {
	margin: 0;
	background-image: url(../images/clear-button.jpg);
	background-repeat: no-repeat;
	border: 0;
	width: 100px;
	height: 35px;
}

.clear-buttonon {
	margin: 0;
	background-image: url(../images/clear-button.jpg);
	background-repeat: no-repeat;
	border: 0;
	width: 100px;
	height: 35px;
	cursor: pointer;
}

footer {
	margin: 0 auto;
	max-width: 1280px;
	min-width: 289px;
	border-top: #00599d solid 4px;
}

.email {
	margin: 28px 0 30px 30px;
	padding: 0 0 0 30px;
	font-size: 14px;
	float: left;
	background-image: url(../images/mail.jpg);
	background-repeat: no-repeat;
	max-width: 300px;
	min-width: 229px;
}

.address {
	margin: 28px 30px 30px 0;
	padding: 0 0 0 27px;
	float: right;
	font-size: 14px;
	background-image: url(../images/address.jpg);
	background-repeat: no-repeat;
	max-width: 300px;
	min-width: 229px;
}

.eelab-logo {
	margin: -80px 0 0 0;
	width: 100%;
	min-width: 229px;
}


figcaption {
	font-size: 11px;
	font-weight: bold;
}

.copyright {
	margin: 10px 0 0 0;
	padding: 25px 0 25px 0;
	text-align: center;
	width: 100%;
	border-top: #e7e7e7 solid 1px;
	font-size: 14px;
}

 @media (max-width: 1280px) {
.name {
	width: 540px;
	margin: 0 55px 0 0;
	float: left;
}

.company {
	width: 595px;
	float: left;
}

.phone {
	width: 405px;
	margin: 0 55px 0 0;
	float: left;
}

.email_id {
	width: 445px;
	margin: 0 55px 0 0;
	float: left;
}

.zip {
	width: 230px;
	float: left;
}
}

 @media (max-width: 1152px) {
.name {
	width: 405px;
	margin: 0 55px 0 0;
	float: left;
}

.company {
	width: 600px;
	float: left;
}

.phone {
	width: 300px;
	margin: 0 55px 0 0;
	float: left;
}

.email_id {
	width: 420px;
	margin: 0 55px 0 0;
	float: left;
}

.zip {
	width: 230px;
	float: left;
}
}

 @media (max-width: 1024px) {
.name {
	width: 380px;
	margin: 0 55px 0 0;
	float: left;
}

.company {
	width: 500px;
	float: left;
}

.phone {
	width: 300px;
	margin: 0 55px 0 0;
	float: left;
}

.email_id {
	width: 320px;
	margin: 0 55px 0 0;
	float: left;
}

.zip {
	width: 205px;
	float: left;
}
}

 @media (max-width: 980px) {
.box {
	float: left;
	max-width: 100%;
	min-width: 289px;
}

.box-margin {
	margin: 150px 0 150px 0;
}

.services {
	padding: 28px 25px 0 25px;
}

.service_box {
	max-width: 100%;
	min-width: 170px;
}

.service_text_left {
	padding: 0;
	border-right: 0;/*border-bottom: #000 solid 1px;*/
}

.service_text_right {
	padding: 0;
}

.name, .company, .phone, .email_id, .zip {
	width: 100%;
	margin: 0 0 20px 0;
}
}

 @media only screen and (max-width: 630px) {
.email {
	margin: 28px 0 30px 10px;
}

.address {
	margin: 28px 10px 30px 0;
}
}

 @media only screen and (max-width: 590px) {
/*footer {
		text-align: center;
}*/
.email {
	margin: 28px 0 30px 10px;
}

.address {
	margin: 28px 0 30px 10px;
	float: left;
}
}

 @media (max-width: 320px) {
.submit-button {
	margin: 0 0 0 35px;
}

.submit-buttonon {
	margin: 0 0 0 35px;
}
}