/*General Settings*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto');
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.img-responsive{
 width:100%;
 max-width:100%;
}
td{
    vertical-align:middle !important;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    width:100%;
    text-align:center;
    background:#333;
    color:#444;
    font-family:'Open Sans', sans-serif;
    z-index:0;
}
*{
    text-decoration:none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

p{
    font-size:14px;
}
h1{
    font-size:60px;
    margin-top:50px;

}
h2{
    font-size:40px;
    
}
h3{
    font-size:25px;
    color:#888;
    line-height:10px;
    margin:0;
    padding:0;
    margin-bottom:25px;
}

h1, h2, h3, h4, h5, h6{
    font-family:"Roboto", Arial, sans-serif;
    font-weight:bold;
}
td{
    text-align:left !important;
}
section{
    min-height:100vh;
    width:100%;
    margin:auto;
    padding:20px;
    margin-top:0;
    padding-bottom:70px;
}
#section1{
    background:#444;
    background-image:url('../images/header.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    padding:0;
}
#section2{
    background:#fff;
    margin-top:0;
    box-sizing:border-box;
}
.bordertop{
    border-top: 20px solid #ddd;
}
#section3{
    background:#444;
    margin-top:0;

}
#section4{
    background:#222;
    margin-top:0;
}
#section5{
    background:#111;
    margin-top:0;
    height:auto;
    min-height:1px;
    color:#eee;
    padding-top: 40px;
    padding-bottom:30px;
    border-top: 20px solid #333;
}
#sectiontop{
    height:100px;
    min-height:100px;
    margin:0;
    background:#fff;
    display:none;
}
#sectiontop h3{
    margin-top:20px;
    text-decoration:none;
    font-size:20px;
    color:#555;
    font-weight:600;
}
#sectionsubpage{
    height:250px;
    min-height:250px;
    background-image:url('../images/headersub.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    padding:0;
    border-bottom:15px solid #eee;
}
#subpageheader{
    height:200px;
    width:100%;
    text-align:center;
    font-size:80px;
    color:#ccc;
    overflow:hidden;
}

.sep{
    font-size:50px;
    font-weight:800;
    line-height:0;
    margin-bottom:50px;
    color:#bbb;
}
.seps{
    font-size:20px;
    font-weight:800;
    line-height:0;
    color:#bbb;
    margin-bottom:20px;
}
.sepd{
    font-size:50px;
    font-weight:800;
    line-height:0;
    margin-bottom:50px;
    color:#666;
}
/*
.divider{
    min-height:2px;
    height:2px;
    background:#aaa;
    width:100%;
    margin:auto;
    margin-bottom:25px;
}
.divider6{
    min-height:2px;
    height:2px;
    background:#aaa;
    width:80%;
    margin:auto;
    margin-bottom:25px;
}
.divider2{
    min-height:4px;
    height:4px;
    background:#aaa;
    width:100%;
    margin:auto;
    margin-bottom:25px;
}
.divider3{
    min-height:2px;
    height:2px;
    background:rgba(255, 255, 255, .3);
    width:30%;
    margin:auto;
    margin-bottom:25px;
    margin-top:25px;
}
.divider4{
    min-height:2px;
    height:2px;
    background:rgba(255, 255, 255, .3);
    width:50%;
    margin:auto;
    margin-bottom:25px;
    margin-top:25px;
}
.divider5{
    min-height:2px;
    height:2px;
    background:rgba(255, 255, 255, .3);
    width:50%;
    margin-bottom:25px;
    margin-top:25px;
}
    */
