﻿#main-content {padding-top: 70px;}
.hetools-banner {
	clear: both;
	background:url("../i/hetools-background.jpg") top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; background-size:cover;
	height: 584px; 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);}
.gradient02 {padding: 40px 0 30px 0 !important;}  
#hetools .button.large {padding: .785em;}
#hetools .button span {font-size:small;}
.hetools-menu {background-color: #000000 !important;height: 70px !important;}
.hetools-menu img {margin-top: 10px;}
.hetools-menu p {margin-top: 23px; color: #ffffff; float: right;}
.hetools-menu span {padding: 0 3px;}
.hetools-menu a {color: #ffffff; text-decoration: underline;}
.hetools-menu a:hover {color: #777777;}
.hetools-banner h1 span {font-size:1.4em; font-weight: bold;}
.hetools-banner h1 {margin-top: 30px; color: #ffffff; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8); font-size: 2.15em; font-weight: lighter; letter-spacing: -1px;}
.hetools-download {background: #ffffff; width:80%; margin: 70px auto 0 auto; border: 1px solid #e7e7e7; padding: 15px 5px 15px 10px;}
.gradient02 {padding-top: 30px;}

.secondary-page {margin-top:25px;}
#agreement {
	height: 500px;            
	overflow: auto;
	overflow-x: hidden;
}

.hetools-three-points {
	background: #818386; 
    color: #ffffff; 
    border-top: none;
    -webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.3);
    box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.3); 
    padding: 35px 0 30px 0;
}

.hetools-three-points h3 {color:white;}


@media only screen and (max-width: 40.060em) {
.hetools-banner h1 span {font-size:1.1em; font-weight: bold;}
.hetools-banner h1 {margin-top: 10px;font-size: 1.3em;}
}