html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/*#content p {margin-bottom: 1.25em;}*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 3, 2013 */

@font-face {
    font-family: 'neubaugrotesk_r55_normal';
    src: url('../font/neubaugroteskrund-55-webfont.eot');
    src: url('../font/neubaugroteskrund-55-webfont.eot?#iefix') format('embedded-opentype'), url('../font/neubaugroteskrund-55-webfont.woff') format('woff'), url('../font/neubaugroteskrund-55-webfont.ttf') format('truetype'), url('../font/neubaugroteskrund-55-webfont.svg#neubaugrotesk_r55_normal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Common Classes */
.displaynone {
    display: none;
}

.displayblock {
    display: block;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.width100 {
    width: 100%;
}

.middle {
    margin: auto;
    display: block;
    clear: both;
    float: none !important;
}

.textcenter {
    text-align: center;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.boxed {
    background-color: #fff;
}

.box-sizing {
    margin-top: 15px;
    float: left;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .box-sizing .boxed {
        margin: 0 2%;
    }

        .box-sizing .boxed:first-child, .box-sizing .boxed:last-child {
            margin: 0;
        }
}

@media only screen and (max-width: 960px) {
    .boxed {
        margin-bottom: 15px;
    }
}

.low-zindex img {
    z-index: -1;
}

.fontfamily {
    font-family: 'neubaugrotesk_r55_normal', Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.1em;
    font-weight: normal;
}

.border-bottom {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 10px !important;
}

    .border-bottom + .large-12 {
        padding-top: 20px;
    }

.border-top {
    border-top: 2px dashed #ccc;
    padding-top: 10px !important;
}

.strong {
    font-weight: bold;
}

.orange {
    color: #fb4f14;
}

.grey {
    color: #777;
}

.black {
    color: #000;
}

.thirtypc {
    width: 30%;
    float: left !important;
}

@media only screen and (max-width: 960px) {
    .thirtypc {
        width: 100%;
        clear: both;
    }
}

.corners {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.xsmall {
    width: 15% !important;
}

.small {
    width: 30% !important;
}

.medium {
    width: 50% !important;
}

.large {
    width: 70% !important;
}

.xlarge {
    width: 90% !important;
}

.smallestfont {
    font-size: 50% !important;
}

.smallerfont {
    font-size: 75% !important;
}

.font100 {
    font-size: 100% !important;
}

.bigfont {
    font-size: 120% !important;
}

.largefont {
    font-size: 150% !important;
}

.xlargefont {
    font-size: 175% !important;
}

.nopadding {
    padding: 0;
}

/* Device Classes */
.desktop-only {
    display: block;
}

.not-desktop, .tablet-only, .mobile-only {
    display: none;
}

@media screen and (max-width: 960px) {
    .tablet-only, .not-desktop {
        display: block;
    }

    .desktop-only, .mobile-only {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .mobile-only, .not-desktop {
        display: block;
    }

    .desktop-only, .tablet-only, .not-mobile {
        display: none;
    }
}

body {
    color: #515151;
}

h1 {
    margin: 0;
}

#content h1 {
    margin: 15px 0;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.4em;
}

p, ul li {
    font-size: 0.9em;
}

@media screen and (min-width:961px) {
    body.mob-nav-active {
        left: 0 !important;
    }

    #mobilesearch {
        display: none !important;
    }

    #top {
        margin-left: 0% !important;
    }
}

@media screen and (max-width: 960px) {
    body.mob-nav-active {
        position: absolute;
        width: 100%;
        overflow: hidden;
    }

    .row {
        min-width: 0;
    }
}

/* Header and top navigation*/
#header, .nav {
    width: 100%;
    color: #fff;
}

#top, #mobilenavheader {
    background-color: #fb4f14;
}

#header {
    padding: 20px 0;
}

    #header span, #footer span {
        font-size: 130%;
    }

    #header input {
        float: left;
    }

        #header input[type="text"].search, #header input[type="text"].search:focus {
            background: transparent !important;
            border: 0;
            border-bottom: 1px solid #fff !important;
            color: #fff;
            width: 85%;
        }

            #header input[type="text"].search:focus {
                box-shadow: none;
            }

        #header input[type="image"] {
            margin-top: 10px;
        }

#topnav ul li a {
    color: #fff;
    padding: 5px 14px 0px 14px;
    font-size: 1.1em;
    line-height: 1.8em;
}

#topnav {
    background-color: #d24626;
}

#nav-hs, #mobilesearch-trig {
    margin-top: 20px;
}

#top .telephone p, #top .telephone p a {
    color: #fff !important;
}

#header input[type="text"].search::-webkit-input-placeholder {
    color: #ddd;
}

#header input[type="text"].search:-moz-placeholder { /* Firefox 18- */
    color: #ddd;
}

#header input[type="text"].search::-moz-placeholder { /* Firefox 19+ */
    color: #ddd;
}

#header input[type="text"].search:-ms-input-placeholder {
    color: #ddd;
}

.lt-ie9 #header .large-3.columns.desktop-only {
    float: right;
}

@media only screen and (min-width: 769px) {
    #topnav ul, #subnav ul {
        float: none;
        display: inline-block;
        margin: 0;
    }
}

#topnav ul li {
    padding: 3px 0px 5px 0;
}

    #topnav ul li.active, #topnav ul li:hover {
        background: url(/media/20766462/nav-arrow.png) no-repeat 50% bottom;
    }
        /*#topnav ul li.active:after, #topnav ul li:hover:after {content: ''; background:url(/media/20766462/nav-arrow.png) no-repeat left bottom; width:27px; height:7px;display: block; margin: 0px auto 0;}*/
        #topnav ul li.active:first-child:after, #topnav ul li:first-child:hover:after {
            margin: 0px auto 0 24px;
        }

        #topnav ul li.active a, #topnav ul li:hover a {
            text-align: center;
            text-decoration: none !important;
        }

.topnavmargin {
    margin-bottom: -7px;
}

.nav, #subnav {
    text-align: center;
}

    .nav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .nav ul li:not(.not-desktop), .lt-ie9 .nav ul li {
            display: inline-block;
        }

            .lt-ie9 .nav ul li, .lt-ie9 .nav ul li a {
                float: left;
            }

                .lt-ie9 .nav ul li a {
                    line-height: 2em;
                }

.lt-ie9 .nav ul {
    height: 51px;
}

.nav ul li {
    list-style: none;
    margin: 0 auto;
}

    .nav ul li a {
        float: left;
        font-family: 'neubaugrotesk_r55_normal', Arial, "Helvetica Neue", Helvetica, sans-serif;
        text-align: center;
    }

@media only screen and (min-width: 769px) {
    /*#topnav ul li:first-child a {padding:10px 20px 10px 0;}*/
}

@media only screen and (max-width: 1100px) {
    #top #topnav ul li a {
        padding: 10px 5px;
    }
}

@media only screen and (max-width: 960px) {
    #top #header .factlogo a img {
        float: none;
        display: block;
        margin: auto;
    }

    #top {
        position: fixed;
        top: 0;
        left: -70%;
        max-width: 70%;
        min-height: 100%;
        z-index: 9999;
        overflow-x: hidden;
        background: #4D4D4D;
        overflow-y: auto;
        height: 100%;
        width: 100%;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }

    #topnav {
        background-color: #333;
    }
    /*#topnav:before {content: 'Top Pages'; padding: 15px 10px; float: left; font-size: large; color: #111; background: #eee; width: 100%;}*/
    #top #topnav .large-12.columns {
        padding: 0;
    }

    #top #topnav ul, #top #topnav ul li, #topnav ul li a {
        float: left;
        clear: both;
    }

        #top #topnav ul, #top #topnav ul li {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            #top #topnav ul li a {
                width: 90%;
                font-size: 110%;
                text-align: left;
                position: relative;
                padding: 13px 10px;
            }

            #top #topnav ul li.active a:after, #top #topnav ul li:hover a:after {
                content: '';
                margin: 0;
                text-align: left;
            }

    #topnav ul li, #topnav ul li.active, #topnav ul li:hover {
        background: none;
    }

    #top #topnav ul li.active, #top #topnav ul li:hover {
        background-color: #222;
    }

    #top .telephone p {
        text-align: center;
        font-size: 110%;
        padding: 10px 0;
    }
}

#mobilenavheader {
    padding: 5px 0;
}

    #mobilenavheader .factlogo img {
        width: 45px;
        display: block;
        margin: auto;
        padding: 5px 0;
    }

    #mobilenavheader .large-6 {
        width: 50% !important;
    }

    #mobilenavheader .large-3 {
        width: 25% !important;
    }

/* Search Form */
#mobilesearch {
    position: absolute;
    display: none;
    background-color: #952f0c;
    padding: 10px;
    z-index: 999;
}

#searchForm input {
    float: left;
    margin: 0;
}

    #searchForm input[type="submit"] {
        background: url(/media/20766459/search-icon.png) no-repeat top left transparent;
        border: 0;
        text-indent: -9999px;
        width: 18px;
        height: 18px;
        margin-top: 10px;
        float: left;
    }

#mobilesearch input[type="submit"] {
    background: url(/media/20766459/search-icon.png) no-repeat top left transparent;
    border: 0;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    margin-top: 10px;
    float: left;
}

#mobilesearch input {
    float: left;
    margin: 0;
}

    #mobilesearch input[type="submit"] {
        margin-left: 5%;
    }

    #mobilesearch input[type="text"].search, input[type="text"].search:focus {
        background: #fff;
        border: 0;
        border: 0;
        ;
        color: #000;
        margin-left: 5%;
        width: 78%;
    }

#mobilesearch form {
    float: left;
    width: 100%;
}

/* Sub Nav */
#subnav-container {
    min-height: 60px;
    float: left;
    clear: both;
    width: 100%;
}

#subnav {
    padding: 10px 0 0;
    float: left;
}

    #subnav .row {
        width: 100%;
    }

    #subnav ul li {
        padding: 0px 7px 10px 0;
        float: none;
        display: inline-block;
    }

.lt-ie9 #subnav ul li {
    float: left;
}

#subnav ul li.active:first-child {
    padding-left: 10px;
}

#subnav ul li a {
    color: #000;
    padding: 0px 10px;
}

#subnav ul li.active a, #subnav ul li.selected a, #subnav ul li:hover a {
    color: #fff;
    background-color: #fb4f14;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

/*@media only screen and (max-width: 960px) {
	#subnav {background-color:#aaa;}
	#subnav, #subnav .large-12, #subnav ul, #subnav ul li {padding:0;}
	#subnav ul li {width:100%; clear:both;}
	#subnav ul li a {font-size:110%; padding: 10px 20px; width: 100%; text-align: left;}
	#subnav ul li.selected a, #subnav ul li:hover a{-webkit-border-radius:0px; border-radius:0px;}
}*/