#vam{
    display:inline-flex;
    height:100vh;
    width:100%;
    min-width:100%;
    background:rgba(0, 0, 0, 0.5);
}
#inner{
    margin:auto;
    width:80%;
    height:100%;
    padding:50px;
    margin-top:20px;
}
#hLarge{
    font-size:200px;
    color:#fff;
    font-weight:bolder;
    font-family:sans-serif;
    padding:0;
    margin:0;
    text-shadow: 3px 3px 3px #000;
    letter-spacing:-11px;
}
#hSub{
    font-size:150px;
    color:#fff;
    font-weight:bolder;
    font-family:sans-serif;
    padding:0;
    margin-top:40px;
    padding-top:20px;
    text-shadow: 3px 3px 3px #000;
    letter-spacing:-11px;
}
#hSub2{
    font-size:20px;
    color:#ddd;
    font-weight:bolder;
    font-family:sans-serif;
    padding:0;
    text-shadow: 3px 3px 3px #000;
    letter-spacing:0;
    margin-top:-25px;
    text-transform:uppercase;
    display:none;
}
#hMid{
    font-size:30px;
    color:#eee;
    font-weight:bold;
    line-height:15px;
    padding:0;
    text-shadow: 2px 2px 0px #000;
}
.headtext{
    color:#ccc;
    font-size:22px;
    margin:0;
    font-weight:300;
    text-transform:uppercase;
    text-shadow: 2px 2px 2px #000;
}
.headtext2{
    color:#fff;
    font-size:16px;
    margin:0;
    font-weight:300;
    text-transform:uppercase;
    text-shadow: 2px 2px 2px #000;
}
.headtextbig{
    color:#fff;
    font-size:120px;
    font-weight:bolder;
    letter-spacing:-8px;
    text-shadow:2px 2px #000;
    line-height:100px;
    margin-top:40px;
}
.topquicklinks{
    padding:20px;
    margin-top:50px;
}
.topquicklinks a, .topquicklinks a:active, .topquicklinks a:visited{
    padding:20px;
    margin-left:20px;
    width:200px;
    height:60px;
    display:inline-block;
    color:#ddd;
    border:2px solid #ddd;
    background: linear-gradient(
        rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 50%, rgba(51, 138, 204, .7) 50%, rgba(51, 138, 204, .7) 
    );
    background-size: 100% 202%;
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    background:transparent;
    box-sizing:border-box;
}
.topquicklinks a:hover{
    background:rgba(51, 138, 204, .7);
    background-position: 100% 100%;
    animation: up-bump 0.4s ease;
    text-decoration:none;
    color:#fff;
}
.topquicklinksmain, .topquicklinksmain:active, .topquicklinksmain:visited{
    transition: all 0.3s ease;
    height:20px;
    padding:10px;
    padding-top:0;
    margin-left:10px;
    margin-right:10px;
    display:inline-block;
    color:#ddd !important;
}
.topquicklinksmain:hover{
    text-decoration:none;
    animation: up-bump 0.5s ease;
    color:rgba(51, 138, 204, 1) !important;
}
.quicknav{
    width:100%;
    height:50px;
    text-align:left;
    padding-left:10px;
}
.quicknavinactive{
    text-align:center;
    padding:10px 20px;
   
    display:inline-block;
    background:#fff;
    box-shadow: 0 0 5px #ccc;
    background: linear-gradient(
        #fff, #fff 50%, rgba(51, 138, 204, 1) 50%, rgba(51, 138, 204, 1) 
    );
    margin-top:10px;
    margin-right:5px;
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    background-size: 100% 200%;
    text-decoration:none;
    color:#333;
    box-sizing:border-box;
    border-top:#fff solid 5px;
    font-family:"Roboto", Arial, sans-serif;
    font-size:14px;
}
.quicknavinactive:hover{
    background-position: 100% 100%;
    animation: up-bump 0.4s ease;
    color:#fff;
    text-decoration:none;
}
.quicknavactive, .quicknavactive:hover, .quicknavactive:active, .quicknavactive:visited{
    background:rgba(51, 138, 204, .8);
    color:#fff;
    text-align:center;
    padding:10px 20px;
    padding-top:15px;
    margin-right:5px;
    display:inline-block;
    text-decoration:none;
    box-sizing:border-box;
    border-top:#fff solid 5px;
    font-family:"Roboto", Arial, sans-serif;
    font-size:14px;
}
.quicknavinactive2{
    text-align:center;
    padding:10px 20px;
    background:#fff;
    box-shadow: 0 0 5px #ccc;
    background: linear-gradient(
        #fff, #fff 50%, rgba(51, 138, 204, 1) 50%, rgba(51, 138, 204, 1) 
    );
    margin-top:10px;
    margin-right:5px;
    display:inline-block;
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    background-size: 100% 200%;
    text-decoration:none;
    color:#333;
    box-sizing:border-box;
    border-top:#fff solid 5px;
    font-family:"Roboto", Arial, sans-serif;
    font-size:14px;
}
.quicknavinactive2:hover{
    background-position: 100% 100%;
    animation: up-bump 0.4s ease;
    color:#fff;
    text-decoration:none;
}
.quicknavactive2, .quicknavactive2:hover, .quicknavactive2:active, .quicknavactive2:visited{
    background:rgba(51, 138, 204, .8);
    color:#fff;
    text-align:center;
    padding:10px 20px;
    margin-right:5px;
    display:inline-block;
    text-decoration:none;
    font-weight:bold;
    box-sizing:border-box;
    padding-top:15px;
    font-family:"Roboto", Arial, sans-serif;
    font-size:14px;
}
.icons{
    width:100px;
    height:auto;
    opacity:.8;
    filter: alpha(opacity=80);
    font-size:100px;
}
.icons2{
    width:100px;
    height:auto;
    opacity:.6;
    color:#666;
    filter: alpha(opacity=60);
    font-size:100px;
}
.icons:hover, .icons2:hover{
    opacity:1;
    filter: alpha(opacity=100);
    color:rgba(51, 138, 204, 1);
}
.filtersimg{
    max-height:100%;
    max-width:100%; 
    margin:auto;
}
.filtersimgcont{
    max-width:150px;
    height:auto;
    margin:auto;
}

