body { 
   /*margin: 0; 
   padding: 0;*/	
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #000;
   /*font-family:'Roboto';*/
}
h1, .h1, h2, .h2 {
   /*letter-spacing: normal;*/
   color: #00317b;
   font-family:'Roboto'; /* <= TODO: Extended Black */
   /*font-weight: bold;*/
   letter-spacing: -0.01em;
}
h1, .h1 {
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 30px;
   margin-top: 28px;
   margin-bottom: 12px;
   letter-spacing: -.01em;
}
h2, .h2 {
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 24px;
   margin-bottom: 12px;
   letter-spacing: -.01em;
}
.container_gallery_subhead {
   color: #9E001F;
}
#content-body {
   /*letter-spacing: -0.02em;*/
   line-height: 1.8em;
   font-size: 15px;
}
#content-body p {
   /*margin-bottom: 1.0em;*/  
}
img {
   max-width: 100%;  
}
.main_img {
   display: block;
   margin: 48px auto 0;  
}
.section {
   position: relative;
   /*height: 100vh;*/
}
#section2 {
   width: 100%;
}
#scaleBg {
   width: 100vw;
   height: 100vh;
   position: fixed;  
   z-index: -10;
}
#bgImg {
     
}
#section1 {
   width: 100%;
   height: 100vh;
   min-height: 400px;
   /*min-height: calc(50%);*/
   /*background-image: url(/assets/img/home_img1.jpg);
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position: center;
   background-attachment: scroll;*/
}
.home-headline {
   color: #fff;
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 42px;
   line-height: 1em;
   margin-top: 48px;
   margin-bottom: -6px;
   letter-spacing: -.005em;
}
.home-subhead {
   color: #fff;
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-size: 28px;
   margin-top: 16px;
   letter-spacing: -.01em;
   line-height: 1em;
}
.metal_button_link {
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 15px;
   text-align: center;
   color: #fff;
   background-color: #939598;
   height: 40px;
   line-height: 40px;
   width: 300px;
   margin-top: 22px;
   margin-bottom: 48px;
   padding: 0 9px;
   border-radius: 4px;
   display: block;
   text-decoration: none;

  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.metal_button_link:hover {
   color: #fff;
   background-color: #86888c;
   text-decoration: none;
}

.visible-phone {
   display: none;
}

.home_topic {
   box-sizing: border-box;
   /*background-color: #DDD;*/
   padding: 18px;
   max-width: 360px;
   margin-top: 52px;
   min-height: 538px;
   border: 1px solid #AAA;

   background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, rgba(27,27,27,0.9)),
      color-stop(0.3, rgba(99,99,99,0.9)),
      color-stop(1, rgba(251,251,251,0.9))
   );
   background-image: -o-linear-gradient(bottom, rgba(27,27,27,0.9) 0%, rgba(99,99,99,0.9) 30%, rgba(251,251,251,0.9) 100%);
   background-image: -moz-linear-gradient(bottom, rgba(27,27,27,0.9) 0%, rgba(99,99,99,0.9) 30%, rgba(251,251,251,0.9) 100%);
   background-image: -webkit-linear-gradient(bottom, rgba(27,27,27,0.9) 0%, rgba(99,99,99,0.9) 30%, rgba(251,251,251,0.9) 100%);
   background-image: -ms-linear-gradient(bottom, rgba(27,27,27,0.9) 0%, rgba(99,99,99,0.9) 30%, rgba(251,251,251,0.9) 100%);
   background-image: linear-gradient(to bottom, rgba(27,27,27,0.9) 0%, rgba(99,99,99,0.9) 30%, rgba(251,251,251,0.9) 100%);
}

.home_topic .title {
   color: #fff;
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 16.2px;
   line-height: 1.3em;
   letter-spacing: -.012em;
}
.home_topic .photo {
   margin-top: 16px;
}
.home_topic .bodytext {
   margin-top: 16px;
   margin-bottom: 6px;
   font-size: 15px;
}
.home_topic .home_topic_button {
   font-family:'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 15px;
   text-align: center;
   color: #fff;
   background-color: #939598;
   height: 40px;
   line-height: 40px;
   width: 100%;
   margin-top: 22px;
   padding: 0 9px;
   border-radius: 4px;
   display: block;
   text-decoration: none;

  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.home_topic .home_topic_button:hover {
   color: #fff;
   background-color: #86888c;
   text-decoration: none;
}
.home-section2-bottom {
   /*height: 60px;*/
   height: 35vh;
   width: 100%;
   margin-bottom: 24px;
}


#main_menu_bar {
   width: 100%;
   height: 70px;
   background-color: #002050;
   color: #FFF;
}
#main_menu_container {
   max-width: 1140px;
   height: 70px;
   /*line-height: 70px;*/ 
   /*background-color: #002761;*/
   color: #FFF;
   margin: 0 auto;
   padding: 0;
}
/*.co_logo {
   display: block;
   position: absolute;
   margin-top: 15px;
   z-index: 1;
}*/