@media only screen and (max-width: 960px) {
    #subnav ul {
        padding-left: 10px;
    }
}

#content {
    background-color: #fff;
}

    #content > .row {
        margin-bottom: 20px;
    }

.content-page { /*padding-top: 20px;*/
    margin-bottom: 40px;
}

/* Footer */
#footer {
    width: 100%;
    clear: both;
    background-color: #fb4f14;
    color: #fff;
    padding: 10px 0 0;
    overflow: hidden;
}

    #footer h6 {
        font-size: 1.2em;
        margin-top: 5px;
    }

    #footer ul li, #footer ul li a, #footer h6, #end a, #footer a {
        color: #fff;
        list-style: none;
    }

    #footer div ul {
        padding: 10px 0;
        float: left;
        width: 100%;
    }

    #footer ul li, #footer p {
        font-size: 0.8em;
        line-height: 1.3em;
    }

    #footer #our-partners ul li, #end ul li {
        clear: none;
        float: left;
        list-style: none;
    }

    #footer #our-partners h6 {
        margin-bottom: 00px;
    }

    #footer #our-partners ul {
        float: left;
        width: auto;
    }

    #end .floatleft a img {
        margin-right: 10px;
    }

.partnersrow {
    float: right;
    display: inline-block;
    border 1px solid #fff;
}

@media only screen and (max-width: 1000px) {
    #footer #our-partners ul li {
        width: 20%;
    }

    .partnersrow {
        float: left;
    }
}

@media only screen and (max-width: 960px) {
    #footer {
        padding: 0;
    }

        #footer ul li {
            clear: none;
            padding: 0px 20px 5px 0;
            width: auto;
            float: left;
        }

        #footer div ul {
            border-bottom: 1px solid #eee;
        }

        #footer #our-partners ul {
            border: 0;
        }

        #footer h6 {
            margin-top: 20px;
        }
}

@media only screen and (max-width:480px) {
    #footer #our-partners ul li {
        width: auto;
    }
}

@media only screen and (max-width: 640px) {
    #footer #our-partners ul {
        float: none;
        width: 100%;
    }

        #footer #our-partners ul li {
            padding: 0;
            width: 100%;
        }

            #footer #our-partners ul li:first-child {
                clear: both;
                width: 100%;
            }

            #footer #our-partners ul li:nth-child(even) {
                clear: left;
            }

            #footer #our-partners ul li:nth-child(3) img {
                margin-top: 30px;
            }

            #footer #our-partners ul li img {
                float: none;
                margin: auto;
                display: block;
            }

    .partnersrow {
        float: left;
        width: 100%;
    }
}

#end {
    width: 100%;
    clear: both;
    background-color: #d24626;
    color: #fff;
    padding: 10px 0;
}

@media only screen and (max-width:960px) {
    #end p {
        clear: left !important;
        padding-bottom: 15px;
    }

    #end #sigma {
        padding-top: 0 !important;
    }

    #end p, #end ul, #end #sigma {
        float: left !important;
    }

    #end .textright {
        text-align: left;
    }

    #end ul li:first-child {
        margin: 0 !important;
    }
}


/*Film and event styling on whats on page*/
@media only screen and (max-width: 960px) {
    #results .filmtags li {
        float: left;
    }

    #results .tags li {
        margin: 10px 10px 0 0;
    }

    .filmeventdescription p {
        padding-top: 10px;
    }

    #results, #filter {
        width: 100%;
    }

        #results > .large-9, #filter form > .large-3 {
            width: 100%;
        }
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
    .filter {
        width: 33%;
        clear: none !important;
    }

    .filmevent .large-2, .filmevent .large-6, .filmevent .large-4 {
        clear: none !important;
    }

    .filmevent .large-2 {
        width: 16.66%;
    }

    .filmevent .large-6 {
        width: 50%;
    }

    .filmevent .large-4 {
        width: 33.33%;
    }
}

@media only screen and (max-width: 600px) {
    #results .large-9 .filmevent .large-2 img {
        display: none;
    }

    .filter {
        width: 50%;
        clear: none !important;
    }
}

@media only screen and (max-width: 400px) {
    .filter {
        width: 100%;
        clear: both !important;
    }
}

.filmcert {
    padding: 25px 25px 0 0;
}

.gallerytimes {
    float: left;
    clear: both;
    margin: 15px 0;
    width: 100%;
}

.lt-ie10 .gallerytimes {
    font-size: 85%;
}

/* Filter */
.filter {
    margin-bottom: 20px;
    float: left !important;
    clear: both;
}

    .filter h4 {
        color: #ba3f86;
        font-size: 1.1em;
    }

    .filter label {
        padding: 7px 0;
        width: auto;
        float: left;
        display: inline;
        overflow: hidden;
        clear: left;
    }

.lt-ie9 .filter label {
    clear: none;
    padding: 0 10px;
    width: 60%;
}

.lt-ie8 .filter label {
    padding: 5px 3px 7px;
    height: 23px;
}

.filter input[type=radio] {
    clear: left;
    float: left;
}

@media only screen and (min-width:0px) {
    .filter input[type=radio] {
        clear: left;
        display: none;
    }

    .filter label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: url(/images/wo-unchecked.png) no-repeat center center;
        padding-left: 10px;
        margin-top: -2px;
        float: left;
    }

    .filter input[type=radio]:checked + label:before {
        background: url(/images/wo-checked.png) no-repeat center center;
    }
}

/*
@media only screen and (min-width:0px) {
	.filter input[type=radio] {clear:left; display:none;}
	.filter label:before { content:""; display:inline-block; width:16px; height:16px; margin-right:10px; background-color:#fff; padding-left:10px; border-radius:10px; border:1px solid #ba3f86; margin-top: -2px; float:left;}
	.filter input[type=radio]:checked + label:before {content:"\2022"; font-size: 41px; text-align: left; line-height: 13px; padding-left: 0;} 	

	.filter input[type=radio]:checked + label:before { (;font-size: 40px; line-height: 14px;); }
	
	.lt-ie10 .filter input[type=radio]:checked + label:before {font-size:39px; line-height: 16px;} 
	.filter input[type=radio]:checked + label, .filter input[type=radio]:checked + label:before {color:#ba3f86;}
}

@media screen and (min-width:0\0) {.filter input[type=radio]:checked + label:before { (;font-size: 40px; line-height: 16px;); } }

/*
.filter.expandable .collapsible {height:0px; overflow:hidden;}
.filter.expandable h4 {cursor:pointer; width:100%;}
/*.filter.expandable h4:after {content:'\25BC'; float:right; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}*/
.filter.expandable.active h4:after {
    content: '\25B2';
}

.filter_title {
    margin-top: -5px !important;
}

.filters, #adv_filter {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    padding: 0;
    margin-top: 5px;
}

label[for="choosedate"]:after {
    background: url(/images/fact/calendar-icon.png) center right no-repeat;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: -2px 0 0 10px;
}

/* Event Page */
.artist {
    float: left;
    width: 100%;
    padding: 10px 0;
}

    .artist a {
        display: block;
        margin: auto;
        width: 95%;
    }

#sponsors div.fontfamily.floatleft.clear.middle p {
    margin-top: 10px;
}

    #sponsors div.fontfamily.floatleft.clear.middle p a {
        white-space: normal;
    }

.artist a .artist-img img {
    width: 100%;
    height: 105px;
}

.event-schedule, .related-listings {
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
}

.filmevent-listing {
    clear: both;
    padding: 5px 0;
}

.related-listings .tags.tags.showtimes {
    margin-left: 0;
}

    .related-listings .tags.tags.showtimes li {
        margin: 2px 0px 0;
    }

@media only screen and (max-width:1100px) {
    .event-schedule, .related-listings {
        height: 100% !important;
    }
}

/* Tabs */
#tabs ul.ui-tabs {
    margin: 20px 0 10px !important;
    width: auto !important;
}

#tabs ul.ui-tabs-nav li {
    clear: none;
}

#tabs ul, .ui-widget-content {
    clear: both;
}

#tabs ul, #tabs > ul li, .ui-widget-content {
    float: left;
}

#tabs > ul:not(.grid-tabs) li {
    float: left;
    padding: 0 10px 10px 0;
    clear: both;
}

    #tabs > ul:not(.grid-tabs) li a {
        padding: 5px;
        background-color: #666;
        font-size: 0.8em;
        color: #fff;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

        #tabs > ul:not(.grid-tabs) li a:hover, #tabs > ul:not(.grid-tabs) li[aria-selected="true"] a {
            background-color: #fb4f14;
        }

    #tabs > ul:not(.grid-tabs) li:first-child {
        padding-left: 0px;
    }

    #tabs > ul:not(.grid-tabs) li:last-child {
        padding-right: 0px;
    }

@media only screen and (max-width: 960px) {
    #tabs ul {
        border-bottom: 0;
    }

        #tabs ul li a {
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
}

/* Film Tags */
#cycle-listings, .today-listing {
    float: left;
    width: 100% !important;
    clear: both;
}

#todayatfact #cycle-listings {
    margin-bottom: 15px;
}

.filmtags {
    width: 100%;
    float: right;
    clear: both;
    margin: 25px 0 0;
    direction: rtl;
}

#results .filmtags {
    margin: 0;
}

.tags li {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 13px 5px 0;
    float: right;
    list-style: none;
}

    .tags li a {
        color: #fff;
        text-align: center;
        width: 100%;
        float: left;
        padding: 0px 10px;
    }

    /*.tags li.free {background-color:#cfac20;}
.tags li.film {background-color:#72ae3b;}
.tags li.arts {background-color:#4890a3;}
.tags li.event {background-color:#ba3f86;}
.tags li.exhibition {background-color:#000066;}
.tags li.workshop {background-color:#CC6600;}
.tags li.training {background-color:#336666;}
.tags li.research {background-color:#660033;}
.tags li.community {background-color:#cfac20;}
.tags li.learning {background-color:#666600;}
.tags li.youngpeople {background-color:#CC33CC;}
.tags li.archived {background-color:#787878;}
*/
    .tags li.free, .tags li.film, .tags li.arts, .tags li.event, .tags li.exhibition, .tags li.workshop, .tags li.training, .tags li.research, .tags li.community, .tags li.learning, .tags li.youngpeople, .tags li.archived {
        background-color: #443e3c;
    }

.datetext .filmtags, .datetext .filmtags li {
    float: left;
    margin: 0;
}

    .datetext .filmtags li a {
        background-color: #fff;
        color: #8f8f8f;
        padding: 0;
        font-size: 1.3em;
    }

.today-listing .datetext + span.fontfamily {
    font-size: 0.7em;
}

