.panel-large-cta {  }

.panel-large-cta.panel-class-home { position: relative; background-color: #ffed00; padding-top: 15px; }
.panel-large-cta.panel-class-home:before { content: ''; position: absolute; left: 13px; bottom: 0; width: 436px; height: 300px; background-image: url(flair-calculation-01.png); background-size: contain; background-repeat: no-repeat; }
.panel-large-cta.panel-class-home:after { content: ''; position: absolute; right: 0; top: 0; width: 751px; height: 382px; background-image: url(flair-calculation-02.png); background-size: contain; background-repeat: no-repeat; }
.panel-large-cta.panel-class-home .image { max-width: 543px; margin-left: auto; display: block; position: relative; z-index: 2; }
.panel-large-cta.panel-class-home .text { position: absolute; z-index: 2; margin-top: 134px; max-width: 768px; -webkit-animation:shake 5s; animation:shake 5s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

.panel-large-cta.panel-class-home a:hover .text { -webkit-animation:shakeloop 1s; animation:shakeloop 1s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }

@-webkit-keyframes shakeloop {
    0%{
        transform:translate(0) rotate(0deg)
    }
    10%{
        transform:translate(-1px,-2px) rotate(-1deg)
    }
    20%{
        transform:translate(-3px) rotate(1deg)
    }
    30%{
        transform:translate(3px,2px) rotate(0deg)
    }
    40%{
        transform:translate(1px,-1px) rotate(1deg)
    }
    50%{
        transform:translate(-1px,2px) rotate(-1deg)
    }
    60%{
        transform:translate(-3px,1px) rotate(0deg)
    }
    70%{
        transform:translate(3px,1px) rotate(-1deg)
    }
    80%{
        transform:translate(-1px,-1px) rotate(1deg)
    }
    90%{
        transform:translate(1px,2px) rotate(0deg)
    }
    to{
        transform:translate(1px,-2px) rotate(-1deg)
    }
}
@keyframes shakeloop {
        0%{
        transform:translate(0) rotate(0deg)
    }
    10%{
        transform:translate(-1px,-2px) rotate(-1deg)
    }
    20%{
        transform:translate(-3px) rotate(1deg)
    }
    30%{
        transform:translate(3px,2px) rotate(0deg)
    }
    40%{
        transform:translate(1px,-1px) rotate(1deg)
    }
    50%{
        transform:translate(-1px,2px) rotate(-1deg)
    }
    60%{
        transform:translate(-3px,1px) rotate(0deg)
    }
    70%{
        transform:translate(3px,1px) rotate(-1deg)
    }
    80%{
        transform:translate(-1px,-1px) rotate(1deg)
    }
    90%{
        transform:translate(1px,2px) rotate(0deg)
    }
    to{
        transform:translate(1px,-2px) rotate(-1deg)
    }
}

@-webkit-keyframes shake {
    0%{
        transform:translate(0) rotate(0deg)
    }
    90%{
        transform:translate(0) rotate(0deg)
    }
    91%{
        transform:translate(-1px,-2px) rotate(-1deg)
    }
    92%{
        transform:translate(-3px) rotate(1deg)
    }
    93%{
        transform:translate(3px,2px) rotate(0deg)
    }
    94%{
        transform:translate(1px,-1px) rotate(1deg)
    }
    95%{
        transform:translate(-1px,2px) rotate(-1deg)
    }
    96%{
        transform:translate(-3px,1px) rotate(0deg)
    }
    97%{
        transform:translate(3px,1px) rotate(-1deg)
    }
    98%{
        transform:translate(-1px,-1px) rotate(1deg)
    }
    99%{
        transform:translate(1px,2px) rotate(0deg)
    }
    to{
        transform:translate(1px,-2px) rotate(-1deg)
    }
}
@keyframes shake{
    0%{
        transform:translate(0) rotate(0deg)
    }
    90%{
        transform:translate(0) rotate(0deg)
    }
    91%{
        transform:translate(-1px,-2px) rotate(-1deg)
    }
    92%{
        transform:translate(-3px) rotate(1deg)
    }
    93%{
        transform:translate(3px,2px) rotate(0deg)
    }
    94%{
        transform:translate(1px,-1px) rotate(1deg)
    }
    95%{
        transform:translate(-1px,2px) rotate(-1deg)
    }
    96%{
        transform:translate(-3px,1px) rotate(0deg)
    }
    97%{
        transform:translate(3px,1px) rotate(-1deg)
    }
    98%{
        transform:translate(-1px,-1px) rotate(1deg)
    }
    99%{
        transform:translate(1px,2px) rotate(0deg)
    }
    to{
        transform:translate(1px,-2px) rotate(-1deg)
    }
}

@media (max-width: 1599px){
    .panel-large-cta.panel-class-home .text { max-width: 548px; }
    .panel-large-cta.panel-class-home .image { max-width: 450px; }
    .panel-large-cta.panel-class-home:before { width: 403px; height: 277px; }
}
@media (max-width: 1199px){
    .panel-large-cta.panel-class-home:before { width: 270px; height: 182px; }
    .panel-large-cta.panel-class-home:after { width: 523px; height: 267px; }
}
@media (max-width: 991px){
    .panel-large-cta.panel-class-home .text { max-width: 330px; margin-top: 100px; }
    .panel-large-cta.panel-class-home .image { max-width: 280px; }
}
@media (max-width: 767px){
    .panel-large-cta.panel-class-home .text { position: relative; margin-left: auto; margin-right: auto; display: block; width: 100%; }
    .panel-large-cta.panel-class-home .image { margin-right: auto; margin-top: 40px; }
}