.widthcont{
    width:250px;
}
.widthcont2{
    width:250px;
    margin:auto;
}
.centering{
    text-align:center;
}
.lefting{
    text-align:left;
}
righting{
    text-align:right;
}
.thirtypt{
    font-size:25px;
}
.twentypt{
    font-size:16px;
}
.thstyle{
    background:#ddd;
}
.margining{
    margin:auto;
}

.jvppump{
    height:400px;
    width:auto;
}
.extrapad{
    padding-top:5px;
    padding-bottom:20px;
}
.borderleft{
    border-left:2px solid #ddd;
}
.white{
    color:#fff;
}
.grey{
    color:#ddd;
}
.darkgrey{
    color:#444;
    padding:0;
    margin:10px;
}

.ht250{
    height:250px;
}
.selectionpanel{
    width:100%;
    height:60px;
    font-size:14px;
    background: linear-gradient(
        #ddd, #ddd 50%, rgba(51, 138, 204, 1) 50%, rgba(51, 138, 204, 1) 
    );
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    background-size: 100% 202%;
    color:#333;
    margin:auto;
    padding:12px;
    margin-bottom:5px;
    text-align:left;
    padding-left:10px;
    box-sizing:border-box;
    border-left:10px solid rgba(51, 138, 204, 1);
}

.selectionpanel:hover, .selectionpanel:visited, .selectionpanel:active{
    background-position: 100% 100%;
    animation: up-bump 0.4s ease;
    color:#fff;
    border-left:10px solid rgba(199, 0, 0, 1);
    text-decoration:none;
}

.selectionpanel2 {
    width: 40%;
    margin: auto;
    height: 70px;
    padding-top: 20px;
    font-size: 26px;
    background: linear-gradient(
        #eee, #eee 50%, rgba(51, 138, 204, 1) 50%, rgba(51, 138, 204, 1) 
    );
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    background-size: 100% 202%;
    border:2px solid #ccc;
}
.selectionpanel2:hover, .selectionpanel2:visited, .selectionpanel2:active{
    background-position: 100% 100%;
    animation: up-bump 0.4s ease;
    color:#fff;
    text-decoration:none;
}
.textdec, .textdec:visited, .textdec:active, .textdec:hover{
    text-decoration:none;
}
tr.active > th, th.active{
    background-color:#666 !important;
    border:0 !important;
    color:#fff;
}
/*Nav*/
/*.fixed {
	position: fixed; 
	top: 0; 
	height: 59px; 
	z-index: 1;
}
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 59px;
	background: #fff;
    z-index:2;
}
.nav{
    position: fixed; 
	top: 0; 
	height: 59px; 
	z-index: 1;
    background: #fff;
}*/
/*Menu Classes*/
        .navbar{
            margin-bottom:0 !important;
            height:60px;
        }
        .navbar-inverse{
            background:rgba(50, 50, 50, 0.9);
        }
        .dropdown-menu .divider{
            margin:0 !important;
            color:#444;
            background:#444;
        }
        .dropdown-menu .dividerlast{
            background:rgba(51, 138, 204, 1);
            height:5px;
            margin:0 !important;
        }
        .dropdown-menu>li>a{
            padding:15px 50px 15px 30px;
            color:#fff;
            font-size:12px;
            font-family:Open Sans;
            text-transform: uppercase;
            font-weight: bold;
            transition: all 0.2s ease;
            animation: down-bump 0.2s ease;
        }
        .dropdown-menu>li>a:hover{
            color:rgba(71, 178, 234, 1);
            background:#fff;

        }
        .navbar .navbar-nav {
          display: inline-block;
          float: none;
          vertical-align: top;
          margin-left:-70px;
        }

        .navbar .navbar-collapse {
          text-align: center;
        }
        .navbar-default .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a {
            margin-top:7px;
            color: #eee;
            font-weight:bold;
            text-transform: uppercase;
            font-size:13px;
            font-family:Open Sans;
            margin-right:20px;
            transition: all 0.4s ease;
            animation: down-bump 0.4s ease;
        }
        .navbar-default .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:hover{
            color:rgba(51, 138, 204, 1) !important;
        }
        .navbar-default .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a{
            color:rgba(51, 138, 204, 1) !important;
        }
        .dropdown-menu{
            background:#252529;
            color:#fff;
            padding:0;
        }
        .dropdown .dropdown-menu {
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;

            max-height: 0;
            display: block;
            overflow: hidden;
            opacity: 0;
        }

        .dropdown.open .dropdown-menu {
            max-height: 300px;
            opacity: 1;
            width:300px;
        }
        .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
            background:initial;
            color:rgba(51, 138, 204, 1);
        }
        /*Menu Classes*/
