ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}a img,:link img,:visited img{border:none}address{font-style:normal}body{background-color:#FFF;color:#222;font:14px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;overflow-y:scroll}a{color:#468C33;text-decoration:underline}a:hover{color:#4EA234;text-decoration:none}p{padding-bottom:20px}h1,h2,h3,h4,h5,.slogan,.trial,.btn{font-family:"proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif}h2,h3,h4,h5,.slogan,.trial,.sub_title,.btn{font-weight:300;font-style:normal}strong{font-weight:700;font-style:normal}body>header{background:#fff url("/images/marketing/home_hero.jpg") no-repeat;background-size:100%;color:#fff;height:90px}.wrapper{width:100%;max-width:960px;margin:0 auto;padding:25px 0 0 0}header a#logo{display:block;float:left;width:96px;height:28px;margin-right:45px;font:bold 28px/1 'Helvetica Neue', Helvetica, Arial, sans-serif;text-indent:-9999em;background-image:url("/images/logo@2x.png");background-size:96px 28px;position:relative;top:3px;opacity:.2;-webkit-transition:opacity .2s;transition:opacity .2s}header a#logo:hover{background-color:transparent;opacity:.5}header a#logo:active{position:relative;top:4px}nav#primary{float:left;position:relative}nav#primary ul li{float:left;padding-left:55px}nav#primary ul li a{display:block;padding:0 2px;height:25px;color:#EEEDE5;font-size:15px;font-weight:400;text-decoration:none;line-height:30px;text-shadow:0 1px 1px rgba(0,0,0,0.8)}nav#primary ul li a:active,nav#primary ul li a:hover,nav#primary ul li a:focus{color:#FFF;border-bottom:2px solid rgba(255,255,255,0.5);text-shadow:0 1px 1px rgba(0,0,0,0.8),0 0 3px rgba(255,255,255,0.5)}body#index nav#primary ul li.index a,body#time-management-software nav#primary ul li.features a,body#project-budget-tracking nav#primary ul li.features a,body#time-reporting nav#primary ul li.features a,body#basecamp nav#primary ul li.features a,body#watch nav#primary ul li.features a,body#time-tracking-app nav#primary ul li.extras a,body#signup nav#primary ul li.pricing a{border-bottom:2px solid #EEEDE5}nav#primary ul li.blog{margin-left:160px}nav#primary ul li.login{padding-left:30px}nav#primary ul li.login a{background:#4EA234;border-radius:4px;line-height:31px;height:32px;padding:0 15px}nav#primary ul li.login a:hover{background:#52B235;border:none}nav#secondary{border-bottom:1px solid #EDEDED;margin:0 auto;text-align:center;width:950px;background-image:linear-gradient(left, #f6f6f6 51%, #fff 0%, #fff 100%);background-image:-o-linear-gradient(left, #f6f6f6 51%, #fff 0%, #fff 100%);background-image:-webkit-linear-gradient(left, #f6f6f6 51%, #fff 0%, #fff 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0.51, #f6f6f6), color-stop(0, #fff), color-stop(1, #fff))}nav#secondary ul li{display:inline-block;margin-bottom:-1px}nav#secondary ul li a{display:block;font-size:16px;letter-spacing:-1px;margin:0;padding:30px 30px 20px 30px;text-decoration:none}nav#secondary ul li a.current{background:#FFF;color:#000;border-left:1px solid #EDEDED;border-right:1px solid #EDEDED;border-bottom:1px solid #FFF}nav#secondary ul li a:active,nav#secondary ul li a:hover{color:#000}nav#secondary ul li.active a{color:#EEE}h1{color:#000;font-size:45px;font-weight:300;letter-spacing:-1px;line-height:45px;padding-bottom:20px}h1 strong{font-weight:700}h2{color:#1F1F1F;letter-spacing:-1px;line-height:45px;font-size:40px;padding:0 0 10px 0}h4{color:#1F1F1F;letter-spacing:-1px;line-height:40px;font-size:22px;font-weight:bold;padding:0 0 10px 0}h5{color:#1F1F1F;letter-spacing:-1px;font-size:16px;font-weight:bold;padding:0 0 10px 0}strong{color:#000}.block{background:#FFF;width:100%;padding:100px 0 100px 0;overflow:hidden}.block_alt{background:#FAFAFA;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0}.block_inner{margin:0 auto;max-width:960px}.block.title{padding:40px 0}.left{float:left;width:45%}.right{float:right;width:42%}.left_image{float:left;position:relative;width:51%}.right_image{float:right;position:relative;width:51%}.right_image a{position:relative;top:-15px;left:160px}.left_image a{position:relative;top:-15px;left:160px}.no_bottom{padding-bottom:0 !important}.content{color:#777777;font-size:17px;line-height:27px}.content ul{margin:10px 0 20px 0}.content li{background:url("/images/marketing/icon_bullet@2x.png") no-repeat 0 7px;background-size:13px 12px;padding:2px 0 4px 20px}.content_long h1,.content_long p{width:85%}.content_short{margin:0 140px 0 140px}.content .sub_title{font-size:22px;color:#999;margin-top:-15px}.content ol{margin:5px 0 25px 40px}.content ol li{list-style:decimal;background:none;padding:2px 0 4px 10px}ul.in_a_row li{background:none;display:inline-block;margin-right:40px;padding:0;width:290px}ul.in_a_row li+li+li{margin-right:-40px}ul.in_a_row li h4{font-size:18px;padding-bottom:5px}ul.in_a_row a{position:relative;top:-15px;left:400px}.side_by_side{float:left;margin-right:10%;text-align:center;width:45%}.side_by_side img{text-align:center;padding:0 0 25px 0}.side_by_side p{text-align:left}.side_by_side h4 img{padding:0 0 0 8px;margin-bottom:-5px}.side_by_side+.side_by_side{margin-right:0}.img_bottom{margin-bottom:-109px}.left_image img,.right_image img{display:block}#home header{background:none;overflow:visible;height:0}header nav#primary ul li.index,header nav#primary ul li.home_pricing,header nav#primary ul li.mobile_pricing{display:none}#home nav#primary ul li.home_pricing{display:inherit;margin-left:0px}#home #hero{background:#56626d url("/images/marketing/home_hero_small.jpg") no-repeat;background-size:120%;padding-bottom:80px}#home #hero .pitch{margin:0 auto;max-width:960px}#home #hero .pitch h1{color:#FFF;font-size:50px;font-weight:bold;letter-spacing:-1px;line-height:55px;padding:160px 0 0 0}#home #hero .pitch h2{color:#FFF;font-size:20px;line-height:30px;font-weight:normal;letter-spacing:-.09px;padding:20px 0 60px 0;width:400px}#home #hero a{overflow:hidden}#home #hero .no{color:#FFF;padding:10px 0 0 40px;opacity:.7}#home .home_boxes{float:left;margin-right:50px}#home .home_boxes img{max-width:100%}#home .inventory{float:left}#home .content_home{margin:0 0 20px 0px;width:60%}#home .content_home h3{font-size:50px;font-weight:bold;line-height:50px}#home .content_home h4{font-size:25px}#home .content_home p{color:#777777;font-size:17px}#home .home_screenshot{margin-top:40px;text-align:center}#home .home_screenshot .img_bottom{margin:0 0 -108px -80px}#home .stats h5{color:#777777;line-height:60px;font-size:50px;font-weight:normal;margin:0 auto;padding-top:50px;text-align:center;width:90%}#home .stats h5 strong{color:#000;font-weight:bold}#home .customers{padding:0px 0 0 0}#home .customers img{float:left;margin-left:200px}#home .customers .quote{color:#1F1F1F;font-family:Georgia, serif;font-size:25px;font-style:italic;line-height:30px;margin:0px 80px 0 350px}#home .customers .byline{color:#999;line-height:19px;font-size:13px;margin:-5px 0 0 350px;text-align:left}#home .customers .byline a{color:#999;cursor:pointer;text-decoration:underline}#home .customers .byline a:hover{text-decoration:none}#home .customers .case_study{margin:-8px 0 0 350px;font-size:16px}#home .customers div{border-top:1px solid #E0E0E0;margin:10px auto;text-align:center;width:80%}#home .signup_bottom{clear:both;padding-top:80px;text-align:center}#home .about{margin:-10px 0 -30px 0;text-align:center}#home .about h4{font-size:22px;margin:0}#home .about ul li{background:none;font-size:19px;margin-top:10px;padding:0}.features_next{font-size:30px;text-align:center}.features_next a{text-decoration:none}.features_next a:hover{text-decoration:underline}.features_next a strong{color:#468C33 !important}#time-management-software .timer_bg{background-image:url("/images/marketing/timecard_timer@2x.png");background-size:490px 274px;display:block;float:left;width:490px;height:274px}#time-management-software .timer_bg span{display:block;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:50px;font-weight:bold;padding:95px 0 0 30px;letter-spacing:-2px}#time-management-software .timer_bg span em{color:#878787;font-style:normal}#time-management-software .timer_bg a.play_pause{display:block;position:inherit;margin-left:230px;margin-top:-65px;width:60px;height:60px;text-indent:-5000px;background:#ad0f02 url("/images/marketing/icon_play_pause.png") no-repeat 18px 50%;background-size:66px 22px;border:5px solid #DFDFDF;-webkit-border-radius:35px;border-radius:35px;-webkit-transition:background .15s;transition:background .15s}#time-management-software .timer_bg a.play_pause.paused{background-color:#478C34;background-position:-23px 50%}#time-management-software .timer_bg a.play_pause.paused:hover,#time-management-software .timer_bg a.play_pause.paused:active{background-color:#4EA234}#time-management-software .timer_bg a.play_pause:hover,#time-management-software .timer_bg a.play_pause:active{background-color:#E10006}#basecamp .basecamp_videos{background:#47505B;padding:70px 0 80px 0;overflow:hidden;width:100%}#basecamp .basecamp_videos .block_inner{text-align:center}#basecamp .basecamp_videos h4{color:#FFF;line-height:normal;font-size:18px}#basecamp .basecamp_videos li{display:inline-block}#basecamp .basecamp_videos li+li{padding-left:65px}#basecamp .basecamp_videos li img{float:left}#basecamp .basecamp_videos li img.play{margin:40px 0 0 -175px;height:71px;width:71px;opacity:.6}#basecamp .basecamp_videos li img.play:hover{opacity:.3}#basecamp .basecamp_classic img.play{float:left;margin:-140px 0 0 150px;opacity:.6;height:71px;width:71px}#basecamp .basecamp_classic img.play:hover{opacity:.3}#time-tracking-app a.ios_store{background:url("/images/marketing/btn_ios_store@2x.png") no-repeat;background-size:181px 126px;display:block;float:left;margin:10px 0 0 0;text-indent:-9999px;height:63px;width:181px}#time-tracking-app a:hover.ios_store{background-position:0 -63px}#time-tracking-app a.android_store{background:url("/images/marketing/btn_android_store@2x.png") no-repeat;background-size:181px 126px;display:block;float:left;margin:10px 0 0 30px;text-indent:-9999px;height:63px;width:181px}#time-tracking-app a:hover.android_store{background-position:0 -63px}#time-tracking-app a.google_store{background:url("/images/marketing/btn_google_store@2x.png") no-repeat;background-size:207px 144px;display:block;margin:10px 0 40px 0;text-indent:-9999px;height:72px;width:207px}#time-tracking-app a:hover.google_store{background-position:0 -72px}#time-tracking-app a.chrome_store{background:url("/images/marketing/btn_chrome_store@2x.png") no-repeat;background-size:277px 144px;display:block;margin:10px 0 0 0;text-indent:-9999px;height:72px;width:277px}#time-tracking-app a:hover.chrome_store{background-position:0 -72px}#time-tracking-app .desktop_timers ul li{background:none;border-bottom:1px solid #E0E0E0;overflow:hidden;padding:45px 0 35px 0}#time-tracking-app .desktop_timers ul li+li{border-bottom:none;padding-bottom:0}#time-tracking-app .desktop_timers ul li p{font-size:14px;line-height:20px;padding-bottom:30px;width:50%}#time-tracking-app .desktop_timers ul li a{float:left}#time-tracking-app .desktop_timers ul li div{color:#999;display:block;float:left;font-size:13px;margin:15px 0 0 25px}#time-tracking-app .desktop_timers ul li img{float:right;margin:-120px 50px 0 0}#time-tracking-app .basecamp h1{margin-bottom:20px}#time-tracking-app .basecamp .logo{background:url("/images/marketing/logo_basecamp@2x.png") no-repeat;background-size:242px 63px;float:right;margin-top:15px;height:63px;width:242px}#time-tracking-app .integrations ul li,#time-reporting .integrations ul li{background:none;padding:35px 0 0 0}#time-tracking-app .integrations ul li img,#time-reporting .integrations ul li img{float:left}#time-tracking-app .integrations ul li div,#time-reporting .integrations ul li div{margin-left:290px}#time-tracking-app .integrations ul li div h4,#time-reporting .integrations ul li div h4{font-size:30px;font-weight:400;padding:5px 0 0 0}#watch h1{margin-top:0px}#watch .watch_demo img{margin-left:30px}#watch .watch_sport{margin:40px 0 -120px 0}#watch a.ios_store{background:url("/images/marketing/btn_ios_store@2x.png") no-repeat;background-size:181px 126px;display:block;margin:10px 0 0 0;text-indent:-9999px;height:63px;width:181px}#time-tracking-app a:hover.ios_store{background-position:0 -63px}#watch .watch_faces{padding:0;margin:50px 0 30px 0}#watch .watch_faces li{background:none;padding:0;width:21%;margin-right:15%;display:inline-block}#watch .watch_faces li:last-child{margin-right:0 !important}#watch .watch_faces li p{font-size:13px;line-height:18px;margin:15px 0 0 10px}.content .try_tick{padding:40px 0 0 0;text-align:center}.content .try_tick span{color:#666;display:block;font-size:15px;margin-top:25px}.banner .slogan{color:#000;font-size:45px;float:left;line-height:45px;width:50%}.banner .trial{float:right;width:40%}.banner .trial span{color:#000;font-size:40px;font-weight:bold}.banner .trial p{color:#858585;padding-bottom:30px}#signup .plans h4{font-size:24px;font-weight:bold}#signup .plans ul{margin-top:-10px;padding-bottom:15px;overflow:hidden}#signup .plans ul li{background:#FFF;border:1px solid #E5E5E5;float:left;font-size:14px;margin:10px -1px 0 0;padding:30px 0 20px 0;text-align:center;width:19%;height:200px}#signup .plans ul li span{color:#999;font-size:18px;display:block;margin-bottom:10px}#signup .plans ul li span.alt{line-height:20px;margin-top:-10px}#signup .plans ul li strong{font-size:24px;display:block}#signup .plans ul li em{color:#CC3300;font-size:18px;font-style:normal}#signup .plans ul li hr{background:url("/images/marketing/icon_divider_dots@2x.png") center center no-repeat;background-size:139px 5px;border:none;height:20px}#signup .plans ul li p{color:#468C33;line-height:20px;padding-bottom:3px;width:100%}#signup .plans ul li a{display:block;margin:15px 30px 0 30px;padding:10px 17px}#signup .plans ul li div{color:#999;font-size:11px;line-height:14px;padding-top:12px}#signup .plans .free_account{font-size:13px;line-height:20px}#signup .side_by_side{text-align:left}#signup .block{padding:60px 0 60px 0}#signup .block .sub_title{color:#54544E;font-size:19px}#signup .block .sub_title ul{margin:20px 0 50px 5px}#signup .block .sub_title ul li{padding-left:30px}#signup .block_alt{padding:60px 0 60px 0}#signup fieldset ul{margin:0;padding:0}#signup fieldset ul li{background:none;list-style:none;margin:0;padding:3px 0 25px 0;overflow:hidden}#signup fieldset ul li.name{padding-bottom:45px}#signup fieldset ul li.name div{margin-top:-25px}#signup fieldset ul li label{color:#000;float:left;font-size:15px;font-weight:bold;padding-top:9px;width:110px}#signup fieldset ul li div{float:left}#signup fieldset ul li div+div{margin-left:15px}#signup fieldset ul li div span{font-size:13px;display:block;padding:4px 0 0 2px;position:relative;top:68px}#signup .agreement{background:#F0F0F0;border-radius:5px;font-size:13px;margin-left:110px;padding:21px 20px 0 20px;width:55%}#signup .agreement p{width:100%;padding-bottom:20px}#signup .agreement label{color:#000;font-size:16px;font-weight:bold;margin-left:8px}#signup .error_container{background:#FFFFDE;border:10px solid #F5DC64;margin:-20px 0 50px 0;padding:30px 0 0 40px}#signup .error_container ul li{background:url("/images/marketing/icon_x@2x.png") no-repeat 0px 9px;background-size:9px 9px}#signup .error_container h3{color:#CC3300;border:none;padding-bottom:0px}#signup .fieldWithErrors input,#signup .fieldWithErrors select{border:3px solid #CC3300}#signup span.fieldWithErrors{padding:0;position:inherit}#customers .content h2{color:#000;font-size:32px;font-weight:bold;line-height:36px;letter-spacing:-1px;margin:50px 0 60px 0}#customers .content .avatar_andrew{text-align:center;margin-top:-60px;margin-bottom:30px}#customers .content .avatar_andrew img{width:80px;height:80px}#customers .content blockquote{border-top:1px solid #CCC;border-bottom:1px solid #CCC;color:#999;font-family:Georgia;font-size:24px;font-style:italic;line-height:30px;padding:35px 40px;margin:15px 0 35px 0;text-align:center}#customers .content blockquote span{color:#BBB}#customers .content blockquote.alt{border:none;float:left;font-size:18px;line-height:30px;margin:5px 40px 30px 0px;padding:0;text-align:left;width:25%}#api pre{background:#393939;color:#EBE7E3;line-height:20px;margin:0 0 15px 0;padding:15px;font-family:Monaco, monospace;font-size:12px}#api p span{color:#000;display:block;font-size:20px;font-weight:bold;margin-top:60px}#api table{margin:0 0 20px 0;border-top:1px solid #CCC;border-left:1px solid #CCC}#api table thead{text-align:left}#api table thead tr th{width:33.33%;padding:10px 20px;border-right:1px solid #CCC;border-bottom:1px solid #CCC}#api table tr td{width:33.33%;padding:10px 20px;border-right:1px solid #CCC;border-bottom:1px solid #CCC}#api table tr td ul{margin:0}#api table tr td ul li{background:none;padding:0}#api .last_update{padding-top:50px;font-size:20px}#mantra .block{min-height:500px}#help block.title{margin-bottom:-80px}#help h4,#help_question h4{font-size:30px;padding-bottom:0px}#help h5,#help_question h5{color:#666;font-size:16px;font-weight:normal}#help .faq,#help .help_question{padding-top:15px}#help .faq h4,#help .help_question h4{border-bottom:1px solid #E0E0E0;padding-bottom:0px;margin-bottom:35px}#help .faq h4 span,#help .help_question h4 span{float:right;font-size:18px;letter-spacing:0;line-height:21px;margin-top:10px}#help .faq h4 span a,#help .help_question h4 span a{text-decoration:none}#help .faq ul{display:inline-block;overflow:hidden;margin:0}#help .faq ul li{background:none;float:left;margin-bottom:4px;padding-left:0;width:460px}#help .faq ul li:nth-of-type(odd){margin-right:30px}#help .search h4{border-bottom:none;line-height:25px;margin-bottom:0px}#help .search h4 span{font-size:18px}#help .search input{background:url("/images/marketing/icon_magnifying_glass@2x.png") no-repeat 15px 15px;background-size:16px 18px;color:#858585;font-size:16px;margin:10px 0 25px 0;padding:16px 13px 13px 40px;width:85%}#help .search input:focus::-webkit-input-placeholder{color:#DDD}#help .search input:focus:-moz-placeholder{color:#DDD}#help .search input:focus:-ms-input-placeholder{color:#DDD}#help .guides h4{border-bottom:none;margin-bottom:15px}#help .guides ul li{color:#FFF;float:left;border-radius:5px;margin:0 60px 50px 0}#help .guides ul li a{box-shadow:3px 3px 5px #CCC;display:block;text-decoration:none;height:300px;width:240px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#help .guides ul li a span{color:#FFF;display:block;font-size:12px;padding-top:25px;opacity:.5;text-align:center}#help .guides ul li h3{color:#FFF;display:block;font-size:45px;font-weight:bold;line-height:45px;padding:80px 5px 0 5px;text-align:center}#help .guides ul li.green a{background:#478C3C}#help .guides ul li.green a:hover{background:#4EA234}#help .guides ul li.orange a{background:#ED9400}#help .guides ul li.orange a:hover{background:#EBA923}#help .guides ul li.blue a{background:#008CD5}#help .guides ul li.blue a:hover{background:#1E99D6}#help .guides ul li.yellow a{background:#F0CF0A}#help .guides ul li.yellow a:hover{background:#F0D717}#help .guides ul li.cobalt a{background:#314D66}#help .guides ul li.cobalt a:hover{background:#35546F}#help .help_question .sidenav_help{float:left;margin-bottom:60px;width:26%}#help .help_question h4 a{text-decoration:none}#help .help_question .sidenav_help li{border-bottom:1px solid #E0E0E0;font-size:15px;padding:10px 0}#help .help_question .sidenav_help li a{text-decoration:none}#help .help_question .question_container{float:right;margin:0 0 60px 8%;padding:0px 0px;width:65%}#help .help_question .question_container h1{font-size:30px;font-weight:bold;line-height:35px;padding-bottom:20px}#help .help_question .question_container h2{font-size:20px;color:#000}#help .help_question .question_container h3{font-size:15px;color:#000;font-weight:bold;margin:0;padding:8px 0;line-height:20px}#help .help_question .question_container img{border:1px solid #DDD;padding:10px;max-width:96%}#help_admin h1{padding-bottom:40px}#help_admin h4{padding-bottom:0}#help_admin .questions div{float:right;margin-top:15px}#help_admin .questions div a{margin-left:25px}#help_admin .questions ul{margin:-60px -60px -20px -60px;padding:60px;width:100%}#help_admin .questions ul li,#help_admin .categories ul li{background:none;color:#FFF;border-bottom:1px solid #DDD;padding:11px 10px 9px 0px}#help_admin .questions ul li:first-child,#help_admin .categories ul li:first-child{border-top:1px solid #DDD}#help_admin .questions ul li:hover,#help_admin .categories ul li:hover{cursor:pointer;color:#999}#help_admin .questions ul li span,#help_admin .categories ul li span{padding-right:5px}#help_admin .questions ul li div{display:none}#help_admin .questions ul li.frequent div{color:#CCC;display:inline;margin-top:0}#help_admin .questions ul li a{text-decoration:none}#help_admin .categories ul li div{float:right;font-size:12px;margin-top:10px}#help_admin .categories ul li div a{color:red}#help_admin .edit label{color:#000;display:block;font-weight:bold;margin:25px 0 5px 0}#help_admin .edit ul li{background:none;padding-left:5px}#help_admin .edit ul li label{display:inline;font-weight:normal}#help_admin .edit input.small{width:30%}#help_admin .edit input.large{width:80%}#help_admin .edit select{display:block;margin-bottom:20px;width:300px}#help_admin .edit textarea{border:3px solid #e4e4e4;color:#000000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;display:block;padding:8px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:1px 1px 1px #AAA inset;-moz-box-shadow:1px 1px 1px #AAA inset;box-shadow:1px 1px 1px #AAA inset;width:80%;height:200px}#help_admin .edit [type=checkbox]{margin-right:5px;width:15px}#help_admin .edit .highlight{padding-top:10px}#help_admin .edit .highlight label{display:inline}#help_admin .edit .actions{margin-top:20px;padding-top:30px}#help_admin .edit .actions a.cancel{color:#999;margin-left:35px}#help_admin .edit .actions a.delete{color:red;float:right;margin-top:12px}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:0.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}footer{background:#3D434E;width:100%;padding:60px 0 60px 0;overflow:hidden}footer ul.main{font-size:15px;text-align:center}footer ul.main li{display:inline-block;margin-right:35px}footer ul.main li:last-child{margin-right:0}footer ul.main li a{color:#FFF;text-decoration:none}footer ul.main li a:hover{color:#CCC;text-decoration:none}footer ul.secondary{display:block;font-size:13px;margin:0 0 25px 0;text-align:center}footer ul.secondary li{display:inline-block;margin-right:25px}footer ul.secondary li a{color:#999;text-decoration:none}footer ul.secondary li a:hover{color:#CCC;text-decoration:none}footer ul.social{text-align:center;margin-left:-20px}footer ul.social li{display:inline-block;margin-left:10px}footer ul.social li a{display:block;text-indent:-9999px;height:25px;width:35px}footer ul.social li.twitter{background:url("/images/marketing/icon_twitter_footer@2x.png") no-repeat right;background-size:33px 25px}footer ul.social li.google{background:url("/images/marketing/icon_google_footer@2x.png") no-repeat right;background-size:25px 25px}footer ul.social li.twitter,footer ul.social li.facebook,footer ul.social li.google{opacity:.3;-webkit-transition:opacity .2s;transition:opacity .2s}footer ul.social li.twitter:hover,footer ul.social li.facebook:hover,footer ul.social li.google:hover{background-color:transparent;opacity:.8}footer .copyright{color:#999;font-size:13px;margin-top:55px;text-align:center}.btn{background:#4EA234;color:#FFF;font-size:20px;line-height:16px;text-decoration:none;border-radius:3px;border:0 none;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;-webkit-appearance:none}.btn_large{padding:17px 27px}.btn:hover{background-color:#52B235;color:#FFFFFF}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background-color:#4EA234}form{border:0}fieldset{border:0}.actions{padding:30px 0 0 110px}input{color:#000;font-family:'Helvetica Neue', san-serif;font-size:14px;padding:8px 8px;border:3px solid #e4e4e4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;box-shadow:1px 1px 1px #999 inset;-webkit-box-shadow:1px 1px 1px #999 inset;-moz-box-shadow:1px 1px 1px #999 inset}select{border:1px solid #CCCCCC;color:#333;font-size:13px;font-weight:normal;height:32px;line-height:40px}[type=checkbox]{height:15px;width:15px}input:focus{outline:0;box-shadow:0px 0px 2px 1px #4EA234, 1px 1px 1px #999 inset}select:focus{outline:1px solid #4EA234;box-shadow:0px 0px 2px 1px #4EA234}.input_100{width:100px}.input_150{width:150px}.input_200{width:200px}.input_285{width:285px}.input_340{width:340px}.input_360{width:360px}.input_450{width:450px}@media screen and (max-width: 945px){header a#logo{background-repeat:no-repeat;margin-left:20px}nav#primary ul li.blog{margin-left:0}.block{width:auto}.block_inner{padding-left:20px;padding-right:20px}nav#secondary{width:100%}nav#secondary ul li a,.pitch{padding-left:20px;padding-right:20px}.left_image img,.right_image img,.img_bottom,.in_a_row li img,.integrations img{max-width:100%}ul.in_a_row li{width:29%}ul.in_a_row a{top:0px;left:280px}#time-management-software .timer_bg{width:350px}#time-tracking-app .desktop_timers ul li img{margin-right:0}#time-tracking-app .desktop_timers ul li div{display:none}}@media screen and (max-width: 700px){.content{font-size:16px;line-height:22px}.content h1,.content_long h1{font-size:26px;line-height:28px;padding-bottom:10px}.right h1{padding-top:20px}h2{font-size:26px;line-height:28px}.right h2{margin-top:40px}h4{font-size:20px;line-height:25px}#home .stats h5{font-size:25px;line-height:30px;padding-top:0px}.block{padding:40px 0}.block_inner{padding:0 25px}.content_short{margin:0}#home .content_home{width:100%}#home .intentory{width:100%}.left,.right{width:100%}.right_image,.left_image{width:100%}.right_image img,.left_image img,.content_long img,.integrations img{max-width:100%}.right_image a,.left_image a{left:0;top:0;display:block;margin-top:30px;text-align:center}.content_long h1,.content_long p{width:100%}.img_bottom{margin-bottom:-55px}body>header{background:#56626D;background-image:none;overflow:hidden;height:110px;text-align:center}.wrapper{padding-top:20px}nav#primary ul{padding-top:15px;margin-left:15px}nav#primary ul li{display:inline-block;float:none;padding-left:10px}nav#primary ul li.login{position:absolute;top:-28px;right:0;padding-left:10px;margin:0}nav#secondary{width:100%}nav#secondary ul li a{font-size:14px;padding:10px;width:130px}#home #hero{background-color:#56626D;background-image:none;padding-bottom:30px}#home #hero .pitch{text-align:center}#home #hero .pitch h1{font-size:32px;line-height:34px;padding-top:120px}#home #hero .pitch h2{font-size:16px;line-height:20px;padding:10px 20px 20px 0px;width:auto}#home .content_home{margin:0px}#home #hero .pitch .no{text-align:center;padding:0}.btn{display:block;font-size:14px;margin:0 20px;text-align:center}.btn_large{padding:15px 20px}#home .home_boxes{display:none}#home .content_home h3{font-size:28px;font-weight:bold;line-height:35px}#home .content_home h4{font-size:20px;font-weight:bold;line-height:25px;margin:0 0 6px 0px}#home .content_home p{color:#545454;font-size:16px;line-height:22px}#home .home_screenshot .img_bottom{margin:0 0 -55px 0}#home .content_home p.try_tick{margin:0}#home .content_home .try_tick{padding:0px 0}#home .customers img{display:block;float:none;padding-left:0;margin:0 auto;width:33%}#home .customers .quote{font-size:16px;line-height:22px;margin:20px 0 10px 0;padding:0;text-align:center}#home .customers .byline{float:none;font-size:13px;line-height:17px;margin:0;text-align:center}#home .customers .case_study{margin:0;text-align:center}#home .customers div{margin:10px auto 40px auto;width:100%}#home .customers div h5{line-height:26px;font-size:18px;padding-top:30px;width:100%}#case_study .content h2{font-size:26px;line-height:30px;margin:20px 0}#case_study .content blockquote{font-size:16px;line-height:21px;padding:20px 0}#case_study .content blockquote.alt{font-size:13px;line-height:21px}#case_study .content .avatar_andrew{margin-top:-49px;margin-bottom:14px}#customers .content blockquote{font-size:16px;line-height:22px;padding:30px 15px}#customers .content blockquote.alt{font-size:15px;line-height:20px;width:30%}ul.in_a_row li{width:100%}ul.in_a_row li img{max-width:100%}ul.in_a_row a{top:20px;left:0;display:block;text-align:center}.side_by_side{float:none;width:100%}.side_by_side h4{font-size:24px;text-align:left}.side_by_side+.side_by_side h4{padding-top:30px}.side_by_side h4 strong{font-weight:normal}.side_by_side img{max-width:100%;margin-bottom:25px;padding:0}.content .try_tick{padding:0px}.banner .slogan{display:none}.banner .trial{float:none;padding-bottom:20px;width:100%}.banner .trial span{font-size:30px}#time-management-software .timer_bg{background-size:490px 221px;background-repeat:no-repeat;background-position-x:-8px;height:225px}#time-management-software .timer_bg span{padding-top:70px;padding-left:20px}#time-management-software .timer_bg a.play_pause{margin-left:210px}#time-tracking-app .chrome_store{margin-bottom:30px !important}#time-tracking-app .android_store{margin-left:0 !important;margin-bottom:20px !important}#time-tracking-app .integrations ul li,#time-reporting .integrations ul li{padding-top:0px}#time-tracking-app .integrations ul li img,#time-reporting .integrations ul li img{display:none}#time-tracking-app .integrations ul li div,#time-reporting .integrations ul li div{margin-left:0}#time-tracking-app .integrations ul li div h4,#time-reporting .integrations ul li div h4{font-size:22px}#basecamp .basecamp_videos{padding:40px 0 50px 0}#basecamp .basecamp_videos li+li{padding-top:35px;padding-left:0}#basecamp .content ul.in_a_row{margin-bottom:0}#basecamp .basecamp_classic img{max-width:100%}#basecamp .basecamp_classic img.play{margin:-120px 0 0 100px}#time-tracking-app .desktop_timers ul li{padding:15px 0 15px 0}#time-tracking-app .desktop_timers ul li a{display:none}#time-tracking-app .desktop_timers ul li p{padding-bottom:0px;width:100%}#time-tracking-app .desktop_timers ul li div{margin:15px 0 0 0}#time-tracking-app .desktop_timers ul li img{float:none;margin-top:0px;max-width:100%}#time-tracking-app .basecamp .logo{float:none;margin-top:0px}#time-tracking-app .basecamp .right_image{padding-top:30px}#watch h1{margin-top:0}#watch .watch_demo img{margin-left:0}#watch .watch_sport{margin:0 !important}#watch .watch_faces li{display:block !important;text-align:center;width:100% !important}#watch .watch_faces li p{font-size:16px;margin-left:0 !important}.content .sub_title{font-size:18px;margin-top:-10px}#help .faq h4 span,#help .help_question h4 span{float:left;padding:5px 0 20px 0}#help .faq ul li{width:100%}#help .guides ul li a{height:220px}#help .guides ul li h3{padding-top:50px}#help .help_question .question_container{float:none;margin:0px 0 30px 0%;padding:35px 0px 0 0;width:100%}#help .help_question .sidenav_help{width:100%}#signup .block{padding:30px 0}#signup .block .sub_title ul{display:none;font-size:15px;line-height:20px;margin-bottom:20px}#signup fieldset ul{margin-top:20px}#signup fieldset ul li{padding-bottom:10px}#signup fieldset ul li.name{padding-bottom:10px}#signup fieldset ul li.name div{margin-top:0}#signup fieldset ul li.name span{color:#000;font-size:15px;font-weight:bold;position:inherit}#signup fieldset ul li.name label{display:none;float:none}#signup fieldset ul li label{float:none}#signup fieldset ul li div{float:none}#signup fieldset ul li div+div{margin-left:0}#signup fieldset ul li .site_address{display:none}#signup fieldset ul li .security_code{display:none}#signup fieldset ul li #year{margin-top:10px}#signup p{width:100%}#signup select{margin-left:1px;width:270px}#signup .agreement{margin-top:10px;margin-left:0px;padding:11px 20px 0 20px;width:85%}#signup .agreement p{padding-bottom:11px}#signup .actions{padding:20px 0 30px 0}#signup .actions input{display:block;width:100%}#signup .actions input.btn{margin:0}#signup .plans ul li{display:block;padding:20px 0;height:auto;width:99%}#signup .plans ul li span.alt{margin-top:0}#signup .error_container{margin:20px 0}.input_100,.input_150,.input_340,.input_360{margin-left:1px;width:250px}footer{padding:30px 0}footer ul.main li{display:block;padding:5px 0;margin-right:0}footer ul.secondary{margin-top:10px}footer ul.secondary li{display:block;padding:5px 0;margin-right:0}footer .copyright{display:none}#userlike,#userlikeTab,#userlikePopup{display:none}}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,0.8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/fancybox_loading@2x.gif);background-size:24px 24px}}#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);background:#323232;background:-moz-linear-gradient(top, #444 0%, #343434 50%, #292929 50%, #333 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333));background:-webkit-linear-gradient(top, #444 0%, #343434 50%, #292929 50%, #333 100%);background:-o-linear-gradient(top, #444 0%, #343434 50%, #292929 50%, #333 100%);background:-ms-linear-gradient(top, #444 0%, #343434 50%, #292929 50%, #333 100%);background:linear-gradient(top, #444 0%, #343434 50%, #292929 50%, #333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222',GradientType=0 )}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url(/fancybox_buttons.png);background-repeat:no-repeat;outline:none;opacity:0.8}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0px}#fancybox-buttons a.btnDisabled{opacity:0.4;cursor:default}#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:0.5}#fancybox-thumbs ul li.active{opacity:0.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:none}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}