body{
    font-family: Arial,Helvetica, sans-sarif !important;
}
.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%;
    /*max-width: 300px;*/
}

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

.overlaygen {
    position: absolute; 
    bottom: 0; 
    /*background: rgb(0, 0, 0);*/
    /*background: rgba(0, 0, 0, 0.5);  Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: #999999;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    margin: auto;
}

.containergen:hover .overlaygen {
    opacity: 1;
}
header.major1
{
    /*border-bottom: solid 1px #dbdbdb;*/
    /*border-top: solid 1px #dbdbdb;*/
    /*margin: 0 0 1px 0;*/
    bottom: 0px;
}

/*Width of heading lines*/
header.major1:before
{
    content: '';
    display: block;
    border-bottom:  solid 1px #dbdbdb;
    /*height: 2px;*/
}

.containergen {
    position: relative;
    width: 100%;
    /*max-width: 300px;*/
}

.imagegen {
    display: block;
    width: 100%;
    height: auto;
}
.genback{
    background-color: rgb(0,0,0);
}
.overlaygen {
    position: absolute; 
    bottom: -30px; 
    /*background: rgb(0, 0, 0);*/ 
    /*background-color: rgb(255, 255, 255, 0.5);*/
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: #999999;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    margin: auto;
}

.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;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
    /*background-color: #ccc;*/
    /*border: 1px solid #ddd;*/
}
.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;
  /*color: black;*/
   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: #000;*/
    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;
}

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