.vcenter{display:flex;flex-flow:column}
body.home{margin:0;padding:0;border:0;font:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
.planplex-logo{display:inline-block;vertical-align:middle;width:120px;height:29px}
body.inner{margin:0;padding:0;border:0;font:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;background-color:#eeeeee}
.text-right{text-align:right}
.browser{position:relative;bottom:-25px}@media screen and (min-width:979px){.browser img{max-width:1200px;width:100%}}
.browser-container{position:relative;margin:0 auto}
.browser-body{height:100%;background-size:100%;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;overflow:hidden}
.browser-bar{height:30px;background-color:#eeeeee;border:1px solid #aaaaaa;border-top-left-radius:3px;border-top-right-radius:3px;padding-left:10px}
.browser-bar-button{width:8px;height:8px;border-radius:10px;background-color:#dddddd;float:left;margin:3px;margin-top:11px}
.browser-url{width:80%;height:13px;background-color:#fff;border:1px solid #ccc;float:right;margin-top:8px;right:15px;position:relative}
ul{list-style-type:none}
.content{width:100%;position:relative;top:0;bottom:0;color:#333;padding-top:100px}
.content2{padding-top:80px;padding-bottom:80px;height:100%;color:#333;text-align:center;font-size:20px}
.content2 .span2>img{width:80px}
.content2 .span2>h3{font-size:20px}
.content2 .span2{padding-top:10px}
.content2 .span2:first-child{min-width:120px}
.content2 .span2:hover{cursor:pointer}
.content3{background-color:white;padding-top:40px;height:100%;text-align:center;padding-bottom:50px}
.content-extra{padding-top:40px;height:100%;text-align:center}
.content-extra p{text-align:justify}
#tools{border-bottom:0}
.inner .content-extra{background-color:white}
.inner .content-extra .row-fluid{padding-bottom:32px;border:0;overflow:hidden}
.centered{margin:0 auto;text-align:center}
.navbar{position:fixed;top:0;left:0;right:0;background:white;margin:0;z-index:100;text-align:center;text-transform:uppercase;list-style-type:none;padding-top:15px;padding-bottom:15px;font-size:12px;font-weight:400;box-shadow:0 2px 2px -2px rgba(0,0,0,0.25)}.navbar img.logo{width:120px}
.navbar a.login,.navbar a.signup{font-size:12px}
h1{font-size:42px;font-weight:300;text-transform:uppercase;padding:5px;line-height:1.2em}
h2{text-transform:uppercase;font-size:34px;font-weight:100;text-align:left}
.centered h2{padding:20px;text-align:center}
h3{font-size:22px;font-weight:300;text-align:left}
.centered h3{text-align:center}
p{font-size:20px;line-height:30px;font-weight:400}
.navbar>li{display:inline;padding-right:100px}
.navbar a:not(.login,.signup){color:#333}
.navbar a:not(.login,.signup):hover{text-decoration:underline}
.navbar .login{border:2px solid transparent}
.footer{width:80%;margin:0 auto}
.footer-section{color:#888;padding-top:50px;padding-bottom:50px;background-color:#eeeeee;width:100%;text-align:center}
.footer-inner2{font-weight:400}.footer-inner2 ul{margin:0}
.footer-inner2 li{white-space:nowrap;padding:50px;display:inline}.footer-inner2 li a{color:#888}
.span4,.span6{position:relative}
.signup,.login{white-space:nowrap;font-size:14px;border:2px solid;border-radius:20px;padding:8px;padding-left:20px;padding-right:20px;transition:all 0.2s ease}
.signup:hover{color:white;background-color:#333;text-decoration:none;border-color:#333;border-radius:20px}
.login{color:green;margin-left:0px;border:2px solid transparent}
.login:hover{color:white;border:2px solid green;background-color:green;text-decoration:none}
.signup-span>h3{padding-bottom:25px}
.browser-integration{max-width:600px;padding-top:3px}
.browser-collaborative1{height:360px;max-width:400px;float:right}.browser-collaborative1 img{width:100%}
.browser-collaborative2{max-width:650px;position:absolute;height:80px;bottom:0}
.row-plan{background-color:white;padding-top:50px;background-position:100% 0%}.row-plan .span5{padding-top:5px}
#tools{height:500px;padding-top:50px;padding-bottom:0;background-color:white}
@media (min-width:1024px) and (max-width:1260px){.navbar>li{display:inline;padding-right:50px}}@media (min-width:1100px){.browser-collaborative2{height:150px}}@media (max-width:1024px){.browser-collaborative1{height:250px} .browser-collaborative2{display:none} .navbar>li{display:inline;padding-right:50px} .footer-inner2 li{padding:20px} .row-plan{background-position:0% 0%}}@media (max-width:979px){.content2 .span2{min-height:170px}}@media (max-width:979px) and (min-width:768px){.browser-integration{padding-top:11px} .navbar>li{display:inline;padding-right:25px} .row-plan{background-position:0% 0%} #collaborative .row-fluid .offset4:first-child{margin-left:25%;width:100%}}@media (max-width:767px){.browser-integration{float:none;margin:0 auto} .browser-tracking1{display:none} .browser-tracking2{right:0;position:relative;float:none} .browser-collaborative1{position:relative;float:right;width:300px;padding-left:5px} .navbar>li{display:none} .navbar .login{display:none} .navbar>li:first-child,.navbar>li:last-child{display:inline;padding-right:20px} .row-plan{background-position:-10% 0}}@media (max-width:412px){.browser-collaborative1{display:none} .signup,.login{padding-left:10px;padding-right:10px;margin-left:0} .footer-inner2 li{display:list-item;padding-top:10px} .row-plan{background-position:30% 0%} h2,h2.text-right{text-align:center} .browser-container{display:none}}.inner-header{width:100%;position:relative;top:0;bottom:0;color:#333;padding-bottom:60px;text-align:center;font-size:20px}
.offscreen{position:absolute;left:-5000px}
.intro-video{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.intro-video-frame{position:relative;padding-bottom:53.25%;padding-top:30px;height:0;overflow:hidden}
.intro-video-frame,.intro-video-frame iframe{margin:0 auto}
.intro-video-frame iframe{position:absolute;top:5%;left:12.5%;width:75%;height:80%}
.navbar a{color:#333}
.extra-top{padding-top:20px}
.extra-xtop{padding-top:75px}
.extra-xxtop{padding-top:100px}
.extra-bottom{padding-bottom:20px}
.extra-xbottom{padding-bottom:75px}
.extra-xxbottom{padding-bottom:100px}
#features{height:auto;background-color:#F4F7F9;color:#333;border:0;background:linear-gradient(175deg, #f4f7f9 0, #f4f7f9 75%, transparent 75%);padding-bottom:500px}#features .row{height:auto;padding-top:50px}
#features .row:first-child{padding-top:0px}
#features .row-fluid{height:auto;padding-top:20px;padding-bottom:20px}
#features h2{text-align:center}
#features h3{font-size:26px;text-align:left;font-weight:100;text-transform:uppercase;margin-top:0}
#features p{line-height:1.5em;font-size:15px;margin:2px}
#features img{width:50px;padding:10px}
#features .span4{text-align:right}
#timetrack{border:0;padding:0}
.dashboard-background{background-image:url('../images/home/dashboard_background.png')}
section{height:600px;color:white}section .row-fluid{height:600px}section .row-fluid .span5{height:600px}
section img{max-height:100%}
.row-padded-container{padding-top:150px;padding-bottom:150px}
ul.features{list-style:none;font-size:20px}ul.features li{text-align:left;background:url("../images/approve.png") no-repeat left top;padding:0px 100px 20px 50px;font-weight:300;line-height:2.0em}
.row-fluid .left-half{width:50%;float:left;overflow:hidden;direction:rtl;text-align:right}.row-fluid .left-half img{max-width:940px}
.row-fluid .right-half{width:50%;height:100%;float:left;display:flex;justify-content:center;flex-flow:column}.row-fluid .right-half .paragraph{max-width:600px;margin-left:100px;margin-right:100px}.row-fluid .right-half .paragraph h2{text-align:left}
.row-fluid .right-half .paragraph p{text-align:justify}
.row-fluid-inverted{display:flex;align-items:center}.row-fluid-inverted .right-half{width:50%;float:left;overflow:hidden}.row-fluid-inverted .right-half img{max-width:1200px}
.row-fluid-inverted .left-half{width:50%;height:100%;float:left;display:flex;justify-content:center;flex-flow:column;align-items:flex-end}.row-fluid-inverted .left-half .paragraph{max-width:600px;margin-left:100px;margin-right:100px}.row-fluid-inverted .left-half .paragraph h2{text-align:right}
.row-fluid-inverted .left-half .paragraph p{text-align:justify}
.pricing{box-shadow:0 15px 35px 0 rgba(0,0,0,0.05);background-color:white;color:#444;padding-bottom:30px}.pricing .row-fluid:first-child{padding-top:50px}
.pricing .row-fluid:nth-child(2){height:auto;padding-top:20px;padding-bottom:20px}
.pricing .row-fluid:nth-child(3){height:auto;padding-top:20px;padding-bottom:20px}.pricing .row-fluid:nth-child(3) p{text-align:center;color:#198e74}
.pricing .row-fluid:nth-child(4){height:auto;padding-top:20px;padding-bottom:20px}
.pricing img{width:60px;padding-bottom:20px}
.pricing ul{margin:0;font-size:14px;line-height:1.2em;color:#777;padding-top:10px}
.pricing-free{border-top:5px solid #198e74;border-bottom:5px solid #198e74}.pricing-free h2{font-weight:800;color:#198e74;text-align:center}
.pricing-free a{border:5px solid #198e74;background-color:#198e74;color:white;font-weight:800;padding:10px;font-size:14px;text-transform:uppercase}
.pricing-unlimited{border-top:5px solid #0388cb;border-bottom:5px solid #0388cb}.pricing-unlimited h2{font-weight:800;color:#0388cb;text-align:center}
.pricing-unlimited a{border:5px solid #0388cb;background-color:#0388cb;color:white;font-weight:800;padding:10px;font-size:14px;text-transform:uppercase}
.faq{text-align:left}.faq h3{font-size:26px;font-weight:bold;text-align:center;padding-top:50px;padding-bottom:50px}
.faq h4{font-size:18px;text-align:left}
.faq p{font-size:16px}
@media (max-width:1024px){.row-padded-container{padding-top:50px;padding-bottom:50px}}@media (max-width:979px){section{height:auto;color:white}section .row-fluid{height:auto}section .row-fluid .span5{height:auto} section img{width:100%} .row-fluid,.row-fluid-inverted{display:block}.row-fluid .left-half,.row-fluid-inverted .left-half,.row-fluid .right-half,.row-fluid-inverted .right-half{float:none;direction:inherit;width:100%}.row-fluid .left-half .paragraph,.row-fluid-inverted .left-half .paragraph,.row-fluid .right-half .paragraph,.row-fluid-inverted .right-half .paragraph{max-width:100%;margin:0;padding-top:25px} .row-fluid h2,.row-fluid-inverted h2{font-size:30px} .row-fluid p,.row-fluid-inverted p{font-size:18px} .row-padded-container{padding:50px} #features{background:none;background-color:#F4F7F9;padding:50px}#features img{padding:0;padding-bottom:10px} #features .span4{text-align:center}}@media (max-width:412px){.row-fluid .left-half .paragraph h2,.row-fluid-inverted .left-half .paragraph h2,.row-fluid .right-half .paragraph h2,.row-fluid-inverted .right-half .paragraph h2{text-align:center;font-size:24px} .row-fluid .left-half .paragraph p,.row-fluid-inverted .left-half .paragraph p,.row-fluid .right-half .paragraph p,.row-fluid-inverted .right-half .paragraph p{text-align:justify;font-size:16px}}#logo-link:hover{text-decoration:none}