﻿#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}}.section{overflow:hidden}.section:before{content:'';position:absolute;top:0;left:0;width:120px;min-height:130%;height:inherit;background:#fff;border-right:1px solid #E5E4EA;z-index:30}.section .heading{margin-bottom:15px}.section .in-wrap{padding:0 50px}.section .fluid-img,.section .fluid-img img{position:relative}.section .accord-wrap{width:80%;position:relative;padding-top:44px;margin-top:40px}.section .accord-wrap .accord-link{position:absolute;top:0;text-decoration:none}.section .accord-wrap .accord-content{display:none}.section .plus{display:block;position:relative;width:44px;height:44px;border-radius:50%;border:2px solid #00201d;background:#fff}.section .plus:before,.section .plus:after{content:'';position:absolute;background:#00201d;width:24px;height:2px;top:0;bottom:0;left:0;right:0;margin:auto}.section .plus:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#fp-nav.left{left:37px;top:17%;margin:0 !important}.section.records .heading{color:#d74a39}.section.records .feature-blurb{width:80%}.section.records .fluid-img{top:15px}.section.records .fluid-img img{top:45px}.section.report-card{background:#9bbb59}.section.report-card .sleeve{padding:0 0 0 160px}.section.report-card .heading{color:#fff}.section.report-card .in-wrap{margin-top:235px}.section.report-card .rw{height:100%}.section.report-card .fluid-img{background:#fff;height:100%;overflow:hidden}.section.report-card .fluid-img img{max-height:802px;top:25px}.section.cm .heading{color:#b89a23}.section.cm .fluid-img img{height:100%;max-height:673px}.section.insights{background:#FAC672}.section.insights .sleeve{background:url(/assets/site/product/pages/04_insights-9f06411ed53e5ea4b1c633f3ad5066f4ab6a7d67fbc797e384d70d8d6404b5e0.jpg) 0 0 no-repeat}.section.insights .heading{color:#000}.section.insights .rw{position:relative;z-index:2}.section.insights .in-wrap{margin-top:30%}.section.insights .feature-blurb{width:70%}.section.insights .accord-wrap{width:80%}.section.quizzup{background:#518dca}.section.quizzup .heading{color:#fff}.section.quizzup .in-wrap{margin-top:80px}.section.quizzup .fluid-img img{width:100%;max-width:590px}.section.messages h2{color:#ff9e0d}.section.messages .fluid-img img{width:100%;max-width:494px}.section.messages .in-wrap{margin-top:100px}.section.health{background:imgae-url("site/product/pages/health_bg.png") repeat;background-size:4%}.section.health .heading{color:#87aa66}.section.health .fluid-img{float:right;right:25%}.section.health .fluid-img img{width:100%;max-width:444px}.section.character{background:url(/assets/site/product/pages/08_power_of_character_03-cd89e67efeeb5093c12e6e2d96e0780037037b6f4e7ded1e89c33306a8c4b9a4.png) 90% 50% no-repeat}.section.character .heading{color:#675da9;text-shadow:6px -5px 0 #FFF, 6px 5px 0 #FFF}.section.character .rw{height:100%}.section.character .in-wrap{position:relative;top:110px;left:50px;padding:5px 0 5px 50px}.section.attendance{background-color:#ed4e4d}.section.attendance .heading{color:#fff}.section.attendance .rw{padding-top:90px}.section.attendance .fluid-img{top:-90px;position:relative;left:50px}.section.attendance .fluid-img img{width:100%;max-width:760px}.section.attendance .in-wrap{margin-left:50px}.section.crystal{background:#fcfa4d}.section.crystal .heading{color:#000}.section.crystal .fluid-img{height:510px;margin-top:50px}.section.crystal .fluid-img img{margin:auto;width:100%}.section.parent-app{background:#fff}.section.parent-app .fluid-img{margin:7% auto}.section.parent-app .fluid-img img{width:100%;max-width:590px}.section.parent-app .heading{color:#ff9a26}#fp-nav ul li a{color:#005b52;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}#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='#records']:before{content:""}#fp-nav ul li a[href='#records']:active,#fp-nav ul li a[href='#records']:hover{background:#d74a39}#fp-nav ul li a[href='#records'].active{background:#d74a39}#fp-nav ul li a[href='#report-card']:before{content:""}#fp-nav ul li a[href='#report-card']:active,#fp-nav ul li a[href='#report-card']:hover{background:#9bbb59}#fp-nav ul li a[href='#report-card'].active{background:#9bbb59}#fp-nav ul li a[href='#cm']:before{content:""}#fp-nav ul li a[href='#cm']:active,#fp-nav ul li a[href='#cm']:hover{background:#b89a23}#fp-nav ul li a[href='#cm'].active{background:#b89a23}#fp-nav ul li a[href='#insights']:before{content:""}#fp-nav ul li a[href='#insights']:active,#fp-nav ul li a[href='#insights']:hover{background:#fac672}#fp-nav ul li a[href='#insights'].active{background:#fac672}#fp-nav ul li a[href='#quizzup']:before{content:""}#fp-nav ul li a[href='#quizzup']:active,#fp-nav ul li a[href='#quizzup']:hover{background:#518dca}#fp-nav ul li a[href='#quizzup'].active{background:#518dca}#fp-nav ul li a[href='#messages']:before{content:""}#fp-nav ul li a[href='#messages']:active,#fp-nav ul li a[href='#messages']:hover{background:#ff9e0d}#fp-nav ul li a[href='#messages'].active{background:#ff9e0d}#fp-nav ul li a[href='#health']:before{content:""}#fp-nav ul li a[href='#health']:active,#fp-nav ul li a[href='#health']:hover{background:#87aa66}#fp-nav ul li a[href='#health'].active{background:#87aa66}#fp-nav ul li a[href='#character']:before{content:""}#fp-nav ul li a[href='#character']:active,#fp-nav ul li a[href='#character']:hover{background:#675da9}#fp-nav ul li a[href='#character'].active{background:#675da9}#fp-nav ul li a[href='#attendance']:before{content:""}#fp-nav ul li a[href='#attendance']:active,#fp-nav ul li a[href='#attendance']:hover{background:#ed4e4d}#fp-nav ul li a[href='#attendance'].active{background:#ed4e4d}#fp-nav ul li a[href='#parent-app']:before{content:""}#fp-nav ul li a[href='#parent-app']:active,#fp-nav ul li a[href='#parent-app']:hover{background:#ff9a26;color:#3a0201}#fp-nav ul li a[href='#parent-app'].active{background:#ff9a26;color:#3a0201}#fp-nav ul li a[href='#crystal']:before{content:""}#fp-nav ul li a[href='#crystal']:active,#fp-nav ul li a[href='#crystal']:hover{background:#fcfa4d;color:#000}#fp-nav ul li a[href='#crystal'].active{background:#fcfa4d;color:#000}#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{background:#005b52}#fp-nav ul li a[href='#connect'].active{background:#005b52}@media (max-width: 768px){.breadcrumb{display:none}.section{position:relative;height:auto;overflow:hidden}.section:before{display:none !important}.section .sleeve{padding:90px 15px 30px 30px;overflow:hidden}.section p{font-size:16px;line-height:25px}.section .heading{font-size:30px}.section .in-wrap{padding-left:20px;padding-right:15px}.section .fluid-img img{width:100%}.section .accord-wrap{width:100% !important}.section .accord-wrap .accord-link{z-index:33}.section.records .feature-blurb{width:90%}.section.records .accord-link{width:90% !important}.section.records .fluid-img{top:0}.section.records .fluid-img img{top:30px !important;width:250%}.section.report-card .sleeve{padding-bottom:0 !important}.section.report-card .in-wrap{margin-top:100px;margin-bottom:30px;padding-right:30px}.section.report-card .fluid-img img{top:35px;width:150%}.section.cm .fluid-img{top:0}.section.insights .feature-blurb{width:100%}.section.insights .rw{position:static}.section.insights .in-wrap{position:relative;margin-top:-25px;z-index:2}.section.insights h2{margin-top:180px}.section.quizzup .accord-wrap,.section.messages .accord-wrap,.section.parent-app .accord-wrap{margin-bottom:30px}.section.quizzup .fluid-img,.section.messages .fluid-img,.section.parent-app .fluid-img{padding-right:15px}.section.quizzup .fluid-img img,.section.messages .fluid-img img,.section.parent-app .fluid-img img{margin:auto}.section.health .fluid-img{float:none;top:20px;right:10px;padding-right:15px}.section.health .fluid-img img{margin:auto}.section.attendance{background-position:center 260px;background-size:140%}.section.attendance .in-wrap{margin-left:0}.section.attendance .fluid-img{top:30px;width:165%;max-width:760px;left:20px}.section.character{background:none}.section.character .in-wrap{top:0;left:0;padding-left:20px;padding-right:15px}.section.character .fluid-img{position:relative;left:-280px}.section.character .fluid-img img{width:auto}.section.crystal .accord-wrap{margin-bottom:30px}.section.crystal .fluid-img{margin-top:0}.section.crystal .fluid-img img{width:initial}#fp-nav{display:none}.section.report-card .sleeve{padding:90px 0 30px 30px}.section.report-card .sleeve .in-wrap{margin-top:0}}@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:90px 15px 30px 30px;overflow:hidden}.section p{font-size:16px;line-height:25px}.section .heading{font-size:30px}.section .in-wrap{padding-left:20px;padding-right:15px}.section .fluid-img img{width:100%}.section .accord-wrap{width:100% !important}.section .accord-wrap .accord-link{z-index:33}.section.records .feature-blurb{width:90%}.section.records .accord-link{width:90% !important}.section.records .fluid-img{top:0}.section.records .fluid-img img{top:30px !important;width:250%}.section.report-card .sleeve{padding-bottom:0 !important}.section.report-card .in-wrap{margin-top:100px;margin-bottom:30px;padding-right:30px}.section.report-card .fluid-img img{top:35px;width:150%}.section.cm .fluid-img{top:0}.section.insights .feature-blurb{width:100%}.section.insights .rw{position:static}.section.insights .in-wrap{position:relative;margin-top:-25px;z-index:2}.section.insights h2{margin-top:180px}.section.quizzup .accord-wrap,.section.messages .accord-wrap,.section.parent-app .accord-wrap{margin-bottom:30px}.section.quizzup .fluid-img,.section.messages .fluid-img,.section.parent-app .fluid-img{padding-right:15px}.section.quizzup .fluid-img img,.section.messages .fluid-img img,.section.parent-app .fluid-img img{margin:auto}.section.health .fluid-img{float:none;top:20px;right:10px;padding-right:15px}.section.health .fluid-img img{margin:auto}.section.attendance{background-position:center 260px;background-size:140%}.section.attendance .in-wrap{margin-left:0}.section.attendance .fluid-img{top:30px;width:165%;max-width:760px;left:20px}.section.character{background:none}.section.character .in-wrap{top:0;left:0;padding-left:20px;padding-right:15px}.section.character .fluid-img{position:relative;left:-280px}.section.character .fluid-img img{width:auto}.section.crystal .accord-wrap{margin-bottom:30px}.section.crystal .fluid-img{margin-top:0}.section.crystal .fluid-img img{width:initial}#fp-nav{display:none}.section .sleeve{overflow:hidden;padding-top:140px}.section.records .fluid-img img{width:150% !important}.section.report-card .sleeve{padding:140px 0 0 30px}.section.report-card .fluid-img img{width:auto}.section.insights{height:100%}.section.insights .in-wrap{margin-top:40% !important}}@media (min-width: 992px) and (max-width: 1200px){.section{overflow:hidden}.section .heading{font-size:35px}.section.records .fluid-img{top:0;margin-right:-350px}.section.report-card .fluid-img{height:678px}.section.cm .fluid-img{height:480px}.section.insights .feature-blurb{width:70%}.section.insights .in-wrap{margin-top:20%}.section.insights .inner-wrap{background-size:86%;background-position:50px 0}.section.insights .inner-wrap:before{background-position:50px 0}.section.insights .accord-wrap{width:100%}.section.quizzup .rw{height:100%;position:relative}.section.quizzup .accord-wrap{width:100%}.section.quizzup .fluid-img{position:relative;top:50px;right:20px}.section.messages .rw{height:100%;position:relative}.section.messages .accord-wrap{width:100%}.section.messages .fluid-img{position:relative;top:50px;right:20px}.section.messages .in-wrap{margin-top:80px}.section.health .fluid-img{right:0px}.section.health .fluid-img img{width:80%}.section.character .in-wrap{left:0;top:50px;background:transparent}.section.character .accord-wrap{width:70%}.section.character .accord-content p{box-shadow:inset 0 0 0px 121px #fff}.section.attendance .in-wrap{margin-top:-110px}.section.attendance .accord-wrap{width:100%}.section.crystal .fluid-img{height:340px}#fp-nav ul li,#fp-nav ul li a{width:38px;height:38px}#fp-nav ul li a{padding:10px;font-size:16px}.section.parent-app .rw{height:100%;position:relative}.section.parent-app .accord-wrap{width:100%}.section.parent-app .fluid-img{position:relative;right:20px}}@media (min-width: 1200px){.section .sleeve{overflow:hidden}.section.character .in-wrap{background:transparent}.section.character .accord-content p{box-shadow:inset 0 0 0px 121px #fff}}@media (min-width: 1200px) and (max-width: 1300px){.section.report-card .fluid-img img{top:120px}.section.insights .in-wrap{margin-top:30% !important}.section.character .in-wrap{top:20%}}@media (min-height: 530px) 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}#fp-nav .section.parent-app img{width:auto !important;height:100% !important}.section.report-card .fluid-img img{margin-top:15%}}#fp-nav .nav-list-wrap{overflow:hidden}#fp-nav.up #upmore-hook{display:none !important}#fp-nav.up #dwnmore-hook{display:block !important}#fp-nav ul{position:relative}#fp-nav #upmore-hook,#fp-nav #dwnmore-hook{position:absolute;left:0}#fp-nav #upmore-hook:hover,#fp-nav #dwnmore-hook:hover{cursor:pointer}#fp-nav #upmore-hook{bottom:0;width:38px;height:38px;border-radius:50%}#fp-nav #upmore-hook:before{content:'';position:absolute;top:8px;left:0;right:0;width:6px;height:6px;margin:auto;background:rgba(15,197,179,0.65);box-shadow:0 9px 0 0 rgba(15,197,179,0.65),0 18px 0 0 rgba(15,197,179,0.65);border-radius:50%}#fp-nav #dwnmore-hook{display:none;top:0;width:100%;height:30px;background:-moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0.5) 100%);background:-webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0.5) 100%);background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.5) 100%)}
