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

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

* {
    box-sizing: border-box;
}

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

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.28rem !important;
    /* sets the font back to normal sizes */
}

.ui-draggable .ui-dialog-titlebar {
    c cursor: default;
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    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;
}

.ui-widget-content a {
    color: #ff0000 !important;
}

/**********************************
			Grid Overrides
**********************************/
.container {
    max-width: 1020px;
    line-height: 1.5;
}

.container.flex-grid {
    display: flex;
    flex-wrap: wrap;
}

.container li {
    line-height: 1.65;
}

.field-validation-error {
    color: #f00;
    font-size: 11px;
}

div.form-error {
    color: #f00;
    font-weight: bold;
}

/**********************************
			GENERAL
**********************************/
html {
    font-size: 16px;
    font-size: 62.5%
}

body {
    background: #f3f3f6;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #4b494d;
}

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

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

.box-full p:first-child,
.box p:first-child {
    margin-top: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

h1 {
    color: #ff1800;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 2.25;
    padding-top: 21px;
    text-transform: uppercase;
}

h2.title {
    color: #ff1800;
    font-size: 3rem;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

h3,
h4,
h5 {
    color: #ff1800;
    font-size: 1.47rem;
    font-weight: 700;
    text-transform: uppercase;
}

h4 {
    color: #999;
}

h5,
h6 {

    font-size: 1.28rem;
    font-weight: 700;
    text-transform: uppercase;
}

h6 {
    color: #999;
}

a,
a:visited {
    color: #ff1800;
    outline: 0;
}

a.red-btn:visited {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

a.overlay-link {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

blockquote {
    border-left: solid 3px #ccc;
    font-size: 1.94rem;
    font-style: italic;
    padding: 0 0 0 14px;

    font-style: normal;
    line-height: 1.2;
    margin: 41px 37px 17px 74px;
}

blockquote p {
    padding: 0;
    margin: 0;
}

p img {
    max-width: 100%;
    height: auto !important;
}

@media screen and (min-width: 770px) {
    .content-video iframe {
        height: 282px;
        width: 461px;
    }
}

.lead {
    font-size: 1.8rem;
}

.arrow-link {
    color: #fff;
    background-image: url(/images/SOM/template/white-longarrow.png);
    background-repeat: no-repeat;
    padding-right: 40px;
    background-position: right;
    width: auto;
}

.red-btn {
    color: #FFF;
    text-decoration: none;
    background: #ff0000;
    float: left;
    width: auto;
    text-align: center;
    display: block;
    padding: 6px 12px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
}

.red-btn.large {
    padding: 9px 29px;
    font-weight: 600;
    margin: 0 8px;
}

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

#header {
    border-bottom: solid 1px #c0c0c0;
    padding-top: 11px;
    padding-bottom: 11px;
    /*margin-bottom:11px;*/
}

#header .hlogo {
    float: left;
    margin-right: 20px;
}

#header .hlogo a {
    background: url(/images/SOM/template/logo.png);
    height: 85px;
    width: 166px;
    text-indent: -9999px;
    display: block;
}

#header nav {
    /*    position: relative;*/
    z-index: 2000;
    color: #000;
}

#header #mobile-toggle,
#header .mobile-labels {
    display: none;
}

#header nav ul {
    display: flex;
    justify-content: flex-end;
}

#header nav ul li {
    margin-top: 25px;
    margin-right: 20px;
    margin-left: 12px;
    float: left;
    text-align: center;
}

#header nav ul li a {
    color: #291d36;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    width: 110px;
    padding-top: 9px;
    position: relative;
}

#header .donate {
    position: fixed;
    top: 10px;
    z-index: 100;
    text-align: right;
    width: 1000px;
}

#header .donate a {

    background: #ff1800;
    color: #fff;
    font-weight: 700;
    padding: 10px 42px;
    text-transform: uppercase;
    text-decoration: none;
}

#header .container {
    position: relative;
}


