/*

font-family:'Proxima Nova W01 Regular', sans-serif;
font-family:'Proxima Nova W01 Bold', sans-serif;
font-family:'Proxima Nova W01 Extrabold', sans-serif;
font-family:'Proxima Nova W01 Extrabold It', sans-serif;
font-family:'Museo Sans W01_300', sans-serif;
font-family:'Museo Sans W01_500', sans-serif;
font-family:'Museo Sans W01_700', sans-serif;
font-family:'Museo Sans W01_900', sans-serif;
font-family:'Springwood Brush W05 Regular';
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body, html {margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

#bella {width:100%; position:relative; z-index:1; font-family:'Museo Sans W01_300', sans-serif; font-weight:300; color:#000; border-left:1px #000 solid;}

#bella sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.bella_section {width:100%; position:relative; z-index:1;}
.bella_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}
.clearfix:after {content:" "; clear:both; display:table;}

/* Hero */
#bella_hero {background:#fed742 url("../images/school_district_art.png") bottom center no-repeat; background-size:220px auto;}
#bella_hero .bella_content {}

#hero_top-holder {position:relative; padding:83% 0 0 0; background:url("../images/bella_hdr_mobile_rev.png") top center no-repeat; background-size:auto 93%; margin:0px 0 -10px 0;}
#hero_top {position:absolute; top:0; left:0; width:100%;}
#top_sponsored {display:block; float:left; margin:19px 0 0 20px; font-family:'Museo Sans W01_500', sans-serif; color:#000; font-weight:500; font-size:10px;}
#top_logo {display:block; float:right; margin:70px 10px 0 0; width:120px;}
#top_logo img {width:100%; height:auto;}

#hero {}

#hero_text {padding:0 0 150px 0;}
#hero_text h1 {margin:0 auto 7px auto; width:90%; max-width:410px; font-family:'Springwood Brush W05 Regular'; font-size: 78px; line-height: 68px; color: #000;text-align: center;}
#hero_text p {margin:0 auto; padding:0; color:#000; font-family:'Proxima Nova W01 Extrabold', sans-serif; font-size:32px; line-height:39px; max-width:380px; width:90%; text-align:center;letter-spacing: .4px;}
#hero_text p em {font-family:'Proxima Nova W01 Extrabold It', sans-serif;font-style: normal;}
#hero_text p span {display: block; white-space: nowrap;}

/* Share Links */
#share-links {position:absolute; left:40px; bottom:70px;}
.share-socialholder {position:relative; display:block;}
#share-social {position:absolute; top:-999999px; left:-30px; border:1px #000 solid; width:195px; height:50px; padding:4px 10px 0 10px; box-sizing:border-box; text-align:center; background:#fed742;;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index:999;
}
#share-social.social-show {bottom:-54px; top:auto;}

#share-social a {display:block; width:40px; height:40px; color:#000; text-decoration:none; font-family:FontAwesome; font-size:20px; line-height:40px; border:1px #000 solid; background:#fed742;;
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px;
}
#share-social a:hover {border:1px #000 solid;}

#share-social #share-tail {
	/*overflow: hidden;*/
    height: 10px;
    width: 20px;
    display: block;
    position: absolute;
    left: 40px;
    top: -20px;
    color: #000;
}
#share-social #share-tail:before {
	content: '';
    height: 20px;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

#share-links a {display:inline-block; margin:0 4px;}

#share-sociallink { width:40px; height:40px; background:#fed742 url(../images/share.png) center center no-repeat; background-size:20px auto; border:1px #000 solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#share-links p {display: none;}


/* Offer */
#bella_offer {background:#fff; overflow:hidden;}
#bella_offer .bella_content {padding: 0;}
#offer_video-mobile {display:block;text-align: right;}
#offer_video-mobile video {width:100%; height:auto;}
#offer_video-mobile img {/*! width:100%; */ height:260px;margin: 15px 0 0 0;}
#offer_video-desktop {display:none;}

#offer_school_district {text-align:center;}
#offer_school_district p {margin:0; padding:8px 18px; font-family:'Proxima Nova W01 Bold', sans-serif; background:#000; display:inline-block; font-size:14px; font-weight:400; color:#fff;}

