/************
Jquery UI Dialog Overlay
************/

.ui-widget-overlay
{
  opacity: 0.7 !important;
}


/**********************************
			GENERAL
**********************************/

body {
	background:#f3f3f6;
	font-family: 'Open Sans', sans-serif;
}

.box {background:#fff; margin-right:20px; margin-bottom:20px; padding:20px; line-height:22px;}
.box-full {background:#fff; margin-bottom:20px; padding:20px; line-height:22px;}

#main-timeline {
    font-size:13px;
}
#timeline p {
    font-size:11px;
}
.box-full p:first-child, .box p:first-child {
    margin-top:0;
}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon

.last {margin-right:0px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}
h1 {
	color:#ff1800;
	font-size:3rem;
	font-weight:300;
	line-height:30px;
	text-transform:uppercase;
}
h2.title {
	color:#ff1800;
	font-size:3rem;
	font-weight:300;
	line-height:30px;
	padding-bottom:12px;
	text-transform:uppercase;
}
h3 {
  color:#ff1800;
	font-size:2rem;
	font-weight:300;
	text-transform:uppercase;
}

a {	color:#ff1800; outline: 0;}
a:hover {text-decoration:none;}

a img {border:none;}

#map h3 {
	color: #ff1800;
	font-size: 2rem;
	font-weight: 300;
	font-style: italic;
}


blockquote {
    border-left:solid 3px #ccc;
    font-size:16px;
    font-style:italic;
    padding:5px;
}
blockquote p {
    padding:0;
    margin:0;
}
@media screen and (min-width: 770px) {
    .content-video iframe {
        height:282px;
        width:461px;
    }
}

.lead {
	font-size:18px;}
.share-blog {
	background-color: #FFF;
	padding: 5px;
	float: right;
	margin-bottom:35px;
	margin-right: 15px;
	padding:17px 25px 10px;
}
.arrow-link {
	color: #ff1800;
	font-style: italic;
	background-image: url(../images/donate-arrow.png);
	background-repeat: no-repeat;
	padding-right: 40px;
	background-position: right;
	width: auto;
}

/**********************************
			HEADER
**********************************/

#header { 
	border-bottom:solid 9px #000;
	padding-top:20px;
	padding-bottom:17px;
	margin-bottom:22px;
}

#header .hlogo {
	float:left;
	margin-right:20px;
}
#header .hlogo a {
	background: url(/images/logo.png);
	height: 54px;
	width: 150px;
	text-indent: -9999px;
	display: block;
}
#header nav {
    font-size:12px;
}
#header nav ul li {
	margin-top:32px;
  margin-right:20px;
  float: left;
	width: 150px;
  text-align:center;
}


#header nav ul li a {
	color:#3f3f3f;
	font-weight:800;
	text-transform:uppercase;
	text-decoration:none;
	width:110px;
}
#header nav ul li a:hover {
	color:#ff1800;
}
#header .donate {
	position:absolute;
	right:0;
	top:-20px;
  z-index:100;
  text-align:right;
}

#header .donate a {
	background: #ff1800;
	color:#fff;
	display: inline-block;
	font-weight:700;
	padding: 10px 42px;
	text-transform:uppercase;
	text-decoration:none;
}

#header .container {
    position:relative;
    width: 100%;
}




#header nav ul li a:hover, #header nav ul li .active {
  background:url(/images/top-arrow.png) no-repeat bottom center;
	color:#ff1800;
  padding-bottom:27px;
}


/**********************************
	    EDUCATION MAP
**********************************/



.container-diy {
    background:#fff;
}


.mapLink a {
display:block;
text-indent:-9999px;
width:40px;
height:40px;
}

.westQuote1, .westQuote2, .westQuote3, .midQuote1, .midQuote2, .midQuote3, .eastQuote1, .eastQuote2, .eastQuote3 {
    position:absolute;
    width:350px;
}

/*.west-content, .mid-content, .east-content {position:relative;}*/

.close-map {
    position:absolute;
    width:30px;
    height:30px;
    display:block;
    cursor:pointer;
}
.west-content .close-map {    left:480px;    top:24px;}
.mid-content .close-map {    left:465px;    top:-7px;}
.east-content .close-map {    left:560px;    top:80px;}


.westQuote1 {     left:130px;    top:35px;}
.westQuote2 {    right:37px;    top:112px;}
.westQuote3 {    left:330px;    bottom:78px;}

.midQuote1 {     left:114px;    top:3px;}
.midQuote2 {    right:22px;    top:112px;}
.midQuote3 {    left:180px;    bottom:48px;}

.eastQuote1 {     left:214px;    top:90px;}
.eastQuote2 {    right:-8px;    top:-5px;}
.eastQuote3 {    right:197px;    bottom:77px;}


@media screen and (min-width: 900px) {
    .ui-dialog #dialog .box-full { padding:0; }
    .ui-dialog #dialog .box-full .pic { margin-left:-20px; }
}


.cinema-box .box {
    margin:0 10px 20px 10px;
    /*height:370px;*/
    min-height: 480px;
}




.cinema-box .box .film-image {
    margin-bottom:12px;
}
.cinema-box .box .film-image img {
    width:100%;
}

.rolex-clock {
    border-top:solid 1px #ccc;
    margin-top:20px;
    padding-top: 20px;
    text-align: center;
}

/**********************************
	DROP DOWN MENU
**********************************/

#dd-menu {
	background: url(/images/dd-menu-bg.png);
	position: absolute;
        display:none;

	top: 99px;
	width:100%;
	z-index:20;
}
#dd-menu ul {
	text-align: center;
	width: 170px;
	float: left;
	margin-right:20px;
	padding-bottom:15px;
}
#dd-menu ul li {
	margin: 10px 0px;
}
#dd-menu ul li a {
    font-size:12px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
}
#dd-menu ul li a:hover {
	color:#ff1800;
}

#dd-about-us {	margin-left:160px;}
#dd-preservation {margin-left:330px;}
#dd-education {margin-left:500px;}
#dd-news {margin-left:670px;}

/**********************************
			CONTENT
**********************************/
#FullMap {
  margin-bottom:20px;
}

#timeline-parent {
  border-bottom:solid 9px #000;
}

.news-item{
  float:left;
  width:50%;
}
.full-video {max-width:580px;}

.news-item-content {min-height:465px;}

#archive-logos {
  background:url(/images/archive-logos.jpg) no-repeat bottom;
  height:175px;
}
.container-beforeafter
{
  background:#cfcfcf;
  margin-bottom:20px;
}
#prebeforeafter {
  padding:15px 0;
  margin:auto;
  width:1000px;
}

div.instructions {
  text-align:center;
  padding-bottom:10px;
}

.spnTitle {
  color:#000;
  font-size:14px;
  font-weight:600;
  position:relative;
  top:-20px;
  margin-right:15px;
}

.beforeAfter-title {
  padding-top:20px;
  margin:auto;
 text-align:right; 
 width:800px;
}