#header nav ul li a:hover,
#header nav ul li .active {
    padding-bottom: 21px;
    border-top: 1px solid #291d36;
}

#header nav ul li .active:after {
    content: "";
    border-top: 9px solid #f3f3f6;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: scale(.999);
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    bottom: 1px;
}

#header #status {
    padding-top: 8px;
    margin-bottom: 13px;
    text-align: right;
    margin-right: 24px;
}

#header #status span {
    color: #919191;
    border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 12px;
    font-weight: 500;
}

#header #status a {
    color: #332244;
    text-decoration: none;
}

#header #status a:hover {
    color: #ff1800;
}

#header #status .logout {
    display: none;
}


/**********************************
			HOMEPAGE
**********************************/

/* Home Slider */
ul.bjqs-controls {
    display: block !important;
}

#home-upper ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 0 !important;
}

#home-upper ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 0 !important;
}

#home-upper .bjqs-wrapper:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

#home-upper .bjqs-wrapper:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=1);
    /* IE6-9 */
}

#home-upper .rotating>div {
    background: rgba(86, 72, 102, .85);
    bottom: 0;
    position: absolute;
    text-align: left;
    color: #fff;
    padding: 12px 52px 12px 41px;
    z-index: 2;
    font-style: normal;
    width: 100%;
}

#home-upper .rotating>div h2 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.2;
}

#home-upper .rotating>div h2 a {
    color: #fff;
    text-decoration: none;
}

/* END Home Slider */

#home-video {
    position: relative;
}

#home-video img {
    /*position: absolute;*/
    z-index: 1;
}

#home-video>div {
    bottom: 19px;
    position: absolute;
    pointer-events: none;
    text-align: center;
    width: 100%;
    z-index: 2;

}

#home-video>div h2 {
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    padding: 0 12px;
}

#home-video>div a {
    position: relative;
}

#home-video>div a::before {
    border-bottom: 3.5px solid transparent;
    border-left: 5px solid #ff1800;
    border-top: 3.5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 6px;
    width: 0;
}

#home-video a.overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#home-video a.overlay {
    background: url(../images/SOM/template/video-overlay2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.callout-bar {
    background: url(/images/SOM/template/bar-texture.jpg) repeat #fff;
    padding-top: 12px;
    padding-bottom: 12px
}

.callout-bar .red-btn {
    float: right;
    margin-right: 6.5%;
    max-width: 43%;
}

.callout-bar p {
    color: #79787b;
    float: left;
    font-size: 15px;
    margin: 0 10%;
    max-width: 100%;
    text-align: center;
    line-height: 1.3;
    position: relative;
    top: -1px;
}

/*.grid-66 span.test {*/
/*  color: red !important;*/
/*  font-family: "Open Sans" !important;*/
/*  font-size: 1.2rem !important;*/
/*  font-weight: bold;*/
/*  opacity: 0.7 !important;*/
/*  text-transform: uppercase;*/
/*}*/
.callout-bar p span {
    color: rgb(41, 29, 54);
    font-family: "Courgette", cursive;
    font-size: 1.6rem;
    opacity: 0.7;
}

#home-upper {
    background: #332244;
    border: 10px solid #332244;
}

#home-quote {
    position: relative;
    margin-top: 12px;
    margin-bottom: 24px;
    padding-left: 16px;
}

#home-quote img {
    max-width: 100px;
    width: 100%;
    position: absolute;
    left: 16px;
}

#home-quote>div {
    color: #4b494d;
    font-size: 1.9rem;
    font-style: italic;
    line-height: 1.2;
    padding-left: 28px;
    padding-right: 59px;
    padding-top: 34px;
    position: relative;
    z-index: 12;
}

#home-quote>div:after,
#home-coming-soon>div:after {
    background: #ccc;
    bottom: 0;
    content: "";
    height: 91%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 39px;
    width: 1px;
}

#home-quote>span {
    color: #ff1800;
    float: right;
    padding-right: 68px;
    font-weight: 700;
    font-size: 1.2rem;
}

