@import url(font.css);

/*------------Global Styles---------------------*/
html {
    margin-top : 0 !important;
}

.blue {
    background-color : #162c5d;
}

.grey {
    background-color : #6d7b8c;
}

.light-grey {
    background-color : #e6e6e6;
}

body {
    color : #000f08;
}

.read-more a {
    color : #63585e;
    font  : normal 14px/19px NewParis;
}

.breadcrumbs {
    display        : inline-block;
    border-bottom  : 2px solid #ffc606;
    color          : #162c5d;
    /*font           : normal 10px NewParis;*/
    font : normal 10px GothamMedium;
    text-transform : uppercase;
    padding        : 20px 0 5px 49px;
}

.breadcrumbs a {
    color : #162c5d;
}

.breadcrumbs b {
    font-family : NewParisSkyline;
}

.back-background {
    left             : 0;
    right            : 0;
    height           : 69.5%;
    bottom           : 0;
    position         : absolute;
    background-color : #6d7b8c;
}

.entry-content a {
    text-decoration       : underline;
    text-decoration-color : #ffc606;
    /* border-bottom : 1px solid #ffc606; */
}

/* *** */
.wp-caption {
    border        : none;
    padding       : 0;
    max-width     : 100%;
    background    : transparent;
    text-align    : inherit;
    margin-bottom : 28px;
}

.wp-caption a {
    border : none;
}

.clearfix {
    display : table;
    clear   : both;
}

.wp-caption-text {
    font       : normal 15px/18px NewParisSkyline;
    color      : #888;
    margin-top : 4px;
    font-style : italic;
}

.wp-caption.alignleft {
    float  : left;
    margin : 6px 28px 28px 0;
}

.wp-caption.alignright {
    float  : right;
    margin : 6px 0 28px 28px;
}

/* *** */

.wrapper-content iframe {
    max-width: 100%;
}

/* *** */

.description ul {
    list-style-type : disc;
}

.page-short-info {
    width    : 792px;
    margin   : 0 auto;
    border   : 2px solid #6d7b8c;
    position : relative;
}

.page-short-info h1 {
    font          : bold italic 35px NewParisSkyline;
    color         : #162c5d;
    margin-bottom : 3px;
}

.page-short-info h2 {
    font  : 15px NewParisSkyline;
    color : #381208;
    /*text-transform : uppercase;*/
}

.page-short-info h2 strong {
    color : #162c5d;
}

/*Get Books menu */
.get-books-menu {
    width : 126px;
}

.get-books-menu h3 {
    background : #1d2d44;
    color      : #fff;
    font       : bold italic 21px NewParisSkyline;
    padding    : 3px 9px;
}

.get-books-menu .get-books-list {
    padding     : 12px 0 0 11px;
    list-style  : none;
    margin-left : 15px;
    border-left : 1px solid #1d2d44;
}

.get-books-menu h3 small {
    text-transform : uppercase;
    font           : 9px NewParisSkyline;
    vertical-align : baseline;
}

.get-books-menu li {
    margin-bottom : 8px;
}

.get-books-menu li:last-of-type {
    margin-bottom : 0;
}

.get-books-menu a {
    color         : #6d7b8c;
    font          : bold 12px NewParisSkyline;
    position      : relative;
    padding-right : 7px;
}

.get-books-menu a:after {
    content  : ">";
    position : absolute;
    right    : 0;
    color    : #ffc606;
}

/*Information block*/
.information-block {
    position : relative;
}

.information-block .information-title {
    position    : absolute;
    right       : 100%;
    bottom      : 100%;
    font        : bold italic 16px NewParisSkyline;
    color       : #6d7b8c;
    text-align  : right;
    padding     : 0px 8px 5px 0;
    white-space : nowrap;
}

.information-block .information-title:after {
    content           : "";
    width             : 55px;
    position          : absolute;
    left              : 100%;
    bottom            : 0;
    -webkit-transform : translate3d(-60%, 0, 0);
    transform         : translate3d(-60%, 0, 0);
    border-bottom     : 2px solid #a7b2bc;
}

.information-block .book-information {
    min-height : 160px;
}

.book-list li {
    padding-left   : 36px;
    font           : 12px NewParis;
    background     : url(../images/book/book-icon.png) left 2px / 25px auto no-repeat;
    text-transform : uppercase;
}

.book-list li a {
    font-family : NewParisSkyline;
    color       : #000;
    display     : block;
}

.winners-list {
    border              : 2px solid #ffc606;
    position            : relative;
    background-color    : #fff;
    border-bottom-width : 0;
}

.winners-list .year {
    margin            : 0 auto;
    position          : absolute;
    left              : 50%;
    bottom            : 100%;
    -webkit-transform : translate3d(-55%, 50%, 0);
    transform         : translate3d(-55%, 50%, 0);
    display           : inline-block;
    color             : #fff;
    background-color  : #6d7b8c;
    font-family       : AbrilDisplaySemiBoldItalic;
    padding           : 10px 11px 3px;
    text-align        : center;
}

.winners-list .year:after,
.winners-list .year:before {
    content                  : "";
    width                    : 35px;
    height                   : 40px;
    /*background               : url("../images/arrow.png") center / 100% auto no-repeat;*/
    position                 : absolute;
    top                      : 50%;
    -webkit-transform-origin : center 0;
    -ms-transform-origin     : center 0;
    -o-transform-origin      : center 0;
    transform-origin         : center 0;
}

.winners-list .year:before {
    right             : 100%;
    -webkit-transform : translate3d(0, -50%, 0);
    transform         : translate3d(0, -50%, 0);
}

.winners-list .year:after {
    left              : 100%;
    -webkit-transform : rotate(180deg) translate3d(0, -50%, 0);
    transform         : rotate(180deg) translate3d(0, -50%, 0);
}

.winners-list .year h2 {
    font-size   : 28px;
    line-height : 0.85;
    margin: 0 !important;
}

.winners-list .year p {
    color     : #ffc606;
    font-size : 20px;
    margin: 0 !important;
}

.drop-down select {
    width              : 100%;
    margin             : 0 auto;
    font               : bold italic 17px NewParisSkyline;
    color              : #fff;
    border             : 1px solid #ffc606;
    padding            : 7px 7px 7px 15px;
    background         : #ffc606;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

.drop-down-top {
    margin-top : 20px;
}

.drop-down-top select {
    float              : right;
    /*width              : 100%;*/
    margin             : 0 auto;
    font               : bold 20px NewParisSkyline;
    color              : #fff;
    background         : #ffc606;
    border             : 1px solid #ffc606;
    padding            : 7px 15px;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}

.drop-down select::-ms-expand,
.drop-down-top select::-ms-expand {
    display : none;
}

.drop-down option {
    background : #fff;
    color      : #162c5d;
}

.drop-down, .drop-down-top {
    margin   : 0 auto;
    position : relative;
}

.drop-down:after,
.drop-down-top:after {
    content           : "";
    width             : 8px;
    height            : 8px;
    border-style      : solid;
    border-color      : #162c5d;
    border-width      : 0 0 1px 1px;
    position          : relative;
    margin            : 4px auto;
    display           : block;
    -webkit-transform : rotate(-45deg);
    -ms-transform     : rotate(-45deg);
    -o-transform      : rotate(-45deg);
    transform         : rotate(-45deg);
}

.drop-down-top:after {
    left                     : 50%;
    bottom                   : -20px;
    position                 : absolute;
    -webkit-transform        : translateX(-50%) rotate(-45deg);
    -ms-transform            : translateX(-50%) rotate(-45deg);
    -o-transform             : translateX(-50%) rotate(-45deg);
    transform                : translateX(-50%) rotate(-45deg);
    /* *** */
    -webkit-transform-origin : 0 100%;
    -moz-transform-origin    : 0 100%;
    -ms-transform-origin     : 0 100%;
    -o-transform-origin      : 0 100%;
    transform-origin         : 0 100%;
}

.videos-wrapper p {
    font  : 16px / normal NewParisSkyline;
    color : #fff;
}

.videos-wrapper a {
    position : relative;
    display  : inline-block;
}

.videos-wrapper a:after {
    content           : "";
    width             : 70px;
    height            : 70px;
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translate3d(-50%, -50%, 0);
    transform         : translate3d(-50%, -50%, 0);
    background        : url("../images/under-35/videos/play-button.png") center / 100% auto no-repeat;
}

.videos-wrapper iframe:after {
    content           : "";
    width             : 70px;
    height            : 70px;
    position          : absolute;
    left              : 50%;
    top               : 50%;
    -webkit-transform : translate3d(-50%, -50%, 0);
    transform         : translate3d(-50%, -50%, 0);
}

.row {
    display                 : block;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -moz-box;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-justify-content : space-around;
    -ms-flex-pack           : distribute;
    justify-content         : space-around;
    -webkit-flex-wrap       : wrap;
    -ms-flex-wrap           : wrap;
    /* flex-wrap               : wrap; */
}

.left-line {
    width        : 11%;
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    border-right : 2px solid #a7b2bc;
}

/*Quote*/
.quote {
    position       : relative;
    font           : bold italic 25px / 1.2 NewParisSkyline;
    letter-spacing : -1.3px;
    color          : #6d7b8c;
}

.quote:after,
.quote:before {
    content  : "";
    width    : 47px;
    height   : 45px;
    position : absolute;
}

.quote:before {
    right             : 100%;
    bottom            : 100%;
    background        : url("../images/quote-right.png") center / 100% auto no-repeat;
    -webkit-transform : translate3d(0, 65%, 0);
    transform         : translate3d(0, 65%, 0);
    margin-right      : 18px;
}

.quote:after {
    left              : 100%;
    top               : 100%;
    background        : url("../images/quote-left.png") center / 100% auto no-repeat;
    -webkit-transform : translate3d(0, -55%, 0);
    transform         : translate3d(0, -55%, 0);
}

.quote-wrapper {
    border-top    : 1px dashed #ffc606;
    border-bottom : 1px dashed #ffc606;
    padding       : 27px 131px;
}

.bookup-menu {
    max-width : 1400px;
    margin    : 0 auto !important;
}

/*Tabs*/
.tab-content {
    display   : none;
    overflow  : hidden;
    max-width : 1400px;
}

@media (max-width : 1580px) {
    .tab-content.faculty figure {
        flex-basis : 19%
    }

}

@media (max-width : 939px) {
    .tab-content.faculty figure {
        flex-basis : 15%
    }

}

.is-active.tab-content {
    display : block;
}

.is-active.tab-content.row {
    display : -webkit-box;
    display : -webkit-flex;
    display : -moz-box;
    display : -ms-flexbox;
    display : flex;
}

.is-active.tab-content.about.row {
    display : block;
}

.tab-content h2 {
    font-size   : 24px;
    line-height : 1.6;
    margin      : 10px 0;
}

.tab-content h3 {
    font-size   : 20px;
    line-height : 1.6;
    margin      : 5px 0;
}

.blog-category + .picture a.story_photo > img {
    top       : 0;
    left      : 50%;
    position  : absolute;
    transform : translateX(-50%);
}

/*bookup menu*/
.bookup-menu {
    position      : relative;
    margin        : 0 6%;
    border-bottom : 1px solid #6d7b8c;
}

.bookup-menu a {
    font           : 16px/28px NewParisSkyline;
    color          : #6d7b8c;
    text-transform : uppercase;
}

/*
.bookup-menu a:first-of-type {
    padding-left : 85px;
}
*/

.bookup-menu a {
    /*width : 25%;*/
    flex-grow    : 1;
    text-align   : center;
    border-right : 1px solid #6d7b8c;
}

.bookup-menu a:last-child {
    border-right-color : transparent;
}

.bookup-menu .menu-wrap {
    /*align-content: stretch;*/
    /*justify-content : center;*/
    /*-webkit-justify-content: center;*/
    /*flex-grow: 1;*/
}

.bookup-menu a:first-of-type:after,
.bookup-menu .active-item:after {
    content     : '';
    position    : relative;
    background  : url("../images/menu-icon.png") no-repeat;
    width       : 30px;
    height      : 16px;
    display     : none;
    margin-left : 10px;
}

.bookup-menu a.donate {
    padding    : 0 80px 0 20px;
    background : url("../images/donate.png") 0 8px no-repeat;
}

.bookup-menu span {
    width            : 1px;
    height           : 28px;
    background-color : #6d7b8c;
}

.bookup-menu a.is-active {
    color       : #162c5d;
    font-family : NewParisSkyline;
    font-weight : bold;
}

.bookup-menu .active-item {
    position       : absolute;
    display        : none;
    color          : #162c5d;
    font           : 24px/28px NewParisSkyline;
    z-index        : 2;
    height         : 30px;
    text-transform : uppercase;
}

.owl-stage-outer {
    overflow : hidden;
}

.owl-item {
    display : inline-block;
}

/*Bio popup*/
.bio-popup {
    display    : none;
    width      : 100%;
    height     : 100%;
    position   : fixed;
    left       : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.5);
    z-index    : 2;
    overflow   : auto;
}