.beforeAfter-title .pager-prev, .beforeAfter-title .pager-next {
  background: url(/images/select-arrows.png);
}
.beforeAfter-title .pager-prev:hover, .beforeAfter-title .pager-next:hover {
  background: url(/images/select-arrows-hover.png);
}
.beforeAfter-title .pager-next, .beforeAfter-title .pager-next:hover {
  background-position:top right; 
}  
  
.dataTables_paginate {
  padding-top:20px;
}

.paginate_disabled_previous {
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  
}
.paginate_enabled_previous {
  background: url(/images/select-arrows.png) !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  
}
  
.paginate_enabled_next {
  background: url(/images/select-arrows.png) top right !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  
}
.paginate_enabled_previous:hover {
  background: url(/images/select-arrows-hover.png) !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  
}
  
.paginate_enabled_next:hover {
  background: url(/images/select-arrows-hover.png) top right !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  
}

.unfiltered-wrapper .box {min-height:550px;}


.ad-gallery .ad-back, .ad-gallery .ad-forward {
 margin-top:60px;
  opacity:1 !important;
  /*position:relative!important;*/
}
  

.ad-gallery .ad-back {
  background: url(/images/select-arrows.png) top left !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  left:-40px !important;
  
}
  
.ad-gallery .ad-forward {
  background: url(/images/select-arrows.png) top right !important;
  text-indent:-9999px;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
right:-40px !important;
}  
.ad-gallery .ad-back:hover {
  background: url(/images/select-arrows-hover.png) top left !important;
  
}
  
.ad-gallery .ad-forward:hover {
  background: url(/images/select-arrows-hover.png) top right !important;

}  

.mission-thumb {
    display:none;
}

.video-full iframe {
    height:auto;
    min-height:320px;
    width:100%;
}
.grid-60 .video-full iframe {
    height:auto;
    min-height:320px;
    width:565px;
}

#bookafilm {
    width:270px;
}
#bookafilm.ui-dialog-content {
    padding:0 !important;
}
#dialog .grid-30 {
    width:100%;
}

.stitle {
    color:#999;
    font-size:14px;
    padding-bottom:12px;
    text-transform:uppercase;
}
#bookafilm input[type=text], #bookafilm textarea {
    margin-bottom:8px;
    width:250px;
}
.englishTitle {
    color:#333;
    font-weight:700;
    text-transform: uppercase;
}
.originalTitle {
     color:#333;
    font-style:italic;
}
#sharepdf {
  border-top:solid 1px #ccc;
  margin-top:20px;
  padding:10px 0 0;
}

#sharepdf img {
 width:37px;
  height:37px;
}

#resources-list li {
    margin: 10px 0;
}
#resources-list li a {
    color:#333;
    font-weight: 600;
    display: block;
    padding: 6px 0;
    text-decoration: none;
}
#resources-list h2 {
    color: #ff1800;
    font-size: 3rem;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 25px;
    text-transform: uppercase;
}
#glossary h2 {
    color: #ff1800;
    font-size: 3rem;
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
}
#glossary {
    
}
#glossary .glossary-menu {
    margin: 2em 0;
}
#glossary .glossary-menu ul li {
    display: inline;
    margin-right: 1em;
}
#glossary .glossary-menu ul li a {
    color:#333;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}
#glossary .glossary-menu ul li.selected a {
    color:#333;
    font-weight: bold;
}
#glossary .title a {
    background: #333;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    text-decoration: none;
    position: relative;
}
#glossary .title a:after {
    background:url("/images/chevron.svg") no-repeat center center;
    background-size: 30px 30px;
    content:"";
    position: absolute;
    right: 10px;
    top:5px;
    width: 30px;
    height: 30px;
    transition: all 0.7s ease;
}

#glossary .title a.down:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#glossary .description {
    border:solid 1px #ccc;
    border-top:none;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}

#artists-rights #videos {
    background: #666;
    padding: 1em;
    margin-bottom: 1em;
}
#artists-rights #videos #selected-list {
    padding: 10px;
}
#artists-rights #videos #selected-list .video-full p {
    margin-bottom: 0;
}

#artists-rights-timeline {
    overflow: scroll;
    margin-bottom: 3em;
    padding: 0;
}
#artists-rights-timeline ul {
    display: flex;
    list-style-type: none;
    height: 250px;
    margin: 0;
    padding: 0;
}
#artists-rights-timeline ul li {
    display: flex;
}
#artists-rights-timeline ul li.single-item .image {
    width: 310px;
}
#artists-rights-timeline ul li.single-item .content {
    padding: 15px;
    width: 310px;
}
#artists-rights-timeline ul li.single-item .content .desc {
    font-size: 12px;
    line-height: 18px;
}
#artists-rights-timeline ul li.single-item .image img {
    height: auto;
    width: 100%;
}
#artists-rights-timeline ul li.single-item > div {
    float: left;
}

#resources-list ul {
    list-style-type:disc;
    margin-left: 20px;
    columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.program-header {
    background:url(/images/program-header-bg.png) no-repeat left -57px;
    cursor:pointer;
    font-weight:600;
    padding:5px;
    padding-left:15px;
    text-transform:uppercase;
}
.program-header.close{
    background:url(/images/program-header-bg.png) no-repeat left 7px;
    cursor:pointer;
    font-weight:600;
    padding:5px;
    padding-left:15px;
    text-transform:uppercase;
    max-width:320px;
}

.program-films {
    text-transform:uppercase;
    padding:3px;
    margin-left:15px;
    margin-bottom:15px;
}

.program-films li {
    border-bottom:dotted 1px #d1d1d1;
    display:inline-table;
    width:26%;
    margin-right:7%;
    padding-bottom:2px;
}

.world-cinema-pop .grid-35, .world-cinema-pop .grid-50 {
    width:100%;
}
.world-cinema-pop .pic {
    margin-bottom:25px;
}


#annual-report iframe {
    min-height:500px;
}

/*********		MAIN TIMELINE		*********/


#main-timeline {
	width: 1050px;
}


.director-list, #home-middle {
	width:350px;
  float:left;
}


#timeline-parent {
    background:#282828;
}

#home-left {
  width:350px;
  float:left;
}
#home-left .home01, #home-left .home02, #home-left .home03 {
    float:left;
}
#home-left .home01 h3, #home-left .home02 h3 {
    color:#fff;
    font-size:17px;
    font-weight:bold;
}
#home-left .home01 p, #home-left .home02 p {
    margin-top:2px;
}
#home-left .home01 {
  background:url(/images/home/home-left-01.jpg) no-repeat;
  color:#fff;
  min-height:200px;
  padding:15px;
   width:320px;
   /*background-size:350px auto;*/
}
#home-left .home02 {
    background:url(/images/home/home-left-03.jpg) no-repeat;
    color:#fff;
    min-height:210px;
    padding:10px;
    width:330px;
}