#lesson-slider {
    margin: 37px auto 0;
}

#lesson-slider .rotating>div {
    height: 145px;
    overflow: hidden;
    margin-bottom: 4px;
}

#lesson-slider .rotating {
    color: #655f6c;
    font-style: normal;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.2;
}

#lesson-slider .rotating strong {
    padding-left: 4px;
    display: block;
}

#home-lesson-library #slider2 {
    display: block !important;
}

#home-lesson-library>div:first-child {
    padding: 60px 20px 41px 54px;
}

#home-lower {
    padding-bottom: 42px;
}

#home-coming-soon {
    margin-top: 12px;
    padding-top: 36px;
    position: relative;
    padding-left: 41px;
    padding-right: 28px;
}

#home-coming-soon h3 {
    margin-bottom: 4px;
    line-height: 1.2;
}

#home-coming-soon img {
    /*max-width: 235px;*/
}

#home-testimonials>div {
    margin: 0 auto;
}

#home-testimonials .quote {
    align-content: center;
    flex-direction: row;
    height: 225px;
    justify-content: center;
    display: flex;
}

#home-testimonials blockquote {
    border: 0 none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    align-self: center;
    margin-bottom: 35px;
}

#testimonial-slider {
    max-width: 85% !important;
}

#testimonial-slider,
#testimonial-slider .bjqs-wrapper,
#testimonial-slider .bjqs,
#testimonial-slider li.bjqs-slide {
    min-height: 225px;
}

#testimonial-slider li.bjqs-slide .rotating {
    position: static;
    height: 225px;
    padding-bottom: 0;
}

#testimonial-slider .testimonial-by {
    font-style: normal;
    position: absolute;
    text-align: left;
    bottom: 18px;
    left: 0;
}

#testimonial-slider strong {
    display: block;
}

#testimonial-slider ol.bjqs-markers {
    float: right;
    left: auto !important;
    list-style: outside none none;
    margin-bottom: -23px;
    margin-right: 0;
    margin-top: -23px;
    padding: 0;
    right: 0;
    text-align: left !important;
    width: 33%;
}



/**********************************
	    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;
}


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

#dd-menu {
    /*background: url(/images/dd-menu-bg.png);*/
    background: #413d44;
    background: rgba(65, 61, 68, .95);
    position: absolute;
    display: none;
    top: 108px;
    width: 100%;
    z-index: 20;
}

#dd-menu ul {
    text-align: left;
    width: 298px;
    float: right;
    margin-right: 20px;
    padding-bottom: 15px;
    min-width: 298px;
    margin-top: 13px;
}

#dd-menu ul li {
    margin: 10px 0px;
}

#dd-menu ul li a {
    /*font-size:15px;*/
    /*text-transform: capitalize;*/
    color: #FFF;
    display: block;
    font-weight: 600;
    line-height: 1.2;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
}

#dd-menu ul li a:hover {
    color: #ff1800;
}

#dd-menu #dd-library {
    float: right;
    text-align: right;
}

/*
#dd-menu #dd-about-us {	margin-right:539px;}
#dd-menu #dd-curriculum {margin-right:425px;}
#dd-menu #dd-library {margin-right:24px;}
#dd-menu #dd-filmstandards {margin-right:108px;}
#dd-menu #dd-resources {margin-right:300px;}
*/

#dd-menu #dd-about-us {
    margin-right: 594px;
}

#dd-menu #dd-curriculum {
    margin-right: 425px;
}

#dd-menu #dd-library {
    margin-right: 24px;
}

#dd-menu #dd-filmstandards {
    margin-right: 148px;
}

#dd-menu #dd-resources {
    margin-right: 335px;
}

@media all and (min-width:1350px) {
    #dd-menu #dd-library {
        text-align: left;
    }

    #dd-menu #dd-library {
        margin-right: -50px;
    }
}

