@charset "utf-8";

/*  BASIC PAGE SETUP ============================================================================= */
html {
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body {
margin:0px;
background-color:#FFFFFF;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
background-attachment:fixed;
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
font-weight:400;
color:#585858;
}
@media (pointer:coarse) {
body {
background-size:100%;
background-attachment:scroll;
background-position:center 150px;
}
}
div, ul, li, img, form {
margin:0px;
padding:0px;
}
iframe, object, embed {
display:block;
margin:0px;
}
h1 {
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-size:55px;
font-size:2.8vw;
font-weight:300;
text-align:left;
color:#585858;
margin:0px;
padding:0px;
}
h2 {
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-size:35px;
font-size:1.8vw;
font-weight:400;
text-align:left;
color:#005A03;
}
h3 {
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:35px;
font-size:1.8vw;
font-weight:300;
text-align:left;
color:#585858;
padding-bottom:5px;
border-bottom:1px solid #C8C8C8;
}
h4 {
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:35px;
font-size:1.8vw;
font-weight:300;
text-align:left;
color:#585858;
}
h5 {
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:25px;
font-size:1.3vw;
font-weight:300;
text-align:left;
color:#585858;
}
h6 {
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:20px;
font-size:1.1vw;
font-weight:700;
text-align:left;
color:#585858;
}
a {
text-decoration:none;
}
a:active {
color:#96AB31;
}
a:link {
color:#96AB31;
}
a:visited {
color:#96AB31;
}
a:hover {
color:#005A03;
}
select {
font-size:12px;
}
hr {
border:0;
height:1px;
margin-top:15px;
margin-bottom:15px;
background-color:#C8C8C8;
}
p {
text-align:justify;
line-height:28px;
}
p.anchor {
display:block;
position:relative;
top:-150px;
visibility:hidden;
}
.table-design table {
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
padding:0px;
border-spacing:0px;
border:1px solid #C8C8C8;
font-weight:300;
}
.table-design tr:nth-child(odd) {
background-color:#FFFFFF;
}
.table-design tr:nth-child(even) {
background-color:#F0F0EA;
}
.table-design tr:hover {
background-color:#E8E8E8;
}
.table-design th {
background-color:#585858;
padding:15px;
vertical-align:top;
text-align:left;
font-size:20px;
font-weight:400;
color:#FFFFFF;
}
.table-design th p {
padding:0px;
margin:0px;
}
.table-design td {
padding:10px;
vertical-align:top;
border-top:1px solid #C8C8C8;
font-weight:300;
text-align:left;
}
.table-design td p {
padding:0px;
margin:0px;
}

/*  IMAGES ============================================================================= */
img {
margin:0px;
display:block;
border :0px;
max-width:100%;
height:auto;
}
img a:hover {
opacity:0.5;
}
img.float-left {
float:left;
margin:0px 10px 0px 0px;
}
img.float-right {
float:right;
margin:0px 0px 0px 10px;
}
.overlay {
left:0px;
top:0px;
width:100%;
min-height:40%;
text-align:center;
color:rgb(255, 255, 255);
position:absolute;
opacity:0px;
background-color:rgba(31, 180, 221, 1);
-webkit-transition:0.25s ease-in;
-moz-transition:0.25s ease-in;
-o-transition:0.25s ease-in;
transition:0.25s ease-in;
}
.overlay h3 {
margin:0px auto;
padding:27px 0px 5px;
text-align:center;
color:rgb(255, 255, 255);
line-height:30px;
letter-spacing:1px;
font-size:28px;
}
.overlay p {
text-align:center;
font-size:12px;
}

/* IFRAMES============================================================================= */
.framework-iframe {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #C8C8C8;
}
.framework-iframe iframe,   
.framework-iframe object,  
.framework-iframe embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.framework-iframe-mini {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #C8C8C8;
}
.framework-iframe-mini iframe,   
.framework-iframe-mini object,  
.framework-iframe-mini embed {
position:absolute;
top:0;
left:0;
width:250px;
height:auto;
}

/* FRAMEWORK============================================================================= */
#framework {
width:100%;
position:relative;
margin:0px;
text-align:left;
}
#framework-note {
width:100%;
height:35px;
background-color:#000000;
top:0px;
z-index:2001;
}
#note {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
font-size:14px;
font-weight:700;
color:#FFFFFF;
}
#note p {
margin:0px;
padding:0px;
padding-left:5%;
padding-right:5%;
line-height:35px;
text-align:center;
}
#framework-home {
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
}
#framework-header {
width:100%;
height:35px;
line-height:35px;
top:0px;
position:fixed;
position:sticky;
background-color:#D6473E;
background-color:#FFFFFF;
z-index:2000;
}
#header {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
font-size:16px;
color:#005A03;
}
#header p {
margin:0px;
padding:0px;
padding-right:2%;
text-align:right;
line-height:35px;
}
#header-logo {
max-width:30%;
height:50px;
position:absolute;
top:15px;
left:5px;
padding:0px;
padding-right:15px;
border-right:0px solid #C8C8C8;
z-index:2005;
}
#header-logo img {
width:100%;
max-width:350px;
margin-left:auto;
margin-right:auto;
}
#header-phone {
width:155px;
position:absolute;
top:35px;
right:0px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
font-weight:300;
font-size:12px;
text-align:center;
text-transform:uppercase;
line-height:20px;
color:#585858;
}
#header-phone:hover {
background-color:#005A03;
color:#FFFFFF;
}
#header-phone span {
color:#005A03;
}
#header-phone strong {
padding:3px 10px 5px 10px;
background-color:#005A03;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
color:#C8C8C8;
}
#header-call {
font-size:20px;
line-height:20px;
color:#96AB31;
}
#header-call a:active, #header-call a:link, #header-call a:visited {
color:#96AB31;
}
#header-call a:hover {
color:#96AB31;
}
#header-search {
position:absolute;
top:5px;
left:115px;
width:20%;
z-index:2010;
}
#framework-navigation {
width:100%;
height:50px;
top:35px;
position:fixed;
position:sticky;
background-color:#FFFFFF;
border-top:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
z-index:1999;
}
#navigation {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
}
#header-nav {
max-width:75%;
position:absolute;
top:0px;
right:185px;
z-index:1000;
font-weight:300;
font-size:12px;
line-height:50px;
text-align:center;
text-transform:uppercase;
overflow:hidden;
}
#header-nav div {
width:125px;
max-width:125px;
float:left;
}
#header-nav div:hover {
background-color:#005A03;
}
#header-nav div #header-nav-icons {
width:30px;
max-width:30px;
margin:0px;
margin-top:10px;
padding:0px;
border:0px;
}
#header-nav div a {
border-right:1px solid #C8C8C8;
}
#header-nav div:first-child a{
border-left:1px solid #C8C8C8;
}
#header-nav a:active, #header-nav a:link, #header-nav a:visited {
color:#005A03;
}
#header-nav a:hover {
color:#96AB31;
}
#header-nav a {
display:block;
padding-left:15px;
padding-right:15px;
text-decoration:none;
}
#header-nav span.header-icon {
background-color:#96AB31;
background-color:transparent;
}
.icon-hover-home {
display:none;
}
#header-nav-home:hover .icon-plain-home {
display:none;
}
#header-nav-home:hover .icon-hover-home {
display:block;
}
.icon-plain-home, .icon-hover-home {
width:30px;
max-width:30px;
height:30px;
padding:0px;
border:0px;
overflow:hidden;
}
.icon-hover-account {
display:none;
}
#header-nav-account:hover .icon-plain-account {
display:none;
}
#header-nav-account:hover .icon-hover-account {
display:block;
}
.icon-plain-account, .icon-hover-account {
width:30px;
max-width:30px;
height:30px;
padding:0px;
border:0px;
overflow:hidden;
}
.icon-hover-checkout {
display:none;
}
#header-nav-checkout:hover .icon-plain-checkout {
display:none;
}
#header-nav-checkout:hover .icon-hover-checkout {
display:block;
}
.icon-plain-checkout, .icon-hover-checkout {
width:30px;
max-width:30px;
height:30px;
padding:0px;
border:0px;
overflow:hidden;
}
.icon-hover-search {
display:none;
}
#header-nav-search:hover .icon-plain-search {
display:none;
}
#header-nav-search:hover .icon-hover-search {
display:block;
}
.icon-plain-search, .icon-hover-search {
width:30px;
max-width:30px;
height:30px;
padding:0px;
border:0px;
overflow:hidden;
}
#framework-buttons {
width:100%;
height:75px;
line-height:75px;
position:fixed;
position:sticky;
top:85px;
z-index:1998;
background-color:#005A03;
}
#buttons {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
}
#framework-animation {
width:100%;
position:relative;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
margin-top:200px;
}
#framework-animation img {
width:100%;
max-width:100%;
margin:0px;
padding:0px;
}
#animation {
width:100%;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
padding-top:10%;
padding-bottom:10%;
}
#animation-buttons {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
z-index:500;
}
#animation div {
padding-left:2%;
}
#animation-box-home {
position:absolute;
top:20%;
width:84%;
margin-left:5%;
margin-right:5%;
margin-top:5%;
padding:3%;
background-color:#31343C;
background:rgba(49,52,60,0.3);
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-size:35px;
font-weight:300;
line-height:50px;
color:#FFFFFF;
text-align:center;
}
#animation-box {
width:84%;
margin-left:5%;
margin-right:5%;
padding:3%;
background-color:#31343C;
background:rgba(49,52,60,0.3);
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-size:35px;
font-weight:300;
line-height:50px;
color:#FFFFFF;
text-align:center;
}
#framework-content {
width:100%;
background-color:#FFFFFF;
position:relative;
}
#content {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
margin-right:auto;
margin-left:auto;
}
#content img {
max-width:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
#content ul {
margin-left:5%;
}
#content li {
margin-bottom:10px;
line-height:28px;
}
#content hr {
margin-top:0px;
margin-top:35px;
margin-bottom:35px;
}
#framework-content-1 {
width:100%;
background-color:#F0F0EA;
}
#content-1 {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
margin-right:auto;
margin-left:auto;
}
#framework-content-2 {
width:100%;
background-color:#005A03;
color:#FFFFFF;
}
#content-2 {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
margin-right:auto;
margin-left:auto;
}
#framework-content-3 {
width:100%;
background-color:#FFFFFF;
}
#content-3 {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
margin-right:auto;
margin-left:auto;
}
#framework-content-4 {
width:100%;
background-color:#005A03;
color:#FFFFFF;
}
#content-4 {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
margin-right:auto;
margin-left:auto;
}
.content-main {
width:74.6%;
}
.content-menu {
width:23.8%;
}
.content-image img {
width:50%;
max-width:800px;
}
#framework-features {
width:100%;
background-color:#F0F0EA;
}
#features {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:2%;
padding-bottom:2%;
margin-right:auto;
margin-left:auto;
}
#framework-basic {
width:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
font-size:20px;
line-height:25px;
text-align:center;
color:#000000;
}
#basic {
width:auto;
min-width:320px;
max-width:1400px;
max-width:100%;
position:relative;
margin:0px;
padding:0px;
padding-top:350px;
padding-bottom:350px;
margin-right:auto;
margin-left:auto;
background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5));
}
#basic h4 {
text-align:center;
font-weight:900;
color:#000000;
color:#005A03;
}
#basic h4 a:active, #basic h4 a:link, #basic h4 a:visited, #basic p a:active, #basic p a:link, #basic p a:visited {
color:#005A03;
}
#basic h4 a:hover, #basic p a:hover {
color:#96AB31;
}
#framework-bar {
width:100%;
background-color:#FFFFFF;
}
#bar {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
margin-right:auto;
margin-left:auto;
}
#framework-testimonials {
width:100%;
background-color:#96AB31;
background-color:#005A03;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}
#testimonials {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin:0px;
padding:0px;
padding-top:50px;
padding-bottom:50px;
margin-right:auto;
margin-left:auto;
color:#FFFFFF;
}
#testimonials h4 {
color:#FFFFFF;
}
#framework-shadow {
width:100%;
height:auto;
background-color:#96AB31;
border-top:1px solid #FFFFFF;
}
#shadow {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
text-align:left;
font-size:15px;
color:#FFFFFF;
}
#shadow h4 {
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-weight:300;
color:#FFFFFF;
}
#shadow p {
font-size:25px;
line-height:35px;
}
#shadow a:active, #shadow a:link, #shadow a:visited {
color:#FFFFFF;
}
#shadow a:hover {
color:#005A03;
}
#shadow strong {
font-size:25px;
font-weight:300;
}
#shadow .footer-icons img {
width:100%;
max-width:50px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#shadow .footer-icons div {
width:50px;
max-width:50px;
background-color:#FFFFFF;
float:left;
margin:0px;
margin-right:5px;
margin-bottom:5px;
}
#shadow .footer-icons div:hover {
background-color:#005A03;
}
#framework-footer {
width:100%;
background-color:#FFFFFF;
background-color:#F0F0EA;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #C8C8C8;
}
#footer {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
padding:0px;
line-height:25px;
text-align:left;
font-size:14px;
}
#footer h3 {
font-weight:300;
font-size:20px;
color:#005A03;
border-bottom:1px solid #C8C8C8;
}
#footer ul {
list-style:none;
margin-left:5%;
}
#footer p {
margin:1%;
margin-left:5%;
}
#footer strong {
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-size:25px;
font-weight:300;
line-height:45px;
color:#C8C8C8;
}
#footer-icons {
width:100%;
max-width:100%;
}
#footer-icons img {
width:100%;
max-width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
}
#footer-icons div {
width:50%;
max-width:50%;
background-color:#585858;
float:left;
margin-left:25%;
margin-right:25%;
margin-top:10px;
margin-bottom:10px;
}
#footer-icons div.icon-facebook {
background-color:#4368B0;
}
#footer-icons div.icon-twitter {
background-color:#3B9CD6;
}
#footer-icons div.icon-youtube {
background-color:#FF0000;
}
#footer-icons div:hover {
background-color:#96AB31;
}
#footer-box {
padding-left:5%;
padding-top:1%;
padding-bottom:1%;
}
#footer .specials a:active, #footer .specials a:link, #footer .specials a:visited {
color:#D6473E;
}
#footer .specials a:hover {
color:#005A03;
}
#framework-copyright {
width:100%;
background-color:#FFFFFF;
}
#copyright {
width:auto;
min-width:320px;
max-width:1400px;
position:relative;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:right;
font-size:15px;
line-height:15px;
}
.copyright {
text-align:left;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.content-clear {
clear:both;
}

/* MENUS============================================================================= */
#header-buttons {
width:100%;
top:0px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
position:absolute;
font-size:14px;
font-weight:300;
text-align:center;
color:#FFFFFF;
-webkit-font-smoothing:antialiased;
-webkit-text-stroke:0.25px;
}
#header-buttons h5 a:active, #header-buttons h5 a:link, #header-buttons h5  a:visited {
color:#585858;
}
#header-buttons h5 a:hover {
color:#96AB31;
}
#header-buttons ul {
width:auto;
list-style:none;
}
#header-buttons li {
width:12.5%;
height:75px;
line-height:75px;
float:left;
text-align:center;
}
#header-buttons li:hover {
background-color:#006A03;
-webkit-transition:0.25s;
-moz-transition:0.25s;
-o-transition:0.25s;
transition:0.25s;
}
#header-buttons a {
display:block;
text-decoration:none;
}
#header-buttons a:active, #header-buttons a:link, #header-buttons a:visited {
color:#FFFFFF;
}
#header-buttons a:hover {
color:#FFFFFF;
}
#header-buttons .button-active a:active, #header-buttons .button-active a:link, #header-buttons .button-active a:visited {
color:#96AB31;
}
#header-buttons .button-active a:hover {
color:#96AB31;
}
ul#dropdown .submenu {
width:475%;
left:0px;
float:left;
visibility:hidden;
position:relative;
top:0px;
padding:0px 3px 3px;
padding:10%;
text-transform:none;
z-index:5001;
background-color:#FFFFFF;
border:1px solid #C8C8C8;
font-size:14px;
}
ul#dropdown #products .submenu {
width:775%;
left:-300%;
}
ul#dropdown #gallery .submenu {
float:right;
}
ul#dropdown #blog .submenu {
float:right;
}
ul#dropdown li:hover>.submenu {
visibility:visible;
opacity:1;
}
ul#dropdown .submenu ul {
padding:2%;
}
ul#dropdown .submenu li {
width:100%;
height:50px;
line-height:50px;
margin:0px;
padding:0px;
border-top:1px solid #C8C8C8;
text-align:left;
}
ul#dropdown .submenu li:hover {
background-color:transparent;
}
ul#dropdown .submenu li.category {
height:auto;
min-height:35px;
line-height:35px;
border-top:0px;
border-bottom:1px solid #FFFFFF;
font-family:'Lora', Helvetica, Verdana, Arial, sans-serif;
font-weight:700;
font-size:16px;
}
ul#dropdown .submenu li.subcategory {
height:35px;
line-height:35px;
border-top:0px;
border-bottom:1px solid #C8C8C8;
overflow:hidden;
}
ul#dropdown .submenu li:first-child {
border-top:0px solid #C8C8C8;
}
ul#dropdown .button-active .submenu  li a {
color:#005A03;
}
ul#dropdown .submenu li a {
color:#005A03;
}
ul#dropdown .submenu li a:hover {
color:#96AB31;
}
ul#dropdown .submenu li.category a {
color:#585858;
}
ul#dropdown .submenu li.category a:hover {
color:#96AB31;
}
ul#dropdown .submenu li.section {
color:#005A03;
}
ul#dropdown .submenu div a:active, ul#dropdown .submenu div a:link, ul#dropdown .submenu div a:visited {
color:#005A03;
}
ul#dropdown .submenu div a:hover {
color:#96AB31;
}
ul#dropdown .submenu li:hover>a {
background-color:transparent;
}
ul#dropdown ul li:hover>a {
background-color:#006A03;
color:#96AB31;
}

