#head{background:url(/images/site/homepage/header-bg.jpg) center center no-repeat #232832;background-size:cover;padding:120px
0 130px;position:relative}#head
p{font-size:16pt}#head:after{position:absolute;bottom:0;left:0;right:0;top:0;background:rgba(15, 54, 60, 0.77);z-index:5;content:""}#head
*{position:relative;z-index:6}#head
.width{max-width:900px}#head
h1{font-size:44pt;font-weight:bold}#head
p{font-size:22pt;color:#f7f7f7}#head
.menu{text-align:center;border-bottom:2px solid #748099;position:absolute;bottom:0;left:0;right:0}.menu
li{display:inline-block}.menu li
a{color:#fff;display:inline-block;font-size:12pt;text-transform:uppercase;font-weight:bold;padding:15px
15px}.menu li
.selected{color:#fff;background:#748099}#head .menu .mobile-menu{border:2px
solid #fff;color:#fff;font-size:13pt;font-weight:normal;margin-bottom:16px;padding:6px;display:none}#head .menu .mobile-menu:hover{text-decoration:none;background:#fff;color:#333}.features{padding:0}.features
.block{position:relative;padding:80px
0;overflow:hidden}.features .block
.content{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:45%}.features .block:nth-child(2n+1) .content{right:auto;left:0;left:6%}.features .block
.width{padding-left:400px;width:700px;padding:0
0 0 400px;min-height:220px}.features .block:nth-of-type(2n ){background:#E5EEF1}#homepage h3,.features h3,.benefits h2,.next h3,.signup
h3{color:#333;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-weight:bold;font-size:18pt}#homepage h3,.features
h3{font-size:20pt}.features>h2,.benefits>h2{font-size:26pt}.features .block:nth-child(2n +1) .width{padding:0
400px 0 0}.features .block
.screenshot{background-color:#fff;display:inline-block;max-width:45%;box-shadow:0 0 22px 1px rgba(0, 0, 0, 0.17);text-align:center}.features .block:nth-child(2n+1) .screenshot{float:right}.features .block
.browser{padding-top:1.9%;background:url(/images/site/features/browser-mockup.png) center 0 no-repeat #fff;background-size:contain}.features .block .screenshot
img{max-width:100%;vertical-align:bottom}.features .block .screenshot.no-shadow{box-shadow:none}.features .screenshot
.scroller{max-height:400px;overflow:auto}.features .devices
.screenshot{box-shadow:none;background:0;padding:0
10%;text-align:center}.features .block
p{font-size:15pt;line-height:1.5em;margin:20px
0}.features .block
.button{}.features
h3{text-align:left}.members-feature
#head{background-image:url(/images/site/headers/comp.jpg);background-position:center 0}.feature-website
#head{background-image:url(/images/site/headers/academy.jpg)}.billing-feature
#head{background-image:url(/images/site/headers/kimura.jpg)}.billing-feature #head
.width{max-width:900px}.attendance-feature
#head{background-image:url(/images/site/features/attendance/desktop.png)}.dashboard-feature
#head{background-image:url(/images/site/headers/judo.jpg)}.features-signup
#head{background-image:url(/images/site/headers/thai-box.jpg);background-position:center 0}.accounts-feature
#head{background-image:url(/images/site/headers/kendo.jpg);background-position:center 0}.members-feature #head:after{background-color:rgba(38, 38, 32, 0.42)}.feature-website #head:after{background-color:rgba(34, 32, 50, 0.77)}.billing-feature #head:after{background-color:rgba(31, 41, 35, 0.77)}.dashboard-feature #head:after{background-color:rgba(36, 41, 43, 0.77)}.features-signup #head:after{background-color:rgba(41, 43, 36, 0.69)}.accounts-feature #head:after{background-color:rgba(19,23,24,0.37)}.ipad{margin-top:-310px;text-align:center}.ipad
img{max-width:90%}.signup{background:#f5f5f5;padding:70px
0}.signup
h3{margin-bottom:5px}.tracking{width:320px}.features-signup
#head{padding-bottom:200px}.features-signup
.block{position:relative;z-index:15}.next{padding:40px
0}.next
.right{float:right;padding-right:20px}.next a
i{font-size:inherit;line-height:inherit;vertical-align:0}.next .right
i{margin:0
0 0 5px}.next
.left{padding-left:20px}.next .left
i{margin:0
5px 0 0}.next
h3{text-align:center;margin-bottom:20px;font-size:13pt}.ipad-screenshot{max-width:363px;margin-top:-108px}.macbook{background:url(/images/site/homepage/macbook.png) 0 0 no-repeat;background-size:contain;width:992px;height:575px;margin:-320px auto 0;text-align:center;position:relative;z-index:10}.macbook
.window{background:url(/images/site/features/browser-mockup.png) center 0 no-repeat;background-size:contain;margin:auto;width:75%;max-height:92%;padding-top:3.2%;overflow:hidden;position:absolute;top:36px;bottom:56px;left:12.5%}.macbook .window
img{max-width:100%}.feature-website .macbook .window,.billing-feature .macbook
.window{overflow:auto}.feature-website .devices
img{top:80%}.feature-website
.signup{padding-top:80px}@media only screen and (max-width : 1150px){.features .block
.width{width:auto;margin:0
30px}.features .block
p{font-size:12pt}#homepage h3,.features
h3{font-size:16pt}}@media only screen and (max-width : 1024px){.macbook{width:96%;height:auto;padding-bottom:56%}.features
.block{padding:50px
0}.features .block
.screenshot{float:none;max-width:90%;display:block;padding-top:3.8%;margin:0
auto 50px}.features .block
.content{position:static;transform:none;padding:0
7%;width:auto}.features .block:nth-child(2n+1) .screenshot{float:none}.features .block .content h3,#homepage .features .block
h3{font-size:18pt}.features .block .content
p{font-size:16pt}}@media only screen and (max-width : 900px){.menu li
a{padding:10px;font-size:10pt}}@media only screen and (max-width : 760px){#head{padding:80px
40px 80px}#head
h1{font-size:26pt}#head
p{font-size:18pt}.macbook{margin-top:-220px}.macbook
.window{top:7%;bottom:10.5%}.feature-website
.signup{padding-top:30px}.features .block .width,.features .block:nth-child(2n+1) .width{padding:25px
30px 0;text-align:center}.features{padding:50px
0}.features
h3{text-align:center}.features .block
img{position:static;transform:none;margin-bottom:20px;max-width:100%}.signup .big-hollow-button{float:none;display:block;margin:0
auto 40px;max-width:80%}.signup{text-align:center}}@media only screen and (max-width : 700px){#head .menu
ul{position:absolute;top:56px;background:#232832;min-width:80%;left:50%;transform:translateX(-50%);display:none}#head .open
ul{display:block}#head .menu ul li,#head .menu ul li
a{display:block}#head .menu .mobile-menu{display:inline-block}}@media only screen and (max-width : 520px){.macbook{margin-top:-140px}.features .block .width, .features .block:nth-child(2n+1) .width{padding:20px
0 0}.features{padding:30px
0}.next a,.next
.right{float:none;display:block;margin-bottom:20px}#head
h1{font-size:22pt;line-height:1.3em}#head
p{font-size:15pt}#head
small{font-size:8pt}.features .block .content
p{font-size:12pt}.features .block .content h3, #homepage .features .block
h3{font-size:14pt}}html,body{background:#fff}#body{padding:0}#header{position:absolute;z-index:10;top:0;left:0;right:0;background:transparent;color:#fff}#header
#logo{color:#fff}#header #logo
small{color:#CDCDCD}#header #logo:hover{text-shadow:0 0 8px rgba(255, 255, 255, 0.58)}#head
.width{max-width:775px}#head:after{display:none}#head .hollow-button{border-radius:3px;border-color:#fff;color:#fff;padding:19px
30px;font-size:12pt;margin-top:50px}#head .hollow-button:hover{background:#fff;color:#232832}#homepage
#head{padding:100px
0 80px}#homepage #head .red-button,.block .red-button,.devices .red-button{border-radius:0;font-size:13pt;padding:13px
30px}#homepage #head .red-button{margin-top:40px;padding:20px
40px}#head
h1{font-size:42pt;line-height:1.4em;margin-bottom:25px}#homepage
h2{text-align:center}#homepage .features>h2{max-width:90%}#homepage
.features{padding-top:75px}#homepage .features .block:last-of-type{margin-bottom:0}#homepage
.benefits{margin-top:80px}#homepage .benefits
li{display:inline-block;width:31%;margin-right:3%;vertical-align:top;text-align:center}#homepage .benefits li:nth-child(3n){margin-right:0}#homepage .benefits li
h3{text-transform:uppercase;font-size:13pt;font-weight:bold;letter-spacing:1px;margin-bottom:20px}#homepage .benefits
i{font-size:45pt;color:#74a1ff;display:block;margin-bottom:20px}#homepage .benefits
p{line-height:1.5em;font-size:12pt;margin:0
0 15px;text-align:left}#homepage .features
ul{list-style:disc;padding-left:20px;font-size:16pt;line-height:1.5em;margin-bottom:30px}#homepage .features ul
li{margin-bottom:10px}#homepage
.devices{padding:50px
0 60px}#homepage .devices
.mockups{position:relative;float:left}#homepage
.ipad{background:url(/images/site/homepage/ipad.png) 0 0 no-repeat;height:550px;width:404px;background-size:contain;position:relative;margin-top:0}#homepage .ipad
.window{position:absolute;top:8.5%;bottom:15%;left:11%;right:11%;overflow:hidden}#homepage
.iphone{background:url(/images/site/homepage/iphone.png) 0 0 no-repeat;height:366px;width:190px;right:-20px;background-size:contain;position:absolute;top:180px;float:right;z-index:5;text-align:center;overflow:hidden}#homepage .iphone
.window{position:absolute;top:12%;left:10%;right:10%;bottom:14%;overflow:auto}#homepage .mockups
img{max-width:100%}#homepage .devices
.text{width:50%;min-width:400px;margin-top:120px;float:right;text-align:left}#homepage .devices .text
h2{text-align:left;font-size:22pt;margin-bottom:50px}#homepage .devices
p{line-height:1.6em;font-size:15pt;margin-bottom:20px;color:#777}#homepage
.testimonials{clear:both;padding:60px
0;background:#f5f5f5}#homepage .testimonials
img{display:inline-block;vertical-align:middle;border-radius:40px;height:40px;width:40px;margin-right:5px}#homepage .testimonials
h3{text-transform:uppercase;color:#A0A3A9;font-size:10pt;font-weight:bold;margin-bottom:50px;text-align:center}#homepage .testimonials
li{display:inline-block;width:31.5%;margin-right:2%;vertical-align:top}#homepage .testimonials li:last-child{margin-right:0}#homepage .testimonials li
blockquote{background:#fff;border:2px
solid #ececec;border-radius:6px;padding:16px;color:#444;font-size:11pt;line-height:1.5em;font-weight:normal;margin-bottom:20px}#homepage .testimonials li>span{display:inline-block;vertical-align:middle}#homepage .testimonials li
em{font-weight:bold;display:block;color:#454952}#homepage .testimonials li
small{color:#9fa4aa;font-size:10pt}#homepage
.why{color:#333;background-color:#79c9d4;position:relative}#homepage .why:after{content:"";width:54%;background:url(/images/site/homepage/comp.jpg) center center no-repeat;background-size:cover;position:absolute;top:0;left:0;bottom:0}#homepage .why
.width{padding:50px
0 50px 53%;width:38%}#homepage .why
h2{font-size:22pt;line-height:1.3em;margin-bottom:20px;font-weight:bold;color:#333;text-transform:uppercase;letter-spacing:2px;text-align:left}#homepage .why
h3{font-weight:bold;margin-bottom:10px;line-height:1.5;color:inherit;font-size:13pt}#homepage .why
p{line-height:1.6em;margin-bottom:15px;font-size:13pt}#homepage .why
a{color:#B52B2B}#homepage
.buttons{padding:50px
0 20px}@media only screen and (max-width : 1260px){#homepage .features
ul{font-size:15pt}#homepage
h3{margin-bottom:20px}#homepage .features ul
li{margin-bottom:5px}#homepage .features>h2{font-size:23pt}}@media only screen and (max-width : 1024px){#homepage
.devices{text-align:center}#homepage .devices .text,#homepage .devices
.mockups{float:none;margin-top:0;text-align:center}#homepage .devices
.text{margin:0
auto 40px;width:90%}#homepage .devices .text
h2{text-align:center}#homepage .devices
.mockups{margin:auto}#homepage .devices .ipad,#homepage .devices
.iphone{display:inline-block}#homepage .devices
.iphone{right:13%}#homepage
.testimonials{padding:80px
3%}#homepage .why
.width{width:51%;padding-left:44%}#homepage .why:after{width:44%}}@media only screen and (max-width : 880px){#homepage .benefits
li{width:auto;margin:0
0 20px;display:block}#homepage .benefits
p{text-align:center}}@media only screen and (max-width : 768px){#head{padding:120px
5% 50px}#head
h1{font-size:26pt}#homepage .devices
.ipad{margin:0
auto;height:auto;width:90%;padding-bottom:123%}#homepage .devices
.iphone{width:42%;height:auto;padding-bottom:80.6%;right:0;top:30%}#homepage
.testimonials{padding:40px
2%}#homepage .testimonials
h3{margin-bottom:38px}#homepage .testimonials
li{width:auto;display:block;margin-bottom:30px}#homepage .testimonials li
blockquote{margin-bottom:10px}#homepage .why
.width{width:auto;padding:40px}#homepage .why:after{width:auto;display:block;position:relative;height:300px}#footer
.col{display:block;margin:0
0 30px;width:auto}}@media only screen and (max-width : 600px){.width{width:auto;display:block}#head
h1{font-size:22pt}#homepage
#head{padding:130px
5% 50px}#homepage #head .red-button{display:block;padding:15px;margin-top:30px}#homepage
#head{padding-bottom:30px}#homepage #head .red-button, .block .red-button, .devices .red-button{display:block;padding:13px;font-size:12pt}#homepage
.devices{padding:0}#homepage .devices
.text{min-width:0;display:block}#homepage .devices .text
h2{margin-bottom:20px;font-size:18pt}}