/***************************************************/
/* 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 */
}

.imageOverlay .centerOuter {
    /*position: relative;*/
    /*min-height: 200px;*/
}
.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%;
    left: 16.666666%;
    transform: translate(-10%, -50%);
}

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


@media screen and (min-width: 992px) {
    .textBlockContent .centerOuter > .centerInner,
    .hasImage .centerOuter > .centerInner,
    .imageOverlay .centerOuter > .centerInner {
        top: 50%;
        /*left: 50%;
        transform: translate(-50%, -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 {
    /*display: inline-block;
        vertical-align: middle;*/
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    /*overflow: hidden;*/
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}


/* Back Pulse */

/*@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(196,42,42, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(196,42,42, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #C42A2A;
        color: white;
    }*/


/*****************************************/
/* 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;
    }
}

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


    /*.growImgWrap {
        z-index: 60;
        background: #fff;
    }

    .growImg {
        background-position-x: center;
        background-position-y: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        margin: auto;
        position: relative;
        z-index: 100;
        image-rendering: auto;
        image-rendering: crisp-edges;
    }

    .growImgWrap .after, .growImgWrap .before {
        height: 100%;
        width: 14%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        background: #fff;
    }

    .growImgWrap .before {
        left: 0;
    }

    .growImgWrap .after {
        right: 0;
    }



.growImg {
    padding-top: 80%;
    background: center center no-repeat #000;
    background-size: cover;
    margin: 0
}

@media (max-width: 1024px) {
    .growImg.growVideo {
        padding-top: 0;
        position: relative
    }
}

@media (min-width: 1025px) {
    .closeButton {
        height: 280rem;
        width: 280rem;
        left: 7%;
        top: 5.6rem;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translate(-20%, -20%) scale(1, 1);
        -moz-transform: translate(-20%, -20%) scale(1, 1);
        -ms-transform: translate(-20%, -20%) scale(1, 1);
        -o-transform: translate(-20%, -20%) scale(1, 1);
        transform: translate(-20%, -20%) scale(1, 1)
    }

        .closeButton .menu-close {
            opacity: 0
        }

    .growImg {
        padding-top: 56.25%;
        background: center center no-repeat fixed;
        background-size: 100vw auto;
        margin: auto;
        position: relative;
        z-index: 100;
        image-rendering: auto;
        image-rendering: crisp-edges
    }
}

.videoWrap {
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    margin: 2rem 0
}

    .videoWrap:first-child {
        margin-top: 0
    }

    .videoWrap:last-child {
        margin-bottom: 0
    }

    .videoWrap video {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .videoWrap.backgroundVideo {
        margin: 0
    }

@media (max-width: 1024px) {
    .growImgWrap .growImg {
        background-size: cover;
        background-position: center center
    }
}

@media (min-width: 1025px) {
    .videoWrap {
        width: 75%;
        margin: 4rem auto;
        padding-top: 42.2%
    }

        .videoWrap.backgroundVideo {
            padding-top: 54%;
            height: auto;
            width: 100%;
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: -1
        }

    .growImgWrap {
        z-index: 60;
        background: #fff
    }

        .growImgWrap.videoSection {
            z-index: 50;
            background-color: transparent
        }

        .growImgWrap.withText {
            position: relative
        }

            .growImgWrap.withText .growImg {
                position: static
            }

        .growImgWrap .after,
        .growImgWrap .before {
            height: 100%;
            width: 14%;
            position: absolute;
            top: 0;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            background: #fff
        }

        .growImgWrap .before {
            left: 0
        }

        .growImgWrap .after {
            right: 0
        }
}

.growImgWrap .title4 {
    position: absolute;
    top: 4.5rem;
    left: 8%
}

@media (min-width: 1025px) {
    .growImgWrap .title4 {
        top: 14rem;
        top: 11vw;
        left: 14%;
        width: 48rem;
        z-index: 110
    }

        .growImgWrap .title4.alignRight {
            left: 50%
        }

        .growImgWrap .title4.alignCenter {
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            text-align: center
        }
}

@media (max-width: 1024px) {
    .growImgWrap.videoSection .title4 {
        z-index: 5;
        top: 2.5rem
    }
}

.growImgWrap .finale .title4 {
    position: static
}

@media (min-width: 1025px) {
    .finaleWrap {
        overflow: hidden;
        position: static
    }

    .growVideo {
        padding-top: 56.25%;
        background-color: transparent;
        position: relative;
        overflow: hidden;
        z-index: -1
    }
}

@media (max-width: 1024px) {
    .finale {
        background-image: none !important;
        padding-top: 0
    }
}

.finale .contentBlock {
    -webkit-filter: brightness(94%);
    filter: brightness(94%)
}

.finale .title4 {
    width: 20rem
}

@media (min-width: 1025px) {
    .finale .title4 {
        font-size: 7.5rem;
        width: auto;
        max-width: 33rem
    }

    .finale {
        background: center center no-repeat fixed;
        background-size: 100vw auto;
        position: static;
        padding-top: 0;
        height: 100rem;
        overflow: hidden
    }

        .finale .after,
        .finale .before {
            top: 0;
            bottom: 0;
            height: 100rem
        }

    .ie .finale .after,
    .ie .finale .before {
        z-index: 10
    }

    .finale.small,
    .finale.small .after,
    .finale.small .before {
        height: 95.3rem
    }

    .edge .finale.small,
    .edge .finale.small .after,
    .edge .finale.small .before,
    .ie .finale.small,
    .ie .finale.small .after,
    .ie .finale.small .before {
        height: 56.25vw
    }

    .finale.big,
    .finale.big .after,
    .finale.big .before {
        height: 116rem
    }

    .edge .finale.big,
    .edge .finale.big .after,
    .edge .finale.big .before,
    .ie .finale.big,
    .ie .finale.big .after,
    .ie .finale.big .before {
        height: 56.25vw
    }

    .finale.textWrapper {
        background: 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .finale .contentBlock {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 100vw;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        padding: 15.5rem 14vw 0;
        background-color: transparent !important;
        background-image: none !important;
        overflow: hidden
    }
}*/