Skip to content

Instantly share code, notes, and snippets.

@jmiramant
Created July 6, 2013 16:29
Show Gist options
  • Save jmiramant/5940393 to your computer and use it in GitHub Desktop.
Save jmiramant/5940393 to your computer and use it in GitHub Desktop.
asdas
@import url("//fast.fonts.com/t/1.css?apiType=css&projectid=bc3e3e03-3975-457f-8c8c-431a71a361b0");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html
{line-height:1}
ol,ul
{list-style:none}
table
{border-collapse:collapse;border-spacing:0}
caption,th,td
{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote
{quotes:none}
q:before,q:after,blockquote:before,blockquote:after
{content:"";content:none}
a img
{border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{display:block}
.no-flicker
{-webkit-transform:translate3d(0,0,0)}
.hide-text
{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent}
.no-mobile
{display:none}
@media screen and (min-width:760px)
{.no-mobile
{display:block}
}
.mobile-only
{display:block}
@media screen and (min-width:760px)
{.mobile-only
{display:none}
}
/* This CSS resource incorporates links to font software which is the valuable copyrighted * property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, * redistribute, convert, modify or reverse engineer this font software. Please contact Monotype * Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */@font-face
{font-family:'AvenirNextLTW02-Regular';src:url("fonts/7a1b7ae7-5c29-481f-83ac-652e932c5509.eot?#iefix");src:url("fonts/7a1b7ae7-5c29-481f-83ac-652e932c5509.eot?#iefix") format("eot"),url("fonts/3a42a252-67ff-4186-88cf-762f56719ca1.woff") format("woff"),url("fonts/dbc39ae3-2636-4653-a23e-8938bce2cf51.ttf") format("truetype"),url("fonts/8e46b6cb-85f2-4400-a9d8-7cbd8ed30dd8.svg#8e46b6cb-85f2-4400-a9d8-7cbd8ed30dd8") format("svg")}
@font-face
{font-family:'AvenirNextLTW02-Italic';src:url("fonts/23504b23-e297-4c91-ba98-deceeb0af199.eot?#iefix");src:url("fonts/23504b23-e297-4c91-ba98-deceeb0af199.eot?#iefix") format("eot"),url("fonts/5191e4ce-5fdb-4b0b-b00f-b04e333dbf3e.woff") format("woff"),url("fonts/7a4d3756-ab14-401a-b693-5980ada400da.ttf") format("truetype"),url("fonts/533c52aa-9e8d-4596-a1bc-562d2acb72df.svg#533c52aa-9e8d-4596-a1bc-562d2acb72df") format("svg")}
@font-face
{font-family:'Avenir Next LT W02 Demi';src:url("fonts/ec8454e9-1900-4157-902d-1667f20b503e.eot?#iefix");src:url("fonts/ec8454e9-1900-4157-902d-1667f20b503e.eot?#iefix") format("eot"),url("fonts/e40e6ac5-f2bd-4d65-baf7-b1e397d7fdcc.woff") format("woff"),url("fonts/34772968-ece3-42e3-9f0d-f5724cafa60e.ttf") format("truetype"),url("fonts/e2f89b55-2e17-4aa3-af72-75a82c51008b.svg#e2f89b55-2e17-4aa3-af72-75a82c51008b") format("svg")}
@font-face
{font-family:'AvenirNextLTW02-Medium';src:url("fonts/f2c1017b-8f5f-4e69-8a34-3788975c6e84.eot?#iefix");src:url("fonts/f2c1017b-8f5f-4e69-8a34-3788975c6e84.eot?#iefix") format("eot"),url("fonts/0417e965-6ae1-4395-8f71-f61ea767d523.woff") format("woff"),url("fonts/eb8735e1-059f-4b58-b708-78ede4e39742.ttf") format("truetype"),url("fonts/9eaa4170-3804-4e8d-a010-4d1f191948a4.svg#9eaa4170-3804-4e8d-a010-4d1f191948a4") format("svg")}
@font-face
{font-family:'Avenir Next W02 Light';src:url("fonts/7bf72c4f-a744-4420-ad96-b982fd3c23a7.eot?#iefix");src:url("fonts/7bf72c4f-a744-4420-ad96-b982fd3c23a7.eot?#iefix") format("eot"),url("fonts/f6ebea36-fb7c-4458-a43e-2112c48c17e4.woff") format("woff"),url("fonts/280c484e-3493-4ca8-ad53-b7decaf9a4f9.ttf") format("truetype"),url("fonts/48696f6c-ef9f-49fc-9c1e-f3a65852b092.svg#48696f6c-ef9f-49fc-9c1e-f3a65852b092") format("svg")}
.avenir-regular,body,section.resource-callout h2,section.blog-main ul.blog-main__blog-list li header p,section.blog-main ul.blog-main__blog-list li p,section.blog-main ul.blog-main__blog-list li footer p,section.blog-main ul.blog-sidebar li,section.blog-main ul.blog-sidebar li.blog-sidebar--twitter div.blog-sidebar--twitter__tweet time,section.reports-list article.report p,section.reports-detail p,ul.reports-sidebar li.report p,section.press-list article.press p,section.press-list article.press ul,section.press-list article.press li
{font-family:'AvenirNextLTW02-Regular',Helvetica,Arial,sans-serif}
.avenir-italic,em
{font-family:'AvenirNextLTW02-Italic',Helvetica,Arial,sans-serif}
.avenir-medium
{font-family:'AvenirNextLTW02-Medium',Helvetica,Arial,sans-serif}
.avenir-demi,h1,h2,h3,h4,h5,strong,input,textarea,.main-nav ul.main-nav__links li a,.mobile-main-nav .menu-open,.mobile-main-nav ul>li>a,.secondary-nav ul li a,.btn,.cta-box,.tabs>li>a,nav.blog-main__categories ul li a,section.blog-main div.blog-main__related-articles ul li h4,section.blog-main ul.blog-sidebar li.active,section.blog-main ul.blog-sidebar li.blog-sidebar--twitter,section.blog-main ul.blog-sidebar li.blog-sidebar--twitter div.blog-sidebar--twitter__tweet p,section.blog-main ul.blog-sidebar li.blog-sidebar--feeds a,section.about-career-detail a.breadcrumb,section.reports-detail a.breadcrumb,ul.reports-sidebar li,div.reports-sidebar__cta,section.press-list div.press-block a,section.press-list article.press div.press-kit-block,body.home section.section-6 .col-5 p,body.about section.section-4 .row .left p,body.contact section.section-1 .left p,body.platform section.section-3 .centered-wrapper p
{font-family:'Avenir Next LT W02 Demi',Helvetica,Arial,sans-serif}
.avenir-light,.statistics .statistics__statistic .statistics__statistic__number
{font-family:'Avenir Next W02 Light',Helvetica,Arial,sans-serif}
@font-face
{font-family:'icomoon';src:url("fonts/icomoon.eot");src:url("fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("fonts/icomoon.woff") format("woff"),url("fonts/icomoon.ttf") format("truetype"),url("fonts/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}
[data-icon]:before
{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.icon-twitter,.icon-lookout_phone,.icon-download_2,.icon-bar_graph,.icon-lock_privacy,.icon-lock_key_hole,.icon-key_hole,.icon-social_facebook,.icon-scream,.icon-down_arrow_2,.icon-business,.icon-x_dots,.icon-tag,.icon-social_twitter,.icon-signal,.icon-signal_flare,.icon-shield,.icon-share,.icon-rss,.icon-privacy,.icon-platform,.icon-pin,.icon-pin_circle,.icon-person,.icon-mug,.icon-magnify,.icon-lookout,.icon-lock,.icon-globe,.icon-emote,.icon-download_1,.icon-down_arrow_3,.icon-down_arrow_1,.icon-dot,.icon-dot_outline,.icon-data,.icon-cloud,.icon-business_protection,.icon-bullseye,.icon-box,.icon-bolt,.icon-band-aid,.icon-upload,.icon-phone,.icon-dot_path,.icon-cap,.icon-cart,.icon-chat,.icon-download_cloud,.icon-photos,.icon-contact,.icon-tools,.icon-star,.icon-refresh,.icon-magnify_contact,.icon-Lookout_Icons_phone_2,.icon-youtube,.icon-camera_lock
{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.icon-twitter:before
{content:"\e000"}
.icon-lookout_phone:before
{content:"\e001"}
.icon-download_2:before
{content:"\e002"}
.icon-bar_graph:before
{content:"\e003"}
.icon-lock_privacy:before
{content:"\e004"}
.icon-lock_key_hole:before
{content:"\e005"}
.icon-key_hole:before
{content:"\e006"}
.icon-social_facebook:before
{content:"\e007"}
.icon-scream:before
{content:"\e008"}
.icon-down_arrow_2:before
{content:"\e009"}
.icon-business:before
{content:"\e00a"}
.icon-x_dots:before
{content:"\e00b"}
.icon-tag:before
{content:"\e00c"}
.icon-social_twitter:before
{content:"\e00d"}
.icon-signal:before
{content:"\e00e"}
.icon-signal_flare:before
{content:"\e00f"}
.icon-shield:before
{content:"\e010"}
.icon-share:before
{content:"\e011"}
.icon-rss:before
{content:"\e012"}
.icon-privacy:before
{content:"\e013"}
.icon-platform:before
{content:"\e014"}
.icon-pin:before
{content:"\e015"}
.icon-pin_circle:before
{content:"\e016"}
.icon-person:before
{content:"\e017"}
.icon-mug:before
{content:"\e018"}
.icon-magnify:before
{content:"\e019"}
.icon-lookout:before
{content:"\e01a"}
.icon-lock:before
{content:"\e01b"}
.icon-globe:before
{content:"\e01c"}
.icon-emote:before
{content:"\e01d"}
.icon-download_1:before
{content:"\e01e"}
.icon-down_arrow_3:before
{content:"\e01f"}
.icon-down_arrow_1:before
{content:"\e020"}
.icon-dot:before
{content:"\e021"}
.icon-dot_outline:before
{content:"\e022"}
.icon-data:before
{content:"\e023"}
.icon-cloud:before
{content:"\e024"}
.icon-business_protection:before
{content:"\e028"}
.icon-bullseye:before
{content:"\e029"}
.icon-box:before
{content:"\e02a"}
.icon-bolt:before
{content:"\e02b"}
.icon-band-aid:before
{content:"\e02c"}
.icon-upload:before
{content:"\e02d"}
.icon-phone:before
{content:"\e02e"}
.icon-dot_path:before
{content:"\e02f"}
.icon-cap:before
{content:"\e027"}
.icon-cart:before
{content:"\e026"}
.icon-chat:before
{content:"\e025"}
.icon-download_cloud:before
{content:"\e030"}
.icon-photos:before
{content:"\e031"}
.icon-contact:before
{content:"\e032"}
.icon-tools:before
{content:"\e033"}
.icon-star:before
{content:"\e034"}
.icon-refresh:before
{content:"\e035"}
.icon-magnify_contact:before
{content:"\e036"}
.icon-Lookout_Icons_phone_2:before
{content:"\e037"}
.icon-youtube:before
{content:"\e038"}
.icon-camera_lock:before
{content:"\e039"}
*
{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html
{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body
{font-size:14px;line-height:1.5;color:#505957;padding-top:57px}
@media screen and (min-width:760px)
{body
{font-size:18px;padding-top:0}
}
section
{padding:30px 0}
section.padding-reset
{padding:0}
h1,h2,h3,h4,h5
{font-weight:normal;color:#3cb44b;margin:20px 0;line-height:1.1}
h1,h2
{font-size:32px;text-transform:uppercase}
@media screen and (min-width:760px)
{h1,h2
{font-size:54px}
}
@media screen and (min-width:1060px)
{h1,h2
{font-size:64px}
}
h2
{margin-bottom:0;text-transform:uppercase}
h3
{font-size:24px;text-transform:uppercase}
@media screen and (min-width:760px)
{h3
{font-size:42px}
}
h4
{text-transform:none;font-size:18px}
@media screen and (min-width:760px)
{h4
{font-size:36px}
}
h5
{text-transform:uppercase;font-size:18px}
@media screen and (min-width:760px)
{h5
{font-size:16px}
}
a
{-webkit-transition:color 150ms,border 150ms;-moz-transition:color 150ms,border 150ms;-o-transition:color 150ms,border 150ms;transition:color 150ms,border 150ms;color:#3cb44b;text-decoration:none}
a:hover
{color:#2b8d30}
.white
{color:#fff}
.splat
{color:#3cb44b;padding-right:3px}
.fine-print
{font-size:12px}
p,ol,ul
{margin:20px 0}
p
{margin:20px 0}
ol
{list-style:decimal;margin-left:26px}
ul
{list-style:disc;margin-left:20px}
strong
{font-weight:normal}
em
{font-style:normal}
label
{font-size:14px}
.input
{margin:30px 0}
input,textarea
{font-size:16px;color:#505957}
input[type=submit]
{border:0}
input[type=text],input[type=email],textarea
{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.04) 3px 3px 4px inset;-moz-box-shadow:rgba(0,0,0,0.04) 3px 3px 4px inset;box-shadow:rgba(0,0,0,0.04) 3px 3px 4px inset;display:block;width:100%;font-weight:normal;border:1px solid #e7e8e9;padding:10px}
@media screen and (min-width:760px)
{input[type=text],input[type=email],textarea
{max-width:500px}
}
textarea
{display:block}
select
{display:block}
.row
{position:relative;overflow:hidden}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
{overflow:hidden;clear:both;position:relative}
@media screen and (min-width:760px)
{.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
{width:50%;float:left;clear:none;padding-right:3%}
.col.pull-right,.pull-right.col-1,.pull-right.col-2,.pull-right.col-3,.pull-right.col-4,.pull-right.col-5,.pull-right.col-6,.pull-right.col-7,.pull-right.col-8,.pull-right.col-9,.pull-right.col-10,.pull-right.col-11,.pull-right.col-12,.col .pull-right,.col-1 .pull-right,.col-2 .pull-right,.col-3 .pull-right,.col-4 .pull-right,.col-5 .pull-right,.col-6 .pull-right,.col-7 .pull-right,.col-8 .pull-right,.col-9 .pull-right,.col-10 .pull-right,.col-11 .pull-right,.col-12 .pull-right
{float:right}
.col:last-child,.col-1:last-child,.col-2:last-child,.col-3:last-child,.col-4:last-child,.col-5:last-child,.col-6:last-child,.col-7:last-child,.col-8:last-child,.col-9:last-child,.col-10:last-child,.col-11:last-child,.col-12:last-child
{padding-right:0}
}
@media screen and (min-width:1060px)
{.col-1
{width:8.33333%}
}
@media screen and (min-width:1060px)
{.col-2
{width:16.66667%}
}
@media screen and (min-width:1060px)
{.col-3
{width:25%}
}
@media screen and (min-width:1060px)
{.col-4
{width:33.33333%}
}
@media screen and (min-width:1060px)
{.col-5
{width:41.66667%}
}
@media screen and (min-width:1060px)
{.col-6
{width:50%}
}
@media screen and (min-width:1060px)
{.col-7
{width:58.33333%}
}
@media screen and (min-width:1060px)
{.col-8
{width:66.66667%}
}
@media screen and (min-width:1060px)
{.col-9
{width:75%}
}
@media screen and (min-width:1060px)
{.col-10
{width:83.33333%}
}
@media screen and (min-width:1060px)
{.col-11
{width:91.66667%}
}
@media screen and (min-width:1060px)
{.col-12
{width:100%}
}
.main-nav
{display:none;background-color:white;position:absolute;top:57px;left:0;width:100%;overflow:hidden;height:600px}
.main-nav.visible
{display:block}
.main-nav ul
{overflow:hidden;list-style:none;margin:0}
.main-nav ul.main-nav__links
{border-bottom:2px solid #e7e8e9}
.main-nav ul.main-nav__links li
{float:left;width:50%}
.main-nav ul.main-nav__links li a
{display:block;text-align:center;font-size:18px;color:#929397;text-decoration:none;width:100%;height:124px;padding-top:20px;border-right:2px solid #e7e8e9}
.main-nav ul.main-nav__links li a:before
{-webkit-transition:color 150ms;-moz-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms;font-family:'icomoon';color:#d0d2d3;font-size:37px;display:block;text-align:center;width:100%;margin-bottom:-5px}
.main-nav ul.main-nav__links li a:hover
{color:#3cb44b}
.main-nav ul.main-nav__links li a:hover:before
{color:#505957}
.main-nav ul.main-nav__links li.active a
{color:#3cb44b}
.main-nav ul.main-nav__links li.active a:before
{color:#505957}
.main-nav ul.main-nav__links li:nth-child(1) a
{border-bottom:2px solid #e7e8e9}
.main-nav ul.main-nav__links li:nth-child(1) a:before
{content:"\e001"}
.main-nav ul.main-nav__links li:nth-child(2) a
{border-right:0;border-bottom:2px solid #e7e8e9}
.main-nav ul.main-nav__links li:nth-child(2) a:before
{content:"\e00a"}
.main-nav ul.main-nav__links li:nth-child(3) a
{border-right:2px solid #e7e8e9}
.main-nav ul.main-nav__links li:nth-child(3) a:before
{content:"\e014"}
.main-nav ul.main-nav__links li:nth-child(4) a
{border-right:0}
.main-nav ul.main-nav__links li:nth-child(4) a:before
{content:"\e017"}
.main-nav ul.main-nav__buttons
{padding:9px 19px 11px 19px}
.main-nav ul.main-nav__buttons li
{text-align:center}
.main-nav ul.main-nav__buttons li:last-child
{margin-left:14px}
header.fixed .main-nav ul.main-nav__links li a
{line-height:30px;height:30px}
header.fixed .main-nav ul.main-nav__links li a:before
{display:none}
header.fixed .main-nav ul.main-nav__buttons
{top:-25px}
@media screen and (min-width:760px)
{.main-nav
{display:block;position:static;top:0;left:0;background:transparent;height:auto}
.main-nav ul.main-nav__links
{position:relative;left:-8px;width:36%;margin:0 auto;border-bottom:0}
.main-nav ul.main-nav__links li
{width:33.333333%;float:left}
.main-nav ul.main-nav__links li a
{border-left:1px solid #d0d2d3;border-right:0;border-bottom:0;width:100%;height:68px;font-size:14px;padding-top:0}
.main-nav ul.main-nav__links li a:before
{font-size:32px}
.main-nav ul.main-nav__links li:nth-child(1) a,.main-nav ul.main-nav__links li:nth-child(2) a
{border-bottom:0}
.main-nav ul.main-nav__links li:nth-child(3) a
{border-right:1px solid #d0d2d3}
.main-nav ul.main-nav__buttons
{position:absolute;right:0;top:-5px}
.main-nav ul.main-nav__buttons li
{float:left}
}
@media screen and (min-width:1060px)
{.main-nav ul.main-nav__links
{width:45%}
.main-nav ul.main-nav__links li a
{font-size:16px}
}
.mobile-main-nav
{position:absolute;top:0;right:0;margin-top:10px}
.mobile-main-nav .menu-open
{background:url('../img/mobile-menu-open.png?1368132410') no-repeat 60px center;background-size:auto 38%;display:block;width:100px;height:38px;line-height:40px;font-size:12px;text-indent:5px;text-transform:uppercase;color:#d0d2d3;overflow:hidden}
.mobile-main-nav>ul,.mobile-main-nav>a
{float:left}
.mobile-main-nav ul
{list-style:none;margin:0;border-right:1px solid #e7e8e9;height:38px;overflow:hidden;display:none}
.mobile-main-nav ul>li
{float:left}
.mobile-main-nav ul>li>a
{font-size:12px;display:block;padding:0 15px;line-height:40px;height:38px;overflow:hidden;text-transform:uppercase}
@media screen and (min-width:760px)
{.mobile-main-nav
{display:none}
}
body.home .mobile-main-nav ul
{display:block}
body.home .mobile-main-nav .menu-open
{background-position:10px center;width:50px;text-indent:-9999px}
.secondary-nav
{overflow:hidden;padding:10px 0 0 0}
.secondary-nav ul
{list-style:none;margin:0}
.secondary-nav ul li
{float:left;margin:0 21px 15px 0;padding:0}
.secondary-nav ul li:last-child
{margin-right:0}
.secondary-nav ul li.active a,.secondary-nav ul li:hover a
{color:#3cb44b;padding-bottom:3px;border-bottom:4px solid #3cb44b}
.secondary-nav ul li a
{font-size:12px;line-height:1;color:#929397;text-transform:uppercase}
@media screen and (min-width:760px)
{.secondary-nav
{border-top:1px solid #d0d2d3}
.secondary-nav ul li
{margin-right:3%}
.secondary-nav ul li a
{font-size:14px}
}
@media screen and (min-width:1060px)
{.secondary-nav ul li
{margin-right:8%}
}
.footer-nav-block
{border-bottom:1px solid white;padding-bottom:7px}
.footer-nav-block h5
{color:#929397;margin-bottom:10px;cursor:pointer}
.footer-nav-block ul
{list-style:none;margin:0;margin-bottom:8px}
.footer-nav-block ul li a
{color:#3cb44b;font-size:14px;display:block;padding:9px 0}
.footer-nav-block ul li a:hover
{color:#3cb44b}
.footer-nav-block.active ul
{display:block}
@media screen and (min-width:760px)
{.footer-nav-block
{border-bottom:0;float:left;margin-right:60px}
.footer-nav-block h5
{cursor:text;color:#3cb44b}
.footer-nav-block ul
{display:block!important}
.footer-nav-block ul li a
{display:inline;line-height:26px;color:#929397;padding:3px 0}
}
.colophon
{width:100%;padding-top:10px;float:left;clear:both;color:#929397;font-size:13px}
.colophon a
{color:#929397}
.colophon a:hover
{color:#3cb44b}
.colophon .icon
{color:#3cb44b;font-size:20px;margin-right:0;position:relative;top:3px;display:none}
.colophon .colophon__links
{display:block}
@media screen and (min-width:1060px)
{.colophon
{padding-top:30px}
.colophon .icon
{display:inline}
.colophon .colophon__links
{display:inline}
}
.logo
{position:absolute;z-index:2;float:left;margin:15px 0}
.logo a
{text-indent:-9999px;display:block;background-image:url('../img/lookout-logo-mobile.png?1367210399');width:129px;height:25px}
@media(-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6 / 2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx)
{.logo a
{background-image:url('../img/lookout-logo-mobile_x2.png?1367210399');-webkit-background-size:129px 25px;-moz-background-size:129px 25px;-o-background-size:129px 25px;background-size:129px 25px}
}
@media screen and (min-width:760px)
{.logo
{margin:10px 0 0 0}
.logo a
{background-image:url('../img/lookout-logo.png?1367210399');width:208px;height:40px;text-indent:-9999px;display:block}
header.fixed .logo
{margin-top:0;margin-right:138px}
header.fixed .logo a
{background-image:url('../img/lookout-logo-follow.png?1367210399');width:150px;height:28px}
}
@media screen and (min-width:760px) and (-webkit-min-device-pixel-ratio:1.3),screen and (min-width:760px) and (-o-min-device-pixel-ratio:2.6 / 2),screen and (min-width:760px) and (min--moz-device-pixel-ratio:1.3),screen and (min-width:760px) and (min-device-pixel-ratio:1.3),screen and (min-width:760px) and (min-resolution:1.3dppx)
{.logo a
{background-image:url('../img/lookout-logo_x2.png?1367210399');-webkit-background-size:208px 40px;-moz-background-size:208px 40px;-o-background-size:208px 40px;background-size:208px 40px}
}
@media screen and (min-width:760px) and (-webkit-min-device-pixel-ratio:1.3),screen and (min-width:760px) and (-o-min-device-pixel-ratio:2.6 / 2),screen and (min-width:760px) and (min--moz-device-pixel-ratio:1.3),screen and (min-width:760px) and (min-device-pixel-ratio:1.3),screen and (min-width:760px) and (min-resolution:1.3dppx)
{header.fixed .logo a
{background-image:url('../img/lookout-logo-follow_x2.png?1367210399');-webkit-background-size:150px 28px;-moz-background-size:150px 28px;-o-background-size:150px 28px;background-size:150px 28px}
}
.lowercase
{text-transform:lowercase}
.white-text,.icon.icon--white,.statistics.green-bg .statistics__statistic .statistics__statistic__number,.statistics.green-bg .statistics__statistic .statistics__statistic__category,.statistics.green-bg .statistics__statistic .statistics__statistic__icon
{color:white}
.teal-text,.icon.icon--teal
{color:#7ab8ac}
a.teal-text:hover,a.icon.icon--teal:hover
{color:#71a79e}
ul.no-bullets,ol.no-bullets
{list-style:none;margin-left:0}
ul.no-bullets>li,ol.no-bullets>li
{line-height:22px;margin-bottom:12px}
.icon.icon--small,.statistics .statistics__statistic .statistics__statistic__icon
{font-size:36px}
.icon.icon--medium
{font-size:52px}
.icon.icon--large
{font-size:68px}
.green-bg
{background-color:#3cb44b}
.green-bg h3,.green-bg h4,.green-bg p
{color:white}
.grey-bg
{background-color:#f6f6f6}
.teal-bg
{background-color:#7ab8ac}
.texture-bg
{background:#929397 url('../img/texture-bg.gif?1367210400')}
.grey-node-bg
{background:#f6f6f6 url('../img/gray_pattern_nodes.jpg?1367210399') center center}
.teal-node-bg
{background:#7ab8ac url('../img/blue_pattern_nodes.jpg?1367210399') center center}
.full-width-image
{min-height:200px;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
@media screen and (min-width:760px)
{.full-width-image
{height:400px}
}
@media screen and (min-width:1210px)
{.full-width-image
{background-size:cover}
}
.btn
{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;text-shadow:rgba(0,0,0,0.3) 0 1px 0;-webkit-box-shadow:#2b8d30 0 2px 0;-moz-box-shadow:#2b8d30 0 2px 0;box-shadow:#2b8d30 0 2px 0;-webkit-transition:background 150ms,color 150ms,box-shadow 150ms;-moz-transition:background 150ms,color 150ms,box-shadow 150ms;-o-transition:background 150ms,color 150ms,box-shadow 150ms;transition:background 150ms,color 150ms,box-shadow 150ms;background-color:#3cb44b;display:inline-block;font-size:18px;line-height:1;color:white;text-align:center;padding:16px 26px 13px 26px;margin:10px 0;clear:both;white-space:nowrap}
.btn:hover
{-webkit-box-shadow:#3cb44b 0 2px 0;-moz-box-shadow:#3cb44b 0 2px 0;box-shadow:#3cb44b 0 2px 0;background-color:#2b8d30;color:white}
.btn[type="submit"]
{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
@media screen and (min-width:760px)
{.btn
{float:left}
.btn.mobile-only
{display:none}
}
.btn.btn--reverse,.green-bg .btn
{text-shadow:rgba(0,0,0,0.1) 0 1px 0;background-color:white;color:#3cb44b}
.btn.btn--reverse:hover,.green-bg .btn:hover
{background-color:#2b8d30;color:white;-webkit-box-shadow:#1f6924 0 2px 0;-moz-box-shadow:#1f6924 0 2px 0;box-shadow:#1f6924 0 2px 0}
.btn.btn--reverse.btn--download:before,.green-bg .btn.btn--download:before
{border-right:1px solid #ccc}
@media screen and (min-width:760px)
{.btn.btn--mini
{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;font-size:13px;padding:7px 9px 5px 9px}
}
@media screen and (min-width:760px)
{.btn.btn--small
{font-size:14px;padding:14px 16px 10px 16px}
}
.btn.btn--smaller-on-mobile
{font-size:13px}
@media screen and (min-width:760px)
{.btn.btn--smaller-on-mobile
{font-size:18px}
}
@media screen and (min-width:760px)
{.btn.btn--large
{padding:20px 28px 20px 28px;font-size:24px}
}
.btn.btn--grey
{text-shadow:none;-webkit-box-shadow:#929397 0 2px 0;-moz-box-shadow:#929397 0 2px 0;box-shadow:#929397 0 2px 0;background-color:#d0d2d3;color:#929397;vertical-align:center}
.btn.btn--grey:hover
{-webkit-box-shadow:#d0d2d3 0 2px 0;-moz-box-shadow:#d0d2d3 0 2px 0;box-shadow:#d0d2d3 0 2px 0;background-color:#929397;color:#d0d2d3}
.btn.btn--login
{position:relative;padding-left:42px}
.btn.btn--login:before
{-webkit-transition:color 150ms;-moz-transition:color 150ms;-o-transition:color 150ms;transition:color 150ms;font-family:'icomoon';content:"\e017";color:#6d6e70;margin-right:8px;font-size:1.2em;position:absolute;top:50%;margin-top:-0.5em;left:15px}
.btn.btn--login:hover:before
{color:#d0d2d3}
.btn.btn--download
{padding-left:17px}
.btn.btn--download:before
{position:relative;top:2px;font-family:'icomoon';content:"\e01e";border-right:1px solid white;padding-right:15px;margin-right:13px}
.btn.btn--download.btn--mini
{padding-left:9px}
.btn.btn--download.btn--mini:before
{content:"\e020";border-right:0;padding-right:0;margin-right:3px;padding-left:0;font-size:11px}
.jump-tab
{display:none}
@media screen and (min-width:760px)
{.jump-tab
{background:white url('../img/jump-arrow.png?1368132410') no-repeat center 8px;display:block;cursor:pointer;width:60px;height:30px;margin-top:-30px;overflow:hidden;position:absolute;left:50%;margin-left:-30px}
}
.cta-box
{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-transition:background 150ms,color 150ms,box-shadow 150ms;-moz-transition:background 150ms,color 150ms,box-shadow 150ms;-o-transition:background 150ms,color 150ms,box-shadow 150ms;transition:background 150ms,color 150ms,box-shadow 150ms;background-color:#3cb44b;color:white;overflow:hidden;padding:10px;display:block;margin-bottom:10px}
.cta-box .cta-box__icon
{font-size:42px;width:40%;float:left;text-align:center;margin:20px 0}
.cta-box .cta-box__text
{width:60%;float:left;font-size:14px;margin:20px 0}
.cta-box .btn
{display:block;clear:both;float:none}
.cta-box:hover
{background-color:white;color:#3cb44b}
.cta-box:hover .btn
{-webkit-box-shadow:#2b8d30 0 2px 0;-moz-box-shadow:#2b8d30 0 2px 0;box-shadow:#2b8d30 0 2px 0;background-color:#3cb44b;color:white}
@media screen and (min-width:760px)
{.cta-box
{text-align:center;padding:20px;max-width:231px}
.cta-box .cta-box__icon
{float:none;width:100%;margin:10px 0}
.cta-box .cta-box__text
{float:none;width:100%;font-size:18px}
.cta-box .btn
{margin-bottom:0}
}
@media screen and (min-width:1060px)
{.cta-box
{max-width:250px}
}
.cta-box-group
{padding:10px 0 20px 0}
.cta-box-group h4
{text-align:center}
@media screen and (min-width:760px)
{.cta-box-group
{padding:40px 0 60px 0;text-align:center}
.cta-box-group h4
{margin-bottom:40px}
.cta-box-group .cta-box
{display:inline-block;margin:0 2px}
}
@media screen and (min-width:1060px)
{.cta-box-group .cta-box
{display:inline-block;margin:0 10px}
}
.centered-text h2,.centered-text h3,.centered-text h4,.centered-text p,.centered-text-mobile h2,.centered-text-mobile h3,.centered-text-mobile h4,.centered-text-mobile p
{width:80%;margin:20px auto;text-align:center}
.centered-text p,.centered-text-mobile p
{width:90%}
@media screen and (min-width:760px)
{.centered-text h3,.centered-text h4,.centered-text p
{width:90%}
}
@media screen and (min-width:1060px)
{.centered-text h3
{width:80%}
.centered-text h4,.centered-text p
{width:70%}
}
@media screen and (min-width:760px)
{.centered-text-mobile h3,.centered-text-mobile h4,.centered-text-mobile p
{width:auto;text-align:left}
}
.power-statement
{font-size:18px;color:#3cb44b;text-align:center}
@media screen and (min-width:760px)
{.power-statement
{margin:40px auto;font-size:28px;width:90%}
}
@media screen and (min-width:1060px)
{.extra-tall-section
{height:520px}
}
@media screen and (min-width:1060px)
{.tall-section
{height:460px}
}
@media screen and (min-width:1060px)
{.standard-section
{height:400px}
}
@media screen and (min-width:1060px)
{.short-section
{height:350px}
}
.statistics
{text-align:center}
.statistics .statistics__header
{margin-bottom:40px}
.statistics .statistics__header p
{margin:0 auto;width:100%}
.statistics .statistics__statistic
{display:inline-block;margin-bottom:40px;overflow:hidden;width:30%}
.statistics .statistics__statistic .statistics__statistic__number
{font-size:32px;overflow:hidden;height:28px;line-height:28px}
.statistics .statistics__statistic .statistics__statistic__category
{font-weight:bold;text-transform:uppercase;margin:10px 0}
@media screen and (min-width:760px)
{.statistics .statistics__header p
{width:70%}
.statistics .statistics__statistic .statistics__statistic__number
{font-size:84px;height:88px;line-height:88px}
}
@media screen and (min-width:760px)
{.statistics .statistics__header p
{width:70%}
.statistics .statistics__statistic .statistics__statistic__number
{font-size:84px;height:88px;line-height:88px}
}
@media screen and (min-width:1060px)
{.statistics .statistics__header p
{width:80%}
.statistics .statistics__statistic .statistics__statistic__number
{font-size:96px;height:90px;line-height:90px}
}
.features h3,.features h4
{text-transform:uppercase;text-align:center;width:100%;margin:10px auto}
.features p
{margin:0 auto;text-align:center;width:80%}
.features .centered-wrapper
{padding:0}
.features .features__header
{padding:20px 0}
.features .features__feature
{position:relative}
.features .features__feature .features__feature__text
{padding:20px;padding-left:50px}
.features .features__feature .features__feature__text h5
{font-size:18px;text-transform:none;margin:0;width:90%}
.features .features__feature .features__feature__text p
{margin:0;margin-top:10px;text-align:left;width:90%}
.features .features__feature .features__feature__icon
{color:#3cb44b;font-size:1.8em;position:absolute;top:17px;left:15px}
.features.features--collapse
{padding:0}
.features.features--collapse .features__header
{border-bottom:2px solid #e7e8e9}
.features.features--collapse .features__feature__text
{border-bottom:2px solid #e7e8e9}
.features.features--collapse .features__feature__text p,.features.features--collapse .features__feature__text ul
{display:none}
.features.features--collapse .features__feature__text ul
{list-style:disc;margin-left:20px}
.features.features--collapse .features__feature__annotation
{border:0;padding-left:20px}
.features.features--collapse .features__feature__annotation p
{margin:0;margin-bottom:20px;text-align:left;display:block}
@media screen and (min-width:760px)
{.features h3,.features h4
{width:70%}
.features .centered-wrapper
{padding:0 20px}
.features .splat
{font-weight:bold;font-size:24px}
.features .features__header
{padding:10px 0 50px;border:0}
.features .features__feature
{width:46%;margin-right:4%;margin-bottom:20px;float:left}
.features .features__feature:nth-child(even)
{margin-right:6%}
.features .features__feature:nth-child(odd)
{margin-right:2%}
.features .features__feature .features__feature__text
{border:0;padding-left:65px;padding-right:0}
.features .features__feature .features__feature__text h5
{margin-bottom:10px;margin-top:0;padding:0;font-size:24px;width:100%}
.features .features__feature .features__feature__text p
{width:100%;margin:0;margin-left:0}
.features .features__feature .features__feature__text ul
{list-style:none;margin-left:0}
.features .features__feature .features__feature__icon
{font-size:2.4em;top:13px;left:-2px}
.features.features--collapse
{padding:30px 0}
.features.features--collapse .features__header
{border:0}
.features.features--collapse .features__feature__text
{border:0}
.features.features--collapse .features__feature__text p,.features.features--collapse .features__feature__text ul
{display:block!important}
}
.header-fill
{padding:0}
.header-fill .header-fill__image img
{width:100%}
@media screen and (min-width:760px)
{.header-fill .centered-wrapper
{position:absolute;top:0;left:0;width:100%}
.header-fill .header-fill__image
{background-attachment:scroll;background-image:none;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:400px}
.header-fill .header-fill__image img
{display:none;width:auto;height:auto}
}
@media screen and (min-width:1060px)
{.header-fill .centered-wrapper
{left:50%;margin-left:-530px}
.header-fill .header-fill__image
{height:460px}
}
.section-ribbon
{text-align:center;padding:40px 0}
.section-ribbon p,.section-ribbon h4,.section-ribbon .btn
{margin:0}
.section-ribbon .section-ribbon__left
{margin-bottom:20px}
.section-ribbon .section-ribbon__left h4
{line-height:25px}
.section-ribbon .section-ribbon__right .btn
{padding:14px 26px 12px}
@media screen and (min-width:760px)
{.section-ribbon
{padding:0;text-align:left}
.section-ribbon .section-ribbon__wrapper
{margin:0 auto;overflow:hidden;white-space:nowrap;width:760px}
.section-ribbon .section-ribbon__wrapper .section-ribbon__left
{margin:0;padding-top:65px;float:left;height:150px}
.section-ribbon .section-ribbon__wrapper .section-ribbon__left h4
{font-size:24px;line-height:24px}
.section-ribbon .section-ribbon__wrapper .section-ribbon__right
{padding-top:40px;height:150px;float:right}
.section-ribbon .section-ribbon__wrapper .section-ribbon__right .btn
{font-size:18px;margin-right:20px;padding:25px 54px 21px}
.section-ribbon .section-ribbon__wrapper .section-ribbon__right .btn.btn--download
{font-size:24px;padding:23px 18px 21px}
}
@media screen and (min-
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment