/*FULL CODE WITH CREDITS/COMMENTS AVAILABLE AT WWW.WARHOL.ORG/RESPONSIVE/DEVELOPMENT/flexslider.css*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{*height:0}
.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(../images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:.8;right:5px}
.flexslider:hover .flex-prev{opacity:.8;left:5px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:.3 !important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;text-align:center;padding-top:20px}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;margin-right:5px}
.flex-caption{font-size:1.2em;font-weight:bold;margin:0;width:100%;display:block}
.flex-caption .right{padding-top:15px;float:right}
.flex-caption .left{padding-top:15px;float:left}
#feature1,#feature2,#feature3,#feature4,#feature5{margin-top:40px;margin-bottom:40px}
.bottomfeature-title{font-family:'akzidenz-boldex';color:#fff;font-size:1.2em;padding-top:15px;display:block}
#whatson,#visit{margin-bottom:50px}
.calendar-day{font-size:1.5em;font-family:'akzidenz-boldex'}
.calendar-month{display:block;font-size:85%;line-height:1em}
#calendar-day-wrapper{width:100%;position:absolute;top:28%}
#whatson-imageslider-wrapper{margin-top:20px;border-right:1px solid #7d7d7d;padding-right:25px}
.whatson-imageslider ol{text-align:center}
ul.slides li a img{float:left;width:45%}
.whatson-event{margin-bottom:4px;text-align:left}
.whatson-event a{color:#4d4d4d;border-bottom:1px dotted #4d4d4d;font-weight:bold;font-size:.9em;text-decoration:none;line-height:1.25}
.whatson-category{margin-top:10px;text-align: left}
.whatson-category a{border:1px solid #7d7d7d;padding:3px 5px;color:#7d7d7d;text-decoration:none;font-size:.7em;font-family:'akzidenz'}
.whatson-category a:hover{color:#4d4d4d;border:1px solid #4d4d4d}
.whatson-date{font-weight:normal;font-size:.8em;text-align: left}
.whatson-imageslider .flex-caption{float:right;width:50%}
#visit-wrapper,#whatson-wrapper{margin-top:40px}
#whatson-wrapper{padding-right:20px}
#visit-calendar,#visit-thingstodo,#visit-hours{width:30%;text-align:center}
.visit-link a{color:#4d4d4d;border-bottom:1px dotted #4d4d4d;font-size:1.1em;font-weight:bold;padding-top:15px;text-decoration:none}
.visit-link a:hover{border-bottom:1px solid #4d4d4d}
.visit-link{margin-top:15px}
#visit-calendar{float:left;margin-right:5%;position:relative}
#visit-thingstodo{float:left;margin-right:5%}
#visit-clock,#visit-calendar-link,#visit-thingstodo-link{display:block;width:88px;height:88px;background-image:url(warholsprite.png);margin:0 auto}
.clock5pm{background-position:0 -626px}
.clock10pm{background-position:0 -507px}
.clockclosed{background-position:0 -385px}
#visit-calendar-link{background-position:0 -275px}
#visit-thingstodo-link{background-position:0 -1526px}
#visit-hours{float:right}
#home-bottom-features{background-color:#4d4d4d;text-align:center;margin-bottom:-40px}
.banner-right{float:right;margin-top:8px;display:inline-block}
.banner-left{margin-top:8px;display:inline-block}
.homepage-video{position:relative;padding-bottom:56.25%;height:0}
.homepage-video img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:20;cursor:pointer}
.homepage-video:after{content:"";position:absolute;display:block;background:url(play-button.png) no-repeat 0 0;top:45%;left:45%;width:46px;height:36px;z-index:30;cursor:pointer}
.homepage-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.homepage-video.player img{display:none}
.homepage-video.player:after{display:none}
#visit-hours img{display:none}
#visit-hours a img{display:block;margin:0 auto}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}
@media screen and (max-width:768px){.whatson-event a{font-size:.8em}
.banner-right{float:left !important;width:100%;text-align:center}
.banner-left{width:100%;text-align:center}
#whatson-imageslider-wrapper{border:0}
.flex-caption{font-size:1.2em;text-align:center;padding-top:5px}
.banner-left{padding-top:5px}
.homepage-feature,.whatson-imageslider ol{text-align:center}
#searchboxtop{display:none}
}
@media screen and (max-width:480px){.whatson-event a{font-size:.9em}
#whatson-imageslider-wrapper{border:0}
.flexslider .slides img{width:100%;max-width:100% !important}
.flex-caption{font-size:1em;text-align:center}
.banner-left{padding-top:5px}
#feature1,#feature2,#feature3,#feature4,#feature5{margin-top:40px;margin-bottom:10px}
#slideshow{width:96%}
}
@media screen and (max-width:920px){#navbox{width:100%}
#searchboxtop{margin-bottom:2%;margin-left:0}
.flex-caption{font-size:1em}
}