Created
July 6, 2013 16:29
-
-
Save jmiramant/5940393 to your computer and use it in GitHub Desktop.
asdas
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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