.bookup{
    position : relative;
}

.page .bookup{
    margin-left  : -150px;
    margin-right : -150px;
}
@media (max-width: 1280px){
    .page .bookup{
        margin-left  : -5%;
        margin-right : -5%;
    }
}

.bookup-video {
    position : relative;
}

.logo-text-bookup {
    display    : block;
    max-width  : 792px;
    margin     : 35px auto 0;
    text-align : center;
    overflow   : hidden;
}

.logo-text-bookup span,
.logo-text-bookup h1 {
    display    : inline-block;
    color      : #162c5d;
    font       : bold italic 46px/1.1 NewParis;
    text-align : center;
    position   : relative;
    border-bottom: none;
}

.logo-text-bookup span:before,
.logo-text-bookup h1:before,
.logo-text-bookup span:after,
.logo-text-bookup h1:after {
    content    : '';
    width      : 1500px;
    height     : 0;
    border-top : 2px solid #ffc606;
    position   : absolute;
    top        : 50%;
}

.logo-text-bookup span:before,
.logo-text-bookup h1:before {
    right : 110%;
}

.logo-text-bookup span:after,
.logo-text-bookup h1:after {
    left : 110%;
}

.sub-title-bookup {
    margin         : 35px auto;
    font           : bold 19px/1.2 NewParisSkyline;
    color          : #777;
    text-align     : center;
    text-transform : uppercase;
}

.bookup .logo-bookup {
    margin  : 8px auto;
    display : block;
}

.bookup .page-short-info {
    border     : 4px solid #ffc606;
    padding    : 12px;
    background : white;
    position   : relative;
    z-index    : 1;
    text-align : center;
}

.bookup .page-short-info a.image,
.bookup .page-short-info .video-container {
    width           : 100%;
    display         : inline-block;
    position        : relative;
    background      : no-repeat 50% 50%;
    padding-top     : 56%;
    background-size : cover;
}

.bookup .page-short-info .video-embed {
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    position : absolute;
}

.bookup .page-short-info a.image .image-caption {
    color: rgba(255, 255, 255, 0.75);
    right: 0px;
    bottom: 0px;
    position : absolute;
    padding: 0 10px;
    font-size: 13px;
    /* font-style: italic; */
    font-family: NewParisSkyline;
    background-color: rgba(0, 0, 0, 0.47);
}
/*.bookup .bookup-video img{
    width: 94.58%;
}*/
.bookup .students img {
    width : 100%;
}

.bookup .blue:not(.bkup) {
    margin     : -32px 0 45px;
    padding    : 61px 0 22px;
    border-top : 2px solid #ffc606;
    text-align : center;
    position   : relative;
}

.bookup .blue h1 {
    color         : white;
    font          : 35px/1.1 NewParis;
    padding       : 0 16%;
    margin-bottom : 10px;
}

.bookup .blue h1:before,
.bookup .blue h1:after {
    content  : "";
    position : absolute;
    width    : 31px;
    height   : 26px;
}

.bookup .blue h1:before {
    background      : url("../images/quote-right.png") no-repeat;
    margin          : -4px 0 0 -42px;
    background-size : contain;
}

.bookup .blue h1:after {
    background      : url("../images/quote-left.png") no-repeat;
    margin          : 1px 0 0 11px;
    background-size : contain;
}

.bookup .blue h2 {
    color          : white;
    font           : 22px/1.1 NewParis;
    text-transform : uppercase;
}

.bookup .blue .small {
    font         : 16px/10px normal NewParis;
    color        : #ffc606;
    margin-top   : 19px;
    padding-left : 14px;
}

.bookup .blue .small:before {
    content         : "";
    position        : absolute;
    background      : url("../images/twitter.png") no-repeat;
    width           : 21px;
    height          : 18px;
    margin          : -7px 0 0 -25px;
    background-size : cover;
}

.bookup .content-wrapper {
    width   : 100%;
    margin  : 36px auto;
    padding : 0 15px;
}

.bookup .stories {
    text-align: center;
}
.bookup .stories .tab-post-item {
    background-color : #f1f2f2;
    width            : 363px;
    height           : 427px;
    margin           : 0 2px 22px;
    display : inline-block;
}
.bookup .stories .tab-post-item >a {
    text-decoration: none;
}
.bookup .stories .picture {
    text-align : center;
    margin     : 12px 0 16px;
}

.bookup .stories .picture img {
    max-width : 100%;
    height    : auto;
}

.bookup .stories h4 {
    font   : normal 15px/19px NewParisSkyline;
    color  : #162c5d;
    margin : 0 8px 5px;
}

.bookup .stories h4 a {
    color : inherit;
}

.bookup .stories .text-story {
    font   : normal 13px/18px NewParis;
    color  : #000f08;
    margin : 0 8px;
}

