Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • ANIWAYS.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ANIWAYS.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ANIWAYS.COM includes "http://ANIWAYS.COM/assets/application-999521349478982b59f5cc72ce1baa44.css" to use Font Awesome and information from CSS is like below.
  • /**/:pointer}a:link:hover,a:visited:hover{text-decoration:none}nav ul,nav li{margin:0;list-style:none;list-style-image:none}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.iem7 input[type="checkbox"]{vertical-align:baseline}input,select{vertical-align:middle}textarea{overflow:auto}.black-background{height:120px;width:100%;background-color:black;margin-bottom:26px}.section-content{margin-bottom:100px}.btn-primary{background-color:#1cb8c5;color:white;width:110px;height:40px;border:1px solid white;border-radius:0}.btn-primary:hover{background-color:#0e99a5}p{font:300 18px "Roboto", "sans-serif";font-size:16px;Line-height:22px;Color:#1d1d1b}.vertical-line{height:130px;width:1px;border-left:1px solid #1bb8c5}.center-block{float:none}ul,li{margin:0;list-style:none;list-style-image:none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.clearfix{display:block}.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}hr.logo{display:block;height:1px;border:0;border-top:1px solid #1bb8c5;margin:32px 0;padding:0;position:relative}hr.logo:before{display:block;width:38px;height:19px;content:"";background:#fff url(/assets/icons/icon1-4b85de6214cb390fb8f1eb2b3795b09f.png) center center no-repeat;position:absolute;left:50%;top:-10px;margin-left:-19px}#container{position:relative;overflow-x:hidden}#banner{height:442px;width:100%;text-align:center;display:table;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:9px solid #1bb8c5}#banner .inner-wrap{display:table-cell;vertical-align:middle;width:100%;position:relative}#banner .inner-wrap .inner{position:absolute;left:0;bottom:0;width:100%}#banner .inner-wrap .inner .container{position:relative}#banner .inner-wrap .inner .container:before{background:url(/assets/arrow4-412c7044afab48f73a0be9ad33db434a.png) left top no-repeat;width:82px;height:61px;display:block;content:"";position:absolute;left:0;top:0}#banner h2{font-size:55px;color:#fefefe;line-height:57px;font-weight:normal;margin-bottom:40px;font-family:"Bree Serif", "serif"}.post h2{font-size:42px;color:#1cb5c3;font-weight:normal;line-height:43px;margin-bottom:20px;font-family:"Bree Serif", "serif"}.post h3{font-size:27px;color:#1cb8c5;font-weight:normal;line-height:27px;margin-bottom:13px;font-family:"Bree Serif", "serif"}.post h3 a{color:#1cb8c5}.post p{font-size:22px;color:#646464;font-weight:300;line-height:28px;margin-bottom:40px}.post ul li{background:url(/assets/li-bg-e89fecc515ebb497736efc69b2a756f1.png) left 8px no-repeat;font-size:18px;color:#292929;font-weight:300;line-height:26px;margin-bottom:8px;padding-left:35px}.button1{display:inline-block;font-family:"Bree Serif", "serif";background:#1bb8c5;border:1px solid white;padding:10px 32px;height:52px;line-height:30px;font-size:25px;color:white;font-weight:normal}.button1:hover{color:white}.box1{position:relative;border:1px solid #e2e2e2;padding:55px;margin-bottom:100px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.button2{display:block;font-family:"Bree Serif", "serif";background:url(/assets/button2-bg-002f0eb9c756302a67c1fce576884471.png) left top repeat;border:1px solid white;padding:0 0px;height:37px;line-height:35px;text-align:center;font-size:18px;color:white;font-weight:500}.button2:hover{color:white}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input:-moz-placeholder,textarea:-moz-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}h1,h2,h3{color:RGB(42, 181, 194)}a{color:RGB(0, 183, 193)}a:hover{color:RGB(42, 181, 194)}.help-inline{color:red;font-size:16px;font-family:"Halvetica"}.control-group.error input[type='text'],.control-group.error input[type='password'],.control-group.error input[type='email']{border:1px solid red}.navbar-default{padding:16px 0 1% 0;border-color:transparent;background-color:transparent}.navbar-default.shrink{opacity:0.0;max-height:45px;padding:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.navbar-default.expand,.navbar-default.shrink:hover{opacity:1;padding:16px 0 1% 0;max-height:1120px;background-color:rgba(48,50,53,0.93);-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}@media (max-width: 768px){.navbar-default #bs-example-navbar-collapse-1{background-color:black}}.navbar-default .container .navbar-brand{background-image:url(/assets/logo_white-a566a45940090189c1e2add50f75524e.png);width:130px;background-repeat:no-repeat;margin-left:0;background-size:contain;background-position-y:50%}.navbar-default .navbar-nav li{margin-right:16px}.navbar-default .navbar-nav li a{color:white;font:300 18px "Roboto", "sans-serif";padding-bottom:7px}.navbar-default .navbar-nav li a:hover{color:white}.navbar-default .navbar-nav li a:hover .underline{border-bottom:1px solid;border-color:white;padding-bottom:5px}.navbar-default .navbar-nav li a.btn-primary{width:120px;height:36px;background-color:#46494f;border-radius:18px;color:white;padding-top:5px;margin-top:7px;font-family:"Roboto", "sans-serif";font-size:18px;-webkit-transition:background-color 0.4s ease-out;transition:background-color 0.4s ease-out}.navbar-default .navbar-nav li a.btn-primary:hover{-webkit-transition:background-color 0.4s ease-in;transition:background-color 0.4s ease-in;background-color:RGB(42, 181, 194)}@media (max-width: 768px){.navbar-default .navbar-nav li a.btn-primary{display:none}}.navbar-default .navbar-nav li.active a{color:white;background-color:transparent}.navbar-default .navbar-nav li.active a .underline{border-bottom:1px solid;border-color:white;padding-bottom:5px}.navbar-default .navbar-nav li.active a:hover{color:white;background-color:transparent}.navbar-default.fixed{border-color:white;background-color:white}.navbar-default.fixed .navbar-brand{background-image:url(/assets/logo_color-830116708c31a9c3e8faafa5d3675315.png)}.navbar-default.fixed .navbar-nav li a{color:#3a3a3a;font:300 18px "Roboto", "sans-serif"}.navbar-default.fixed .navbar-nav li a:hover{color:#3a3a3a;border-bottom:1px solid;border-color:#3a3a3a}.navbar-default.fixed .navbar-nav li a.btn-primary{color:white}.navbar-default.fixed .navbar-nav li.active a{color:#3a3a3a;background-color:white;border-bottom:1px solid;border-color:#3a3a3a}.navbar-default.fixed .navbar-nav li.active a:hover{color:#3a3a3a;background-color:white}#banner.about{background-image:url(/assets/banner/image4-0cc315f55f08314e70a1dd681ca3479b.jpg);height:684px}.testimonial{max-width:742px;padding:0 15px;margin:0 auto;width:100%}.testimonial .icon{margin-bottom:35px}.testimonial p{font-size:40px;color:white;line-height:43px;font-family:"Bree Serif", "serif"}.testimonial blockquote{padding-bottom:110px;background:url(/assets/blockquote-bg-dc4a274917376ab77dd91d5dc1ca1f4b.png) bottom center no-repeat;border-left:none}.about-title{font:57px "Bree Serif", "serif";font-size:55px;color:#6a6a6a;background-color:RGB(240, 240, 240);height:200px;text-align:center;padding-top:66px}.facts{border-bottom:2px dotted #aaaaaa;border-top:2px dotted #aaaaaa;padding:25px 0 35px;margin-bottom:100px}.facts h2{font-size:35px;color:#1bb8c5;font-weight:normal;line-height:35px;font-family:"Bree Serif", "serif";margin-bottom:12px}.facts p{font:300 18px "Roboto", "sans-serif";color:#878686;margin-bottom:62px}.facts ul li{float:left;text-align:center;margin-right:107px;width:142px;position:relative}.facts li:last-child{margin-right:0}.facts ul li .icon{display:block;background:white;width:60px;height:60px;position:absolute;top:-26px;left:50%;margin-left:-30px;text-align:center;line-height:58px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:1px solid #969696;z-index:10}.facts ul li .icon img{vertical-align:middle;position:relative;top:-2px}.facts ul li .number{display:block;width:140px;height:140px;text-align:center;line-height:138px;position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-bottom:10px;font-size:55px;color:#1bb8c5;font-family:"Bree Serif", "serif";border:1px solid #969696}.facts ul li h3{font-size:20px;text-transform:uppercase;color:#888888;font-weight:normal;line-height:20px;font-family:"Bree Serif", "serif"}.looking{padding:82px 0 85px;background:#1bb8c5;text-align:center}.looking h2{font-size:53px;line-height:57px;color:white;margin-top:35px;font-family:"Bree Serif", "serif";padding-left:0;text-align:left}@media (max-width: 767px){.looking h2{text-align:center}}.looking .avatar{background:#49c6d1;display:block;padding:22px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}@media (min-width: 767px){.looking .avatar{width:36%}}.looking .avatar img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.looking .button1{background:#393939;max-width:250px;height:50px;border-radius:25px;width:100%;line-height:28px;font:57px "Bree Serif", "serif";font-size:24px;border:none}@media (min-width: 767px){.looking .button1{position:absolute;left:60%;top:73%}}.looking .container{position:relative}.looking .container:before{background:url(/assets/arrow5-11163d63f46e5132e570198efda76818.png) no-repeat scroll left top rgba(0,0,0,0);bottom:-145px;content:"";display:block;height:60px;position:absolute;right:0;width:82px}.about-list li{text-align:center}.about-list li figure{padding:22px;position:relative;margin-bottom:9px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.about-list li figure img{position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding-left:1px;padding-right:1px;border:7px solid #eeeeee}.about-list li h2{font-size:35px;color:#1bb8c5;font-weight:normal;line-height:35px;font-family:"Bree Serif", "serif";margin-bottom:12px}.about-list li h2 a{color:#1bb8c5}.about-list li p{font:300 18px "Roboto", "sans-serif";color:#878686}@media (max-width: 1200px){.list1 li{width:266px}.facts ul li{margin-right:57px}}@media (max-width: 992px){.list1 li{width:220px;margin-right:30px}.list1 li figure{padding:15px}.list1 li h2{font-size:29px}.facts h2{font-size:29px}.list1 li p{font-size:16px}.facts p{font-size:16px}.facts ul li{margin-right:30px;width:120px}.facts ul li .number{width:auto;height:1 18px;line-height:116px;font-size:43px}.facts ul li h3{font-size:14px}}@media (max-width: 767px){.testimonial p{font-size:24px;line-height:35px}#banner.about{height:400px;margin-bottom:70px}.testimonial .icon{margin-bottom:22px}.testimonial blockquote{padding-bottom:90px}.list1 li{float:none;width:100%;margin-right:0;margin-bottom:50px}.facts{margin-bottom:60px}.list1 li figure{max-width:320px;width:100%;margin:0 auto 10px}.facts ul li{margin-right:30px;width:50%;margin-right:0;margin-bottom:50px}.facts ul li .number{width:120px;margin:0 auto 9px}}@media (max-width: 640px){#banner h2{font-size:44px;line-height:44px}.post h2{font-size:34px;line-height:34px}}iframe.api{margin-bottom:37px}#banner.contact{background-image:url(/assets/banner/image3-43889f25526ffcbcc90af2080cd7f5de.jpg)}#contact{padding:75px 0}#contact-form{margin-bottom:115px}#contact-form h2{font-size:35px;color:#1bb8c5;font-weight:normal;line-height:42px;margin-bottom:20px;border-bottom:2px dotted #aaaaaa;padding-bottom:25px;margin-top:0;font-family:"Bree Serif", "serif"}#contact-form .column1 p{font:300 18px "Roboto", "sans-serif";color:#878686;font-style:italic;font-weight:100;line-height:26px;margin-bottom:25px}#contact-form.form li{margin-bottom:13px;position:relative}#contact-form.form li label{display:block;font-size:16px;color:#292929;font-weight:200;margin-bottom:6px;line-height:16px}#contact-form.form input[type='text'],#contact-form.form input[type='email']{height:37px;padding:5px 10px;background:url(/assets/textbox-bg-e12c82128d2c0dac5ddd85ae638ab04a.png) left top repeat;width:100%;border:0;font-size:16px;color:#292929;font-weight:100}#contact-form.form textarea{height:185px;padding:10px;background:url(/assets/textbox-bg-e12c82128d2c0dac5ddd85ae638ab04a.png) left top repeat;resize:none;width:100%;border:0;font-size:16px;line-height:20px;color:#292929;font-weight:100}#contact-form.form input[type='submit']{width:100%;float:right;width:110px;height:37px;font-size:18px;font-weight:500;padding:0;font-family:"Roboto", "sans-serif";padding-bottom:2px;margin-top:8px}.map{position:relative;margin-bottom:40px}.map img{width:100%}@media (max-width: 767px){.map span.pin{width:50px;height:62px}}.form input[type='text'],.form input[type='password'],.form input[type='email']{height:28px;padding:5px 10px;background:url(/assets/textbox-bg-e12c82128d2c0dac5ddd85ae638ab04a.png) left top repeat;width:100%;border:0;font-size:16px;color:#ececec}.form input[type='text'].icon-left,.form input[type='password'].icon-left,.form input[type='email'].icon-left{text-indent:40px}.form input[type='text'].icon-left+i,.form input[type='password'].icon-left+i,.form input[type='email'].icon-left+i{left:15px;top:5px}.form li{margin-bottom:20px}.form li .icon{display:block;width:19px;height:20px;background-image:url(/assets/icons-207b45bfc6fb5ad42d76c0ab27986f96.png);background-repeat:no-repeat;position:absolute;left:340px;top:5px;z-index:10}.form input[type='submit']{width:100%;float:left;height:37px;font-size:18px;font-weight:500;padding:0;font-family:"Roboto", "sans-serif";padding-bottom:2px;margin-top:8px}@media (max-width: 970px){.account-area{text-align:center}#create-account-form{float:none;padding-right:0;border:0;margin:0 auto;max-width:400px;width:100%}#create-account-form label{text-align:left}.account-area .sociable{text-align:center;width:100%;float:none}.account-area .sociable img{margin:0 5px 27px}}@media (max-width: 479px){.login-area form{max-width:315px}}::-webkit-input-placeholder{padding-top:5px}:-moz-placeholder{padding-top:5px}::-moz-placeholder{padding-top:5px}:-ms-input-placeholder{padding-top:5px}.box1{position:relative;border:1px solid #e2e2e2;padding:55px;margin-bottom:100px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#banner.docs{background-image:url(/assets/banner/image5-17e6ed2ecf031f49b0367f88e34422f2.jpg)}#sub-navigation{border-bottom:1px solid #2abcc9;margin-bottom:35px}#sub-navigation ul li{float:left;margin-right:40px}#sub-navigation ul li:last-child{margin-right:0}#sub-navigation ul li a{font-size:18px;color:#3a3a3a;line-height:40px}#sub-navigation ul li a:hover{color:#1cb5c3}#sub-navigation ul li.active a{color:#1cb5c3}#content{padding-top:60px}.steps br.new-line{line-height:1.5}.steps br{line-height:3}.steps .number{display:block;text-align:center;background:url(/assets/steps-c96a4b60b803ff32903f224306d476f1.png) left top no-repeat;width:124px;height:124px;font-size:56px;color:white;font-family:"Bree Serif", "serif";line-height:115px}.steps h2{color:#636363}.steps .col-md-10.col-sm-9 h3{padding-top:27px}.steps h5{font-size:19px;padding-top:20px;color:#3a3a3a;margin-bottom:20px;font-weight:normal}.steps span.notification{font-size:14px;margin-top:40px;color:#a7a9ac;line-height:18px;display:block;position:relative}.steps .col-sm-4 span.notification:before{display:block;content:"*";font-size:16px;color:#1cb5c3;font-weight:300;position:absolute;left:-15px;top:1px}.steps pre{padding:12px 20px;margin-bottom:25px}.steps pre .indent{padding-left:30px}.steps pre code{font-size:16px;color:#1d1d1b;line-height:30px;font-weight:normal;margin-bottom:0px;letter-spacing:0.5px;background:whitesmoke}.steps .inner p{margin-bottom:10px}.steps p a{color:#1cb5c3;text-decoration:underline}.steps p small{color:#000;font-size:16px;position:relative;margin-bottom:-20px;display:block}.steps hr{margin:50px 0}.steps ul{position:relative;margin:-15px 0}.steps ul li{font-size:16px;color:#1d1d1b;font-weight:normal;padding-left:22px;margin-bottom:0;line-height:23px}.steps ul li a{color:#1d1d1b}.steps .color-green{color:#61ab4e}.steps .color-dark-green{color:#006838}.steps .color-red{color:#d22f2a}.steps .color-cyan{color:RGB(79, 129, 135)}.steps .color-magenta{color:RGB(187, 44, 162)}.steps .color-purple{color:#7646b1}.steps .col-sm-3 p{font-size:16px;line-height:24px;font-weight:400}.steps .col-sm-3 .text-right a{display:block;margin-bottom:5px}.steps .col-sm-3.navigation{position:static}.steps .col-sm-3 .text-right:last-child{bottom:55px;position:absolute;right:55px}ul.normal-margin{margin:0}.post .list1{position:relative;margin:0 -15px}.post .list1 li{text-align:center;background:none;padding-left:15px}.list1 li{float:left;width:25%;padding:0 15px}.list1 li .image{display:block;margin:0 auto 32px;width:139px;height:140px;position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:#bfbfbf}.list1 li .image img{position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.list1 li .image:before{display:block;z-index:5;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/assets/paper-159eee44e0e6f9f2333fdf521734d8e8.png) center center no-repeat}.list1 li h3{min-height:55px;position:relative;margin-bottom:45px;font-size:25px}.list1 li h3:after{height:1px;background:#d0f0f3;display:block;content:"";width:84px;position:absolute;left:50%;margin-left:-42px;bottom:-25px}.list1 li p{font-size:16px;color:#000;line-height:22px;margin-bottom:15px}#breadcrumbs{margin-bottom:35px}#breadcrumbs span{font-size:22px;color:#646464;font-weight:100}#breadcrumbs span::after{display:inline-block;color:#1cb5c3;margin:0 9px;content:">"}.select-os{float:right;min-width:120px;position:relative;z-index:100}.select-os .holder{position:relative;display:block;border:1px solid #b9e9ec;background:#fff url(/assets/arrow7-d91c5f3a8594be8c6d663618f7033350.gif) right center no-repeat;font-size:14px;color:#1cb5c3;line-height:20px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:33px;padding:5px 22px 4px 8px;font-size:14px;color:#1cb5c3;cursor:pointer}.select-os .icon{margin-right:5px}.select-os ul{position:relative;border:1px solid #b9e9ec;background:#fff;position:absolute;left:0;top:34px;display:none;width:100%}.select-os ul li a{display:block;padding:5px 8px;line-height:18px;font-size:14px;color:#1cb5c3}.table1{width:100%}.table1 tr th{border:1px solid #1cb8c5;border-right:0;border-left:0;padding:15px;text-align:left;font-size:20px;color:#1cb8c5;font-weight:normal;font-family:"Bree Serif", "serif"}.table1 tbody th{vertical-align:middle;font-weight:normal;vertical-align:middle;font-weight:normal;line-height:24px}.table1 tr th:first-child{border-left:1px solid #1cb8c5;border-right:1px solid #1cb8c5}.table1 tr th:last-child{border-right:1px solid #1cb8c5}.table1 tr td{border:1px solid #1cb8c5;padding:15px;text-align:left;font-size:16px;color:#000;word-break:break-word;line-height:22px;font-weight:300}.table1 tr td:first-child{color:#1cb8c5;vertical-align:middle;line-height:24px}.table1 tr .inner{padding:0;border:0;border-right:1px solid #1cb8c5}.table1 tr th.inner{border-top:1px solid #1cb8c5}.table1 tr .inner td{border:0;border-bottom:1px solid #dcf4f6;width:33.333%;word-break:break-word;padding:10px 15px}.table1 tr .inner th{border:0;width:33.333%;border-bottom:1px solid #1cb8c5}.table1 tr td.inner tr td:first-child{vertical-align:top;color:#000;line-height:34px}.table1 tr td.inner tr:last-child td{border-bottom:1px solid #1cb8c5}.process{margin-bottom:50px}.process p{font-size:16px;color:#1d1d1b;line-height:18px;font-weight:400}.process ul li{background:url(/assets/process-li-bg-2016cb4bb42ce2bf5dd89c247b192735.jpg) no-repeat scroll left 8px rgba(0,0,0,0)}@media (max-width: 1200px){.steps span.notification{margin-top:18px}.list1 li h3{font-size:20px}.list1 li p{font-size:15px}}@media (max-width: 992px){.box1{padding:25px}.steps span.notification{margin-top:0}.post .list1 li{width:50%;margin-bottom:25px}}@media (max-width: 767px){.steps .number{width:80px;height:80px;line-height:73px;background-size:cover;font-size:37px}.post p{font-size:17px;line-height:26px}.steps ul li,.steps pre p,.steps p small{font-size:14px}.post .list1 li{width:100%}.table1 tr th{font-size:15px}.table1 tr td{font-size:14px}}@media (max-width: 640px){#banner h2{font-size:44px;line-height:44px}.post h2{font-size:34px;line-height:34px}.post h3{font-size:24px}#sub-navigation{clear:both}#breadcrumbs a,#breadcrumbs span{font-size:18px}}#banner.faq{background-image:url(/assets/banner/faq-banner-a86742307a4998bfcb89a66bd357199e.jpg);height:598px;margin-bottom:142px}#banner.faq .inner-wrap .inner .container:before{background:url(/assets/faq-arrow-01db6a010120e3f14fb5e5135fe93f3b.png) no-repeat top left}.testimonial{max-width:742px;padding:0 15px;margin:0 auto;width:100%}.testimonial .icon{margin-bottom:35px}.testimonial p{font-size:40px;color:white;line-height:43px;font-family:"Bree Serif", "serif"}.testimonial blockquote{padding-bottom:110px;background:url(/assets/blockquote-bg-dc4a274917376ab77dd91d5dc1ca1f4b.png) bottom center no-repeat}.faq_link:last-child .faq-list{margin-bottom:120px}.faq-list.active{background:#ececec}.faq-list .row{padding:5px 0;border-top:1px solid #8b8b8b;border-bottom:1px solid #8b8b8b;margin-top:-1px;position:relative}.faq-list h4{color:#262626;font:300 18px "Roboto", "sans-serif";font-size:24px;line-height:38px;margin-bottom:10px;cursor:pointer}.faq-list .content{display:none}.faq-list.active .content{display:block}.faq-list .content p{font-size:18px;color:#292929;line-height:24px;font-family:"Roboto", "sans-serif";margin-bottom:15px}@media (max-width: 767px){.testimonial p{font-size:24px;line-height:35px}#banner.faq{height:400px;margin-bottom:70px}.testimonial .icon{margin-bottom:22px}.testimonial blockquote{padding-bottom:90px}}@media (max-width: 640px){#banner h2{font-size:44px;line-height:44px}.post h2{font-size:34px;line-height:34px}}#home #top{background-image:url(/assets/pic_home_top-b75856213e53f941f37b828c171d55e3.jpg);background-repeat:no-repeat;background-size:cover;background-position:0px, 0px;border-bottom:10px solid #1cb8c5}#home #top .top-section{padding-bottom:20px}#home #top .top-section .text-column{padding-top:190px}#home #top .top-section .text-column h1.heading{font:57px "Bree Serif", "serif";color:white;padding-bottom:35px;line-height:64px;margin:0 0 0 0}#home #top .top-section .text-column p.secondary{font:300 18px "Roboto", "sans-serif";font-size:20px;color:white;padding-bottom:65px;line-height:28px}#home #top .top-section .text-column .play_image{margin-bottom:100px;background-image:url(/assets/play_bt-f09b5fbcdc76e765126d733ac61173bf.png);background-repeat:no-repeat;background-size:contain;height:105px}#home #top .top-section .text-column .play_image:hover{background-image:url(/assets/play_bt_hover-d8a097543b77674583986f35af718e62.png)}#home #top .top-section .text-column .get_started_text{Font-family:Bree Serif;font-size:26px;Color:#1cb8c5;padding-top:40px}#home #top .top-section .text-column #learn-more-home-top{font:300 18px "Roboto", "sans-serif";font-size:24px;color:white;border-radius:34px;background-color:RGB(42, 181, 194);text-align:center;padding:0.5em}#home #top .top-section .text-column #learn-more-home-top:hover{color:RGB(42, 181, 194);background-color:white}#home #top .top-section .layer_image{margin-top:160px}#home #top .top-section #free-image{margin-top:-66px}#home .left_corner_black_image{margin-top:-160px;float:left}#home .left_corner_white_image{margin-top:-10px;float:left}#home .right_corner_gray_image{margin-top:-160px;float:right}#home .right_corner_blue_image{margin-top:-110px;float:right}#home #benefits{background:url(/assets/benefits-bg-9d1b902bc631926b9f4b5c19a7cf2c41.jpg) bottom center no-repeat;background-size:cover;padding-top:90px}@media (max-width: 767px){#home #benefits{padding-top:2em}}#home #benefits h2{margin-bottom:4em;font-size:4em}@media (max-width: 767px){#home #benefits .iphone_image{margin-bottom:4em}}#home #benefits .benefit{background:none;font-family:"Bree Serif", "serif";padding:0;margin-bottom:65px;font-size:26px;color:white}#home #benefits .benefit a{line-height:1;color:white;position:relative;top:15px}#home #product{padding-top:150px;padding-bottom:200px;border-bottom:10px solid #3a3a3a}#home #product h1{Font:57px "Bree Serif", "serif";Font-size:42px;Line-height:46px;Color:#1bb8c5}#home #product h3{Font:57px "Bree Serif", "serif";Font-size:26px;Line-height:30px;Color:#1bb8c5}#home #product hr{border-top:1px solid #1bb8c5;margin-top:40px;margin-bottom:40px}#home #product .product-text{margin-top:46px;text-align:left}@media (max-width: 768px){#home #product .product-text{text-align:center}}#home #product .product-text p{margin-bottom:10px}#home #product .product-text a{font-size:14px}@media (min-width: 768px){#home #product .circle-left{margin-left:23%}}@media (max-width: 768px){#home #product .circle-left{float:none;display:block;margin-left:auto;margin-right:auto}}@media (min-width: 768px){#home #product .circle-right{margin-left:2%}}@media (max-width: 768px){#home #product .circle-right{float:none;display:block;margin-left:auto;margin-right:auto}}#home #product .vertical-line{margin-top:-10px;margin-bottom:-10px}#home #product .sign_up_circle_link{margin-top:-83px;text-decoration:none}#home #product .sign_up_circle_link .sign_up_circle_text{position:relative;top:165px;text-decoration:none;Font:57px "Bree Serif", "serif";Font-size:34px;Line-height:36px;Color:white;text-align:center}#home #press{background-image:url(/assets/press_background-26e615034731f00024ae6a93455f27d5.jpg);background-repeat:no-repeat;background-size:cover;background-position:0px, 0px;border-bottom:10px solid #3a3a3a;min-height:92em}#home #press .carousel-control.left,#home #press .carousel-control.right{background-image:none}#home #press span.control{height:100%;background-position:50%}#home #press span.control.arrow_left{background:transparent url(/assets/q_arrow_left_hover-ed1de728cbd74bb1b2a7993b47e2fe01.png) 60%/50% no-repeat}#home #press span.control.arrow_left:hover{background:#3a3a3a url(/assets/q_arrow_left_hover-ed1de728cbd74bb1b2a7993b47e2fe01.png) 60%/50% no-repeat;opacity:0.3}#home #press span.control.arrow_right{background:transparent url(/assets/q_arrow_right_hover-df2ba78f84581abf7de371cc478aec02.png) 60%/50% no-repeat}#home #press span.control.arrow_right:hover{background:#3a3a3a url(/assets/q_arrow_right_hover-df2ba78f84581abf7de371cc478aec02.png) 60%/50% no-repeat;opacity:0.3}#home #press .item .press_logo{background-image:url(/assets/logo_icon-7acf4c53507e9abf5d06373e6d2540a8.png);height:130px;width:120px;background-size:cover;background-position:0px, 0px;text-align:center}#home #press .item .press_logo .press_logo_image{height:30px;width:85px;position:relative;top:45px}#home #press .item .item-content{margin:115px 0 50px 0}#home #press .item .title{font-family:"Roboto", "sans-serif";Font-size:23px;Color:#3a3a3a;font-weight:bold;line-height:1}#home #press .item .secondary{font:300 18px "Roboto", "sans-serif";Color:#3a3a3a;font-weight:bold;font-style:italic}#home #press .item .article{Font:300 18px "Roboto", "sans-serif";Font-size:18px;line-height:26px;Color:#3a3a3a;margin-top:40px;margin-bottom:10px}#home #press .item .quote_image{margin-bottom:130px}#home #partners{border-bottom:10px solid #1cb8c5;padding:100px 0 100px 0}#home #partners h1{Font:57px "Bree Serif", "serif";Font-size:42px;line-height:46px;Color:#1bb8c5;margin-bottom:70px}#home #partners .partner{text-align:center}#banner.sdk{background-image:url(/assets/banner/image1-6f51d2c6d16145d5a85d8baf0471c87f.jpg)}.column1 h2{border-bottom:2px dotted #aaaaaa;padding-bottom:25px}.column1 p{font:300 18px "Roboto", "sans-serif";font-size:22px;color:#878686;line-height:26px;margin-bottom:25px}hr.sdk{margin:35px 0}.section{position:relative}.section h6{font-size:18px;color:#292929;font-weight:900;margin-bottom:5px}.section:last-child{margin-bottom:0}#home-benefits{padding-top:100px;padding-bottom:100px;background-color:#e5e5e5;border-bottom:10px solid #1cb8c5}#home-benefits h1{font:57px "Bree Serif", "serif";Font-size:36px;Line-height:30px;Color:#1bb8c5;text-align:center;margin-bottom:50px}#home-benefits .benefit{text-align:center}#home-benefits .benefit h2{font:57px "Bree Serif", "serif";Font-size:26px;Line-height:30px;Color:#1bb8c5;margin-top:45px;min-height:60px}#home-benefits .benefit hr{border-bottom:1px solid white}#home-benefits .benefit p{margin-top:40px;font:300 18px "Roboto", "sans-serif";font-size:16px;Line-height:22px;Color:#3a3a3a}#play-earn{background:url(/assets/play-earn-bg-39b24c529238efb61358e330d04ddb2a.jpg) center center no-repeat;background-size:cover;padding:130px 0;text-align:center}#play-earn h2{color:white;font-size:55px;margin-bottom:35px}#play-earn p{font:300 18px "Roboto", "sans-serif";font-size:22px;color:white;margin-bottom:25px}#play-earn .button1{background:#393939}@media (max-width: 1200px){#benefits li{font-size:21px;width:28%}#benefits li img{margin-left:20px}#benefits li:nth-child(2n) img{margin-right:20px}}@media (max-width: 992px){.column1 h2{font-size:30px}#benefits{min-height:510px}#benefits .iphone{width:230px;background-size:100% 100%;height:350px;margin-left:-115px}#benefits li{width:31%;font-size:16px;line-height:24px}#benefits li img{width:70px}#benefits li a{top:10px}#benefits h2{margin-bottom:135px}}@media (max-width: 767px){#banner h2{font-size:40px;line-height:45px}.button1{padding:10px 15px;font-size:21px}#banner{height:400px}#content{padding:75px 0}hr{margin:30px 0}.post p,.post ul li{font-size:16px}#benefits h2,#play-earn h2{font-size:36px}#benefits li{float:none;width:100%;font-size:21px;margin-bottom:25px}#benefits h2{margin-bottom:60px}.section{margin-bottom:60px}#benefits{padding-top:60px}#benefits .iphone{position:relative}}.section{padding:170px 0}.section:nth-child(2n){background:#f6f6f6}.section .col-xs-12{height:333px;display:table}.section .description{display:table-cell;vertical-align:middle;padding-left:45px}#chat{padding:95px 0}#chat .description{background:rgba(246,246,246,0.9);border-right:1px solid #1bb8c5;padding:65px 60px 65px 0;width:66.6667%;position:relative;z-index:10;float:left}#chat .phone{position:absolute;bottom:0;left:340px}#boost .description{padding-left:0;padding-right:45px}#developer{background:url(/assets/developer-bg-19b610180822d7b694e311e279a28bf7.jpg) left top no-repeat;background-size:cover;margin-bottom:50px}#developer h2,#developer p{color:white}#developer .container{position:relative}#developer .container:before{background:url(/assets/corner_right_blue_dark-4fe778e7bbd137741af14f2e170f25ac.png) left top no-repeat;width:81px;height:50px;display:block;content:"";position:absolute;right:0;bottom:-220px}#banner.why{background-image:url(/assets/banner/image2-29207a82b0522c3a291a300cc3a4c01e.jpg)}.icon{text-align:center}@media (max-width: 1170px){.section .col-xs-12{display:block}#chat.section .col-xs-12{display:table}.section,#chat{padding:80px 0 40px}.section .col-xs-12{height:auto}#developer .container:before{bottom:-90px}}@media (max-width: 970px){.icon{margin-bottom:20px}#chat .phone{bottom:auto;top:0;margin-bottom:30px}}@media (max-width: 767px){#chat .phone{position:relative;left:0;width:100%}#chat .description{float:none;width:100%;background:none;border-right:0;display:block;padding:0}.section .description{padding-left:0}}@media (max-width: 640px){#banner h2{font-size:44px;line-height:44px}.post h2{font-size:34px;line-height:34px}.icon img{width:50%}}.main-view-container h2{margin-bottom:30px;font-size:30px}.main-view-container h4{font-size:18px}.apps{padding:50px 50px 20px 50px;border:1px solid RGB(191, 191, 191)}.apps .row{margin-left:0px}.apps img{width:20px}.apps .app{line-height:25px;padding-left:0;padding-right:0;overflow-x:hidden}.apps .app .name{font-family:"Bree Serif", "serif";font-size:24px}.apps .app .key{font:300 18px "Roboto", "sans-serif";font-size:13px;padding-top:7px;padding-left:1px;padding-right:1px}.apps .app .platform-logos{padding-right:1px;padding-left:2px}.apps .app .platform-logos i{padding-right:5px;vertical-align:-50%}.apps .app .control-link{cursor:pointer}.apps .app .platform-logo,.apps .app .control{vertical-align:-50%;padding-right:5px;margin:0px}.apps .app .app-controls{padding-right:0;padding-left:2px}.apps .app .app-controls .controls{padding-right:10px;padding-left:0}.apps .app .app-controls.ng-enter{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.apps .app .delete-view .delete-confirmation{font-size:16px;text-align:center;position:absolute;left:38%;top:-18px}.apps .app .delete-view .delete-confirmation.ng-enter{-webkit-animation:fadeInRight 1s;animation:fadeInRight 1s}.apps .app .delete-view .delete-confirmation .cancel-delete{padding-top:17px;height:62px;background-color:RGB(42, 181, 194);color:white;text-decoration:none;cursor:pointer}.apps .app .delete-view .delete-confirmation .confirm-delete{padding-top:17px;height:62px;background-color:RGB(255, 96, 137);color:white;text-decoration:none;cursor:pointer}.apps .app.ng-enter,.apps .app-form.ng-enter,.apps .add-app-form.ng-enter{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.apps .app-form{padding-right:10px;background-color:RGB(42, 181, 194)}.apps .app-form small.error{background-color:black;color:white;border-radius:10px;padding:3px;font:300 12px "Roboto", "sans-serif";position:absolute;top:20%;right:10%}.apps .app-form .well{padding-top:10px;border-radius:5px;background-color:#fafafa}.apps .app-form form{margin-top:10px}.apps .app-form h2{margin-bottom:0;margin-top:0;display:inline-block;color:white;font-family:"Bree Serif", "serif";font-size:24px;line-height:25px}.apps .app-form i.plussign,.apps .app-form i.xsign{color:white;padding-top:5px;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;float:right}.apps .app-form i.plussign.xsign,.apps .app-form i.xsign.xsign{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.apps .app-form i.plussign.plussign,.apps .app-form i.xsign.plussign{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.apps .app-form .platforms{margin-top:20px}.apps .app-form .platforms .platform-label{color:white}.apps .app-form .platforms .notifications-input{margin-top:0px}.apps .app-form input{font-family:"Bree Serif", "serif";font-size:16px;color:RGB(100, 100, 100);font-weight:300}.apps .app-form input.app-name{background-color:#fafafa;padding-top:13px}.apps .app-form .lable{font:300 18px "Roboto", "sans-serif";font-size:12px;color:white}.apps .app-form .primary-btn{font-family:"Bree Serif", "serif";font-size:16px;color:white;width:132px;height:39px;background-color:#3a3a3a;border-radius:15px;margin-top:0px}.content_actions{background:url(/assets/content-bgXL-e295b101307393e38199b31c3a2e4367.jpg) no-repeat top center fixed;background-size:cover}.content_actions .background-filter{background-color:rgba(74,74,74,0.4);min-height:1000px;padding-top:66px;-webkit-transition:.2s ease-in-out}.content_actions .background-filter.shrink{padding-top:0;-webkit-transition:.2s ease-in-out}.content_actions .action{min-height:100px;padding:36px;border-top:1px solid white;border-bottom:1px solid white;color:white}.content_actions .action .clickable{cursor:pointer}.content_actions .action:hover,.content_actions .action.screenOpen{background-color:rgba(74,74,74,0.6);-webkit-transition:.2s ease-in-out}.content_actions .action i.fa-plus-circle{font-size:33px}.content_actions .action span.add-message,.content_actions .action span.cancel-action{font-size:24px;top:14px;position:relative}.content_actions .action span.cancel-action{margin-left:50px}.content_actions .action img.thumbnail-emoticons,.content_actions .action img.thumbnail-stickers{cursor:pointer;opacity:0;position:relative;left:10px;margin-left:50px}.content_actions .action img.thumbnail-emoticons.showAction,.content_actions .action img.thumbnail-stickers.showAction{opacity:0.3;left:0px;-moz-transition:.15s ease-in;-webkit-transition:.15s ease-in}.content_actions .action img.thumbnail-emoticons:not(.screenOpen):hover,.content_actions .action img.thumbnail-stickers:not(.screenOpen):hover{top:-1px}.content_actions .action img.thumbnail-emoticons:hover,.content_actions .action img.thumbnail-emoticons.screenOpen,.content_actions .action img.thumbnail-stickers:hover,.content_actions .action img.thumbnail-stickers.screenOpen{opacity:1;-webkit-transition:.2s ease-in;transition:.2s ease-in}.content_actions .animate-show{opacity:1;max-height:1000px}.content_actions .animate-show.ng-hide-add.ng-hide-add-active,.content_actions .animate-show.ng-hide-remove.ng-hide-remove-active{-webkit-transition:all linear 1s;transition:all linear 1s}.content_actions .animate-show.ng-hide{max-height:0;opacity:0;overflow:hidden}.content_actions .drop-screen{background-color:white;border-radius:7.4px;margin-top:27px;padding-left:73px;height:500px}.content_actions .drop-screen .pack-name{color:#D3D3D3}.content_actions .drop-screen .pack-name input{font-size:24px;margin-top:34px;margin-bottom:13px;border:none}.content_actions .drop-screen .pack-name .fa-pencil{font-size:20px;position:relative;top:35px}.content_actions .drop-screen button.upload-pack{background-color:#D8D8D8;border-radius:4px;margin-top:20px;font-size:24px;padding:15px}.content_actions .drop-screen .form-error-message{visibility:hidden;margin-top:20px}.content_actions .drop-screen .form-error-message.show-error-message{visibility:visible}.content_actions .drop-screen form.add-pack-form{height:300px;background-color:#D8D8D8}.content_actions .drop-screen form.add-pack-form .dz-preview.dz-image-preview{background:none}.content_actions .drop-screen form.add-pack-form .form-message{color:#4A4A4A;margin-top:75px}.content_actions .drop-screen form.add-pack-form .form-message .fa-cloud-upload{color:#C0C0C0;margin-right:15px}.content_actions .drop-screen form.add-pack-form .form-message .form-actions-message{font-size:24px;font-weight:bold}.content_actions .drop-screen form.add-pack-form .form-message .form-spec-message{font-size:16px;margin-top:20px}.content_actions .drop-screen form.add-pack-form .form-message .form-dimensions-message{font-size:12px;opacity:0.5;margin-top:3px}.downloads{margin-left:-15px}.downloads p{color:RGB(100, 100, 100);font:300 18px "Roboto", "sans-serif";font-size:22px;margin-bottom:30px}.downloads .download-section-header{width:312px;border-radius:156px;background-color:RGB(191, 191, 191);color:white;display:block;cursor:pointer;font-family:"Bree Serif", "serif";font-size:20px;height:60px;padding-top:20px;padding-bottom:20px;margin-left:-15px;text-indent:55px}.downloads .download-section-header:before{content:"";position:absolute;left:13px;top:10px;z-index:10;width:30px;height:30px}.downloads .download-section-header.android:before{background:url(/assets/downloadAndroid-ea427f1e6c640a8301532d398047af5e.svg) no-repeat}.downloads .download-section-header.apple:before{background:url(/assets/downloadApple-7b82e4d0c42a9cd14dadcf0f8c629449.svg) no-repeat}.downloads .divider{padding-left:50px;padding-right:79px;color:RGB(191, 191, 191);font:300 18px "Roboto", "sans-serif";font-size:20px}.downloads .divider .vertical{border-left:1px solid RGB(179, 235, 236);height:270px;margin-top:22px;margin-left:7px}.downloads h5{margin-top:30px;margin-bottom:20px}.downloads .release-notes-link{font-family:"Bree Serif", "serif";font-size:18px;color:RGB(0, 183, 193);text-decoration:underline;cursor:pointer}.downloads h5{font-family:"Bree Serif", "serif";font-size:18px;color:#1d1d1b}.downloads ul li{background:url(/assets/bullet-d6c2d5e3f05b23dca14493a8c69909a0.svg) no-repeat left 6px;background-size:8px;height:54px;padding-left:20px;padding-top:3px;font:300 18px "Roboto", "sans-serif";font-size:16px;line-height:20px;color:RGB(100, 100, 100)}.downloads .readmore-js-toggle{font:300 18px "Roboto", "sans-serif";font-size:18px;text-decoration:underline}.filter-pane{background-color:RGB(42, 181, 194);padding-top:20px;padding-left:56px;margin-left:-15px;color:white;margin-bottom:-9000px;padding-bottom:9000px;overflow-y:hidden}.filter-pane.fixedTop{position:fixed;top:0}.filter-pane button.filters-text{background-color:transparent;color:white;border-color:white}.filter-pane button.filters-text:first-child,.filter-pane button.filters-text:last-child{border-radius:30px}.filter-pane button.filters-text.selected{color:RGB(27, 187, 196);background-color:white}.filter-pane .input-group{line-height:2}.filter-pane .input-group .fa{padding-right:5px}.filter-pane .input-group .sdkSelect{margin-top:15px}.filter-pane .input-group .sdkSelect select{background-color:white;border:1px white solid;color:black}.filter-pane span.no-apps a{color:white}.filter-pane .current-time-scale{margin-bottom:12px;margin-top:12px;line-height:20px}.filter-pane .current-time-scale span{font-family:"Proxima-Nova";font-size:24px;font-weight:lighter}.filter-pane h1.filters-header{font-family:"Proxima-Nova";font-size:18px;font-weight:bold;color:white;margin-bottom:40px}.filter-pane h3.filters-category{color:white;font-family:"Proxima-Nova";font-size:12px;opacity:0.7;text-transform:uppercase;margin-top:40px;margin-bottom:12px}.filter-pane h3.filters-category.slider{margin-top:0;padding-top:40px;-webkit-transition:all linear 0.5s;transition:all linear 0.5s}.filter-pane h3.filters-category.slider.slide{margin-top:20px;-webkit-transition:all linear 0.5s;transition:all linear 0.5s}.filter-pane .filter-input{display:none}.filter-pane input.filter-input:checked ~ .fa-check-circle{display:inline-block}.filter-pane .fa-check-circle{display:none}.filter-pane input.filter-input:checked ~ .fa-circle{display:none}.filter-pane .filters-text{font-family:"Proxima-Nova";font-size:12px;display:block}.graph-pane{margin-top:54px}.graph-pane .back-link{font-size:12px;font-family:"Proxima-Nova"}.graph-pane .title{font-family:"Proxima-Nova";font-size:24px;font-weight:300;text-align:center}.graph-pane .title-select{text-transform:uppercase;border:1px solid RGB(27, 187, 196);background:white}.graph-pane .title-select>option{background:white}.graph-pane .graph-explain{text-align:center;font-family:"Proxima-nova";font-size:20px}.graph-pane .nv-legend-text{font-family:"Proxima-Nova";font-size:12px}.graph-pane nvd3 .nv-wrap .nv-group,.graph-pane nvd3 .nv-legend-symbol{stroke:RGB(27, 187, 196) !important;fill:RGB(27, 187, 196) !important}.graph-pane nvd3 .nvtooltip{background-color:#3a3a3a;border-radius:5px;padding:5px 5px 5px 9px}.graph-pane nvd3 .nvtooltip thead td{padding-bottom:6px}.graph-pane nvd3 .nvtooltip .x-value{font-family:"Proxima-nova";letter-spacing:0.5px;font-size:10px;color:white}.graph-pane nvd3 .nvtooltip .nv-pointer-events-none .legend-color-guide{padding-right:6px}.graph-pane nvd3 .nvtooltip .nv-pointer-events-none .legend-color-guide div{background-color:RGB(27, 187, 196) !important;border-radius:5px}.graph-pane nvd3 .nvtooltip .nv-pointer-events-none .key{display:none}.graph-pane nvd3 .nvtooltip .nv-pointer-events-none .value{letter-spacing:0.5px;color:RGB(27, 187, 196);font-size:18px;font-family:"Proxima-nova"}.graph-pane nvd3 .nv-y.nv-axis .tick text{font-family:"Proxima-nova";font-size:10px;fill:RGB(151, 151, 151)}.graph-pane nvd3 .nv-x.nv-axis .tick text{font-family:"Proxima-nova";font-size:10px;fill:RGB(82, 82, 82)}.content-list{margin-top:3%;padding-top:3%}.content-list .content-row img{max-width:36px;max-height:36px}.content-list .content-row span.index{margin-right:10px}.content-list .content-row span.content{text-align:left}.content-list .content-row span.content.text-content{padding-top:10%}.content-list .content-row span.content-stats{text-align:right}.content-list .content-row span.content-stats.image-row{padding-top:17px}.content-list .content-row hr.content-list-seperator{background:url(/assets/dotted-line-01-3a715cb01eeaad4374721f5418e56a35.svg);color:RGB(42, 181, 194);border:0;padding:0;margin:0;height:3px}.content-list .content-row hr.content-list-seperator.detaild-row{margin-bottom:22px;margin-top:14px}.content-list .image-row .content-stats{padding-top:22px}.content-list .phrase-row .content-stats{padding-top:22px}.full-list{display:inline-block;position:absolute;bottom:7px;left:35%;margin-top:25px;border:1px solid;padding:6px 5px 5px 8px;border-radius:12px;font-size:12px;font-family:"Proxima-nova";font-weight:100;text-decoration:none !important;opacity:0.5}.full-list i{padding-left:5px}.full-list:hover{opacity:1}.main-view-container h4{font-family:"Bree Serif", "serif";font-size:18px;color:RGB(100, 100, 100);margin-bottom:10px;margin-top:20px}.main-view-container .date{font-family:"Bree Serif", "serif";font-size:16px;color:RGB(191, 191, 191)}.main-view-container .support-image{padding-top:10px}.cg-notify-message{font-size:16px;font-family:"Proxima-nova";line-height:1.2}.release-notes{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}ul.release-notes{font:300 18px "Roboto", "sans-serif";font-size:12px}ul.release-notes li{line-height:24px;list-style:decimal}ul.release-notes .inner-list{margin-left:15px}ul.release-notes .inner-list li{list-style:circle}.menu-wrap{background-color:RGB(42, 181, 194)}.menu-wrap.ng-enter{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.menu-wrap.ng-leave{-webkit-animation:fadeOut 1s;animation:fadeOut 1s}.menu-title{font:300 18px "Roboto", "sans-serif";font-size:12px;display:table;color:white;white-space:nowrap}.menu-title:before,.menu-title:after{border-top:1px solid white;content:'';display:table-cell;position:relative;top:0.5em;width:45%}.menu-title:before{right:5.5%}.menu-title:after{left:5.5%}.settings-content .input-group label,.add-app .input-group label,.app-form .input-group label{font:300 18px "Roboto", "sans-serif";font-size:12px;color:white;display:block}.settings-content .input-group input,.add-app .input-group input,.app-form .input-group input{font-family:"Bree Serif", "serif";font-size:18px;text-indent:12px;height:36px;width:230px;border-radius:5px}.settings-content .input-group input::before,.add-app .input-group input::before,.app-form .input-group input::before{display:block;width:19px;height:20px;background-image:url(/assets/appEdit-01-013ad287300809d793b9302dc040ae96.svg);background-repeat:no-repeat;position:absolute;left:230px;top:5px;z-index:10;content:""}.settings-content .notifications-input,.add-app .notifications-input,.app-form .notifications-input{margin-top:20px}.settings-content .notifications-input input,.add-app .notifications-input input,.app-form .notifications-input input{display:none}.settings-content .notifications-input input:checked+label::before,.add-app .notifications-input input:checked+label::before,.app-form .notifications-input input:checked+label::before{background:url(/assets/v-01-2451afe47d4b119c92ce226e300fd642.svg);background-color:white;background-repeat:no-repeat}.settings-content .notifications-input label,.add-app .notifications-input label,.app-form .notifications-input label{font:300 18px "Roboto", "sans-serif";line-height:23px;text-align:left;display:block;padding:0;font-size:15px;color:black;cursor:pointer;position:relative;padding-left:40px}.settings-content .notifications-input label::before,.add-app .notifications-input label::before,.app-form .notifications-input label::before{content:"";display:inline-block;width:25px;height:23px;margin-right:10px;position:absolute;left:0;top:0px;background:white}.settings-content .small,.add-app .small,.app-form .small{padding-left:2px}.settings-content .small .notifications-input,.add-app .small .notifications-input,.app-form .small .notifications-input{margin-top:13px}.settings-content .small .notifications-input label,.add-app .small .notifications-input label,.app-form .small .notifications-input label{padding-left:15px;line-height:0px}.settings-content .small .notifications-input label::before,.add-app .small .notifications-input label::before,.app-form .small .notifications-input label::before{width:10px;height:10px;margin-right:2px;top:-4px}.settings-content .primary-btn,.add-app .primary-btn,.app-form .primary-btn{width:230px;height:48px;background-color:#3a3a3a;color:white;font-family:"Bree Serif", "serif";font-size:17px;border-radius:5px;margin-top:10px;padding-top:10px}.settings-content .primary-btn:hover,.add-app .primary-btn:hover,.app-form .primary-btn:hover{color:white}.report-pane{margin-top:15px;min-height:1000px;float:right}.report-pane .widget-box{display:inline-table;text-align:center;padding:15px}.report-pane .widget{background-color:RGB(246, 252, 253);border:1px solid RGB(187, 234, 238);border-radius:2px;position:relative}.report-pane .widget.disabled{cursor:default}.report-pane .widget.disabled::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:black;opacity:0.3}.report-pane .widget.fixed-dimensions{width:264px;height:264px}.report-pane .widget.clickable{cursor:pointer}.report-pane .widget .fa-sort-down{display:none}.report-pane .widget .fa-sort-up{display:none}.report-pane .widget .positive{color:RGB(42, 181, 194)}.report-pane .widget .positive .fa-sort-up{display:inline-block;vertical-align:bottom}.report-pane .widget .positive .numbers-xs{color:RGB(42, 181, 194)}.report-pane .widget .negative{color:RGB(236, 91, 109)}.report-pane .widget .negative .fa-sort-down{display:inline-block;vertical-align:baseline}.report-pane .widget .negative .numbers-xs{color:RGB(236, 91, 109)}.report-pane .widget .widgets-headers{font-family:"Proxima-Nova";font-weight:300;font-size:16px;color:#3a3a3a;text-transform:uppercase;margin-top:30px}.report-pane .widget .stats{margin-top:40%}.report-pane .widget nvd3{position:absolute;top:70%;left:10%}.report-pane .widget nvd3 .nv-noData{font-size:12px}.report-pane .widget nvd3.pie{top:15%;left:0}.report-pane .widget nvd3.pie .nv-slice:nth-child(odd) path{fill:RGB(27, 187, 196)}.report-pane .widget nvd3.pie .nv-slice:nth-child(even) path{fill:RGB(229, 229, 229)}.report-pane .widget nvd3.bar{position:relative;top:0;left:0}.report-pane .widget nvd3.bar .discreteBar{stroke:RGB(27, 187, 196);fill:RGB(27, 187, 196)}.report-pane .widget nvd3.line:hover .nv-wrap{opacity:1 !important;stroke-width:2px !important}.report-pane .widget nvd3.line .nv-wrap{stroke:RGB(27, 187, 196) !important;opacity:0.5 !important}.report-pane .widget .bar-numbers{position:absolute;left:44%}.report-pane .widget .bar-numbers span{color:black}.report-pane .widget .numbers-L{color:#3a3a3a;font-family:"Proxima-Nova";font-size:44px;margin-bottom:8px}.report-pane .widget .units-L{font-family:"Proxima-Nova";font-weight:100;font-size:38px;text-transform:lowercase}.report-pane .widget .numbers-M{font-family:"Proxima-Nova";font-size:24px}.report-pane .widget .units-M{font-family:"Proxima-Nova";font-weight:300;font-size:20px;text-transform:lowercase}.report-pane .widget .numbers-S{font-family:"Proxima-Nova";font-size:16px}.report-pane .widget .units-S{font-family:"Proxima-Nova";font-weight:300;font-size:14px;text-transform:lowercase}.report-pane .widget .numbers-xs{color:#3a3a3a;font-family:"Proxima-Nova";font-weight:700;font-size:14px}.report-pane .widget .units-xs{font-family:"Proxima-Nova";font-size:12px;text-transform:lowercase}.report-pane .widget .widget-info{position:absolute;bottom:8px;right:8px;color:RGB(27, 187, 196);opacity:0.2;z-index:1000}.report-pane .widget .widget-info:hover{color:white;opacity:1}.report-pane .widget .info-screen{position:absolute;top:0;left:0;height:100%;width:100%;background-color:RGB(27, 187, 196);color:white}.report-pane .widget .info-screen .widgets-headers{color:white}.report-pane .widget .info-screen .explain{padding:10% 7% 0 7%;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;font-family:"Proxima-Nova";font-size:18px;font-weight:300;line-height:1;text-align:left}.report-pane .widget .info-screen.ng-enter,.report-pane .widget .info-screen.ng-leave{-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s}.report-pane .widget .info-screen.ng-enter,.report-pane .widget .info-screen.ng-leave.ng-leave-active{opacity:0}.report-pane .widget .info-screen.ng-leave,.report-pane .widget .info-screen.ng-enter.ng-enter-active{opacity:1}.report-pane .widget .user-widget{margin-top:40px;margin-bottom:40px}.report-pane .widget .user-widget img{height:30px;padding-left:1px}/*!
     *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
     *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
     */

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1