/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lora:400,500,700');
* {
    -webkit-font-smoothing: subpixel-antialiased
}
html, body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Prata', sans-serif;
    letter-spacing: 1px;
}

body {
    font-family: 'Lora', sans-serif;
    font-size: 1.1rem;
}
a.button:hover, a.button:active{
    background-color: #F44334 !important;
}
/*Header*/
#primary-menu-trigger, #page-submenu-trigger {
    font-size: x-large;
}

.header-extras li {
    height: auto;
}
#primary-menu .container>ul>li>a {
    letter-spacing: 0;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}
#primary-menu ul ul li > a {
    font-family: 'Raleway', sans-serif;
}

.header-extras {
    margin: 15px 0 0;
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.menu-color-market:hover>a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.menu-color-market.active>a, #primary-menu ul li.menu-color-market ul li:hover>a, #primary-menu ul li.menu-color-market ul li:hover>a {
    color: var(--market)!important;
}
#primary-menu ul li>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 1px;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    -webkit-transition: -webkit-transform .1s;
    transition: transform .1s;
    -webkit-transition-timing-function: cubic-bezier(1,.68,.16,.9);
    transition-timing-function: cubic-bezier(1,.68,.16,.9);
}

#primary-menu ul li:hover>a::before,#primary-menu ul li.active>a::before {
    -webkit-transform: scale3d(1,3,1);
    transform: scale3d(1,3,1);
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
#header{
    z-index: 101;
}
.slider-element {
    background: #ffffff;
}

.campus-slider.slider-element{
    z-index: 100;
}

.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
    background-color: rgba(51, 51, 51, 0.85);
}

@media (min-width: 992px) {
    .co-name img {
        position: absolute;
        top: 20px;
        left: 40px;
        width: auto;
        height: 100px;
        z-index: 2;
    }

    .side-header #header {
        width: 600px;
        overflow: auto;
        background-color: rgba(249, 249, 249, 0.97);
        display: table
    }

    .side-header #header.dark {
        background-color: #333;
        border-left: 0
    }

    .side-header #header.dark #header-trigger i {
        color: #222
    }

    .side-header #header-wrap {
        width: 100%;
        padding-left: 80px;
        padding-right: 80px;
        height: auto;
        margin: 0 auto;
        position: relative;
        display: table-cell;
        vertical-align: middle
    }

    .side-header #header-wrap .container {
        width: auto
    }

    .side-header.side-header-right.open-header #header {
        left: auto;
        right: -600px;
        z-index: 300;
    }

    .side-header #primary-menu ul li {
        margin: 0px 0px !important;
    }

    .side-header .header-title, .side-header #primary-menu ul li a {
        font-size: 30px;
        padding: 18px 0;
        height: auto;
        letter-spacing: -2px;
        -moz-transform: translate3d(200px, 0, 0);
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
        filter: alpha(opacity=0);
        opacity: 0;
        will-change: transform;
        -moz-transition: all 250ms ease-in 0s;
        -o-transition: all 250ms ease-in 0s;
        -webkit-transition: all 250ms ease-in;
        -webkit-transition-delay: 0s;
        transition: all 250ms ease-in 0s;
        text-transform: capitalize;
    }

    .side-header .header-title, .side-header #primary-menu ul li ul li a {
        font-size: 1.2rem;
        padding-bottom: 5px !important;
        letter-spacing: 0px;
        text-transform: capitalize;
    }

    .dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a {
        color: #fff
    }

    .side-header .header-title {
        opacity: 0;
        padding: 0;
        margin-bottom: 25px;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 4px
    }

    .side-header.side-header-open .header-title, .side-header.side-header-open #primary-menu ul li a {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition: all 500ms ease-out .3s;
        -o-transition: all 500ms ease-out .3s;
        -webkit-transition: all 500ms ease-out;
        -webkit-transition-delay: .3s;
        transition: all 500ms ease-out .3s
    }

    .side-header.side-header-open .header-title, .side-header.side-header-open #primary-menu ul li:nth-child(1) a {
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .side-header.side-header-open #primary-menu ul li:nth-child(2) a {
        -moz-transition-delay: .1s;
        -o-transition-delay: .1s;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .side-header.side-header-open #primary-menu ul li:nth-child(3) a {
        -moz-transition-delay: .2s;
        -o-transition-delay: .2s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .side-header.side-header-open #primary-menu ul li:nth-child(4) a {
        -moz-transition-delay: .3s;
        -o-transition-delay: .3s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .side-header.side-header-open #primary-menu ul li:nth-child(5) a {
        -moz-transition-delay: .4s;
        -o-transition-delay: .4s;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {
        content: none
    }

    .side-header.side-header-right.open-header.side-header-open #header-trigger {
        z-index: 200
    }

    .side-header.side-header-right.open-header #header-trigger {
        /* right: 0; */
        /* top: 0; */
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 0;
        text-align: center;
    }

    .side-header.side-header-right.open-header #header-trigger i {
        margin-left: 3px
    }

    .side-header.side-header-right.open-header.side-header-open #header-trigger {
        right: 0
    }

    .side-header #primary-menu ul > li.sub-menu > a:after {
        padding: 15px 0px;
    }
}


