/* font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Montserrat', sans-serif; 
font-family:'Museo Sans W01_300';
font-family:'Museo Sans W01_700';


*/


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

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

#remote sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.remote_section {width:100%; position:relative; z-index:1;}
.remote_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}
.clearfix:after {content:" "; clear:both; display:table;}
.remote_anchor {width:1px; height:1px; position:absolute; left:0; top:-60px;}

/* Hero */

#remote_hero #hero_top { text-align: center;
padding: 10px 0 57px;
position: relative;
background: #6fd7ab; /* Old browsers */
background: -moz-linear-gradient(45deg,  #6fd7ab 0%, #00c4da 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #6fd7ab 0%,#00c4da 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #6fd7ab 0%,#00c4da 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fd7ab', endColorstr='#00c4da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#remote_hero #hero_top h1 {max-width: 343px; width: 80%; min-height: 107px; background:url(../images/ec_logo.png) center center no-repeat; background-size: contain; display: block; margin: 0 auto 0;padding: 0; text-indent: -9999px;}
#remote_hero #hero_top #hero_sponsored {font-family:'Museo Sans W01_700', sans-serif; font-size: 10px; color: #9B9B9B;}

#remote_hero .remote_content {background: #fff; padding: 50px 0 0 0;}
#remote_hero .remote_content h2 {font-family: 'M PLUS Rounded 1c', sans-serif; color: #333; font-size: 29px; font-weight: 900; max-width: 930px; width: 90%; background: #fff; position: absolute; left: 0; right: 0; margin: auto; top: -40px; padding: 22px 0 0 0; text-align: center;}
#remote_hero .remote_content h3 {font-family: 'M PLUS Rounded 1c', sans-serif; color: #000; font-size: 29px; font-weight: 500; margin: 0 auto; text-align: center;	max-width: 855px; width: 90%;padding: 15px 0 0 0;line-height: 41px;}

#remote_hero .remote_content h3 span {background-color: #e1f9f9; display: inline; padding:2px 15px 5px 15px; margin-left:-15px;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;}
#remote_hero .remote_content #copydek {font-family: 'M PLUS Rounded 1c', sans-serif; color: #000; font-size: 19px; font-weight: 500; margin: 0 auto; text-align: center;	max-width: 885px; width: 90%;padding: 15px 0 0 0;line-height: 28px;}


#remote_hero .remote_content p {font-family: 'Montserrat', sans-serif;  font-size:12px;  text-align: center; width: 90%; margin: 0 auto; padding:0;}
#remote_hero .remote_content p a {color: #000; border-bottom: 4px solid #28D5D5; text-decoration: none;}
#remote_hero .remote_content p:last-of-type {line-height: 16px;padding: 5px 0 22px 0;}
#remote_hero .remote_content p.remote_looking {margin: 44px auto 20px auto; font-size:14px;}
#remote_hero .remote_content p.remote_looking a {color:#000; border-bottom:none; text-decoration:underline;}
#remote_hero .remote_content p.remote_looking span {background-color: #f8e71c;}


#hero_tags  {text-align: center;padding: 33px 0 30px 0;}
#hero_tags .hero_pod {width: 90%; margin: 0 auto; max-width: 345px; text-align: center; padding: 20px 0 20px 0;}
#hero_tags .hero_pod h4 {font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 21px; font-weight: 800; color: #c362ca;}
#hero_tags .hero_pod .hero_icon {width: 60px; height: auto; margin: 0 auto 12px; display: block;}
#hero_tags .hero_pod p {padding:0 0 15px 0;	font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 14px; font-weight: 500;width: 100%;line-height: 23px !important;}
#hero_tags .hero_pod p strong {font-weight: 800;}
#hero_tags #independent_hero {border-bottom: 2px dashed #B5B5B5;}
#hero_tags #hero_remote h4 {color: #70C870;}




/* Sections */

#remote_sections {
background: #eced77; /* Old browsers */
background: -moz-linear-gradient(45deg, #eced77 0%, #00c4da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #eced77 0%,#00c4da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #eced77 0%,#00c4da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eced77', endColorstr='#00c4da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 78px 0 45px 0;
}

#remote_sections h2 {font-family: 'M PLUS Rounded 1c', sans-serif; color: #000; font-size: 31px; font-weight: 500; margin: 0;padding: 0 0 31px 0;text-align: center;}

#remote_sections .remote_content {/*! text-align: center; */}

#remote_sections .remote_content .pods_holder {max-width: 960px; margin: 0 auto;}

#remote_sections .remote_content .pods_holder a {color:#333; text-decoration: none;}
#remote_sections .remote_content .remote_pod {background: #fff; width: 311px;margin: 0 auto 30px;height: 170px;box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.05);}
#remote_sections .remote_content .remote_pod .remote_grades {background:#e1f9f9; width: 62px; float: left;height: 100%; text-align: center;}
#remote_sections .remote_content .remote_pod .remote_grades h3 {font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 20px; font-weight: 900; margin: 5px 0 5px;}

#remote_sections .remote_content .remote_pod .remote_grades hr {
    border: 0;
    height: 1px;
    background: #333;
	width: 51px;
	margin: 0 auto;
}
#remote_sections .remote_content .remote_pod .remote_tags {width: 28px;}
#remote_sections .remote_content .remote_pod .onetag {margin: 52px 0 0 0;}
#remote_sections .remote_content .remote_pod .twotag_up {margin: 36px auto 0; display: block;}
#remote_sections .remote_content .remote_pod .twotag_dn {margin: 8px auto 0;}