#home-left .home03 img {
   width:100%;
   height:auto;
}
#home-middle .top {min-height:230px; overflow:hidden;}
#home-middle img {height:100%; width:auto; max-height:230px;}
#home-middle .latest-news {background:#fff; height:190px; overflow:hidden; padding:20px; } 
#home-middle .latest-title {color:#000; font-size:16px; font-weight:bold; text-transform:none; margin-top:10px;}
#home-middle .latest-event-date {color:#ff1800; font-size:16px; font-weight:bold; }
#home-middle h3 {font-size:1.8rem;}
#home-middle h3.latest { text-transform:none;}
#home-right {
  background:#fff url(/images/home/home-right.jpg)no-repeat bottom;
  padding:25px 20px 222px 20px;
  width:290px;
  min-height:213px;
  float:left;
  max-height:460px;
  overflow:hidden;
}
#home-right p.lead, #home-right p:first-child {margin-top:0;}

.director-list li {
	display:block;
	float:left;
	height:131px;
	width:131px;
}

#home-middle .item-content a {
    text-decoration:none;
}

.ui-icon {
  width:24px !important;
  height:24px !important;
}

.ui-dialog-titlebar button {
  background-image: url(/images/close-pop.png) no-repeat !important;
  background-size:24px 24px;
  overflow:hidden;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border:none !important; 
  background:none !important;
}
#newsletter h3 {
  font-weight:700;
  margin:8px 0 15px;
  text-transform:lowercase;
  text-transform:capitalize;
  
}

#newsletter .guide-ticket {width:152px !important; float:left; margin-right:15px;}

#newsletter .mailingform {
  float:left;
  width:310px;
}


#newsletter .mail-name, #newsletter .mail-email, #newsletter .mail-aff  {
  width:165px;
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

#newsletter .mail-age, #newsletter .mail-org {
  width:80px;
    margin-bottom:10px;
  float:left;
}
#newsletter .mail-country {
  width:100px;
    margin-bottom:10px;
  float:left;
}
#newsletter .mailingform input[submit] {
  float:left;
}


#border-vertical {
 border-left:solid 1px #ccc; 
  min-height:200px;
}
  
#rotater {display: inline-block; height:155px; padding-top:30px;}

.rotating {
	color:#7a7a7a;
	font-size:15px;
	font-style:italic;
	padding-bottom:15px;
	text-align: center;
}
.rotating h3 {
	color:#ff1800;
	font-size:1.8rem;
	font-weight:300;
	font-style:normal;
}
.rotating a, .partners-link {
	background:#fff;
	border: solid 2px #ff1800;
	color:#ff1800;
	font-size:11px;
	font-style:normal;
	font-weight:700;
	padding:7px 15px;
	text-decoration:none;
	text-align: center;
}



ul.bjqs-controls.v-centered li a{
	display:block;
	background:url(/images/board-arrows.png) no-repeat;
	color:#000;
	text-decoration: none;
  text-indent:-9999px;
  width:25px;
  height:97px;
  
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
 
}
ul.bjqs-controls.v-centered li a:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
 
}



ol.bjqs-markers li a{
	background:url(/images/home-bullet.png) no-repeat top;
	color:#fff;
        height:11px;
        width:11px;
	margin:5px;
	text-decoration: none;
       text-indent:-9999px;
}


  
  
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background:url(/images/home-bullet.png) no-repeat bottom;
}

ul.bjqs {
    height:130px !important;
}


/**********************************
			PAYMENTS
**********************************/


#paymentform img {width:auto; margin-top:10px;}

#refund {
    border-top:solid 1px #999;
    color:#999;
    font-size:12px;
    margin-top:15px;
    padding-top:15px;
}

#donation-total {
    background:#ffffcc;
    border-bottom:solid 1px #ccc;
    font-size:1.4em;
    padding:35px 0 15px;
    margin-bottom:15px;
    text-align:center;
}
#donation-total .grand-total {
    font-weight:700;
}
#donation-total .name-movie {
    color:#ff1800;
    font-weight:700;
}
#process {
    cursor:pointer;
    font-size:1.2em;
    margin-top:20px;
    margin-left:36%;
}
.BillingInfo input[type=text] {
width:93%;
}
#B_City, #B_State, #B_Zipcode, #zip-code {
    float:left;
    width:83px;
}
#B_City, #B_State {
    margin-right:10px;
}
#CcsNumber {
width:100px;
}
.updates {
    padding-top:25px;
    text-align:center;
}

.editor-label {
    margin-top:15px;
}

/*********		DIGITAL PRESERVATION		*********/

#slider {
    background:#000;
}

h3.qt {
    font-size:30px;
    margin-top:30px;
    text-align:center;
}

.quicktips ul {
    list-style-type:disc;
    padding-left:20px;
}
.quicktips ul li {
    margin-bottom:10px;
}

.accordionSection{
    display:none;
    
}

.sectionIcons {
    padding-top:30px;
    padding-left:90px;
}
.sectionIcons div{
    width:146px;
    height:206px;
    float:left;
    margin-right:170px;
    cursor:pointer;
}
.sectionIcons div:last-child{
    margin-right:0;
}



.acccordionItem {
    float:left;
    padding:10px;
    width:300px;
}

.acccordionItem h2 {
    color:#ff1800;
    padding:20px 0;
    text-align:center;
    text-transform:uppercase;
}


.acccordionItem .section {
    clear:both;
    margin-bottom:15px;
}
.acccordionItem .label {
    font-weight:700;
    float:left;
    width:60px;
}
.acccordionItem .description {
    float:right;
    width:230px;
}



#filmIcon { background: url(/images/diy-icons-film.png) no-repeat center center;}
#filmIcon:hover { background: url(/images/diy-icons-film.png) no-repeat bottom center;}
#filmIcon.active { background: url(/images/diy-icons-film.png) no-repeat top center;}

#videoIcon { background: url(/images/diy-icons-video.png) no-repeat center center;}
#videoIcon:hover { background: url(/images/diy-icons-video.png) no-repeat bottom center;}
#videoIcon.active { background: url(/images/diy-icons-video.png) no-repeat top center;}

#digitalIcon { background: url(/images/diy-icons-digital.png) no-repeat center center;}
#digitalIcon:hover { background: url(/images/diy-icons-digital.png) no-repeat bottom center;}
#digitalIcon.active { background: url(/images/diy-icons-digital.png) no-repeat top center;}

/*
.singleevent .box-full {
    height:215px;
}*/

.film-image .pic {
    max-height:210px;
    overflow:hidden;
}

.ui-dialog .ui-dialog-content {
    padding:36px !important;
    padding-top:0 !important;
}

/*********		EVENTS		*********/

#months {
 margin: 0 -10px; 
}