@media only screen and (max-width: 960px) {
    .tags li {
        float: left;
    }

        .tags li:first-child {
            margin-left: 0px;
        }

    .showtimes li:first-child {
        margin-left: 0px;
    }

    .showtimes li {
        margin: 10px 10px 0 0;
    }

    #fp-film-tags, .filmtags {
        margin-top: 0;
        float: left;
    }

    #cycle-listings .today-listing {
        width: 50% !important;
        clear: none !important;
    }

    #cycle-listings .today-listing {
        float: left !important;
    }

        #cycle-listings .today-listing:nth-child(2n+1) {
            clear: left !important;
        }
}

.filmeventdescription p {
    font-size: 0.8em;
    width: 95%;
}

.filmevent {
    float: left;
    clear: both;
    border-bottom: 2px dashed #ccc;
    padding: 10px 0 20px;
    width: 100%;
}

    .filmevent > .row + .row {
        margin-top: 10px;
    }

.lt-ie8 .filmevent > .row {
    width: 100%;
}

    .lt-ie8 .filmevent > .row > div {
        padding: 5px;
    }

.filmevent:last-child {
    border-bottom: 0;
}

.filmeventdetails, .filmeventdetails li {
    float: left;
    clear: both;
    list-style: none;
}

.filmeventdetails {
    float: left;
    clear: both;
    width: 100%;
}

    .filmeventdetails li {
        font-size: 0.8em;
    }

.filmevent .filmeventdetails li {
    width: 80%;
}

.filmeventdetails li span {
    color: #ba3f86;
    font-weight: bold;
    padding-right: 5px;
}

    .filmeventdetails li span:after {
        content: ':';
    }

.tags.showtimes li a {
    padding: 0;
}

@media only screen and (min-width:480px) and (max-width: 960px) {
    .filmevent .row .large-7, .filmevent .row .large-7 + .large-5 {
        width: 50%;
    }

        .filmevent .row .large-7 + .large-5 ul li {
            float: right !important;
        }
}

/* Film times */
.datetext {
    font-size: 0.7em;
    color: #444;
    float: left;
    padding-top: 10px;
    min-width: 70px;
}

    .datetext span {
        display: block;
        clear: both;
        padding-bottom: 5px;
    }

    .datetext span {
        font-weight: bold;
    }

.event-schedule .datetext, .related-listings .datetext {
    padding-top: 0px;
}

    .event-schedule .datetext span, .related-listings .datetext span {
        line-height: 1.1em;
    }

    .event-schedule .datetext span {
        padding: 5px 0 0px;
        font-weight: normal;
        font-size: 1.3em !important;
    }

.cycle-ep, .showtimes, .showtimes li {
    float: left;
}

.boxed .showtimes {
    width: 80%;
}

.cycle-slideshow.boxed .datetext {
    width: 15%;
}

.cycle-slide {
    width: 100% !important;
    float: left;
}

.showtimes li {
    background-color: #5da9bd;
    font-size: 0.8em;
    padding: 2px 5px;
    color: #fff; /*text-decoration: line-through;*/
}

.tags.showtimes li {
    margin-left: 0;
}

body .showtimes li a, body .tooltip, .lt-ie8 .showtimes li {
    text-decoration: none !important;
}

.tags li a:after {
    float: right;
    padding: 0px 5px;
    border-left: 1px solid;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    display: block;
    margin-left: 5px;
}

.tags li.autism a:after {
    content: 'Autism Friendly';
    background-color: #72ae3b;
}

.tags li.autism {
    background-color: #72ae3b;
}
/*??????*/
.tags li.silverscreen a:after {
    content: 'Silver Screen';
    background-color: #3f56b8;
}

.tags li.silverscreen {
    background-color: #3f56b8;
}

.tags li.scream a:after {
    content: 'Big Scream';
    background-color: #d24626;
}

.tags li.scream {
    background-color: #d24626;
}

.tags li.toddlertime a:after {
    content: 'Toddler Time';
    background-color: #c859ad;
}

.tags li.toddlertime {
    background-color: #c859ad;
}

.tags li.kidsclub a:after {
    content: 'Kids Club';
    background-color: #ba3f86;
}

.tags li.kidsclub {
    background-color: #ba3f86;
}

.tags li.not-active .tooltip {
    display: none !important;
}

.tags li.not-active, .tags li.soldout, .tags li.soldout a:after {
}

    .tags li.not-active a {
        cursor: not-allowed !important;
    }

    .tags li.soldout a:after {
        content: 'Sold out' !important;
    }

ul.eventfilmcycle {
    margin-top: 20px;
}

    ul.eventfilmcycle, ul.eventfilmcycle img {
        height: auto;
        overflow: hidden;
        width: 100%;
    }

.cycle-controls {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}

    .cycle-controls > div {
        float: left;
        width: 3%;
        height: 100%;
        max-height: 66px;
        overflow: hidden;
        clear: none;
    }

    .cycle-controls #adv-custom-pager {
        max-width: 498px;
        min-width: 498px;
        width: 100%;
    }

.lt-ie9 .cycle-controls #adv-custom-pager {
    max-width: 470px;
    min-width: 470px;
}

.cycle-controls #adv-custom-pager li.cycle-slide {
    max-width: 122px;
    height: 63px;
    width: 100% !important;
    margin-bottom: 2px;
}

.lt-ie9 .cycle-controls #adv-custom-pager li.cycle-slide, .lt-ie9 .cycle-controls #adv-custom-pager li.cycle-slide img {
    max-width: 116px;
}

.cycle-prev, .cycle-next, #adv-custom-pager li {
    cursor: pointer;
    float: left;
}

    #adv-custom-pager li img {
        float: left;
    }

#adv-custom-pager .cycle-carousel-wrap li {
    margin: 0 1px;
}

#adv-custom-pager .outlast .cycle-carousel-wrap {
    position: static !important;
    float: left;
    width: 100%;
    margin-top: -63px !important;
}

@media only screen and (max-width: 1100px) {
    #adv-custom-pager .outlast .cycle-carousel-wrap {
        margin-top: 0px !important;
    }

    #adv-custom-pager .cycle-carousel-wrap {
        position: static !important;
        float: left;
        width: 100%;
    }

    #adv-custom-pager .cycle-sentinel, .cycle-prev, .cycle-next, #artists-section .cycle-sentinel {
        display: none !important;
    }

    .cycle-controls #adv-custom-pager {
        max-width: 100%;
        width: 100% !important;
    }

    .cycle-controls > div, .artist-or-sponsor .cycle-slideshow {
        height: 100% !important;
        max-height: 100%;
    }

    #artists-section .cycle-carousel-wrap {
        position: static !important;
        float: left;
    }

    .artist-or-sponsor .cycle-slideshow .cycle-slide {
        float: left !important;
    }
}

@media only screen and (max-width: 960px) {
    .cycle-controls #adv-custom-pager {
        width: 90%;
    }
}

@media only screen and (max-width: 540px) {
    #cycle-listings .today-listing {
        width: 100% !important;
        clear: both !important;
    }

    #cycle-listings .today-listing {
        float: left !important;
    }

    .cycle-controls #adv-custom-pager {
        min-width: 0;
    }

        .cycle-controls #adv-custom-pager li.cycle-slide, .eventfilmcycle-horizontal .cycle-slide-active:after {
            width: 32.5% !important;
            max-width: 32.5% !important;
            height: auto;
        }

            .cycle-controls #adv-custom-pager li.cycle-slide img {
                width: 100%;
            }

    .event-schedule .small, .related-listings .small, .event-schedule .large, .related-listings .large {
        clear: both;
        width: 100% !important;
    }

    .filmevent-listing {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 400px) {
    .cycle-controls #adv-custom-pager li.cycle-slide, .eventfilmcycle-horizontal .cycle-slide-active:after {
        width: 49% !important;
        max-width: 49% !important;
    }
}

.bullet {
}

/* Film Page */
.picturehouse {
    width: 126px;
    height: 40px;
}

.calendar {
    padding: 10px 0;
}

.tags.showtimes {
    margin-left: 10px;
    width: 80%;
    margin-bottom: 5px;
}

.cycle-rl .tags.showtimes {
    margin-bottom: 5px;
}

.cycle-rl .orange.largefont.fontfamily {
    font-size: 1.3em !important;
    font-weight: normal;
}

    .cycle-rl .orange.largefont.fontfamily + span {
        display: none;
    }

.jacka {
    padding: 15px 0;
}

    .jacka .border-bottom + .large-12 {
        padding-top: 0px;
    }
/*.jacka .movietimes {padding-left:0px;}*/
#fp-film-tags {
    float: right;
}

.book-now {
    padding: 10px 0 !important;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin: 15px 0px 20px;
}

@media only screen and (min-width: 450px) {
    .book-now {
        width: 50%;
    }
}

@media only screen and (max-width: 960px) {
    .picturehouse {
        margin: 20px 0 20px;
        clear: both;
        display: block;
    }

    #fp-film-tags {
        width: 100%;
        clear: both;
    }
}

@media only screen and (max-width: 480px) {
    .tags.showtimes {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 15px;
    }

        .tags.showtimes li: {
            margin-left: 0px;
            margin-right: 10px;
        }
}

/* Play icon on video media */

li.play a:before, .eventfilmcycle-horizontal li.play:before {
    content: '';
    width: 32px;
    height: 32px;
    background: url(/media/20766465/play-icon-small.png) no-repeat center center;
    margin: 30px 0 0 55px;
    position: absolute;
}

li.play a:before, .eventfilmcycle-horizontal li.play:before {
    margin: 17px 0 0 45px;
}

@media screen and (min--moz-device-pixel-ratio:0) {
    li.play a:before, .eventfilmcycle-horizontal li.play:before {
        margin-left: -75px;
    }
}

.large-12 .large-6 li.play a:before {
    content: '';
    width: 32px;
    height: 32px;
    background: url(/media/20766465/play-icon-small.png) no-repeat center center;
    position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .large-12 .large-6 li.play.big a:before {
        margin: 35% 0 0 43% !important;
    }
}

.large-12 .large-6 li.play.big a:before {
    content: '';
    width: 97px;
    height: 97px;
    background: url(/images/big-play-btn.png) no-repeat left top;
    position: absolute;
    margin: 17% 0 0 41% !important;
}

@media only screen and (max-width: 960px) {
    .large-12 .large-6 li.play.big a:before {
        margin: 19% 0 0 44% !important;
    }
}

@media only screen and (max-width: 480px) {
    .large-12 .large-6 li.play.big a:before {
        margin: 10% 0 0 34% !important;
    }

    li.play a:before, .eventfilmcycle-horizontal li.play:before {
        margin: 26px 0 0 -95px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .large-12 .large-6 li.play a:before {
        margin: 25px 0 0 45px;
    }

    .large-12 .large-6 li.play.big a:before {
        margin: 17% 0 0 41% !important;
    }
}

/*Safari - Win*/
@media screen and (min-width:0\0) {
    .large-12 .large-6 li.play.big a:before {
        margin-top: 55% !important;
    }
}

/* You may also like */
#ymal .boxed {
    float: left !important;
}