.bio-popup.show {
    display : block;
}

.bio-popup-content {
    width                 : 81%;
    position              : relative;
    border                : 1px solid #162c5d;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    background            : #fff;
    margin                : 55px auto 55px;
}

.bio-popup-content h1 {
    background : #162c5d;
    color      : #ffc606;
    text-align : left;
    font       : 40px AbrilDisplaySemiBoldItalic;
    padding    : 10px 60px 2px 22px;
}

.bio-popup-content .close {
    width                 : 30px;
    height                : 30px;
    position              : absolute;
    top                   : 15px;
    right                 : 17px;
    -webkit-border-radius : 50%;
    border-radius         : 50%;
    border                : 1px solid #ffc606;
    z-index               : 1;
}

.bio-popup-content .close:before,
.bio-popup-content .close:after {
    content     : "";
    height      : 25px;
    position    : absolute;
    left        : 50%;
    top         : 50%;
    border-left : 1px solid #ffc606;
}

.bio-popup-content .close:before {
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(-45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(-45deg);
}

.bio-popup-content .close:after {
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}

.bio-popup-content .bio-photo {
    width               : 31.5%;
    padding             : 40px 10px;
    text-align          : center;

    -ms-flex-item-align : center;
    -ms-grid-row-align  : center;
    -webkit-align-self  : center;
    align-self          : center;
}

.bio-popup-content .bio-photo span.thumb > img {
    /*width                 : 95%;*/
    max-width             : 235px;
    width                 : 235px;
    height                : 230px;
    /*height: auto;*/
    -webkit-border-radius : 50%;
    border-radius         : 50%;
    margin                : 0 auto 15px;
    display               : block;
}

.bio-popup-content .bio-photo .bg-photo {
    width                 : 235px;
    height                : 235px;

    display               : inline-block;
    background            : no-repeat 50% 50%;
    background-size       : cover;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    border-radius         : 50%;
}

.bio-popup-content .description-wrapper {
    position : relative;
    display  : -ms-flexbox;
    display  : -webkit-box;
    display  : -webkit-flex;
    display  : -moz-box;
    display  : flex;
}

.bio-popup-content .description-wrapper:after {
    content     : "";
    position    : absolute;
    height      : 100%;
    top         : 0;
    left        : 31.5%;
    border-left : 1px solid #162c5d;
}

.bio-popup-content .descriptions {
    font    : 15px / 1.3 NewParis;
    width   : 68.5%;
    padding : 42px 20px;
}

.bio-popup-content .descriptions b {
    font-family : NewParisSkyline;
}

.bio-popup-content .descriptions em {
    font-style : italic;
}

.bio-popup-content .social-buttons {
    /*display                 : -ms-flexbox;*/
    /*display                 : -webkit-box;*/
    /*display                 : -webkit-flex;*/
    /*display                 : -moz-box;*/
    /*display                 : flex;*/
    /*-ms-flex-pack           : center;*/
    /*-webkit-box-pack        : center;*/
    /*-webkit-justify-content : center;*/
    /*-moz-box-pack           : center;*/
    /*justify-content         : center;*/
    margin-top : 20px;
    text-align : center;
}

.bio-popup-content .social-buttons a {
    display : inline-block;
    margin  : 0 12px;
}

body.show-popup {
    overflow : hidden;
}

@media screen and (max-width : 1076px) {
    .bio-popup-content .bio-photo .bg-photo {
        width       : 69%;
        height      : auto;
        padding-top : 69%;
        /*width  : 235px;*/
    }
}

@media screen and (max-width : 767px) {
    .breadcrumbs {
        width               : 100%;
        padding             : 15px 13px 13px 33px;
        font-size           : 15px;
        border-bottom-width : 3px;
    }

    .bio-popup-content {
        width : 90%;
    }

    .bio-popup-content .description-wrapper {
        display : block;
    }

    .bio-popup-content .bio-photo {
        width         : 100%;
        border-bottom : 1px solid #162c5d;
        padding       : 15px;
    }

    .bio-popup-content .description-wrapper:after {
        content : none;
    }

    .bio-popup-content .descriptions {
        width     : 100%;
        font-size : 18px;
    }
}

@media screen and (max-width : 480px) {
    .breadcrumbs {
        padding   : 5px 13px 5px 12px;
        font-size : 8px;
    }
}

/*-------------Header---------------------------*/
header {
    width : 100%;
    color : #6d7b8c;
}

.top-header {
    width                   : 100%;
    height                  : 130px;
    padding                 : 0 5.2%;
    display                 : -ms-flexbox;
    display                 : -webkit-flex;
    display                 : -webkit-box;
    display                 : -moz-box;
    display                 : flex;
    -ms-flex-direction      : row;
    -webkit-flex-direction  : row;
    -webkit-box-orient      : horizontal;
    -webkit-box-direction   : normal;
    -moz-box-orient         : horizontal;
    -moz-box-direction      : normal;
    flex-direction          : row;
    -ms-flex-pack           : justify;
    -webkit-justify-content : space-between;
    -webkit-box-pack        : justify;
    -moz-box-pack           : justify;
    justify-content         : space-between;
}

.top-header .logo a {
    display           : inline-block;
    width             : 460px;
    height            : 130px;
    padding           : 15px 0;
    font              : 0/0 AbrilDisplaySemiBoldItalic;
    color             : #6d7b8c;
    background        : url(../images/nbf_logo.png) left center no-repeat;
    background-origin : content-box;
    background-size   : auto 65%;
}

.top-header .logo {
    position : relative;
    float    : left;
}

/*.top-header .logo:before,
.top-header .logo span:after,*/
.top-header .right-side > p:after {
    content          : "";
    display          : block;
    position         : relative;
    width            : 1px;
    height           : 40px;
    background-color : #ffc606;
}

.top-header .logo:before {
    position : absolute;
    top      : 24px;
    left     : 89px;
    height   : 50px;
    opacity  : 0;
}

.top-header .logo span:after {
    top  : -41px;
    left : -17px;
}

.top-header .right-side > p:after {
    top  : -45px;
    left : 155px;
}

.top-header .right-side {
    width      : 419px;
    margin-top : 60px;
    float      : right;
}

.top-header .right-side .subscribe {
    background   : url("../images/subscribe-grey.png") left 2px no-repeat;
    font         : 30px/20px AbrilDisplaySemiBoldItalic;
    float        : left;
    padding-left : 33px;
}

.top-header .right-side p span {
    font           : 11px/20px NewParis;
    text-transform : uppercase;
}

.top-header .right-side form {
    float  : left;
    margin : 9px 0 0 51px;
}

.top-header .right-side form p {
    border : 1px solid #1d2d44;
    width  : 146px;
    height : 23px;
}

.top-header .right-side input {
    font : 11px/21px NewParis;
}

.top-header .search-holder {
    width        : 112px;
    padding-left : 5px;
}

.top-header .search-button {
    background : url("../images/search.png") 5px 1px no-repeat, #1d2d44;
    float      : right;
    width      : 26px;
    height     : 100%;
}

.top-header .share {
    display : inline-block;
    margin  : 7px 0 0 18px;
    float   : left;
}

.top-header .share img {
    width  : 21px;
    height : 25px;
}

.main-menu {
    height             : 38px;
    -webkit-box-shadow : 0 -1px 1px #bfdbee;
    box-shadow         : 0 -1px 1px #bfdbee;
    padding            : 0 40px;
    width              : 100%;

    position           : relative;
    z-index            : 2;
}

.main-menu a {
    color          : white;
    font           : 13px/38px NewParisSkyline;
    padding        : 0 15px;
    display        : block;
    text-transform : uppercase;
}

.main-menu li {
    position : relative;
}

.main-menu li:hover > a {
    background-color : #ffc606;
}

.main-menu li .sub-menu {
    top              : 100%;
    left             : 0;
    opacity          : 0;
    position         : absolute;
    visibility       : hidden;
    transition       : visibility 0s linear .3s, opacity .3s ease;
    background-color : #162c5d;

}

.main-menu li:last-child .sub-menu {
    left : -47px;
}

.main-menu li .sub-menu > li {
    white-space : nowrap;
}

.main-menu li:hover > .sub-menu {
    /*.main-menu > li > .sub-menu > li:hover {*/

    opacity    : 1;
    visibility : visible;
    transition : opacity .3s ease;
}

.main-menu li > .sub-menu > li > .sub-menu {
    top      : 0;
    left     : 100%;
    position : absolute;
}

img.alignleft {
    float  : left;
    margin : 0 15px 8px 0;
}

img.alignright {
    float  : right;
    margin : 0 0 8px 15px;
}

img.alignnone {
    margin : 0 30px 15px 0;
}

/*------------Footer------------------------------------*/
footer {
    border-top : 10px solid #162c5d;
}

.foot-info {
    padding : 0 40px;
    margin  : 4.45% 0 25px;
}

.foot-logo {
    background : url("../images/logo-footer.png?v2") no-repeat;
    width      : 194px;
    height     : 65px;
    float      : left;
}

footer .info-buttons {
    margin     : 17px 35px 0 42px;
    text-align : center;
}

footer .info-buttons button {
    font           : normal 13px/1 NewParisSkyline;
    color          : white;
    border         : solid 1px #b6bdc6;
    width          : 117px;
    height         : 36px;
    margin         : 0 12px 10px 0;
    padding        : 5px;
    vertical-align : top;
    text-transform : uppercase;
}

.foot-soc {
    margin : 20px 0 0;
}

.foot-soc a {
    margin-right : 16px;
}

.foot-menu {
    padding : 0 40px 50px;
}

.foot-menu > li {
    margin-bottom : 20px;
    width         : 192px;
}

.foot-menu > li > a {
    color          : #ffc606;
    font           : normal 15px/22px NewParisSkyline;
    text-transform : uppercase;
    margin-right   : 5px;
}

.foot-menu li li a {
    color : white;
    font  : normal 15px/24px NewParis;
}
footer .affiliates {
    width: 100%;
    color: white;
    font: normal 15px/24px NewParisSkyline;
	text-align: center;
    padding-bottom: 1em;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
footer .affiliates a {
    color: white;
    font: normal 15px/24px NewParisSkyline;
    padding-bottom: 1em;
	text-decoration: underline;
}

.top-header .lines-button {
    cursor              : pointer;
    border              : none;
    padding             : 2.35vw 0.67vw;
    position            : absolute;
    background          : none;
    -webkit-transition  : 0.3s;
    -o-transition       : 0.3s;
    transition          : 0.3s;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    z-index             : 1;
    top                 : 3.87vw;
    left                : 2.87%;
    display             : none;
}

.top-header .lines-button:hover {
    opacity : 1;
}

.top-header .lines-button:hover .lines:before {
    -webkit-transform : translateY(1px);
    -ms-transform     : translateY(1px);
    -o-transform      : translateY(1px);
    transform         : translateY(1px)
}

.top-header .lines-button:hover .lines:after {
    -webkit-transform : translateY(-1px);
    -ms-transform     : translateY(-1px);
    -o-transform      : translateY(-1px);
    transform         : translateY(-1px)
}

.top-header .lines {
    width                 : 9.6vw;
    height                : 0.67vw;
    display               : inline-block;
    background            : #162c5d;
    -webkit-transition    : 0.3s;
    -o-transition         : 0.3s;
    transition            : 0.3s;
    position              : relative;
    -webkit-border-radius : 0.27vw;
    border-radius         : 0.27vw;
}

.top-header .lines:before {
    top : 1.8vw;
}

.top-header .lines:before,
.top-header .lines:after {
    width                    : 9.6vw;
    height                   : 0.67vw;
    display                  : inline-block;
    background               : #162c5d;
    -webkit-transition       : 0.3s;
    -o-transition            : 0.3s;
    transition               : 0.3s;
    -webkit-border-radius    : 0.27vw;
    border-radius            : 0.27vw;
    left                     : 0;
    content                  : '';
    position                 : absolute;
    -webkit-transform-origin : 0.15714rem center;
    -ms-transform-origin     : 0.15714rem center;
    -o-transform-origin      : 0.15714rem center;
    transform-origin         : 0.15714rem center;
}

.top-header .lines:after {
    top : -1.7vw;
}

.top-header .lines-button.close .lines {
    background : transparent
}

.top-header .lines-button.close .lines:before,
.top-header .lines-button.close .lines:after {
    top                      : 0;
    -webkit-transform-origin : 50% 50%;
    -ms-transform-origin     : 50% 50%;
    -o-transform-origin      : 50% 50%;
    transform-origin         : 50% 50%;
}

.top-header .lines-button.close .lines:before {
    -webkit-transform : rotate3d(0, 0, 1, 45deg);
    transform         : rotate3d(0, 0, 1, 45deg)
}

.top-header .lines-button.close .lines:after {
    -webkit-transform : rotate3d(0, 0, 1, -45deg);
    transform         : rotate3d(0, 0, 1, -45deg)
}

.vertmain-menu {
    width      : 100%;
    position   : absolute;
    bottom     : 0;
    left       : 0;
    top        : 14.94vw;
    background : rgba(0, 0, 0, 0.5);
    z-index    : 2;
    display    : none;
    overflow   : auto;
}

.v-menu {
    width          : 81%;
    position       : relative;
    border-right   : 1px solid white;
    background     : #e6e6e6;
    font           : normal 3.2vw/3.625 NewParisSkyline;
    text-transform : uppercase;
}

.v-menu .subscribe {
    background      : /*url("../images/vsubscribe.png")*/ 5.73vw center no-repeat #ffc606;
    color           : #162c5d;
    padding-left    : 17.73vw;
    background-size : 6.27vw 4.27vw;
}

.v-menu form {
    background      : /*url("../images/vsearch.png")*/ 6vw center no-repeat, white;
    color           : #6d7b8c;
    padding-left    : 17.73vw;
    background-size : 5.47vw 5.47vw;
}

.v-menu form input {
    font  : inherit;
    width : 100%;
}

.v-menu > ul > li {
    border-bottom : 1px solid white;
    background    : #6d7b8c;
    color         : #ffc606;
    padding       : 2.67vw 0 2.67vw 17.73vw;
    line-height   : 5.265vw;
}

.v-menu ul ul {
    color          : white;
    text-transform : capitalize;
    font           : 3.2vw/1.42 NewParis;
    height         : 0;
    overflow       : hidden;
}

.v-menu a {
    color : inherit;
}

.v-menu span {
    display               : none;
    width                 : 4.27vw;
    height                : 4.27vw;
    position              : absolute;
    top                   : 50%;
    left                  : -10.53vw;
    -webkit-border-radius : 50%;
    border-radius         : 50%;
    border                : 1px solid white;
    -webkit-transform     : translateY(-50%);
    -ms-transform         : translateY(-50%);
    -o-transform          : translateY(-50%);
    transform             : translateY(-50%);
}

.v-menu .menu-item-has-children span {
    display : inline-block;
}

.v-menu span:before,
.v-menu span:after {
    content     : "";
    height      : 2.27vw;
    position    : absolute;
    left        : 50%;
    top         : 50%;
    border-left : 1px solid white;
}

.v-menu span:before {
    -webkit-transform : translate3d(-50%, -50%, 0);
    transform         : translate3d(-50%, -50%, 0);
}

.v-menu span:after {
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(90deg);
    transform         : translate3d(-50%, -50%, 0) rotate(90deg);
}

.v-menu li.open span {
    -webkit-transform : translateY(-50%) rotate(45deg);
    -ms-transform     : translateY(-50%) rotate(45deg);
    -o-transform      : translateY(-50%) rotate(45deg);
    transform         : translateY(-50%) rotate(45deg);
}

.subscribe-popup {
    display    : none;
    width      : 100%;
    height     : 100%;
    position   : fixed;
    left       : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.5);
    z-index    : 2000;
    overflow   : auto;
}

.subscribe-popup.show {
    display : block;
}

.subscribe-popup-content {
    padding            : 40px 0 20px 53px;
    width              : 410px;
    /*height: 320px;*/
    height             : auto;
    position           : relative;
    border             : 6px solid #162c5d;
    background         : #fff;
    margin             : 75px auto 10px;
    -webkit-box-shadow : 1px 1px 30px rgba(0, 0, 0, 0.5);
    box-shadow         : 1px 1px 30px rgba(0, 0, 0, 0.5);

}

#mce-success-response {
    color : #162c5d !important;
}

