#localizerWidgetContainer { display: none; }
#status_preview { display: none; }
#switchToEdit { color: transparent; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }
.row { margin: 0; }
div#s4-titlerow { padding: 20px 0; width: 100%; transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; z-index: 10; }

#s4-titlerow.affix { background-color: rgba(255, 255, 255, 0.9); color: #1a1a1a; position: fixed; top: -200px; width: 100%; transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; z-index: 10; }
header nav.utility-nav ul li a { font-family: "Oswald", sans-serif; font-size: large; font-weight: 300; margin: 0 25px; text-transform: uppercase; }
#s4-titlerow.affix nav.utility-nav ul li a { color: #1a1a1a; }

a.ms-rteElement-rightarrowlink { -ms-name: "Right Arrow Link"; color: #cc0b2a; text-decoration: none; cursor: pointer; }
a.ms-rteElement-rightarrowlink::after { content: " \00BB"; }
    a.ms-rteElement-rightarrowlink:visited { color: #cc0b2a; }
    a.ms-rteElement-rightarrowlink:hover, a.ms-rteElement-rightarrowlink:focus, a.ms-rteElement-rightarrowlink:active { color: #990C21; text-decoration: none; }

header, footer .container { max-width: none; }

.summer-arts a { /*color: #5B85AD;*/ color: #cc0b2a; font-weight : 400; }
.summer-arts p, .summer-arts ol, .summer-arts ul { font-size: 18px; font-weight: 300; font-family: 'Open Sans', sans-serif; }
.summer-arts ul { padding-left: 20px; }
.summer-arts h2 { font-size: 35px; font-weight: 400; font-family: "Oswald", sans-serif; }
.summer-arts h3 { font-size: 22px; font-weight: 400; font-family: "Oswald", sans-serif; }
.summer-arts h4 { font-size: 20px; font-weight: 400; font-family: "Oswald", sans-serif; }
.summer-arts hr { border-top: 2px solid #ddd; margin: 55px auto; }
.guest-artist { background-color: #F2F2F2 !important; }

.jarallax { position: relative; z-index: 0; height: 800px; }
    .jarallax > .jarallax-img, div#contentRow .jarallax img, .section-no-padding .jarallax-img { position: absolute; object-fit: cover;  top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.height-100p { height: 100%; }
.height-full { height: 800px; }
.height-half { height: 600px; }
.height-small { height: 500px; }
.margin-centered, .summer-arts .margin-centered { margin-left: auto; margin-right: auto; }
.margin-top-25px, .summer-arts .margin-top-25px { margin-top: 25px; }
.margin-top-55px { margin-top: 55px; }
.margin-bottom-25px, p.margin-bottom-25px { margin-bottom: 25px; }
.margin-bottom-55px { margin-bottom: 55px; }
.margin-top-bot-20px { margin-top: 20px; margin-bottom: 20px; }
.margin-top-bot-55px { margin-top: 55px; margin-bottom: 55px; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom  { margin-bottom: 0 !important; }
.center-text { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.display-table { display: table; }

.font-black { color: #2f2f2f !important; }
.font-red { color: #CC0B2A !important; }
.font-white { color: #fff !important; }
.font-blue { color: #0076A8 !important; }
.font-yellow { color: #D69500 !important; }
.font-turquosie { color: #43A092 !important; }
.font-orange { color: #E06446 !important; }
.font-green { color: #66B458 !important; }
.font-purple { color: #717EB5 !important; }
.font-lightgrey { color: #F2F2F2 !important; }

.bg-red { background-color: #cc0b2a !important; color: #fff; }
.bg-white { background-color: #FFF; color: #2f2f2f; }
.bg-lightgreen { background-color: #D0E8CC; color: #2f2f2f; }
.bg-blue{background-color: #0076a8; color: #2f2f2f;}
.bg-lightgrey { background-color: #F2F2F2; color: #2f2f2f; }
.bg-gray { background-color: #7E7E7E; color: #fff; }
.bg-darkblue { background-color: #0076A8; color: #fff; }
.bg-lightblue { background-color: #0076A8 !important; color: #fff; }
.bg-lightblue-2 {background-color: #DBEBF2;}
.bg-lighterblue { background-color: #E1EBF4; color: #fff; }
.bg-darkblue h2, .bg-lightblue h2, .bg-darkblue h3, .bg-lightblue h3 { color: #fff; }
.generic h2 { font-weight: 400; }
.section { padding: 75px 0; position: relative; width: 100%; }
.padding-0 { padding: 0; }
.section2, .section-no-padding { position: relative; }
.section h2, .section h3 { font-weight: 400; margin-top: 0; }

.section-hero { max-height: 800px; overflow: hidden; position: relative; }
    .section-hero img { width: 100%; }

    .section-tables .col-md-6, .section-tables .col-sm-6 { height: 100%; }
    .section-tables .section-title { font-size: 50px; min-width: 185px; padding: 10px 25px; position: absolute; top: 185px; text-shadow: 0 0 5px rgba(0, 0, 0,1); text-transform: uppercase; font-style: normal; }
        .section-tables .section-title.right { margin-right: -25px; right: 0; text-align: left; }
        .section-tables .section-title.left { margin-left: -25px; left: 0; text-align: right; }
    .section-tables .section-table { display: table; height: 100%; overflow: hidden; width: 100%; }
        .section-tables .section-table .section-information h3 { margin-bottom: 0; text-transform: uppercase; }
        .section-tables .section-table .section-information p { color: #2f2f2f; }
        .section-tables .section-table .section-information { display: table-cell; vertical-align: middle; }

.section-blue { background-color: #F5F8FA; }
    .section-blue .section-title { color: #fff; background-color: #85A6C3; }
    .section-blue .section-information h3 a { color: #0076A8; }

.section-yellow { background-color: #FCF9F2; }
    .section-yellow .section-title { color: #fff; background-color: #D69500; }
    .section-yellow .section-information h3 a { color: #D69503; }

.section-turquosie { background-color: #F5FAF9; }
    .section-turquosie .section-title { color: #fff; background-color: #43A092; }
    .section-turquosie .section-information h3 a { color: #43A092; }

.section-orange { background-color: #FDF7F5; }
    .section-orange .section-title { color: #fff; background-color: #E06446; }
    .section-orange .section-information h3 a { color: #E06446; }

.section-green { background-color: #F7FBF6; }
    .section-green .section-title { color: #fff; background-color: #66B458; }
    .section-green .section-information h3 a { color: #66B458; }

.section-purple { background-color: #F7F8FB; }
    .section-purple .section-title { color: #fff; background-color: #717EB5; }
    .section-purple .section-information h3 a { color: #717EB5; }

.section-tables .section-image { height: 100%; overflow: hidden; }
    .section-tables .section-image img { width: 100%; }

.section-team, .section-team p { font-family: "Oswald", sans-serif; font-weight: 300; font-size: 22px; }
    .section-team strong, .section-team p strong { color: #0076A8; font-weight: 500; }
    .section-team .item { display: inline-block; position: relative; width: 25%; }
        .section-team .item .blue-overlay, .section-team .item .overlay { opacity: 0; position: absolute; transition-property: all; transition-duration: .75s; }
        .section-team .item:hover .blue-overlay, .section-team .item:hover .overlay { opacity: 1; transition-property: all; transition-duration: .75s; }
        .section-team .item img { width: 100%; }
        .section-team .item .info { bottom: 25px; top: auto; color: #fff; font-size: 22px; position: absolute; text-align: center; width: 100%; transition-property: all; transition-duration: 1s; }
        .section-team .item:hover .info { bottom: 125px; transition-property: all; transition-duration: 1s; }

        .section-team .item .info strong { color: #fff; }
        .section-team .item .info a { color: #fff; }
        .section-team .item .info .more-info { height: 0; opacity: 0; overflow: hidden; transition-property: all; transition-duration: .75s; }
        .section-team .item:hover .info .more-info { height: 75px; opacity: 1; transition-duration: .75s; }

@media (min-width: 768px) and (max-width: 1200px) {
    .section-tables .section-image img { height: 100%; width: auto; }
}
.overlay { background-color: rgba(0,0,0,0.7); color: #fff; height: 100%; width: 50%; }
.blue-overlay { background-color: rgba(83,132,173,0.7); color: #fff; height: 100%; width: 50%; }
    .blue-overlay h2, .blue-overlay h3, .black-overlay h2, .black-overlay h3  { color: #fff; }
    .blue-overlay .information, .black-overlay .information { position: absolute; top: 25%; width: 80%; left: 10%; }

.information p { font-size: large; font-weight: 300; margin: 20px 0; }
.information li { font-size: large; font-weight: 300; margin: 10px 0; }
.information h2 { font-family: "Oswald", sans-serif; font-size: 35px !important; text-transform: uppercase; }
.information h3 { color: #cc0b2a; font-family: "Oswald", sans-serif; font-size: 22px !important; margin-top: 55px; margin-bottom: 25px; text-transform: uppercase; }

.news-rollup hr { margin: 20px auto; }
.csu .information a.btn { font-size: large; }

.title-content { top: 25%; left: 33%; position: absolute; text-align: center; }
    .title-content h1, .title-content h2, .title-content h3 { color: #fff; font-family: "Oswald", sans-serif; text-shadow: 0 0 5px rgba(0, 0, 0,1); text-transform: uppercase; font-style: normal; }
    .title-content h1 { font-size: 64px; font-weight: 600; }
    .title-content h2 { font-size: 30px !important; font-weight: 300; }
    .title-content * { margin: 0; }

.title-bottom { top: auto; left: auto; bottom: 0; margin-bottom: 35px; width: 100%; }
.sticky-footer { position: fixed; bottom: 0; right: 0; margin-right: 15px; }
.pull-right { float: right; }
.btn { border-radius: 0; padding: 8px 20px; }

.download-links p { display: inline-block !important; margin-top: 10px; margin-right: 20px; }

/* Table Style -mjb */
table.style-1 { border: none !important; }

    table.style-1 td, table.style-1 th { padding-left: 15px !important; padding-right: 15px !important; }
    table.style-1 td { border-left: #fff solid 3px !important; border-right: solid 3px #fff !important; border-top: none !important; border-bottom: none !important; font-size: large; font-weight: 300; }

.style-1 tr:nth-child(odd) { background: #fafafa; }
.style-1 th:first-child, th:last-child, tr td:first-child, tr td:last-child { border-left: none !important; }
.style-1 th { border-top: none !important; border-bottom: none !important; border-left: 3px solid #fff !important; border-right: 3px solid #fff !important; color: #fff !important; font-size: large; font-weight: 300; color: #fff; }

.class-with-pad-left { margin: 20px 20px 0px 0px; padding: 20px 20px 40px 0px; }
.class-with-pad-right { margin: 20px 0px 0px 20px; padding: 20px 0px 40px 20px; }
    .class-with-pad-right p, .class-with-pad-left p { text-align: center; width: 70%; margin: auto; }

@media (max-width: 767px) {
    .csu .btn { width: auto; }
}

.information a.btn, .footer-utility-nav a, .sticky-footer a { font-family: "Oswald", sans-serif; text-transform: uppercase; }
    .sticky-footer a.btn-icon { background-color: #85A6C3; border-color: #85A6C3; width: 10px; }
    .sticky-footer a.btn-text { width: 80px; }
    .sticky-footer a.btn-blue { background-color: #0076A8; border-color: #0076A8; }
    
    
    .bg-darkblue {
    background: #003865 !important;
}

a.btn.btn-default.btn-icon.bg-darkblue:hover {
    background-color: #fff !important;
    border: none;
    color: #003865;
}    
    
.width-50p { width: 50%; }
.width-75p { width: 75%; }
.width-85p { width: 85% !important; }
.width-90p { width: 90%; }
.width-100p { width: 100%; }
.width-50p, .width-75p, .width-85p, .width-90p, .width-100p, .width-50p, .width-75p, .width-85p, .width-90p, .width-100p { margin-left: auto; margin-right: auto; }
header .csu-logo { padding-left: 20px; padding-top: 0px; margin-top:-5px; position: relative; z-index: 4;}
.csu-logo img { width: 250px; }
header nav.utility-nav { padding: 10px 10px 0 10px; }

.csu .btn-default { background-color: #cc0b2a; color: #fff; font-size: 1.125em; border: 2px solid #cc0b2a; }
.csu .btn-primary { background-color: transparent; color: #fff; font-size: 1.125em; border: 2px solid #fff; }
.csu .btn-default:hover, .csu .btn-default:focus, .csu .btn-default:active { background-color: #fff; border: 2px solid #5284AC; color: #5284AC; }
.csu .btn-primary:hover, .csu .btn-primary:focus, .csu .btn-primary:active { background-color: #fff; border: 2px solid #5284AC; color: #5284AC; }

.csu .sticky-footer a, .csu .sticky-footer a:hover, .csu .sticky-footer a:focus, .csu .sticky-footer a:active { border-width: 0px; }

#s4-titlerow.affix header nav.utility-nav ul li .csu-search, #s4-titlerow.affix header nav.utility-nav ul li .csu-search-btn { color: #1a1a1a; margin-top: -5px; }
header nav.utility-nav ul li .csu-search { background-color: transparent; border-radius: 40px; border-width: 3px; color: #1a1a1a; height: 24px; margin-top: -5px; width: 18px; }
header nav.utility-nav ul li .csu-search-btn { background-image: none; color: #1a1a1a; margin-left: -42px; ummmargin-top: -5px; }

footer .row { margin: 0; }
footer .footer-main-nav { display: none; }
footer .footer-utility-nav { padding: 0; width: 100%; }
    footer .footer-utility-nav ul li { display: inline-block; margin: 5px 24px; }
    footer .footer-utility-nav ul { text-align: center; }
        footer .footer-utility-nav ul li a, footer .footer-utility-nav ul li a:link, footer .footer-utility-nav ul li a:visited { font-size: large; color: #fff; line-height: 27px; }
footer address p.address-heading { color: #fff; font-size: large; margin-bottom: 0; }
footer address p { margin-top: 5px; font-size: medium; color: #FFF; }
footer address { font-family: "Oswald", sans-serif; width: 50%; margin: auto; text-align: center; line-height: 1.5 !important; }
    footer address.left { text-align: left; }
    footer address.right { text-align: right; }
    footer address p.address-line { color: #fff; font-weight: 300; margin-bottom: 0; }

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; height:1000px; }
.carousel-fade .carousel-inner .active { opacity: 1; }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

.carousel-indicators { left: auto; right: 0; width: 200px; }
ol.carousel-indicators li { margin: 0 5px; padding-bottom: 0; height: 11px; width: 11px; }

.sub-nav br { display: none; }
.sub-nav ul { padding: 0; text-align: center; }
.sub-nav ol, .sub-nav li { padding: 0; display: inline-block; width: 20%; }
.sub-nav.three-items ol, .sub-nav.three-items li { padding: 0; display: inline-block; width: 33.33%; }
.sub-nav.four-items ol, .sub-nav.four-items li { padding: 0; display: inline-block; width: 25%; }
.sub-nav.five-items li { width: 20%; }
.sub-nav a { font-weight: 400; background-color: #F2F2F2; border-right: 1px solid #aaa; color: #2f2f2f; display: block; font-family: "Oswald", sans-serif; font-size: large; padding: 15px 0; text-transform: uppercase; }
    .sub-nav a.active { background-color: #cc0b2a; color: #fff; }
    .sub-nav a.no-border { border-right: none; }
    .sub-nav a:hover { background-color: #aaa; }

.row.guest-artist { border-bottom: solid 10px #fff; }
    .row.guest-artist:last-child, .row.guest-artist:last-of-type { border-bottom: none !important; }
    .row.guest-artist::before { display: none; }

.quote, .summer-arts .quote { font-family: 'Oswald', sans-serif; font-size: 22px; }

    .quote strong { font-weight: 500; }

div#quote-row { border: solid 1px #e6e6e6; padding: 25px 0; border-left: none; border-right: none; margin: 0 auto !important; }

    div#quote-row strong { font-weight: 500; }

    div#quote-row p { font-family: 'Oswald', sans-serif; font-size: 22px; }

img.redImgQuote { margin: 20px auto; display: block; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@media (min-width: 768px) and (max-width: 1023px) {
    header nav.utility-nav ul li a { display: block; margin: 0 12px; }
}

@media only screen and (max-width: 1023px) {
    .title-content { left: 20%; }
}

@media only screen and (max-width: 767px) {
    header nav.utility-nav ul li .csu-search-btn { padding:0; margin-left:-30px;}
    html body .ms-siteicon-img { left: 55px; }
    .sub-nav a {
    font-size: large;
}
    .sub-nav li { width: 33.3%; }
    .section { padding: 45px 0; }
    .title-content { top: 0; left: 0; }
        .title-content.title-bottom { top: auto; bottom: 0; }
    .height-full, .section-hero { height: 650px; }
    .height-half { height: 500px; }
    .section-hero.height-small { height:275px;}
    .height-small { height: auto; }
    .sticky-footer a.btn-default { font-size: 1em; }
    .sticky-footer a.btn-icon { width: 18px; }
    .sticky-footer a.btn-text { width: 50px; }
    header { min-height: 0; padding: 0; }
    div#s4-titlerow { height: auto; padding: 10px 0; }
    .blue-overlay, .black-overlay { width: 100%; }
        .blue-overlay .information, .black-overlay .information{ position: absolute; top: 15%; width: 80%; left: 10%; text-align: center; }
    .width-50p { width: 80%; }
    .footer .footer-mobile-social-nav { display: none; }

    .main-nav { display: block !important; min-height: 0; }
    .pushmenu { height: 750px; left: -420px; padding-right: 50px; width: 335px; }
    .ms-core-listMenu-verticalBox { display: none; }
    .nav-hamburger { height: 60px; }

    .section-tables .section-title { font-size: 35px; }
        .section-tables .section-title.left { margin: 0; }
        .section-tables .section-title.right { margin: 0; }
    .section-information { padding: 25px 0; }

    .section-team .item img { width: 100%; }
    .section-team .item { width: 50%; }

    .class-with-pad-left, .class-with-pad-right { margin: 20px 0; }
}

@media (max-width: 767px) {
    .sub-nav a {
      border-right: none !important;
      border-bottom: 1px solid #aaa;
    }

    .sub-nav ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .sub-nav li {
        width: 100% !important;
    }

    .sub-nav.four-items ol,
    .sub-nav.three-items ol,
     .sub-nav.four-items li 
     .sub-nav.three-items li 
     {
        width: 100% !important;
    }
}

@media only screen and (max-width: 325px) {
    .pushmenu { width: 265px; }
    .sticky-footer a.btn-icon { width: 7px; }
    .sticky-footer a.btn-text { width: 35px; }
    .height-full, .section-hero { height: 415px; }
    .title-content h1 { font-size: 45px; }
    .title-content h2 { font-size: 30px !important; }
}

/* CSS Document to handle Summer Arts Accents*/

.summer-arts .h1, .summer-arts .h2, .summer-arts .h3, .summer-arts h1, .summer-arts h2, .summer-arts h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.yellowAccents hr, .turquoiseAccents hr, .orangeAccents hr, .greenAccents hr, .purpleAccents hr, .blueAccents hr { width: 75%; }

/* Yellow (Dance): #D69500 */
.yellowAccents h3, .yellowAccents h3 a { color: #D69500; }
.yellowAccents .btn-default { background-color: #D69500; border: 2px solid #D69500; }
    .yellowAccents .btn-default:hover, .yellowAccents .btn-default:focus, .yellowAccents .btn-default:active { background-color: #fff; border: 2px solid #D69500; color: #D69500; }
.yellowAccents .more-courses { background: rgba(214, 149, 0, 0.3); padding: 2em; }

/* Turquoise (Music): #43A092 */
.turquoiseAccents h3, .turquoiseAccents h3 a { color: #43A092; }
.turquoiseAccents .btn-default { background-color: #43A092; border: 2px solid #43A092; }
    .turquoiseAccents .btn-default:hover, .turquoiseAccents .btn-default:focus, .turquoiseAccents .btn-default:active { background-color: #fff; border: 2px solid #43A092; color: #43A092; }
.turquoiseAccents .more-courses { background: rgba(67, 160, 146, 0.3); padding: 2em; }

/* Orange (Media): #E06446 */
.orangeAccents h3, .orangeAccents h3 a { color: #E06446; }
.orangeAccents .btn-default { background-color: #E06446; border: 2px solid #E06446; }
    .orangeAccents .btn-default:hover, .orangeAccents .btn-default:focus, .orangeAccents .btn-default:active { background-color: #fff; border: 2px solid #E06446; color: #E06446; }
.orangeAccents .more-courses { background: rgba(224, 100, 70, 0.3); padding: 2em; }

/* Green (Theatre): #66B458 */
.greenAccents h3, .greenAccents h3 a { color: #66B458; }
.greenAccents .btn-default { background-color: #66B458; border: 2px solid #66B458; }
    .greenAccents .btn-default:hover, .greenAccents .btn-default:focus, .greenAccents .btn-default:active { background-color: #fff; border: 2px solid #66B458; color: #66B458; }
.greenAccents .more-courses { background: rgba(102, 180, 88, 0.3); padding: 2em; }

/* Purple (Writing): #717EB5 */
.purpleAccents h3, .purpleAccents h3 a { color: #717EB5; }
.purpleAccents .btn-default { background-color: #717EB5; border: 2px solid #717EB5; }
    .purpleAccents .btn-default:hover, .purpleAccents .btn-default:focus, .purpleAccents .btn-default:active { background-color: #fff; border: 2px solid #717EB5; color: #717EB5; }
.purpleAccents .more-courses { background: rgba(113, 126, 181, 0.3); padding: 2em; }

/* Blue (Visual Art & Design): #0076A8 */
.blueAccents h3, .blueAccents h3 a { color: #0076A8; }
.blueAccents .btn-default { background-color: #0076A8; border: 2px solid #0076A8; }
    .blueAccents .btn-default:hover, .blueAccents .btn-default:focus, .blueAccents .btn-default:active { background-color: #fff; border: 2px solid #0076A8; color: #0076A8; }
.blueAccents .more-courses { background: rgba(83, 132, 173, 0.3); padding: 2em; }

/* Bounce Arrow */
.jarallax .bounce { height: 35px; width: 65px; }
.bounce { position: absolute; margin-left: auto; margin-right: auto; padding-right: 10px; bottom: 3%; left: 0; right: 0; -webkit-animation: bounce 1s infinite; -moz-animation: bounce 1s infinite; -ms-animation: bounce 1s infinite; -o-animation: bounce 1s infinite; animation: bounce 1s infinite; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 0 !important; padding-left: 0 !important; }
.centered { margin-left: auto; margin-right: auto; }
.more-courses h2 { margin-top: 0; }
.course-info h3 { margin: 0; text-align: center; text-align: -webkit-center; }
.right img { margin-right: 0 !important; }
.left img { margin-left: 0 !important; }
div#scrollTopSection { display: -webkit-box; }
p.ga-name { font-weight: bold; }
.guest-info { display: table-cell; padding: 4em; width: 100%; padding-bottom: 0 !important; }
.container { padding-right: 0 !important; padding-left: 0 !important; }
.row.guest-artist img {
    width: 350px;
    object-fit: cover;
    height: 350px;
}
/* Youtube Video */
.fwImage img { width: 100%; }
a.closeIt:hover { text-decoration: none; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; background-color: rgba(0,0,0,0.5); /*dim the background*/ display: none; }
a.closeIt { background: #fff; right: 16px; padding: 1px 12px 10px; font-size: x-large; }
p + a#play-video img { margin-top: 20px !important; }
a#play-video img { margin: 55px 0 !important; }
a.closeIt { z-index: 9999; position: relative; left: 48.7%; }
.fluid-width-video-wrapper, a.closeIt { display: none; visibility: hidden; z-index: 9999; }
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .row.guest-artist img { max-width: inherit !important; }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .row.guest-artist img { max-width: inherit !important; }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .row.guest-artist img { float: left !important; }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .row.guest-artist img { float: left !important; }
    .guest-info { max-width: 260px !important; }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}
/* Bounce Arrow */

.link-item #templatePreheader { display: none; }