/* --------------------------------------------------------------------------
                       These overwrite bootstrap defaults
   -------------------------------------------------------------------------- */
html { /* For footer */
  position: relative;
  min-height: 100%;
}
body { 
  /* Margin top by navbar height */
  padding-top: 100px;
}
body > .container {
  padding: 0px 15px 50px;
}

/* line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height */
.navbar {
  margin-bottom: 0px;
}
.navbar-brand {
  height: 100px;
  padding: 10px;
}
.navbar-toggle {
  padding: 10px;
  margin: 5px 5px 15px 15px;
  z-order: 100;
}
.snip1211 * {
  /* Fades Menu Options....  Moved so that only affects primary buttons */
  /*
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  */
}
.snip1211 >li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 1.5em;
  padding: 0;
}
.snip1211 >li >a {
  padding: 0.4em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1211 >li >a:before {
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  top: 25%;
  bottom: 25%;
  left: 0;
  right: 0;
  border-top: 3px solid #ff842a;
  border-bottom: 3px solid #ff842a;
}
.snip1211 >li >a:hover,
.snip1211 >li >a:focus,
.snip1211 .current >li >a {
  color: #ffffff;
}
.snip1211 >li >a:hover:before,
.snip1211 .current >li >a:before {
  opacity: 1;
  top: 0;
  bottom: 0;
}
.snip1211 >li >ul >li >a:hover {
  background: #363636;
  color: #ff842a;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}



/* AGC Logo for different screen sizes */
#AGCLogo { height: 80px; }
@media only screen and (max-width: 640px;){
  #AGCLogo { height: 60px; }
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}






/* Footer */
.footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin: 0px;
  /* Set the fixed height of the footer here */
  height: 50px;
  background-color: #363636;
}
.container .text-muted {
  margin: 15px 0px;
  color: #fff;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}



/* Full Page-Width Images */
.wide {
  width: 100%;
  max-width: 100%;
  height: 300px;
  padding: 0px;
  /* height: 100%; */
  /* height: calc(100% - 1px); */
  /* background-image: url('/img/header-index.png'); */
  background-repeat: no-repeat;
  position: relative;
}
.wide-index {
  width: 100%;
  max-width: 100%;
  height: 404px;
  background-image: url('/img/header-index.jpg');
  background-repeat: no-repeat;  
   background-position: center;
}
.orange_strip_top {
  background-image: url('/img/orange-strip.png'); 
  height: 3px; 
  width: 100%; 
  max-width: 100%; 
  padding: 0px; 
  position: absolute; 
  top: 0px; 
  left: 0px;
}
.orange_strip_bottom {
  background-image: url('/img/orange-strip.png'); 
  height: 3px; 
  width: 100%; 
  max-width: 100%; 
  padding: 0px; 
  position: absolute; 
  bottom: 0px; 
  left: 0px;
}




/* Responsive Google Maps */
.wide-contact{
    overflow:hidden;
    padding-bottom:300px;
    position:relative;
    height:0;
}
.wide-contact iframe{
    left:0;
    top:0;
    height:300px;
    width:100%;
    position:absolute;
}


/* Email Obfuscation */
.obfuscate { unicode-bidi: bidi-override; direction: rtl; }




/* Layout Fixes */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
}
.image {
  margin-bottom: 20px;
}
.text {
  margin-bottom: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.module {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
  font-family: inherit
}
h1 {
  font-size: 2em;
  margin: 0.67em 0
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0
}

h3 {
  font-size: 1.17em;
  margin: 1em 0
}

h4 {
  font-size: 1em;
  margin: 1.33em 0
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

dl,
menu,
ol,
ul {
  margin: 1em 0
}

dd {
  margin: 0 0 0 40px
}

menu,
ol,
ul {
  padding: 0 0 0 40px
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none
}

img {
  -ms-interpolation-mode: bicubic
}

svg:not(:root) {
  overflow: hidden
}

.headlinetop {
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0em;
  margin-bottom: 5px;
  padding-top: 5px;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  color: rgb(0, 48, 125);
  text-transform: uppercase;
}

.headline {
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0em;
  margin-bottom: 5px;
  padding-top: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  color: rgb(0, 48, 125);
  text-transform: uppercase;
}

.headline a:hover {
  text-decoration: underline;
}

.headline2 a:hover {
  text-decoration: underline;
}

.subtitle {
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0em;
  margin-bottom: 20px;
}

.preamble {
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: 0em;
  margin-bottom: 5px;
}

.bodytext {
  margin-bottom: 5px;
  color: rgb(102, 102, 102);
  line-height: 1.5em;
}

.bodytext a {
  color: rgb(0, 48, 125);
}

.bodytext a:hover {
  color: rgb(0, 48, 125);
  text-decoration: underline;
}

.smalltext {
  line-height: 1.2em;
  letter-spacing: 0em;
  font-size: 11px;
  margin-bottom: 5px;
}

body {
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  line-height: 1.4em;
  font-weight: 400;
  background-color: rgb(255, 255, 255);
}

body a {
  text-decoration: none;
  color: rgb(0, 149, 255);
}

body a:hover {
  color: rgb(0, 149, 255);
}

.button {
  margin-bottom: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-width: 0px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 14px;
}

.form {
  margin-bottom: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.form label {
  padding-bottom: 0px;
  margin-bottom: 10px;
  line-height: 1.4em;
  font-size: 14px;
}

.form input[type=checkbox]+span,
.form input[type=radio]+span {
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 1.4em;
  font-size: 14px;
}

.form input[type=text],
.form textarea,
.form select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  color: rgb(69, 69, 69);
  font-size: 14px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.form input[type=submit] {
  margin-top: 20px;
  margin-bottom: 0px;
  background-color: rgb(0, 0, 0);
}

.text {
  margin-bottom: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.image {
  margin-bottom: 20px;
}

.map {
  margin-bottom: 20px;
}

.gallery {
  margin-bottom: 20px;
}

.row {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.col {
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0px;
  padding-bottom: 0px;
}

.custom1 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4em;
  text-align: right;
}

.custom1 a {
  color: rgb(255, 120, 35);
}

.custom2 {}

.custom4 {}

.custom5 {}

.custom3 {}

.smallsubtitle {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.spottext {
  font-size: 20px;
  color: rgb(255, 255, 255);
  line-height: 1.4em;
  text-align: center;
  margin-bottom: 20px;
}

.footertext {
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.companyname {
  font-size: 18px;
  text-align: left;
  line-height: 1.4em;
}

.smallspottext {
  line-height: 1.4em;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
}

.locale {
  text-align: right;
}

.locale ul li a {
  transition: all 0.25s ease-in 0s;
  color: rgb(255, 255, 255);
}

.locale ul li {
  background-color: rgb(69, 69, 69);
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.button2 {
  font-size: 16px;
  border-width: 2px;
  line-height: 1.4em;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background-color: rgb(51, 51, 51);
}

.button2:hover {
  border-color: rgba(255, 255, 255, 0.498039);
}

.divider {
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 1px;
  border-color: rgba(0, 0, 0, 0.0980392);
  width: 100%;
  margin-bottom: 20px;
}

.nounderline, 
.nounderline:hover, 
.nounderline:active, 
.nounderline:focus {
  text-decoration: none;
}



/* Change Bootstrap input-group square edging for first and last elements */
.input-group .form-control:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.input-group .form-control:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/* These help center the modal dialog */

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}