#top-menu-nav {
    /* display: none;*/
}

#et_mobile_nav_menu {
    /*display: block;*/
}

.et_mobile_menu {
    /* position: fixed;*/
}

#badgesHolder .et_pb_module {
    padding: 20%;
    border-left: 1px solid #eeedf3;
    border-right: 1px solid #eeedf3;
    border-top: 2px solid #eeedf3;
}

#badgesHolder .et_pb_row:last-child {
    border-bottom: 2px solid #eeedf3;
}

.iou-hash-subtitle.greenish {
    color: #000;
    padding-bottom: 0 !important;
}

.violet_text_content.greenish {
    margin: 0 auto;
    font-size: 30px;
    max-width: 730px;
}

#pledgeFormHolder {
    /*-webkit-border-bottom-right-radius: 82px;
    -moz-border-radius-bottomright: 82px;
    border-bottom-right-radius: 82px;*/
    margin-bottom: 60px;
}

input:required {
    border-color: #ccc !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
    border-bottom: 1px solid #fff !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    border-bottom: 1px solid #fff !important;
}

.white_title.pledgeTitle {
    /*font-family: 'Code Pro Black';*/
    font-family: 'AvenirNext-Bold';
    text-transform: none;
    font-size: 52px;
}

#signuptable .input {
    clear: left;
    position: relative;
    width: 100%;
    padding-bottom: 8%;
    min-height: 50px;
    max-width: 550px;
}

#signuptable .longWidth .input {
    max-width: 100%;
}

#signuptable .input input {
    display: block;
    width: 100%;
    padding: 8px 0;
    caret-color: #fff;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: none;
    font-family: 'AvenirNext-Regular';
    font-size: 24px;
}

#signuptable .indicates-required {
    text-align: right;
    font-size: 11px;
    margin-right: 4%;
}

#signuptable ::-webkit-input-placeholder {
    /*color: #8f7995 !important;*/
    color: #616161 !important;
}

#signuptable :-moz-placeholder {
    color: #fff !important;
}

#signuptable ::-moz-placeholder {
    color: #fff !important;
}

#signuptable :-ms-input-placeholder {
    color: #fff !important;
}

#signuptable input.error {
    border: 1px solid red;
}

#email .required {
    border: none;
    border-bottom: 1px solid #fff;
}

#signuptable input.valid {
    border: none;
    border-bottom: 1px solid #fff;
}

.error+label {
    color: red;
}

.checkiebox label {
    position: absolute;
}

.pledgeSubmit input {
    border: none;
    background: #d52c33;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 14px 68px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    font-family: 'AvenirNext-Bold';
    font-size: 28px;
    letter-spacing: 0.6px;
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}

.pledgeSubmit input:hover {
    border-radius: 20px;
}

.five-columns .et_pb_module {
    width: 20%;
    float: left;
}

.et_pb_tabs {
    border-bottom: none;
}

.et_pb_tabs .et_pb_all_tabs .et_pb_tab {
    max-width: 1080px;
    margin: 0 auto;
    font-family: 'ACaslonPro-Semibold';
    text-align: center;
}

.et_pb_all_tabs {
    padding-top: 50px;
    border-top: 1px solid #fff;
}

.et_pb_tabs .et_pb_tabs_controls li {
    text-align: center;
    background-color: #000;
    border-right: 1px solid #fff;
    font-size: 24px;
    line-height: 44px;
}

.et_pb_tabs .et_pb_tabs_controls li:hover {
    background-color: #57bcc5;
}

.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #57bcc5;
}

.et_pb_tabs_controls li a, .et_pb_tab_active a {
    color: #fff !important;
    text-transform: initial;
    letter-spacing: 1.2px !important;
    padding: 5px 30px 5px;
}

.et_pb_tabs .et_pb_all_tabs .et_pb_tab h3 {
    color: #000;
    margin-bottom: 20px;
}

.et_pb_tabs .et_pb_all_tabs .et_pb_tab p {
    color: #000;
    line-height: 32px !important;
}

.et_pb_tabs_controls li {
    width: 25%;
}

#pAccordion .et_pb_toggle {
    margin-bottom: 0;
}

#signuptable .checkiebox {
    font-size: 20px;
    color: #fefefe;
}

#signuptable .input #checkTerms {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 22px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.flip {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: transform 700ms ease;
    -moz-transition: -moz-transform 700ms ease;
    -ms-transition: -ms-transform 700ms ease;
    -o-transition: -o-transform 700ms ease;
    -webkit-transition: -webkit-transform 700ms ease;
    opacity: 1 !important;
}

.pllexislider .pllex-direction-nav .pllex-prev:before, .pllexislider .pllex-direction-nav .pllex-next:before {
    display: none;
}

