@import url('https://fonts.googleapis.com/css?family=Maven+Pro:500|Open+Sans&display=swap');
html{min-width:380px; margin: 0; padding:0;}
body {min-width:380px; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.clear {clear: both}
a {color: #333; text-decoration: none}
a:hover {color: #4380f8;}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="password"],
input[type="submit"] {-webkit-appearance: none; border-radius: 2px;}

.index-cont {background-color: #f4f4f4}
.index-cont-box {padding: 30px 100px}
.intranet {float: right}

.index-logo {float: left; display: block; margin-right: 100px}
.index-logo:hover {text-decoration: none}

.logo-pic {display: block; float: left; padding-top: 5px}
.logo-pic img {display: block; width: 45px;}
.logo-txt {float: left; display: block; padding-left: 10px;
	 font-family: 'Maven Pro', sans-serif; color: #40d666; font-weight: 500; font-size: 30px}

.index-menu {padding-top: 30px}
.index-menu a {display: inline-block; margin-right: 80px; text-decoration: none}



.main-cont {}
.main-cont-box {padding: 50px 100px 100px 100px;}

.main-about {float: right; padding: 50px 100px 50px 40%; text-align: right;
	font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 30px;
	background: url(/img/about-bg.jpg) no-repeat left center; background-size: contain;}
	
	
.content-desc {padding: 0 50px 50px 50px; text-align: center}
.content-item {float:left; width: 25%; text-align: center}
.content-title {display: inline-block; padding: 0 40px 30px 40px; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 20px;}
.content-icon {display: inline-block; width: 50px; margin-bottom: 20px}


.main-features {padding-top: 50px}
.at-a-glance {font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 30px; color: #40d666;
	text-align: center; padding-bottom: 50px; padding-top: 50px}
.features-item {float:left; width: 33.33%; text-align: center}
.feature-title {display: block; padding: 20px 20px 20px 10px; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 20px;}
.feature-desc {display: inline-block; padding: 0 40px 30px 40px;}
.feature-icon {display: inline-block; width: 50px; margin-top: 20px}





.contact-cont {background-color: #f4f4f4}
.contact-cont-box {padding: 0 100px 50px 100px;}
.join-us {font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 30px; color: #40d666;
	text-align: center; padding-top: 70px}
.contact-features {padding-top: 30px}
	
.contact-div {text-align: center; padding: 30px}
.contact-button {display: inline-block; width: 150px; padding: 10px; color: #fff; background-color: #40d666; border-radius: 2px;}
.contact-button:hover {background-color: #4380f8; color: #fff}


.career-cont {}
.career-cont-box {padding: 50px 100px 100px 100px;}
.career-item {display: block; padding: 10px 20px; border-radius: 2px; border: 1px solid #eee; margin-top: 20px}
.career-item:hover {border: 1px solid #ccc;}
.career-title {display: block; float: left; width: 45%; font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 18px}
.career-desc {display: block; float: left; width: 35%}
.career-link {display: block; float: left; width: 20%; text-align: right; color: #40d666;}





.footer-cont {background-color: #f4f4f4}
.footer-cont-box {padding: 70px 100px 30px 100px}
.footer-company {padding-bottom: 30px}
.footer-address {float: left; width: 80%}
.footer-links {float: left; width: 20%; text-align: right}
.footer-links a {display: inline-block; margin-left: 10px}
.footer-links img {width: 16px}
.gr {display: block; padding-top: 20px; color: #999}


.privacy-cont {}
.privacy-cont-box {padding: 50px 100px 100px 100px; text-align: center;}
h1, h2, h3, h4 {font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 30px}
h2 {font-size: 22px}
h3 {font-size: 18px}
table {border-collapse: collapse; border: 1px solid #ccc;}
td {padding: 10px; border: 1px solid #ccc;}

.contact-us-cont {}
.contact-us-cont-box {padding: 50px 100px 100px 100px; text-align: center}
.contact-us {font-family: 'Maven Pro', sans-serif; font-weight: 500; font-size: 30px; color: #40d666;
	text-align: center; padding: 70px 0 20px 0}
form {width: 600px; margin: 0 auto; padding-top: 50px; text-align: left}
.form-half {float: left; width: 50%}
.padding-15 {padding: 10px 15px}
.form-i, .form-t {border: 1px #ccc solid; width: 100%; padding: 5px 10px; margin-top: 10px; outline: none;
	font-family: 'Open Sans', sans-serif; font-size: 16px; border-radius: 2px;}
.form-center {text-align: center;}
.form-b {display: inline-block; width: 200px; padding: 10px; color: #fff; background-color: #40d666; 
	cursor: pointer; border-radius: 2px; border: none; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.form-b:hover {background-color: #4380f8; color: #fff}
.error-msg {padding-bottom: 20px; color: #e32e20; text-align: center}
.ok-msg {padding-bottom: 20px; color: #40d666; text-align: center}
.job_desc {text-align: left}


@media all and (min-width: 1200px) {
	.index-cont-box,
	.main-cont-box,
	.contact-cont-box,
	.career-cont-box,
	.privacy-cont-box,
	.contact-us-cont-box {max-width: 1100px; margin: 0 auto}
}


a {-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;-ms-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}
.contact-button, .form-b {-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-ms-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease}
.footer-links a {filter: alpha(opacity=10); opacity: 0.1;}
.footer-links a:hover {filter: alpha(opacity=100); opacity: 1;}