#months li a {
	color: #FFF;
	text-decoration: none;
	background: #ff0000;
	float: left;
	width: 130px;
	text-align: center;
	display: block;
	padding: 6px 0px;
	text-transform: uppercase;
	margin: 0 8px;
	margin-bottom: 10px;
}
.film-actions .book-film{
	color: #FFF;
	display:inline-block;
	text-decoration: none;
	background: #ff0000;
	text-align: center;
	padding: 6px 0px;
	text-transform: uppercase;
	margin: 0 8px;
	width: 130px;
	margin-bottom: 10px;
}
#months li a:hover {
	color: #FFF;
	background: #ff0000;
}
#months li a.active {
	color: #FFF;
	text-decoration: none;
	background: #999;
	float: left;
	width: 130px;
	text-align: center;
	display: block;
	padding: 6px 0px;
	text-transform: uppercase;
	margin: 0 8px;
	margin-bottom: 10px;
}
.film-button .film-actions li {
    display:inline-block;
}
.film-actions .read-more {
	color: #FFF;
	display:inline-block;
	text-decoration: none;
	background: #999;
	width: 115px;
	text-align: center;
	padding: 6px 0px;
	text-transform: uppercase;
	/*margin: 0 8px;*/
	margin-bottom: 10px;
}
.singleevent img, #dialog img {
	width: 320px;
}
.singleevent .timeplace, #dialog .timeplace {
	color: #999;
	font-weight: 700;
	text-transform: uppercase;
}

.wcp .cinema-box h2 {font-size:16px;}

.singleevent .info, #dialog .info {border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; color:#999; padding:9px 5px 1px; margin:8px 0;}
.singleevent .info p {margin:1px 0 6px };
.singleevent .info-ul { padding-bottom:12px; padding-left:12px;}

.singleevent a, #dialog a  {color:#FA0000; font-style:italic;}


.singleevent .info ul li:first-child, #dialog .info ul li:first-child {
	font-size: 88px;
	font-weight:300;
	color: #FA0000;
	float:left;
	line-height:60px;
	letter-spacing:-5px;
	margin-bottom:2px;
	width:95px;
}
.singleevent .info ul li.date, #dialog .info ul li.date {
	font-size: 15px;
	font-weight: 600;
	color: #FA0000;
}
.singleevent .info ul li strong, #dialog .info ul li strong {
	color:#010101;
	font-size: 17px;
	font-weight: 600;
}

.descContent {
    line-height:20px;
}
.descContent p {
    margin:10px 0;
}

#dialog .info-day {font-weight:300}

.singleevent .desc,  #dialog .desc
  { font-size:12px; margin-top:0px;}

.cities {
	padding-left: 10px;
}
.cities li {margin-bottom:3px;}
.cities li a {color:#000; text-decoration:none;}

.link-wrap {word-wrap: break-word;}

.film-actions {
    position:relative;
    left:-9px;
}
.film-actions li a {
    font-size:14px !important;
    font-style:normal;
}

#full-sliders {margin-bottom:20px;}
  
  

.ui-widget-content {
  border:none !important;
}

.ui-widget {
font-family:'Open Sans', sans-serif !important;
}
.ui-draggable .ui-dialog-titlebar {
  cursor:default;
}
.ui-widget-header {
 border:none !important;
  background:none !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-top-radius:none !important;
  border-bottom-right-radius:none !important;
  border-bottom-bottom-radius:none !important;
  border-bottom-left-radius:none !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {  
  border-bottom-right-radius:0 !important;
  border-bottom-left-radius:0 !important;
  border-top-right-radius:0 !important;
  border-top-left-radius:0 !important;
}  
/******************************/


.news-item {min-height:550px;}

.news-item h3 {color:#ff1800;
  font-size:17px;
  text-transform:uppercase;}

.news-item h4 {color:#000;
font-size:15px;}

.news-item .feat-img {margin-bottom:10px;}
.news-item .feat-img img {width:100%; max-height:192px; overflow:hidden;}

.news-item .date {color:#979797; margin:12px 0 5px;}
  


#single-share {
    float:left;
    position:relative;
    top:-10px;
}

.st_facebook_large .stLarge { background-image:url(/images/share-facebook.png) !important; }
.st_twitter_large .stLarge { background-image:url(/images/share-twitter.png) !important; }
.st_email_large .stLarge { background-image:url(/images/share-mail.png) !important; }


.back-to-top {
  
  width:60px;
  
  position:absolute;
  bottom:0;
  left:-65px;
  text-align:center;
}
.back-to-top a {
  background: url(/images/back-to-top.png) no-repeat top;
  color:#666;
  font-size:10px;
  height:56px;
  padding-top:36px;
  font-style:italic;
  text-decoration:none;
}

#single-post {
  position:relative;
  padding-bottom:0 !important;}
}
/*********		RESTORATION		*********/



#video-list li {
	background: #f2f2f3;
	padding: 10px;
	margin-bottom: 8px;
	border: 1px solid #fef0ee;
}

#video-list li a { color:#ff2900; font-style:italic;}
#video-list li img {width:68px; height:68px; float:left; margin-right:10px;}

#filmDataTable {
 font-size:16px;
  border-collapse: collapse;
}
  
#filmDataTable td {
 border-bottom:solid 1px #ccc; 
 padding:10px;
}
#filmDataTable td:last-child {
 margin-bottom:25px;
}


.alphabet_filter {
  float:left;
  padding-top:3px;
}
.alphabet_filter a {
  font-size:20px;
  color:#333;
  padding:5px;
  text-decoration:none;
}

table.display thead th {
  color:#ff1800;
  font-weight:normal;
  text-transform:uppercase;
}
#complete-list ul { border-top:solid 1px #ccc; padding:5px 10px;}

#complete-list .header { border-top:none; border-bottom:double 1px #ccc; color:#ff2900; text-transform:uppercase;}

#complete-list ul li {
	display: inline-block;
	font-size: 16px;
	vertical-align:top;
}

table.display thead th:nth-child(1) {	width:270px; }
table.display thead th:nth-child(2) {	width:110px; }
table.display thead th:nth-child(3) {	width:200px; }
table.display thead th:nth-child(4) {	width:330px; }


#filmDataTable_filter {
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  padding:10px 0;
  margin:35px 0;
}

#filmDataTable_filter input {
  width:200px;
}

.alphabet_filter .clearall {font-size:12px; color:#666;}


/********* PARTNERS *********/


#partners .logo {
	background-color: #FFF;
	background-repeat:no-repeat;
	background-position:center center;
	height: 140px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	margin-bottom: 20px;
  margin-right:20px;
	float: left;
        width:150px;
}
#partner-box {height:100px; width:280px; float:left;}

#partners .sony {
	height: 300px !important;
}

#partners .alogo {
    display: block;
	cursor: pointer;
	margin-bottom: 20px;
    margin-right:20px;
	float: left;
    height:140px;
    width:150px;
}

@media screen and (min-width: 1000px) {
    #partners .alogo.desktop {
        width:320px !important;
    }
    .pend {
    margin-right:0 !important;
}
}




@media screen and (min-width: 481px) and (max-width: 768px) {
    .pend {
        margin-right:20px;
    }
}

#partners .alogo img, #partners .alogo picture {
    height:140px;
}

#contact-full {
  background-color:#dad9d9;
  padding:20px 0;
  margin-bottom:20px;
  text-align:center;
}