#topspace{
    z-index:1;
    
    min-height:40px;
    width:100%;
    margin:0;
    padding:0;
    text-align:right;
    font-weight:bold;
    padding-top:15px;
    padding-right:20px;
    font-size:10px;
    top:0;
    position:absolute;
}
#topright{
	position:absolute;
	height:40px;
	width: 100px;
	z-index: 2;
	top:0;
	left:0;
	padding-top:3px;
}
#topright a{
    color:#eee;;
    font-weight:700;
    font-size:22px;
    text-decoration:none;
    letter-spacing:-1px;
}
#topright a:hover{
    color:rgba(51, 138, 204, 1);
    font-weight:700;
    font-size:22px;
    text-decoration:none;
    letter-spacing:-1px;
}
.disable{
    display:none;
}
.dispinitial{
    display:unset;
}
.bolded, .bold{
    font-weight:bold;
}
.brandmargin{
            margin-top:7px;
        }
.centered{
    text-align:center;
}
.smallft{
    font-size:30px;
}
.index1{
    z-index:-1;
}
.padtop{
    padding-top:40px;
}
.table-responsive, .table-bordered {
    margin: 0;
    padding: 0;
}
.activeBlue{
    background: #666;
    color:#fff;
    border:0 !important;
}
.activeBlue2{
    background: #555;
    color:#fff;
    border:0 !important;
}
.border0{
    border:0 !important;
}
.Jblue{
            color:rgba(71, 178, 234, 1) !important;
        }
        .Jblue:hover{
            color:#fff !important;
        }

/*Tabs*/
.content p{
    padding-left:10px;
}
.main {
    margin: 0 auto; 
    width:90%;
    max-width:1300px;
    border:1px solid #ccc;
    box-shadow: 0 0 20px #ccc;
}
.content {
    background: #fff; 
    text-align:left;
    margin:0;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    overflow:hidden;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
.padded{
    padding:20px;
}
/*Parts Table*/
.tableP a i{
    color:transparent;
}
.tableP a:hover i{
    color:rgba(51, 138, 204, 1);
}
.tableP a{
    color:rgba(51, 138, 204, 1);
}
.tableP a:hover{
    text-decoration:none;
    color:#333; 
}
.subtext{
    font-family: "Roboto", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#777;
    margin-top:8px;
}
/*Parts Table*/
.footlist{
            list-style-type:none;
            text-align:left;
            color:#bbb;
            font-size:12px;
        }
        .footlist  a{
            color:rgba(51, 138, 204, 1);
        }
        .footlist  a:hover{
            color:#fff;
            text-decoration:none;
        }
        .footspace{
            padding-top:5px;
        }

        .footspace > a > i{
            color:transparent;
        }
        .footspace > a:hover > i{
            color:rgba(51, 138, 204, 1);
        }

         .copyright{
            font-size:12px; 
            color:#666; 
            margin-top:50px; 
            margin-bottom:0
        }
         #footerchevron{
            color:rgba(255,255,255,.3); font-size:50px; position:absolute; bottom:15px;right:10%; left:90%;
            transition: all 0.4s ease;
            animation: down-bump 0.4s ease;
        }
        #footerchevron:hover{
            color:rgba(51, 138, 204, 1);
        }