/* FORMS============================================================================= */
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
height:25px;
width:95%;
max-width:95%;
border:1px solid #C5C5C5;
background-color:#F8F8F8;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-appearance:none;
font-size:16px;
}
#form-transparent input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
width:100%;
max-width:100%;
font-size:16px;
-webkit-appearance:none;
border-radius:0;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):hover {
border:1px solid #C5C5C5;
background-color:#E5E5E5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-appearance:none;
font-size:16px;
}
#form-transparent input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):hover {
width:100%;
max-width:100%;
font-size:16px;
-webkit-appearance:none;
border-radius:0;
}
textarea {
width:90%;
border:1px solid #C5C5C5;
background-color:#F8F8F8;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-appearance:none;
font-size:16px;
}
textarea:hover {
border:1px solid #C5C5C5;
background-color:#E5E5E5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-appearance:none;
font-size:16px;
}
select {
height:25px;
border:1px solid #C5C5C5;
background-color:#F8F8F8;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:16px;
}
select:hover {
border:1px solid #C5C5C5;
background-color:#E5E5E5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:16px;
}
#form-transparent select {
width:100%;
max-width:100%;
height:25px;
font-size:16px;
}
.form-details {
padding-left:2%;
height:35px;
line-height:35px;
background-color:#C8C8C8;
color:#FFFFFF;
font-size:20px;
font-weight:300;
text-align:left;
}
.form-labels {
width:23%;
max-width:250px;
background-color:#E8E7E7;
padding:1%;
font-size:16px;
text-align:right;
vertical-align:top;
}
.form-fields {
width:73%;
background-color:#F8F8F8;
padding:1%;
font-size:14px;
text-align:left;
}
.form-fields img {
width:auto;
max-width:auto;
padding:1%;
}
.form-fields td {
text-align:left;
}
#form-transparent {
border:1px solid #FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#form-transparent .form-details {
background-color:#FFFFFF;
background-color:rgba(255, 255, 255, 0.5);
color:#C8C8C8;
}
#form-transparent .form-labels {
background-color:transparent;
}
#form-transparent .form-fields {
background-color:transparent;
}
#form-transparent hr {
background-color:#FFFFFF;
}
#form-transparent a:active, #form-transparent a:link, #form-transparent a:visited {
color:#005A03;
}
#form-transparent a:hover {
color:#FFFFFF;
}
.form-button {
max-width:100%;
height:29px;
line-height:17px;
padding-left:10px;
padding-right:10px;
background:#005A03;
border:1px solid #005A03;
font-size:16px;
color:#FFFFFF;
text-align:center;
float:right;
margin-right:5px;
margin-bottom:5px;
cursor:pointer;
-webkit-appearance:none;
border-radius:0;
}
.form-button:hover {
background:#C8C8C8;
border:1px solid #C8C8C8;
color:#FFFFFF;
-webkit-appearance:none;
border-radius:0;
}
#form-transparent .form-button {
width:50%;
max-width:50%;
height:35px;
margin:0px;
margin-left:50%;
margin-right:25%;
margin-right:0px;
float:none;
-webkit-appearance:none;
border-radius:0;
}
.page-button {
width:auto;
margin-left:auto;
margin-right:auto;
-webkit-appearance:none;
border-radius:0;
}
.page-button a {
display:inline-block;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background-color:#005A03;
padding:0px 25px 0px 25px;
-webkit-appearance:none;
border-radius:0;
}
.page-button a:active, .page-button a:link, .page-button a:visited {
color:#FFFFFF;
}
.page-button a:hover {
background-color:#96AB31;
color:#FFFFFF;
}
.page-button-reverse {
width:auto;
margin-left:auto;
margin-right:auto;
-webkit-appearance:none;
border-radius:0;
}
.page-button-reverse a {
display:inline-block;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background-color:#C8C8C8;
padding:0px 25px 0px 25px;
-webkit-appearance:none;
border-radius:0;
}
.page-button-reverse a:active, .page-button-reverse a:link, .page-button-reverse a:visited {
color:#FFFFFF;
}
.page-button-reverse a:hover {
background-color:#005A03;
color:#FFFFFF;
}
.feature-button {
width:auto;
margin-left:auto;
margin-right:auto;
-webkit-appearance:none;
border-radius:0;
}
.feature-button a {
display:inline-block;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
background-color:#D6473E;
color:#FFFFFF;
font-size:15px;
text-align:center;
text-decoration:none;
padding:0px 25px 0px 25px;
-webkit-appearance:none;
border-radius:0;
}
.feature-button a:active, .feature-button a:link, .feature-button a:visited {
color:#FFFFFF;
}
.feature-button a:hover {
background-color:#96AB31;
color:#FFFFFF;
}
.highlight-button a {
width:auto;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
color:#FFFFFF;
background-color:#005A03;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
padding:0px 25px 0px 25px;
display:inline-block;
text-decoration:none;
-webkit-appearance:none;
border-radius:0;
}
.highlight-button a:active, .highlight-button a:link, .highlight-button a:visited {
color:#FFFFFF;
}
.highlight-button a:hover {
background-color:#221F1F;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
color:#FFFFFF;
}
.border-button {
margin-left:auto;
margin-right:auto;
-webkit-appearance:none;
border-radius:0;
}
.border-button a {
width:auto;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
background-color:#FFFFFF;
border:1px solid #96AB31;
color:#96AB31;
font-size:15px;
text-align:center;
padding:0px 15px 0px 15px;
display:inline-block;
text-decoration:none;
-webkit-appearance:none;
border-radius:0;
}
.border-button a:active, .border-button a:link, .border-button a:visited {
color:#96AB31;
}
.border-button a:hover {
background-color:#96AB31;
border:1px solid #96AB31;
color:#FFFFFF;
}
.search-button {
max-width:100%;
height:29px;
line-height:17px;
margin:0px;
padding-left:10px;
padding-right:10px;
background-color:#005A03;
border:1px solid #005A03;
font-size:14px;
font-weight:300;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
-webkit-appearance:none;
border-radius:0;
}
.search-button:hover {
background-color:#C8C8C8;
border:1px solid #C8C8C8;
color:#FFFFFF;
-webkit-appearance:none;
border-radius:0;
}