#ymal .boxed, .box-sizing .boxed {
    padding: 0 0 10px;
}

    #ymal .boxed > *:not(.fact-sym) /*, .box-sizing .boxed > *:not(.fact-sym)*/ {
        padding: 5px 10px 0;
        float: left;
    }

    .box-sizing .boxed p {
        padding-right: 5px;
    }

    .box-sizing .boxed h4 + p {
        padding-bottom: 20px !important;
    }

.lt-ie9 #ymal > div {
    width: 20%;
    margin-left: 6%;
}

.lt-ie9 #ymal div {
    margin: 0;
}

    .lt-ie9 #ymal div + div {
        margin-left: 6%;
    }

@media only screen and (min-width: 768px) {
    #ymal > div {
        width: 20%;
        margin-left: 7%;
    }

        #ymal > div:first-child {
            margin: 0;
        }

        #ymal > div:last-child {
            margin-left: 6%;
        }
}

.fact-sym {
    overflow: hidden;
    width: 100%;
}

    .fact-sym img {
        min-height: 129px;
    }

@media only screen and (min-width: 768px) {
    .fact-sym img {
        min-width: 213px;
    }
}

@media only screen and (max-width: 960px) {
    .fact-sym img {
        width: 100%;
    }
}

.fact-sym + h4, .fact-sym + h6 {
    margin-top: 5px;
    clear: both;
    float: left;
    width: 100%;
}

    .fact-sym + h4:before, .fact-sym + h6:before, #pager-list a.cycle-pager-active span:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url(/media/20766463/fact-img-sym.png) no-repeat left top;
        position: absolute;
        margin: -33px 0 0 10px;
        z-index: 999;
    }

    .fact-sym + h4:before {
        margin: -30px 0 0 5px;
    }

@media only screen and (max-width: 960px) {
    #pager-list a.cycle-pager-active span:before {
        display: none;
    }
}

/* Homepage style */
#progress-bar {
    background-color: #fb4f14;
    height: 5px;
    width: 0px;
    position: absolute;
    z-index: 999;
    display: block;
    bottom: 0;
}

#hp-slideshow {
    width: 100%;
    max-height: 450px;
    float: left;
    overflow: hidden;
}

    #hp-slideshow div {
        width: 100%;
        height: auto;
        float: left;
    }

        #hp-slideshow div img {
            width: 100%;
            height: 100%;
            margin: auto;
            display: block;
            margin-top: 0%;
        }

#hp-pager {
    float: left;
    margin-bottom: 40px;
    background-color: #fff;
}

#pager-list, #paging {
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
}

    #pager-list a {
        border-right: 1px solid #ccc;
        width: 25%;
        padding: 5px 2.5%;
        height: 100%;
        float: left;
        font-family: 'neubaugrotesk_r55_normal', Arial, "Helvetica Neue", Helvetica, sans-serif;
        letter-spacing: 0.1em;
        font-weight: normal;
        color: #777;
        font-size: 90%;
        line-height: 1.2em;
    }

.lt-ie8 #pager-list a {
    padding: 5px 10px;
    width: 22%;
}

#hp-calendar {
    padding: 0px !important;
    margin-bottom: -12px;
}

    #hp-calendar h3 {
        width: 60%;
        float: left;
    }

.lt-ie9 #hp-calendar h3 {
    padding-left: 0;
    margin-left: -25px;
}

#hp-calendar a {
    padding-top: 7px;
    float: right;
}

    #hp-calendar a img {
        padding-left: 10px;
    }

.lt-ie9 #hp-calendar a img {
    padding-left: 20px;
    margin-top: -12px;
}

.lt-ie8 #hp-calendar a img {
    padding-left: 0px;
    margin-top: -12px;
}

#pager-list a:first-child {
    border-left: 1px solid #ccc;
}

#pager-list a:hover, #pager-list a.cycle-pager-active {
    color: #fb4f14;
}

    #pager-list a.cycle-pager-active span:before {
        margin: -23px 0 0 0px;
    }

::#pager-list a.cycle-pager-active:before {
    margin: -23px 0 0 -21.5%;
    );
}

.lt-ie10 #pager-list a.cycle-pager-active:before {
    margin-left: 1%;
}

.p-title {
    float: left;
    width: 100%;
    padding: 4px 0 8px;
    font-size: 120%; /*line-height: 1.3em;*/
}

#newssignup input {
    float: left;
    clear: none;
}

    #newssignup input[type="email"] {
        border: 1px solid #ccc;
        -webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
        height: 29px;
        margin-top: 6px;
    }

.lt-ie8 #newssignup input.corners.large {
    height: 20px;
    width: 180px !important;
}

#newssignup input[type="submit"] {
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    padding: 6px 0 !important;
    margin-top: 6px;
    height: 29px;
    line-height: 0.7em;
    letter-spacing: 0.15em;
    text-align: center;
    padding-left: 5px !important;
}

#todayatfact {
    margin-top: 25px;
    float: left;
    width: 100%;
}

    #todayatfact .large {
        width: 70% !important;
    }

    #todayatfact .cycle-slideshow {
        overflow: hidden;
        height: 420px !important;
    }

#custom-today-pager {
    float: left;
    clear: both;
    width: 100%;
    z-index: 999;
    margin-top: 20px;
    text-align: center;
}

.std-pager {
    float: left;
    clear: both;
    width: 100%;
}

    #custom-today-pager ul, .std-pager ul {
        clear: both;
        display: inline-block;
        float: none;
        margin: auto;
    }

        #custom-today-pager ul li, .std-pager ul li {
            margin: 0 10px;
            display: inline-block;
        }

            #custom-today-pager ul li a, .std-pager ul li a {
                float: left;
                width: 100%;
                padding: 0px 7px;
                background-color: #ddd;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                border: 4px solid #ddd;
                font-size: 0.8em;
                color: #666;
            }

            #custom-today-pager ul li.bullet a.on {
                background-color: #fb4f14;
                border: 4px solid #ddd;
                color: #fff;
            }

            #custom-today-pager ul li.bullet a {
                padding: 6px;
            }


/*2015 homepage update*/
#everything-hp-update {
    margin-top: 0;
}

@media only screen and (max-width: 449px) {
    .custom-col-1 {
        position: relative;
        width: 100%;
        padding: 0 30px;
        margin-top: 18px;
    }

    .custom-col-2 {
        position: relative;
        width: 100%;
        margin-top: 18px;
        padding: 0 30px;
    }
}

@media only screen and (min-width: 450px) {
    .custom-col-1 {
        position: relative;
        width: 50%;
    }

        .custom-col-1 + .custom-col-1 {
            margin-top: 18px;
        }

    .custom-col-2 {
        position: relative;
        width: 50%;
    }

        .custom-col-2 + .custom-col-2 {
            position: relative;
            margin-top: 18px;
        }
}

@media only screen and (min-width: 650px) {
    .custom-col-1 {
        width: 22.2222255555%;
        margin-top: 30px;
    }

        .custom-col-1 + .custom-col-1 {
            margin-top: 0px;
        }

    .custom-col-2 {
        width: 27.7777766667%;
        margin-top: 30px;
    }

        .custom-col-2 + .custom-col-2 {
            margin-top: 0px;
        }
}

@media only screen and (min-width: 910px) {
    .custom-col-1 {
        padding-right: 2.825em;
    }

        .custom-col-1 + .custom-col-1 {
        }

    .custom-col-2 {
    }

        .custom-col-2 + .custom-col-2 {
            padding-left: 2.825em;
        }
}

.hex-link {
    position: relative;
    width: 100%;
    height: 0;
    background-color: #64C7CC;
    margin: 0;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    display: block;
    background-image: url(http://placekitten.com/241/241);
    background-position: 50%;
    background-size: cover;
    padding-bottom: 110%;
    overflow: hidden;
}

.hex-link:before {
    content: "";
    background-color: rgba(68,62,60,0.65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.hex-link:hover:before {
    background-color: rgba(251,79,20,0.85);
}

.hex-link--featured:before {
    background-color: rgba(251,79,20,0.85);
}

a.hex-link--featured:hover:before {
    background-color: rgba(68,62,60,0.65);
}

.hex-link__top {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.hex-link__bottom {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.hex-link__top:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -50%;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    background: #fff;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.hex-link__top:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background: #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.hex-link__bottom:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -50%;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background: #fff;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.hex-link__bottom:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    background: #fff;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hex-link__content {
    display: table;
    position: relative;
    text-align: center;
    position: absolute;
    top: 50%;
	z-index: 99;
    left: 0;
    width: 100%;
    height: 114px;
    margin-top: -57px;
}

.hex-link__content__inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 15px;
}

.donate-button {
    overflow: hidden;
    max-width: 200px;
    padding: 0px;
    margin-top: 10px;
    clear: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

.hex-link__content__inner span,
.hex-link__content__inner label {
    display: block;
    color: #fff;
    font-size: 1.5em;
    font-weight: normal !important;
    font-family: 'neubaugrotesk_r55_normal', Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.hex-link__content__inner #newssignup input[type="email"] {
    height: 32px;
    margin-top: 0;
    font-size: 13px;
    width: 76% !important;
    margin-bottom: 0;
}

.hex-link__content__inner #newssignup input[type="submit"] {
    margin-top: 0;
    height: 32px;
    font-size: 1.1em;
    font-weight: normal;
    border: 0;
    box-shadow: none;
    background: #fb4f14;
    width: 24% !important;
    padding: 0 !important;
    margin-bottom: 0;
}

/*
#custom-today-pager, .updown-pager {clear:both; width: 50%; margin:auto; /*padding:10px 0; min-height: 55px; display: block;}
#custom-today-pager div, .updown-pager div {width:32px; height:32px; float:left; background-position:center center; background-repeat:no-repeat;}
#custom-today-pager div.disabled, .updown-pager div.disabled {opacity:0.3;}
#custom-today-pager div.cycle-prev, .updown-pager div.cycle-prev {background-image:url(../../images/todayatfact-prev_off.png);}
#custom-today-pager div.cycle-next, .updown-pager div.cycle-next {background-image:url(../../images/todayatfact-next_off.png);}
#custom-today-pager div.cycle-prev:not(.disabled ):hover, .updown-pager div.cycle-prev:not(.disabled ):hover {background-image:url(../../images/todayatfact-prev.png);}
#custom-today-pager div.cycle-next:not(.disabled ):hover, .updown-pager div.cycle-next:not(.disabled ):hover {background-image:url(../../images/todayatfact-next.png);}
*/
@media only screen and (max-width:1100px) {
    .event-schedule .small, .event-schedule .large, .related-listings .small, .related-listings .large {
        clear: both !important;
    }
}


#cycle-listings, .film-group .today-listing {
    float: left;
    clear: both;
    width: 100%;
}

    #cycle-listings .today-listing {
        margin-bottom: 5px !important;
    }

@media only screen and (max-width: 960px) {
    #cycle-listings, #cycle-listings .today-listing {
        float: left !important;
        clear: both;
        width: 100%;
        height: 100% !important;
        overflow: visible !important;
    }

    #custom-today-pager {
        display: none;
    }

    #hp-slideshow {
        height: 400px;
    }

    #newssignup {
        max-width: 400px;
    }

    #todayatfact .large {
        width: 69% !important;
    }
}