#slider .tp-caption.FullScreenMenu-Category,
#slider .FullScreenMenu-Category, #slider .tp-caption.FullScreenMenu-Category a {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 0px
}

#slider .tp-caption.FullScreenMenu-Title,
#slider .FullScreenMenu-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 65px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: BenchNine;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(17, 17, 17, 0.90);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px
}

#ad-banner img {

}

#footer {
    border-top: 10px solid rgb(234, 181, 7);
    z-index: 4;
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.absolute-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 20px;
    text-align: center;
}

button, .button, input {
    font-family: 'Roboto Condensed', sans-serif;
}

.button-dark:hover {
    background-color: rgba(255, 193, 7, 0.91);
}

.owl-carousel .owl-wrapper {

}

.owl-carousel .owl-item img {
    max-height: 150px;
    height: auto;
    width: auto;
    margin: 0 auto

}



.video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1 !important;
    top: 0;
    left: 0;
}

.event-highlight, .entry-meta li {
    padding: 5px 0px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}
.entry-meta {
    margin: 10px -10px 0px 0;
    list-style: none;
}

.bg-custom {
    background-color: rgba(255, 193, 7, 0.91);
}

.text-overlay {
    opacity: 1;
}

.text-overlay-meta {
    color: #f5f5f5;
}

#explore .video-overlay {
    background-color: rgba(0, 0, 0, 0.55)
}

.device-md .parent , .device-sm .parent, .device-xs .parent{
    margin-bottom: 2px;
}

.exhibit {
    height: 100%;
}

.exhibit p, .exhibit h4 {
    line-height: 1.2 !important;
}

.parent:nth-child(1) .exhibit .video-overlay {
    background-color: rgba(26, 188, 156, .75) !important;
}

.parent:nth-child(2) .exhibit .video-overlay {
    background-color: rgba(52, 73, 94, .75) !important;
}

.parent:nth-child(3) .exhibit .video-overlay {
    background-color: rgba(231, 76, 60, .75) !important;
}

.parent:hover .exhibit,
.parent:focus .exhibit {
    background-position: 48% 48% !important;
    z-index: 20;
    transition: 1s ease all;
    -webkit-transition: 1s ease all;
    -moz-transition: 1s ease all;
}

/*.zigzag-border:before {*/
/*content: '';*/
/*position: absolute;*/
/*display: block;*/
/*width: 100%;*/
/*height: 15px;*/
/*top: 0px;*/
/*left: 0;*/
/*color: #282828;*/
/*background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, 33.333%, currentColor 66.667%, rgba(0, 0, 0, 0) 66.667%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, 33.333%, currentColor 66.667%, rgba(0, 0, 0, 0) 66.667%);*/
/*background-size: 30px 60px;*/
/*background-position: 50% -45px;*/
/*background-repeat: repeat-x;*/
/*z-index: 20;*/
/*border: transparent;*/
/*}*/
/*.zigzag-border:after {*/
/*content: '';*/
/*position: absolute;*/
/*display: block;*/
/*width: 100%;*/
/*height: 15px;*/
/*bottom: 0px;*/
/*left: 0;*/
/*color: #F9F9F9;*/
/*background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, 33.333%, currentColor 66.667%, rgba(0, 0, 0, 0) 66.667%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, 33.333%, currentColor 66.667%, rgba(0, 0, 0, 0) 66.667%);*/
/*background-size: 30px 60px;*/
/*!*background-position: 50% -45px;*!*/
/*background-repeat: repeat-x;*/
/*z-index: 20;*/
/*}*/
.vertical-text-overlay {
    opacity: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    z-index: 1;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5));
    margin-left: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.image-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5));
}