#contact-full a {
  background:#fff;
  border: solid 2px #ff1800;
  padding:5px 30px;
  text-transform:uppercase;
  text-decoration:none;
}

#artists-rights h4 {
  font-size:18px;
  font-weight:600;
  color:#f00;
  padding-bottom:10px;
}

#artists-rights .artists-txt {
 font-size:16px; 
}


#partners .annenberg, #partners .material, #partners .righteous-persons 
  { width:320px !important; }




#partners .gucci {background-image:url(/images/partners/gucci.png); }
#partners .sony {background-image:url(/images/partners/sony.png); }
#partners .louis {background-image:url(/images/partners/louis.png); }
#partners .louisxiii {background-image:url(/images/partners/louisxiii.png); }
#partners .franco {background-image:url(/images/partners/franco.png); }
#partners .twenty {background-image:url(/images/partners/twenty.png); }
#partners .tcm {background-image:url(/images/partners/tcm.png); }
#partners .ibm {background-image:url(/images/partners/ibm.png); }
#partners .vice {background-image:url(/images/partners/vice.png); }
#partners .dga {background-image:url(/images/partners/dga.png); }
#partners .righteous-persons {background-image:url(/images/partners/righteous-persons.png); }
#partners .material {background-image:url(/images/partners/material.png); }
#partners .george {background-image:url(/images/partners/george.png); }
#partners .hfpa {background-image:url(/images/partners/hfpa.png); }
#partners .lacma {background-image:url(/images/partners/lacma.png); }
#partners .annenberg {background-image:url(/images/partners/annenberg.png); }
#partners .rt {background-image:url(/images/partners/rt.png); }

#partners .janus {background-image:url(/images/partners/janus-films.png); }


#partners .annenberg, #partners .janus, #partners .hfpa, #partners .material {margin-right:0 !important;}



#clipList ul li {
  background:#f2f2f2;
  display:block;
  clear:both;
  margin-bottom: 10px;
  cursor:pointer;
  padding:10px;
}

#clipList ul li img {  
  float:left;
  margin-right:10px;
  height: 50px;
    width: 50px;
}

#clipList .li-content strong {
  color:#ff3300;
}
  

/************************
      film preservation
************************/

#beforeaftercontainer {
  background-color:#cfcfcf;
  margin-bottom:20px;
}


#archives .box-full {
 margin-bottom:0;
}


#preservation-logos {
	position: relative;
	height:210px;
	width: 1000px;
}
#preservation-logos ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position:absolute;
}
#preservation-logos ul li{
	height: 140px;
	width: 140px;
	display: block;
	float: left;
}
#preservation-logos .top {
	top:0;
}
#preservation-logos .top li {
	margin-right: 30px;
	margin-left: 25px;
	position:relative;
}

#preservation-logos .top li:nth-child(6) {
    margin-left:150px !important;
}
#preservation-logos .top li:nth-child(n+6) {
	margin-right: 30px;
	margin-left: 25px;
	top:-55px;
}
#preservation-logos .bottom li:last-child {
	margin-right: 0;
}


/************************
      timeline
************************/

#timeline {
  font-size:11px;
    width: 100%;
    height: 464px;
    overflow-y:hidden;
    overflow-x:scroll;
  padding-bottom:15px;
}

#timeline .red {
	background: #ff0000;
	padding: 15px;
  min-height:202px;
}
#timeline .white {
	background: #fff;
	padding: 15px;
        min-height:202px;
}
#timeline .gray {
	background: #333;
	color:#fff;
	padding: 15px;
        min-height:202px;
}
#timeline .beggining {
  background:url(/images/timeline/1990.jpg) no-repeat;
  height:232px;
}

#timeline .lead {font-size:14px;}

#timeline .pic {height:232px;}

#timeline .col-md .milestone {
	background: #fff url(/images/timeline/1991.jpg) no-repeat left;
	padding: 20px 20px 20px 250px;
  height:191px;
}
#timeline h3 {font-weight:600;}
#timeline .red h3, #timeline .gray h3 {
	color: #FFF;
}
#timeline .white h3, .tomcruise h3, .mockingbird h3, .earth h3, .milestone h3 {
	color: #ff0000;
}


#timeline .amc {
	background: url(/images/timeline/1993.jpg);
	padding: 15px;
  padding-bottom:93px;
	color: #FFF;
}
#timeline .earth {
	background: url(/images/timeline/2009.jpg) no-repeat bottom;
	padding: 15px;
  padding-bottom:60px;
  min-height:157px;
}
#timeline .amc h3 {
	color: #F00;
}
#timeline .mrsmith {
	background: url(/images/timeline/2006.jpg);
	padding: 15px;
  padding-bottom:50px;
	color: #FFF;
}

#timeline #col1991 {
  background:#fff url(/images/timeline/1991.jpg) no-repeat;
  padding: 20px 20px 20px 250px;
}

#timeline .tomcruise {
  background:#fff url(/images/timeline/1998.jpg) no-repeat right;
  padding: 130px 250px 22px 20px;
}
#timeline .budd {
  background:#fff url(/images/timeline/2008.jpg) no-repeat right;
  color:#fff;
  padding: 20px;
  min-height:192px;
}
#timeline .mockingbird {
  background:#fff url(/images/timeline/2005.jpg) no-repeat right;
  padding: 80px 250px 20px 20px;
  min-height:132px;
}

#timeline .table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#timeline .col-md {
    width: 464px;
    height: 464px;
    display: table-cell;
    background: #e3e3e3;
    vertical-align: middle;
}
#timeline .col-sm {
    width: 232px;
    height: 464px;
    display: table-cell;
    background: #fff;
    vertical-align: middle;
}

/*********************************
DONATION
*************************************/

#movielist {
	margin: 0 -5px;
	padding:0;
	line-height:14px;
}

#movielist li {
	margin: 0 5px 15px;
	width: 160px;
	float: left;
}
#movielist li:nth-child(n+5) {
	margin-bottom: 0 !important;
}



#movielist li .movie .title {
	padding: 5px;
}
#movielist li .movie .title p {
	padding: 0;
  margin:0;
}
#movielist li .movie-cover{
	height: 115px;
}
#movielist li .movie .movie-cover .quantity {
	height: 34px;
	width: 51px;
	padding-top: 40px;
	padding-left: 55px;
	background: url(/images/donation-movie-counter-bg.png) no-repeat right bottom;
}
#movielist .movie-cover .quantity .plus, #movielist .movie-cover .counter .minus {
	float: left;
	height: 17px;
	width: 17px;
}
#movielist .movie-cover .quantity .num {
	float: right;
	width: 34px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding-top: 6px;
}
.donation-level {
	font-weight: 700;
	font-size: 14px;
}
.donation-amount {
	font-size: 18px;
}
#frame2 {
	padding-top: 20px;
	padding-bottom: 15px;
}
#frame2 .video-full p {
    margin:0 !important;
}
#frame2 .video-full {
    padding-bottom:10px;
}
#frame2 .pager-prev, #frame2 .pager-next {
    top:0;
}
.quantity .plus img, .quantity .minus img {
  width:17px; height:17px;
}
.otheramount {
 width:60px !important; 
}
.inbehalfof {
 width:220px !important; 
}