@media only screen and (max-width:480px) {
    #newssignup {
        max-width: 300px;
    }
}

/*#todayatfact .large-12 {height:370px!important;}*/
#todayatfact .boxed .today-listing:first-child {
    padding-top: 20px;
}

#todayatfact .large .showtimes, #todayatfact .large .datetext {
    width: 100%;
}

#todayatfact .small img {
    width: 64px;
    height: 64px;
}

.today-listing {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

    .today-listing.cycle-slide { /*min-height:100px;*/
    }

    .today-listing .floatleft span {
        margin: 2px 10px 0 10px;
    }

    .today-listing .floatleft ul {
        margin: 0;
    }

        .today-listing .floatleft ul li {
            margin: 0px 0 00px 10px;
        }

        .today-listing .floatleft ul.showtimes li {
            margin: 0px 0 2px 10px;
        }

    .today-listing .small {
        max-width: 64px !important;
    }

    .today-listing .datetext span {
        font-weight: normal !important;
    }

        .today-listing .datetext span.grey {
            padding-bottom: 0;
        }

    .today-listing .datetext {
        padding: 0;
    }

.datetext span.grey.bigfont a {
    color: #bbb;
}

@media only screen and (min-width: 769px) {
    #featured-hp .thirtypc, #everything-hp .thirtypc {
        width: 32%;
    }
}

.lt-ie8 #featured-hp .thirtypc, .lt-ie8 #everything-hp .thirtypc {
    width: 29%;
}

#featured-hp h4, #everything-hp h4 {
    padding: 10px 0;
}

#featured-hp .thirtypc h4, #featured-hp .thirtypc p, #everything-hp .thirtypc h4, #everything-hp .thirtypc p {
    clear: both;
    float: left;
    width: 100%;
}

#everything-hp > .large-4 .fact-sym {
    height: 140px;
}

#todayatfact .cycle-slide {
    left: 10px !important;
}

.circle-pager {
    float: left;
    clear: both;
    width: 100%;
    z-index: 999;
    margin: 15px auto;
}

.std-pager {
    float: left;
    clear: both;
    width: 100%;
}

    .circle-pager ul, .std-pager ul {
        width: 75%;
        clear: both;
        display: block;
        margin: 0px auto;
    }

        .circle-pager ul li, .std-pager ul li {
            float: left;
            margin: 5px 10px;
        }

            .circle-pager ul li a, .std-pager ul li a {
                float: left;
                width: 100%;
                padding: 0px 7px;
                background-color: #fff;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                border: 2px solid #ccc;
                font-size: 0.8em;
                color: #666;
            }

            .circle-pager ul li:not(.cycle-pager-active) a:hover, .std-pager ul li:not(.cycle-pager-active) a:hover {
                border: 2px solid #999;
                color: #333;
            }

            .circle-pager ul li.cycle-pager-active a, .std-pager ul li.cycle-pager-active a {
                background-color: #fb4f14;
                border: 2px solid #fb4f14;
                color: #fff;
            }

.carousel-card {
    background-color: #fff;
    top: 220px;
    width: 23% !important;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    min-width: 350px;
    padding: 0 10px;
    min-height: 150px;
}

.lt-ie9 .carousel-card {
    left: 20%;
}

.carousel-card h1 {
    width: 100%;
}

.carousel-card h1, .carousel-card p {
    padding: 10px;
}

.carousel-card p {
    padding-top: 0;
}

#content .carousel-card h1 {
    margin: 0px;
    font-size: 1.6em;
}

.mobile-img {
    display: none;
}

.cyclesprite img {
    width: 100%;
}

#signup label {
    margin: 10px 0 20px;
    font-weight: bold;
}

.dmCmpLink {
    line-height: 20px;
    font-size: 0.9em;
}

@media only screen and (max-width: 1400px) {
    .carousel-card {
        top: 100px;
    }
}

@media only screen and (max-width: 1100px) {
    .carousel-card {
        top: 50px;
    }
}

.carouselimageWrap {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 960px) {
    #hp-slideshow {
        height: auto;
    }

    #hp-pager {
        margin: 10px 0;
        background: 0;
    }

    .boxed.thirtypc h4, .boxed.thirtypc h4 p {
        clear: both;
        width: 100%;
    }

    #pager-list a {
        border: 0 !important;
        text-indent: -9999px;
        float: left;
        width: 25%;
    }

        #pager-list a br {
            display: none;
        }

    #pager-list {
        padding-left: 10%;
    }

        #pager-list a:before, #pager-list a.cycle-pager-active:before {
            width: 20px;
            text-align: center;
            height: 20px;
            background: #666;
            content: '';
            float: left;
            display: block;
            margin: 0;
            position: relative;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

        #pager-list a.cycle-pager-active:before {
            background: #fb4f14;
        }

    .carousel-card {
        top: 50px;
        min-width: 270px;
        min-height: 150px;
    }

        .carousel-card h1 {
            font-size: 1.5em !important;
            margin: 0;
            padding-top: 10px !important;
        }

        .carousel-card h1, .carousel-card p {
            padding: 0;
        }

    #content .row .large-12 .large-8 + .large-4 .large-12 {
        padding: 0;
    }

    .equal .boxed {
        height: auto !important;
    }

    .page_list .newsitem {
        margin-bottom: 0;
    }

    #featured-hp .thirtypc {
        margin: 0;
    }

    .updown-pager {
        display: none;
    }

    #todayatfact, #todayatfact .cycle-carousel-wrap, #todayatfact .cycle-slideshow {
        float: left;
        clear: both;
        width: 100%;
        height: 100% !important;
        position: relative !important;
    }

    .today-listing.cycle-slide {
        position: relative;
    }

    body .today-listing.cycle-slide {
        width: 100% !important;
        clear: both !important;
    }

    #todayatfact .cycle-slide.cycle-sentinel {
        display: none !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
    #featured-hp .thirtypc, #everything-hp .thirtypc {
        width: 31%;
        clear: none;
        margin: 0 1.1%;
    }
}

@media only screen and (max-width: 960px) {
    .carouselimageWrap {
        overflow: hidden;
        min-height: 250px !important;
    }

    .carousel-card {
        top: 10px;
        min-width: 1px;
        max-width: 45% !important;
        width: 100% !important;
        padding-right: 20px;
        min-height: 1px;
    }

        .carousel-card h1 {
            padding: 10 10 0 0 !important;
            font-size: 1.3em !important;
            display: inline-block;
        }

    .desk-img {
        display: none;
    }

    .mobile-img {
        display: block;
    }

    .cycle-slideshow .cycle-slide .carouselimageWrap img {
        width: 100% !important;
        height: auto !important;
        min-height: 1px !important;
        min-width: 1px !important;
    }
}

.cycle-slideshow .cycle-slide .carouselimageWrap {
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media only screen and (max-width: 640px) and (orientation : portrait) {
    .carouselimageWrap {
        overflow: hidden;
    }

    .carousel-card {
        max-width: 100% !important;
        position: relative;
        width: 100% !important;
    }

        .carousel-card p {
            font-size: 80%;
            padding-bottom: 10px;
            line-height: 15px;
        }

    .cycle-slideshow .cycle-slide {
        max-height: 350px;
    }

    .carousel-card h1 {
        border: 0;
    }
}

@media only screen and (max-width: 560px) {
    .cycle-slideshow .cycle-slide, .cycle-slideshow .cycle-slide .carouselimageWrap, .cycle-slideshow .cycle-slide .carouselimageWrap img {
        max-height: 270px;
    }
}

@media only screen and (max-width: 520px) {
    .cycle-slideshow .cycle-slide .carouselimageWrap {
        max-height: 230px;
    }
}

@media only screen and (max-width: 400px) {
    .cycle-slideshow .cycle-slide {
        max-height: 250px;
    }
}

@media only screen and (max-width: 350px) {
    .cycle-slideshow .cycle-slide, .cycle-slideshow .cycle-slide .carouselimageWrap, .cycle-slideshow .cycle-slide .carouselimageWrap img {
        max-height: 230px !important;
    }
}

@media only screen and (max-width: 480px) {
    body .today-listing.cycle-slide .floatleft.large {
        width: 100% !important;
        clear: both !important;
    }

        body .today-listing.cycle-slide .floatleft.large li, body .today-listing.cycle-slide .floatleft.large span {
            margin-left: 0;
        }

        body .today-listing.cycle-slide .floatleft.large li, body .today-listing.cycle-slide .floatleft.large span {
            margin-left: 0;
        }

        body .today-listing.cycle-slide .floatleft.large ul.showtimes li {
            margin-right: 10px;
        }

    #hp-calendar div {
        float: left;
        clear: both;
        width: 100%;
    }

        #hp-calendar div a {
            float: left;
            clear: both;
            padding: 0 0 20px;
        }

            #hp-calendar div a img {
                float: left;
            }

    #todayatfact .today-listing {
        margin-top: 15px !important;
        clear: both;
    }

    #todayatfact .floatleft.small {
        float: left !important;
        width: 25%;
    }

    #todayatfact .filmtags li {
        margin-right: 10px;
    }

    #todayatfact .large {
        float: left;
        width: 70% !important;
        clear: none !important;
        margin-left: 10px;
    }

    #content .carousel-card h1 {
        font-size: 1.1em;
    }

    #content .carousel-card p.font100 {
        font-size: 0.8em !important;
    }

    .carousel-card {
        min-height: 1px;
    }
}

/* News items */
.content_type {
    font-size: 1.1em;
    top: 0;
    left: 0;
    position: absolute;
    margin: 10px;
    background-color: #443e3c;
    color: #fff;
    padding: 6px;
}

.item.boxed {
    padding-bottom: 20px;
}

.box-sizing .boxed .item > *:not(.itemimg) {
    padding-bottom: 20px;
}

.lt-ie9 .page_list {
    width: 1100px;
    margin: auto;
}

.page_list .newsitem {
    min-height: 370px;
}

    .page_list .newsitem:nth-child(3n +1) {
        clear: left;
    }

.lt-ie9 .page_list .newsitem {
    min-height: 500px;
}

.newsitem.large-8 .newscontent {
    width: 100%;
}

.newsitem.large-8 .itemimg + .newscontent {
    width: 60%;
}

.newsitem .item {
    padding: 0 !important;
}

    .newsitem .item .itemimg, .newsitem .item .newscontent {
        padding: 10px;
    }