.subscribe-popup .subscribe-title {
    background   : /*url("../images/subscribe-grey-big.png")*/ left 0 no-repeat;
    font         : 61px/0.5 AbrilDisplaySemiBoldItalic;
    padding-left : 38px;
    margin-left  : -38px;
    color        : #162c5d;
}

.subscribe-popup p span {
    font           : 17px/2 NewParis;
    text-transform : uppercase;
}

.subscribe-popup .explanation {
    font   : 14px/1.64 NewParis;
    color  : #381208;
    margin : 3px 0 7px;
}

.subscribe-popup input {
    font         : 10px/31px NewParis;
    color        : #6d7b8c;
    border       : 1px solid #6d7b8c;
    height       : 31px;
    width        : 296px;
    padding-left : 14px;
}

#submit_button {
    background-color : #ffc606;
    order-color      : #ffc606;
    color            : black;
    position         : absolute;
    top              : 103%;
    right            : -6px;
    width            : 71px;
    height           : 37px;
    margin-top       : 6px;
    font-size        : 15px;
    padding          : 0;
}

.subscribe-btn {
    cursor: pointer;
}

.subscribe-popup .close {
    width      : 31px;
    height     : 31px;
    position   : absolute;
    top        : 0;
    right      : 0;
    background : #6d7b8c;
}

