﻿#header{position:fixed;top:0;left:0;width:100%;padding:30px;text-transform:uppercase;z-index:32;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#header .header-nav-wrap{padding:13px 0;position:relative;-webkit-transition:right 0.3s, padding 0.25s 0.2s;-moz-transition:right 0.3s, padding 0.25s 0.2s;-ms-transition:right 0.3s, padding 0.25s 0.2s;-o-transition:right 0.3s, padding 0.25s 0.2s;transition:right 0.3s, padding 0.25s 0.2s}#header .header-nav{display:inline-block;vertical-align:middle;margin-right:20px}#header .header-nav .itm{display:inline-block;padding-right:30px;padding-top:2px}#header .header-nav .hook{position:relative;padding:4px 0;z-index:1;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#header .header-nav .hook:before,#header .header-nav .hook:after{content:'';position:absolute;bottom:0;width:0;height:1px;background:#005b52;z-index:-1;-webkit-transition:background 0.3s, width 0.3s;-moz-transition:background 0.3s, width 0.3s;-ms-transition:background 0.3s, width 0.3s;-o-transition:background 0.3s, width 0.3s;transition:background 0.3s, width 0.3s}#header .header-nav .hook:before{left:0}#header .header-nav .hook:after{right:0}#header .header-nav .hook:hover:before,#header .header-nav .hook:hover:after{width:50%}#header .breadcrumb{color:#005b52;position:relative;display:inline-block;float:left;left:70px;font-size:20px;top:18px;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s}#header .breadcrumb .itm{float:left}#header .breadcrumb .icn,#header .breadcrumb .txt{display:inline-block;vertical-align:middle}#header .breadcrumb .icn{margin-right:10px;font-size:25px}#header .breadcrumb .txt{font-weight:bold;text-transform:uppercase}#logo-wrap{position:relative;left:0;width:60px;height:60px;padding:18px;color:#005b52;border-radius:50%;text-align:center;text-decoration:none;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}#logo-wrap:before{content:'';position:absolute;top:0;left:0;width:inherit;height:inherit;border:1px solid;border-radius:inherit;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s}#logo-wrap:hover{cursor:pointer}#logo-wrap:hover:before{border-color:rgba(0,0,0,0.3);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}#logo-wrap:active:before{border-color:rgba(0,0,0,0.3);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}#logo-wrap .icn{display:inline-block;vertical-align:middle;font-size:25px}#logo-wrap img{display:none}#logo-wrap .beta{display:inline-block;position:absolute;top:-10px;right:-20px;font-size:8px}#header.full #logo-wrap{width:auto !important;height:auto !important;padding:initial !important}#header.full #logo-wrap:before{border:0}#header.full #logo-wrap .icn{display:none}#header.full #logo-wrap img{display:block}#header.full .header-nav-wrap{padding:6px 0 2px;right:320px}#new-btn{display:inline-block;color:#005b52;position:relative;margin-right:5px;top:-10px;-webkit-animation:bounceInDown 1s both;-moz-animation:bounceInDown 1s both;-ms-animation:bounceInDown 1s both;-o-animation:bounceInDown 1s both;animation:bounceInDown 1s both;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}#header #logo-wrap:before{border-color:#005b52}#header .header-nav .hook{color:#005b52}#header .header-nav .hook:before,#header .header-nav .hook:after{background:#005b52}#header #sidebar-menu-btn{color:#005b52}#header #sidebar-menu-btn .icn-menu{background:#005b52}#header.white .header-nav .hook{color:#fff}#header.white .header-nav .hook:before,#header.white .header-nav .hook:after{background:#fff}#header.white .breadcrumb,#header.white #new-btn{color:#fff}#header.white #sidebar-menu-btn{color:#fff}#header.white #sidebar-menu-btn .icn-menu{background:#fff}#header.green #logo-wrap{color:#00cea5}#header.green #logo-wrap:before{border-color:#00cea5}#header.green .header-nav .hook{color:#00cea5}#header.green .header-nav .hook:before,#header.green .header-nav .hook:after{background:#00cea5}#header.green .breadcrumb,#header.green #new-btn{color:#00cea5}#header.green #sidebar-menu-btn{color:#00cea5}#header.green #sidebar-menu-btn .icn-menu{background:#00cea5}#sidebar-menu-btn{position:relative;top:5px;width:30px;height:24px}#sidebar-menu-btn .icn-menu{display:inline-block;width:30px;height:1px;box-shadow:0 8px 0 0, 0 -8px 0 0;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out}#sidebar-menu-btn:hover{cursor:pointer}#sidebar-menu-btn:hover .icn-menu{box-shadow:0 10px 0 0, 0 -10px 0 0}#header.header-hide{height:80px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}#header.header-show{height:80px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%)}@media (max-width: 767px){#header{background:rgba(255,255,255,0.5);padding:15px;border-bottom:1px solid #ccc}#header #logo-wrap{width:48px;height:48px;padding:13px}#header #logo-wrap .icn{font-size:20px}#header .header-nav-wrap{padding:10px 0}#header .header-nav{display:none}#header .breadcrumb{top:13px;left:10px;font-size:16px}#header .breadcrumb .icn{display:none}#sidebar-menu-btn{top:3px;right:3px}#sidebar-menu-btn .icn-menu{width:32px;box-shadow:0 10px 0 0, 0 -10px 0 0}#sidebar-menu-btn:hover .icn-menu{box-shadow:0 12px 0 0, 0 -12px 0 0}#new-btn{display:none}#header.white #logo-wrap{color:#fff}#header.white #logo-wrap:before{border-color:#fff}}@media (min-width: 768px) and (max-width: 991px){#header .header-nav{margin-right:0}#header .breadcrumb{left:30px}#header.white #logo-wrap{color:#fff}#header.white #logo-wrap:before{border-color:#fff}}@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:none;transform:none}}#header #logo-wrap{color:#00cea5}#header #logo-wrap:before{border-color:#00cea5}.section{overflow:hidden}.section:before{content:'';position:absolute;top:0;left:0;width:120px;min-height:100%;height:inherit;background:#fff;border-right:1px solid #E5E4EA;z-index:30}.section .heading{margin-bottom:20px}.section .in-wrap{padding:0 15px}.section .fluid-img,.section .fluid-img img{position:relative}#fp-nav.left{left:37px;top:25%;margin:0 !important}.section .in-wrap{margin-top:25%}.section .in-wrap .heading{color:#005b52}.section .in-wrap .feature-blurb{color:#000;width:80%;line-height:1.7}.section.teacher-app{background:#fff}.section.teacher-app .heading{color:#00cea5}.section.teacher-app .fluid-img{margin:7% auto}.section.teacher-app .fluid-img img{width:100%;max-width:590px}#fp-nav ul li a{color:#00cea5;border-color:transparent}#fp-nav ul li a:before{font-family:'icomoon';speak:none;font-size:18px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;display:inline-block;content:'';position:absolute;font-size:18px}#fp-nav ul li a:after{content:'';position:absolute;width:0;height:0;opacity:0;border-radius:50%;top:0;left:0;bottom:0;right:0;margin:auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}#fp-nav ul li a.active,#fp-nav ul li a:hover{color:#fff;background:#00cea5}#fp-nav ul li a.active:after,#fp-nav ul li a:hover:after{width:45px;height:45px;opacity:1}#fp-nav ul li a[href='#teacher-app']:before{content:""}#fp-nav ul li a[href='#connect']{color:#005b52}#fp-nav ul li a[href='#connect']:before{content:""}#fp-nav ul li a[href='#connect']:active,#fp-nav ul li a[href='#connect']:hover{color:#fff;background:#005b52}#fp-nav ul li a[href='#connect'].active{color:#fff;background:#005b52}@media (max-width: 768px){.breadcrumb{display:none}.section{position:relative;height:auto;overflow:hidden}.section:before{display:none !important}.section .sleeve{padding:50px 15px 30px 30px;overflow:hidden}.section p{font-size:16px;line-height:25px}.section .heading{font-size:30px}.section .in-wrap{margin-top:15%;padding-left:20px;padding-right:15px}.section .fluid-img img{width:100%}.section.teacher-app .accord-wrap{margin-bottom:30px}.section.teacher-app .fluid-img{padding-right:15px}.section.teacher-app .fluid-img img{margin:auto}#fp-nav{display:none}.fluid-img{left:0 !important;width:90% !important;height:auto !important}.fluid-img img{width:100% !important}}@media (min-width: 768px) and (max-width: 992px){.breadcrumb{display:none}.section{position:relative;height:auto;overflow:hidden}.section:before{display:none !important}.section .sleeve{padding:50px 15px 30px 30px;overflow:hidden}.section p{font-size:16px;line-height:25px}.section .heading{font-size:30px}.section .in-wrap{margin-top:15%;padding-left:20px;padding-right:15px}.section .fluid-img img{width:100%}.section.teacher-app .accord-wrap{margin-bottom:30px}.section.teacher-app .fluid-img{padding-right:15px}.section.teacher-app .fluid-img img{margin:auto}#fp-nav{display:none}.section .sleeve{overflow:hidden;padding-top:140px}}@media (min-width: 992px) and (max-width: 1200px){.section{overflow:hidden}.section .heading{font-size:35px}.section .rw{height:100%;position:relative}.section .fluid-img{position:relative;top:50px;right:20px}.section .in-wrap{margin-top:80px}.section.teacher-app .rw{height:100%;position:relative}.section.teacher-app .accord-wrap{width:100%}.section.teacher-app .fluid-img{position:relative;right:-30px}#fp-nav ul li,#fp-nav ul li a{width:38px;height:38px}#fp-nav ul li a{padding:10px;font-size:16px}}@media (min-width: 1200px){.section .sleeve{overflow:hidden}}@media (min-height: 560px) and (max-height: 767px){#fp-nav li{width:38px !important;height:38px !important;margin-top:5px !important}#fp-nav li a{width:38px !important;height:38px !important;padding:9px !important;font-size:16px !important}.section.teacher-app img{height:100% !important}}