.newsitem .newscontent {
    margin-top: 20px;
}

.newsitem .itemimg + .newscontent {
    margin-top: 0px;
}

.newsitem.boxed {
    margin: 0;
    padding-left: 0.625em;
    padding-right: 0.625em;
    padding: 0;
}

.lt-ie9 .newsitem.boxed {
    width: 33.33333%;
}

.itemimg {
    float: left;
    width: 100%;
    clear: both;
    height: 150px;
    overflow: hidden;
}

    .itemimg img {
        float: left;
        width: 100%;
    }

        .itemimg img[alt] {
            font-size: 75%;
            float: none;
            margin: auto;
        }

.newsitem.large-8 .itemimg {
    clear: none;
    width: 40%;
    height: 100%;
}

.page_list .newsitem, .page_list .personbox {
    margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
    .page_list .newsitem {
        height: auto;
        min-height: 1px;
    }
}

@media only screen and (max-width: 960px) and (min-width:480px) {
    .newsitem.large-4 .newscontent {
        width: 100% !important;
    }

    .newsitem.large-4 .itemimg + .newscontent {
        width: 50% !important;
    }
}

.page_list .large-8 + .newsitem.thirtypc {
    margin-right: 0;
}

.box-sizing div:not(.page_0) .newsitem.thirtypc:nth-child(3n+1), .page_list .personbox:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

.page_list .large-8 {
    margin-right: 1%;
}
/*.page_list .newsitem.thirtypc:first-child, .page_list .personbox:first-child {margin-right:2%;}*/

.lt-ie9 .newsitem.large-8 {
    width: 65% !important;
}

.lt-ie9 .newsitem .newscontent {
    padding: 5px 10px 0 !important;
}

.filters li {
    float: left;
    margin: 0 3px 10px;
    text-align: center;
    border-radius: 5px;
}

    .filters li:first-child, li.filter_title {
        margin-left: 10px;
    }

.lt-ie9 li.filter_title {
    margin-left: 20px;
}

.filters li.selected {
    background-color: #fb4f14;
}

    .filters li.selected a {
        color: #fff;
    }

.filters li a {
    padding: 10px;
}

@media only screen and (max-width: 960px) {
    ul.filters .filter_title {
        clear: both;
        width: 100%;
        text-align: left;
        padding: 0 0 0px 10px;
    }

    .filters li:first-child {
        margin-left: 0px;
    }

    .itemimg {
        padding: 10px !important;
    }

    .newsitem.large-8 .itemimg img {
        width: 100%;
        clear: both;
    }

    .newsitem.large-8 .itemimg {
        height: 380px;
        overflow: hidden;
    }

    .newsitem.large-4 .itemimg {
        height: 220px;
        overflow: hidden;
    }

    .newsitem.large-8 .itemimg, .newsitem.large-8 .newscontent, .newsitem.large-4 .itemimg, .newsitem.large-4 .newscontent {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .newsitem.large-8 .itemimg, .newsitem.large-8 .newscontent, .newsitem.large-4 .itemimg, .newsitem.large-4 .newscontent {
        width: 100%;
        clear: both;
    }

    .newsitem.large-8 .itemimg {
        height: 250px;
        overflow: hidden;
    }

    .newsitem.large-4 .itemimg {
        height: 200px;
        overflow: hidden;
    }
}

.show_more, .loading {
    display: block;
    margin: auto;
    max-width: 100px;
    text-align: center;
    clear: both;
    padding: 10px;
}

    .show_more, .show_more:visited, .show_more:focus {
        color: #fff;
        background-color: #fb4f14;
        border-radius: 5px;
        margin-bottom: 25px;
        max-width: 150px;
        font-size: 90%;
        line-height: 0.7em;
    }

        .show_more:hover {
            color: #fff;
            background-color: #c54a00;
        }

        .show_more:focus {
            text-decoration: none;
        }

@media only screen and (max-width: 768px) {
    .show_more {
        min-width: 220px;
    }
}

/* Generic content pages */
#tabs, #tabs ul, .content {
    float: left;
    clear: both;
    width: 100%;
}

    #tabs ul.ui-tabs {
        list-style: none !important;
    }

p.fontfamily.bigfont + div#tabs {
    margin-top: 20px;
}

p.fontfamily.xlargefont {
    line-height: 1.25em;
}

.contentBody h3 {
    margin: 0 0 10px;
    float: left;
    clear: both;
    width: 100%;
}

.contentBody p {
    margin: 10px 0 20px;
}

.contentBody ul {
    margin: 5px 0 5px 20px !important;
    list-style: disc;
}

    .contentBody ul.sharing.has_cookies {
        list-style: none;
    }

        .contentBody ul.sharing.has_cookies li {
            clear: none !important;
        }
/* Related Media on the right hand side */
ul.media li {
    float: left;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

    ul.media li a {
        float: left;
        padding: 5px 5px 0px 0;
    }

        ul.media li a, ul.media li a img {
            max-width: 140px;
            width: 100%;
            float: left;
            display: block;
        }

ul.media {
    float: left;
    margin: 20px 0;
    width: 100%;
}

.large-4 .large-12 ul.media li.play a:before {
    margin: 28px 0 0 52px;
}

@media screen and (min--moz-device-pixel-ratio:0) {
    .large-4 .large-12 ul.media li.play a:before {
        left: 0;
    }
}

@media only screen and (min-width: 768px) {
    ul.media li {
        max-width: 50%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 960px) {
    ul.media li {
        float: left;
    }
}

@media only screen and (min-width: 481px) {
    .large-6 .large-12 ul.media li {
        width: 25%;
    }

        .large-6 .large-12 ul.media li a {
            width: 100%;
        }
}

@media only screen and (max-width: 480px) {
    ul.media li {
        width: 50%;
    }

        ul.media li a, ul.media li a img {
            max-width: 100% !important;
        }
}

.related {
    float: left;
    clear: both;
    margin: 10px 0;
    width: 100%;
}

.large-4 .section {
    margin-bottom: 20px;
}

    .large-4 .section:first-child {
        margin-top: 10px;
    }

.contentBody {
    padding-bottom: 20px;
}

/* Artist Section */
.artist-or-sponsor {
    margin-bottom: 20px;
}

    .artist-or-sponsor .cycle-slideshow {
        width: 97% !important;
        margin-top: 20px;
        overflow: hidden;
        height: 160px;
    }

.cycle-slideshow .large-3 a {
    max-width: 90%;
    text-align: center;
}

.artist-or-sponsor .cycle-prev, .artist-or-sponsor .cycle-next {
    margin-top: 45px;
}

    .artist-or-sponsor .cycle-prev.disabled, .artist-or-sponsor .cycle-next.disabled {
        opacity: 0.2;
    }

.artist-or-sponsor .cycle-slideshow .cycle-slide {
    clear: none;
    width: 205px !important;
    padding-bottom: 20px;
}

.lt-ie9 .artist-or-sponsor .cycle-slideshow .cycle-slide {
    width: 200px !important;
}


@media only screen and (max-width: 1100px) {
    .artist-or-sponsor .cycle-slideshow .cycle-carousel-wrap {
        position: relative !important;
    }

    .artist-or-sponsor .cycle-slideshow .cycle-sentinel {
        display: none !important;
    }

    .artist-or-sponsor .cycle-slideshow .cycle-slide {
        width: 25% !important;
    }
}


@media only screen and (max-width: 640px) {
    .artist-or-sponsor .cycle-slideshow .cycle-slide {
        width: 33% !important;
        height: 200px;
    }
}

@media only screen and (max-width: 480px) {
    .artist-or-sponsor .cycle-slideshow .cycle-slide img {
        max-width: 200px;
        margin: auto !important;
        float: none !important;
        display: block;
    }

    .cycle-slideshow .cycle-slide, .cycle-slideshow .cycle-slide img {
        margin: 0px;
        width: 100% !important;
        padding: 0;
    }

    .cycle-slideshow {
        width: 100% !important;
        padding: 0;
    }

    .artist-or-sponsor .cycle-slideshow .cycle-slide {
        margin: 0px;
        width: 100% !important;
        padding-bottom: 10px;
    }
}

/* People pages */
#content.people-list > .large-12 {
    padding: 0;
}

.person_title {
    padding: 0 !important;
}

.contact_methods {
    margin: 5px 0 10px 0;
}

.personbox .smallerfont {
    line-height: 1.4em;
}

.personbox p {
    width: 100%;
}

.item h3 {
    font-size: 1.3em;
    padding: 10px 0px !important;
    line-height: 1.2em;
}

.item .newscontent h3 {
    padding: 10px 0px 5px !important;
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
    .person-content {
        width: 100%;
    }

    .personbox .itemimg, .personbox .itemimg + .person-content {
        width: 50%;
    }

    .personbox .itemimg {
        height: 220px;
    }
}

@media only screen and (max-width: 960px) {
    .people-list .box-sizing {
        margin-top: 0;
    }

    .personbox {
        padding-bottom: 0 !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

        .personbox h3 {
            padding: 10px 0 15px 0 !important;
        }

    .person img {
        display: block;
        margin: auto;
    }

    .personbox .itemimg {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .personbox .itemimg {
        height: 170px;
    }

    .person-content .main {
        border-bottom: 2px dashed #ccc;
        padding-bottom: 10px;
    }

    .people_list .personbox:last-child .person-content .main {
        border-bottom: 0;
    }

    .person-content {
        width: 100%;
    }
}

/* Contact */
#contact {
    float: left;
    margin-top: 20px;
    width: 100%;
    padding: 0 10px;
}

.contact {
    float: left !important;
    margin-bottom: 20px;
}

    .contact:last-child {
        margin-bottom: 0px;
    }

    .contact .large-9 {
        padding-left: 0px;
    }

    .contact .large-3 + .large-9 {
        padding-left: 10px;
    }

@media only screen and (max-width: 960px) {
    .contact .large-3 {
        width: 25%;
        padding-left: 0;
        max-width: 70px;
    }

    .contact .large-9 {
        width: 75%;
        padding-left: 0;
        float: left !important;
    }
}


@media only screen and (max-width: 480px) {
    .contact .large-3, .contact .large-9 {
        width: 100%;
        max-width: 100%;
        clear: both;
        padding-left: 0 !important;
    }
}

.filmevent-listing .floatleft.large {
    width: 100% !important;
    margin: 10px 0;
}

.filmevent-listing .floatleft.small + .floatleft.large {
    width: 70% !important;
    margin: 0;
}

/* Sharing */
.sharing li {
    margin: 10px 0 10px 10px;
    float: left;
}

    .sharing li:first-child {
        margin-left: 0;
        float: left;
    }

html body .socialite.linkedin-share span[id*="title-text"] {
    height: 20px !important;
    padding-bottom: 3px;
    float: left;
}

.social-buttons {
    float: left;
    margin-top: 20px;
}

    .social-buttons .facebook-like {
        width: 50px;
        overflow: hidden;
    }

/* Search Page */
#query_results {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 20px;
    font-size: 110%;
}

.search-item {
    padding: 0 0 15px;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

    .search-item h3, .search-item p {
        float: left;
        width: 100%;
        clear: both;
    }

        .search-item p a {
            color: #515151;
            text-decoration: none;
        }

    .search-item .large-12 {
        padding: 0;
    }

    .search-item .large-10 {
        width: 100%;
        padding: 0;
    }

    .search-item .large-2 {
        width: 16.66667%;
        padding-top: 12px;
        padding-left: 0;
    }

        .search-item .large-2 + .large-10 {
            width: 83.33333%;
        }

.search_list #query_results + .search-item:last-child, .search_list.auto_page .search-item:last-child {
    border: 0;
}

.search_list .border-bottom {
    padding-bottom: 20px !important;
}

.search_list .item h3 {
    padding-top: 0px !important;
}

@media only screen and (max-width: 960px) {
    .search-item .large-2 {
        width: 25%;
    }

        .search-item .large-2 + .large-10 {
            width: 75%;
        }
}

@media only screen and (max-width: 480px) {
    .search-item .large-2, .search-item .large-10 {
        width: 100% !important;
        clear: both;
    }

    .search-item .large-2 {
        display: none;
    }
}

.button a {
    color: #fff;
}

@media only screen and (min-width: 769px) {
    .jacka .large-12 > .large-6 {
        padding-right: 10px;
    }

        .jacka .large-12 > .large-6 + .large-6 {
            padding: 0 0 0 10px;
        }
}

@media only screen and (max-width: 960px) {
    .jacka .large-12 > .large-6 + .large-6 {
        margin-top: 20px;
    }
}

/* Tooltip */
.tags li:hover .tooltip, .tags li:focus .tooltip, .filtertooltip:hover .tooltip, .filtertooltip:focus .tooltip {
    display: block;
}

.filtertooltip {
    color: #fff;
    background-color: #fb4f14;
    float: left;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    padding: 2px 5px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 0.8em;
    overflow: hidden;
    height: 17px;
    width: 17px;
}

.tooltip {
    padding: 1em;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin-top: -5px;
    width: 150px;
    margin-left: 50px;
}

    .tooltip:before {
        content: '';
        position: absolute;
        height: 10px;
        width: 9px;
        background: url(/images/tooltip-arrow-right.png) no-repeat left 0;
        left: 0;
        margin-left: -9px;
    }

.filtertooltip .tooltip {
    margin: -24px 0 0 28px;
    width: 250px;
    font-size: 1em;
}

    .filtertooltip .tooltip strong {
        display: block;
        clear: both;
    }

    .filtertooltip .tooltip:after {
        background: url(/images/tooltip-arrow-left.png) no-repeat center center;
        margin-top: 12px;
        left: 99%;
        top: 10px;
        margin: 0;
    }

.filtertooltip a {
    color: #fff;
}

#isBigScream {
    margin-top: -14px;
}

