/*
Green: #016855
*/

/*---------------------------------
IMPORTS
-----------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);*/

/*---------------------------------
OVERRIDES
-----------------------------------*/
#content { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
@keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-moz-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-webkit-keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-ms-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-o-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
/*---------------------------------
LAYOUT
-----------------------------------*/
html, body { width: 100%; height: 100%; background: #fff; position: relative; display: table; }
body { margin: 0; padding: 0 0 0 0; color: #000; font: normal 16px/140% 'Myriad Pro', arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */ }
header {clear:both; }
footer { position: absolute; width: 100%; left: 0; bottom: 0; min-height: 4em; padding: 1em; background: #000; }
footer * { color: #fff; text-decoration: none; }
#logo { margin: .5em 0; }
#middle {margin-bottom: 7em;  }

#mainContent {  background: #fff;display: table; width:100%;}
#content { background: #fff; padding: .5em 2em 2em;min-height: 32em;  }
article#mainArticle { padding: 0 5%; }
#sidenav { position: relative;}
#leftcolumn[class*="col_"], #content[class*="col_"] {margin: 0;  }
/*#content[class*="col_10"] { width:85%;   }
#content[class*="col_12"] { width:100%;   }*/
#sidenav ul li a {  padding: 1em .5em; background: #fff; margin: 0 0 1px 0; color: #fff;  }


/*---------------------------------
HEADINGS
-----------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Arial Black", arial, verdana, sans-serif; font-weight: normal; line-height: 140%; }
h1 { font-size: 2.6em; margin: 0px 0 10px 0; }
h1.slogan {  font-weight: 800; color: #016855; font-variant: small-caps;}
h2 { font-size: 2.0em; margin: 10px 0 10px 0; }
h3 { font-size: 1.8em; margin: 10px 0 10px 0; line-height: 130%; }
h4 { font-size: 1.45em; margin: 10px 0 10px 0; }
h5 { font-size: 1.2em; margin: 10px 0 10px 0; }
h6 { font-size: 1.1em; margin: 10px 0 5px 0; }
/* NAV BAR*/
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
/**/
.callout { background: #4598ef;/*#86dc00;*/ padding: 1.5em; color: #fff;   text-align: center; display: block; font-size: 140%}
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.green { background: #016855;/*#86dc00;*/ }
.callout.red { color: #D81401;background: transparent;  margin: 0 0 1em; }

.bgred p {	background: #D81401;	color: #fff;	padding-top: 15px;	padding-bottom: 10px;	width: 70%;margin-left: 15%; 	float: none;/*margin:0 0 auto;*/}
.smallText {	font-size: 100%;	text-align: left;}
.homeBottom {top:-1.0em;}

/* Header */
#rivcoLogo {font-family: "Arial Black", Gadget, sans-serif;/*font-family: "Arial Black", arial, verdana, sans-serif; */font-size: 2.8em; font-weight: 800; color: #016855; font-variant: small-caps; border-bottom: 12px solid #016855; padding: .5em 0 .25em; }
#mastTag { font-weight: bold; padding: .15em 0 }
#head_nav { background: #016855;}

/* MISC OBJ */
.sidebrands {margin:0 0 1em 2em; font-size: .9em;}
.homeWindows { margin-top: 2em; }
.homeWindows img { margin: 2em auto;}
.dealerBlock{}
.dealerBlock img {margin-top: 0em;}
.dealerBlock:nth-child(2n+0) {clear: left;}
.question {border-left: 1px solid #999;border-bottom: 1px solid #999; padding: 0 0 0 6px; }
.answer { margin: 0 0 2em 2em; }
.largeText {font-size: 140%}
img.diagram { max-width: 80%; }
.box { padding: 16px;   border: 4px solid #999; min-height: 10em; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.9) }
.scrollTo { cursor: pointer; opacity: .5; }
.scrollTo:hover { opacity: 1; }
.clickme { position: fixed; z-index: 20; bottom: 260px; right: 10px; display: none; opacity: .5; }
.clickme:hover { opacity: 1 }
#arrowup { width: 32px; }
/* transition  */
.scrollTo, .clickme { transition: all 0.5s ease; }


/* other  */

a.button.black, input[type=submit].black { color: #fff; text-decoration: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset, 0 0px 1px rgba(0,0,0,0.7); background: rgba(0,0,0,1); /* #191919 */ border: 1px solid #141414; padding: 10px 25px; }
a.button.black:active, a.button.black:focus { box-shadow: 0 0 0 transparent inset; }

div.multiColumn { padding: 1em 0 0 0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
div.multiColumn3 { padding: 1em 0 0 0; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.multiColumn li,.multiColumn3 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

legend { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; background: #f5f5f5; padding: 2px 10px; margin: 0 0 0 0; display: inline-block; position: relative; top: 0; left: 0; }
@media all and (min-width: 1024px) and (max-width: 1280px) {

}
@media all and (min-width: 768px) and (max-width: 1023px) {
}

@media all and (max-width: 768px) {
.homeWindows {display:none!important;}
header *, h1,h2,h3,h4,h5,h6, footer, .menu li a { text-align:center}
}
@media all and (max-width: 480px) {
.homeWindows {display:none!important;}
header *, h1,h2,h3,h4,h5,h6, footer, .menu li a { text-align:center}
#content {  padding: .5em 0em 2em;}
#rivcoLogo {line-height: 1em;}
.sidebrands { text-align:center;}
}
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),


@media (-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),   
(-o-min-device-pixel-ratio: 13/10),   
(min-device-pixel-ratio: 1.3),    
(min-resolution: 2dppx),         
(min-resolution: 120dpi)         
{

}