/*
font-family:'Museo Sans W01_900', sans-serif;
font-family:'Museo Sans W01_500', sans-serif;
font-family:'Museo Sans W01_700', sans-serif;
font-family:'Museo Sans W01_300', sans-serif;

    font-family: 'Bungee', cursive;

*/

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

#ecyber {font-family:'Museo Sans W01_700', sans-serif; font-weight:400; width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

#ecyber sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.ecyber_section {width:100%; position:relative; z-index:1;}
.ecyber_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}

.anchor {
display: block;
position: relative;
top: -50px;
visibility: hidden;
}

.divider {
display: block;
width: 290px;
margin: 0 auto;
overflow: hidden;
}


/* Button */
#ecyber a.ecybermission_button {display:block; width: 214px; text-align: center; margin: 26px auto 20px; height: 40px; line-height: 40px; text-decoration: none; color:#000; background: #fff; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; 
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .8px;
}


/* Hero */

#ecyber_hero {
	background: #f3f4c7;
	background-size: contain;
}

#ecyber_hero .ecyber_content {

  padding: 20px 0;
  overflow: hidden;
}

#ecyber_hero #hero_sponsored {font-size:10px; font-weight:500; text-align:center;  font-family:'Museo Sans W01_500', sans-serif;   letter-spacing: 0;/*! display: block; */}

#ecyber_hero h1#hero_logo {max-width: 416px; width: 90%; height: 142px; background:url(../images/headline.png) center center no-repeat; background-size: contain; display: block; margin: 0 auto 0;padding: 0; text-indent: -9999px;}


#ecyber_hero h2 {
	margin: 0 auto;
	padding: 20px 0 2px;
	font-family: 'Museo Sans W01_700', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #000;
	max-width: 700px;
	line-height: 33px;
	width: 90%;
}
#ecyber_hero h2 br {display: none;}
#ecyber_hero h3 {
	margin: 0 auto;
	padding: 12px 0 12px;
	font-family: 'Museo Sans W01_900', sans-serif;
	font-size: 19px;
	font-weight: 900;
	text-align: center;
	color: #0089d0;
	line-height: 19px;
}

#ecyber_hero  #hero_burst {padding: 27px 0 0 0; border-radius: 50%; width: 146px; height: 146px; background: #4c2f8d; margin: 0 auto; text-align: center; font-family:'Museo Sans W01_300', sans-serif; font-weight: 300; color: #fff; font-size: 18px;line-height: 22.5px;}
#ecyber_hero  #hero_burst strong { font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size: 23px; display: block;line-height: 25px;}

#ecyber_hero #hero_sponsored_logo {display: block; margin: 13px auto 0; width: 202px;}
#ecyber_hero #header_art_left {display: none;}
#ecyber_hero #header_art_right {display: none;}

/* Share Links */
#coned_share-links {position:relative;}
.coned_share-socialholder {position:relative;}
#coned_share-social {position:absolute; top:-999999px; left:-30px; border:1px solid #0089d0; width:180px; height:50px; padding:4px 10px 0 10px; box-sizing:border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index:999;
}
#coned_share-social.coned_social-show {bottom:-54px; top:auto;}

#coned_share-social a {display:block; width:40px; height:40px; color:#0089d0; text-decoration:none; font-family:FontAwesome; font-size:20px; line-height:40px; border:1px #0089d0 solid;
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
border-radius: 20px;
}
#coned_share-social a:hover {border:1px white solid;}

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

#coned_share-links {text-align:center; padding:45px 0 47px 0;}
#coned_share-links a {display:inline-block; margin:0 4px;}

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

#coned_share-emaillink {width:40px; height:40px; background:url(../images/email.png) center center no-repeat; background-size:40px auto;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
border-radius:20px;
}

#coned_share-links p {display: none;}

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


/* Nav */
#ecyber_nav {background-color:#0089cf;}
#ecyber_nav ul {margin:0 auto; padding:10px 0; list-style:none; max-width:1080px; text-align: center;}
#ecyber_nav ul li {margin:0; padding:0; list-style:none; display:block;}
#ecyber_nav ul li a {font-family:'Museo Sans W01_700', sans-serif; display:block; text-decoration:none; font-size:12px; letter-spacing:.2px; text-align:center; color:#fff; padding: 5px 18px;font-weight: 700;}
#ecyber_nav ul li a strong {font-family:'Museo Sans W01_900', sans-serif; font-weight: 400;}