.tableP
{
    table-layout: fixed;
    width: 100%;
}

/*Menu*/
@import url(https://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  box-shadow: 5px 5px 5px #000;
  z-index:2;
  font-family: sans-serif;
  font-weight: bold;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #eee;
  border-bottom: 3px solid #666666;
  border-top: 3px solid #666;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 250px;
  width: 250px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  border-top: 4px solid #666;
  text-transform: none;
  min-width: 250px;
}
#cssmenu ul ul a {
  background: rgba(51, 138, 204, .9);
  color: #fff;
  border: 1px solid #4d4d4d;
  border-top: 0 none;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 13px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #4d4d4d;
}
#cssmenu ul ul li:hover > a {
  background: #eee;
  color: #666;
  font-weight:bold;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #000;
  -webkit-box-shadow: 0 1px 0 #000;
  box-shadow: 0 1px 0 #000;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: rgba(51, 138, 204, 1);
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #eee;
  color: #666666;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 14px;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  left: auto;
  right: 0;
  text-align: right;
}
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 250px;
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  left: 15px;
  right: auto;
}

#cssmenu ul li ul {
  border-bottom: 5px solid #333;

}
/*Map*/
#jvppump {
    height: 400px;
    width: 100%;
    overflow:hidden;
    }
#jvppump2 {
    height: 400px;
    width: 100%;
    overflow:hidden;
    margin:auto;
    }

    .gm-style-iw * {
    display: block;
    width: 100%;
    }

    .gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
    }

    .gm-style-iw a {
    color: #4272db;
    }

/*Form CSS*/
.field {
  margin: 1em 0;
}

label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #666666;
  font-size:14px;
  
}

input {
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  background:#eee;
  color:#333;
}

textarea {
  width: 100%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  background:#eee;
  color:#333;
}

button {
  border-radius: 3px;
  border: none;
  font-size: 30px;
  padding: 0.5rem 0.8em;
  border-bottom: 1px solid #498b50;
  color: #eeeeee;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 20%;
  height:50px;
  text-align: center;
  background-color:rgb(0,76,112);
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
}

@media (max-width: 1000px) {
    p{
        padding:0;
        margin: 0;
        font-size:10px;
    }
    h1{
        font-size:14px;
    }
    h2{
        font-size:12px;
    }
    h3{
        font-size:12px;
    }
    .main{
        width:100%;
    }
    .content{
        padding:5px;
    }
    .topquicklinks{
    padding:5px;
    margin-top:10px;
}
.topquicklinks a{
    padding:5px;
    margin-left:5px;
    width:120px;
    height:30px;
    display:inline-block;
    color:#ddd;
    border:2px solid #ddd;
    background: linear-gradient(
        rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 50%, rgba(51, 138, 204, .7) 50%, rgba(51, 138, 204, .7) 
    );
    background-size: 100% 202%;
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    box-sizing:border-box;
    font-size:12px;
}
#inner{
    margin:auto;
    width:100%;
    height:100%;
    padding:10px;
    margin-top:20px;
}
#hLarge{
    font-size:60px;
    
}
.headtext{
    font-size:14px;
}
.headtext2{
    font-size:14px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 6px;
}
#cssmenu {
  background: #eee;
  border-bottom: 3px solid #666666;
  border-top: 3px solid #666;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 6px;
}
#cssmenu ul ul a {
  background: rgba(51, 138, 204, .9);
  color: #fff;
  border: 1px solid #4d4d4d;
  border-top: 0 none;
  line-height: 150%;
  padding: 5px;
  font-size: 8px;
}
#cssmenu ul ul {
  border-top: 4px solid #666;
  text-transform: none;
  min-width: 100px;
}
#cssmenu a {
  background: #eee;
  color: #666666;
  padding: 0 5px;
}

.quicknav{
    width:100%;
    height:50px;
    text-align:left;
    padding-left:5px;
    font-size:5px;
}
.quicknavinactive{
    text-align:center;
    height:20px;
    width:60px;
    padding:3px;
}

.quicknavactive, .quicknavactive:hover, .quicknavactive:active, .quicknavactive:visited{
    height:20px;
    width:60px;
    padding:3px;
}
.quicknavinactive2{
    text-align:center;
    height:20px;
    width:60px;
    padding:3px;
}