.subscribe-popup .close:before,
.subscribe-popup .close:after {
    content     : "";
    height      : 25px;
    position    : absolute;
    left        : 50%;
    top         : 50%;
    border-left : 1px solid #fdfdfe;
}

.subscribe-popup .close:before {
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(-45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(-45deg);
}

.subscribe-popup .close:after {
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}

.subscribe-popup-content div {
    margin-bottom : 14px;
}

/* ***************************** */
.comments-area {
    width      : 100%;
    border     : #162c5d 2px solid;
    margin-top : 5%;
    background : #cce9ff;
}

.comments-area .comment-respond {
    margin : 2%;
}

.comments-area p {
    font           : 17px/2 NewParis;
    text-transform : uppercase;
}

form#commentform {
    padding : 5% 0;
}

.comments-area input {
    font         : 10px/31px NewParis;
    color        : #6d7b8c;
    height       : 31px;
    width        : 296px;
    padding-left : 14px;
    background   : #fff;
}

.comments-area textarea {
    font         : 10px/31px NewParis;
    color        : #6d7b8c;
    width        : 100%;
    height       : 200px;
    padding-left : 14px;
    background   : #fff;
}

.comments-area .submit {
    background-color : #ffc606;
    color            : black;
    top              : 100%;
    right            : -6px;
    width            : auto;
    height           : 37px;
    margin-top       : 6px;
    font-size        : 15px;
    padding          : 0 10px;
}