/* Competition */
#competition_section {background:#d7f0fa; padding: 5px 0 35px; text-align: center;}
#competition_section .ecyber_content {padding: 18px 0 11px;overflow: hidden;}

#competition_section h2 {
  font-family: 'Bungee', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ef4842;
  margin:0 auto;
  padding:18px 0 10px;
  max-width: 630px;
  z-index: 11;
  position: relative;
}
#competition_section #medal_icon {margin:0px 0 5px 0;}

#competition_section h3 {
	margin: 0 auto;
	padding: 27px 0 10px;
	font-family: 'Museo Sans W01_900', sans-serif;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	color: #ef4842;
	line-height: 24px;
	letter-spacing: -.8px;
}

#competition_section h4 {
	margin: 0 auto;
	padding: 27px 0 23px;
	font-family: 'Museo Sans W01_900', sans-serif;
	font-size: 26px;
	font-weight: 900;
	text-align: center;
	color: #4d2f8d;
	line-height: 32px;
}

#competition_section p {font-size: 18px; line-height: 29px; font-family:'Museo Sans W01_300', sans-serif; font-weight: 300; width: 90%; max-width: 850px; margin: 0 auto; padding: 0px 0 13px 0;}
#competition_section p strong {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; }
#competition_section a.ecybermission_button {width: 194px; color: #fff; background: #4d2f8d;margin: 7px auto 31px;}

#competition_section .prizes {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; font-size: 19px;line-height: 27px;padding: 0 0 10px 0; 	letter-spacing: -.5px;}
#competition_section .prizes:nth-of-type(5) {padding: 0 0 30px 0;}

#competition_section .competition_rules {font-size: 14px;line-height: 20px;padding: 0 0 10px 0; text-align: left; max-width: 880px;letter-spacing: -.4px;}

#competition_section #learn_circles {display: none;}
#competition_section #learn_art {display: none;}

/* Lessons Nav*/
#lessons_tabs-nav {margin:0 auto; position:relative; max-width:922px; text-align:center; padding-top: 6px; border-bottom:1px solid #fff;}
#lessons_tabs-nav a.lessons_tabslink {font-size:24px; line-height:29px; color:rgba(255, 255, 255, 0.5); padding:0 40px; text-decoration:none; display:inline-block; letter-spacing:.2px;}
#lessons_tabs-nav a.lessons_tabslink span {display:inline-block; padding:8px 20px 12px;}
#lessons_tabs-nav a.lessons_tabs-highlight {color:#fff; border-bottom:solid 12px #fff;}

/* Lessons */
#materials_lessons {background:#4d2f8d;}
#materials_lessons .ecyber_content {padding: 8px 0 86px 0;overflow: hidden;}

#lessons {display:block; position:absolute; top:-60px; left:0; width:1px; height:1px;}

#materials_lessons #materials_circles {display: none;}


#materials_lessons #lessons_intro {text-align: center; padding:51px 0 0 0;}
#materials_lessons #lessons_intro h2 {margin:0 0 7px 0; padding:0; font-family: 'Bungee', sans-serif; font-weight:900; color:#fdb834; font-size:32px; line-height:38px;}
#materials_lessons #lessons_intro p {font-family:'Museo Sans W01_300', sans-serif; font-weight: 300;  color: #fff; max-width: 880px; width: 90%; margin: 0 auto 32px; font-size: 18px; line-height: 26px;}


#materials_lessons #lessons_intro #materials_fan {width: 90%; max-width: 522px; display: block; margin: 0 auto; }
#materials_lessons #lessons_intro #toolkits {font-family:'Museo Sans W01_700', sans-serif; font-weight:700; color: #fff; text-align: left; color:#ffcb31; font-size: 14.75px; margin: 0 auto; display: block; width: 298px;line-height: 29px; letter-spacing: -0.7px;} 
#materials_lessons #lessons_intro #toolkits span {color: #fff;}
#materials_lessons #lessons_intro #toolkits a  {color: #fff; margin: 8px 0 6px 0;}

#materials_lessons #lessons_intro #toolkits h3 {margin:0 0 11px 0; padding:0; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; color:#ffcb31; font-size:26px; line-height:32px; }
#materials_lessons #lessons_intro .ecybermission_button {width: 254px; color: #fff; background: #f04942;margin: 37px auto 49px;}