#mask_offer {margin:30px 0 0 0; text-align:center;}
#mask_offer h2 {margin:0 auto; padding:0; width:270px; font-family: 'Springwood Brush W05 Regular';
font-size: 57px;
line-height: 48px;}
#mask_offer h3 {margin:-5px 0 8px 0; padding:0; font-family:'Proxima Nova W01 Extrabold', sans-serif; color:#000; font-weight:400; font-size:27px; line-height:32px;}
#mask_offer p {margin:0 auto 20px auto; padding:0; font-family:'Proxima Nova W01 Regular', sans-serif; color:#000; font-size:18px; line-height:24px; max-width:350px; width:90%;letter-spacing: .2px;}
#mask_offer p strong {font-family:'Proxima Nova W01 Extrabold', sans-serif; font-weight:400;font-size: 28px;line-height: 31px;}
#mask_offer p strong span {color:#60AE42;}
#mask_offer p:last-of-type {margin: 0 auto 0px;}
a#mask_offer-btn {margin:14px auto 25px; text-align:center; display:block; color:#fff; background:#60AE42; font-family:'Proxima Nova W01 Extrabold', sans-serif; text-decoration:none; width:280px; height:44px; line-height:44px;
-moz-border-radius:22px;
-webkit-border-radius:22px;
border-radius:22px;
letter-spacing: 1px;
}

/* Resources */
#bella_resources {background:#b8c5dc; overflow:hidden;}
#bella_resources .bella_content {padding:65px 0 0 0;}
#pinktab_trigger {position:absolute; left:0; bottom:0; width:2px; height:2px; text-indent:-999px; overflow:hidden;}

#bella_resources .bella_content h2 {margin:120px auto 120px; padding:0; font-family:'Springwood Brush W05 Regular'; font-size: 57px; line-height: 51px; color: #000;text-align: center;letter-spacing: 1.2px;}


#bella_resources #resources_intro h2 {margin:0 auto; padding:0; font-family:'Springwood Brush W05 Regular'; font-size: 57px; line-height: 51px; color: #000;text-align: center;letter-spacing: 1.2px;}
#resources_intro h3 {max-width: 540px; width: 90%; margin:5px auto 8px; padding:0; font-family:'Proxima Nova W01 Extrabold', sans-serif; color:#000; font-weight:400; font-size:18px; line-height:20px;text-align: center;}
#resources_intro .resources_btn {margin: 40px auto 57px;}

.resources_holder {position: relative;max-width: 750px;margin: 0 auto;}

.resources_art {width:90%; max-width:420px; margin:23px 0 16px;}
.resources_art img {/*! width:100%; */ height:305px;}