#remote_sections .remote_content .remote_pod .remote_desc {width: 249px;display: block;float: left;padding: 8px 10px 10px 10px;text-align: left; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 500; font-size: 15px;line-height: 19px;letter-spacing: .1px;}
#remote_sections .remote_content .remote_pod .remote_desc strong {font-weight: 900; display: block;margin: 0 0 3px 0;letter-spacing: -.3px;}
#remote_sections .remote_content .remote_pod .remote_desc strong span {background-color:#f8e71c; display:inline-block; padding:0 2px;}
#remote_sections .remote_content .remote_pod .remote_image {display: none; width: 152px; float: left; position: relative;}
#remote_sections .remote_content .remote_pod .remote_image img {width: 142px; height: 170px;}

#remote_sections .remote_content .pods_holder .item_new {position:absolute; top:3px; left:3px; width:42px;transform: rotate(-0deg); display: none;}
#remote_sections .remote_content .pods_holder .item_new img {width:100%; height:auto;}

#remote_sections .remote_content .pods_holder .google_desc {margin: 16px 0 0 0; color: #3797eb;font-weight: 900;font-size: 13px;}

#remote_sections #remote_math h2 {padding: 42px 0 35px 0;}
#remote_sections #remote_science h2 {padding: 42px 0 35px 0;}
#remote_sections #remote_social h2 {padding: 42px 0 35px 0;}
#remote_sections #remote_health h2 {padding: 42px 0 35px 0;}

#remote_sections .remote_content .remote_pod:after {
  content: "";
  display: table;
  clear: both;
}

/* Updates */
#remote_more {background: #fff; padding: 22px 0 24px;}
#remote_more .remote_content {}	
#remote_more .remote_content p {color: #333; text-align: center; font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 27px; font-weight: 500; margin: 0 auto; width: 90%;line-height: 27px;}	
#remote_more .remote_content a {text-decoration: underline; color: #333;}
#remote_more .remote_content a:hover {text-decoration: none;}

/* Updates */
#remote_updates {background: #00C6D1; padding: 74px 0 40px;}
#remote_updates .remote_content {}	
#remote_updates .remote_content h2 {color: #fff; text-align: center; font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 54px; font-weight: 700;margin: 0;}	
#remote_updates .remote_content p {padding: 23px 0 28px; color: #fff; text-align: center; font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 19px; font-weight: 500; margin: 0 auto; width: 90%;}	

#remote_updates .remote_content .remote_icon {width: 54px; height: auto; margin: 0 auto 7px; display: block;}
#remote_updates .remote_content a.updates_btn {display:block; height:40px; line-height:40px; background:#fff; font-family: 'M PLUS Rounded 1c', sans-serif;  font-size: 11px; font-weight: 700; color:#333; text-decoration:none; text-align:center; box-sizing:border-box; width:138px; margin: 0 auto;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
letter-spacing: .5px;
}

/* Zoom */
#remote_zoom .remote_content {padding: 41px 0 41px 0;}
#remote_zoom .remote_content h2 {margin:0; padding:0 0 10px 0; font-size: 32px;}
#remote_zoom .remote_content #zoom_mobile_text {display: block;}
#remote_zoom .remote_content #zoom_desktop_text {display: none;}
#remote_zoom .remote_content p {margin:0 auto; width: 90%; padding:0; font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 15px; font-weight: 500; text-align: center;line-height: 25px;}
#remote_zoom .remote_content p strong {font-weight: 900;line-height: 21px;}
#remote_zoom .remote_content p a {color:#000; border-bottom:none; text-decoration:underline;background-color: #f8e71c;}
#remote_zoom .remote_content #zoom_thumbs {padding: 33px 0 0 0; text-align: center;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link {display: inline-block; width: 144px; height: 80px; box-shadow: -4px 4px 0 0 rgba(0,0,0,0.05); margin: 0 6px 26px; position: relative;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link img {width: 100%;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link .dwnld_icon {width: 34px; height: 34px; position: absolute; bottom: 0; left: 0;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link .dwnld_icon img {width: 100%;}

