/*-------------------------------- MAIN CSS -------------------------*/

.ccc{
    background: red;
    }

.main__full-generator-container{
    width: 100%;
    position: relative;
    float: left;
    
    /*background: #f05353;*/
}


.block-generator-container{
    width: 100%;
    position: relative;
    float: left;
    margin: 0 0 30px 0;
    /*background: #8b2afc;*/
   -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
        -o-transition: 0.5s;
           transition: 0.5s;

}

.block-title{
    width: 98%;
    padding: 0 0 0 2%;
    /*background: #eee;*/
    margin: 0 0 10px 0;
    
    position: relative;
    float: left;
        
    color: #414141;
    font-family: roboto;
    font-weight: 100;
    font-size: 24pt;    
}

.first-line-hidder{
    height:260px;
    width: 100%;
    position: relative;
    margin: 50px 0 0 0;
    overflow: hidden;

}

.first-line-hidder2{
    height:100%!important;

}

.generator {
    width: 18%;
    min-height: 255px;
    margin: 0% 0 0.5% 1%;
    padding: 1% 0.5% 20px 0.5%;
    position: relative;
    float: left;    
    cursor: pointer;
   -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
        -o-transition: 0.5s;
           transition: 0.5s;
    
}

.generator-hover{
    background: #ffcc00;
    width: 18.2%;
    max-height: 245px;
    margin: 0% 0 0.5% 1%;
    padding: 1% 0.5% 20px 0.5%;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(189,66,44,1);
       -moz-box-shadow: 5px 5px 0px 0px rgba(189,66,44,1);
            box-shadow: 5px 5px 0px 0px rgba(189,66,44,1);
}

.generator:nth-child(5n+1){
      margin: 0% 0 0.5% 0%;
}

.generator-icon{ 
    position: relative;    
    margin: 0 0 0 20%
}

.generator-icon img.g-icon{
    max-width: 45%;
    margin: 10% 10% 5% 15%;
    height: auto;
}

.image-icon-hover{
    margin: 5% 13% 5% 10%!important;
    max-width: 55%!important;
   -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
        -o-transition: 0.5s;
           transition: 0.5s;
}

.generator-title{
    color: #414141;
    font-family: roboto;
    font-weight: 600;
    font-size: 14pt;  
    text-align: center;
}

.generator-description{
    color: #414141;
    font-family: roboto;
    font-weight: 400;
    font-size: 10pt;  
    text-align: left;
    padding: 5%;
}

.open-all{
    width: 100%;
    height: 60px;
    /*background: #62c624;*/
    position: relative;
    float: left;    
}

.open-line{
    width: 34%;
    height: 2px;
    position: relative;
    float: left;
    border-radius: 2.5px;
    margin: 30px 0 0 0;
    background: #fcd740;
    
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
}

.open-button{
    width: 305px;
    height: 50px;
    padding: 2px 0 0 2px;
	background: url(../images/button.svg) #fcd740 2px;
    position: relative;
    float: left;
    margin: 5px 0 5px 0%;
    border-radius: 10px;     
    cursor: pointer;

}
.btn-text{
    width: 100%;
    line-height: 50px;
    border-radius: 5px;
    position: absolute;
    font-family: 'tt_roundsblack';
    color: #623315;
    font-size: 14pt;
    text-align: center;
    font-smooth: auto;
    
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.nbr-g{
    display: inline-block;
}

.seo-text{
    width: 100%;
    position: relative;
    float: left;
    padding: 20px 0 20px 0;
    margin: 20px 0 0 0;
    color: #414141;
    font-family: roboto;
    font-weight: 400;
    font-size: 10pt;  
    text-align: left;
    
    border-top: 2px solid #ffcc00;
}