/* CONTENT ============================================================================= */
.swatches {
font-size:14px;
text-align:center;
}
.swatch {
width:100%;
max-width:140px;
border:1px solid #C8C8C8;
border:1px solid #949292;
}
.box-products h2 {
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
}
.box-category {
background-color:#FFFFFF;
}
.box-category-title {
background-color:#005A03;
}
.box-category-title h2 a:active, .box-category-title h2 a:link, .box-category-title h2 a:visited {
color:#FFFFFF;
}
.box-category-title h2 a:hover {
color:#96AB31;
}
.box-features {
font-size:12px;
border:1px solid #E8E7E7;
}
.box-features h2 {
height:35px;
line-height:35px;
background-color:#E8E7E7;
color:#C8C8C8;
text-align:center;
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
font-weight:normal;
overflow:hidden;
margin:0px;
}
.box-features h2 a {
display:block;
}
.box-features h2 a:active, .box-features h2 a:link, .box-features h2 a:visited {
color:#005A03;
}
.box-features p {
padding:5px;
}
.box-features a:hover {
background-color:#FFFFFF;
color:#C8C8C8;
}
.box-features img {
width:auto;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
}
.box-navigation {
position:relative;
border:1px solid #C8C8C8;
background-color:#F2F2F2;
font-size:15px;
font-weight:300;
overflow:hidden;
}
.box-navigation h2 {
height:25px;
line-height:25px;
margin:0px;
padding:10px;
background-color:#C8C8C8;
font-family:'Raleway', Helvetica, Verdana, Arial, sans-serif;
font-size:25px;
font-weight:300;
text-align:center;
color:#221F1F;
}
.box-navigation img {
display:block;
max-width:100%;
height:auto;
margin:0px;
padding:0px;
transition:0.5s ease;
}
.box-navigation:hover img {
opacity:0.5;
opacity:1;
transform:scale(1.2, 1.2);
}
.box-navigation-overlay {
width:96%;
position:absolute;
background:rgba(255, 255, 255, 0.65);
background:rgba(49,52,60,0.75);
bottom:0px;
padding-left:2%;
padding-right:2%;
padding-top:10px;
padding-bottom:10px;
}
.box-navigation:hover .box-navigation-overlay {
background:rgba(49,52,60,1);
}
.box-navigation-overlay h2 {
height:35px;
line-height:35px;
margin:0px;
padding:0px;
background-color:transparent;
font-size:25px;
color:#31343C;
letter-spacing:0px;
overflow:hidden;
}
.box-navigation-overlay h2 a:active, .box-navigation-overlay h2 a:link, .box-navigation-overlay h2 a:visited {
color:#FFFFFF;
}
.box-navigation-overlay h2 a:hover {
color:#005A03;
}
.box-navigation ul {
list-style:none;
margin-left:0px;
padding:2%;
}
.box-navigation h3 {
margin:0px;
padding:2%;
font-size:20px;
}
.box-navigation p {
margin:0px;
padding:2%;
}
.box-navigation-text {
opacity:0;
position:absolute;
width:96%;
left:0px;
bottom:55px;
padding:2%;
background:rgba(49,52,60,0);
color:#FFFFFF;
-webkit-transition:opacity 0.5s ease-in-out;
transition:opacity 0.5s ease-in-out;
z-index:2;
}
.box-navigation:hover .box-navigation-text {
opacity:1;
}
.box-plain {
padding:2%;
}
.box-plain-border {
padding-top:10%;
border-top:1px solid #C8C8C8;
}
.box-plain h3 a:active, .box-plain h3 a:link, .box-plain h3 a:visited {
color:#96AB31;
}
.box-plain h3 a:hover {
color:#005A03;
}
#framework-bar .box-plain h3 a:active, #framework-bar .box-plain h3 a:link, #framework-bar .box-plain h3 a:visited {
color:#005A03;
}
#framework-bar .box-plain h3 a:hover {
color:#D6473E;
}
.box-testimonial {
padding:2%;
border:1px solid #C8C8C8;
background-color:#FFFFFF;
margin-bottom:5px;
font-size:15px;
overflow:hidden;
color:#005A03;
color:#585858;
}
.box-testimonial:hover {
background-color:#F0F0EA;
}
.box-testimonial h3 {
margin:0px;
padding:0px;
font-size:20px;
font-size:1.1vw;
}
.box-testimonial h6 {
margin:0px;
padding:0px;
}
.box-testimonial ul {
list-style:none;
margin-left:0px;
}
.box-testimonial img {
width:350px;
max-width:50%;
height:auto;
margin:0px;
padding:0px;
}
.box-testimonial-price {
padding:2%;
background-color:#C8C8C8;
}
.box-testimonial .symbol {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
line-height:20px;
vertical-align:middle;
}
.box-testimonial-google h5 {
background-color:#DD4B39;
}
.box-testimonial-facebook h5 {
background-color:#3B5998;
}
.box-testimonial-truelocal h5 {
background-color:#3EBDF2;
}
.testimonial {
font-size:12px
}
.testimonial a:active, .testimonial a:link, .testimonial a:visited {
color:#005A03;
}
.testimonial a:hover {
color:#005A03;
}
.article {
font-size:14px;
border-top:#005A03 1px solid;
padding-top:10px;
}
.article-feature {
font-size:20px;
}
.article a {
font-size:20px;
}
.slogan {
color:#005A03;
font-size:20px;
font-weight:bold;
}
.gallery {
font-size:18px;
}
.gallery div {
margin-bottom:10px;
}
#content.gallery img:hover {
opacity:0.75;
}
.photo {
font-size:16px;
}
.photo div {
margin-bottom:10px;
}
.photo a:active, .photo a:link, .photo a:visited {
color:#C8C8C8;
}
.photo a:hover {
color:#1A75CE;
}
.video {
border:#E8E7E7 1px solid;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:center;
}
.logo img {
margin:auto;
}
#lightbox {
width:100%;
height:100%;
position:fixed;
z-index:10000;
margin:0px;
padding:0px;
top:0px;
left:0px;
text-align:center;
}
#lightbox #light {
width:100%;
height:100%;
position:fixed;
z-index:-1;
margin:0px;
padding:0px;
top:0px;
left:0px;
background:#231F20;
filter:alpha(opacity=85);
opacity:0.85;
}
#lightbox #box-nav {
width:100%;
position:absolute;
z-index:10001;
background-color:#FFFFFF;
top:0px;
left:0px;
}
#lightbox #box {
position:absolute;
width:96%;
max-width:1250px;
height:100%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
padding:2%;
overflow:hidden;
}
#lightbox #box img {
width:auto;
max-width:90%;
height:auto;
max-height:80%;
padding:5px;
position:fixed;
top:52.5%;
left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
background-color:#FFFFFF;
}
#lightbox p {
text-align:center;
}
#quotes {
font-size:35px;
line-height:55px;
}
#quotes ul {
list-style:none;
text-align:center;
}
#quotes .symbol {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:65px;
line-height:35px;
vertical-align:bottom;
}
.box-reviews {
padding:2%;
}
.blog-reviews {
border:1px solid #F0F0EA;
padding:2%;
}
.button-reviews {
border-top:1px solid #F0F0EA;
border-left:1px solid #F0F0EA;
border-right:1px solid #F0F0EA;
}
.overlay-reviews {
width:30.75%;
height:5px;
margin-left:1px;
background-color:#FFFFFF;
position:absolute;
}
.title {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.heading {
font-size:16px;
font-weight:bold;
color:#FF9933
}
.textsmall {
font-size:12px;
font-weight:bold;
}
.textsmallw {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.textcolour {
color:#005A03;
}
.texttiny {
font-size:12px;
}
.total {
font-size:25px;
}
div.caption {
width:350px;
width:44%;
max-width:44%;
margin-top:10px;
margin-bottom:10px;
padding:20px;
padding:3%;
background-color:#CCCCCC;
font-size:10px;
text-align:center;
}
div.caption.float-left {
margin-right:20px;
}
div.caption.float-right {
margin-left:20px;
}
#content div.caption img {
width:100%;
max-width:100%;
margin:0px;
padding:0px;
padding-bottom:10px;
}
.arrow-up {
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #FFFFFF;
position:relative;
top:10px;
left:5px;
}
.polygon {
height:100%;
width:100%;
}
svg {
width:100%;
height:100px;
}
polygon {
fill:#FFFFFF;
}
.hide-mini {
display:inline;
}
.hide-midi {
display:inline;
}
.hide-maxi {
display:none;
}
.hide-mini-t {
display:table-cell;
}
.hide-midi-t {
display:table-cell;
}
.hide-maxi-t {
display:none;
}
.hide-all {
display:none;
}
.hidden {
display:none;
}
.unhidden {
display:block;
}

/* SHOP ============================================================================= */
#cart {
position:absolute;
top:25px;
right:300px;
}
#cart span.cart-count {
width:2em;
display:inline-block;
border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
line-height:2em;
font-weight:bold;
text-align:center;
background:#D6473E;
color:#FFFFFF;
}
#cart span.cart-count a:active, #cart span.cart-count a:link, #cart span.cart-count a:visited {
color:#FFFFFF;
}
#cart span.cart-count a:hover {
background-color:#005A03;
border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
color:#FFFFFF;
}
.faxB {
font-size:14px;
color:#C8C8C8
}
.faxW {
font-size:14px;
color:#FFFFFF;
}
.shop-listing-box {
padding:5px;
height:auto;
width:auto;
background-color:#FFFFFF;
border:1px solid #DDDEDE;
vertical-align:top;
text-align:justify;
margin-top:10px;
margin-right:5px;
margin-left:5px;
}
.shop-listing-box:hover {
background-color:#EEEFEF;
}
.shop-listing-quote {
background-color:#EEEFEF;
}
.shop-listing-quote:hover {
background-color:#DDDEDE;
}
.shop-listing-bonus {
}
.shop-listing-box img {
margin-right:5px;
}
.shop-listing-box h2 {
font-size:16px;
font-weight:bold;
color:#7C7C7C;
}
.shop-listing-box .code {
font-size:12px;
}
.shop-listing-box .options {
font-size:12px;
float:right;
margin-top:0px;
margin-bottom:5px;
}
.shop-listing-box .buy {
background-color:#DDDEDE;
border:1px solid #FFFFFF;
height:auto;
margin:0px;
padding:1%;
vertical-align:top;
}
.shop-listing-box .bonus {
background-color:#C8C8C8;
}
.shop-listing-box .prices {
float:left;
text-align:left;
vertical-align:top;
position:relative;
}
.shop-listing-box .instructions {
font-size:14px;
}
.shop-listing-box .choice {
font-size:12px;
width:185px;
height:25;
float:left;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .offer {
font-size:12px;
width:185px;
height:25;
float:left;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .input {
height:25;
float:right;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .buttons {
width:125px;
height:25;
float:right;
text-align:right;
vertical-align:top;
position:relative;
}
.shop-listing-box .special {
width:280px;
}
.shop-listing-box .add {
width:55px;
}
.shop-listing-box .quote {
width:70px;
}
.shop-label-box {
margin:0px;
padding:5px;
height:auto;
background-color:#FFFFFF;
border:1px solid #C8C8C8;
vertical-align:top;
text-align:justify;
}
.shop-label-box .border{
border:1px solid #C8C8C8;
}
.shop-label-box .divider{
font-size:14px;
color:#C8C8C8;
margin:5px;
border-bottom:1px solid #C8C8C8;
}
.shop-label-box .divider img{
border:0px;
}
.shop-label-box h2 {
background-color:#C8C8C8;
font-size:25px;
color:#FFFFFF;
height:auto;
margin:0px;
padding:5px;
vertical-align:top;
text-transform:capitalize;
}
.shop-label-box p {
font-size:14px;
color:#C8C8C8;
margin:5px;
}
.box-shop {
width:80%;
}
.box-shop ul {
list-style:none;
margin:0px;
}
.box-shop li {
margin:1px;
text-align:left;
font-size:11px;
}
.box-shop a {
width:auto;
height:30px;
line-height:30px;
display:block;
padding:0px 5px 0px 5px;
background-color:#F2F2F2;	
}
.box-shop a:active, .box-shop a:link, .box-shop a:visited {
color:#221F1F;
}
.box-shop a:hover {
background-color:#221F1F;
color:#FFFFFF;
}
.box-brands {
width:auto;
margin:0px;
padding:0px;
}
.box-brands h2 {
padding:1%;
border:1px solid #FFFFFF;
background-color:#9236B4;
color:#FFFFFF
}
.box-brands h3 {
padding:1%;
border:1px solid #FFFFFF;
background-color:#201E23;
color:#FFFFFF
}
#content .box-brands ul {
margin-left:0px;
}
.box-brands ul {
list-style:none;
margin:0px;
padding:0px;
}
.box-brands li {
width:33.1%;
margin:0.1%;
padding:0px;
text-align:left;
font-size:12px;
float:left;
overflow:hidden;
}
.box-brands li a {
width:auto;
height:25px;
line-height:25px;
display:block;
padding:0px 5px 0px 5px;
background-color:#F2F2F2;
}
.box-brands li a:active, .box-brands li a:link, .box-brands li a:visited {
color:#221F1F;
}
.box-brands li a:hover {
background-color:#221F1F;
color:#FFFFFF;
}
.price1 {
font-size:14px;
color:#585858;
}
.price2 {
font-size:18px;
color:#585858;
}
.price3 {
font-size:12px;
}
.price4 {
font-size:12px;
}
.price5 {
font-size:14px;
color:#585858;
}
.price6 {
font-size:12px;
}
.price7 {
font-size:16px;
color:#585858;
}
.priceo1 {
font-size:14px;
color:#D6473E
}
.priceo2 {
font-size:18px;
text-decoration:line-through;
color:#D6473E
}
.priceo3 {
font-size:12px;
color:#D6473E
}
.priceo4 {
font-size:12px;
text-decoration:line-through;
color:#D6473E
}
.priceo4 {
color:#D6473E
}
.priceo5 {
font-size:14px;
color:#D6473E
}
.priceo6 {
font-size:16px;
text-decoration:line-through;
color:#D6473E
}
.pricer1 {
font-size:14px;
}
.pricer2 {
font-size:18px;
}
.pricelt {
text-decoration:line-through;
}
.shop-cart-button {
width:auto;
height:25px;
line-height:25px;
position:relative;
margin-top:3px;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#005A03;
border:1px solid #005A03;
color:#FFFFFF;
}
.shop-cart-button:hover {
background-color:#C8C8C8;
border:1px solid #C8C8C8;
}
.shop-cart-button a {
display:block;
padding:0px 3px 0px 3px;
display:block;
text-decoration:none;
}
.shop-cart-button a:active, .shop-cart-button a:link, .shop-cart-button a:visited {
color:#FFFFFF;
}
.shop-cart-button a:hover {
color:#FFFFFF;
}
.shop-cart-button-void {
width:auto;
height:20px;
line-height:20px;
position:relative;
margin-top:3px;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#C8C8C8;
border:1px solid #C8C8C8;
}
.shop-cart-button-void img {
display:block;
padding:0px 3px 0px 3px;
margin:0px;
}
.shop-cart-button-reverse {
width:auto;
height:20px;
line-height:20px;
position:relative;
margin-top:3px;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#000000;
border:1px solid #000000;
}
.shop-cart-button-reverse.shop-cart-icon {
min-height:15px;
line-height:15px;
}
.shop-cart-button-reverse:hover {
background-color:#C8C8C8;
border:1px solid #C8C8C8;
}
.shop-cart-button-reverse a {
display:block;
padding:0px 3px 0px 3px;
display:block;
text-decoration:none;
}
.shop-cart-button-reverse a:active, .shop-cart-button-reverse a:link, .shop-cart-button-reverse a:visited {
color:#FFFFFF;
}
.shop-cart-button-reverse a:hover {
color:#FFFFFF;
}
.shop-cart-icon {
width:16px;
height:16px;
line-height:16px;
margin-top:0px;
margin-bottom:3px;
}
.shop-checkout-guest-button {
background-color:#585858;
background-image:url(https://www.spit.com.au/resources/checkout-guest-button.png);
background-size:cover;
}
.shop-checkout-guest-button :hover {
background-color:#005A03;
background-image:url(https://www.spit.com.au/resources/checkout-guest-hover.png);
background-size:cover;
}
.shop-checkout-guest-hover {
background-color:#005A03;
background-image:url(https://www.spit.com.au/resources/checkout-guest-hover.png);
background-size:cover;
}
.shop-checkout-guest-hover :hover {
background-color:#585858;
background-image:url(https://www.spit.com.au/resources/checkout-guest-button.png);
background-size:cover;
}
.shop-checkout-customer-button {
background-color:#585858;
background-image:url(https://www.spit.com.au/resources/checkout-customer-button.png);
background-size:cover;
}
.shop-checkout-customer-button :hover {
background-color:#005A03;
background-image:url(https://www.spit.com.au/resources/checkout-customer-hover.png);
background-size:cover;
}
.shop-checkout-customer-hover {
background-color:#005A03;
background-image:url(https://www.spit.com.au/resources/checkout-customer-hover.png);
background-size:cover;
}
.shop-checkout-customer-hover :hover {
background-color:#585858;
background-image:url(https://www.spit.com.au/resources/checkout-customer-button.png);
background-size:cover;
}
.shop-cart {
border:1px solid #201E23;
}
.shop-cart-th {
background-color:#005A03;
height:25px;
font-size:14px;
color:#FFFFFF;
}
.shop-cart-tr {
background-color:#FFFFFF;
}
.shop-cart-tr:hover {
background-color:#F0F0EA;
}
.shop-cart-td {
font-size:12px;
border-bottom:1px solid #86828C;
}
.shop-cart-product {
font-size:15px;
font-weight:bold;
}
.shop-cart-price {
font-size:15px;
}
.shop-cart-total {
font-size:25px;
color:#005A03;
}
.shop-cart-shipping {
font-size:12px;
}
.shop-cart-button {
font-size:14px;
}
.shop-cart-box {
width:98%;
padding:1%;
background-color:#C8C8C8;
border:1px solid #C8C8C8;
background-color:#96AB31;
border:1px solid #96AB31;
background-color:#D6473E;
border:1px solid #D6473E;
color:#FFFFFF;
}
.shop-cart-box p {
text-align:center;
}
a.shop-info {
position:relative;
text-decoration:none
}
a.shop-info:hover {
z-index:25;
text-decoration:none
}
a.shop-info span {
display:none
}
a.shop-info:hover span {
display:block;
position:absolute;
top:15px;
left:-65px;
width:190px;
border:1px solid #FFFFFF;
background-color:#C8C8C8;
color:#FFFFFF;
padding:5px;
text-align:center;
font-weight:normal;
z-index:35;
}
.box-product-buy {
background:#005A03;
}

@media only screen and (max-width:1200px) {
/*   MAKE LAYOUT RESPONSIVE at 1200px FOR DESKTOP ================================================================ */
#header-buttons {
font-size:12px;
}
ul#dropdown .submenu {
font-size:12px;
}
#framework-animation img {
min-height:650px;
}
#animation-box-home {
top:15%;
font-size:30px;
line-height:45px;
}
#animation-box {
font-size:30px;
line-height:45px;
}
}

@media only screen and (max-width:1000px) {
/*   MAKE LAYOUT RESPONSIVE at 1000px FOR LAPTOP ================================================================ */
h1 {
font-size:3.8vw;
}
h2 {
font-size:2.8vw;
}
h3 {
font-size:2.8vw;
}
h4 {
font-size:2.8vw;
}
h5 {
font-size:2.3vw;
}
h6 {
font-size:2.1vw;
}
#header-logo {
width:215px;
width:30%;
max-width:30%;
top:0px;
left:0px;
}
#header-search {
display:none;
}
#framework-buttons {
height:50px;
line-height:50px;
}
#header-buttons {
width:100%;
font-size:12px;
}
#header-buttons li {
height:50px;
line-height:50px;
}
ul#dropdown .submenu {
width:550%;
font-size:12px;
}
#framework-animation {
margin-top:175px;
}
#animation-box-home {
top:15%;
}
#shadow {
font-size:1.5vw;
}
#shadow strong {
font-size:2.5vw;
}
#footer-box {
padding-left:0px;
}
}

