#divDesktopWelcome.mainBgImage
{

      background: url(https://cdn.hsystemcontent.com/images/67214.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height:400px;
   background-position: center; 

  
  
}


#divMobileWelcome.mainBgImage
{

      background: url(https://cdn.hsystemcontent.com/images/67377.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height:400px;
   background-position: center; 
background-color:#EEE;

}
.mainBgImageTextFade
{


        
           background-image: linear-gradient(to bottom, rgba(188, 188, 188, 0.06) 0%, rgba(188, 188, 188, 0.3) 40%, rgba(255, 255, 255, 1) 55%, rgba(188, 188, 188, 0.1) 85%, rgba(188, 188, 188, 0.06) 100%);
     
   
         height:100%;


}

#mainBgImageTextFadeMobile
{


        
           background-image: linear-gradient(to bottom, rgba(188, 188, 188, 0.06) 0%, rgba(188, 188, 188, 0.6) 20%, rgba(255, 255, 255, 0.6) 60%, rgba(188, 188, 188, 0.1) 80%, rgba(188, 188, 188, 0.06) 100%);
     
     min-height:400px;
         height:100%;
         text-align:center;


}

  #menuLinksDesktop {
            position: absolute;
            top: 120px;
            padding:20px;
            right: -20px;
            z-index: 10;
            background: none;
            border: 0;
            width:400px;

            
            background-color:rgba(220, 220, 220, 1);
       
            border-radius:5px;
            border: 10px solid  var(--main-color, #F5832A) ;;;
            
            cursor: pointer;
            
      
            display:none;
          
        }
             
     
          .xMenuList 
        {
            
            
            
            
              list-style-type: none;
             margin:0;
             padding:0;
        }
        
        .xMenuList li
        {
            
            color:black;
            font-size:18px;
            padding:10px;
             
            
            
        }
        
            .xMenuList li:hover
        {
            
            
                  
             
            
            
        }
        
        .xMenuList li a
        {
            
            color:black;
            
        }
        .xMenuList li.selected
        {
            font-weight:700;

            
        }
        
        
        
          .xMenuList 
        {
            
            
            
            
              list-style-type: none;
             margin:0;
             padding:0;
        }
        
        .xMenuList li
        {
            
            color:black;
            font-size:18px;
            padding:10px;
             
            
            
        }
        
            .xMenuList li:hover
        {
            
            
                  
             
            
            
        }
        
        .xMenuList li a
        {
            
            color:black;
            
        }
        .xMenuList li a.selected
        {
            font-weight:700;

            
        }
        
        
        
        
        
    

        /*MENU BUTTON*/

 /*MENU BUTTON*/

 /*MENU BUTTON*/

 /*MENU BUTTON*/






        /* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
        .open-main-nav {

            padding-top: 20px;
            
   
            background: none;
            border: 0;
            cursor: pointer;
          
        }

            .open-main-nav:focus {
                outline: none;
            }

        .burger {
            position: relative;
            display: block;
            width: 52px;
            height: 8px;
            margin: 0 auto;
            background: var(--main-color, #F5832A) ;;
            transform: skew(5deg);
            transition: all .275s;
        }

            .burger:after,
            .burger:before {
                content: '';
                display: block;
                height: 100%;
                background: var(--main-color, #F5832A) ;;
                transition: all .275s;
            }

            .burger:after {
                transform: translateY(-24px) translateX(-4px) skew(-20deg);
            }

            .burger:before {
                transform: translateY(-32px) skew(-10deg);
            }

        /* Toggle State part */
        .is-open .burger {
            transform: skew(5deg) translateY(-16px) rotate(-45deg);
        }

            .is-open .burger:before {
                transform: translateY(0px) skew(-10deg) rotate(75deg);
            }

            .is-open .burger:after {
                transform: translateY(-24px) translateX(10px) skew(-20deg);
                opacity: 0;
            }

        /* MENU Text part */

        .burger-text {
            display: block;
            font-size: .675rem;
            letter-spacing: .05em;
            margin-top: .5em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            color: #5A3B5D;
            font-size: 20px;
            color: var(--main-color, #F5832A) ;;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        


        /* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
        .open-main-nav-mobile {

            padding-top: 20px;
            
   
            background: none;
            border: 0;
            cursor: pointer;
          
        }

        .open-main-nav-mobile:focus {
            outline: none;
        }

        .burger-mobile {
            position: relative;
            display: block;
            width: 26px;
            height: 4px;
            margin: 0 auto;
            background: var(--main-color, #F5832A) ;;
            transform: skew(5deg);
            transition: all .275s;
        }

            .burger-mobile:after,
            .burger-mobile:before {
                content: '';
                display: block;
                height: 100%;
                background: var(--main-color, #F5832A) ;;
                transition: all .275s;
            }

            .burger-mobile:after {
                transform: translateY(-12px) translateX(-2px) skew(-20deg);
            }

            .burger-mobile:before {
                transform: translateY(-16px) skew(-10deg);
            }

        /* Toggle State part */
        .is-open .burger-mobile {
            transform: skew(5deg) translateY(-8px) rotate(-45deg);
        }

            .is-open .burger-mobile:before {
                transform: translateY(0px) skew(-10deg) rotate(75deg);
            }

            .is-open .burger-mobile:after {
                transform: translateY(-12px) translateX(5px) skew(-20deg);
                opacity: 0;
            }

        /* MENU Text part */

        .burger-text-mobile {
            display: block;
            font-size: .675rem;
            letter-spacing: .05em;
            margin-top: .5em;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            color: #5A3B5D;
            font-size: 16px;
            color: var(--main-color, #F5832A) ;;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
.footer
{
    
    
    padding:40px 0px;
    margin-top:200px;
    
       background-color:#1A1A1A;
     color:#BCBCBC;
     


    
}



#footerLogoAndText
{
    
    
        -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
}
.footerIconContainer{
    text-align:center;

 
    
}

.footerIcon{
    display:inline-block;
    margin:5px 20px;
    padding:5px;
        vertical-align:middle;
        
        
     
 
}