/* HTX JUICES CSS DOCUMENT */
/* LOAD FONTS */
@font-face {
font-family:'Gotham';
src:url('/fonts/Gotham-Bold.eot');
src:url('/fonts/Gotham-Bold.svg') format('svg'), url('/fonts/Gotham-Bold.woff') format('woff'), url('/fonts/Gotham-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}
@font-face {
font-family:'Gotham';
src:url('/fonts/Gotham-Book.eot');
src:url('/fonts/Gotham-Book.svg') format('svg'), url('/fonts/Gotham-Book.woff') format('woff'), url('/fonts/Gotham-Book.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

/* UNIVERSAL */
* {
text-decoration:none;
-webkit-text-size-adjust:none;
outline:none;
line-height:1.2;
padding:0;
margin:0 auto;
}
body {
background-color:#FFF;
font-family:'Gotham', sans-serif;
font-weight:normal;
font-style:normal;
font-size:18px;
color:#335D2D;
text-align:left;
}
span {
white-space:nowrap;
}
span.wrap {
white-space:normal;
}

/* HEADER */
header {
position:relative;
background:#88F0A6;
font-style:normal;
padding:10px 0;
margin:0 auto;
}

#header {
display:block;
position:relative;
width:100%;
max-width:1920px;
margin:0 auto;
}

#htx,
#htx td {
vertical-align:top;
margin:0;
}

#logo {
position:relative;
z-index:999;
float:left;
max-height:80px;
margin: 10px;
}
@media (max-width:1080px) {
#logo {
max-height: 158px;
}
}
@media (max-width:980px) {
#logo {
max-height:105px;
margin:30px 0 0 5px;
}
}
@media (max-width:800px) {
#logo {
display:none;
}
}

#juices {
position:absolute;
z-index:999;
top:0;
right:25px;
width:275px;
}
@media (max-width:1280px) {
#juices {
width:450px;
}
}
@media (max-width:1180px) {
#juices {
width:350px;
top: 24px;
}
}
@media (max-width:1080px) {
#juices {
width: 335px;
top: 28px;
}
}
@media (max-width:700px) {
#juices {
display:none;
}
}

/* FONT STYLES */
h1 {
display: block;
text-transform:uppercase;
font-size:12px;
font-weight:lighter;
margin-top: 24px;
}
h2 {
text-transform:uppercase;
font-size:30px;
font-weight:lighter;
margin:-6px 0 -4px -1px;
}
h3 {
text-transform:uppercase;
font-size:8.5px;
font-weight:lighter;
margin:0;
}
@media (max-width:1080px) {
h1 {
font-size:28px;
}
h2 {
font-size:69px;
}
h3 {
font-size:20px;
}
}
@media (max-width:980px) {
h1 {
font-size:22px;
}
h2 {
font-size:54px;
margin:-14px 0;
}
h3 {
font-size:16px;
}
}
@media (max-width:800px) {
h1 {
margin-left:10px;
}
h2 {
margin-left:10px;
}
h3 {
margin-left:10px;
}
}

h4 {
font-size:40px;
padding-top:25px;
}

ul {
list-style:inside;
padding:0;
margin:0 0 0 20px;
}
li {
font-size:15px;
margin:5px 0;
}


#banner {
display:block;
background-image:url('/images/banner-01.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:100%;
max-width:1920px;
height:660px;
margin:0 auto;
}

#keywords {
display:block;
text-align:center;
width:99%;
padding-top:200px;
margin:0 auto;
}

#keywords a.button {
display:inline-block;
background-color:#335D2D;
border-top: 5px solid #FFF;
border-left: 5px solid #FFF;
border-right: 5px solid #FFF;
border-bottom:solid 5px #88F0A6;
width:300px;
color:#FFF;
margin:8px;
padding:3px 0 5px;

}
#keywords .xl {
font-size:18px;
}

#keywords small {
font-size:15px;
}

.green {
color:#659E45;
}
.yellow {
color:#CCAD00;
}
.orange {
color:#FF8233;
}
.red {
color:#E8532F;
}


#form ul li {
display:inline-block;
vertical-align:top;
width:75%;
}
#form ul li:first-child {
width:25%;
}

#form ul li img {
display:inline-block;
height:auto;
width:100%;
margin:10% 0;
}

p {
font-size:20px;
padding:5px 10px 5px 0;
}
p.signature {
font-family:"Times New Roman",Times,serif;
}
small {
font-family:"Times New Roman",Times,serif;
font-style:italic;
font-size:11px;
}

/* SIDEBAR */
aside {
display:block;
vertical-align:top;
border-radius:4px;
background-color:#88F0A6;
width:100%;
min-height: 370px;
margin-bottom: 22px;
}
/* IMAGE */
aside img {
display:block;
float:left;
border:1px solid #88F0A6;
box-shadow: 0 0 5px #00D495;
border-radius:3px;
width:100%;
max-width:325px;
padding:0;
margin:25px 18px 0 33px;
}

/* ARTICLE */
article {
display:inline-block;
vertical-align:top;
width:100%;
}

/* FOOTER */
footer p {
font-size:14px;
width:75%;
padding:0 10px;
margin:33px 10px;
}