body
{
font-family: 'Arial', sans-serif; }

.Pcontainer

{
    
    position: relative;
  text-align: center;
  color: #423b2a;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:500;
  font-size:4vw;
}

.center

{
    
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.listInfoColumn 
{
    color:#317db1 !important;
    font-weight:500;

    
}
.oShortDesc
{
    color:#317db1 !important;
    font-weight:700;

    
}


.hLogo, .hLogo a
{
    
    
    font-size:35px;
    font-weight: 500;
    color:black;
  
}

.grayButton{
   color: #3fbf5f;
    background-color: #317db1 !important;
    
}

.grayButton:hover {
    color: #3fbf5f;
    background-color: #428ec4 !important;
    transition: background-color 0.2s ease;
}

                
.payLogoText
{
    
    margin-top:15px;
    color:white;
    padding:10px;
    border:2px solid #F7F7F7;
    border-radius:3px;
    text-align:center;
}
           
.colorLoginBox
{
    
        color:#000000 !important;
    
    
}

p
{
    
margin-top:5px !important;
margin-bottom:5px !important;


font-family: 'Arial', sans-serif !important;
}

h1
{
    
margin-top:20px !important;
margin-bottom:30px !important;
border-bottom:1px solid #EEE !important;

font-family: 'Arial', sans-serif !important;}


h2
{
    
margin-top:40px;
margin-bottom:20px !important;
border-bottom:0px solid #EEE !important;
font-family: 'Arial', sans-serif !important;}

}


h2.noTopMargin
{
    
    margin-top:10px !important;
    
    
    
    
}


.grayButton, .grayButton:hover
{
    
    
    
font-family: 'Arial', sans-serif !important;
font-style: normal;
width: 100%;
text-align: center;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    font-size: 2rem;
    color: #fff;
    background-color: #a8a6a1;
    border-color: #fff;
    padding: 1.8rem 2.004rem;
    border-radius:5px;
    text-decoration:none;
    display:inline-block;
}

.navbar-default{
    background-color: #317db120;
}



#divDesktopMenu ul {
    float:right;
    font-family: 'Arial', sans-serif !important;
    margin-top:10px;
    width:100%;
    margin-bottom: 0px;
    color:#ffffff !important;
}



#divDesktopMenu li {
    padding: 5px 15px 5px 0px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    color:#ffffff !important;
}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 5px 5px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    margin-right:10px;
color:#ffffff !important;
}



#divDesktopMenu li a {
    font-size:18px;

   
    text-decoration:none;

   color:#000000;
    cursor:pointer;

    }
    
#divDesktopMenu li a:active {
  color:#599b6f !important;
  background-color: none;
  text-decoration:none;
  
   } 
   
#divDesktopMenu li a:hover {
    font-size:18px;

     color:#317db1 !important;
    text-decoration:none;


    cursor:pointer;

    }
    

    
    #divDesktopMenu li.mainMenuSelected a {

     color:#317db1 !important;


    cursor:pointer;

    }
    
    
    
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
color:#000000;


    }  
    
       
  #divDesktopMenu ul.smalMenu li a:hover {
    font-size:14px;

      color:#599b6f;
    text-decoration:none;


    cursor:pointer;

    }  
    
  #divDesktopMenu ul.smalMenu {
   margin-top:0;
margin-bottom: 20px;
    }  
    
    
#divDesktopMenu li:hover
{

    color:#599b6f !important;

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;
font-family: 'Arial', sans-serif !important;
}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;
  color:#ffffff;
}



#divMobileMenu li a {
    font-size:18px;
 
 color:#000000 !important;
    text-decoration:none;



    cursor:pointer;

    }
    

    
    
    
#divMobileMenu li a:Hover {
    font-size:18px;
 
    color:#599b6f;
    text-decoration:none;



    cursor:pointer;

    }
#divMobileMenu li:hover
{
    color:#599b6f;
    

}
#divMobileMenu li:active
{
    color:#599b6f;
    

}
     


#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
   
}


#TopPageImageBackground{
    background-image: url(https://cdn.hsystemcontent.com/images/93568.jpg);
    height: 550px; /* You must set a specified height */
  background-position: center center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

  background-size: cover; 
    
}