#non-quote {
   line-height: 1.8em;
   font-size: 15px;
   color: #000;
   font-style: normal;
}
#non-quote p {
   margin-bottom: 1.0em;  
}
#non-quote a,
#non-quote p a  {
   color: #00317b;   
}

#quote {
   /*margin-top: 12px;*/
   color: #00317b;
   /*font-family:'Univers W02';*/
   /*font-style: italic;*/
   font-size: 18px;
   letter-spacing: -0.02em;
}
#quote-byline {
   margin-top: 6px;
   color: #636568;
   font-size: 14px;
}

#left-nav {
   margin-top: 6px;
   /*color: #636568;*/
   line-height: 1.2em;
   font-weight: bold;
   letter-spacing: 0.01em;
   /*border-bottom: 1px dotted thin rgba(204,204,204,1); */ 
}
#left-nav ul {
   padding: 0;
   list-style: none;
}
#left-nav ul li{
   margin-bottom: 12px;
}
#left-nav a {
   color: #636568;
}

#left-nav a.active,
#left-nav a:hover {
   color: #00317b;
   text-decoration: none;
}

.photoButton {
   position: relative;
   box-sizing: border-box;
   margin-bottom: 28px;
}
.photoButton .titlebar,
.photoButton .titlebar_red {
   width: 100%;
   max-width: 360px;
   height: 32px;
   line-height: 30px;
   font-size: 18px;
   font-weight: bold;
   /*background-color: #00317b;*/
   color: #FFF;
   padding-left: 12px;
}
.photoButton .photo {
   width: 100%;
   /*max-width: 360px;*/
}
.photoButton .photo img {
   /*max-width: 360px;*/  
}
.container_btn .titlebar {
   background: #9E001F;  
}
.metal_btn .titlebar,
.galleryButton .titlebar {
   background: #00317B;  
}
.galleryButton .titlebar_red {
   background: #9E001F;  
}

.container_logo {
   margin-bottom: 26px;   
}
.process_flow {
   width: 100%;
   margin-bottom: 36px;
   /*display: block;*/
   /*margin: 0 auto;*/
}

.person .name {
   font-size: 18px;
   color: #00317B;
}
.person .title {
   font-size: 15px;
   font-style: italic;
   color: #00317B;
}
.person .mailpipe {
   font-size: 15px;
   color: #636568;
   padding: 0 4px 0 5px;
}
.person .email {
   font-size: 15px;
   color: #636568;
}

/*#contact-map {
   padding-bottom: 75%;
   position: relative;
   border: 1px solid black;
   max-width: 100%;
   width: 100%;
}*/
.google-maps {
   position: relative;
   padding-bottom: 85%;
   height: 0;
   overflow: hidden;
   border: 1px solid black;
}
.google-maps iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;  
}

#job {
   margin-top: 12px;  
}
#job a:first-child {
   font-size: 18px;
   font-weight: bold;
   color: #555;
   text-decoration: none;
   letter-spacing: -.01em;
}
#job a:first-child:hover {
   text-decoration: underline;
}

#job_descr {
   margin-top: 6px;
   margin-bottom: 24px;
}

#empl_headline {
   /*font-family:'Roboto';*/
   font-weight: bold;
   font-size: 26px;
   color: #00317B;
   margin-top: 28px;
   margin-bottom: 18px;
   letter-spacing: -.01em;
}

#footer_top {
   width: 100%;
   height: 23vw;
   background-image: url(/assets/img/footer_top.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center bottom;
   /*background-repeat: repeat-x;*/
   /*margin-top: 12px;*/
}
#footer {
   width: 100%;
   color: #BBB;
   /*min-height: 224px;*/
   background-color: #070707;
   background-image: url(/assets/img/footer-texture.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: initial;
   margin-top: 36px;
   padding-bottom: 18px;
}
#footer a {
   color: #BBB;
}
#footer a:hover {
   text-decoration: underline;
}
#footer-line {
   width: 100%;
   height: 1px;
   background-image: url(/assets/img/footer-line.png);
   background-repeat: repeat-x;
   margin: 24px 0 24px;
   /*margin-top: 12px;
   margin-bottom: 12px;*/
   /*padding: 12px 0 12px;*/
}
#footer-menu {
   /*margin: 0 auto;*/
   text-align: center;
   margin-bottom: 24px;
}
#footer-copy {
   margin-top: 24px;  
}
.footer-space {
   position: relative;
   margin: 0 9px;  
}

