@import 'https://fonts.googleapis.com/css?family=Roboto:300,400';

#video_background {position: fixed; right: 0; bottom: 0px;min-width: 110%; min-height: 110%;width: auto; height: auto; z-index: -1000; }
.video_background {position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; }

.transparent { background-color: rgba(0,0,0,0.85);}
.categories {list-style-type:none;font-family: 'Roboto', sans-serif;} 
.categories li {list-style-type:none;font-family: 'Roboto', sans-serif;}
li {list-style-type:none;font-family: 'Roboto', sans-serif;}    

/*TopBar*/
.contain-to-grid  {background-color:  rgba(255, 255, 255,  1);min-height:70px;padding-top:5px;box-shadow: 4px 4px 10px rgba(0, 0, 0,  .25)}
.top-bar .name {padding-top:7px}
.top-bar, .top-bar-section ul li {background-color:transparent;}
.top-bar-section ul li {background-color:transparent;}
.top-bar-section .right {padding-top:7px;}
.top-bar-section li:not(.has-form) a:not(.button) {background-color:transparent;}
.top-bar-section li.active:not(.has-form) a:not(.button) {background: #ffffff;color:#dd0000;}
.top-bar-section ul li > a {font-family: 'Roboto', sans-serif; font-size:1.15em; font-weight:300 !important}
.top-bar-section .has-dropdown > a:after {rgba(145, 55, 55, 0.4) transparent transparent transparent !important}
.top-bar .toggle-topbar.menu-icon a {color:#dd0000;font-size:1em;}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {color:#dd0000}
.top-bar .toggle-topbar.menu-icon a span::after {	box-shadow: 0 0px 0 1px #777777, 0 7px 0 1px #777777, 0 14px 0 1px #777777;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background-color: #777777 !important;background: #777777 !important; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background-color:#dd0000;color:#ffffff;font-size:1em;font-weight:300;border:0px;border-top:.5px;border-style:solid;border-color:#ffffff}
.top-bar-section ul li > a { color:#555555 }

h2, h3, h4, h5, h6, p, li {font-family: 'Open Sans', sans-serif;font-weight:300;line-height:1.65em}

.sidemenu {font-size:.85em;line-height:.75em}
a {color: #777777;font-family: 'Open Sans', sans-serif;text-decoration: none;}
a:hover {color: #dd0000}


/*Buttons*/
button.main-btn, .button.main-btn {
background-color: #dd0000;border:1px;border-style:solid;border-color:#ffffff;margin-top:10px;margin-bottom:0px;font-family: 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;font-weight:400;;font-size:1.35em;
}
button.main-btn:hover, button.main-btn:focus, .button.main-btn:hover, .button.main-btn:focus {
  background-color: rgba(255,255,255,.85);border:1px;border-style:solid;border-color:#ffffff;margin-top:10px;margin-bottom:0px;font-family: 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;font-weight:400;;font-size:1.25em; }
button.main-btn:hover, button.main-btn:focus, .button.main-btn:hover, .button.main-btn:focus {
	color:#dd0000; }

.section-h1 {font-family: 'Roboto', sans-serif;font-weight:300;padding:10px;color:#ffffff;font-size:3em;line-height:1em;margin-top:25px;padding:0px;padding-bottom:10px;text-align:center}
.section-p {text-align:center;color:#ffffff;font-family: 'Open Sans', sans-serif;font-weight:300;-webkit-font-smoothing: antialiased;font-size:1.8em;padding-bottom:20px}

.section1 {min-height:600px;padding: 0px 0px 70px 0px;background-image: url('../img/section2.jpg');background-repeat:no-repeat;background-size: cover;background-position: top right;background-attachment:fixed}
.section1-extra {padding-top:100px}
.p-extra {background: rgba(0,0,0,.5);padding-bottom:0px !important;padding:  15px 25px 20px 25px !important;line-height:1.35em;text-align:left;margin-bottom:10px !important}
.h1-extra {text-align:left;color:#000000;padding-bottom:10px}


.section2 {min-height:800px;padding: 0px 0px 70px 0px;background-image: url('../img/section1.jpg');background-repeat:no-repeat;background-size: cover;background-position: top center;background-attachment:fixed}
.section3 {min-height:650px;padding: 0px 0px 70px 0px;background-image: url('../img/section3.jpg');background-repeat:no-repeat;background-size: cover;background-position: bottom center;background-attachment:fixed}


.blk-grd {
padding-top:135px;padding-left:0px;padding-right:0px;padding-bottom:50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+84,000000+84&0.55+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.09) 84%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.09) 84%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.09) 84%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.footer {background-color:#111111;padding: 100px 10px;}
.footer .address {font-family: 'Roboto', sans-serif;font-weight:400;color:#cb660f;font-size:2.5em;letter-spacing:1px}
.footer .copyright {font-family: 'Roboto', sans-serif;font-weight:300;;color:#444444;font-size:.75em;letter-spacing:1px}

a.footer-link {color: #777777;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:1em;line-height:2em;text-decoration: none;-webkit-font-smoothing: antialiased; }
a.footer-link:hover, a.footer-link:focus {color: #ffb500}
a.footer-link-active {color: #cb660f;font-family: 'Roboto', sans-serif;font-weight:300;}
a.footer-link-active:hover, a.footer-link-active:focus{color: #ffb500}



@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */


.section-h1 {font-size:2.5em;line-height:1em;margin-top:25px;padding:0px;padding-bottom:10px;text-align:center}
.section-p {font-size:1.5em}



.section1 {min-height:450px;padding: 0px 0px 0px 0px;background-position: bottom center}
.section1-extra {padding-top:20px}
.p-extra {padding:  15px 15px 20px 15px !important;line-height:1.35em;text-align:center;margin-bottom:10px !important}
.h1-extra {text-align:center}


.blk-grd {
padding-top:50px;padding-left:0px;padding-right:0px;padding-bottom:50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+84,000000+84&0.55+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.09) 84%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.09) 84%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.09) 84%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.footer {background-color:#111111;padding: 50px 10px; 20px 10px;}
a.footer-link {font-size:1em;line-height:1.35em !important}


}