.image-overlay-text{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;

}

.image-overlay-text > * {
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0);
    -ms-transform: translateY(40px) scale(0);
    transform: translateY(40px) scale(0);
    will-change: transform;
}

.text-overlay-wrap:hover .vertical-text-overlay, .text-overlay-wrap:hover .image-overlay  {
    opacity: 1;
}

.text-overlay-wrap:hover .image-overlay .image-overlay-text > * {
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
}

.learn img, .connect img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/*Responsive*/
@media (min-width: 992px) {
    #connect .connect:nth-child(2) .col-lg-6:nth-child(1) {
        float: right;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    #connect .connect:nth-child(2) .col-lg-6:nth-child(2) {
        float: left;
    }

    #learn .learn:nth-child(2) .col-lg-6:nth-child(1) {
        float: right;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    #learn .learn:nth-child(2) .col-lg-6:nth-child(2) {
        float: left;
    }
}

@media (min-width: 1200px) {
    #slider .tp-bgimg.defaultimg{
        /*background-size: contain  !important;*/
    }
}


@media (max-width: 991.98px) {
    #logo {
        height: auto !important;
    }
}



/*360 head*/
.spinning-head-embed {
    overflow: hidden;
}

.spinning-head-left-content-right .text-container {
    padding: 0;
}

@media (min-width: 800px) {
    .spinning-head-left-content-right .text-container {
        padding: 3em 0;
    }
}

.spinning-head-image-container {
    margin: 0 auto;
    max-width: 600px;
    overflow: hidden;
}

.spinning-head-image-container .spinning-head-image.reel-overlay {
    margin-top: -43%;
    margin-bottom: -43%;
}

.spinning-head-image {
    margin: 0 auto;
}

/* heading-block */
.heading-block.hlarge h3 {
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -2px;
}

.bgcolor-white {
    background-color: #fff;
    position: relative;
}

.big-heading {
    font-family: BenchNine, sans-serif;
    font-weight: 700;
    font-size: 4rem;
}

/*Events*/
#posts.events .entry {
    background-color: #ffffff;
}
#posts.events .entry-image .entry-date, .ievent .entry-image .entry-date {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0.98);
    border-radius: 10px;
    color: #2f2f2f;
    box-shadow: 0 1px 0 #BEBDC8, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
     text-shadow: 0px 0px 0px rgba(33, 31, 32,.5);
    width: 75px;
    height: 75px;
    text-align: center;
    padding-top: 0px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
}

#posts.events .entry-image .entry-date .entry-date-month{
    padding: 5px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px dashed white;
    color: white;
    margin-top: 0px;
    margin-bottom: 5px;
}
#posts.events .entry-image .entry-date .entry-date-day {
    font-size: 1rem;
    margin-top: 0px;
}
#posts.events .entry-image .entry-date .entry-date-date{
    font-size: 2rem;
    font-family: "Roboto Condensed",sans-serif;
    margin-top: 0px;
}