#frame1 {
  min-height:220px !important;
  font-size:12px;
}
#frame2 .small {font-size:9px}

.or {
  color:#ff0000;
  font-size:14px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
  padding-bottom:20px;
}
.wcp .grid-30 {
      width:33.33%;
  }



/**********************************
		NEWS
**********************************/
#side-news {font-size:12px;}

#side-news a {color:#333; text-decoration:none;}
#side-news a.active {color:#fa0000; text-decoration:none;}
#side-news h3 {color:#333}

#side-news h4 {color:#999; cursor:pointer;}

#side-news .toggle {background:url(/images/side-news-h4.png) no-repeat left 3px; padding-left:14px;}
#side-news .toggle_sel {background:url(/images/side-news-h4.png) no-repeat left -15px; padding-left:14px;}
  
#side-news .archive-list, #side-news .category-item {margin-left:20px !important;}

.cms-pager-link, .cms-page-current {width:14px; height:28px; font-size:14px; font-weight:600; display:inline-block; padding-top:6px;}

.cms-pager-link {
  color:#333;
}
.cms-page-current {
  color:#f00; 
}
.pager-prev,.pager-next {
  background:url(/images/select-arrows.png);
  width:34px !important; 
  height:34px; 
  padding:0; 
  display:inline-block; text-indent:-9999px;
  position:relative;
    top:-10px;
} 

.pager-prev {background-position:top left; margin-right:5px;}
  
.pager-next {background-position:top right; margin-left:5px;}
  
 span.pager-prev, span.pager-next {
    cursor:pointer;
 }


/**********************************
	ARTIST RIGHTS
**********************************/

#pager-rights {
 float:right; 
}



/**********************************
	CONTACT
**********************************/

.f-name, .f-email, .f-phone, .f-country {
  width:129px !important;
  margin-bottom:5px;
}
/*.f-country {
  width:150px ;
  height:29px ;
  margin-top:2px;
  margin-bottom:5px;
}*/
.f-subject, .f-message {
  width:291px !important;
  margin-bottom:5px;
}

.f-message {
  height:70px !important;
} 

.field-validation-error {
 color:#f00; 
}

.cms-form-confirmation {
  background:#f2f2f2;
  font-size:18px;
  font-weight:700;
  padding:20px;
  text-align:center;
}

  
/**********************************
			FOOTER
**********************************/

#footer h3 {
	font-size:16px;
	font-weight:700;
}

#footer #footer-menu {
	background-color: #000;
	color:#fff;
  margin-top:15px;
	padding: 9px 0;
}
#footer #footer-menu a{
	color:#fff;
	text-decoration:none;
}


  
#footer #footer-menu .container ul li {
	display: inline;
}
#footer-menu .fb, #footer-menu .tw, #footer-menu .gp, #footer-menu .yt, #footer-menu .insta {
	background-repeat: no-repeat;
	background-size:31px 31px;
	text-indent: -9999px;
	height: 32px;
	margin-top:10px;
	margin-right:8px;
	width: 32px;
	display: block;
}
#footer-menu .txt {
	display: block;
	margin-right:45px;
}
#footer-menu .privacy {
	margin-left:250px;
}
#footer-menu .fb {	background-image: url(../images/Facebook.png); }
#footer-menu .tw {	background-image: url(../images/twitter.png); }
#footer-menu .gp {	background-image: url(../images/google.png); }
#footer-menu .yt {	background-image: url(../images/youtube.png); }
#footer-menu .insta {	background-image: url(../images/insta11.png); }
#footer-menu .copyright {	
	background: url(../images/dga-copyright.png) no-repeat left;
	background-size:59px 57px;
	font-size:12px;
	padding-left:68px;
	padding-top:14px;
	height: 56px;
	margin-left:20px;
	width: 179px;
	display: block;
 }
.footer-links li {float: left;}

.footer-links li a {	margin-top:16px;}

/*#footer .donation-footer, #footer .socialmedia, #footer .contact {
	font-size:12px;
	padding:0 10px;
}*/
#footer .socialmedia, #footer .contact {
	font-size:12px;
	padding-right:15px;
}
#footer .donation-footer, #footer .socialmedia {
	font-size:12px;
	padding-left:15px;
}
#footer .donation-footer {
    position: relative;
}
#footer .socialmedia {
 overflow:hidden;   
}
.donation-footer strong {
color:#ff1800;
font-size:13px;
}
#footer {
	background-color: #FFF;
	border-top:solid 1px #c0c0c0;
	padding-top:15px;
	margin-top:30px;
}


.socialmedia {
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	height:380px;
}

.fb-header img {width:14px; height:25px;}



/**********************************
			FORMS
**********************************/

input[type=text], textarea, select, .hosted-field {
	
	border:solid 1px #e5e5e5;
	color:#666;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*-webkit-box-shadow:inset 0 1px 2px #ccc;
       -moz-box-shadow:inset 0 1px 2px #ccc;
            box-shadow:inset 0 1px 2px #ccc;*/
			background:#f8f8f8;
	width:100%;
	max-width:100%;
}

input[type=button], input[type=submit] {
	background:#f00;
	border:none;
	color:#fff;
	font-size:11px;
	font-weight:700;
	padding:8px 27px;
	text-transform:uppercase;
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

#footer-sub .contact input[type=text] {
	width:130px;	
}
#footer-sub .contact select {
	width:154px;	
}


#footer .fullinput {width:290px !important;}

/**********************************
			UTILITIES
**********************************/

.ad-gallery .ad-nav {
    margin: auto !important;
    position: relative;
    width: 90% !important;
}


#mobile-menu, .mobile-links {display:none;}

/* iframe {width 100% !important; height:auto;}*/


#bx-pager active.mission-thumb {
    display:none !important;
}

#h1-responsive {
    display:none;
}

.send-input {
      margin-left:195px;
  }
  

.hosted-field iframe {
    font-size: 12px !important;
    height: 29px !important;
}
.BillingInfo .editor-field > input[type=text], .BillingInfo .editor-field > select {
    font-size: 16px;
    margin-bottom: 5px;
    padding: 9px 10px;
}
.label-city, .label-state, .label-zip {
    display: inline-block;
}
.label-state {
    margin-left: 91px;
}
.field-validation-error + .label-state {
    margin-left: 80px;
}
.label-zip {
    margin-left: 78px;
}

.socialmedia p a {
    display: inline-block;
    max-height: 200px;
    overflow:hidden;
}

/**********************************
	IPAD, TABLETS
**********************************/