.pllex-next:before {
    content: '' !important;
}

.pllex-prev:before {
    content: '' !important;
}

.tilerGallery, .tilerGallery .et_pb_text {
    background-color: #000 !important;
}

.tilerGallery .et_pb_text {
    background-color: #000 !important;
    opacity: 0;
}

.tilerGallery img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.tilerGallery .isFloated {
    width: 32.7%;
    float: left;
    margin: 0;
    padding: 0 0 0.5% !important;
}

.tilerGallery .tobePushed {
    margin-left: 0.9%;
}

.tilerGallery:last-child {
    margin-bottom: 54px;
}

.tilerGallery {
    width: 122%;
}

@media (max-width: 980px) {
    .twitter-home-slider-section .rev_slider .tp-caption {
        transform: scale(0.75) !important;
    }
    .tilerGallery {
        width: 100%;
    }
    .iou-hash-subtitle.greenish {
        font-size: 56px !important;
        word-wrap: normal;
        padding: 0;
    }
    .tilerGallery .et_pb_column, .tilerGallery .et_pb_column .et_pb_module {
        margin-bottom: 0 !important;
    }
    .tilerGallery .et_pb_row_4col>.et_pb_column.et_pb_column_1_4, .tilerGallery .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .tilerGallery .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4, .tilerGallery .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 {
        width: 47% !important;
        margin-right: 3% !important;
    }
    .tilerGallery .et_pb_column_1_2 {
        margin-right: 3% !important;
    }
    .tilerGallery .tobePushed {
        margin-left: 0.9%;
    }
    .tilerGallery .et_pb_row .et_pb_column:last-child {
        margin-right: 3% !important;
    }
    .post_slider_ourstory .tp-caption {
        font-size: 20px !important;
        line-height: 32px !important;
        font-family: DanielBold !important;
        color: #46254f !important;
        white-space: pre-line !important;
        text-align: center !important;
        width: 400px !important;
    }
}

.et_pb_fullwidth_code_0 .hades.tparrows {
    display: none;
}

#rev_slider_4_1 .hades.tparrows {
    height: 134px;
    width: 67px;
}

#socialSliderHolder .pllexislider li {
    -webkit-border-bottom-left-radius: 12%;
    -moz-border-radius-bottomleft: 12%;
    border-bottom-left-radius: 12%;
    overflow: hidden;
}

#socialSliderHolder .pllexislider .pllex-direction-nav {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 1%;
    background-color: transparent;
    border-radius: 0;
}

#socialSliderHolder .pllexislider .pllex-direction-nav li:first-child {
    float: none;
    border: none;
}

#socialSliderHolder .pllexislider .pllex-direction-nav .pllex-prev::before, #socialSliderHolder .pllexisli%der .pllex-direction-nav .pllex-next::before {
    content: '';
    padding: 0;
    font-size: inherit;
}

#instaSlidericon {
    width: 60px;
    height: 60px;
    top: 25px;
    right: 4%;
    position: absolute;
    z-index: 3;
    background: url(http://dev.modopdev.com/2017/civic-nation/its-on-us/wp-content/uploads/2017/03/slider-instagram-icon.png) no-repeat;
}

#fbSlidericon {
    width: 60px;
    height: 60px;
    top: 25px;
    right: 4%;
    position: absolute;
    z-index: 3;
    margin-left: -30px;
    background: url(http://dev.modopdev.com/2017/civic-nation/its-on-us/wp-content/uploads/2017/03/fb-icon-slider.png) no-repeat;
}

.cff-wrapper {
    padding: 26% 0 60%;
}

.cff-link-title a {
    display: none;
}

#cff .cff-shared-link {
    margin: 0 !important;
    padding: 0 !important;
}

#cff {
    float: none;
    width: 68%;
}

#cff p {
    margin: 0;
}

.cff-post-links {
    float: none !important;
}

a.cff-viewpost-facebook {
    position: relative;
    top: 6px;
    display: inline-block !important;
    width: auto !important;
    background: #3b5998;
    padding: 13px 10px !important;
    text-align: center !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.cff-author, #cff .cff-item, .cff-media-link {
    display: none;
}

.cff-share-link, .cff-dot, .cff-link-caption, .cff-post-desc {
    display: none !important;
}

.cff-post-text, .cff-post-desc {
    font-size: 26px;
    color: #fff;
    line-height: 34px !important;
}

.cff-post-text a, .cff-post-desc a {
    font-weight: bold;
}

.cycleArrows {
    display: block;
    cursor: pointer;
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    top: 37%;
}