#upcoming-events {

}

#ue-page-banner {
    background      : no-repeat 50% 50%;
    min-height      : 360px;
    padding-top     : 37%;
    background-size : cover;
}

#upcoming-events {
    width            : 100%;
    display          : inline-block;
    background-color : #e6e6e6;
}

#ue-events-list {
    width     : 57%;
    margin    : -220px auto 30px;
    min-width : 320px;
}

#ue-events-list .events-list-wrapper {
    border           : 2px solid #ffc606;
    padding          : 5px 10px 10px;
    margin-top       : 15px;
    background-color : #fff;
}

#ue-title {
    font  : 60px AbrilTextBold;
    color : #fff
}

@media (max-width : 870px) {
    #ue-title {
        font-size : 38px;
    }
}

@media (max-width : 1180px) {
    .bookup-menu a:first-of-type {
        padding-left : 45px;
    }

    .bookup-menu a:last-of-type {
        padding-right : 40px;
    }
}

@media (max-width : 1040px) {
    .top-header .right-side {
        margin-top : 40px;
        width      : 200px;
    }

    .top-header .right-side .subscribe {
        height : 40px;
    }

    .top-header .right-side form {
        margin-left : 0;
    }

    .top-header .right-side > p:after {
        opacity : 0;
    }

    .bookup-menu a:first-of-type {
        padding-left : 5px;
    }

    .bookup-menu a:last-of-type {
        padding-right : 5px;
    }

    .bookup-menu a {
        font-size : 14px;
    }
}

