.is--fadeIn--mainVisual,
.is--fadeIn{
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.is--fadeIn--mainVisual.pageOn{
    -webkit-animation: mainVisualIn 1s ease .15s 1 forwards;
    animation: mainVisualIn 1s ease .15s 1 forwards;    
}
@-webkit-keyframes mainVisualIn {
    0% {
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    99.9%, to {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
}
@keyframes mainVisualIn {
    0% {
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    99.9%, to {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
}  


.is--fadeIn.effectOn {
    -webkit-animation: fadeIn 1s ease 0s 1 forwards;
    animation: fadeIn 1s ease 0s 1 forwards;    
}
@-webkit-keyframes fadeIn {
    0% {
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    50% {
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    99.9%, to {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
}
@keyframes panelIn {
    0% {
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    50% {
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    99.9%, to {
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
}