@media all and (min-width:981px) {
    #dd-menu #dd-curriculum {
        margin-right: 483px;
        width: 308px;
    }
}

/**********************************
			FOOTER
**********************************/
#footer {
    background: black;
    margin-top: 42px;
    padding-bottom: 9px;
}

#home-lower+#footer {
    margin-top: 0;
}

#nav-footer ul {
    margin-left: 21px;
}

#nav-footer li {
    float: left;
    padding: 22px 15px 34px 16px;
}

#nav-footer li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

#nav-footer li a:hover {
    color: #ff0000;
}

#footer #tff-logo {
    float: left;
    margin-left: 16px;
    margin-top: 5px;
}

#footer .grid-33 {
    font-size: 1.2rem;
    float: left;
}

#footer .grid-33 p {
    color: #a3a7a9;
    margin: 0 16px 9px;
    line-height: 1.4;
}

#footer .grid-33 span {
    display: block;
}


/**********************************
			CONTENT
**********************************/
#page-header {
    position: relative;
    padding-bottom: 36px;
    border-bottom: 1px solid #c0c0c0;
}

#page-header.no-title {
    height: 8px;
    border: none;
}

#page-header.basic {
    padding-bottom: 0;
}

#page-header .container {
    padding: 0 41px;
}

@media (min-width:769px) {
    .basic.gray .container {
        min-height: 800px;
    }
}

#page-header h1+strong {
    max-width: 800px;
    display: block;
}

#page-header:before {
    display: block;
    content: "";
    height: 8px;
    width: 100%;
    background: #291d36;
    position: relative;
    top: -1px;
}

.white {
    background-color: #fff;
}

.gray {
    background-color: #f3f3f6;
}

.right {
    float: right;
}

.flex-grid {
    display: flex;
}

/**********************************
		  BASIC TEMPLATE
**********************************/
.basic-intro p {
    margin-bottom: 36px;
}

.gray.basic .box {
    padding: 32px 41px 28px;
}

.gray.basic .box .grid-50:first-child {
    padding-right: 50px;
}

.gray.basic .box .grid-50:nth-child(2) {
    padding-left: 41px;
    padding-right: 9px
}

.gray.basic .box .grid-70 {
    padding-right: 50px;
}

.gray.basic .box.basic-2block {
    padding: 0;
}

.gray.basic .box.basic-2block>div:first-child {
    padding: 32px 41px 28px;
    border-right: 10px solid #F3F3F6;
}

.gray.basic .box.basic-2block>div:nth-child(2) {
    padding: 32px 41px 28px;
    border-left: 10px solid #F3F3F6;
}

.quote-block blockquote+strong {
    margin-left: 92px;
    color: #291d36;
    margin-bottom: 18px;
    display: block;
}

/**********************************
		  LESSON LIBRARY
**********************************/
.cinema-box {
    margin: 20px 0 20px;
}

.cinema-box .box {
    margin: 20px 10px 0 10px;
    height: 100%;
}

.cinema-box:nth-child(1n+4) {
    margin-top: 0;
}

/*.gray .cinema-box .crop-image-wrap .crop-image:before {*/
/*    content:"";*/
/*    background: rgba(161, 145, 176, .8);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*}*/
/*.gray .cinema-box .box {*/
/*    position: relative;*/
/*}*/
.gray .cinema-box .descTitle {
    /*display: flex;*/
    /*position: absolute;*/
    /*height: 154px;*/
    /*margin-top:-182px;*/
    /*z-index: 3;*/
}

.gray .cinema-box h2 {
    /*color:#fff;*/
    font-size: 2.1rem;
    /*align-self: flex-end;*/
    text-transform: uppercase;
    margin-top: 6px;
    line-height: 1.2;
}

.cinema-box .descTitle h2 {
    font-weight: 700;
    text-transform: uppercase;
}

@media all and (min-width:569px) {
    .cinema-box .descTitle h2 {
        min-height: 51px;
    }
}