/* Swoop */
#remote_swoop {background:#00C6D1;}
.visual-accent .book-top-border {opacity: .1;}

/* Swoop 2 */
#remote_swoop2 {}
#remote_swoop2 img {width:100%; height:auto;}

/* Bottom */
#remote_bottom {background:#61a3f4; /*url(../images/footer_swoop.png) top center no-repeat; background-size: cover;*/ padding: 0 0 49px 0; font-family:'Museo Sans W01_300', sans-serif; font-size: 14px; color: #fff; text-align:center; /*! margin-top:-30px; */margin: 0;}
#remote_bottom p {padding: 6px 0 0 0; font-size: 10px; margin: 0;}
#remote_bottom a {color: #fff;text-decoration: underline;}
#remote_bottom #privacy_policy {font-family:'Museo Sans W01_700', sans-serif; font-size: 16px; color: #fff10f; text-transform: uppercase; padding-right: 10px;}
#remote_bottom #terms_of_use {padding: 0 33px;}


/* Modal */

#ecologyModal .modal-dialog {width:auto; max-width:680px;}

#ecologyModal .modal-body  p {padding: 8px 15px 0 15px;text-align: left; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 500; font-size: 16px;line-height: 26px;letter-spacing: .1px;}
#ecologyModal .modal-body  p a {background-color:#f8e71c; display:inline-block; padding:0 2px; text-decoration: underline; color: #000;}

#ecologyModal .modal-body .close {
    font-size: 31px;
    font-weight: 700;
    line-height: 0;
    color: #28d5d5;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
}

/* Media Queries */

@media only screen and (min-width: 480px) {
#hero_text h1 {margin: 30px auto 0;}
#remote_hero #hero_top #hero_sponsored {font-family:'Museo Sans W01_700', sans-serif; font-size: 10px; color: #9B9B9B; position: absolute; top: 10px; left: 10px;}
#remote_sections .remote_content .remote_pod .remote_image {display: block; width: 142px; }
#remote_sections .remote_content .remote_pod {width: 463px;}
#remote_sections .remote_content .remote_pod .remote_desc {width: 259px;}

#remote_zoom .remote_content h2 {font-size: 44px;}
#remote_zoom .remote_content #zoom_thumbs {padding: 33px 0 0 0; text-align: center; max-width: 480px; margin: 0 auto;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link {background: #378EDA; display: inline-block; width: 226px; height: 127px; box-shadow: -4px 4px 0 0 rgba(0,0,0,0.05); margin: 0 6px 26px; position: relative;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link .dwnld_icon {width: 53px; height: 53px; position: absolute; bottom: 0px; left: 0px;}
#remote_hero .remote_content p.remote_looking {margin: 34px auto 20px auto;}

}

@media only screen and (min-width: 600px) {
#remote_sections h2 {font-size: 41px;}
}

@media only screen and (min-width: 720px) {
#remote_hero .remote_content h2 {font-size: 34px;}

#remote_bottom {background:#61a3f4; padding: 0 0 49px 0; font-family:'Museo Sans W01_300', sans-serif; font-size: 14px; color: #fff; text-align:center;  }
#remote_swoop {}
#remote_hero .remote_content p.remote_looking {margin: 34px auto 20px auto;}
}

@media only screen and (min-width: 865px) {
#hero_tags .hero_pod {display: inline-block; vertical-align: top; padding: 0;}
#hero_tags #independent_hero {border-bottom: none; /*! border-right: 2px dashed #B5B5B5; */ padding: 0;margin: 0 20px 0 0;}
#hero_tags #hero_remote {margin: 0 0 0 20px;}
#hero_tags {background: url(../images/dashed_line_vert.png) center center no-repeat; background-size: 3.25px;}
#remote_hero .remote_content h2 {font-size: 42px;}

#ecologyModal .modal-body  p {font-size: 18px;line-height: 28px;}


}

@media only screen and (min-width: 960px) {
#remote_hero .remote_content h2 {font-size: 42px;}
#remote_sections .remote_content .remote_pod {display: inline-block; margin: 0 13px 24px 0;}
#remote_sections .remote_content .even {margin: 0 0 24px 13px;}
#remote_zoom .remote_content #zoom_mobile_text {display: none;}
#remote_zoom .remote_content #zoom_desktop_text {display: block;}
}

@media only screen and (min-width: 1024px) {
.remote_anchor {top:-240px;}
#remote.sticky .remote_anchor {top:-183px;}
#remote_hero .remote_content p.remote_looking {margin: 14px auto 20px auto;}

#remote_zoom .remote_content #zoom_thumbs {padding: 31px 0 0 0; text-align: center; max-width: none; margin: 0 auto;}
#remote_zoom .remote_content #zoom_thumbs .zoom_bg_link {margin: 0 6px 0;}
#remote_hero .remote_content h2 br {display: none;}
}

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