.menu_level_3 {
   background-color: #939598;
   color: white;
   line-height: 26px;
   font-size: 16px;
   font-weight: bold;
   margin-top: 28px;
   margin-bottom: -12px;
}
.menu_level_3 a {
   text-decoration: none;
   color: white;
   padding-left: 16px;
   line-height: 26px;
}
.menu_level_3 a:hover {
   /*text-decoration: underline;*/
   color: #00317B;
}
.menu_level_3 a.active {
   color: #00317B;  
}

#anniversary-footer {
height: 160px;
display: block;
margin: 0px auto 15px;
}
#anniversary-home {
  position: absolute;
  width: 300px;
  left: calc(50% - 150px);
  bottom: 90px;
  filter: drop-shadow(2px 2px 5px #000);
}
.home-maintext {
	text-align: center
}
.metal_button_link {
margin-left: auto;
margin-right: auto;	
}
#section1 {
min-height:600px;	
}

/*.container {
   max-width: 1140px;
   padding: 0 10px;
}*/
/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
/*@media (min-width: 980px) {
   
}*/

/*@media (min-width: 1200px) {
   #footer_top {
      height: 22vw;
   }
}


@media (max-width: 1024px) {
   #footer_top {
      height: 236px;
      background-image: url(/assets/img/footer_top.png);
      background-size: 1024px 236px;
   }
}*/

/*@media (max-width: 979px) {
  
   #home-arrow-box {
      bottom: 48px;
   }
}*/
/*@media (max-width: 768px) {
   #footer_top {
      height: 178px;
      background-image: url(/assets/img/footer_top.png);
      background-size: 768px 178px;
   }
}*/
@media (min-width: 768px) {
   #home-arrow-box {
      position: absolute;
      width: 38px;
      left: calc(50% - 19px);
      bottom: 24px;
      cursor: pointer;
   }  
}
@media (max-width: 767px) {
   body { 
      font-size: 16px;
   }
   #footer {
      margin-top: 18px;
      padding-bottom: 48px;
   }
   .home_topic {
      margin: 30px auto 0;
   }
   
   /*#home-arrow-box {
      position: relative;
      width: 38px;
      margin: 0 auto;
      cursor: pointer;
   } */
   #home-arrow-box {
      position: absolute;
      width: 38px;
      left: calc(50% - 19px);
      bottom: 40px;
      cursor: pointer;
   }
   #anniversary-home {
	  bottom: 110px;
   }
}

@media (max-width: 720px) {
   .home-headline {
      font-size: 30px;
      line-height: 1.1em;
      margin-top: 12px;
   }
   .home-subhead {
      font-size: 24px;
      margin-top: 12px;
      line-height: 1.1em;
   }
   /*#home-arrow-box {
      display: none;
   }*/
   .zmetal_button_link {
      /*margin: 0 auto;*/
      /*margin-top: 20vh;*/ /*calc(100vh - 50px);*/
      width: 92%; /*100%;*/ /*calc(100% - 20px);*/
      
      position: absolute;
      bottom: 60px;
      left: 4%; /*calc(50vw - 47vw);*/      
   }
   #section1 {
      width: 100%;
      height: 100vh;
      min-height: 400px;
   }
}

@media (max-width: 544px) {
   .home-headline {
      margin-top: 0;
   }
/*#zhome-arrow-box {
   position: absolute;
   width: 38px;
   left: calc(50% - 19px);
   bottom: 12px;
   cursor: pointer;
}*/
   .visible-phone {
      display: block;
   }
   .hidden-phone {
      display: none;
   }
   
   #anniversary-footer {
	padding-top:45px;
	height:auto;	   
	max-width: 75%;
   }
   #footer-copy {
	  margin-top: 24px;
	  text-align: center;
  }
}

@media (max-width: 414px) {
   #footer_top {
      height: 81vw;
      background-image: url(/assets/img/footer_top_phone.png);
      background-size: 100vw 83vw;
   }
}
@media (max-width: 414px) {
   #footer_top {
      height: 81vw;
      background-image: url(/assets/img/footer_top_phone.png);
      background-size: 100vw 83vw;
   }
}
@media (max-width: 360px) {
   .home_topic .home_topic_button {
      font-size: 14px;  
   }
}

/* Ipad only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   #home-arrow-box {
      bottom: 40px;
   } 
   #anniversary-home {
	  bottom: 110px;
   }
}