@media only screen and (max-width:768px) {
/*   MAKE LAYOUT RESPONSIVE at 768px FOR IPAD LANDSCAPE ================================================================ */
h1 {
font-size:4.8vw;
}
h2 {
font-size:3.8vw;
}
h3 {
font-size:3.8vw;
}
h4 {
font-size:3.8vw;
}
h5 {
font-size:3.3vw;
}
h6 {
font-size:3.1vw;
}
#framework-note {
height:50px;
}
#note {
font-size:14px;
}
#note p {
line-height:20px;
padding-top:5px;
padding-bottom:5px;
}
#framework-header {
height:50px;
line-height:50px;
}
#header p {
display:none;
}
#header-logo {
width:195px;
max-width:50%;
top:0px;
left:0px;
padding-left:45px;
}
#header-phone {
width:155px;
max-width:50%;
top:0px;
}
#framework-navigation {
top:50px;
}
#header-nav {
width:100%;
max-width:100%;
height:50px;
right:0px;
font-size:11px;
overflow:hidden;
}
#header-nav div#header-nav-home {
width:23%;
max-width:23%;
}
#header-nav div#header-nav-account {
width:29%;
max-width:29%;
}
#header-nav div#header-nav-checkout {
width:22%;
max-width:22%;
}
#header-nav div#header-nav-search {
width:26%;
max-width:26%;
}
#header-nav a {
padding-left:5px;
padding-right:5px;
}
#cart {
top:35px;
right:24%;
}
#framework-buttons {
height:80px;
top:100px;
display:none;
}
#header-buttons li {
width:25%;
height:40px;
line-height:40px;
}
#header-buttons li:nth-child(4) {
margin-right:0px;
}
ul#dropdown .submenu {
width:375%;
}
ul#dropdown .submenu li.category {
min-height:25px;
line-height:25px;
}
ul#dropdown #education .submenu {
left:-100%;
}
ul#dropdown #systems .submenu {
left:-200%;
}
ul#dropdown #products .submenu {
width:375%;
float:left;
left:-300%;
}
ul#dropdown #gallery .submenu {
float:left;
left:-100%;
}
ul#dropdown #blog .submenu {
float:left;
left:-200%;
}
#framework-animation {
margin-top:155px;
}
#animation-buttons {
bottom:2%;
}
#animation-box-home {
top:15%;
font-size:25px;
line-height:35px;
}
#animation-box-home span {
font-size:35px;
line-height:75px;
}
#animation-box {
font-size:25px;
line-height:35px;
}
#content .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-1 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-2 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-3 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
.content-main {
width:100%;
}
.content-menu {
width:100%;
margin-left:0px;
}
.padding2h {
padding-left:5%;
padding-right:5%;
}
.box-navigation-overlay h2 {
font-size:12px;
}
.box-category-title h2 {
font-size:15px;
}
.gallery {
font-size:16px;
}
.gallery div {
margin-bottom:5px;
}
.photo {
font-size:14px;
}
.photo div {
margin-bottom:5px;
}
#quotes {
font-size:25px;
line-height:45px;
}
#quotes .symbol {
font-size:55px;
line-height:25px;
}
#shadow {
font-size:1.8vw;
}
#shadow strong {
font-size:3.2vw;
}
#shadow .footer-icons img {
width:100%;
max-width:35px;
}
#shadow .footer-icons div {
width:35px;
max-width:35px;
}
#basic {
padding-top:250px;
padding-bottom:250px;
}
#footer {
min-height:100px;
}
#footer h2 {
font-size:20px;
}
#copyright {
line-height:25px;
}
.hide-mini {
display:inline;
}
.hide-maxi {
display:inline;
}
.hide-midi {
display:none;
}
.hide-mini-t {
display:table-cell;
}
.hide-maxi-t {
display:table-cell;
}
.hide-midi-t {
display:none;
}
}

