body{
    font-family: Arial,Helvetica, sans-sarif;
}

.button23 {
    background-color: #74a91a;
    /*background-color: #3B3E45;*/
    /* Green */
    /* border: none; */
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.button12 {
    border-radius: 4px;
    padding: 0 4px;
    border: 0;
}

.manual {
    margin-bottom: 2px;
}
.containergen {
    position: relative;
    width: 100%;
}

.imagegen {
    display: block;
    width: 100%;
    height: auto;
}

.overlaygen {
    position: absolute; 
    bottom: 0;
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: #999999;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    margin: auto;
}

.containergen:hover .overlaygen {
    opacity: 1;
}
header.major1
{
    bottom: 0px;
}

header.major1:before
{
    content: '';
    display: block;
    border-bottom:  solid 1px #dbdbdb;
}

.containergen {
    position: relative;
    width: 100%;
}

.genback{
    background-color: rgb(0,0,0);
}

.containergen:hover .genback {
    display: block;
    background-color:  rgba(0, 0, 0, 0.5); 
}
.containergen:hover .overlaygen {
    opacity: 1;
} 
.connav{
    width: 40% !important;
    overflow-x: hidden;
    margin-right: 0px;
    float: left;
    color: #74a91a !important;

}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
    text-align: center;
}
.prodheader{
    font-family: Arial,Helvetica, sans-sarif;

}
#more {display: none;}
#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}
.mobile-view{
                        display: none;
                    }
.desktop-view{
    display: block;
}

@media only screen and (min-width : 220px)and (max-width : 738px){

    .mobile-view{
        display: block;
    }
    .desktop-view{
        display: none
    }
}

.header-h1{
  margin: 0 0 -7px 0!important;
}
.header-h12{
  margin: 0 0 -2px 0!important;
}
.header-h2{
  margin: 0 0 0 0!important;
}

.header-span{
    color: #404248;
    font-size: 20px!important; 
    font-weight: 500!important;
}
.prodheader-span{
    font-family: Arial,Helvetica, sans-sarif;
    font-size: 15px!important; 
    font-weight: 500!important;  
    margin: 0 0 -8px 0!important;
}
.prodheader-span1{
    
    font-family: Arial,Helvetica, sans-sarif;
    font-size: 15px!important; 
    font-weight: 500!important; 
    
}
.briefdesc{
    font-size: 11px!important; 
    line-height: 1.6!important;
}

.coming-soon-header{
    font-family: Arial,Helvetica, sans-sarif;
}
.coming-soon-text{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.coming-text {
    font-family: Arial,Helvetica, sans-sarif;
    position: absolute;
    top: 6%;
    left: 30%; 
    -ms-transform: rotate(40deg);  
    -webkit-transform: rotate(40deg);  
    transform: rotate(40deg);
    text-align: center;
    background-color: #74a91a;
    color: #fff;
    font-size: 16px;
    padding: 16px 32px;
    width: 100%;
    font-weight: 600;
    overflow-wrap: break-word;
}

.pro-coming-soon{
    font-family: Arial,Helvetica, sans-sarif;
    color: #74a91a !important;
    font-size: 25px;
}

.support a {
    color: #74a91a!important;
    font-size: 16px;
    font-family:Arial,Helvetica, sans-sarif; 
    text-align: center !important;
}
        
.support a:hover{
    font-weight: bolder;
}


.image-radius{
    border-radius: 20px;
}