/*
.gray .cinema-box h2 i, .gray .cinema-box h2 em  {
    font-weight: 400;
}*/
.cinema-box .descContent {
    padding-top: 13px;
}

.cinema-box hr {
    margin: 0 0 3px;
    position: relative;
    top: -5px;
}

#dialog .grid-33 {
    width: 100%;
    max-width: 620px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 25px;
}

#dialog .grid-33 .box {
    margin-top: 0;
    padding-top: 16px;
}

#dialog .grid-33 .cinema-image {
    max-width: 410px;
}

#dialog .descTitle h2 {
    margin-top: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
}

#dialog .descContent>div:first-child,
#dialog .descContent>div:first-child+hr {
    display: none;
}

#dialog hr {
    margin-top: 16px;
}

#dialog hr+p {
    margin-top: 10px;
}

#dialog .desc-long {
    margin-bottom: 60px;
}

/**********************************
		CURRICULUM LANDING
**********************************/
.curriculum-intro div[class^="circle-"] {
    position: relative;
    padding: 0 93px 0 50px;
    margin-bottom: 20px;
}

.curriculum-intro div[class^="circle-"]:before {
    background: #c5c8d8;
    border-radius: 20px;
    color: #fff;
    content: "";
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    height: 38px;
    left: -1px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 38px;
}

.curriculum-intro div.circle-one:before {
    content: "1";
}

.curriculum-intro div.circle-two:before {
    content: "2";
}

.curriculum-intro div.circle-three:before {
    content: "3";
}

.curriculum-block,
.box,
.quote-block {
    margin: 20px 0 0;
    position: relative;
}

.curriculum-block>a:hover~div h3 {
    text-decoration: underline;
}

.gray .crop-image-wrap {
    position: relative;
    /*height:182px;*/
    /*overflow:hidden;*/
}

.curriculum-image {
    overflow: hidden;
    position: absolute;
    height: 100%;
}

/*.gray .crop-image {*/
/*    width:100%;*/
/*}*/
.curriculum-image img {
    position: absolute;
    margin-right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.curriculum-details {
    padding: 21px 56px 21px 21px;
    min-height: 195px;
}

/**********************************
	   CURRICULUM SUB PAGE
**********************************/
.curriculum-block h1 {
    padding-top: 2px;
    line-height: 1;
}

.curriculum-block h1+strong {
    display: block;
    padding-bottom: 4px;
}

.curriculum-block .grid-33 {
    width: 33%;
}

.curriculum-block .grid-66 {
    width: 66.7%;
}

.lesson-grid {
    background: #999;
    color: #fff;
    font-weight: 700;
    padding: 9px 18px 9px 50px;
    text-decoration: none;
}

.lesson-grid:before {
    position: absolute;
    margin-left: -34px;
    font-size: 22px;
    margin-top: -4px;
}

.ui-tabs {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.tab-block:first-child {
    margin-top: 32px;
}

.tab-block {
    border-top: 1px solid #ccc;
}

.tab-block .grid-32 {
    min-width: 218px;
}

.tab-block .grid-68 {
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 28px;
}

.tab-block h3 {
    padding: 12px 0 4px;
    min-height: 40px;
}

.tab-block h4 {
    padding: 11px 0 6px;
}

.tab-block p {
    margin-bottom: 0;
}

.tab-block ul.ui-tabs-nav {
    border-right: 1px solid #ccc !important;
    padding: 0 0 24px 15px;
}

.ui-tabs .ui-tabs-nav li {
    float: none !important;
    text-align: right !important;
    display: block !important;
    clear: both;
    padding-right: 36px !important;
    margin: 0 !important;
    white-space: normal;
}

.ui-tabs .ui-tabs-nav li a {
    width: 100%;
    padding: 11px 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    font-weight: 700 !important;

}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    background-image: url("/images/SOM/template/bullet-arrows.png");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: 19px;
    top: 16px;
    width: 7px;
}

#login table {
    width: 90%;
}

.cms-form-inputs {
    width: 100%;
}