@media only screen and (max-width:480px) {
/* MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

/* CONTENT ============================================================================= */
h1 {
font-size:6.8vw;
}
h2 {
font-size:5.8vw;
}
h3 {
font-size:5.8vw;
}
h4 {
font-size:5.8vw;
}
h5 {
font-size:5.3vw;
}
h6 {
font-size:5.1vw;
}
p {
line-height:25px;
}
#framework-note {
height:50px;
}
#note {
font-size:14px;
}
#note p {
line-height:20px;
padding-top:5px;
padding-bottom:5px;
}
#header-logo {
width:150px;
max-width:50%;
}
#header-nav {
font-size:11px;
}
#header-nav div #header-nav-icons {
width:20px;
max-width:20px;
margin:0px;
margin-top:15px;
padding:0px;
border:0px;
}
#framework-buttons {
height:50px;
top:100px;
}
#header-buttons {
width:100%;
height:50px;
}
#header-buttons li {
width:25%;
height:50px;
line-height:50px;
}
#header-buttons li:nth-child(4n+1) {
clear:both;
}
#header-buttons ul#dropdown .submenu a {
text-decoration:none;
}
ul#dropdown .submenu {
width:375%;
}
ul#dropdown #education .submenu {
left:-100%;
}
ul#dropdown #systems .submenu {
left:-200%;
}
ul#dropdown #products .submenu {
width:375%;
float:left;
left:-300%;
}
ul#dropdown #gallery .submenu {
float:left;
left:-100%;
}
ul#dropdown #blog .submenu {
float:left;
left:-200%;
}
ul#dropdown .submenu li {
height:35px;
line-height:35px;
}
ul#dropdown .submenu li.subcategory {
display:none;
}
#framework-animation {
margin-top:100px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
#framework-animation img {
min-height:450px;
}
#animation {
height:auto;
}
#animation h1 {
font-size:25px;
line-height:25px;
padding-left:3%;
padding-right:3%;
}
#animation p {
margin:0px;
padding:0px;
padding-left:3%;
padding-right:3%;
}
#animation-box-home {
top:0px;
}
#animation-box-home span {
font-size:35px;
line-height:75px;
}
#animation-box {
margin-top:15px;
margin-bottom:15px;
}
#form-transparent .form-button {
width:80%;
max-width:80%;
margin-left:10%;
margin-right:10%;
}
#content .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-1 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-1 img {
width:100%;
max-width:100%;
margin-left:0px;
margin-right:0px;
margin-bottom:1%;
}
#content-2 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-2 img {
width:100%;
max-width:100%;
margin-left:0px;
margin-right:0px;
margin-bottom:1%;
}
#content-3 .padding2h {
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
}
#content-3 img {
width:100%;
max-width:100%;
margin-left:0px;
margin-right:0px;
margin-bottom:1%;
}
.content-image img {
width:100%;
max-width:100%;
margin:0px;
margin-bottom:1%;
float:none;
}
div.caption {
width:90%;
max-width:90%;
padding:5%;
}
div.caption.float-left {
margin-right:0px;
}
div.caption.float-right {
margin-left:0px;
}
#quotes {
font-size:20px;
line-height:40px;
}
#quotes .symbol {
font-size:50px;
line-height:20px;
}
#basic {
padding-top:150px;
padding-bottom:150px;
}
#shadow {
font-size:4.5vw;
font-size:4vw;
}
#shadow p {
line-height:35px;
padding:2%;
}
#shadow .footer-icons img {
width:100%;
max-width:25px;
}
#shadow .footer-icons div {
width:25px;
max-width:25px;
margin-right:15px;
}
#footer h2 {
font-size:20px;
}
#footer-logo {
width:100%;
max-width:300px;
position:relative;
display:block;
margin:auto;
top:0px;
}
#footer-icons div {
width:23%;
max-width:23%;
margin-left:5%;
margin-right:5%;
margin-top:10px;
margin-bottom:10px;
}
#copyright {
text-align:center;
line-height:20px;
}
.copyright {
text-align:center;
}
.box-features {
font-size:12px
}
.box-services {
display:none;
}
.box-navigation-overlay h2 {
font-size:15px;
}
.overlay-reviews {
width:93.5%;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
width:90%;
max-width:90%;
}
textarea {
width:90%;
}
.hide-maxi {
display:inline;
}
.hide-midi {
display:inline;
}
.hide-mini {
display:none;
}
.hide-maxi-t {
display:table-cell;
}
.hide-midi-t {
display:table-cell;
}
.hide-mini-t {
display:none;
}
}

/* MEDIA CHECK FOR MOBILE OR DESKTOP ============================================ */

@media (pointer:coarse) {
.web-link {
display:none;
}
.mobile-link {
display:inline;
}
}

@media (pointer:fine) {
.web-link {
display:inline;
}
.mobile-link {
display:none;
}
}

@media (hover) {
.web-link {
display:inline;
}
.mobile-link {
display:none;
}
}

@media  (hover:none) {
.web-link {
display:none;
}
.mobile-link {
display:inline;
}
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.web-link {
display:inline;
}
.mobile-link {
display:none;
}
}