/* ############# GENERAL RESETS AND FIXES ############# */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:top;}:focus {outline: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} nav ul {list-style:none;} body {line-height:normal;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;} input, select {vertical-align:middle;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} 
mark  {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} ins { background-color:#ff9; color:#000; text-decoration:none;}

/* ############# GENERAL STYLES ############# */
body {font-family: 'Open Sans', sans-serif; font-size:13px; color:#333333; line-height:19px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal; margin:0; font-family: 'Open Sans', sans-serif; }
h1, h2, h3 {color:#eaa800;} h4, h5, h6 {color:#000;}
h1, h2 {font-size:20px; padding:0 0 15px;}
h3 {font-size:18px; padding:0px 0 6px;}
h4 {font-size:16px; padding:0px 0 5px;}
h5 {font-size:17px; padding:0px 0 4px;}
h6 {font-size:12px; padding:0px 0 4px;}
a:link, a:visited {color:#ff0000; text-decoration:none;}
a:focus, a:hover{color:#eaa800; text-decoration:underline;}
a:active {color:#eaa800; text-decoration:none;}
p {padding:0 0 10px 0;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;} .fl {float:left;} .fr {float:right;} blockquote{margin:1.5em;color:#666;font-style:italic;} 
strong, dfn, b {font-weight:bold;} em, dfn{font-style:italic;} sup,sub {line-height:0; font-size:.6em;} 
sup {vertical-align:super} sub {vertical-align:sub;} abbr,acronym{border-bottom:1px dotted #666;} address{margin:0 0 1.5em;font-style:italic;} 
del{color:#666;} pre{margin:1.5em 0;white-space:pre;} pre,code,tt {font:1em'andale mono','lucida console',monospace;line-height:1.5;}
ul,ol{margin:0 0 1.5em 0; padding-left:1.5em;} li ul, li ol{margin:0;} ul{list-style-type:disc;} ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;} dl dt{font-weight:bold;} dd{margin-left:1.5em;}
table{margin-bottom:10px; width:100%;} th{font-weight:bold;} thead th{background:#c3d9ff;} th,td,caption{padding:4px 10px 4px 5px;} tfoot{font-style:italic;} caption{background:#eee;} tbody tr:nth-child(even) td,tbody tr.even td{} small{font-size:11px;} .red, .require, .star {color:#F00;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;} .section {float:left; width:100%; clear:both;}
 
/* FLUID COLUMN */
.one_half {width:49%; float:left; padding-right:2%; padding-bottom:12px;} .one_half.last {width:49%;float:right;padding-right:0;}
.one_third {width:32%; float:left; padding-right:2%; padding-bottom:12px;} .one_third.last {width:32%; float:right; padding-right:0;}
.two_third {width:66%;float:left; padding-right:2%;padding-bottom:12px;} .two_third.last {width:66%;float:right;padding-right:0;}
.one_fourth {width:23.5%;float:left;padding-right:2%;padding-bottom:12px;} .one_fourth.last {width:23.5%;float:right;padding-right:0;}
.three_fourth {width:74.5%;float:left;padding-right:2%;padding-bottom:12px;} .three_fourth.last {width:74.5%;float:right;padding-right:0;}
.one_half+.one_half, .one_third+.two_third, .two_third+.one_third, .one_third+.one_third+.one_third, .one_fourth+.one_fourth+.one_half, .one_fourth+.one_half+.one_fourth, .one_half+.one_fourth+.one_fourth, .one_fourth+.three_fourth, .three_fourth+.one_fourth, .one_fourth+.one_fourth+.one_fourth+.one_fourth {float:right;padding-right:0;}

/* GRID LAYOUT */
.main, .container {width:960px; margin:0 auto; }.row {display:block; float:left; margin-bottom:20px;} 
.grid, [class*="grid"] {float: left; margin-left:10px; margin-right:10px; }
.grid.first, [class*="grid"].first {margin-left:0px; } [class*="grid"] [class*="grid"]:first-child {margin-left:0px;}
.grid.last, [class*="grid"].last {margin-right:0px;} [class*="grid"] [class*="grid"]:last-child {margin-right:0px;}
.grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} .grid5 {width:380px;} .grid6 {width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} .grid10 {width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}


@media (min-width: 1220px) {
	.main { width:1200px;} .grid1 {width:80px;} .grid2 {width:180px;} .grid3 {width:280px;} .grid4 {width:380px;} 
	.grid5 {width:480px;} .grid6 {width:580px;} .grid7 {width:680px;} .grid8 {width:780px;} .grid9 {width:880px;}
	.grid10 {width:980px;} .grid11 {width:1080px;} .grid12 {width:1180px;}
}
@media (min-width: 980px) and (max-width: 1219px) {
	.main { width:960px;} .grid1 {width:60px;} .grid2 {width:140px;} .grid3 {width:220px;} .grid4 {width:300px;} 
	.grid5 {width:380px;} .grid6 { width:460px;} .grid7 {width:540px;} .grid8 {width:620px;} .grid9 {width:700px;} 
	.grid10 { width:780px;} .grid11 {width:860px;} .grid12 {width:940px;}	
}
@media (min-width: 768px) and (max-width: 979px) {
	.main { width:720px;} .grid1 {width:40px;} .grid2 {width:100px;} .grid3 {width:160px;} .grid4 {width:220px;} 
	.grid5 {width:280px;} .grid6 { width:340px;} .grid7 {width:400px;} .grid8 {width:460px;} .grid9 {width:520px;} 
	.grid10 { width:580px;} .grid11 {width:640px;} .grid12 {width:700px;}	
}
@media (max-width: 767px) {
	.main {max-width:90%; width:90%; } .row {width:100%; margin-bottom:0px;}
	.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {width:100%; margin-left:0px; margin-right:0px;}
}

/* ############# GENERAL STUCTURE ############# */
body { color:#000; font-size:13px; line-height:19px; font-family:Arial, Helvetica, sans-serif;}
.main {margin:0 auto; position:relative; }

#hwrap { position: relative; z-index: 9;}
.header {overflow:hidden; padding:4px 0px;}
#logo {float:left; margin-bottom:8px;}
#top {text-align:right; color:#000; font-size:18px; line-height:24px;}
#top h2 { color:#ebac00; font-size:26px; line-height:28px; font-weight:bold; margin-top:40px; background: url(../images/phone.png) no-repeat 0 0; display:inline-block; padding-left:32px; }

/* ############# bwrap/banner ############# */
#bwrap { position:relative;}
.banner img { width:100%; }
.banner .banner-content { text-align:right; margin-bottom:10px;}
.banner .banner-content h1 { font-size:42px; color:#fff; text-transform:uppercase; padding-bottom:0; line-height:44px; padding-bottom:200px; text-align:center; font-weight:300; padding-top:14px; }
.banner .banner-content h1 span { color:#FFF; font-weight:bold; }


#wrap .sidebar { position:relative; float:right; margin-top: -195px; padding-bottom:9px;}

.banner-form { background: #eaa800; padding:10px 16px 14px;  }
.banner-form p { padding-bottom:8px;}
.banner-form .form {}
.banner-form .side-submit { text-align:center; background: url(../images/submit-shadow.png) no-repeat 50% 98%;}
.banner-form input.submit { background: #488c00; text-align:center; }
.banner-form input.submit:hover { background: #73CF00; text-align:center; }
.banner-form .title { padding-bottom:9px; margin: 0 -44px 10px -44px; text-align:center;}
.banner-form .form-title { padding:10px 5px 10px 0px;}
.banner-form h2 {color:#fff; font-size:24px; padding-bottom:0px; font-weight:bold; margin-bottom:8px; }
.form .cap { width:50%; margin-right:5px;}

/* ############# WRAPPER/CONTENT ############# */
#wrap { padding:15px 0;}
.coin { float:left;}
.content-wrap h1 {text-transform:uppercase; font-weight:600;}
.content-wrap h2 { color:#ffffff; font-size:30px; font-weight:800; text-transform:uppercase; position:absolute; right:10px; bottom:10px; z-index:99; padding-bottom:8px; text-shadow:0 2px 5px #000;}
.content-wrap .organic {position:relative;}
.content-wrap ul { list-style-type:none; margin:0; padding:0; }
.content-wrap ul li { border-left:2px solid #282828; margin-bottom:24px; padding-left:9px; color:#1c486a; }

.hour { background: #e9e9e9; margin-top:18px; text-align:center;padding:20px; color:#282828;  }
.hour h4 {  font-size:18px; font-weight:600; text-transform:uppercase;}
.hour p { padding-bottom:0px;}
.content { padding:20px 0 10px;}
.content-left h4 { font-size:20px; font-weight:600; text-transform:uppercase; color:#eaa800; line-height:24px; margin-bottom:6px;}
.content-left p { color:#464646; }

.round { margin-top:20px; background: #fbedc8;  border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:250px; width:250px; text-align:center; padding:50px 20px 40px; margin:0 auto 10px;}
a.direction { background: #488c00; font-size:14px; color:#FFF; text-decoration:none; padding:10px 15px; text-transform:uppercase; border-radius:2px; }
a.direction:hover { background-color:#73cf00;}
	
	
.round h4 {  font-size:20px; font-weight:600; color:#383838; }
.round p { font-size:16px; color:#383838; }
.phone { margin-bottom:10px;}

.wrap-product {}
.wrap-product h3 { font-size:20px; font-weight:600; text-align:center; background: url(../images/product_bg.png) repeat-x 0 13px; color:#7a7a7a; text-transform:uppercase;}
.wrap-product h3 span { background: #FFF; padding:0 15px; display:inline-block;}


.wrap-brand h3 { font-size:20px; font-weight:600; text-align:center; background: url(../images/product_bg.png) repeat-x 0 13px; color:#7a7a7a; margin-bottom:10px; text-transform:uppercase;}
.wrap-brand h3 span { background: #FFF; padding:0 15px; display:inline-block;}

.brand-img { text-align:center; }


a.more-link {color:#333333; text-decoration:underline; font-weight:normal; font-weight:bold; font-size:12px; text-transform:uppercase;} 
a.more-link:hover {text-decoration:none; color:#c7a450;}

a.button {background:#a90000 url(../images/btn_call_bg.png) repeat-x 0 0; padding:6px 10px 7px; display:block; width:auto; cursor:pointer; color:#fff; font-size:30px; line-height:30px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; margin:0px 0px 6px; text-transform:uppercase; border:1px solid #c70000; text-shadow:1px 1px 0px #2e0000; text-align:center;}
a.button:hover {background:#cb0000; text-decoration:none;}

img {max-width:100%;}
img.alignright {float:right; margin:0px 0 10px 10px; clear:right;}
img.alignleft {float:left; margin:0px 25px 10px 0; clear:left;}
img.alignalone {margin:5px auto 8px;} img.alignnone {margin:8px 10px 10px 0px;}
img.alignright, img.alignleft, img.alignnone {}

.btmarg {margin-bottom:20px;}

/*   FORM   */
.contact-page .wpcf7 { margin:5px 0 0;}
.wpcf7 .star{ color:#F00;}

#map {float:right; margin-left:20px;} #map img {margin-bottom:8px;} .gmap-title {padding:0 0 20px;}

input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea {background:rgba(255,255,255,1); font-size:13px; line-height:18px; color:#959595; border:1px solid #ffffff; width:100%; padding:7px 10px 8px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; } 
textarea {height:75px;} select {padding:3px 3px 3px 5px; width:230px;} textarea#comment {width:93.2%;}

input.input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input.wpcf7-text:focus, input.wpcf7-email:focus, input.wpcf7-date:focus, input.wpcf7-tel:focus, select:focus, textarea:focus { color:#616161;} 
input.error, select.error, textarea.error {border-color:#fff200;} input.wpcf7-file {padding:5px 5px 5px;}
input.wpcf7-submit, input.button, input.submit, input#submit, input[type='button'], input[type='submit'] {background:#25709f; border:0 none; display:inline-block; padding:4px 22px 5px; font-size:18px; line-height:22px; text-transform:uppercase; color:#fff; text-decoration:none; width:100%; text-align:left; font-weight:600; font-family: 'Open Sans', sans-serif; }
input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover {background:#117cbf; text-decoration:none; cursor:pointer;}

form input:focus, form select:focus, form textarea:focus {border-color:#676767;}
form input.invalid, form textarea.invalid, form input.invalid:focus, form textarea.invalid:focus {border-color:#ff0000;}
form input.nobrobot {width:60px; margin-left:10px; padding:4px 10px 5px;}

.message_show {color:#FF0000; font-size:12px; line-height:14px;}  .message_show p {padding-bottom:10px;}
.message_show .success {color:#008000;}

/* ############# BOTTOM/FOOTER ############# */
#footer {background: #282828; padding:15px 0;}
.footer p {padding-bottom:5px; text-align:center; color:#FFF; }
.footer a {color:#fefefe; padding:0px 8px; text-decoration:none; }	.footer a:hover {color:#EBAB00;}

/* ### RESPOSIVE STUCTURE ### 
@media only screen and (min-width: 980px) and (max-width: 1219px) {

}*/
@media (max-width: 1219px) {
}
@media (min-width: 980px) and (max-width: 1219px) {
	.content-wrap h2 {font-size:24px;}
	.round { height:220px; width:220px; padding: 40px 20px;}
	.round p { font-size:15px;}
	.phone { margin-bottom:5px;}
	a.direction { padding:8px 15px;}
	.form .cap { width:49%;}
}

@media (min-width: 768px) and (max-width: 979px) {
	input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea { box-sizing:border-box; width:100%;}
	
	#wrap .sidebar { margin-top:0px; background:none;}
	.banner-form .title { margin: 0 0 10px;}
	.content-wrap h2 { font-size:18px;}
	.banner-form h2 { font-size:24px;}
	.banner-form h4 { font-size:12px;}
	.banner-form { padding: 10px 10px 6px;}
	.banner-form input.text {padding:3px 8px 4px;}
	/*.round { height:220px; width:220px; padding: 40px 20px;}
	.round p { font-size:15px;}
	.phone { margin-bottom:5px;}
	a.direction { padding:8px 15px;}*/
	.round { height: 160px; padding: 30px 20px 40px; width: 160px;}
	.round h4 { font-size:16px;}
	.round p { font-size:10px; line-height:12px;}
	.phone { margin-bottom:0; }
	a.direction { padding:6px 10px; font-size:8px;}
	.content-left h4 { font-size:18px; line-height:20px;}
	.content { padding:30px 0px;}
	.banner-form h2 { font-size:18px;}
	.form .cap { width:46%;}

}

@media (max-width: 767px) {
	input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea { box-sizing:border-box; width:100%;}
	
	#wrap .sidebar { margin-top:0px; background:none; float:none; width:100%;}
	.banner-form .title { margin: 0 0 10px;}
	.banner .banner-content h1 { font-size:20px; line-height:26px;}
	#logo { float: none; text-align: center;}
	#top { text-align: center;}
	.coin { width:auto; margin-right:10px;} 
	.content-wrap { float:none; width:auto; overflow:hidden;}
	.content-wrap h2 { font-size:17px; right:4px;}
	.banner-form .title { background:none;}
	.banner-form h2 { font-size:28px;}
	.banner-form h4 { font-size:16px;}
	.banner-form img.ishuman {width:100px;}
	
	.round { margin-top:20px; background: #fbedc8;  border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:250px; width:250px; text-align:center; padding:50px 20px 40px; margin:0 auto 10px;}
	a.direction { background: #488c00; font-size:14px; color:#FFF; text-decoration:none; padding:10px 15px; text-transform:uppercase; border-radius:2px; }
	
	.round h4 {  font-size:20px; font-weight:600; color:#383838; }
	.round p { font-size:16px; color:#383838; }
	.phone { margin-bottom:10px;}
	#top h2 { margin-top:5px;}
	.feature .img { width:32%; margin:0 2% 5px 0;}	.feature .img.last {margin-right:0;}
}
@media (max-width: 480px) {
	#logo, #top {float:none; text-align:center;}
	
	.banner .banner-content h1 { font-size:25px;}
	.banner .banner-content h1 { font-size:14px; line-height:18px;}
    .content-wrap h2 { font-size:30px;}
	.banner-form h2 { font-size:24px;}
	.banner-form h4 { font-size:16px;}
	.feature .img {width:100%; margin:0 0 10px;}
	.organic { width:280px; margin:0 auto;}
}

@media (max-width: 320px) {
	#top h2 {font-size:22px;}
	.organic { width:100%;}
}