.community .pageHeader{
    max-width: 1300px;
    margin: 0 auto;
    border-bottom: 15px solid #e6e7e8;
}

.community .pageHeader .hero-image{
    background-image: url(../../../images/community/community-hero-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 470px;
    padding: 80px;
}

    .community .pageHeader .hero-image h1{
        font-family: 'BodoniStd';
        color: white;
        font-size: 52px;
        padding: 10px 50px;
        background-color: rgba(0, 126, 195, 0.9);
        width: 365px;
        margin-left: auto;
    }

    .community .pageHeader .hero-image h1:last-of-type{
        width: 232px;
        margin-top: 10px;
    }

    .community .pageHeader .hero-image h2{
        font-family: 'Mightype Script';
        color: white;
        font-size: 64px;
        text-shadow: 2px 2px 10px black;
        margin-top: 80px;
    }

.community .promise-wrapper{
    border-top: 15px solid #e6e7e8;
    padding: 0 110px;
    position:relative;
    padding-bottom: 80px;
}

    .community .promise-wrapper .promise{
        width: 250px;
    }

        .community .promise h3{
            color: #007ec3;
            font-family: 'BodoniStd';
            font-size: 64px;
            margin-top: 40px;
            margin-bottom: 40px;
        }

            .community .promise h3 span:first-of-type {
                font-size: 40px;
                display: block;
                line-height: 20px;
                margin-left: 20px;
            }

            .community .promise h3 span:nth-of-type(2){
                line-height: 41px;
                display: block;
            }

            .community .promise h3 span:last-of-type{
                line-height: 35px;
                display: block;
                margin-left: 25px;
            }

        .community .promise p{
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            color: #6d6e71;
        }

.community .header-video-wrapper{
    position: absolute;
    right: 110px;
    top: -230px;
    width: 660px;
}

    .community .header-video-wrapper > h2{
        font-family: 'Mightype Script';
        color: white;
        font-size: 58px;
        margin-bottom: 30px;
        text-align: center;
        text-shadow: 2px 2px 10px black;
        text-align:center;
    }

    .community .header-video-wrapper .fancybox > img{
        width:100%;
        border: 7px solid white;
        box-shadow: 2px 10px 9px #d1d3d4;
    }

.community .video-inner-content{
    position:absolute;
    bottom: 55px;
    left: 45px;
}

    .community .video-inner-content h3{
        font-family: 'Mightype Script';
        color: white;
        font-size: 38px;
    }

        .community .video-inner-content h3 span{
            font-family: 'Amatic-Bold';
            display: block;
            font-size: 54px;
        }

    .community .video-inner-content img{
        width: 125px;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

.community .horizontal-scroller{
    height: 1100px;
    overflow-x: hidden;
    position:relative;
    padding: 40px 0;
}

    .community .horizontal-scroller h3{
        color: #067fc2;
        font-family: 'BodoniStd';
        text-align: center;
        font-size: 64px;
        margin-bottom: 50px;
    }

.community .horizontal-scroll-wrapper{
    overflow: hidden;
    width: 4500px;
}

.community .frame {
    width: 100%;
    height: 890px;
    padding: 0;
}

.community .frame .slidee {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}

.community .frame .slidee .slide {
  float: left;
  padding: 0;
  width: 400px;
  height: 100%;
}

.community .frame .slide:nth-of-type(1){
    margin-left:60px;
}

.community .blue-background{
    background-color: #067fc2;
    color: white;
}

.community .slide .text{
    width: 475px;
    padding: 30px;
    height: 215px;
    position: relative;
    vertical-align:top;
    box-shadow: 5px 5px 25px #a5a3a3;
}

.community .slide:nth-of-type(1) .text{
    margin-left: 130px;
    margin-top: 97px;
}

.community .slide:nth-of-type(even) .text {
    text-align: right;
    margin-top: 43px;
    padding-right: 100px;
    padding-left: 0;
    width: 511px;
}

.community .slide .text.no-shadow{
    box-shadow:none;
}

    .community .slide .text img {
        position: relative;
        z-index:110;
        width: 40px;
    }

    .community .slide:nth-of-type(odd) .text img {
        margin-top: 65px;
        margin-right: 15px;
    }

    .community .slide:nth-of-type(even) .text img {
        margin-top: -58px;
        margin-left: 10px;
    }

    .community .slide .text .blurb{
        width: 355px;
        display: inline-block;
        vertical-align: top;
    }

     .community .slide .text .blurb.blue h4{
        color:#067fc2;
     }

        .community .slide .text .blurb h4{
            font-family: 'BodoniStd';
            font-size: 48px;
            margin-bottom: 10px;
            line-height: 48px;
        }

        .community .slide .text .blurb p{
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
        }

.community .slide:nth-of-type(1) > img{
    width: 420px;
    margin-top: -52px;
    position: relative;
    z-index:50;
}

.community .slide:nth-of-type(2){
    margin-left: -250px;
}

.community .slide:nth-of-type(2) .image-background{
    margin-top: 384px;
    padding: 0px 40px;
    height: 268px;
    background-color: #067fc2;
    width: 385px;
    position: relative;
    margin-left: 205px;
    box-shadow: 5px 5px 25px #a5a3a3;
}

    .community .slide:nth-of-type(2) .image-background img{
        width: 305px;
        margin: 0 auto;
        display: block;
        position: relative;
        z-index: 100;
    }

.community .slide:nth-of-type(3){
    margin-left: 112px;
}

    .community .slide:nth-of-type(3) > img{
        width: 565px;
        margin-top: -52px;
        z-index: 100;
        position: relative;
    }

    .community .slide:nth-of-type(3) .text{
        margin-left: 230px;
    }

.community .slide:nth-of-type(4){
    margin-left: -100px;
}

    .community .slide:nth-of-type(4) .image-background {
        margin-top: 270px;
        margin-left: 244px;
        padding-top: 35px;
        width: 447px;
        height: 335px;
        box-shadow: 10px 5px 25px #a5a3a3;
    }

        .community .slide:nth-of-type(4) .image-background img {
            width: 565px;
            position: relative;
            z-index: 50;
        }

        .community .slide:nth-of-type(4) .text {
            margin-top: 31px;
            padding-right: 20px;
            padding-bottom: 33px;
            padding-top: 85px;
            width: 520px;
            margin-left: 44px;
            height: 230px;
        }

        .community .slide:nth-of-type(4) .blurb {
            width: 395px;
        }

.community .slide:nth-of-type(5){
    margin-left: 380px;
}

    .community .slide:nth-of-type(5) > img{
        z-index: 52;
        position: relative;
        margin-top: -57px;
        width: 460px;
    }

    .community .slide:nth-of-type(5) .text{
        margin-left: 182px;
        margin-top: 57px;
        width: 585px;
    }

        .community .slide:nth-of-type(5) .text .blurb{
            width: 444px;
        }

.community .slide:nth-of-type(6){
    margin-left: -27px;
}

    .community .slide:nth-of-type(6) .image-background{
        margin-top: 354px;
        padding: 0 45px;
        width: 396px;
        height: 267px;
        box-shadow: 10px 5px 25px #a5a3a3;
    }

        .community .slide:nth-of-type(6) .image-background img{
            width: 330px;
            z-index: 53;
            position: relative;
        }

    .community .slide:nth-of-type(6) .text{
        margin-left: -210px;
        margin-top: 70px;
        padding-right: 0;
        width: 445px;
    }

        .community .slide:nth-of-type(6) .text .blurb{
            width: 385px;
        }

.community .slide:nth-of-type(7){
    margin-left: -45px;
}

    .community .slide:nth-of-type(7) > img{
        width: 565px;
        margin-top: -71px;
        z-index: 100;
        position: relative;
    }

    .community .slide:nth-of-type(7) .text{
        margin-left: 240px;
        padding-top: 10px;
    }

.community .slide:nth-of-type(8){
    margin-left: -100px;
}

    .community .slide:nth-of-type(8) .image-background {
        margin-top: 270px;
        margin-left: 244px;
        padding-top: 35px;
        width: 447px;
        height: 335px;
        box-shadow: 10px 5px 25px #a5a3a3;
    }

        .community .slide:nth-of-type(8) .image-background img {
            width: 565px;
            position: relative;
            z-index: 50;
        }

        .community .slide:nth-of-type(8) .text {
            margin-top: 31px;
            padding-right: 20px;
            padding-bottom: 33px;
            padding-top: 85px;
            width: 520px;
            margin-left: 44px;
            height: 230px;
        }

        .community .slide:nth-of-type(8) .blurb {
            width: 395px;
        }

.community .slide:nth-of-type(9){
    margin-left: 380px;
}

    .community .slide:nth-of-type(9) > img{
        z-index: 52;
        position: relative;
        margin-top: -57px;
        width: 460px;
    }

    .community .slide:nth-of-type(9) .text{
        margin-left: 182px;
        margin-top: 57px;
        width: 585px;
    }

        .community .slide:nth-of-type(9) .text .blurb{
            width: 444px;
        }

.community .slide:nth-of-type(10){
    margin-left: -27px;
}

    .community .slide:nth-of-type(10) .image-background{
        margin-top: 354px;
        padding: 0 45px;
        width: 420px;
        height: 260px;
        box-shadow: 10px 5px 25px #a5a3a3;
    }

        .community .slide:nth-of-type(10) .image-background img{
            width: 330px;
            z-index: 53;
            position: relative;
            MARGIN-TOP: -25px;
        }

    .community .slide:nth-of-type(10) .text{
        margin-left: -210px;
        margin-top: 52px;
        padding-right: 0;
        width: 445px;
    }

        .community .slide:nth-of-type(10) .text .blurb{
            width: 385px;
        }

.community .move-left{
    position: absolute;
    left: 25px;
    top:510px;
}

    .community .move-left img, .community .move-right img{
        width: 45px;
    }

.community .move-right{
    position: absolute;
    right: 25px;
    top:510px;
}

.community .contributions-wrapper{
    background-color: #f1f1f1;
    padding: 60px 0;
}

    .community .contributions-wrapper h2{
        color: #007ec3;
        font-family: 'BodoniStd';
        text-align: center;
        font-size: 76px;
        margin-bottom: 30px;
    }

    .community .contributions-wrapper .contributions{
        width: 1300px;
        margin: 0 auto;
    }

        .community .contributions-wrapper .contribution{
            display:inline-block;
            vertical-align:top;
            width: 420px;
        }

        .community .contributions-wrapper .contribution:nth-of-type(2){
            margin:0 15px;
        }

            .community .contributions-wrapper .contribution img{
                border: 7px solid white;
                box-shadow: 2px 10px 9px #d1d3d4;
                width:98%;
                margin-bottom: 50px;
            }

            .community .contributions-wrapper .contribution h3 {
                color: #007ec3;
                font-family: 'BodoniStd';
                font-size: 42px;
                line-height: 40px;
                width: 327px;
                margin: 0 auto;
                margin-bottom: 30px;
            }

            .community .contributions-wrapper .contribution:nth-of-type(2) h3, .community .contributions-wrapper .contribution:nth-of-type(2) p {
                width: 349px;
            }

            .community .contributions-wrapper .contribution p {
                font-size: 16px;
                width: 320px;
                margin: 0 auto;
                color: #6d6e71;
                font-family: 'Open Sans', sans-serif;
            }