.lt-ie9 #isBigScream {
    margin-top: 0px;
}

.tooltip p {
    margin: 0 !important;
}

.lt-ie10 .tooltip:after {
    left: 50%;
}

/* Film tooltips */
.tags li.autism .tooltip, .tags li.silverscreen .tooltip, .tags li.scream .tooltip, .tags li.toddlertime .tooltip, .tags li.kidsclub .tooltip {
    width: 280px;
}

.tags li.silverscreen .tooltip {
    margin-left: 142px;
}

.tags li.scream .tooltip {
    margin-left: 135px;
}

.tags li.autism .tooltip {
    margin-left: 158px;
}

.tags li.toddlertime .tooltip {
    margin-left: 140px;
}

.tags li.kidsclub .tooltip {
    margin-left: 123px;
}

#todayatfact .tags li.soldout .tooltip, #todayatfact .tags li.autism .tooltip, #todayatfact .tags li.silverscreen .tooltip, #todayatfact .tags li.scream .tooltip {
    margin: -7px;
    margin-left: 137px;
    max-width: 200px;
}

/* Twitter */
#twitter {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fb4f14;
    margin-bottom: 30px;
}

.twitter-start {
    width: 15%;
    min-height: 100%;
}

    .twitter-start img {
        display: block;
        margin: 5% auto 10px;
    }

    .twitter-start a {
        color: #fff;
        text-align: center;
        padding: 10px;
    }

.twitter-start, .tweet, .tweet ul, .tweet ul li, .tweet ul li .tweet-item {
    float: left;
}

.tweet {
    width: 85%;
}

@media only screen and (max-width: 960px) {
    .tweet {
        width: 100%;
    }
}

.tweet ul {
    min-width: 100%;
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

    .tweet ul li {
        width: 25%;
        font-size: 0.8em;
        border-right: 1px solid #eee;
        min-height: 100%;
    }

        .tweet ul li .tweet-item {
            min-height: 145px;
            display: block;
            padding: 10px;
            word-break: break-word;
        }


.lt-ie8 .tweet ul li {
    width: 24%;
}

    .lt-ie8 .tweet ul li + li + li + li {
        border: 0;
    }

@media only screen and (min-width: 1025px) {
    .tweet ul li .tweet-item {
        max-width: 220px;
    }
}

@media only screen and (max-width: 1024px) {
    .twitter-start {
        display: none;
    }

    #twitter {
        background-color: #fff;
        border: 0;
    }

    .tweet ul li {
        width: 100%;
        clear: both;
        border: 0;
        font-size: 1em;
    }

        .tweet ul li .tweet-item {
            min-height: 0;
            padding: 6px 0px;
        }
}

/* _______________COOKIE NOTICE_______________________ */

body .cookie_opt_in {
    background-color: #111;
    border-bottom: 1px solid #111;
    color: #eee;
    line-height: 1.5em;
}

.cookie_opt_in button {
    display: block;
    clear: both;
    margin: 15px auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

body._cookie_opt_in .no_cookies, .has_cookies {
    display: none;
}

body._cookie_opt_in .has_cookies {
    display: inherit;
}

.umbracoPage .ui-helper-hidden-accessible {
    clip: auto !important;
}

.sharing.has_cookies {
    margin-left: 0 !important;
}

#pp_full_res .pp_inline p {
    margin: 0 0 0.7em !important;
}

table.actions_grid tr {
    border-bottom: 1px solid #ccc;
}

    table.actions_grid tr:last-child {
        border-bottom: 0;
    }

    table.actions_grid tr td {
        font-size: 0.8em;
        padding: 1.3em 1em;
    }

#ui-datepicker-div {
    border: 1px solid #CCCCCC;
    background-color: #fff;
}

.ui-datepicker-title {
    font-size: 1.1em;
    padding-top: 14px;
    display: block;
    margin-top: 0px;
    text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
    text-indent: -9999px;
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center, center;
    margin: 10px;
    padding: 10px;
}

.ui-datepicker-prev {
    background-image: url(/images/previous-arrow.gif);
    float: left;
}

.ui-datepicker-next {
    background-image: url(/images/next-arrow.gif);
    float: right;
}

.ui-datepicker-calendar {
    float: left;
    clear: both;
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .large-12 .large-6.nopadding + .large-6.nopadding {
        padding-left: 10px;
    }
}

.filmPadding {
    padding: 10px 20px 20px 0 !important;
}

    .filmPadding + .filmPadding {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

@media only screen and (max-width:960px) {
    .filmPadding .button {
        max-width: 300px;
    }

        .filmPadding .button a {
            line-height: 0.7em;
        }
}

@media only screen and (max-width: 769px) {
    .topPadding {
        padding-top: 20px;
    }
}

#hideresults .middle {
    width: 200px;
    text-align: center;
}

    #hideresults .middle img {
        margin: 0px auto;
        display: block;
    }

#hideresults p {
    margin-top: 20px;
    font-size: 1.2em;
    display: block;
}

.contentBody ul {
    clear: both;
}

#divYoutube iframe {
    min-width: 500px;
    min-height: 344px;
}

#sigma {
    line-height: 1.8em;
}

@media only screen and (max-width: 480px) {
    #sigma {
        float: left !important;
    }
}

@media only screen and (min-width:480px) {
    .shortreshtag {
        margin-bottom: 30px !important;
    }
}
/*.page_list .itemimg img[src*=".tif"] {display:none;}*/
.pp_pic_holder .book + .book {
    display: none;
}

.times {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.large-2.shortResImg {
    width: 10.66667%;
}

    .large-2.shortResImg + .large-10 {
        width: 89%;
    }

.button a[href="/get-involved/fact-membership.aspx"] {
    font-size: 70% !important;
}

@media only screen and (min-width: 481px) and (max-width: 960px) {
    #cycle-listings + .button {
        max-width: 200px;
    }
}

#cycle-listings + .button a {
    font-size: 90%;
}

@media only screen and (min-width:480px) and (max-width:960px) {
    .large-2.shortResImg + .large-10 .large-12 .large-8, .large-2.shortResImg + .large-10 .large-12 .large-4 {
        width: 50%;
    }

        .large-2.shortResImg + .large-10 .large-12 .large-4 .filmtags li {
            float: right !important;
        }
}

@media only screen and (max-width:480px) {
    .large-2.shortResImg + .large-10 .large-12 .large-4 {
        padding: 0px 0 20px;
    }
}

.parentchild-intro {
    font-size: 105%;
    margin: 15px 0 20px;
    line-height: 1.8em;
    letter-spacing: 0.15em;
    float: left;
}

.grid-container {
    margin-bottom: 20px;
}

.grid-container, .grid-row {
    width: 100%;
    float: left;
    clear: both;
}

.grid-row {
    padding: 15px 0;
    border-bottom: 2px dashed #ccc;
}

    .grid-row:first-child {
        padding-top: 5px;
    }

    .grid-row:last-child {
        border-bottom: 0;
    }

.grid-container, .grid-tabs li {
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
}

.grid-tabs li {
    float: left;
    border-bottom: 0;
    max-width: 100%;
    text-align: center;
    display: inline-block;
}

    .grid-tabs li:not(:first-child) {
        border-left: 0;
    }

    .grid-tabs li:hover, .grid-tabs li.ui-tabs-active, .grid-tabs li.ui-tabs-active + li.mobTabSmall {
        background-color: #fb4f14;
    }

        .grid-tabs li.ui-tabs-active span {
            background: url(/images/fact/orange-grid-arrow.png)no-repeat left bottom;
            width: 23px;
            height: 14px;
            content: '';
            position: absolute;
            margin: 0 0 0 -25px;
            top: 58px;
        }

        .grid-tabs li:hover a, .grid-tabs li.ui-tabs-active a, .grid-tabs li.ui-tabs-active + li.mobTabSmall a {
            color: #fff;
        }

    .grid-tabs li a {
        font-size: 110%;
        padding: 10px;
        text-align: center;
    }

