@charset "utf-8";
/* CSS Document */

body {background: #ffffff; font-family: 'CooperHewitt-Light'; font-size: 18px; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

* {padding: 0; margin: 0;}

a, button, input[type="submit"], input[type="button"], .subNav > li span {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition:color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in;
    -o-transition:color 0.2s ease-in;
    -ms-transition:color 0.2s ease-in;
    transition:color 0.2s ease-in;
}

a.bigBtn, input[type="text"], textarea, input[type="submit"], .clientMore, .ctaFloater {
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

a.bigBtn, .featArrow {

    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

a, a:focus, a img {outline: none; border: none;}
    a:hover {text-decoration: none;}

/* GENERAL **********************************************/
section a {font-family: 'CooperHewitt-Medium'; color: #000000;}
    section a:hover {color: #cccccc;}
i {font-family: 'CooperHewitt-LightItalic'; font-style: normal;}
b {font-family: 'CooperHewitt-Medium'; font-weight: normal;}
li {list-style: none;}

.bigBtn {display: block; margin: 65px auto; text-align: center; font-family: 'CooperHewitt-Medium'; color: white; font-size: 18px; line-height: 55px; width: 265px; position: relative; z-index: 200;}
.redBtn {background-color: #001fb0;}
.blueBtn {background-color: #001fb0;}
    .redBtn:hover, .blueBtn:hover {opacity: .8; color: white;}

@media screen and (max-width: 500px){
    .bigBtn {width: 100%; border-radius: 0 !important; border: none;}
}

.rounded, .bigBtn, .imgCont, .imgCont img, .contactList input[type="submit"] {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.blackBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/black_trans_bg.png); z-index: 1;}
.clear {width: 100%; height: 0; clear: both;}
/* END GENERAL **********************************************/


/* GENERAL **********************************************/
@font-face {
    font-family: 'CooperHewitt-Light';
    src: url('/fonts/CooperHewitt-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-Light.otf')  format('opentype'),
    url('/fonts/CooperHewitt-Light.woff') format('woff'),
    url('/fonts/CooperHewitt-Light.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-Light.svg#CooperHewitt-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt-Medium';
    src: url('/fonts/CooperHewitt-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-Medium.otf')  format('opentype'),
    url('/fonts/CooperHewitt-Medium.woff') format('woff'),
    url('/fonts/CooperHewitt-Medium.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-Medium.svg#CooperHewitt-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'CooperHewitt-LightItalic';
    src: url('/fonts/CooperHewitt-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-LightItalic.otf')  format('opentype'),
    url('/fonts/CooperHewitt-LightItalic.woff') format('woff'),
    url('/fonts/CooperHewitt-LightItalic.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-LightItalic.svg#CooperHewitt-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt-MediumItalic';
    src: url('/fonts/CooperHewitt-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-MediumItalic.otf')  format('opentype'),
    url('/fonts/CooperHewitt-MediumItalic.woff') format('woff'),
    url('/fonts/CooperHewitt-MediumItalic.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-MediumItalic.svg#CooperHewitt-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt-Semibold';
    src: url('/fonts/CooperHewitt-Semibold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-Semibold.otf')  format('opentype'),
    url('/fonts/CooperHewitt-Semibold.woff') format('woff'),
    url('/fonts/CooperHewitt-Semibold.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-Semibold.svg#CooperHewitt-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt-Book';
    src: url('/fonts/CooperHewitt-Book.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-Book.otf')  format('opentype'),
    url('/fonts/CooperHewitt-Book.woff') format('woff'),
    url('/fonts/CooperHewitt-Book.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-Book.svg#CooperHewitt-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CooperHewitt-Heavy';
    src: url('/fonts/CooperHewitt-Heavy.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CooperHewitt-Heavy.otf')  format('opentype'),
    url('/fonts/CooperHewitt-Heavy.woff') format('woff'),
    url('/fonts/CooperHewitt-Heavy.ttf')  format('truetype'),
    url('/fonts/CooperHewitt-Heavy.svg#CooperHewitt-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* END FONTS **********************************************/

/* HEADER **********************************************/
.subMenu {position: absolute; right: 0; top: 0; z-index: 0;}
.siteWrap {position: relative; background: #ffffff;}

.ctaFloater {position: fixed; z-index: 500000; display: block; padding: 5px 10px; color: white; border: 1px solid white;}
    .ctaFloater:hover {}    

.hoursBtn {left: -25px; top: 289px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-family: 'CooperHewitt-Medium'; font-size: 18px; background: #c31001;}
    .hoursBtn:hover {background: gray;}     
.menuBtn {left: -13px; top: 369px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-family: 'CooperHewitt-Medium'; font-size: 18px; background: #c31001;}
    .menuBtn:hover {background: gray;}
.phoneBtn {left: -15px; top: 439px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-family: 'CooperHewitt-Medium'; font-size: 18px; background: #c31001;}
    .phoneBtn:hover {background: gray;}

.mailBtn {bottom: 10px; right: 0px; font-size: 25px; background: gray;}
    .mailBtn:hover {background: #c31001;}


.topNavWrap {width: 100%; height: 35px; background: url('/images/topNav_bg.jpg'); position: fixed; z-index: 100000; border-bottom: 0px;}
	.topNav {width: 100%; padding-left: 5px; height: 35px; margin: auto; font-family: 'Electrolize', sans-serif; color: #fff; line-height: 35px; vertical-align: top;}
		.topNav li {list-style: none; display: inline-block;}
			.topNav img {width: 26px; padding: 5px 2px;}
			.topNav a {font-family: 'Electrolize', sans-serif; color: #fff; line-height: 35px; vertical-align: top;}
			.topNavList {float: left; font-family: 'Electrolize', sans-serif; color: #fff; line-height: 35px; vertical-align: top;}
				.searchList, .socialList {float: left; font-family: 'Electrolize', sans-serif; color: #fff; line-height: 35px; vertical-align: top;}
				.searchList {padding-bottom: 5px; margin-left: 40px;}
				
						
.header {width: 100%; height: 120px; background: url('/images/img_HeaderBG.jpg'); position: fixed; z-index: 90000; border-bottom: 1px solid #eae5e3; top: 35px;}
    .logoLink {position: relative; display: inline-block; width: 400px; height: 100%; background: url("/images/shadow.png") right center no-repeat; background-size: cover;}
        .logoLink img {position: absolute; left: 5%; height: 80%; width: auto; top: 12%;}
        .logoLink span {position: absolute; right: -130px; font-size: 18px; line-height: 30px; font-family: 'CooperHewitt-MediumItalic'; color: #000000; top: 20px;}
    .mainNav {float: right; margin-right: 36px;}
        .mainNav li {}
        .mainNav > li {display: inline-block; vertical-align: top;}
            .mainNav .mainLink {color: #ffffff; font-family: 'CooperHewitt-Medium'; position: relative; line-height: 121px; text-align: center; font-size: 22px; margin-left: 30px;}
                .mainNav .mainLink:hover {color: #cccccc;}

            .mainNav .subNav {display: none; position: absolute; width: 300px;}
                .mainNav .subNav li {background: url('/images/black_bg.jpg');}
                .subNav > ul > li {background: url('/images/black_bg.jpg');}
                .subNav > li {position: relative;}
                .subNav:not(.servicesSubNav) > li {width: 100%;}
                .mainNav .subNav:not(.servicesSubNav) > li:first-child {padding-top: 20px;}
                .mainNav .subNav:not(.servicesSubNav) > li:last-child {padding-bottom: 20px;}
                    .mainNav .subNav:not(.servicesSubNav) > li > a {display: block; padding: 5px 30px; width: 100%; color: white; font-family: 'CooperHewitt-Medium'; background: url('/images/white_trans_dk_bg.png') -50px 0 no-repeat; white-space: nowrap;}
                        .mainNav .subNav:not(.servicesSubNav) a:hover {background-position: -40px 0; text-shadow: 0 0 1px white;}

            .mainNav .mainLink.currentNav, .mainNav .mainLink.parentCurrent {color: #001fb0;}
            .mainNav .subNav .currentNav {background: url('/images/white_trans_dk_bg.png') -40px 0 no-repeat;}

            .mainNav .servicesSubNav {width: 80%; padding: 30px 5%; left: 5%; background: url('/images/black_trans_bg2.png');}
                .mainNav .servicesSubNav li {background: none !important;}
                .mainNav .servicesSubNav > li {display: inline-block !important; vertical-align: top;}
                .mainNav .servicesSubNav > li:first-child {width: calc(25% - 24px); margin-right: 20px;}
                .mainNav .servicesSubNav > li:not(:first-child) {width: calc(25% - 45px); border-left: 1px solid dimgray; padding-left: 20px; margin-right: 20px;}

                    .mainNav .servicesSubNav a {display: inline-block;}
                    .mainNav .servicesSubNav > li > a {color: white; font-family: 'CooperHewitt-Medium'; border-bottom: 2px solid #424242; padding-bottom: 3px; margin-bottom: 15px;}
                        .mainNav .servicesSubNav > li > a:hover {color: gainsboro;}
				.mainNav .servicesSubNav > li > h3 {color: white; font-family: 'CooperHewitt-Medium'; border-bottom: 2px solid #424242; padding-bottom: 3px; margin-bottom: 15px;}                        
                    .mainNav .servicesSubNav .tertNav a {color: #ffffff; font-family: 'CooperHewitt-Medium'; padding: 6px 0; font-size: 16px;}
                        .mainNav .servicesSubNav .tertNav a:hover {color: white;}

                .mainNav .searchBoxContainer {display: none; position: absolute; right: 0; width: 500px; padding: 20px 50px; background: url('/images/black_trans_bg3.png');}

/* topSpace **********************************************/
    .topSpace {margin-top: 125px;}							


@media screen and (min-width: 900px){
    .burger {display: none !important;}
}

@media screen and (max-width: 3500px){
    .mainNav .mainLink {margin-left: 20px; font-size: 20px;}
    .logoLink span {font-size: 16px; right: -130px;}
        
}

@media screen and (max-width: 1300px){
    .mainNav .mainLink {margin-left: 20px; font-size: 18px;}
    .logoLink span {font-size: 16px; right: -130px;}
    

}

@media screen and (max-width: 1200px){
    .mainNav .mainLink {margin-left: 20px; font-size: 16px;}
    .logoLink span {font-size: 16px; right: -130px;}
		
}

@media screen and (max-width: 1050px){
    .mainNav .mainLink {margin-left: 15px; font-size: 15px;}
        .logoLink span {font-size: 14px; right: -100px;}
	.socialList {font-size: 14px;}
	            
}

@media screen and (max-width: 970px){
    	.mainNav .mainLink {margin-left: 10px; font-size: 14px;}
	.logoLink img {height: 70%; top: 17%;}
    	.logoLink span {font-size: 14px; right: -80px;}
	        
}

@media screen and (max-width: 900px){
    .mainNav li:not(.burger) {display: none;}
    .burger a {font-size: 30px !important;}
    	.logoLink {width: 200px;}   
	.topSpace {margin-top: 105px;}    	 
		  
}

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

@media screen and (max-width: 700px){
    	.mainNav .mainLink {line-height: 80px !important;}
	.logoLink img {height: 50%; top: 17%;}  
	.logoLink span {display: none;}
	.socialList {font-size: 10px;}	
	        
}

@media screen and (max-width: 500px){
	.logoLink img {height: 50%; top: 17%;}  
	.logoLink span {display: none;}
	.topSpace {margin-top: 95px;} 	
		        
}

@media screen and (max-width: 400px){
	.logoLink img {height: 50%; top: 17%;}
	.logoLink span {display: none;}  
			        
}



.subMenu {position: absolute; top: 30px; right: 0; width: 230px; padding-left: 30px; margin-top: 130px; background: #1f1f1f;}
    .subMenu li {list-style: none;display: block;}
        .subMenu .mainLink {display: block; background: #1f1f1f; padding: 10px 30px; font-size: 20px;}
        .subMenu .subNav {margin: 10px 0; padding: 3px 0; display: none; background: #1f1f1f;}
            .subMenu a {color: darkgray; display: inline-block;}
                .subMenu a:hover {color: gainsboro;}
            .subMenu .subNav > li > a {padding: 8px 0 8px 30px; font-size: 16px;}
            .subMenu .subNav > li span {display: block; padding: 7px 5px; position: absolute; right: 10px; color: #000000; font-size: 18px; cursor: pointer;}
                .subMenu .subNav > li span:hover {color: #ffffff;}

            .subMenu .tertNav {display: none; overflow: hidden; padding: 5px 5px 5px 50px;}
                .subMenu .tertNav a {display: block; padding: 5px 0; font-size: 14px;}

.subMenu {}
.subMenu .searchBoxContainer {}
/* END HEADER **********************************************/

/* CONTENT SECTIONS **********************************************/
section {padding: 1px 0; line-height: 30px; font-size: 18px;}
.contentWrap {width: 90%; margin: auto;}
.sectBlock {position: relative; width: 100%; background-position: 0; background-attachment: fixed; background-repeat: no-repeat; background-size: cover !important; min-height: 750px; font-family: 'CooperHewitt-Light'; color: #ffffff;}
.sectBlock2 {position: relative; width: 100%; background-position: 0; background-attachment: fixed; background-repeat: no-repeat; background-size: cover !important; min-height: 550px; color: #ffffff;}
.plainSectBlock {width: 100%; background: #000000 url('/images/paper_bg.jpg'); color: #000000; overflow: auto;}


#contentBlock {background-image: url('/images/img_contentBG.jpg');}
#alumniBlock {background-image: url('/images/img_AlumniBG.jpg');}
#adultClassBlock {background-image: url('/images/img_AdultClassBG.jpg');}
#aboutBlock {background-image: url('/images/img_AboutBG.jpg');}
#boosterBlock {background-image: url('/images/img_BoosterBG.jpg');}
#calendarBlock {background-image: url('/images/img_SearchBG.jpg');}
#contactBlock {background-image: url('/images/img_ContactBG.jpg');}
#curriculumBlock {background-image: url('/images/img_PoliciesBG.jpg');}
#dancewearBlock {background-image: url('/images/img_DancewearBG.jpg');}
#directionsBlock {background-image: url('/images/img_DirectionsBG.jpg');}
#dynamiteBlock {background-image: url('/images/img_DynamiteBG.jpg');}
#handoutBlock {background-image: url('/images/img_HandoutsBG.jpg');}
#hiphopBlock {background-image: url('/images/img_HipHopBG.jpg');}
#performanceBlock {background-image: url('/images/img_PerformanceBG.jpg');}
#policiesBlock {background-image: url('/images/img_DynamiteBG.jpg');}
#privacyBlock {background-image: url('/images/img_DirectionsBG.jpg');}
#recitalBlock {background-image: url('/images/img_RecitalBG.jpg');}
#referralBlock {background-image: url('/images/img_ReferralBG.jpg');}
#scheduleBlock {background-image: url('/images/img_ScheduleBG.jpg');}
#searchBlock {background-image: url('/images/img_SearchBG.jpg');}
#spotlightBlock {background-image: url('/images/img_SearchBG.jpg');}
#staffBlock {background-image: url('/images/img_StaffBG.jpg');}
#starTumblingBlock {background-image: url('/images/img_TumblingBG.jpg');}
#studioBlock {background-image: url('/images/img_StudioBG.jpg');}
#termsBlock {background-image: url('/images/img_DirectionsBG.jpg');}
#testimonialBlock {background-image: url('/images/img_TestimonialsBG.jpg');}
#tinyTotBlock {background-image: url('/images/img_TinyTotsBG.jpg');}
#tntBlock {background-image: url('/images/img_TNTBG.jpg');}
#tumblingBlock {background-image: url('/images/img_TumblingBG.jpg');}
#tumbleTykesBlock {background-image: url('/images/img_TumbleTykesBG.jpg');}
#whatWeOfferBlock {background-image: url('/images/img_WhatWeOfferBG.jpg');}

/* headline **********************************************/
h1 {position: relative; z-index: 500;}
h1, h2 {font-size: 48px; line-height: 55px; font-weight: normal; font-family: 'Oranienbaum-Regular'; font-color="#ffffff";}
h1.headLine {text-align: center; margin: 50px 5%; overflow: hidden; font-color="#000000";}
h1.headLine span:before {right: 100%;}
h1.headLine span:after {left: 100%;}
h1.headLine span:before, h1.headLine span:after {content: ""; display: block; position: absolute; top: 0.60em; width: 1000px;}
h1.headLine span {display: inline-block; padding: 0 20px; position: relative; vertical-align: baseline; color="#000000";}

.bulletList {margin-left: 50px; padding: 20px 0;}
    .bulletList li {list-style-type: disc; color: #ffffff; font-weight: bold !important;}

.bulletListTestimonial {margin-left: 50px; padding: 20px 0;}
    .bulletListTestimonial li {list-style-type: none;}

blockquote.quote {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 20px;

	font-weight: bold;

	font-color: #ffffff;

	color: #ffffff;

	text-align: left;

	background-image: url(/images/start-quote-body.gif);

	background-position: left top;

	background-repeat: no-repeat;

	padding-top: 10px;

	padding-left: 40px;

  }

blockquote.quote span {

	display: block;

	background-image: url(/images/end-quote-body.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-right: 40px;

	padding-bottom: 10px;
	
	font-color: #ffffff;

   }
   
#bodycontent .quote .testcredit {

	text-align: left;

	margin-left: 0px;

}

.testcredit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-color: #ffffff;

	line-height: normal;

	font-weight: bold;

	color: #ffffff;

	text-align: right;

	margin-top: 5px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 32px;

}

@media screen and (max-width: 900px){
    h1.headLine {font-size: 40px; line-height: 45px; margin: 80px 5%;}
}

@media screen and (max-width: 700px){
    h1.headLine {font-size: 30px; line-height: 35px; margin: 60px 5%;}
}

@media screen and (max-width: 500px){
    h1.headLine {font-size: 20px; line-height: 25px; margin: 50px 5%;}
}

@media screen and (max-width: 400px){
    h1.headLine {font-size: 18px;}
}

h3 {font-size: 18px; font-family: 'CooperHewitt-Medium'; font-weight: normal; margin-bottom: 30px;}
.plainSectBlock h3 {color: #000000;}

h4 {font-size: 24px; margin-bottom: 40px; font-family: 'CooperHewitt-Medium'; font-weight: normal;}
.sectBlock h4 {border-bottom: 1px solid #908281;}
.sectBlock2 h4 {border-bottom: 1px solid #908281;}
.plainSectBlock h4 {border-bottom: 1px solid #a9aaaa;}

.plainSectBlock h1.headLine {color: #000000;}
.plainSectBlock h1.headLine span:before, .plainSectBlock h1.headLine span:after {border-top: 1px solid #000000;}
.sectBlock h1.headLine {color: #ffffff;}
.sectBlock h1.headLine span:before, .sectBlock h1.headLine span:after {border-top: 1px solid #908281;}
.sectBlock p {padding: 10px 0; font-family: 'CooperHewitt-Book'; color: #ffffff;}
.sectBlock2 h1.headLine {color: #ffffff;}
.sectBlock2 h1.headLine span:before, .sectBlock2 h1.headLine span:after {border-top: 1px solid #908281;}
.sectBlock2 p {padding: 10px 0; font-family: 'CooperHewitt-Book'; color: #ffffff;}
        	
.mainList {position: relative; z-index: 500; width: 90%; max-width: 1100px; padding: 0px 5%; margin: auto; clear: both;}
    .paraList {display: table;}
        .paraList li {display: table-cell; vertical-align: top;}

.imgCont {padding: 15px 15px 5px 15px; margin-top: 10px;}
.sectBlock .imgCont {border: 1px solid white;}
.sectBlock2 .imgCont {border: 1px solid white;}
.plainSectBlock .imgCont {border: 1px solid #ccc;}
    .right {float: right; margin-left: 50px;}
    .left {float: left; margin-right: 50px;}
        .plainSectBlock .imgCont img {border: 1px solid #e4e4e4;}

.btnList {margin: auto; text-align: center;}
    .btnList li {display: inline-block; margin: 0 5px;}

@media screen and (max-width: 700px){
    .btnList li {display: block;}
}

.blackBox {display: none;}

/* intro **********************************************/
    .intoCont {width: 800px; margin: 135px auto 0 auto; text-align: center; color: #ffffff;}
        .intoCont li {}
        .intoCont li li {display: inline-block; vertical-align: top;}
            .intoCont i {font-size: 30px;}
            .intoCont a {color: white;}
                .intoCont a:hover {}
            .socialLinks {margin: 50px 0;}
                .socialLinks a {display: block; width: 50px; line-height: 47px; margin: 0 8px; border: 2px solid white; font-size: 25px !important; padding-top: 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
                    .socialLinks a:hover {text-shadow: 0 0 7px #fcf7c0; box-shadow: 0 0 4px #fcf7c0,  0 0 4px #fcf7c0 inset; color: white;}
            .intoCont h2 {display: block; font-family: 'Oranienbaum-Regular'; font-size: 73px; font-weight: normal; border-bottom: 1px solid white; line-height:  80px;}
            .intoCont p:last-child {text-align: left; font-size: 24px; padding-top: 10px;}
                .intoCont p:last-child a {display: inline-block; float: right;}
                    .intoCont p:last-child a:hover {text-shadow: 0 0 4px #fcf7c0; color: white;}

/* capabilities **********************************************/
    .capabilitiesList li {}
    .capabilitiesList > li {display: inline-block; vertical-align: top;}
    .capabilitiesList > li:not(:last-child) {margin-right: 70px;}
        .capabilitiesList li li {padding-bottom: 20px;}
        .blue {width: 310px; background: #4262f4; color: white; font-size: 36px; float: left; padding: 30px 40px;}

@media screen and (min-width: 600px){.blue {line-height: 45px !important;}}

        .capabilitiesList a {color: #000000; font-size: 22px; font-family: 'CooperHewitt-Light';}
            .capabilitiesList a span {display: inline-block; width: 25px; color: #d2d3d3 !important; text-align: center; padding-right: 10px;}
            .capabilitiesList a:hover {color: #ffffff; text-decoration: underline;}
                .capabilitiesList a:hover span {color: #000000 !important;}


@media screen and (max-width: 1200px){
    .capabilitiesList > li:not(:last-child) {margin-right: 30px;}
    .blue {font-size: 28px; width: 245px; padding: 25px 34px;}
    .capabilitiesList a {font-size: 20px;}
}

@media screen and (max-width: 1000px){
    .capabilitiesList > li:not(:last-child) {margin-right: 30px;}
    .blue {font-size: 25px; width: 215px; padding: 25px 34px;}
    .capabilitiesList a {font-size: 18px;}
}

@media screen and (max-width: 900px){
    .blue {width: 95%; margin-bottom: 40px; padding: 15px 5%; font-size: 20px;}
    .capabilitiesList > li:nth-child(2), .capabilitiesList > li:last-child {width: 45%;}
}

@media screen and (max-width: 600px){
    .capabilitiesList .blue {line-height: 30px; !important;}
    .capabilitiesList > li:nth-child(2), .capabilitiesList > li:last-child {display: block; width: 100%; margin: 0;}
}

/* about **********************************************/
.aboutText {overflow: auto;}
    .aboutText li {display: inline-block; vertical-align: top; width: 45%; float: left;}
        .aboutText li:first-child {padding-right: 10%;}

@media screen and (max-width: 800px){
    .aboutText li {display: block; width: 100%; float: none; padding: 0 !important;}
}

    .philCont {position: relative; width: 100%; padding: 30px 0; clear: both; overflow: hidden; margin-top: 80px;}
        .redBlock {width: 100%; margin: auto; height: 100%; position: absolute; top: 0; left: 50%; background: url('/images/dark_green_trans_bg.png'); margin-left: -150px; z-index: 50;}
        .philosophyList {position: relative; z-index: 500;}
            .philosophyList > li {display: inline-block; vertical-align: middle;}
            .philosophyList > li:not(:last-child) {padding-right: 40px;}
                .philosophyList li:first-child span {display: block; padding: 15px 20px; border: 2px solid white; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
                .philosophyList > li:last-child {padding-left: 50px;}
                .philosophyList h3 {margin-bottom: 15px;}
                .philosophyList li {line-height: 25px !important;}

@media screen and (max-width: 1200px){
    .philosophyList h2 {font-size: 40px;}
    .philosophyList li:not(:last-child) {padding-right: 20px;}
}

@media screen and (max-width: 1100px){
    .philosophyList span {font-size: 3em; padding: 8px 12px;}
    .philosophyList h2 br {display: none;}
    .philosophyList > li:last-child {display: block; width: 100%; margin-top: 40px; padding-left: 0;}
    .redBlock {left: 0;}
}

@media screen and (max-width: 800px){
    .redBlock {width: 150%;}
}

@media screen and (max-width: 500px){
    .philosophyList h2 {font-size: 25px;}
    .philosophyList li:first-child span {font-size: 2em; padding: 5px 8px !important;}
    .philosophyList ul li {font-size: 16px;}
}



/* FLYOUT CONTENT **************************************************/
.flyoutContent {width: 50%; height: auto; min-height: calc(100% - 80px); position: absolute; top: 0; left: -50%; background: url('/images/black_trans_bg3.png'); z-index: 1000; color: white;}
.closeFlyout {display: block; position: absolute; right: 20px; top: 20px; color: #908281; font-size: 30px;}
.closeFlyout:hover {color: white;}
        .hidden {display: none;}
        .flyoutContent > div {width: 75%; max-width: 600px; margin: 80px auto 60px auto;}
            .flyoutContent h2 {position: relative; font-size: 25px; font-family: 'CooperHewitt-Light'; border-bottom: 1px solid #908281; padding-bottom: 0;}
                .flyoutContent h2 a {display: block; position: absolute; left: 0; top: -60px; font-size: 18px; color: #001fb0;}
                    .flyoutContent h2 a:hover {color: white;}
            .flyoutContent h4 {font-size: 18px; font-family: 'CooperHewitt-Light'; padding-top: 10px; text-align: right; margin: 0; border: none;}
            .flyoutContent .imgCont2 {width: 100%; height: 200px; overflow: hidden; margin: 40px 0;}
                .flyoutContent .imgCont2 img {width: 100%; height: auto;}
            .flyoutContent p {padding-bottom: 15px;}

@media screen and (max-width: 800px){
    .flyoutContent {width: 100%; left: -100%;}
    .flyoutContent h2 {font-size: 20px; line-height: 30px;}
    .flyoutContent h4 {font-size: 16px; line-height: 22px;}
    .flyoutContent p {font-size: 14px; line-height: 20px;}
}

@media screen and (max-width: 500px){
    .flyoutContent .imgCont2 {height: 150px;}
}
/* END FLYOUT CONTENT **************************************************/

/* content **********************************************/
.contentList {}
	.contentList > li {overflow: auto;}
    	.contentList > li:first-child {margin-bottom: 80px;}
     	.contentList .imgCont {margin-bottom: 50px;}
        	.contentList p, .contentList h3 {line-height: 25px;}
        	.contentList p {padding: 10px 0; font-family: 'CooperHewitt-Book'; color: #000000;}
        	.contentList h3 {margin-bottom: 10px;}
		.contentList h1 {color: #000000;}
		.contentList h1.headLine span {color: #000000;}
		.contentList a {color: #ffffff; text-decoration: underline;}
		.contentList h2 {color: #000000;}


/* content **********************************************/
.contentText {}
	.contentText > li {overflow: auto;}
    	.contentText > li:first-child {margin-bottom: 80px;}
     	.contentText .imgCont {margin-bottom: 50px;}
        	.contentText p, .contentList h3 {line-height: 25px;}
        	.contentText p {padding: 10px 0; font-family: 'CooperHewitt-Book'; color: #ffffff;}
        	.contentText h3 {margin-bottom: 10px;}
		.contentText h1 {color: #ffffff;}
		.contentText h1.headLine span {color: #ffffff;}
		.contentText a {color: #ffffff; text-decoration: underline;}
		.contentText h2 {color: #ffffff;}

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

}

/* Home Page Categories **********************************************/
.homeCat {overflow: auto;}
    	.homeCat li {display: inline-block; vertical-align: top; text-align: center; width: 24%; border: 1px solid #c5c5c5;}
    	.homeCat li a {color: #000000; text-decoration: none; font-size: 14px;}
	.homeCat li a:hover {color: #727171; text-decoration: underline;}

@media screen and (max-width: 1000px){
    .homeCat li {display: block; width: 100%; float: none; padding: 0 !important;}
}

/* Apps Section **********************************************/
.appPageText {overflow: auto;}
    .appPageText li {display: inline-block; vertical-align: top; width: 65%; float: left;}
        	.appPageText li:first-child {padding-right: 5%; width: 30%;}	
		
@media screen and (max-width: 1000px){
    .appPageText li {display: block; width: 100%; float: none; padding: 0 !important;}

} 




/* contact **********************************************/
#contactBlock h4 {border: none; margin-bottom: 15px;}
#contactBlock {padding-bottom: 100px;}
.contactList {}
    .contactList > li {display: inline-block; vertical-align: top; float: left;}
    .contactList > li:last-child {width: 50%;}
    .contactList > li:first-child {padding-right: 5%; width: 45%;}
        .contactList > li:first-child ul li {display: inline-block; vertical-align: top;}
        .contactList > li:first-child ul li:first-child {padding-right: 50px;}
            .contactList h3 {margin-bottom: 5px; margin-top: 20px;}
                .contactList h3 span {display: inline-block; padding-right: 15px;}
            .contactList p {padding: 10px 0;}
            .contactList h4 {border: 0 none !important; margin-top: 10px;}
            .contactList h4 b {color: #ec7469;}
            .contactList a {color: #ffffff; text-decoration: underline;}
            .contactList h1.headLine span {color: #000000;}

            .contactList form {margin-left: 20%; width: 80%;}
                .contactList form li {width: 100%; margin: 20px 0;}
                input[type="text"], input[type="submit"], textarea {font-family: 'CooperHewitt-Light'; font-size: 16px;}
                .contactList input[type="text"], .contactList textarea {width: 90%; padding: 3% 5%; background: #ffffff;; border: 1px solid #c5c5c5;}
                    .contactList input[type="text"]:active, .contactList textarea:active, .contactList input[type="text"]:focus, .contactList textarea:focus {border: 1px solid #001fb0; bgcolor= #ffffff;}
                    .contactList input[type="submit"] {float: left; background: #001fb0; padding: 15px 50px 20px; color: #ffffff; font-family: 'CooperHewitt-Medium'; border: none;}
                        .contactList input[type="submit"]:hover {background: #c00202;}

@media screen and (max-width: 700px){
    #contactBlock .contactList > li {display: block; width: 100%; padding-right: 0;}
    #contactBlock form {margin: auto; width: 100%;}
    #contactBlock h4 {margin-bottom: 15px; margin-top: 30px;}
    #contactBlock p {font-size: 14px; line-height: 23px;}
}


/* location **********************************************/
#locationBlock {margin-top: -1px;}


/* footer **********************************************/
#footer {min-height: 100px; background: #955ec6; font-size: 18px;}
    .footList {width: 90%; text-align: left; margin: 30px auto;  color: #000000;}
    .footList > li {margin: 10px 0;}
    .footList li {list-style: none;}
    .footList > li, .footImgList li {display: inline-block; vertical-align: middle;}
    
    .footImgList {padding-left: 100px; text-align: center; color: #000000;}
    .footImgList li {margin-left: 10px;}

    	.socialLinks {margin: 30px 0;}
		.socialLinks a {display: block; width: 50px; line-height: 47px; margin: 0 8px; border: 2px solid white; font-size: 25px !important; padding-top: 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
     	.socialLinks a:hover {text-shadow: 0 0 7px #fcf7c0; box-shadow: 0 0 4px #fcf7c0,  0 0 4px #fcf7c0 inset; color: white;}


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

}


/***************** CAROUSEL *******************************************************************************************/
.carouselContainer {width: 100%; height: 500px; position: relative; top: 0;}
.empty {height: 24px;}
    .carouselDecor {width: 100%; height: 24px; background: url('/images/paper_edge.png') 0 0 repeat-x; position: absolute; top: 0; left: 0; z-index: 1000;}
    .arrow {display: block; position: absolute; z-index: 1000; font-size: 120px; color: #cccccc; bottom: 125px; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
        .arrow:hover {opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75);}
    .leftArrow {left: 20px;}
    .rightArrow {right: 20px;}

    .imgCarousel {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500;}
        .imgCarousel li {width: 100%; height: 100%; position: absolute; display: none; background-position: center center; background-repeat: no-repeat; background-size: cover;}

            .carouselContent {width: 80%; color: white; display: inline-block; white-space: nowrap;}
                .carouselContent .icon {float: left; display: block; opacity: 0.25; -webkit-opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25);}
                .carouselContent .icon:before {margin: 0; font-size: 150px;}
                .carouselContent .icon:after {margin: 0;}
                .carouselContent .timesText {font-family: "Times New Roman", Times, serif !important; font-weight: bold !important; font-size: 33px;}
                .carouselContent .bigText {font-family: 'open_sanssemibold'; text-transform: uppercase; font-size: 55px;}
                .carouselContent .normalText {font-family: 'open_sanslight'; font-size: 48px;}

@media screen and (max-width: 1300px){
    .carouselContent .icon:before {font-size: 130px;}
    .carouselContent .timesText {font-size: 30px;}
    .carouselContent .bigText {font-size: 50px;}
    .carouselContent .normalText {font-size: 45px;}
}

@media screen and (max-width: 1200px){
    .carouselContent .icon:before {font-size: 110px;}
    .carouselContent .timesText {font-size: 28px;}
    .carouselContent .bigText {font-size: 45px;}
    .carouselContent .normalText {font-size: 40px;}
}

@media screen and (max-width: 1100px){
    .carouselContent .icon:before {font-size: 100px;}
    .carouselContent .timesText {font-size: 25px;}
    .carouselContent .bigText {font-size: 40px;}
    .carouselContent .normalText {font-size: 35px;}
}

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

    .carouselContent .icon:before {font-size: 100px;}
    .carouselContent .timesText {font-size: 25px;}
    .carouselContent .bigText {font-size: 40px;}
    .carouselContent .normalText {font-size: 35px;}
}

@media screen and (max-width: 850px){
    .arrow {display: none;}

    .carouselContent .icon:before {font-size: 90px;}
    .carouselContent .timesText {font-size: 25px;}
    .carouselContent .bigText {font-size: 35px;}
    .carouselContent .normalText {font-size: 30px;}
}

@media screen and (max-width: 750px){
    .arrow {display: none;}

    .carouselContent .icon:before {font-size: 90px;}
    .carouselContent .timesText {font-size: 25px;}
    .carouselContent .bigText {font-size: 30px;}
    .carouselContent .normalText {font-size: 25px;}
}

@media screen and (max-width: 650px){
    .carouselContent {white-space: normal;}
    .carouselContent .icon:before {font-size: 90px;}
    .carouselContent .timesText {font-size: 22px;}
    .carouselContent .bigText {font-size: 25px;}
    .carouselContent .normalText {font-size: 20px;}
}

@media screen and (max-width: 500px){
    .arrow {display: none;}
    .carouselContainer {display: none;}
}
/***************** END CAROUSEL ***************************************************************************************/