@media screen and (max-width: 850px) {

#h1-responsive {
    display:block;
}
#h1-desk {
    display:none;
}

  #content, #partners, #creativity {
    margin:0 5%;
    width:90% !important;
  }
  
  #partners .annenberg, #partners .janus { margin-right:20px !important;}
  
  #header .donate {width:768px;}
  
  #header .hlogo {margin-left:5%;}
  
  .board-content .grid-50, #selected-list .grid-40, #selected-list .grid-60, #story .grid-50, #creativity .grid-50, #creativity .grid-45, .news-home .grid-70, .news-home .grid-30 {
    width:100%;
  }
  
  .grid-35.film-image {
      padding-left:0 !important;
      padding-right:10px;
  }
  
  #choose-tab, #screen-list {
      width:100%;
  }
  #choose-tab .box {
      margin-right:0;
  }
  #choose-tab .month, #choose-tab .city {
      float:left;
      width:50%;
  }
  
  
    #story iframe {
        min-height:406px;
    }
  
  
  #single-post { margin-right:0 !important;}
  
  #prebeforeafter {
    width:738px;
  }
  
  #beforeAfter-items {
    height:452px !important;
  }
  .beforeAfter-title {
      width:100%;
  }
  
  span.instructions {
    display:block;
    margin:10px 0 15px;
    top:0;
    left:0;
  }
  
  .quicktips {
      padding-left:20px;
  }
  #creativity .grid-45 {
    border-bottom:solid 1px #ccc;
    margin-bottom:15px;
  }
  
  #FullMap, #creativity .grid-4, .back-to-top, #dd-menu,  nav { display:none !important;}
  
  #selected-list #clipList {
      margin-top:10px;
  }
  
  #selected-list #clipList li {
      clear:none;
      float:left;
      margin-right:3%;
      width:45% !important;
  }
  .grid-60 .video-full iframe {
      min-height:406px;
  }
  #selected-list #clipList li:nth-child(even) {
      margin-right:0;
  }
  
  #mobile-menu {display:block; position:relative;}
  
  #mobile-menu .mobile-menu-btn {
    background:url(/images/menu-mobile.png) no-repeat;
    background-size:42px 31px;
    height:31px;
      width:42px;
      position:absolute;
    right:10px;
    top:30px;
    z-index:90;
  }
  #mobile-menu .mobile-menu-btn a {
   text-indent:-9999px; 
    height:31px;
      width:42px;
    display:block;
  }
  
    
  #mobile-menu #dd-menu-mobile {
    background: url(/images/dd-menu-bg.png);
	position: absolute;
        display:none;
    
    top:80px !important;
    z-index:55;
    width:100%;
  }
  #mobile-menu #dd-menu-mobile ul {
    width: 150px;
	float: left;
    margin-right:90px;
   text-align:left; 
  }
  #mobile-menu #dd-menu-mobile ul:-last-child {
    margin-right:0;
  }
  
  #mobile-menu #dd-menu-mobile ul:first-child {
   margin-left:5%;
  }
  #dd-menu-mobile ul li {
	margin: 10px 0px;
}
#dd-menu-mobile ul li a {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
    padding:10px 0;
}
  #dd-menu-mobile ul li a:active {
	color: red;
}
  
  #mobile-menu #dd-menu-mobile .txt {
    font-style:italic;
    text-transform:lowercase;
  }
  #mobile-menu #dd-menu-mobile ul li strong {
    color: #FFFFFF;
    border-bottom:solid 1px #fff;
    padding-bottom:3px;
    margin-bottom:3px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}  
  #mobile-menu hr {
    margin:15px 0 !important;
  }
  
  #footer-sub {
   padding:0 5%; 
  }
  
  #footer-sub .grid-33 {
    width:50%;
  }
  
  .footer-links {margin-left:10px;}
  
  #footer-menu .copyright {margin-left:400px;}
  
  .socialmedia {
    border-right:none;
  }
  
  .footer-links .txt {
   display:none !important; 
  }
  
  iframe {
    width:100% !important;
  height:auto !important;
}
  
  
  #frame1 .grid-70, #frame1 .grid-30 {
   width:100%; 
  }
  
  #frame2 .grid-32 {
    width:100%;
  }
  #frame2 .grid-53 {
     width:60%;
  }
  #frame2 .grid-15 {
     width:40%;
  }
  
  #preservation-logos {
      width:740px;
  }
  #preservation-logos .top li, #preservation-logos .bottom li {
      margin-right:1px;
  }
  
  .grid-15.film-button {
      position:static !important;
  }
  
}


/**********************************
	MOBILE 480
**********************************/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) {
      #header .donate {
          width:100%;
    }
  
      }
      #mobile-menu #dd-menu-mobile ul {
      margin-left:5%;
      margin-right:0;
      width:90%;
      }
      
      .footer-links li:last-child {
        margin-left:-42px;
        margin-top:12px;
    }
    #footer-menu .copyright {
        margin-left: 200px;
    }
    
    
    
}


/**********************************
	MOBILE
**********************************/

