/* Webfont: Regality-Light */
@font-face {
    font-family: 'RegalityLight';
    src: url('../fonts/Regality-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Regality-Light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Regality-Light.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Regality-Light.woff2') format('woff2'),
        /* Modern Browsers */
        url('../fonts/Regality-Light.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Regality-Regular */
@font-face {
    font-family: 'Regality';
    src: url('../fonts/Regality-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Regality-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Regality-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Regality-Regular.woff2') format('woff2'),
        /* Modern Browsers */
        url('../fonts/Regality-Regular.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Regality-Medium */
@font-face {
    font-family: 'RegalityMed';
    src: url('../fonts/Regality-Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Regality-Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Regality-Medium.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Regality-Medium.woff2') format('woff2'),
        /* Modern Browsers */
        url('../fonts/Regality-Medium.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Regality-SemiBold */
@font-face {
    font-family: 'RegalitySemBd';
    src: url('../fonts/Regality-SemiBold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Regality-SemiBold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Regality-SemiBold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Regality-SemiBold.woff2') format('woff2'),
        /* Modern Browsers */
        url('../fonts/Regality-SemiBold.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Regality-Bold */
@font-face {
    font-family: 'RegalityBold';
    src: url('../fonts/Regality-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Regality-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Regality-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/Regality-Bold.woff2') format('woff2'),
        /* Modern Browsers */
        url('../fonts/Regality-Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




/* Custom animation style ------------------------------------------------------------------------------------------------------------ */
.fadeIn { animation-name: adFadeInIn !important; animation-duration: 1000ms !important; 
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
    transition: opacity .4s ease-out,transform .8s !important; 
}

@-webkit-keyframes adFadeInIn {
    from { opacity: 0; transform: translateY(0px) translateZ(0); }
    to { opacity: 1; transform: translateY(0) translateZ(0); }
}

@keyframes adFadeInIn {
    from { opacity: 0; transform: translateY(0px) translateZ(0); }
    to { opacity: 1; transform: translateY(0) translateZ(0); }
}

.fadeInUp { animation-name: adFadeInUp !important; animation-duration: 380ms !important; 
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
    transition: opacity .4s ease-out,transform .8s !important; 
}

@-webkit-keyframes adFadeInUp {
    from { opacity: 0; transform: translateY(60px) translateZ(0) skewY(4deg) scaleY(1.4); transform-origin: top left; }
    to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); }
}

@keyframes adFadeInUp {
    from { opacity: 0; transform: translateY(60px) translateZ(0) skewY(4deg) scaleY(1.4); transform-origin: top left; }
    to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); }
}

.fadeInDown { animation-name: adfadeInDown !important; animation-duration: 380ms !important; 
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
    transition: opacity .4s ease-out,transform .8s !important; 
}

@-webkit-keyframes adfadeInDown {
    from { opacity: 0; transform: translateY(-60px) translateZ(0); transform-origin: bottom left; }
    to { opacity: 1; transform: translateY(0) translateZ(0); }
}

@keyframes adfadeInDown {
    from { opacity: 0; transform: translateY(-60px) translateZ(0); transform-origin: bottom left; }
    to { opacity: 1; transform: translateY(0) translateZ(0); }
}

.fadeInLeft { animation-name: adFadeInLeft !important; animation-duration: 380ms !important; 
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
    transition: opacity .4s ease-out,transform .8s !important; 
}

@-webkit-keyframes adFadeInLeft {
    from { opacity: 0; transform: translateX(-100px) translateZ(0) scaleX(1); transform-origin: top left; }
    to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); }
}

@keyframes adFadeInLeft {
    from { opacity: 0; transform: translateX(-100px) translateZ(0) scaleX(1); transform-origin: top left; }
    to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); }
}

.fadeInRight { animation-name: adFadeInRight !important; animation-duration: 380ms !important; 
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; 
    transition: opacity .4s ease-out,transform .8s !important; 
}

@-webkit-keyframes adFadeInRight {
    from { opacity: 0; transform: translateX(100px) translateZ(0) scaleX(1); transform-origin: top right; }
    to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); }
}

@keyframes adFadeInRight {
    from { opacity: 0; transform: translateX(100px) translateZ(0) scaleX(1); transform-origin: top right; }
    to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); }
}