#materials_lessons .download_tool_kit {width: 260px; height: 119px; display: block; margin: 0 auto 56px; position: relative;}
#materials_lessons .download_tool_kit .ecybermission_button {width: 260px; block; margin: 0; position: absolute;color: #000;background: #ffcb31;bottom: 0;left: 0;right: 0;}

#lessons_pods  {max-width:966px; margin:0 auto; padding-top:41px; text-align: center;}
#lessons_pods:after {
  content: "";
  display: table;
  clear: both;
}

.lessons_tabs {display:none;}

#materials_lessons .lessons_tabs .pods-holder {margin:0 auto; max-width:968px; text-align:center;}
#materials_lessons .lessons_tabs .lessons_pod {margin-bottom:43px;}
#materials_lessons #lessons_tabs-guide .pods-holder {padding:17px 0 0 0;}

#new_corner {width: 76px; height: 70px; position: absolute; top: 0; left: 0;}

.lessons_pod {
  display:inline-block;
  margin:0 19px 21px 19px;
  width: 280px;
  background-color: #ffffff;
  box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.05);
  text-decoration:none;
  vertical-align: text-top;
  position: relative;
  height: 433px;
}
.lessons_pod:hover {text-decoration:none;}
.lessons_pod img {width:100%; height:auto;}
.lessonpod_info {display:block;}
.lessonpod_type {
  display:block;
  font-weight:900;
  font-size: 13px;
  letter-spacing: 1px;
  text-align: center;
  color: #568f36;
	padding:18px 0 10px 0;
 
  font-family: 'Museo Sans W01_900', sans-serif;
}
.lessonpod_title {
  display:block;
  font-size: 20px;
  font-family:'Museo Sans W01_300', sans-serif;
  font-weight:300;
  line-height: 21px;
  text-align: center;
  color: #333333;
  padding: 0 4px;
}

.lessonpod_notype .lessonpod_title {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.lessonpod_grades {
  display:block;
  font-family:'Museo Sans W01_700', sans-serif;
  font-weight:700;
  font-size: 10px;
  text-align: center;
  color: #000;	
  padding:18px 0 17px;
  text-transform: uppercase;
  /*! letter-spacing: 1.2px; */
}
.lessonpod_grades strong {
  display:block;
  font-family:'Museo Sans W01_900', sans-serif;
  font-weight:900;
  font-size: 20px;
  text-align: center;
  color: #aaa;
}

#materials_lessons .lessons_pod a.ecybermission_button {display:block; width: 125px; text-align: center; margin: 1px auto 20px; height: 40px; line-height: 40px; text-decoration: none; color:#fff; background: #0089d0; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; 
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;

text-transform: uppercase;
font-size: 13px;
letter-spacing: 2.2px;
}




/* Survey */
#ecyber_survey {text-align: center; background: #f3f5c8; padding: 34px 0 45px;}
#ecyber_survey .ecyber_content {overflow: hidden;}

#ecyber_survey .survey_icon {display: block; width: 59px; margin: 0 auto;}
#ecyber_survey h2 {color: #ef4842; margin:0; padding:14px 0 0 0; font-size: 32px;font-family: 'Museo Sans W01_900', sans-serif;font-weight: 900;line-height: 37px;}
#ecyber_survey p {padding: 5px 0 0 0; margin: 0 auto; font-size: 20px; line-height: 30px; color: #000;font-family: 'Museo Sans W01_300', sans-serif; font-weight: 300; width: 90%; max-width: 980px;}
#ecyber_survey p strong {font-family: 'Museo Sans W01_700', sans-serif; font-weight: 700; }

#ecyber_survey p:last-of-type {width: 90%; max-width: 920px; padding: 15px 0 0 0; margin: 0 auto; font-size: 11px; line-height: 13px; color: #000;font-family: 'Museo Sans W01_500', sans-serif; font-weight: 500;}
#ecyber_survey p:last-of-type a {color: #000; text-decoration: none;}

#ecyber_survey #survey_circles {display: none;}


#ecyber_survey a.ecybermission_button {background: #4d2f8d; color: #fff; width: 130px;margin: 20px auto 11px;}




/* Footer */
#ecyber_footer {background:#0089d0; padding: 13px 0 20px; font-family:'Museo Sans W01_300', sans-serif; font-size: 14px; color: #333; text-align: center;}
#ecyber_footer .extracredit_icon {display: block; width: 143px; margin: 0 auto 3px;}