.cms-form-inputs tr td:first-child {
    width: 30%;
    text-align: right;
}

.cms-form-inputs tr td:last-child {
    width: 70%;
}

/* WYSIWYG editor styles */
span.pdf-icon,
span.doc-icon {
    color: #8454b8;
    position: relative;
    z-index: 100;
}

span.pdf-icon a,
span.doc-icon a {
    color: #8454b8 !important;
    text-decoration: none;
}

span.pdf-icon a:hover,
span.doc-icon a:hover {
    text-decoration: underline;
}

span.pdf-icon a::before {
    background: #fff none repeat scroll 0 0;
    content: "\f1c1";
    font-family: FontAwesome, "open sans", sans-serif !important;
    font-weight: normal;
    margin-left: -21px;
    position: absolute;
}

span.doc-icon a::before {
    background: #fff none repeat scroll 0 0;
    content: "\f1c2";
    font-family: FontAwesome, "open sans", sans-serif !important;
    font-weight: normal;
    margin-left: -21px;
    position: absolute;
}

li>.pdf-icon>a {
    padding-left: 25px;
}

.pdf-icon .arrow-bullet a,
.arrow-bullet .pdf-icon a {
    padding-left: 10px;
}

/*span.pdf-icon::before {*/
/*    content: "\f1c1";*/
/*    font-family: FontAwesome,"open sans",sans-serif !important;*/
/*    position: absolute;*/
/*    left:-21px;*/
/*    font-weight: normal;*/
/*}*/
/*span.doc-icon::before {*/
/*    content: "\f1c2";*/
/*    font-family: FontAwesome,"open sans",sans-serif !important;*/
/*    position: absolute;*/
/*    left:-21px;*/
/*    font-weight: normal;*/
/*}*/
span.arrow-bullet {
    position: relative;
    font-weight: normal;
    padding-left: 15px;
}

span.arrow-bullet:before {
    background-image: url("/Assets/images/SOM/template/bullet-arrows.png");
    background-position: 0 -11px;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 11px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 7px;
}

/* end WYSIWYG editor styles */

#dd-menu #dd-curriculum li:nth-child(3) a {
    margin: auto;
    width: 250px;
}


#rotater {
    display: inline-block;
    height: 155px;
    padding-top: 30px;
}

.rotating {
    color: #7a7a7a;
    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-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/SOM/template/slider-arrows.png) no-repeat;
    color: #000;
    text-decoration: none;
    text-indent: -9999px;
    width: 17px;
    height: 30px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    /*filter: alpha(opacity=50);*/
    /*-moz-opacity: 1;*/
    /*-khtml-opacity: 1;*/
    /*opacity: 1;*/
    z-index: 3;
}

#home-upper ul.bjqs-controls.v-centered li.bjqs-prev a {
    background-position: left -32px !important;
    left: 10px !important;
    top: 43% !important;
}

#home-upper ul.bjqs-controls.v-centered li.bjqs-next a {
    background-position: right -32px !important;
    right: 10px !important;
    top: 43% !important;
}

#home-lower ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: -36px !important;
    background-position: left -97px !important;
    top: 33% !important;
}

#home-lower ul.bjqs-controls.v-centered li.bjqs-next a {
    right: -36px !important;
    background-position: right -97px !important;
    top: 33% !important;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: -36px !important;
    background-position: left -64px !important;
    top: 33% !important;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: -36px !important;
    background-position: right -64px !important;
    top: 33% !important;
}

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/SOM/template/home-bullet.png) no-repeat top;
    color: #fff;
    height: 13px;
    width: 13px;
    margin: 5px;
    text-decoration: none;
    text-indent: -9999px;
}




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

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




.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;
}



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

input[type=text],
input[type=password],
textarea,
select {

    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%;
    margin-bottom: 6px;
}

input[type=button],
input[type=submit],
button[type=button] {
    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;
}

#register input[type=reset],
#login tbody tr:first-child {
    /*display: none;*/
}

