/*-----------------*/
/*	Browser Reset  */
/*-----------------*/
*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/*------------------*/
/*------------------*/
/*	General Styles  */
/*------------------*/
/*------------------*/
html  { font: 14px/20px "Open Sans", "Arial", sans-serif; font-weight: 200; color: #666; }

body { -webkit-font-smoothing: antialiased; }

h1 { font-size: 40px; line-height: 57px; }

h2 { font-size: 30px; line-height: 57px; }

h3 { font-size: 25px; line-height: 40px; margin: 15px 0; }

h4 { font-size: 20px; line-height: 20px; font-weight: 400; }

h5 { font-size: 16px; line-height: 20px; font-weight: 400; }

h6 { font-size: 14px; line-height: 20px; }

img { max-height: 100%; max-width: 100%; }

.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }

.wrapper { max-width: 980px; width: 100%; margin: 0 auto; }

a { color: #8db4d0; text-decoration: none; }

a:hover { text-decoration: underline; }

.italic { font-style: italic; }

.font_white { color: #fff; }

.font_blue { color: #8db4d0; }

.light { font-weight: 200 }

.semi { font-weight: 600 }

.bold { font-weight: 700; }

.upp { text-transform: uppercase; }

* { -webkit-text-size-adjust: 100%; }


/*------------------*/
/*	  Icon Font     */
/*------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?ym0qqz');
	src:url('fonts/icomoon.eot?#iefixym0qqz') format('embedded-opentype'),
		url('fonts/icomoon.woff?ym0qqz') format('woff'),
		url('fonts/icomoon.ttf?ym0qqz') format('truetype'),
		url('fonts/icomoon.svg?ym0qqz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #8db4d0;
	font-size: 70px;
}

.icon-amazon:before { content: "\e614"; }
.icon-android:before { content: "\e615"; }
.icon-windows:before { content: "\e616"; }
.icon-apple:before { content: "\e617"; }
.icon-slide-left:before { content: "\e612"; }
.icon-slide-right:before { content: "\e613"; }
.icon-community:before { content: "\e608"; }
.icon-reports:before { content: "\e609"; }
.icon-assessment:before { content: "\e60c"; }
.icon-grading:before { content: "\e60d"; }
.icon-pins:before { content: "\e60e"; }
.icon-tracker:before { content: "\e60f"; }
.icon-play:before { content: "\e611"; }
.icon-mark:before { content: "\e610"; }
.icon-download:before { content: "\e60a"; }
.icon-devices:before { content: "\e600"; }
.icon-book:before { content: "\e601"; }
.icon-abc:before { content: "\e602"; }
.icon-cross:before { content: "\e60b"; }
.icon-play-circle-fill:before { content: "\e604"; }
.icon-play-circle-outline:before { content: "\e605"; }
.icon-share:before { content: "\e603"; }
.icon-bubbles4:before { content: "\e970"; }
.icon-user:before { content: "\e971"; }
.icon-cog:before { content: "\e994"; }
.icon-stats-bars:before { content: "\e99c"; }
.icon-list2:before { content: "\e9bb"; }
.icon-arrow-right:before { content: "\ea34"; }
.icon-line-graph:before { content: "\e606"; }
.icon-feather:before { content: "\e607"; }

.circle { width: 80px; height: 80px; background-color: #fff; display: inline-block; margin-bottom: 33px; border-radius: 40px; }
	.circle i {
		font-size: 58px;
		display: inline-block;
		padding-top: 14px;
	}
	.circle .icon-abc {
		font-size: 42px;
		padding: 23px 0 0 2px;
	}
	.circle .icon-share { font-size: 52px; }
	.circle .icon-line-graph {
		font-size: 40px;
		padding-top: 21px;
	}
	.circle .icon-user {
		font-size: 50px;
		padding-top: 12px;
	}
	.circle .icon-book {
		font-size: 42px;
		padding-top: 20px;
	}
	.circle .icon-play-circle-fill {
		font-size: 73px;
		padding-top: 3px;
	}
	.circle .icon-feather {
		font-size: 43px;
		padding-top: 20px;
	}
	.circle .icon-devices {
		font-size: 46px;
		padding-top: 19px;
	}
	

/*------------------*/
/*	   Buttons      */
/*------------------*/
.btn { font-family: 'Open Sans'; display: inline-block; text-transform: uppercase; border: 0; border-radius: 5px; cursor: pointer; color: #666; background: #fff; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
.btn:hover { background: #eae9e9; text-decoration: none; }
.btn.lrg { padding: 10px 30px; font-size: 20px; line-height: 32px; font-weight: 600; }
.btn.sml { font-size: 13px; line-height: 14px; padding: 10px 20px; }
.btn.blue { color: #fff; background: #8db4d0; }
.btn.blue:hover { background: #7899b2; }
.btn.gray { background: #999; color: #fff; }
.btn.gray:hover { background: #777; }
.btn.trans { color: #8db4d0; }
.btn.trans:hover { background-color: #7899b2; color: #fff; }
.btn.block { display: inline-block; margin-top: 40px; }


/*------------------*/
/*	  Main Header   */
/*------------------*/
#main_header { height: 140px; background: #fff; width: 100%; border-top: 8px solid #8db4d0; }
#main_header .wrapper { margin-top: 32px; position: relative; }
#main_header #logo { float: left; width: 27%; }
#main_header a { cursor: pointer; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
#main_header #main_nav { width: 73%; float: right; text-align: right; font-weight: 400; }
#main_header #main_nav ul { font-size: 0; }
#main_header ul li { display: inline-block; }
#main_header ul li a { display: block; padding: 25px 30px; color: #666; font-size: 16px; text-align: center; }
#main_header ul li a:hover { text-decoration: none; color: #8db4d0; }
#main_header ul li a.login { padding: 25px 0 25px 10px; }
#main_header ul li.active a { color: #8db4d0; }

@media (max-width: 980px) { #main_header ul li a { padding: 25px 10px; font-size: 15px; letter-spacing: -0.02em; } }
header i.fa-reorder { display: none; position: absolute; color: #777; font-size: 25px; top: 10px; right: 11px; }

header #mobile_nav { display: none; }

/*---------------------*/
/*	   Main Content    */
/*---------------------*/
section header { text-align: center; }
section header h1 { position: relative; margin-bottom: 70px; margin-bottom: 38px; }
section header h1:before, section header h1:after { content: " "; position: absolute; top: .6em; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }
section header h1:before { left: 0; }
section header h1:after { right: 0; }
section header p { margin-bottom: 65px; font-style: italic; }

section#main_content { width: 100%; height: 100%; }

.section { padding: 60px 0; }

section.section.blue { background: #8db4d0; }

section.section.gray { background: #666; }

section.section.lightgray { background: #f0f0f0; border-top: 5px solid #e5e5e5; border-bottom: 5px solid #e5e5e5; }

section.section.white { background: #fff; }

section.section.comb { background: #f8f8f8 url(../img/hex_bg.svg) center center repeat; }

section.section.visualizing { background: url(../img/blurry-back.jpg) center top no-repeat; background-size: cover; width: 100%; height: 480px; padding: 100px 0; overflow: hidden; }

section.visualizing .intro { float: left; width: 39%; text-align: center; }

section.visualizing .intro h1 { margin-bottom: 25px; font-size: 32px; }

/* section.visualizing .intro a { display: inline-block; } */

section.visualizing .intro .video_button { width: 60px; margin: 0 auto 15px; cursor: pointer; }

section.visualizing .intro p { font-size: 12px; font-weight: 400; text-shadow: 1px 1px 1px #000; }

section.visualizing .ipad { background: url(../img/ipad.png) center center no-repeat; width: 612px; height: 413px; position: absolute; right: 0; top: -30px; }
section.visualizing .wrapper { position: relative; }

.demo-button { display: inline-block; background: rgba(86,90,93,.9); border: 3px solid #fff; color: #fff; padding: 20px 35px 20px 30px; border-radius: 32px; text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 19px; letter-spacing: 1px; transition: all 100ms ease; position: relative; left: calc(50% - 108px); top: 140px; transition: all 100ms; }
	.demo-button:hover { cursor: pointer; text-decoration: none; border-color: rgba(86,90,93,.9); background-color: #fff; color: rgb(86,90,93); }
	.demo-button i { font-size: 14px; color: #fff; margin-right: 5px; }
	.demo-button:hover i { color: rgb(86,90,93); }

section.how_it_works { background-color: #8db4d0; padding: 80px 0; }

section.how_it_works h1 { color: #fff; margin-bottom: 50px; }
section.how_it_works header h1:before, section.how_it_works header h1:after { width: calc(50% - 150px); border-color: #fff; }

section.how_it_works .explain { margin: 0 auto 70px; text-align: center; width: 65%; color: #444; line-height: 30px; font-weight: 400; }

section.how_it_works .material { float: left; width: 25%; color: #444; margin: 0 auto 15px; text-align: center; }
section.how_it_works .material:hover { text-decoration: none; }

section.how_it_works .card { height: 80px; width: 80px; margin: 0 auto 33px auto; position: relative; transition: transform 400ms ease; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }

section.how_it_works .card .circle { margin-bottom: 0; position: absolute; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
section.how_it_works .card .circle.back { background-color: #666; color: #fff; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }

section.how_it_works .material:hover .card { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }

/* section.how_it_works .material:hover .circle { background-color: #666; color: #fff; transition: all 0.3s ease;} */

/* section.how_it_works .material img { margin-bottom: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  } */

/* section.how_it_works .material img:hover { filter: url(filters.svg#grayscale); filter: gray;  -webkit-filter: grayscale(1); } */

section.how_it_works .material h4 { margin-bottom: .5em; font-size: 18px; font-weight: 600; }

section.how_it_works .material p { font-size: 14px; font-weight: 300; line-height: 24px; /* max-width: 185px; */ margin: 0 auto; }

.arrow-down { width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; margin: 0 auto; border-top: 14px solid #8db4d0; }

.arrow-down.white { border-top-color: #fff;  }

.arrow-down.gray { border-top-color: #e5e5e5;  }

section.mc { padding-top: 0; background: #eee; text-align: center; }

section.mc .icon { display: block; line-height: 52px; }
section.mc .icon-mark { color: #555; font-size: 56px; margin: 70px 0 40px 0; }
section.mc .feature .icon.icon-tracker { font-size: 42px; }

section.mc h2 { font-size: 18px; font-weight: 600; line-height: 40px; }
section.mc h2 a { color: #666666; text-decoration: none; }
section.mc p { font-size: 16px; line-height: 30px; max-width: 800px; margin: 0 auto; }
section.mc .btn { background: #8db4d0; padding: 8px 45px; color: #fff; margin: 40px 0 80px 0; transition: all 300ms ease; }
section.mc .btn:hover { background-color: #7899b2; }

section.mc .feature { width: 33%; float: left; padding: 0 40px 120px 40px; min-height: 335px; position: relative; }
section.mc .feature .icon { font-size: 52px; margin-bottom: 25px; color: #bbb; }
section.mc .feature h4 { font-size: 15px; line-height: 24px; font-weight: 600; color: #555; text-transform: uppercase; margin-bottom: 10px; }
section.mc .feature p { font-size: 15px; line-height: 26px; font-size: #888; }

.learnmore { font-size: 10px; color: #555; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; position: absolute; bottom: 90px; left: 0; width: 100%; }
.min390 { min-height: 390px; }
.available { font-size: 12px; color: #555; width: 100%; font-weight: 600; position: absolute; bottom: 44px;}

section.about_mc { text-align: center; background-color: #8db4d0; padding: 0 0 60px 0; color: #fff; }
section.about_mc a { color: #ffffff; }
section.about_mc a:hover { text-decoration: none; }

section.about_mc .wrapper { padding: 60px 0 0 0; }
section.about_mc p { font-size: 18px; line-height: 24px; }

.mc_logo { background: url(../img/mc_logo.svg) center center no-repeat; width: 231px; height: 56px; display: inline-block; margin-bottom: 30px; }

section.teachers { padding: 100px 0; }

section.teachers .wrapper { position: relative; overflow: hidden; }

section.teachers .wrapper i { font-size: 40px; top: 40%; color: #cecece; cursor: pointer; z-index: 4; position: absolute; }

section.teachers .wrapper .icon-slide-left { left: 1%; }

section.teachers .wrapper .icon-slide-right { right: 1%; }

section.teachers .bio_gallery { width: 85%; margin: 0 auto; min-height: 195px; }

section.teachers .bio.gallery_slide { opacity: 0; /* width: inherit; */ margin: 0 auto; position: absolute; top: 0; left: 75px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

section.teachers .bio.gallery_slide.active { display: block; position: relative; left: 0; opacity: 1; }

section.teachers .bio.gallery_slide.leaving { opacity: 0; }

section.teachers .bio img { float: left; margin-right: 2em; }

section.teachers .bio .details { float: left; width: 70%; }

section.teachers header { text-align: left; }

section.teachers header p { margin-bottom: 15px; }

section.teachers .bio p { font-size: 14px; line-height: 22px; }

section.teachers .bio .details h5 { margin-bottom: 15px; }

section.teachers .bio .details .school_roles { margin-bottom: 15px; }

section.distribution { background: url(../img/dark-texture.png); background-size: 200px; padding: 65px 0; width: 100%; }

section.distribution .wrapper { width: 1005; max-width: 985px; margin: 0 auto; }

section.distribution ul { width: 100%; margin: 0 auto; text-align: center; }

section.distribution ul li { display: inline-block; max-width: 13%; vertical-align: middle; }

section.distribution li+li { margin-left: 25px; }

section.distribution ul li a { display: block; text-align: center; }

.need_know { text-align: center; border-bottom: 5px solid #e5e5e5; padding: 60px 0; }
.need_know h1 { margin-bottom: 60px; }
.need_know h3 { margin-bottom: 50px; font-style: italic; line-height: 30px; }
.need_know .video_button { margin: 0 auto 25px; cursor: pointer; }
.need_know .video_button .video { display: none; margin: 0 auto; }
.need_know p.upp { margin-bottom: 15px; }
.need_know p a { color: #fff; text-decoration: underline; }

section.youtube { padding: 25px 0; border-bottom: 5px solid #e5e5e5; }

section.youtube .wrapper { text-align: center; }

section.youtube img { margin: 0 auto; }

section.youtube p { width: 300px; text-align: center; margin: 0 auto; font-weight: 600;; }

section.recent_articles { border-bottom: 5px solid #e5e5e5; }

section.recent_articles header h1:before, section.recent_articles header h1:after { width: calc(50% - 170px); }

section.recent_articles article .article_item { padding: 75px 0; width: 100%; border-bottom: 1px solid #ccc; }

section.recent_articles article .article_item:last-child { border: 0; }

/*
section.recent_articles article .article_item .date { float: left; width: 7%; margin-right: 4em; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; text-align: center; padding: 8px 0; }

section.recent_articles article .article_item .date h3 { line-height: 22px; }

section.recent_articles article .article_item .date p { font-size: 11px; }
*/

section.recent_articles article .article_item .image { float: left; width: 33%; margin-right: 3em; }

section.recent_articles article .article_item .article { float: left; width: 47%; }

section.recent_articles article .article_item .article h2 { line-height: 35px; margin-bottom: 10px; }

section.recent_articles article .article_item .article h5 { margin-bottom: 25px; }

section.recent_articles article .article_item .article p { line-height: 22px; }

section.support_materials { border-top: 5px solid #e5e5e5; }
section.support_materials header { width: 100%; overflow: hidden; text-align: center; }

section.support_materials header h1 { position: relative; }

section.support_materials header h1:before, section.support_materials header h1:after { content: " "; position: absolute; top: .6em; width: calc(50% - 110px); border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

section.support_materials header h1:before { left: -10px; }

section.support_materials header h1:after { right: -10px; }

section.support_materials .material { float: left; width: 25%; margin: 50px auto 50px; text-align: center; }

section.support_materials .material img { margin-bottom: 40px; }

section.map { width: 100%; background: url(../img/map_lrg.jpg); background-size: cover; height: 375px; background-repeat: no-repeat; background-position: -275px 0; }

section.our_story header { width: 100%; overflow: hidden; text-align: center; }

section.our_story header h1 { position: relative; margin-bottom: 70px;}

section.our_story header h1:before, section.our_story header h1:after { content: " "; position: absolute; top: .6em; width: calc(50% - 100px); border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

section.our_story header h1:before { left: -10px; }

section.our_story header h1:after { right: -10px; }

section.our_story .story { text-align: center; }

section.our_story .story p { margin: 0 auto 20px; width: 75%; font-size: 16px; line-height: 26px; }

section.our_story .story p a { color: #2da9c0; text-decoration: none; }

section.our_story .story p a:hover { text-decoration: underline; }

section.our_team h1 { float: left; width: 100%; margin-bottom: 80px; }

section.our_team .bio { width: 100%; margin-bottom: 55px; }

section.our_team .bio a { float: left; width: 20%; margin-right: 2em; }

section.our_team .bio .details { float: left; width: 75%; margin-top: 15px; }

section.our_team .bio .details h5 { margin-bottom: 15px; }

section.self_service_support header h1:before, section.self_service_support header h1:after { width: calc(50% - 170px); }
section.self_service_support .material { position: relative; float: left; width: 31%; height: 366px; margin: 30px 1% 0; text-align: center; border: 1px solid #E6E6E6; border-radius: 10px; padding-bottom: 75px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
section.self_service_support .material header { background: #F5F5F5; padding: 20px 0; margin-bottom: 22px; border-radius: 10px 10px 0 0; }
section.self_service_support .material .description { padding: 0 25px; margin: 1em 0 2em; font-style: italic; }
section.self_service_support .material .btnWrap { position: absolute; bottom: 30px; left: 0; width: 100%; }
section.self_service_support .material .btn { font-weight: 600; font-size: 12px; font-weight: 600; background: #F5F5F5; border: 1px solid #BBB; border-radius: 50px; }

.contact_form .wrapper { text-align: center; }

.contact_form header { text-align: center; }

.contact_form header h1 { position: relative; margin-bottom: 70px; margin-bottom: 25px; }

.contact_form header p { margin-bottom: 50px; font-style: italic; }

.contact_form header h1:before, .contact_form header h1:after { content: " "; position: absolute; top: .6em; width: calc(50% - 130px); border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

.contact_form header h1:before { left: -10px; }

.contact_form header h1:after { right: -10px; }

.contact_form form .inputs input, .contact_form form .inputs select, .contact_form form .inputs textarea { width: 100%; font-size: 16px; line-height: 20px; color: #666; background: #fff; border: 1px solid #999; padding: 10px; resize: none; margin-bottom: 15px; border-radius: 0; }

.contact_form form .inputs ::-webkit-input-placeholder { color: #666; }

.contact_form form .inputs :-moz-placeholder { /* Firefox 18- */ color: #666; }

.contact_form form .inputs ::-moz-placeholder { color: #666; }

.contact_form form .inputs :-ms-input-placeholder { color: #666; }

.contact_form form .inputs .left_form { float: left; width: 45%; margin-right: 2em; }

.contact_form form .inputs .right_form { float: left; width: 50%; }

.contact_form form .inputs .left_form .select { position: relative; }

.contact_form form .inputs .left_form .select i { position: absolute; top: 6px; right: 15px; color: #999; }

.contact_form form .inputs .left_form .select select { background: #fff; color: #666; padding: 10px; font-size: 16px; line-height: 1; border-radius: 0; height: 40px; -webkit-appearance: none; }

.contact_form form .inputs .right_form textarea { height: 209px; }

.contact_form form button.btn { margin: 25px auto; }

.contact_form #help_submit { transition: all 400ms ease; -webkit-transition: background-color all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; background-size: 50px !important; background-position: center center; background-repeat: no-repeat }
.contact_form #help_submit.loading { background-image: url(../img/loader.gif); width: 100px; height: 52px; }

section.privacy_policy header { text-align: center; }

section.privacy_policy header h1 { position: relative; margin-bottom: 70px; margin-bottom: 38px; }

section.privacy_policy header p { margin-bottom: 65px; font-style: italic; }

section.privacy_policy header h1:before, section.privacy_policy header h1:after { content: " "; position: absolute; top: .6em; width: calc(50% - 260px); border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

section.privacy_policy header h1:before { left: -10px; }

section.privacy_policy header h1:after { right: -10px; }

section.privacy_policy .policies strong { font-weight: 700; }

section.privacy_policy .policies p, section.privacy_policy .policies ul { margin-bottom: 25px; line-height: 140%; }

section.privacy_policy .policies ul li { margin: 0 0 0 25px; list-style-type: disc; }

section.privacy_policy .policies h4 { margin-bottom: 25px; }

section.privacy_policy .policies h5 { margin-bottom: 30px; }

section.privacy_policy header h1.coppa:before, section.privacy_policy header h1.coppa:after { width: calc(50% - 330px); }

section.release_notes header h1:before, section.release_notes header h1:after { content: " "; position: absolute; top: .6em; width: calc(50% - 160px); border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

section.release_notes article+article { padding-top: 40px; }

section.release_notes h4 { margin-bottom: 7px; }

section.release_notes .small { color: rgb(179, 179, 179); font-size: 14px; margin-left: 10px; text-transform: uppercase; }

section.release_notes p { line-height: 140%; }

section.release_notes ul { margin-bottom: 8px; }
section.release_notes li { margin: 0 0 0 25px; list-style-type: disc; line-height: 140%; }

section.terms header { text-align: center; }

section.terms header h1 { position: relative; margin-bottom: 70px; margin-bottom: 38px; }

section.terms header p { margin-bottom: 65px; font-style: italic; }

section.terms header h1:before, section.terms header h1:after { content: " "; position: absolute; top: .6em; width: 7%; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; height: 12px; display: inline-block; }

section.terms header h1:before { left: -10px; }

section.terms header h1:after { right: -10px; }

section.terms .policies strong { font-weight: 700; font-weight: 700; }

section.terms .policies p, section.terms .policies ul { margin-bottom: 25px; line-height: 140%; }

section.terms .policies ul li { margin: 0 0 0 25px; list-style-type: disc; }

section.terms .policies ul li.num { list-style-type: decimal; }

section.terms .policies h4 { margin-bottom: 25px; }

section.terms .policies h5 { margin-bottom: 30px; }

section.features header h1:before, section.features header h1:after { width: calc(50% - 200px); }
section.features .feature_item { padding: 35px 0; max-width: 680px; margin: 0 auto; }
section.features .feature_item .image { width: 25%; margin-right: 4em; float: left; }
section.features .feature_item.alt .image { float: right; margin-right: 0; }
section.features .feature_item .specs { width: 60%; float: left; }

section.features .feature_item .specs h2 { font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: 600; }
section.features .feature_item .specs p { font-size: 14px; line-height: 24px; }
section.features .act { width: 100%; text-align: center; }
section.features .act button.btn { margin: 0 auto; }


#apps header h1:before, #apps header h1:after { width: calc(50% - 130px); }
#mc-apps header h1:before, #mc-apps header h1:after { width: calc(50% - 180px); }
#apps .appWrap { text-align: center; margin-bottom: 80px; }

#apps h4 { font-size: 15px; line-height: 24px; font-weight: 600; color: #555; text-transform: uppercase; margin-bottom: 10px; }

#apps p.alt { margin-bottom: 15px; line-height: 160%; }
#apps p.alt a { color: #666666; }
#apps p.alt a:hover { text-decoration: none; }
#apps .appCol { width: 256px; vertical-align: top; text-align: center; display: inline-block; margin: 0 25px; }
#apps .mainIcon { margin-bottom: 30px; }
.appButtons { margin-top: 20px; }
.appButtons a { display: inline-block; background: #eee; border-radius: 50%; width: 36px; height: 36px; text-align: center; border: 1px solid #bbb; transition: all 200ms ease; position: relative; /* position: relative; text-decoration: none; */ }
.appButtons a+a { margin-left: 15px; }
.appButtons i { font-size: 20px; padding-top: 6px; display: inline-block; color: #777; }
.appButtons i.icon-windows { /* padding-top: 6px; */ }
	.appButtons a:hover { text-decoration: none; background-color: #777; }
	.appButtons a:hover i { color: #eee; }
	
	.appButtons small { position: absolute; bottom: -20px; width: 80px; left: -22px; font-size: 11px; color: #555; font-weight: 400; }

.column-three { width: 33%; float: left; text-align: center; position: relative; }
.column-three p { font-style: italic; font-size: 14px; line-height: 24px; padding: 0 20px; }


.app-icon { height: 114px; width: 114px; display: inline-block; border-radius: 15px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; }
.app-icon.common-core { background-image: url(../img/core_app.png); }
.app-icon.state-core { background-image: url(../img/state_apps.png); width: 192px; height: 147px; margin-top: -15px; margin-bottom: 12px; }
.app-icon.science { background-image: url(../img/science_app.png);  }

/*------------------*/
/*	   Footer       */
/*------------------*/
footer#main_footer { background: #666; padding: 90px 0 130px 0; width: 100%; border-bottom: 1px solid #396072; text-align: center; }

footer#main_footer .wrapper { width: 95%; }

footer#main_footer ul { font-size: 0; }

footer#main_footer ul li { display: inline-block; font-size: 14px; }

footer #social_nav { width: 330px; margin: 0 auto; }

footer #social_nav li { width: 20%; }

footer #social_nav li a { background: #d1d1d1; width: 32px; height: 32px; display: block; margin: 0 10px; border-radius: 9999px; }

footer #social_nav li a:hover { background: #fff; text-decoration: none; }

footer #social_nav li a i { font-size: 15px; color: #666; position: relative; top: 7px; display: inline; vertical-align: middle; height: 32px; }

footer #footer_nav { width: 80%; margin: 60px auto 0; }

footer #footer_nav li { width: 10%; }

footer #footer_nav li a { display: block; font-size: 14px; color: #fff; padding: 5px 14px; border-left: 1px solid #8d8d8d; border-bottom: 3px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

footer #footer_nav li:last-child { width: 16%; }
footer #footer_nav li:last-child a { border-right: 1px solid #8d8d8d; white-space: nowrap; }

footer #footer_nav li a:hover { text-decoration: none; border-bottom: 3px solid #8db4d0; }

@media (max-width: 1000px) {
	footer #footer_nav li, footer #footer_nav li:last-child { width: auto; }
	footer #footer_nav li a { }
}
@media (max-width: 480px) {
  footer #footer_nav li a { border-left: 0; padding: 5px 10px; font-size: 12px; }
}


footer button.btn { margin: 0 auto; text-align: center; margin-top: 40px; }

footer #copyright { width: 250px; margin: 0 auto; font-size: 12px; text-align: center; color: #fff; font-style: italic; padding: 24px 0; }

/* --------------------- */
/*       Modals          */
/* --------------------- */
aside.modal_shadow { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; }

aside.modal { display: none; width: 760px; background: #fff; border-radius: 5px; padding: 50px 30px 30px 30px; position: fixed; top: 50px; left: 50%; margin-left: -380px; z-index: 1001; box-shadow: 0px 0px 11px #666; }

aside.modal section#video_container { margin: 0 auto; text-align: center; }

aside.modal .inner .close { width: 20px; height: 20px; position: absolute; top: 25px; right: 15px; display: inline-block; cursor: pointer; font: 200 24px/1px "FontAwesome"; color: #538ba6; }

@media (max-width: 980px) {
	#main_header #logo { margin-left: 30px; }
	#main_header #main_nav { width: auto; margin-right: 30px; }
	section.section.visualizing { height: 425px; padding: 80px 0;  }
	section.visualizing .ipad { width: 530px; height: 360px; background-size: contain; top: -10px; }
	.demo-button { top: 120px; }
	section.visualizing .intro h1 { font-size: 28px; line-height: 53px; }
}

@media (max-width: 880px) {
	#main_header #logo { width: 180px; padding-top: 10px; height: 59px; display: inline-block; }
	section.mc .feature { min-height: 375px; }
}

@media (max-width: 767px) { section.section { padding: 50px 0; }
  .wrapper { width: 95%; }
  header#main_header { height: 115px; }
  
  header#main_header #main_nav { display: none; }
  header#main_header #logo { width: 165px; margin-left: 10px; padding-top: 0; height: 45px; }
  header#main_header #logo img {  }
  header#main_header .btn.sml { font-size: 11px; }
  header#main_header i.fa-reorder { display: block; }
  header#main_header i.fa-reorder:hover, header#main_header i.fa-reorder.active { color: #000; }
  .mobile_hide { display: none; }
  section.section.visualizing { padding: 50px 0 0 0; height: auto; }
  section.section.visualizing .intro { width: 100%; float: none; }
  section.section.visualizing .intro h1 { font-size: 25px; line-height: 35px; }
  section.visualizing .wrapper { padding-bottom: 52%; }
  section.visualizing .ipad { top: auto; bottom: -5px; width: 100%; height: auto; padding-bottom: 51%; }
  .demo-button { position: absolute; top: 30%; }
  
	header #mobile_nav { display: none; z-index: 3; position: absolute; top: 35px; right: 12px; width: 190px; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 1px 1px 3px #555; }
	header #mobile_nav ul { width: 100%; margin: 0; text-align: center; }
	header #mobile_nav ul li { border-bottom: 1px solid #ccc; width: 100%; float: none; }
	header #mobile_nav ul li:last-child { border: 0; }
	header #mobile_nav ul li a { padding: 15px; }
	header #mobile_nav ul li a.blue { background: #8db4d0; color: #fff; border-radius: 0 0 3px 3px; }
	header #mobile_nav ul li a.blue:hover { background: #7899b2; }
  
  section.section.distribution { padding: 30px 0 0 0; }
  section.section.distribution ul li { width: 33%; }
  section.distribution li+li { margin-left: 25px; margin-bottom: 20px; }
  section.how_it_works header { margin-bottom: 20px; }
  section.how_it_works .material { width: 50%; margin: 25px 0; }
  section.how_it_works .material img { margin: 15px 0; }
  section.how_it_works .explain { margin: 0 auto 10px; }
  section.teachers .bio_gallery { width: 80%; }
  section.teachers .bio.gallery_slide { width: 100%; }
  section.teachers .bio .details { width: 85%; float: none; margin: 0 auto; }
  section.teachers .bio .details h5 { margin: 5px auto 15px; text-align: center; }
  section.teachers .bio img { float: none; text-align: center; display: block; margin: 0 auto; width: 50%; }
  section.recent_articles article .article_item .date { display: none; }
  section.recent_articles article .article_item .article { width: 56%; }
  section.our_story header h1 { margin-bottom: 20px; }
  section.our_story .story p { width: 100%; }
  section.our_team h1 { text-align: center; float: none; }
  section.our_team .bio a { float: none; width: 30%; margin: 0 auto; display: block; }
  section.our_team .bio .details { width: 100%; }
  section.contact_form form .inputs .left_form { float: none; width: 45%; margin: 0 auto; }
  section.contact_form form .inputs .left_form { width: 100%; }
  section.contact_form form .inputs .right_form { width: 100%; }
  footer #footer_nav { width: 100%; }
  aside.modal { position: absolute; width: 320px; margin-left: -160px; }
  aside.modal_shadow { min-height: 1000px; }
  section.map { width: 100%; background: url(../img/mobile_map.jpg); background-size: cover; height: 250px; background-repeat: no-repeat; background-position: 0 0; }
  section.self_service_support .material { width: 48%; height: auto; }
  section.self_service_support .material:nth-of-type(3) { clear: left; }
  .contact_form form .inputs .left_form, .contact_form form .inputs .right_form { width: 100%; }
  
  section.mc { padding-top: 0; }
  section.mc .feature { width: 50%; min-height: 340px; }
  
  .column-three { float: none; width: 100%; }
  .column-three+.column-three { border-top: 1px solid #eee; padding-top: 40px; }
  
}

@media (max-width: 648px) {
	#apps .appCol+.appCol { margin-top: 40px; }
}

@media (max-width: 480px) {
/*   header#main_header #logo { width: 40%; } */
  section.section.visualizing .intro { width: 93%; margin: 0 auto; float: none; }
  section.how_it_works .explain { width: 100%; }
  section.how_it_works .material { width: 100%; margin: 10px 0; }
  section.recent_articles article .article_item .image { width: 75%; margin: 0 auto 15px; float: none; }
  section.recent_articles article .article_item .article { width: 95%; }
  section.support_materials h4 { font-size: 15px; }
  section.our_story .story p { text-align: left; }
  section.features .feature_item .image, section.features .feature_item.alt .image { width: 70%; margin: 0 auto 15px; float: none; text-align: center; }
  section.features .feature_item .specs { width: 100%; float: none; }
  footer #social_nav { width: 100%; }
  footer #social_nav li a { margin: 0 auto; }
  footer #footer_nav li:last-child a { border-right: none; }
  button.btn.lrg { padding: 10px 20px; }
  section.self_service_support .material { width: 98%; }
  
  section.mc .feature { width: 100%; float: none; min-height: intrinsic; }
  
  section.visualizing .ipad { padding-bottom: 65%; }
  section.visualizing .wrapper { padding-bottom: 70%; }
}