.resources_maskhero {text-align:center; width:90%; max-width:320px; margin:0 auto 52px auto;}
.resources_maskhero h3 {margin:0 0 4px 0px; padding:0; font-weight:400; font-family:'Proxima Nova W01 Extrabold', sans-serif; color:#000; font-size:27px; line-height:30px;}
.resources_maskhero h4 {margin:0 0 11px 0px; padding:0; font-weight:400; font-family:'Proxima Nova W01 Bold', sans-serif; color:#000; font-size:14px; line-height:16px;}
.resources_maskhero p {margin:0; padding:0 0 2px 0; font-family:'Proxima Nova W01 Regular', sans-serif; color:#000; font-size:18px; line-height:24px;letter-spacing: .5px;}
a.resources_btn {margin:30px auto 0 auto; text-align:center; display:block; color:#fff; background:#60AE42; font-family:'Proxima Nova W01 Extrabold', sans-serif; text-decoration:none; width:290px; height:44px; line-height:44px;
-moz-border-radius:22px;
-webkit-border-radius:22px;
border-radius:22px;
letter-spacing: 1.2px;
}

#resources1 .resources_art {margin:23px auto 16px;}

#resources2 .resources_art {margin:23px auto 16px;position: relative;}
#resources2 .resources_art img {/*! width:100%; */ height:313px;}  
#resources2 .resources_holder {padding: 09px 0 0 0;}
#resources2 .resources_holder .resources_art #bubbles {position:absolute; top:144px; right:0px; }
#resources2 .resources_holder .resources_art #bubbles img {width: 64px; height: 100px;}

#resources3 .resources_art img {/*! width:100%; */ height:231px;}  
#resources3 .resources_holder {padding: 9px 0 0 0;}

#resources4 .resources_holder {padding: 5px 0 0 0;}
#resources4 .resources_art img {/*! width:100%; */ height:302px;}  

#resources4 .resources_art {width:90%; max-width:420px; margin:23px auto 16px;}

.animation_container {position:relative;}
.animate_trigger {position:absolute; left:0; bottom:0; width:2px; height:2px; text-indent:-999px; overflow:hidden;}
.animation_holder {position:relative; bottom:-500px;
-moz-transition: all .9s ease;
-o-transition: all .9s ease;
-webkit-transition: all .9s ease;
transition:all .9s ease;
}

.animate_resource {bottom:0;}


#resources_pinktab {background:#f1cbcf; width:90%; max-width:410px; margin:0 auto; position:relative; bottom:-500px;
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border-radius: 50px 50px 0px 0px;

	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	transition:all .9s ease;

}

#resources_pinktab.animate_pinktab {bottom:0;}

#resources_megaphone {width:101px; margin:20px auto 6px auto;}
#resources_megaphone img {width:100%; height:auto;}
#resources_text {padding:0 25px 30px 25px; text-align:center;}
#resources_text p  {margin:0; padding:0; font-family:'Proxima Nova W01 Regular', sans-serif; color:#000; font-size:18px; line-height:23px;}
#resources_text p strong {font-family:'Proxima Nova W01 Extrabold', sans-serif; font-weight:400;}

/* Extra Credit */
#bella_extra {text-align:center; background:#000;padding: 0 0 20px 0;}
#bella_extra .bella_content {padding:44px 20px 44px 20px;}
#extra_logo {width:150px; margin:0 auto 7px auto;}
#extra_logo img {width:100%; height:auto;}
#bella_extra p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; color:#fff; font-size:16px; line-height:19px;}
#bella_extra p a {font-family:'Museo Sans W01_900', sans-serif; color:#fff; text-decoration:underline;}

/* Media Queries */

@media only screen and (min-width: 360px) {
.resources_art img {/*! width:100%; */ height:340px;}    

#resources2 .resources_art img {/*! width:100%; */ height:333px;}    
  
#resources3 .resources_art img {/*! width:100%; */ height:266px;}  
#resources3 .resources_holder {padding: 9px 0 0 0;}  

#resources4 .resources_art img {/*! width:100%; */ height:332px;}  

  
}

@media only screen and (min-width: 480px) {
#hero_text h1 {font-size: 102px; line-height: 88px;}
#top_logo {display:block; float:right; margin:90px 10px 0 0; width:180px;}

.resources_art {width:90%;text-align: center;}
.resources_art img {/*! width:100%; */ height:393px;}  

#resources2 .resources_holder .resources_art #bubbles {position:absolute; top:144px; right:50px; }
#resources2 .resources_art img {/*! width:100%; */ height:343px;}  
#resources3 .resources_art img {/*! width:100%; */ height:341px; margin: 0 0 14px 0;}  
#resources3 .resources_holder {padding: 39px 0 0 0;}
  
#resources4 .resources_art img {/*! width:100%; */ height:363px;}  

#resources_pinktab {width:100%;}



}

@media only screen and (min-width: 600px) {
#resources3 .resources_art {width:90%; text-align: center; margin-left: auto;margin-right: auto;}
}

@media only screen and (min-width: 720px) {
#hero_text br {display: none;}
}

@media only screen and (min-width: 865px) {
#bella_resources .bella_content h2 br {display: none; max-width: 770px;}
#bella_resources .bella_content h2 {max-width: 770px;margin: 87px auto 138px;}

}

@media only screen and (min-width: 960px) {

/* Hero */
#bella_hero {background:#fed742;}
#bella_hero {
  background-image: url("../images/keyboard.png"), url("../images/notebooks.png");
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-size:auto 150px, auto 150px;
}

#hero_top-holder {position:relative; padding:0; background:none; margin:0;}
#hero_top {min-height:130px; position:relative}

#top_sponsored {margin:19px 0 0 30px;}
#top_logo {margin:54px 80px 0 0;width: 289px;}

#hero {min-height:490px; background: url("../images/mask_directions.jpg") bottom right no-repeat; background-size:550px 425px;}

#hero_text {max-width:500px; margin:0 0 0 20px; padding:0;}
#hero_text h1 {margin:0 0 20px 0; padding:0; width:509px;  font-size: 91px; line-height: 80px;max-width: none;text-align: left;}
#hero_text h1 img {display:none;}
#hero_text p {margin:-8px 0 0 0; width:100%; max-width:440px; text-align:left; font-size:32px; line-height:39px;}
#hero_text p span {display: inline; white-space: initial;}
  
/* Share Links */
#share-links {position:relative; margin:30px 0 0 26px; left:0; bottom:auto;}


/* Offer */
#offer_video-mobile {display:none;}
#offer_video-desktop {display:block; position:absolute; top:0; right:0; width:auto; height:100%; z-index:-100;}

#offer_school_district {display:inline-block; margin:60px 0 0 20px;}
#offer_school_district:before {content:" "; display:block; margin:0 auto; width:220px; height:90px; background:url("../images/school_district_art.png") bottom center no-repeat; background-size:contain;}
#offer_school_district p {padding:8px 27px;}

#mask_offer {text-align:left; max-width:500px;margin: 24px 0 0 20px;}
#mask_offer h2 {margin:0;}
#mask_offer p {margin:0 0 21px 0; max-width:570px;width: 100%;}
#mask_offer p:last-of-type {margin: 0; max-width:570px;width: 100%;}

a#mask_offer-btn {margin:14px 0 97px 0; width:290px;}


/* Resources */
#bella_resources .bella_content {max-width:850px; padding:85px 0 0 0;}
#resources_intro h2 {margin:0 auto; padding:0; /*! width:657px; */ max-width:none; height:43px; }
#resources_intro h2 img {display:none;}
#resources_intro h3 {margin:14px auto 4px; font-size:27px; line-height:30px;}

.resources_art {max-width:480px; margin:26px 0 0 80px;}
.resources_art img {/*! width:100%; */ height:489px;}
.resources_art a {pointer-events: none;}
  
#resources1 .resources_art {margin:23px 0 16px;}
#resources1 .resources_maskhero {position:absolute; top:149px; left:490px; text-align:left;}
#resources1 .resources_maskhero {position:absolute; top:149px; left:397px; text-align:left;}
#resources1 .resources_maskhero a.resources_btn {width:290px; margin: 28px 0 0 0;}

#resources2 .resources_maskhero {position:absolute; top:85px; left:0px; text-align:left;}  
#resources2 .resources_art img {/*! width:100%; */ height:443px;margin: 0 -250px 0 0;}  
#resources2 .resources_holder {padding: 0;}

#resources2 .resources_holder .resources_art #bubbles {position:absolute; top:220px; right:83px; }

#resources3 .resources_maskhero {position:absolute; top:114px; right:0px; text-align:left;}  
#resources3 .resources_art img {/*! width:100%; */ height:418px;margin: 4px 0 0 -160px;}  
#resources3 .resources_holder {padding: 0;}

#resources4 .resources_maskhero {position:absolute; top:133px; left:32px; text-align:left;}
#resources4 .resources_maskhero h4 {margin:0 0 31px 10px; text-align: left;}

#resources4 .resources_art img {/*! width:100%; */ height:469px;margin: 6px -154px 0 0;}  
#resources4 .resources_holder {padding: 28px 0 0 0;}
  
.resources_maskhero h3 {margin:0 0 4px 10px; text-align: left;}
.resources_maskhero h4 {margin:0 0 29px 10px; text-align: left;}
  
  
a.resources_btn {width:290px; margin: 25px 0 0 0;}
#resources_pinktab {max-width:850px;}
#resources_megaphone {float:left; margin:30px 0 14px 30px;}
#resources_text {float:left; width: calc(100% - 141px); max-width:650px; padding:0; margin:40px 0 0 10px; text-align:left;}


#share-sociallink {display:none; width:40px; height:40px; background:#fed742 url(../images/share.png) center center no-repeat; background-size:20px auto; border:1px #000 solid;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#bella_extra .bella_content {padding:37px 20px 44px 20px;}
  
  
}
 
@media only screen and (min-width: 1080px) {
#hero {background-size:630px 487px;min-height: 474px;}
#hero_text {margin:0 0 0 75px; }
#hero_text h1 {padding:29px 0 0 0;margin: 0 0 3px 0;}

/* Share Links */
#share-links {margin:30px 0 0 76px;}
  
/* Offer */
#offer_school_district {margin:81px 0 0 76px;}
#mask_offer {text-align:left; max-width:500px;margin: 26px 0 0 76px;}

}

@media only screen and (min-width: 1090px) {

}

@media only screen and (min-width: 1312px) {
#bella_offer .bella_content {padding:100px 0;}
}
480