.bookup .stories .read-more {
    margin-left : 8px;
}

.bookup .faculty {
    padding : 30px 11px 0;
    width   : 85%;
    margin  : 0 auto;
    /* text-align: center; */
}

.author-circle-item,
.bookup .faculty figure {
    display       : inline-block;
    width         : 185px;
    margin-bottom : 63px;
}

.bookup .faculty figcaption {
    font           : 12px/12px NewParisSkyline;
    color          : #6d7b8c;
    text-transform : uppercase;
    text-align     : center;
}

.bookup .faculty p {
    text-align    : center;
    margin-bottom : 16px;
}

.bookup .circle-image {
    width                 : 150px;
    height                : 150px;
    cursor                : pointer;
    display               : inline-block;
    position              : relative;
    background            : no-repeat 50% 50%;
    background-size       : cover;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    border-radius         : 50%;
}

.bookup .circle-image:before {
    top                : 50%;
    left               : 0;
    font               : 48px GothamHTFBook;
    color              : #ffc606;
    width              : 100%;
    content            : "+";
    position           : absolute;
    text-align         : center;

    opacity            : 0;

    -webkit-transform  : translateY(-50%);
    -moz-transform     : translateY(-50%);
    -ms-transform      : translateY(-50%);
    -o-transform       : translateY(-50%);
    transform          : translateY(-50%);

    -webkit-transition : opacity .4s ease;
    -moz-transition    : opacity .4s ease;
    -ms-transition     : opacity .4s ease;
    -o-transition      : opacity .4s ease;
    transition         : opacity .4s ease;

}

.bookup .circle-image:hover:before {
    opacity : 1;
}

.bookup .about.is-active.tab-content {
    width  : 85%;
    margin : 0 auto;
    display: block;
}

.bookup .students {
    margin-bottom : 17px;
}

.bookup .about h3 {
    font          : 20px/1.5 NewParisSkyline;
    color         : #162c5d;
    margin-bottom : 17px;
}

.bookup .about figure {
    width  : 248px;
    margin : 0 5px 10px 0;
}
.bookup .about figure.alignleft {
    float : left;
    margin : 0 25px 5px 0;
}
.bookup .about figure.alignright {
    float : right;
    margin : 0 0 5px 25px;
}

.bookup .about figcaption {
    color: gray;
    /*font: italic 14px/2 NewParisSkyline;*/
    font: italic 14px/1.2 NewParisSkyline;
    margin-top: 8px;
}

.bookup .about .saying {
    font  : 17px/1 AbrilDisplaySemiBoldItalic;
    color : white;
}

.bookup .about .student-name {
    color      : #ffc606;
    font       : 12px/1 NewParisSkyline;
    margin-top : 19px;
}

.bookup .tab-content a {
    color           : #162c5d;
    text-decoration       : underline !important;
    text-decoration-color : #ffc606 !important;
    /* border-bottom: 1px solid #ffc606; */
}

.bookup .tab-content:not(.win) p,
.bookup .tab-content ul {
    font          : 17px/24px NewParis;
    margin-bottom : 22px;
}

.bookup .tab-content ul {
    overflow : hidden;
}

.bookup .tab-content ul {
    list-style: disc;
    padding-left : 25px;
}

.bookup .tab-content:not(.win) p strong {
    font : 17px/24px NewParis;
    font-weight: bolder;
}

.bookup .about h5 {
    font           : 16px/24px NewParisSkyline;
    color          : #162c5d;
    text-transform : uppercase;
}

.bookup .about .quote-wrapper {
    margin  : 31px 81px 56px;
    padding : 27px 51px;
}

.bookup .about .quote {
    text-align : center;
}

@media (max-width : 767px) {
    .bookup .content-wrapper {
        padding : 0 20px;
    }

    .bookup .about,
    .bookup .faculty {
        width : 100%;
    }

    .bookup .about .quote-wrapper {
        margin : 31px 0 56px;
    }

    .bookup .bookup-video,
    .bookup .line {
        display : none;
    }

    .bookup .about figure {
        width        : 48.7%;
        margin : 0 0 25px 0;
    }

    .bookup .about .saying {
        font-size : 20px;
    }

    /*.bookup .about figcaption {
        padding : 30px 15px 0 23px;
        height  : 170px;
    }*/

    .bookup .about .student-name {
        font-size  : 15px;
        margin-top : 26px;
    }

    .bookup-menu a.donate {
        padding-left    : 0;
        background      : url(../images/donate.png) 123px 4px no-repeat;
        background-size : 22px 18px;
    }
}

@media (max-width : 427px) {
    .bookup .about .saying {
        font-size : 17px;
    }

    .bookup .about .student-name {
        font-size  : 12px;
        margin-top : 19px;
    }
}