#register input[type=submit] {
    margin-left: 120px;
}

#register input[type=submit],
#login input[type=submit] {
    margin-top: 6px;
}

#register span[class^="cms-form-input-label"] {
    text-align: right;
    display: block;
    padding-right: 3px;
}

#login {
    border-right: 1px solid #ccc;
    padding-bottom: 76px;
}

#login input[type=submit] {
    float: left;
}

#login td {
    text-align: right;
}

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

#footer-sub .contact select {
    width: 154px;
}


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

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


#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;
}

/**********************************
	    MEDIA QUERIES
**********************************/

@media screen and (max-width: 1020px) {
    .container {
        padding-left: 41px;
        padding-right: 41px;
    }

    /* HOME */
    #home-quote>div {
        padding-right: 28px;
        font-size: 1.7rem;
        padding-left: 12px;
    }

    #home-quote>span {
        padding-right: 36px;
    }

    #home-quote>div>div {
        height: 17px !important;
        padding-left: 16px;
        box-sizing: unset;
    }

    #home-quote>div>div:nth-child(2n) {
        padding-left: 0;
    }

    /* CURRICULUM LANDING */
    .curriculum-intro div[class^="circle-"] {
        padding-right: 40px;
    }

    /* BASIC TEMPLATE*/
    .quote-block blockquote {
        font-size: 1.7rem;
    }
}

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

    /* Nav */
    #dd-menu.mobile {
        display: block;
    }

    #header #mobile-toggle {
        background: rgba(0, 0, 0, 0) url("/images/menu-mobile.png") no-repeat scroll 0 0 / 32px 21px;
        display: block;
        float: right;
        height: 21px;
        margin-right: 24px;
        margin-top: 9px;
        width: 32px;
    }

    #header .mobile-labels {
        display: block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        opacity: .4;
    }

    #dd-menu ul {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 19px;
        min-width: 33.3%;
        text-align: left !important;
        width: 33.3% !important;
        display: block !important;
    }

    #header nav ul {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    #nav-footer li {
        float: left;
        padding: 22px 13px 34px 14px;
    }

    #footer .grid-33 {
        width: 50%;
    }

    #dd-menu ul {
        width: 50% !important;
    }

    /* HOME */
    #home-quote,
    #home-lesson-library {
        width: 100%;
    }

    #home-quote {
        margin-right: auto;
        width: 90%;
        float: none;
        margin-left: auto;
        margin-top: 28px;
        display: block;
    }

    #home-lesson-library>div {
        width: 50%;
        margin-bottom: 18px;
        margin-top: 18px;
    }

    #home-quote>div::after {
        display: block;
        width: 100%;
        height: 1px;
        bottom: -48px;
        top: auto;
    }

    #testimonial-slider {
        max-width: 75% !important;
    }

    #testimonial-slider,
    #testimonial-slider .bjqs-wrapper,
    #testimonial-slider .bjqs,
    #testimonial-slider li.bjqs-slide {
        min-height: 250px;
    }

    #testimonial-slider ol.bjqs-markers {
        display: none;
    }

}

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

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

    /* HOME */
    #home-testimonials,
    #home-coming-soon {
        width: 100%;
        text-align: center;
    }

    #home-coming-soon>div::after {
        display: block;
        width: 100%;
        height: 1px;
        bottom: -30px;
        top: auto;
    }

    #home-coming-soon {
        padding-top: 24px;
        padding-bottom: 3px;
        margin-bottom: 12px;
        padding-left: 28px;
    }

    /* LESSON LIBRARY */
    .container.flex-grid .grid-33 {
        width: 50%;
    }

    .cinema-box:nth-child(n+3) {
        margin-top: 0;
    }

    /* CURRICULUM SUB PAGE */
    .tab-block .grid-32 {
        max-width: 218px;
    }
}