@media (max-width : 950px) {
    .page-short-info {
        width : 83.4%;
    }
}

@media (max-width : 767px) {
    .top-header .lines-button {
        display : block;
    }

    .top-header {
        height : 13.6vw;
    }

    .main-menu a {
        display : none;
    }

    .top-header .logo a {
        /*padding: 3.2vw 0 0 32.8vw;
        margin-left: 16.3vw;
        font-size: 2.8vw;
        background-position-y: 2.3vw;
        line-height: 3.6vw;*/
        margin            : 0;
        padding           : 0 0 0 15vw;
        width             : 75vw;
        height            : 14vw;
        /*background-size: 26.3vw 8.7vw;*/
        background        : url("../images/logo_2.png") left center /contain no-repeat;
        background-origin : content-box;
    }

    .top-header .logo span:after {
        top    : -7.2vw;
        left   : -3.33vw;
        height : 6.67vw;
    }

    .top-header form,
    .top-header .subscribe {
        display : none;
    }

    .main-menu {
        pointer-events : none;
        height         : 1.34vw;
    }

    .top-header .right-side {
        margin : 3.2vw 0 0 1.1vw;
        /*width: 26.7vw;*/
        width  : auto;
    }

    .top-header .share img {
        width  : 4.53vw;
        height : 5.47vw;
    }

    .top-header .logo:before {
        /*opacity: 1;*/
        top    : 3.2vw;
        left   : 11.9vw;
        height : 6.7vw;
    }

    .top-header .share {
        margin : 0.93vw 0 0 2.4vw;
    }

    .bookup-menu a:first-of-type:after,
    .bookup-menu .active-item:after {
        display : inline-block;
    }

    .bookup-menu {
        margin : 40px 10px 0;
        height : 34px;
    }

    .bookup-menu .menu-wrap,
    .bookup-menu .active-item {
        display      : block;
        background   : rgba(255, 255, 255, 0.9);
        padding-left : 12px;
    }

    .bookup-menu .menu-wrap {
        position       : absolute;
        z-index        : 1;
        opacity        : 0;
        pointer-events : none;
    }

    .bookup-menu .menu-wrap.show {
        opacity        : 1;
        pointer-events : auto;
    }

    .bookup-menu .hide {
        opacity        : 0;
        pointer-events : none;
    }

    .bookup-menu a {
        font-size     : 24px;
        display       : block;
        margin-bottom : 30px;
        padding       : 0;
    }

    .bookup-menu a:first-of-type {
        padding-left : 0;
    }

    .foot-menu {
        padding : 0 10px 50px;
    }
}
@media (max-width : 944px) {
    .main-menu a {
        font: 12px/38px NewParisSkyline;
        padding: 0 10px;
    }
}


@media (max-width : 810px) {
    .main-menu a {
        font: 12px/38px NewParisSkyline;
        padding: 0 4px;
    }
}

@media (max-width : 599px) {
    .subscribe-popup-content {
        width   : 300px;
        height  : 284px;
        padding : 39px 0 0 39px;
    }

    .subscribe-popup .subscribe-title {
        font-size       : 40px;
        background-size : 25px auto;
        padding-left    : 30px;
        margin-left     : -30px;
    }

    .subscribe-popup p span {
        font-size : 11px;
    }

    .subscribe-popup .explanation {
        font-size : 11px;
    }

    .subscribe-popup-content div {
        margin-bottom : 8px;
    }

    .subscribe-popup input {
        width : 203px;
    }
}

.one-story-page h2 {
    font-size     : 26px !important;
    line-height   : 1.3 !important;
    margin-bottom : 20px;
}

.tab-content h4 {
    font-size     : 22px !important;
    margin-bottom : 15px !important;
}

blockquote {
    display       : block;
    margin-top    : 1em;
    margin-bottom : 1em;
    margin-left   : 40px;
    margin-right  : 40px;
    padding-left  : 15px;
    border-left   : 3px solid #1d305d;
}