@media  (max-width: 480px) {
    
    
    
    h1 {
        font-size:2.6rem;
    }

  #home-middle {
    width:320px !important;
  }
  /*#home-right {
    width:290px !important;
  }*/
  #home-right, #home-left {
      display:none;
  }
  
  #main-timeline {
      width:320px !important;
  }
  
  .rotating {
      padding-right:10px;
      padding-left:10px;
  }
  
  table.display thead th:nth-child(4), #filmDataTable .odd td:last-child, #filmDataTable .even td:last-child  {
   display:none; 
  }
  
  .board-content .grid-100 {
    z-index:13;
  }
  
  .alphabet_filter {
    width:280px;
  }
  .alphabet_filter a {
    float:left;
  }
  
 
  .alphabet_filter .clearall {
    color:#f00;
   margin-top:5px;
    margin-left:30px;
  }
  
  .ad-thumb-list {
    margin-left:20px !important;
    width:300px !important;
  }
  
  .ad-gallery .ad-thumbs li {
    min-height:250px;
  }
  
  #header .donate {width:320px;}
  
  .box {margin-right:0 !important;}
  

  
  #content, #partners, #creativity {
    margin:0;
    width:100% !important;
  }
  #footer01 {
    width:100% !important;
  }
  
  #footer02, .bx-controls, #annual-report {
    display:none;
  }
  
  #mobile-menu #dd-menu-mobile ul:first-child {
   margin-left:0; 
  }
  
  #mobile-menu #dd-menu-mobile ul {
    width: 200px;
    float: right;
    margin-right:15px;
    /*margin-left:75px;*/
   text-align:right; 
  }
  
  .ui-dialog .ui-dialog-content {
      padding:0 !important;
  }
  
  .news-item {
    width:100%;
   }
  
  .singleevent .pic {
    margin-left:-20px;
  }
  
  .wcp .singleevent .pic {
     margin-left:0;
  }
  
  .wcp .box-full .grid-15 {
      position:relative !important;
      bottom:-10px !important;
  }
  .wcp .box-full .grid-15 .film-actions li {
      display:inline;
  }
  .wcp .grid-35.film-image {
      padding-left:10px !important;
  }
  .send-input {
      margin-left:66px;
  }
  .quicktips {
    padding: 0 5%;
    width:90%;
    }
  #prebeforeafter {
    width:300px;
  }
  
  #beforeAfter-items {
    height:220px !important;
    width:300px !important;
  }
  
  #story iframe {
      min-height:206px;
  }
  
  #slider {height:400px;}
  
  #newsletter .mailingform {
      width:270px;
  }
  
  #newsletter img {
      margin-bottom:15px;
  }
  
  .mobile-links {
    display:inline !important;
  }
  .mobile-links a {
   color:#999;
    text-decoration:none;
    font-size:11px;
  }
  .mobile-links a img {
    display:inline !important;
    border:none !important;
    height:32px;
    width:32px !important;
  }
  
  .footer-links {
    margin-left:110px;
  }
  
  /*#footer-sub .contact input[type="text"] {
   width:110px !important; 
  }*/
  
  #footer .grid-48 {
    float:left;
    width:48%;
    }
     #footer .grid-4 {
        float:left;
        width:4%;
    } 
    .footer-links li:last-child {
        margin-left:-42px;
        margin-top:12px;
    }

  #footer-sub .contact input[type="text"] 
  {
      width:110px !important;
  }
   #footer-sub .contact #subject {
      width:92% !important;
  }
  .f-subject, .f-message {
   width:250px !important; 
  }
  
  .grid-60 .video-full iframe {
      min-height:154px !important;
      height:154px !important;
  }
  
  #selected-list #clipList li {
    width:94% !important;
  
  }
  
  .flexslider {
      height:185px !important;
  }
  
  #choose-tab .month, #choose-tab .city {
      width:100% !important;
  }
  
  .singleevent .grid-45 {
    width:100%;
  }
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable, .ui-dialog #dialog {
      margin:0 !important;
      padding:0 !important;
  }
  .ui-dialog {
   width:320px !important;
   left:0 !important;
   padding:0;
   margin:0;
  }
  .ui-dialog .box-full {
   padding:0 !important; 
  }
  .ui-dialog .box-full img {
   maargin-left:-20px !important; 
  }
  .ui-dialog .grid-45 {
    width:100%;
    margin:0 !important;
  }
  .ui-dialog-titlebar {
    display:none;
  }
  .grid-35.film-image {
      padding:0 !important;
  }
  #dialog .grid-50.desc-short > div, #dialog .grid-100.desc-long > div {
      padding:15px;
  }
  .ui-dialog .desc-long.grid-100 p {
      padding:0 15px;
  }
  .ad-gallery .ad-nav {
    margin: auto !important;
    position: relative;
    width: 100% !important;
    }
    
    .ad-gallery .ad-thumbs li {
        margin-bottom:30px !important;
        width:120px;
    }
    
    .ad-gallery .ad-thumbs li h4 {
        color:#333;
        font-size:18px;
        font-weight:bold;
        padding:10px 0 8px;
    }
  
  #movielist li {
   width:135px; 
    min-height:195px;
  }
  #movielist li .movie .movie-cover .quantity {
    padding-left:38px !important;
  }
  #frame2 .grid-32 {
    width:100%;
  }
  #frame2 .grid-15, #frame2 .grid-53 {
    display:none;
  }
  
  #footer-menu .copyright {display:block; margin:0 !important; }
  
  
    #preservation-logos {
    height:630px;
	position: relative;
	width: 290px;
    }
    #preservation-logos .top {
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    	position:relative;
    }
    #preservation-logos .top li{
    	height: 130px;
    	width: 130px;
    	display: block;
    	float: left;
    	margin-right: 5px;
    	margin-left:0;
    }


    #preservation-logos .top li:nth-child(6) {
        margin-left:0 !important;
    }
    
    #preservation-logos .top li:nth-child(n+6) {
    	margin-right: 5px;
    	margin-left: 0;
    	top:0 !important;
    }
    
    .spnTitle {
        display:block;
    }

    .flexslider {
        height:385px;
    }
    
    
    .sectionIcons {
        padding:0 !important;
    }
    
    .sectionIcons div {
    cursor: pointer;
    float: left;
    height: 120px;
    margin-right: 10px;
    width: 85px;
    }
    
    /*#videoIcon, #digitalIcon, #filmIcon, #digitalIcon.active, #videoIcon.active, #filmIcon.active {
    background-size:85px 100px;
        
    }*/
    
    
    
    #filmIcon { background: url(/images/diy-icons-film-sm.png) no-repeat center center;}
    #filmIcon:hover { background: url(/images/diy-icons-film-sm.png) no-repeat bottom center;}
    #filmIcon.active { background: url(/images/diy-icons-film-sm.png) no-repeat top center;}
    
    #videoIcon { background: url(/images/diy-icons-video-sm.png) no-repeat center center;}
    #videoIcon:hover { background: url(/images/diy-icons-video-sm.png) no-repeat bottom center;}
    #videoIcon.active { background: url(/images/diy-icons-video-sm.png) no-repeat top center;}
    
    #digitalIcon { background: url(/images/diy-icons-digital-sm.png) no-repeat center center;}
    #digitalIcon:hover { background: url(/images/diy-icons-digital-sm.png) no-repeat bottom center;}
    #digitalIcon.active { background: url(/images/diy-icons-digital-sm.png) no-repeat top center;}
    
    .acccordionItem {
    float:left;
    padding:10px;
    width:280px;
    }
    
    .acccordionItem .section {
    clear:both;
    margin-bottom:15px;
    }
    .acccordionItem .label {
        font-weight:700;
        float:left;
        width:50px;
    }
    .acccordionItem .description {
        float:right;
        width:215px;
    }
    
    #logos-full .alogo:nth-child(even) {
    margin-right:0;
    }
    
    #footer-menu .copyright {
        margin-left:0 !important;
    }
    
    .program-films li {
    display:inline-table;
    width:100%;
    margin:0;
    margin-bottom:12px;
    }

    ul.bjqs {
        height:140px !important;
    }
    .bjqs-wrapper {
        height:140px !important;
    }
    
    .mobile-links {
        text-align:left !important;
    }
    #emailLink {
        margin-bottom:8px;
    }
    
    #footer {
        margin-top:60px;
    }
    
    #main-timeline {
        width:1170px;
    }
    #home-left .home01 {
        font-size:12px;
    }
    
    
    #contact-form .grid-48 > br {
        display:none;
    }
    
    #frame2 .video-full iframe {
        height:200px;
        min-height:200px;
    }
    
    #timeframe {
        min-height:520px;
        width:320px !important;
    }
    
    
    
    
}



/**********************************
			RETINA
**********************************/

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #header .hlogo a {
	background: url(/images/logo@2x.png);
	background-size:150px 54px;
    }
    
    .footer-links .fb { background-image:url(/images/facebook@2x.png) !important; background-size:32px 32px; }
    .footer-links .tw { background-image:url(/images/twitter@2x.png) !important; background-size:32px 32px; }
    
    .footer-links .yt { background-image:url(/images/youtube@2x.png) !important; background-size:32px 32px; }
    .footer-links .gp { background-image:url(/images/google@2x.png) !important; background-size:32px 32px; }
}