#prev2, #prev3 {
    background-image: url(http://dev.modopdev.com/2017/civic-nation/its-on-us/wp-content/uploads/2017/03/left_large_arrow.png) !important;
    background-repeat: no-repeat;
    height: 134px;
    width: 67px;
    position: absolute;
    z-index: 3;
    left: 1%;
}

#next2, #next3 {
    background-image: url(http://dev.modopdev.com/2017/civic-nation/its-on-us/wp-content/uploads/2017/03/right_large_arrow.png) !important;
    background-repeat: no-repeat;
    height: 134px;
    width: 67px;
    right: 1%;
    position: absolute;
    z-index: 3;
}

@media (max-width: 1490px) {
    .et_pb_tabs .et_pb_tabs_controls li {
        font-size: 20px;
    }
}

@media (max-width: 1401px) {
    .cff-post-text, .cff-post-desc {
        font-size: 18px;
    }
    .cff-post-desc {
        display: none;
    }
    #socialSliderHolder .pllexislider .pllex-direction-nav {
        top: -4px;
    }
}

@media (min-width: 1120px) and (max-width: 1300px) {
    .et_pb_tabs .et_pb_tabs_controls li {
        font-size: 16px;
    }
}

@media (min-width: 745px) and (max-width: 1080px) {
    .download-wrapper, .image-canvas-wrapper, .image-select-wrapper {
        width: 240px !important;
        height: 240px !important;
    }
    .image-select, .download-container {
        width: 240px !important;
        height: 240px !important;
    }
    .image-text, .download-button {
        font-size: 18px !important;
    }
}

@media (min-width: 20px) and (max-width: 744px) {
    .main-wrapper>div {
        clear: both;
        margin: 0 auto;
        display: block;
    }
    .image-select, .download-container, .download-wrapper, .image-select-wrapper {
        height: 130px !important;
    }
    .image-select-text, .download-button-container {
        vertical-align: top !important;
    }
    .image-canvas-wrapper {}
}

@media (min-width: 1020px) and (max-width: 1119px) {
    .et_pb_tabs .et_pb_tabs_controls li {
        font-size: 14px;
    }


    @supports (-webkit-overflow-scrolling: touch) {

    .et_pb_tabs .et_pb_tabs_controls li {
        font-size: 12px;
    }

    }

}

@media (min-width: 981px) and (max-width: 1019px) {
    .et_pb_tabs .et_pb_tabs_controls li {
        font-size: 13px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .cff-wrapper {
        padding: 22% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        line-height: 32px !important;
        font-size: 22px;
    }
    #socialSliderHolder .pllexislider .pllex-direction-nav {
        top: -4px;
    }
}

@media (min-width: 1102px) and (max-width: 1200px) {
    .cff-wrapper {
        padding: 23% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        line-height: 28px !important;
        font-size: 20px;
    }
    #socialSliderHolder .pllexislider .pllex-direction-nav {
        top: -4px;
    }
}

@media (min-width: 1090px) and (max-width: 1101px) {
    .cff-post-text, .cff-post-desc {
        font-size: 18px;
        line-height: 30px !important;
    }
    .cff-wrapper {
        padding: 23% 0 60%;
    }
    #socialSliderHolder .pllexislider .pllex-direction-nav {
        top: -4px;
    }
}

@media (min-width: 981px) {
    #socialSliderHolder .et_pb_column_1_2 {
        width: 49.66%;
        margin-right: 0.68%;
    }
}

@media (min-width: 981px) and (max-width: 1089px) {
    .cff-post-text, .cff-post-desc {
        font-size: 18px;
        line-height: 26px !important;
    }
    .cff-wrapper {
        padding: 21% 0 60%;
    }
    #socialSliderHolder .pllexislider .pllex-direction-nav {
        top: -4px;
    }
}

@media (max-width: 980px) {
    #getInvolvedCampus.et_pb_section {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    #signuptable .input {
        max-width: 100%;
    }
    #signuptable .et_pb_column {
        margin-bottom: 0;
    }
    .pledgeSubmit {
        margin: 30px 0 50px;
        pa
    }
    #fbSlidericon, #instaSlidericon {
        right: 50%;
        margin-right: -30px;
    }
    .post_slider_ourstory .tparrows {
        top: 25% !important;
    }
}

@media(max-width: 767px) {
    .iou-hash-subtitle.greenish {
        font-size: 42px !important;
    }
    .violet_text_content.greenish {
        line-height: 20px;
    }
    .image-select-text, .download-button-container {
        vertical-align: bottom !important
    }
    .download-button-container {
        vertical-align: top!important;
    }
    #signuptable .checkiebox label {
        font-size: 13px;
        line-height: 17px;
    }
    .image-select-wrapper {
        margin-top: -5rem !important;
    }
    .post_slider_ourstory .tparrows {
        top: 13% !important;
    }
    .post_slider_ourstory .tp-caption {
        transform: scale(0.7) !important;
        width: 400px !important;
    }
}