/* *************************************************** */
/* C O N T E N T   T I L E S ,  Y E A R S   T I L E S */
/* *************************************************** */

/*
#content-tiles .entry-title {
    font          : bold italic 46px/1.1 NewParis;
    color         : #162c5d;
    display       : inline-block;
    position      : relative;
    text-align    : center;
    border-bottom : none;
}
*/
#years-tiles .entry-title,
#content-tiles .entry-title {
    color          : #162c5d;
    margin         : 30px 40px;
    display        : inline-block;
    font-size      : 40px;
    font-style     : italic;
    line-height    : 1.2;
    font-family    : NewParisSkyline, sans-serif;
    font-weight    : bold;
    letter-spacing : -1.1px;
}

#years-tiles .decades {
    margin          : 25px;
    justify-content : center;
}

#years-tiles .decades .decade {
    cursor             : pointer;
    border             : 1px solid #162c5d;
    margin             : 0px 5px 10px;
    padding            : 10px 25px 7px;
    -webkit-transition : background-color .3s, color .3s;
    -moz-transition    : background-color .3s, color .3s;
    -ms-transition     : background-color .3s, color .3s;
    -o-transition      : background-color .3s, color .3s;
    transition         : background-color .3s, color .3s;
    font-family        : NewParisSkyline;
    font-weight        : bold;
}

#years-tiles .decades .decade:hover,
#years-tiles .decades .decade.active {
    color            : #fff;
    background-color : #162c5d;
}

#years-tiles .tiles-container,
#content-tiles .tiles-container {
    padding    : 0 40px 40px;
    text-align : center;
}

#years-tiles .tiles-container {
    /*justify-content : center;*/
}

#content-tiles .tiles-container {
    justify-content : left;

}

#years-tiles .year-tile,
#content-tiles .content-tile {
    display : inline-block;
    padding : 10px;
}

#years-tiles .year-tile {
    border           : 1px solid #ffc606;
    text-align       : center;
    background-color : #fff;
}

#years-tiles .year-tile {
    -webkit-box-shadow : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow    : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);
    box-shadow         : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);

    -webkit-transition : box-shadow .3s, transform .3s;
    -moz-transition    : box-shadow .3s, transform .3s;
    -ms-transition     : box-shadow .3s, transform .3s;
    -o-transition      : box-shadow .3s, transform .3s;
    transition         : box-shadow .3s, transform .3s;

}

#years-tiles .year-tile:hover {
    -webkit-transform  : scale(1.02);
    -moz-transform     : scale(1.02);
    -ms-transform      : scale(1.02);
    -o-transform       : scale(1.02);
    transform          : scale(1.02);

    -webkit-box-shadow : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow    : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
    box-shadow         : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
}

#content-tiles .content-tile {
    background-color : #f1f2f2;
}

#years-tiles .year-tile {
    width            : 215px;
    margin           : 0 10px 15px;
    transform-origin : 0;
}

#content-tiles .content-tile {
    width  : 380px;
    margin : 0 25px 25px;
}

#years-tiles .tile-image-wrap,
#content-tiles .tile-image-wrap {
    width         : 100%;
    position      : relative;
    margin-bottom : 5px;
}

#content-tiles .tile-image-wrap {
    padding-top : 58%;
}

#years-tiles .tile-image-wrap {
    padding-top : 150%;
}

#years-tiles .tile-image-wrap .t-image,
#content-tiles .tile-image-wrap .t-image {
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    position        : absolute;
    object-fit      : cover;
    object-position : center;
}

#content-tiles .t-title {
    font  : normal 17px/19px NewParisSkyline;
    color : #162c5d;
}

#content-tiles .t-title {

    margin : 10px 0;
}

#years-tiles .t-title {
    margin : 10px 0 0;
}

#years-tiles .t-text,
#content-tiles .t-text {
    font   : normal 13px/18px NewParis;
    color  : #000f08;
    margin : 10px 0;
}

#years-tiles .t-link,
#content-tiles .t-link {
    font  : normal 14px/19px NewParisSkyline;
    color : #63585e;
}

/*#years-tiles .tile-desc,*/
#content-tiles .tile-desc {
    text-align : left;
}

#years-tiles .years-tiles-text,
#content-tiles .content-tiles-text {
    padding     : 0 40px 40px;
    line-height : 1.4;
}

/** B O O O K  S Е А R C H **/
#book-search .entry-title {
    color          : #162c5d;
    margin         : 30px 0;
    display        : inline-block;
    font-size      : 40px;
    font-style     : italic;
    line-height    : 1.2;
    font-family    : NewParisSkyline, sans-serif;
    font-weight    : bold;
    letter-spacing : -1.1px;
}

#book-search .entry-content {
    margin-bottom : 40px;
}

#book-search .page-header.search-bar .entry-content {
    line-height : 25px;
}

@media (max-width : 475px) {
    #years-tiles .year-tile {
        width : 47vw;
    }
}

.bg-white{
    background-color: white;
}

.pos-rel{
    position: relative;
}

.mb-30{
    margin-bottom: 30px !important;
}

.mb-0{
    margin-bottom: 0 !important;
}

.pt-30{
	padding-top: 30px !important;
}

.pb-15{
    padding-bottom: 15px !important;
}

.pb-30{
	padding-bottom: 30px !important;
}

.pb-45{
	padding-bottom: 45px !important;
}

.text-center{
    text-align: center !important;
}