@media screen and (max-width: 650px) {
    #dd-menu ul {
        width: 100% !important;
    }

    #login {
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 36px;
    }

    #register input[type="submit"] {
        margin-left: 105px;
    }

    #nav-footer {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    #nav-footer li {
        padding: 6px 13px 6px 14px;
        width: 100%;
    }

    #footer .grid-33 {
        width: 100%;
        margin-top: 12px;
    }

    /* HOME */
    #testimonial-slider>div {
        margin-top: 41px;
    }

    #testimonial-slider,
    #testimonial-slider .bjqs-wrapper,
    #testimonial-slider .bjqs,
    #testimonial-slider li.bjqs-slide {
        min-height: 280px;
    }

    #testimonial-slider blockquote {
        font-size: 1.7rem;
    }

    blockquote {
        margin: 41px 42px 12px 32px;
    }

    .callout-bar p {
        float: none;
        margin: 0 3.7%;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .callout-bar .red-btn {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto;
        max-width: 93%;
    }

    #home-quote {
        padding-right: 16px;
        width: 96%;
    }

    #home-lesson-library>div:first-child {
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 0;
    }

    #lesson-slider {
        margin-top: 0;
    }

    #home-video {
        position: relative;
        max-height: 96px;
        overflow: hidden;
    }

    #home-video a.overlay {

        /*        opacity:.4;*/
        /*        z-index:2;*/
    }

    #home-lesson-library>div {
        width: 100%;
    }

    #home-video img {
        opacity: .1;
    }

    #home-upper .rotating p {
        display: none;
    }


    /* CURRICULUM LANDING */
    .curriculum-image,
    .curriculum-image img {
        position: relative;
    }

    .curriculum-intro div[class^="circle-"] {
        padding-right: 0;
        padding-left: 42px;
    }

    .curriculum-intro div[class^="circle-"]::before {
        font-size: 2rem;
        height: 32px;
        line-height: 31px;
        width: 32px;
    }

    .curriculum-details {
        padding: 21px;
    }

    /* CURRICULUM SUB PAGE */
    .tab-block .ui-tabs-vertical {
        flex-direction: column;
    }

    .tab-block .ui-tabs-vertical>* {
        width: 100%;
        max-width: none;
        padding-left: 41px !important;
        padding-right: 41px !important;
    }

    .tab-block ul.ui-tabs-nav {
        border-right: none !important;
        padding: 0 0 13px;
        background: #fafafa !important;

    }

    .tab-block .ui-tabs-vertical>ul>li {
        float: left;
        display: inline-block !important;
        text-align: left !important;
        vertical-align: top;
    }

    .tab-block .ui-tabs-vertical>ul>li>a {
        display: inline-block;
        padding-top: 13px !important;
        padding-bottom: 0 !important;
    }

    .tab-block h4 {
        padding: 11px 0 0;
    }

    .container,
    #page-header .container {
        padding-left: 21px;
        padding-right: 21px;
    }

    .ui-tabs .ui-tabs-nav li.ui-state-active a::after {
        top: 19px;
    }


    /* BASIC TEMPLATE */
    .gray.basic .box .grid-50:nth-child(2),
    .gray.basic .box .grid-50:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    .gray.basic .box .grid-50:nth-child(2) {
        padding-top: 36px;
    }

    .gray.basic .box.basic-2block {
        flex-direction: column;
    }

    .gray.basic .box.basic-2block>div:first-child,
    .gray.basic .box.basic-2block>div:nth-child(2) {
        border: 0 none;
    }

    .gray.basic .box.basic-2block>div:nth-child(2) {
        border-top: 20px solid #F3F3F6;
    }

    .quote-block blockquote+strong {
        margin-left: 49px;
        margin-bottom: 24px;
    }

}

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


    /* LESSON LIBRARY */
    .container.flex-grid .grid-33 {
        width: 100%;
    }

    .cinema-box:nth-child(n+2) {
        margin-top: 0;
    }
}

/**********************************
	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 screen and (max-width: 320px) {


    /*    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; }*/
/*}*/