/***************************************************/
/* image reveal */

.bgImage {

    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    margin: auto;
    position: relative;
    z-index: 100;
    image-rendering: auto;
    image-rendering: crisp-edges;
    padding: 0;
}

.container-fluid > .imageOverlay {
    background: -moz-linear-gradient(top, rgba(204,204,204,0.02) 0%, rgba(204,204,204,0.1) 50%, rgba(40,40,40,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(204,204,204,0.02) 0%, rgba(204,204,204,0.1) 50%, rgba(40,40,40,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(204,204,204,0.02) 0%, rgba(204,204,204,0.1) 50%, rgba(40,40,40,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC4d', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
}

.imageOverlay .centerOuter {

    background: -moz-linear-gradient(top, rgba(40,40,40,0.2) 0%, rgba(40,40,40,0.8) 50%, rgba(40,40,40,0.2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(40,40,40,0.2) 0%, rgba(40,40,40,0.8) 50%, rgba(40,40,40,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(40,40,40,0.2) 0%, rgba(40,40,40,0.8) 50%, rgba(40,40,40,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC4d', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
}

    .textBlockContent .centerOuter > .centerInner,
    .hasImage .centerOuter > .centerInner,
    .imageOverlay .centerOuter > .centerInner {
        z-index: 100;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(167,155,155, 0.5);
        position: absolute;
        top: 50%;
        width: 83.333333%;
        left: 16.666666%;
        transform: translate(-10%, -50%);
    }

.fullPage .page_children section:first-child.fullWidthPromoSection .imageOverlay .centerOuter > .centerInner {
    top: 55%;
}

@media screen and (min-width: 568px) {
    .textBlockContent .centerOuter > .centerInner,
    .hasImage .centerOuter > .centerInner,
    .imageOverlay .centerOuter > .centerInner {
        top: 50%;
        width: 66.666666%;
        left: 33.333333%;
        transform: translate(-25%, -50%);
    }
}


@media screen and (min-width: 992px) {
    .textBlockContent .centerOuter > .centerInner,
    .hasImage .centerOuter > .centerInner,
    .imageOverlay .centerOuter > .centerInner {
        top: 50%;
    }
}

@media screen and (max-width: 319px) {
    .textBlockContent .centerOuter > .centerInner h2,
    .hasImage .centerOuter > .centerInner h2,
    .imageOverlay .centerOuter > .centerInner h2 {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .textBlockContent .centerOuter > .centerInner p,
    .hasImage .centerOuter > .centerInner p,
    .imageOverlay .centerOuter > .centerInner p {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 559px) {
    .textBlockContent .centerOuter > .centerInner h2,
    .hasImage .centerOuter > .centerInner h2,
    .imageOverlay .centerOuter > .centerInner h2 {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
    .textBlockContent .centerOuter > .centerInner p,
    .hasImage .centerOuter > .centerInner p,
    .imageOverlay .centerOuter > .centerInner p {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
}

/*****************************************/

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}



/*****************************************/
/* commemorations */

.grid {
    list-style: none;
    padding: 0;
}

    /* Effect 2: Move Up */
    .grid.effect-2 li.animate {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        -webkit-animation: moveUp 0.65s ease forwards;
        animation: moveUp 0.65s ease forwards;
    }

@-webkit-keyframes moveUp {
    0% {
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUp {
    0% {
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}