.quicknavactive2, .quicknavactive2:hover, .quicknavactive2:active, .quicknavactive2:visited{
    height:20px;
    width:60px;
    padding:3px;
}
.table{
    font-size: 6px;
}
.table big{
    font-size:7px;
}
.twentypt{
    font-size:8px;
}
.footlist{
    list-style-type:none;
    text-align:left;
    color:#bbb;
    font-size:6px;
}
.footlist2{
    list-style-type:none;
    text-align:left;
    color:#333;
    font-size:6px;
}
#section5 .col-xs-3{
    width:5px;
    padding:0;
    margin:0;
}
#section5 .col-xs-2{
    min-width:100px;
    margin:auto;
    padding:3px;
}
.selectionpanel{
    width:80%;
    height:50px;
    font-size:10px;
    padding-left:4px;
}
.selectionpanel2 {
    width: 40%;
    margin: auto;
    height: 70px;
    padding-top: 20px;
    font-size: 10px;
}
.smallft{
    font-size:12px;
}
.icons{
    width:30px;
    height:auto;
    opacity:.8;
    filter: alpha(opacity=80);
    font-size:30px;
}
.icons2{
    width:30px;
    height:auto;
    opacity:.6;
    color:#666;
    filter: alpha(opacity=60);
    font-size:30px;
}
#section3 ul{
    font-size:10px;
    padding:3px;
    margin:0;
}
.extrapad{
    padding-top:5px;
    padding-bottom:5px;
}
.field {
  margin: 1em 0;
}

label {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size:10px;
  
}

input {
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 10px;
}

textarea {
  width: 100%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 10px;
}
button {
  border-radius: 3px;
  border: none;
  font-size: 10px;
  padding: 0.5rem 0.8em;
  border-bottom: 1px solid #498b50;
  color: #eeeeee;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100px;
  height:30px;
}
}
@media (max-width: 1280px) {
    #hLarge{
    font-size:130px;
}
.headtext{
    font-size:13px;
}
.headtext2{
    font-size:13px;
}
#inner{
    margin:auto;
    width:80%;
    height:100%;
    padding:30px;
    margin-top:20px;
}
.topquicklinks{
    padding:20px;
    margin-top:20px;
}
.topquicklinks a{
    padding:10px;
    margin-left:10px;
    width:150px;
    height:40px;
    font-size:14px;
}
}
@media (max-width:640px){
    #hLarge{
         font-size:50px;
         letter-spacing:-5px;
}   
    .headtext{
        font-size:10px;
    }
    .headtext2{
        font-size:12px;
    }
    .topquicklinks{
    padding:5px;
    margin-top:10px;
    }
    .topquicklinks a{
        padding:5px;
        margin-left:5px;
        margin-top:5px;
        width:100px;
        height:30px;
        font-size:10px;
    }
}

/*Modal*/
@media (min-width: 768px) {
  .modal-xl {
   width: 60vw;
   max-width:1100px;
   margin:auto;
  }
  .modal-header{
      padding:0;
  }
  .modal-footer{
      padding:10px;
  }
  .modal-dialog{text-align:center;}
  .modal-content{display:inline-block;}
  object  {
    width:auto;
    max-width: 100%;
    max-height: 70vh;
    width: auto\9; /* ie8 */
  }
  
  .modal-body{
    text-align: center;
    height: auto;
  }
}
nav.homenav{
            display:none;
        }
a#backtotop{
    display:none;
}

#goingtop, #goingtop:active, #goingtop:visited{
    color:#fff !important;
}
#goingtop:hover{
    color:#ddd !important; 
    text-decoration:none;
}
#goingtop2, #goingtop2:active, #goingtop2:visited{
    color:#fff !important;

}
#goingtop2:hover{
    color:#ddd !important; 
    text-decoration:none;
}
#goingtop3, #goingtop3:active, #goingtop3:visited{
    color:#fff !important;
}
#goingtop3:hover{
    color:#ddd !important; 
    text-decoration:none;
}
#goingtop4, #goingtop4:active, #goingtop4:visited{
    color:#fff !important;
}
#goingtop4:hover{
    color:#ddd !important; 
    text-decoration:none;
}
#goingtop5, #goingtop5:active, #goingtop5:visited{
    color:#fff !important;
}
#goingtop5:hover{
    color:#ddd !important;
    text-decoration:none; 
}
#goingtop6, #goingtop6:active, #goingtop6:visited{
    color:#fff !important;
}
#goingtop6:hover{
    color:#ddd !important; 
    text-decoration:none;
}