.grid-listing {
    float: left;
    padding: 5px 14.5px;
    width: 16.66666666666667%;
}

    .grid-listing:hover img, .grid-listing.activelisting img {
        border: 3px solid #fb4f14;
    }

    .grid-listing:hover a, .grid-listing.activelisting {
        color: #fb4f14;
    }

    .grid-listing > .floatleft {
        overflow: hidden;
        max-height: 102px;
    }

    .grid-listing img {
        float: left;
        max-width: 150px;
        width: 100%;
        height: auto;
        border: 3px solid #fff;
    }

    .grid-listing .content_type {
        position: relative;
        top: -26px;
        left: -7px;
    }

.details-tab h4 {
    padding: 15px 0 5px;
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .event-screenings .grid-listing:nth-child(3n+1) {
        clear: left;
    }
}

@media only screen and (max-width:768px) {
    .event-screenings .grid-listing {
        width: 33%;
        padding: 5px 0;
    }

        .event-screenings .grid-listing .floatleft {
            float: none !important;
            margin: auto;
            display: block;
            width: 100%;
        }

    .grid-listing img {
        max-width: 300px;
    }
}

@media only screen and (max-width:480px) {
    .event-screenings .grid-listing:nth-child(odd) {
        clear: left;
    }

    .event-screenings .grid-listing:nth-child(even) {
        float: right;
    }

    .event-screenings .grid-listing {
        width: 50%;
        padding: 5px 0;
        min-height: 200px;
    }

        .event-screenings .grid-listing .floatleft {
            float: none !important;
            margin: auto;
            display: block;
        }
}

@media only screen and (max-width:1000px) {
    .grid-tabs li a {
        font-size: 90%;
    }
}

.grid-listing .fontfamily {
    font-size: 80%;
    text-align: center;
    text-decoration: none !important;
    display: block;
    line-height: 1.3em;
    clear: both;
    padding-top: 10px;
}

    .grid-listing .fontfamily br {
        display: none;
    }

.grid-download {
    margin-bottom: 10px;
    float: left;
}

    .grid-download:last-child .large-6 + .large-6 {
        border: 0;
    }

    .grid-download p, .grid-download ul li {
        font-size: 80%;
    }

    .grid-download ul li {
        padding: 2px 0 !important;
    }

    .grid-download p a {
        color: #000;
    }

.ui-tabs-paging-prev, .ui-tabs-paging-next {
    padding: 10px 10px !important;
    background-repeat: no-repeat;
    background-position: center, center;
    max-width: 30px !important;
}

    .ui-tabs-paging-prev a, .ui-tabs-paging-next a {
        padding: 10px !important;
        width: 100%;
        height: 100%;
    }

.ui-tabs-paging-next {
    background-image: url(/images/fact/tabs-right-arrow.gif);
    float: right !important;
    font-family: 'neubaugrotesk_r55_normal', Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.1em;
    font-weight: normal;
}

.ui-tabs-paging-prev {
    background-image: url(/images/fact/tabs-left-arrow.gif);
}

    .ui-tabs-paging-next:hover, .ui-tabs-paging-next:focus, .ui-tabs-paging-prev:hover, .ui-tabs-paging-next:focus {
        background-color: #fc4f15;
    }

.ui-tabs-paging-next:hover, .ui-tabs-paging-next:focus {
    background-image: url(/images/fact/tabs-right-arrow-ro.gif);
}

.ui-tabs-paging-prev:hover, .ui-tabs-paging-next:focus {
    background-image: url(/images/fact/tabs-left-arrow-ro.gif);
}

.ui-tabs-paging-disabled {
    display: none !important;
}

.lt-ie9 .grid-tabs li.mobTabSmall {
    display: none !important;
}

.grid-tabs {
    display: inline;
    padding-bottom: 0;
    margin-bottom: 0;
}

    .grid-tabs li {
        color: #666;
        height: 60px !important;
        display: table-cell;
        vertical-align: middle;
        float: none !important;
        max-width: 250px !important;
        padding: 7px;
        overflow: hidden;
    }

        .grid-tabs li a {
            color: #666;
            line-height: 0.8em;
            padding: 5px;
            min-height: 75px !important;
        }

        .grid-tabs li.ui-tabs-paging-next {
            max-width: 200px !important;
            min-width: 130px;
            background-position: 93% center;
            text-align: left !important;
        }

@media only screen and (max-width:800px) {
    .grid-tabs li a {
        line-height: 1.4em;
    }

    .grid-tabs li {
        height: 70px !important;
    }

        .grid-tabs li.ui-tabs-active span {
            top: 68px;
        }
}

@media only screen and (max-width:600px) {
    .ui-tabs-paging-next span {
        display: none;
    }

    .grid-tabs li.ui-tabs-paging-next, .grid-tabs li.ui-tabs-paging-prev {
        width: 15% !important;
        max-width: 15% !important;
        background-position: center, center;
        margin: 0 !important;
        min-width: 1px;
    }

        .grid-tabs li.ui-tabs-paging-next a, .grid-tabs li.ui-tabs-paging-prev a {
            width: 100%;
            height: 100%;
            display: block;
        }
}

@media only screen and (max-width:600px) and (orientation:landscape) {
    .grid-tabs li.ui-tabs-active span {
        top: 69px;
    }
}

@media only screen and (max-width:320px) {
    .grid-tabs li.ui-tabs-active span {
        top: 70px;
    }
}

.content-tabs li {
    clear: none !important;
}

.pastlisting, .currentlisting {
    padding-bottom: 7px;
}

.pastlisting {
    color: #666;
    display: block;
    clear: both;
}

.currentlisting {
    color: #fb4f14;
    display: block;
    clear: both;
}

/*.eventfilmcycle-horizontal img{border:3px solid #f00;}
 .eventfilmcycle-horizontal .cycle-slide-active img {border-bottom:3px solid #fb4f14; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}*/
.eventfilmcycle-horizontal .cycle-slide-active:after {
    content: '';
    position: absolute;
    display: block;
    float: left;
    background-color: #fb4f14;
    height: 6px;
    width: 100%;
    max-width: 122px;
}

.eventfilmcycle-horizontal .cycle-slide-active img {
    display: block;
}

.exhibit-link {
    clear: both;
    display: block;
}


.content-page .row .large-12.nopadding .large-6 .fontfamily.bigfont p {
    line-height: 1.6;
    letter-spacing: 0.054em;
    font-size: 1em !important;
}

@media screen and (min--moz-device-pixel-ratio:0) {
    .content-page .row .large-12.nopadding .large-6 .fontfamily.bigfont p {
        line-height: 1.6;
        letter-spacing: 0.1em;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .content-page .row .large-12.nopadding .large-6 .fontfamily.bigfont p {
        line-height: 1.6;
        letter-spacing: 0.1em;
    }
}

.lt-ie10 .content-page .row .large-12.nopadding .large-6 .fontfamily.bigfont p {
    line-height: 1.6;
    letter-spacing: 0.1em;
}

/** LANDING PAGE **/
.article-card {
    height: 100%;
    min-height: 350px;
    background: #fb4f14;
    margin-bottom: 20px;
    position:relative;
    color: #fff;
}

@media only screen and (min-width: 1120px){
          
 .article-card__slim{
       max-height: 350px;
       overflow:hidden;
    }

 .article-card__slim .article-card_image{
     width:50%;
     min-height: 350px;
 }
 .article-card__slim .article-card_content{
	width:50%;
	right:0;
	left:auto;
}
}

.article-card_heading {
    color: #fff;
    margin: 0 !important;
}
.article-card_heading > a,
.article-card_heading > a:hover{
	color:#fff;
	text-decoration:none;
}
.article-card_image {
    width:100%;
    display:block;
    height:auto;
}
.article-card_content {
    position: absolute;
	bottom:0;
	left:0;
    width:100%;
    padding:20px;
    background: #fb4f14;
}

.article-card .person-info:hover {
    color: #000;
}

#CAFDonateButtonContainer {
    padding-bottom: 20px;
}

/*Follow Exhibition pop up styles*/

/*.follow-overlay-link {
    background-image: url('http://www.fact.co.uk/media/62199550/320-x-75-fact.png'); 
    width: 100%;
    height: 75px;
    position: fixed;
    bottom: 0;
    right: 0;
    text-indent: -10000px;
    z-index: 10000000;
    border-top: 1px solid white;
    background-position:50%;
    background-size: cover;
    display: none;
}
@media only screen and (min-width:600px) {
    .follow-overlay-link {
        background-image: url('http://www.fact.co.uk/media/62199549/150-x-150-fact.png');
        width: 150px;
        height: 150px;
        position: fixed;
        bottom: 15px;
        right: 15px;
        text-indent: -10000px;
        z-index: 10000000;
        transition: all 0.25s linear;
        background-size: 100%;
        border-radius: 75px;
        border-top: 0px;
    }
    .follow-overlay-link:hover {
        background-size: 110%;
    }
}
.follow-overlay-overlay {
    background-color: rgba(0,0,0,0.25);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000001;
    display: none;
}

.follow-overlay-modal {
    width: 280px;
    height: 166px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -83px;
    background: #fff;
    padding: 10px;
    z-index: 10000002;
    display: none;
}

.follow-overlay-close {
    position: absolute;
    top: -10px;
    right: -10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -10000px;
    background-color: #000;
    border-radius: 15px;
}

.follow-overlay-close:before, .follow-overlay-close:after {
    content: '';
    position: absolute;
    width: 20px;
    top: 50%;
    left: 50%;
    height: 4px;
    margin-top: -2px;
    background: #fff;
    margin-left: -10px;
}

.follow-overlay-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.follow-overlay-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.follow-overlay-modal iframe{
    width: 260px;
    height: 146px;
}

@media only screen and (min-width:600px) {
    .follow-overlay-modal {
        width: 420px;
        height:245px;
        margin-left: -210px;
        margin-top: -122px;
    }

    .follow-overlay-modal iframe{
        width: 400px;
        height: 225px;
    }
}

@media only screen and (min-width:800px) {
    .follow-overlay-modal {
        width: 620px;
        height:357px;
        margin-left: -310px;
        margin-top: -178px;
    }

    .follow-overlay-modal iframe{
        width: 600px;
        height: 337px;
    }
}

@media only screen and (min-width:1000px) {
    .follow-overlay-modal {
        width: 820px;
        height: 470px;
        margin-left: -410px;
        margin-top: -235px;
    }

    .follow-overlay-modal iframe{
        width: 800px;
        height: 450px;
    }
}

@media only screen and (min-width:1200px) {
    .follow-overlay-modal {
        width: 1020px;
        height:582px;
        margin-left: -510px;
        margin-top: -291px;
    }

    .follow-overlay-modal iframe{
        width: 1000px;
        height: 562px;
    }
}*/