.entry-meta li a{color: #333}

.entry-image img {
    object-fit: contain;
}

/*Events Calender*/
.fc-calendar {
    width: 100%;
    height: 100%;
}

.fc-calendar .fc-body {
    position: relative;
    width: 100%;
    height: 100%;
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid #ddd;
}

.fc-calendar .fc-row {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.fc-four-rows .fc-row  { height: 25%; }

.fc-five-rows .fc-row  { height: 20%; }

.fc-six-rows .fc-row {
    height: 16.66%;
    height: -moz-calc(100%/6);
    height: -webkit-calc(100%/6);
    height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
    float: left;
    height: 100%;
    width:  14.28%; /* 100% / 7 */
    width: -moz-calc(100%/7);
    width: -webkit-calc(100%/7);
    width: calc(100%/7);
    position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div { width:  14.2%; }

.fc-calendar .fc-head > div { text-align: center; }

.fc-calendar .fc-row > div > span.fc-weekday {
    padding-left: 5px;
    display: none;
}

.fc-calendar .fc-row > div.fc-out { opacity: 0.6; }

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child { border-right: none; }

.fc-calendar .fc-row:last-child { border-bottom: none; }

/* Custom calendar elements */

.custom-calendar-wrap {
    position: relative;
    overflow: hidden;
}

.custom-inner {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.custom-inner:before,
.custom-inner:after  {
    content: '';
    width: 99%;
    height: 50%;
    position: absolute;
    background: #f6f6f6;
    bottom: -4px;
    left: 0.5%;
    z-index: -1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.custom-inner:after {
    content: '';
    width: 98%;
    bottom: -7px;
    left: 1%;
    z-index: -2;
}

.custom-header {
    background: #fff;
    padding: 5px 10px 10px 20px;
    height: 60px;
    position: relative;
    border-top: 4px solid #1ABC9C;
    border-bottom: 1px solid #ddd;
}

.custom-header h2,
.custom-header h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

.custom-header h2 {
    color: #495468;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 17px;
    margin-top: 4px;
    letter-spacing: 1px;
}

.custom-header h3 {
    font-size: 11px;
    font-weight: 600;
    color: #b7bbc2;
}

.custom-header nav span {
    position: absolute;
    top: 12px;
    width: 30px;
    height: 30px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 20px;
    line-height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-header nav span:first-child { left: 5px; }

.custom-header nav span:last-child { right: 5px; }

.custom-header nav span:before {
    font-family: 'font-icons';
    color: #333;
    position: absolute;
    text-align: center;
    width: 100%;
}

.custom-header nav span.custom-prev:before { content: "\e77c"; }

.custom-header nav span.custom-next:before { content: "\e77d"; }

.custom-header nav span:hover:before { color: #495468; }

.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
    position: absolute;
    top: 6px;
    right: 0;
    width: 16px;
    height: 16px;
    text-align: center;
    background: #333;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 10px;
    padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
    content: 'x';
    font-size: 14px;
    color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
    padding: 10px;
    display: block;
}
.custom-content-reveal a ul{
    display: inline-flex;
}

.custom-content-reveal h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #666;
    padding: 20px 10px;
    background: #FFF;
    border-bottom: 1px solid #ddd;
    border-top: 4px solid #1ABC9C;
    box-shadow: 0 1px rgba(255,255,255,0.9);
    margin-bottom: 10px;
}

.custom-content-reveal span { color: #888; }

.custom-content-reveal a { color: #333;border-bottom: 1px solid rgba(51, 51, 51, 0.12); }

.custom-content-reveal a:hover { color: #333; }

/* Modifications */

.fc-calendar-container {
    height: 250px;
    width: auto;

}

.fc-calendar .fc-head {
    height: 30px;
    color: #333;
    font-size: 11px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
}

.fc-calendar .fc-row > div {
    border-right: 1px solid #ddd;
    padding: 4px;
    overflow: hidden;
    position: relative;
    background: #fff;
    cursor: pointer;
}

.fc-calendar .fc-row > div:hover {
    background: rgba(187, 187, 187, 0.14);
}

.fc-calendar .fc-row > div:empty { background: transparent; }

.fc-calendar .fc-row > div > span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -10px 0 0 -15px;
    /*color: #686a6e;*/
    font-weight: 400;
    pointer-events: none;
}

.fc-calendar .fc-row > div.fc-today {
    background: #1ABC9C;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-today > span.fc-date {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.fc-calendar .fc-row > div.fc-content {
    background: rgba(244, 67, 52, 0.76);
    color: white;
}

.fc-calendar .fc-row > div.fc-content:after {
    content: '\00B7';
    text-align: center;
    width: 20px;
    margin-left: -10px;
    position: absolute;
    font-size: 28px;
    line-height: 10px;
    left: 50%;
    bottom: 2px;
}

.fc-calendar .fc-row > div.fc-today.fc-content:after { color: #b02c42; }

.fc-calendar .fc-row > div.fc-content:hover:after { color: #333; }

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after { color: #fff; }

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
    display: none;
    font-size: 22px;
}

.ticket-button{
    text-align: center;
    border-radius: 5px;
    width: 100%;
    transition-property: box-shadow;
    transition-duration: 0.75s;
    -webkit-transition-property: box-shadow;
    -webkit-transition-duration: 0.75s;
}
.ticket-button:hover {color: #EEE;box-shadow: 0px 0px 1px 2px #F44334;background-color: #F44334}

.device-xs .display-grid{
    display: grid;
}

.device-xs .entry-meta li:before {
    content: none;
}

#page-title h1{
    padding-bottom: 15px;
}

.countdown-section {
    display: inline-block !important;
}
.countdown-amount {
font-size: 3rem !important;
    font-family: "BenchNine", sans-serif;
    color: rgba(255,255,255,0.9) !important;
}
.countdown-period {
    font-size: 1rem !important;
    font-family: "Roboto", sans-serif;
    color: rgba(255,255,255,0.9) !important;
}
.event-info li {
    margin: 2rem 0;
}
.device-lg .move-right , .device-xl .move-right{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
/*.single-event .countdown {*/
    /*display: block;*/
    /*text-align: center;*/
    /*top:0px*/
/*}*/
/*.single-event .countdown .countdown-section{*/
    /*display: block;*/
    /*margin: 0 auto;*/
    /*margin-top: 10px;*/
    /*width: 33%;*/
/*}*/
/*.device-md .single-event .countdown .countdown-section,.device-sm .single-event .countdown .countdown-section,.device-xs .single-event .countdown .countdown-section{*/
    /*display: inline-block;*/
    /*width: auto;*/
/*}*/

/*.single-event .countdown-amount {*/
    /*color: #FFF;*/
    /*font-size: 3rem;*/
    /*font-family: "Roboto Condensed",Lato,sans-serif;*/
    /*background: #333;*/
    /*padding: 5px;*/
/*}*/
/*.single-event .countdown-period {*/
    /*color: #333;*/
    /*font-weight: 700;*/
/*}*/

/*.single-event .entry-image img {*/
    /*min-height: 100%;*/
/*}*/
.dark .gmap_marker{
    color: #333;
}
.col-padding {
    padding: 30px;
}

/*Ifram Modal*/
.mfp-iframe-holder .mfp-content {
    height: inherit;
}

.mfp-content {
    max-height:90vh
}

#exhibits .ipost .entry-content span{
    color: #888888;
}

.entry-meta li {
     font-family: 'poppins', serif;
}

.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {
    height: inherit;
}

#exhibits .entry-image img {
    object-fit: cover;
}

.bg-image-blur img{
    filter: brightness(100%) grayscale(0);
    -webkit-filter: brightness(100%) grayscale(0);
    -moz-filter: brightness(100%) grayscale(0);
    -o-filter: brightness(100%) grayscale(0);
    -ms-filter: brightness(100%) grayscale(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.bg-image-blur:hover img {
    filter: brightness(80%) grayscale(1) contrast(90%) blur(5px);
    -webkit-filter: brightness(80%) grayscale(1) contrast(90%) blur(5px);
    -moz-filter: brightness(80%) grayscale(1) contrast(90%) blur(5px);
    -o-filter: brightness(80%) grayscale(1) contrast(90%) blur(5px);
    -ms-filter: brightness(80%) grayscale(1) contrast(90%) blur(5px);
}

.corner-ribbon-new {
    width: 200px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 1;
    font-family: "Roboto Condensed", sans-serif;
}

/*Exhibit*/
.single-exhibit{
background: #fff;
}

.mfp-content .single-exhibit{
    max-height: 90vh;
    overflow: hidden;
}

.mfp-content .single-exhibit .one-page-arrow{
    display: none;
}

.device-lg .faded-scroll, .device-xl .faded-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0; padding: 30px 0;

    /* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: linear-gradient(to bottom, transparent, #f9f9f9);
    z-index: 3;
}

.mfp-content .portfolio-image >a {
    cursor: default;
    pointer-events: none;
}

.single-exhibit .owl-carousel .owl-wrapper {
    display: flex !important;
}
.single-exhibit .owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
    max-height: initial;
}

.full-width-div {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.image-credits {
    font-size: 12px;
    font-family: "Crete Round", sans-serif;
    font-style: italic;
}

.read-more-buttom{
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
}

.fixed-video{
    cursor: pointer;
    z-index: 2;
    max-width: 750px;
    width: 100%;
    height: 100%;
}

#ytb-video-button.play-icon {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 61px;
    margin-top: -31px;
    margin-left: -31px;
    transition: transform .3s ease
}

#ytb-video:hover .play-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#ytb-video-button.play-icon i {
    width: 60px;
    height: 60px;
    line-height: 61px;
    font-size: 24px;
    color: #000;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index: 2;
    transition: all .3s ease
}

#ytb-video:hover .play-icon i {
    background-color: red;
    color: #fff
}

#ytb-video-button.play-icon i.icon-play {
    padding-left: 4px
}

#ytb-video-button.play-icon i:nth-of-type(2),.video-played #ytb-video-button.play-icon i:nth-of-type(1) {
    display: none
}

.video-played #ytb-video-button.play-icon i:nth-of-type(2) {
    display: block
}

#ytb-video:not(:hover) i:nth-of-type(2) {
    opacity: 0
}

.ytb-card {
    margin-top: 50px
}

.device-xs .ytb-card, .device-sm .ytb-card {
    margin-top: -38px
}

.fixed-video{
    transition: all .2s ease-in-out;
}

/** Use .sticky */
.fixed-video.is-sticky {
    position: fixed !important;
    padding-bottom: 0 !important;
    top: 110px;
    left: auto;
    right: 6px;
    max-width: 280px;
    max-height: 158px;
    width: 280px !important;
    height: 158px !important;
}
.fixed-video.is-sticky:hover i{
    display: inline-block !important;
    position: absolute;
    top: 0px;
    right: 10px;
    height: 10px;
    width: 10px;
    cursor: pointer;
}

.campus-slider img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.campus-slider  .heading-block:after {
    content: none;
}

.campus-slider .heading-block {position: relative;z-index: 3; left: 18%}

.campus-slider .FullScreenMenu-Title {display: inline-table;font-family: inherit;background: rgb(255, 255, 255); color: rgb(158, 22, 0); position: absolute;left: 10%;top: -10%;box-shadow: rgba(0, 0, 0, 0.12) 0px 32px 46px 2px;text-align: center!important;border-radius: 5px !important;}

.device-sm .campus-slider .heading-block, .device-xs .campus-slider .heading-block {
    left: 0;
}

.device-xs .campus-slider .FullScreenMenu-Title , .device-sm .campus-slider .FullScreenMenu-Title {
    font-size: 3rem;
    position: relative;
    top: 0;
    left: 0;
}

.device-xs .campus-slider .FullScreenMenu-Title{
    font-size: 2rem !important;
}


.asymmetric:before{position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f9f9f9;
    transform-origin: top left;
    transform: skewY(-3deg);
    z-index: -10;
}
#section-african .asymmetric:before{
    transform: skewY(3deg) !important;
    transform-origin: top right !important;
}

#section-african .heading-block:after, #section-abiel .heading-block:after{
    transform: skewY(-3deg);
}

@media (min-width: 768px) {
    #section-african .row .col-md-6:nth-child(1) {
        float: right;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

.grid-white{
    background: transparent url(../images/grid_white.png) repeat;
}

.acctitle {
    font-size: 25px;
    border-top: 1px solid rgba(51, 51, 51, 0.51);
    padding: 20px 0 20px 20px;
}
.acctitle i {
    position: absolute;
    top: 0;
    width: 14px;
    text-align: center;
    /* font-size: 14px; */
    line-height: 61px;
}

#page-menu nav {
    position: relative;
    float: none;
    text-align: center;
}

#page-menu nav ul {
     display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
}


#page-menu nav li:hover a, #page-menu nav li.current a {
    background-color: rgba(0, 0, 0, 0.74);
}

.video-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.perspective-select {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    -moz-transform: rotateX(50deg) rotateZ(-25deg);
    -ms-transform: rotateX(50deg) rotateZ(-25deg);
    -webkit-transform: rotateX(50deg) rotateZ(-25deg);
    transform: rotateX(50deg) rotateZ(-25deg);
}
.perspective-select li {
    width: 50%;
    float: left;
    padding: 10px;
}
.perspective-select li:nth-child(3n+1) {
    width: 100%;
    float: none;
    text-align: center;
    clear: both;
}


@media (min-width: 768px){
    .perspective-select li {
        padding: 30px;
    }
    .perspective-select li>div>div:hover {
        -moz-transform: translate(40px,-40px);
        -ms-transform: translate(40px,-40px);
        -webkit-transform: translate(40px,-40px);
        transform: translate(40px,-40px);
    }
}

.perspective-select li>div>div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    -moz-transition: -moz-transform .3s ease-in-out , opacity .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out , opacity .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out , opacity .3s ease-in-out;
    transition: transform .3s ease-in-out , opacity .3s ease-in-out;
}
.perspective-select li>div>div:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    cursor: pointer;
    -moz-transform: translate(15px,-15px);
    -ms-transform: translate(15px,-15px);
    -webkit-transform: translate(15px,-15px);
    transform: translate(15px,-15px);
}
.perspective-select li>div {
    display: inline-block;
    max-width: 100%;
    position: relative;
}
.perspective-select li>div:after {
    background-color: rgba(51, 51, 51, 0.4);
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.perspective-select li>div>div>div>a>h3 {
    background: rgba(51, 51, 51, 0.75);
    padding: 5px;
    font-size: 1rem;
}
.perspective-select li>div>div>img {
cursor: default;
}
.perspective-select  li:nth-child(3n+1)>div>div>div>a>h3 {
    background: rgba(51, 51, 51, 0.75);
    padding: 5px;
    font-size: 2rem;
}

.nantucket #section-about .hours span {
    display: block;
}

@media (max-width: 767px){
    .perspective-select {
        margin-top: 50px;
    }
    .perspective-select li>div>div>div>a>h3 {
        background: rgba(51, 51, 51, 0.75);
        padding: 5px;
        font-size: .8em;
    }
    .perspective-select  li:nth-child(3n+1)>div>div>div>a>h3 {
        background: rgba(51, 51, 51, 0.75);
        padding: 5px;
        font-size: 1.2rem;
    }
    .entry-title h2, .post-grid .entry-title h2, .entry-title span, .entry-content a, blockquote {
        font-size: 14px !important;
        font-weight: 600;
    }
    .slider-caption h2 {
        font-size: 2rem;
    }
    .button{
        font-size: 12px;
    }
}

.text-shadow{
    text-shadow: 0 -1px 10px rgba(0, 0, 0, 0.25), 0 1px 10px rgba(0, 0, 0, 0.25), 0 0 30px rgba(0, 0, 0, 0.25);
}

.museum-hours span{
    display: block;
}

.border-right-light{
    border-right: 1px solid #EEE;
}

.device-sm .border-right-light ,.device-xs .border-right-light{
    border: none;
}

.parking ul , .accordion ul{
    padding-left: 20px;
}

.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img{
    height: 100%;
    object-fit: cover;
}

.kenburn-slider img {
    animation:move 20s ease infinite; /* Change this to alternate to stop the loop. */
    -ms-animation:move 20s ease infinite;
    -webkit-animation:move 20s ease infinite;
    -o-animation:move 20s ease infinite;
    -moz-animation:move 20s ease infinite;
}

@-webkit-keyframes move {
    0% {
        transform: scale(1);
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari and Chrome */
        -o-transform: scale(1); /* Opera */
        -moz-transform: scale(1); /* Firefox */
    }
    50% {
        transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari and Chrome */
        -o-transform: scale(1.1); /* Opera */
        -moz-transform: scale(1.1); /* Firefox */
    }
    100%{
        transform: scale(1);
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari and Chrome */
        -o-transform: scale(1); /* Opera */
        -moz-transform: scale(1); /* Firefox */
    }
}


.side-tabs ul.tab-nav {
    font-family: Raleway,sans-serif;
}
.side-tabs ul.tab-nav.tab-nav2 li a {
     box-shadow: none;
    background-color: transparent;
}

#slider .caption {
    position: absolute;
    height: auto;
    background-color: #424242;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 40px 40px 40px 60px;
    max-width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 15px;
    left: 15px;
}

.img-top-center {
    object-position: top center;
}
.img-center-center{
    object-position: center center;
}
.img-bottom-center{
    object-position: center center;
}

#membership{
    width: 100%;
}
#membership img, #membership a{
    max-height: 250px;
    height: 100%;
    object-fit: cover;
}

img + i.image-credit-icon {
    position: absolute;
    top: 0;
    right:3px;
    color: rgba(255, 255, 255, .5);
    z-index: 10;
}

.slider-caption-bg {
    background-color: transparent !important;
}

.team.team-list .team-desc {
    text-align: center !important;
}

.bganimateleftright {
    -webkit-animation:BgAnimatedLeftRight 20s infinite linear;
    -moz-animation:BgAnimatedLeftRight 20s infinite linear;
    -ms-animation:BgAnimatedLeftRight 20s infinite linear;
    -o-animation:BgAnimatedLeftRight 20s infinite linear;
    animation:BgAnimatedLeftRight 20s infinite linear;
}
@-webkit-keyframes BgAnimatedLeftRight {
    0%  {background-position:50% 50%;}
    25% {background-position:0% 50%;}
    50% {background-position:50% 50%;}
    75% {background-position:100% 50%;}
    100% {background-position:50% 50%;}
}
@-moz-keyframes BgAnimatedLeftRight {
    0%  {background-position:50% 50%;}
    25% {background-position:30% 50%;}
    50% {background-position:50% 50%;}
    75% {background-position:70% 50%;}
    100% {background-position:50% 50%;}
}
@-ms-keyframes BgAnimatedLeftRight {
    0%  {background-position:50% 50%;}
    25% {background-position:30% 50%;}
    50% {background-position:50% 50%;}
    75% {background-position:70% 50%;}
    100% {background-position:50% 50%;}
}
@-o-keyframes BgAnimatedLeftRight {
    0%  {background-position:50% 50%;}
    25% {background-position:30% 50%;}
    50% {background-position:50% 50%;}
    75% {background-position:70% 50%;}
    100% {background-position:50% 50%;}
}
@keyframes BgAnimatedLeftRight {
    0%  {background-position:50% 50%;}
    25% {background-position:30% 50%;}
    50% {background-position:50% 50%;}
    75% {background-position:70% 50%;}
    100% {background-position:50% 50%;}
}

.oscroll{
    overflow-y: scroll !important;
    position: relative;
}

.swiper_wrapper .swiper-container {
    background: none;
}

.swiper-pagination span {
     margin: 0;
     border: none;
     border-radius: 0px;
}

.swiper-button-disabled{
    opacity: 0!important;
}

.swiper-slide iframe{
    pointer-events: none;
}

/* Timeline */

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    z-index: -1;
}

/* Container around content */
.timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: white;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the timeline-container to the left */
.left {
    left: 0;
}

/* Place the timeline-container to the right */
.right {
    left: 50%;
}

/* Add arrows to the left timeline-container (pointing right) */
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #333333;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #333333;
}

/* Add arrows to the right timeline-container (pointing left) */
.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #333333;
    border-width: 10px 10px 10px 0;
    border-color: transparent #333333 transparent transparent;
}

/* Fix the circle for timeline-containers on the right side */
.right::after {
    left: -13px;
}

/* The actual content */
.content {
    padding: 20px 30px;
    background-color: #333333;
    position: relative;
    border-radius: 6px;
    box-shadow: 4px 4px 5px rgba(51, 51, 51, 0.4)
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width timeline-containers */
    .timeline-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline-container::before {
        left: 60px;
        border: medium solid #333333;
        border-width: 10px 10px 10px 0;
        border-color: transparent #333333 transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 18px;
    }

    /* Make all right timeline-containers behave like the left ones */
    .right {
        left: 0%;
    }
}

#slider.presentation{
    background-color: #f9f9f9;
}
#slider.presentation img {
    object-fit: contain !important;
}

.support .masonry-thumbs img {
    max-height: 100px;
    object-fit: contain;
}