#ecyber_footer p {padding: 3px 0 0 0; margin: 0 auto; font-size: 16px; line-height: 22px; color: #fff;font-family: 'Museo Sans W01_300', sans-serif; font-weight: 300; width: 90%; max-width: 980px;}
#ecyber_footer p a {font-family: 'Museo Sans W01_900', sans-serif; font-weight: 900; color: #fff;}


/* Media Queries */

@media only screen and (min-width: 480px) {
  
.divider {width: 335px;}
  
}

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

}

@media only screen and (min-width: 865px) {
  
#competition_section #quiz_image {display: inline-block; margin: 0; width: 310px; vertical-align: top;}
#competition_section #quiz_text {display: inline-block;  width: 460px; vertical-align: top; text-align: left;margin: -3px 59px 2px 32px;}
#competition_section #quiz_text p {text-align: left;}
#competition_section #quiz_text a.teacher_button  {margin: 30px 0;}

}

@media only screen and (min-width: 960px) {
#ecyber_hero {
	background: #f3f4c7 url(../images/header.png) center center no-repeat;
	background-size: cover;
	height: 446px;
}

#ecyber_hero #hero_sponsored {text-align: left;margin: 13px 0 0 110px;z-index: 1;position: relative;}
#ecyber_hero h1#hero_logo {width: 416px; height: 215px; background:url(../images/headline.png) center center no-repeat; background-size: contain; display: block; margin: 41px auto 0;padding: 0; text-indent: -9999px;z-index: 11;position: relative;}
#ecyber_hero #hero_sponsored_logo { display: block; margin: 0; position: absolute; right: 24px; bottom: 14px;}
#ecyber_hero #hero_burst { position: absolute; right: 0; bottom: 20px;left: 0;margin: auto;top: 0;bottom: 0;}
#ecyber_hero #hero_burst_container {height: 310px; width: 310px; background:url(../images/burst_circles.png) center center no-repeat; background-size: contain; position: absolute; right: -47px; top: 86px;}

#ecyber_hero #header_art_left {position: absolute; left: -42px; top: -36px; width: 345px; display: block;}
#ecyber_hero #header_art_right {position: absolute; right: 110px; top: -21px; width: 201px; display: block;}

#coned_share-links {position:absolute; left:20px; bottom:20px;}
  

#ecyber_nav ul {padding: 25px 0; overflow: hidden;}
#ecyber_nav ul li {display:inline-block; width: 33%}
#ecyber_nav ul li a {height:20px; line-height:20px; padding: 0 18px; border-right: 1px solid white;}
#ecyber_nav #last {border-right: none;}

#competition_section #learn_circles  {position: absolute; left: -75px; top: 192px; width: 306px; display: block;z-index: 1;}
#competition_section #learn_art {position: absolute; right: -45px; top: 280px; width: 254px; display: block;}

#materials_lessons #lessons_intro #materials_fan {width: 522px; display: inline-block; margin: 0 auto; vertical-align: top; }
#materials_lessons #lessons_intro #toolkits {width: 298px; display: inline-block; vertical-align: top;margin: 38px 0 0 25px;} 

#materials_lessons #materials_circles {position: absolute; right: -77px; top: 365px; width: 284px; display: block;height: auto;}
  
#lessons_pods  {text-align: left;}
#resources_pods  {text-align: left;}

#ecyber_survey #survey_circles {position: absolute; left: 14px; top: 1px; width: 269px; display: block;height: auto;}


}

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


}

@media only screen and (min-width: 1080px) {
#ecyber_hero #header_art_left {position: absolute; left: 12px; top: -36px; width: 345px; display: block;}
#ecyber_hero #header_art_right {position: absolute; right: 180px; top: -21px; width: 201px; display: block;}
#competition_section #learn_art {position: absolute; right: 25px; top: 280px; width: 254px; display: block;}
#competition_section #learn_circles {position: absolute; left: 0px; top: 192px; width: 306px; display: block;z-index: 1;}

}

@media only screen and (min-width: 1320px) {
#ecyber_hero .ecyber_content {overflow: initial;}  
  
/* Competition */
#competition_section .ecyber_content {overflow: initial;}
/* Lessons */
#materials_lessons .ecyber_content {overflow: initial;}
/* Survey */
#ecyber_survey .ecyber_content {overflow: initial;}
}