@media (min-width: 767px) and (max-width: 980px) {
    .cff-post-desc {
        display: block;
    }
    .cff-post-text, .cff-post-desc {
        font-size: 23px;
    }
}

@media (min-width: 560px) and (max-width: 766px) {
    .cff-post-text, .cff-post-desc {
        font-size: 22px;
    }
    .cff-wrapper {
        padding: 20% 0 60%;
    }
}

@media (min-width: 480px) and (max-width: 559px) {
    .cff-post-text, .cff-post-desc {
        font-size: 17px;
        line-height: 26px !important;
    }
    .cff-wrapper {
        padding: 25% 0 60%;
    }
    #fbSlidericon, #instaSlidericon {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: 12px;
    }
}

@media (max-width: 480px) {
    .cff-wrapper {
        padding: 19% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        font-size: 16px;
        line-height: 24px !important;
    }
    .cycleArrows {
        -ms-transform: scale(0.35);
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
    }
    #cff {
        width: 64%;
    }
    #prev2, #prev3 {
        left: -6px;
    }
    #next2, #next3 {
        right: -6px;
    }
    #fbSlidericon, #instaSlidericon {
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 6px;
    }
    .twitter-home-slider-section .tparrows {
        top: 0% !important;
    }
    .post_slider_ourstory .tparrows.tp-leftarrow, .twitter-home-slider-section .tparrows.tp-leftarrow {
        transform: matrix(0.35, 0, 0, 0.35, -5, 0) !important;
    }
    .post_slider_ourstory .tparrows.tp-rightarrow, .twitter-home-slider-section .tparrows.tp-rightarrow {
        transform: matrix(0.35, 0, 0, 0.35, -62, 0) !important;
    }
    .pledgeSubmit {
        padding-top: 15%;
    }
}

@media (min-width: 381px) and (max-width: 431px) {
    .cff-wrapper {
        padding: 22% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        font-size: 16px;
        line-height: 20px !important;
    }
    #fbSlidericon, #instaSlidericon {
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 6px;
    }
    #pAccordion h5.et_pb_toggle_title {
        font-size: 22px;
    }
}

@media (min-width: 350px) and (max-width: 380px) {
    #cff {
        width: 74%;
    }
    .cff-wrapper {
        padding: 24% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        font-size: 15px;
        line-height: 20px !important;
    }
    #prev2, #prev3 {
        left: -14px;
    }
    #next2, #next3 {
        right: -14px;
    }
    #fbSlidericon, #instaSlidericon {
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 2px;
    }
    #pAccordion h5.et_pb_toggle_title {
        font-size: 18px;
    }
    .post_slider_ourstory .tparrows {
        top: 8% !important;
    }
}

@media (max-width: 349px) {
    .cff-wrapper {
        padding: 17% 0 60%;
    }
    .cff-post-text, .cff-post-desc {
        font-size: 14px;
        line-height: 18px !important;
    }
    #cff {
        width: 74%;
    }
    a.cff-viewpost-facebook {
        top: 3px;
        padding: 10px 10px !important;
    }
    .cycleArrows {
        -ms-transform: scale(0.27);
        -webkit-transform: scale(0.27);
        transform: scale(0.27);
        top: 31%;
    }
    #prev2, #prev3 {
        left: -14px;
    }
    #next2, #next3 {
        right: -14px;
    }
    #fbSlidericon, #instaSlidericon {
        -ms-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        top: 2px;
    }
    #pAccordion h5.et_pb_toggle_title {
        font-size: 16px;
    }
    .post_slider_ourstory .tparrows {
        top: 4% !important;
    }
}

@media(max-width:320px) {
    .white_title {
        font-size: 34px !important;
        line-height: 43px !important;
    }
    .white_text_content {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    #pledgeFormHolder .checkiebox label {
        font-size: 16px;
    }
    #pledgeFormHolder .et_pb_column {
        margin-bottom: 14px;
    }
    #pledgeFormHolder #signuptable .input input {
        font-size: 16px;
    }
    #pledgeFormHolder #signuptable .input input {
        font-size: 14px !important;
    }
    .iou-hash-subtitle.greenish {
        font-size: 33px !important;
    }
    #pledgeFormHolder {
        margin-bottom: 0px;
    }
    .image-select-wrapper, .image-select, .download-wrapper, .download-container {
        width: 320px !important;
    }
    .post_slider_ourstory .tp-caption {
        transform: scale(0.55) !important;
    }
    .et_pb_tabs .et_pb_all_tabs .et_pb_tab p {
        font-size: 16px !important;
        line-height: 21px !important;
    }

}
