.clear{
              clear: both;
          }

          .banner-box .text{
                font-size: 42px;
                line-height: 41px;
                font-weight: bold;
            }

            .banner-box .text-left{
                font-size: 22px;
                line-height: 24px;
                font-weight: normal;
                
            }
          
          .banner-box .left{
              height: 450px;
              min-height: 450px;
              background-size: cover;
              padding: 20px;
          }

          .banner-box .leftright{
              height: 350px;
              min-height: 350px;
              background-size: cover;
              padding: 20px;
              border-left: 10px solid #E3E000;
              border-right: 50px solid #1ea2b1;
          }

          .banner-box .leftred{
              height: 350px;
              min-height: 350px;
              background-size: cover;
              padding: 20px;
              border-left: 10px solid #EA1C0A;
            
          }

            .banner-box .leftyellow{
              height: 350px;
              min-height: 350px;
              background-size: cover;
              padding: 20px;
              border-left: 10px solid #E3E000;
            
          }
          
          .banner-box .right{
              height: 450px;
              min-height: 450px;   
              position: relative;
          }
          
          .banner-box a.eon-hu-button{
            height: 52px;
            border: 0;
            padding: 0 26px;
            box-shadow: none;
            font-weight: bold;
            font-size: 18px;
            background-color: transparent;
            position: absolute;
            bottom: 0;
            display: block;
           color: #ffffff;
          }

            
          
          .banner-box a.eon-hu-button span{
            height: 52px;
            line-height: 52px;
            display: inline-block;
            padding: 1px;
              float: left;
        }
          
          .banner-box a.eon-hu-button:before{
            content: "";
            display: inline-block;
            position: absolute;
            background-size: contain;
            height: 52px;
            width: 26px;
            left: 0;
        }
          
          .banner-box a.eon-hu-button:after{
            content: "";
            display: inline-block;
            position: absolute;
            background-size: contain;
            height: 52px;
            width: 26px;
            margin-right: -1px;
        }
          
            .bigimg{
                background-position: center top;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .banner-box .background-red{
              background: #EA1C0A;
              color: white;
              padding: 25px;
          }

            .greengb-yellowborder{
               border-right: 16px solid #E3E000;
               background: #1ea2b1;
                
              
            }

          .banner-box .background-green-yellowborder{
              border-right: 30px solid #E3E000;
              background: #1ea2b1;
              color: white;
              padding: 25px;
          }
          
          .banner-box .background-green-redborder{
              border-right: 30px solid #EA1C0A;
              background: #1ea2b1;
              color: white;
              padding: 25px;
          }
          
          .banner-box .background-yellow-darkredborder{
              border-right: 30px solid #b00402;
              background: #E3E000;
              color: #39393a;
              padding: 25px;
          }

            .banner-box .background-yellow-turquoiseborder{
              border-right: 30px solid #1ea2b1;
              background: #E3E000;
              color: #39393a;
              padding: 25px;
          }
          
          .banner-box .background-red-yellowborder{
              border-right: 30px solid #E3E000;
              background: #EA1C0A;
              color: #fff;
              padding: 25px;
          }

         .banner-box .background-red-yellowborder-leftright{
              border-left: 30px solid #E3E000;
              background: #EA1C0A;
              color: #fff;
              padding: 25px;
          }

            .banner-box .background-green-redborder-right{
              border-right: 30px solid #EA1C0A;
              background: #1ea2b1;
              color: #fff;
              padding: 25px;
          }

            .banner-box .background-red-greeborder-right{
              border-right: 30px solid #1ea2b1;
              background: #EA1C0A;
              color: #fff;
              padding: 25px;
          }
          
          .banner-box .background-red-greenborder{
              border-right: 30px solid #1ea2b1;
              background: #EA1C0A;
              color: #fff;
              padding: 25px;
          }


        .banner-box .button-darkred{
             color: #ffffff;

          }
          
          .banner-box .button-darkred:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/darkred-before.svg);

          }
          
          .banner-box .button-darkred:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/darkred-after.svg);

          }
          
          
          .banner-box .button-darkred span{
             background-color: #b00402;

          }



          
          .banner-box .button-red{
             color: #ffffff;

          }
          
          .banner-box .button-red:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-before.svg);

          }
          
          .banner-box .button-red:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-after.svg);

          }
          
          
          .banner-box .button-red span{
             background-color: #EA1C0A;

          }
          
          
          .banner-box .button-red:hover span{
             background-color: #b00402;

          }
          
          .banner-box .button-red:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-before.svg);

          }
          
          .banner-box .button-red:hover:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-before-hover.svg);

          }
          
          .banner-box .button-red:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-after.svg);

          }
          
        
          
          .banner-box .button-red:hover:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-after-hover.svg);

          }
          
           .banner-box .button-white{
             color: #EA1C0A!important;

          }
          
          .banner-box .button-white:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-before.svg);

          }
          
          .banner-box .button-white:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/red-after.svg);

          }
          
          
          .banner-box .button-white span{
             background-color: #fff;

          }
          
          
          .banner-box .button-white:hover span{
             background-color: #f6f6f7;

          }
          
          .banner-box .button-white:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/white-before.svg);

          }
          
          .banner-box .button-white:hover:before{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/white-before-hover.svg);

          }
          
          .banner-box .button-white:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/white-after.svg);

          }
          
        
          
          .banner-box .button-white:hover:after{
            background-image: url(/content/dam/eon/eon-hungary/banner/images/white-after-hover.svg);

          }
          
          .banner-box .img-left{
              background: white;
              height: 100px;
              padding: 20px;
              text-align: center;
          }
          
          .banner-box .img-left .icons img{
              height: 28px;
              margin-top: 10px;
              margin-left: 6px;
              margin-right: 6px;
          }
          
          .banner-box .img-right{
              height: 100px;
              color: white;
              font-size: 18px;
              font-weight: bold;
              padding: 20px;
          }
          
          .banner-box .img-right.greenbg{
              background: #1ea2b1;
          }
        
          .banner-box .img-right-text{
                  position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0 40px 20px 40px;
          }

@media screen and (max-width: 462px){
    .banner-box .text{
         font-size: 25px;
         line-height: 29px;
        font-weight: bold;
    
    }
    
    .banner-box h2{
         font-size: 25px;
         line-height: 29px;
        font-weight: bold;
    
    }
    
    .greengb-yellowborder{
        height: 10px;
    }
}

.box-size{
        min-height: 450px;
    }

@media screen and (max-width: 992px){

    .box-size{
        min-height: 250px;
    }
    
    .greengb-yellowborder{
        display: none;
    }
    

    
    .banner-box .right{
              height: auto;
              min-height: auto;   
              padding-bottom: 100px;
          }
    
}


 .mobileimg{ display: none;}
     @media only screen and (max-width: 675px) {
      .mobileimg {
        display: block;
        padding: 0;
      }
      .descimg{ display: none;}
}