body  {
    background-image: url("../../../../content/background3.jpg");
    no-repeat center center; 
    background-position: center top;
      }
      
header {
   position: fixed; 
   z-index: 999;
    background-image: url("../../../../content/navbar-logo.png"); background-size: cover; background-repeat: no-repeat;
    no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
}

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif !important; line-weight: .5 !important;}
 
p { font-family: arial, helvetica, sans-serif !important;  font-weight: lighter !important;}

b { font-family: arial, helvetica, sans-serif !important;  font-weight: normal !important;}

span { font-family: arial, helvetica, sans-serif !important;  font-weight: lighter !important;}

font{ font-family: arial, helvetica, sans-serif !important;}

br { font-family: arial, helvetica, sans-serif !important;  font-weight: normal !important;}
 
a { font-family: arial, helvetica, sans-serif !important;  text-transform: capitalize !important; font-weight: 200 !important; line-weight: normal !important; 
visibility: visible;}
 
label, .Label, .Value { font-family: arial, helvetica, sans-serif !important;  line-weight: normal !important;}
 
input, .btn { font-family: arial, helvetica, sans-serif !important; }
 
.Breadcrumb { font-family: arial, helvetica, sans-serif !important; }
    
.button { font-family: arial, helvetica, sans-serif !important; }
    
select { font-family: arial, helvetica, sans-serif !important; font-weight:lighter !important;}

th { font-family: arial, helvetica, sans-serif !important; font-weight:lighter !important; }

.description-custom { font-family: arial, helvetica, sans-serif !important; font-weight:lighter !important; }

.navbar-fixed-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 401;
}

.splitnav {
  white-space: nowrap;
}
    
.navbar-topfade {
   background-image: url('../../../../content/navbar-upper.png');
   background-repeat:repeat-x;
   background-size:contain;
   height:100%;width:100%;
}   

   
.navbar-footer {
   background-color: #595959;
   background-repeat:repeat-x;
   background-size:contain;
   height:7px;width:100%;
        text-align: center;
        
}

.navbar-bg {
   background-image: url('../../../../content/navbar-lower.png');
   background-repeat:repeat-x;
   background-size:contain;
   height:100%;width:100%;
        text-align: center;
        
}
    
.description-bg {
   background-image: url('../../../../content/description-bg.png');
   background-size:contain;
   padding-left:20px;
   height:490px;width:585px;

}
    
.container-catalog {
   position: relative;
   left: -230px;
   background-size:contain;
   padding-left:20px;
   height:250px;width:585px;

}  
.container-landing {
   background-color: #808080;
   background-size:contain;
   padding-left:20px;
   height:250px;width:585px;

}


.container-landingFirst {
   background-image: url('/content/landing-tall.png');
   max-width: 640px;
   position: absolute;
   text-align: right;
   margin-top: 30px;
   margin-left: 390px;
   padding-right: 50px;
   padding-left: 115px;
   white-space: nowrap;
   z-index: 100;
}

.container-landingFirstImg {
   max-width: 520px;
   position: absolute;
   text-align: left;
   margin-top: 0px;
   margin-left: 30px;
   z-index: 101;
}

.container-landingSecond {
   background-image: url('/content/landing-tall.png');
   max-width: 670px;
   position: absolute;
   text-align: left;
   margin-top: 350px;
   margin-left: 70px;
   margin-right: 50px;
   padding-right: 170px;
   padding-left: 50px;
   white-space: nowrap;
   z-index: 100;
}

.container-landingSecondImg {
   max-width: 620px;
   position: absolute;
   text-align: left;
   margin-top: 240px;
   margin-left: 490px;
   z-index: 101;
}
    
.bottom-dropdowns {
   background-image: url('../../../../content/document-download-dropdown.png');
   background-repeat:repeat-y;
   background-size:100%;
   width:100%;
} 
  
.bottom-dropdowns2 {
   background-image: url('../../../../content/document-download-dropdown2.png');
   background-repeat:repeat-y;
   background-size:100%;
   width:100%;
} 
    
div.shadow {
    position:absolute;
    top:50%;
    left:50%;
    overflow:visible;
}

img.logo {
    position:relative;
    margin-top: 15px;
    margin-left:-50%;
    width: 230px;
}

img.logo2 {
    position:relative;
    margin-top: -18px;
    margin-left: -100%;
    width: 250px;
}

img.logo-mobile {
    position:relative;
    margin-top: -19px;
    margin-left:-50%;
    width: 290px;
    min-width: 240px;
}
    
    
.button {
        
    z-index: 1 !important; 
        }
    
.box {
  width: 100%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 15px;
  border: 0px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 10px auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  height: 78%;
  position: relative;
  transition: all 2 ease-in-out;
        z-index: 2 !important;
}
    
.popup, .pupup2 {
  margin: 10px auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  height: 78%;
  position: relative;
  transition: all 2 ease-in-out;
        z-index: 2 !important;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 55px;
  right: 30px;
  transition: all 1ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #ff0000;
}
.popup .content {
  position: absolute;
  max-height: 87%;
}

@media screen and (max-width: 900px){
  .box{
    width: 90%;
  }
  .popup{
    width: 80%;
    height: 52%;
  }
}
@media screen and (min-width: 839px){
        .mobile-center { display: none; }}
    
@media screen and (min-width: 839px){
        .mobile-br { display: none; }}
    
@media screen and (max-width: 600px){
        .mobile-Hide1 { display: none; }}
    
@media screen and (max-width: 763px){
        .mobile-Hide2 { display: none; }}
    
@media screen and (max-width: 1080px){
        .mobile-Hide3 { display: none; }}

@media screen and (min-width: 1079px){
        .mobile-Hide4 { display: none; }}

@media screen and (max-width: 600px){
        .mobile-Hide5 { display: none; }}

    
@media screen and (max-width: 1099px){
        .mobile-Hide6 { display: none; }}
    
@media screen and (min-width: 250px){
        .logo-resize { width: 70%; }}

.mobile-Show {display: none;} 

  @media only screen 
    and (min-width : 240px) 
    and (max-width : 760px){ 
      .mobile-Show { display: inline; }
    
.mobile-Show2 {display: none;} 

  @media only screen 
    and (min-width : 240px) 
    and (max-width : 600px){ 
      .mobile-Show2 { display: inline; }  
  
.mobile-Show3 {display: none;} 

  @media only screen 
    and (min-width : 601px) 
    and (max-width : 919px){ 
      .mobile-Show3 { display: inline; }

.mobile-ShowBR {display: none;} 

  @media only screen 
    and (min-width : 240px) 
    and (max-width : 600px){ 
      .mobile-Show2 { display: inline; }

   
@media screen and (min-width: 800px){
        .sidebarBlock { display: none !important; }}

/* Style the header */
.header-fixed {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}

/* Page content */
.content-fixed {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky-fixed {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky-fixed + .content-fixed {
  padding-top: 102px;
}