Font Awesome icon usage statistics

  • 13 types of Font Awesome iconic font are used and found 141 times in total.
  • FOERDESCHNACK.DE used 10.8 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of FOERDESCHNACK.DE are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • FOERDESCHNACK.DE includes "http://www.foerdeschnack.de/wp-content/cache/autoptimize/css/autoptimize_3e41aa1905de17f342df2e0b5f3c8954.css" to use Font Awesome and information from CSS is like below.
  • /**/}#lightboxIframe{display:none}html{overflow-x:hidden}body{color:#444;font-size:100%;-webkit-font-smoothing:antialiased;font-weight:400;line-height:100%;margin:0 auto;padding:0;height:100%}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{-webkit-backface-visibility:hidden;color:#222}img{max-width:100%;height:auto;-webkit-backface-visibility:hidden}iframe,embed,object,video{max-width:100%}a,a:visited{font-weight:600;text-decoration:none}a:active,a:focus{outline:0}#wallpaper{display:block;position:fixed;width:100%;height:100%}.wallpaper-link{margin:0 auto;position:absolute;top:0;width:100%;height:100%}#site{float:left;position:relative;width:100%}#head-wrap{margin-top:65px;padding-top:20px;width:100%}.head-wrap-out{float:left;width:100%}.relative{position:relative}.w100{width:100% !important}.right,.alignright{float:right}.alignright{margin:20px 0 20px 20px}.left,.alignleft{float:left}.alignleft{margin:20px 20px 20px 0}.aligncenter{display:block;margin:0 auto}.section-div{border-bottom:1px dotted #ccc;float:left;margin:20px 0;width:100%}.section{clear:both;overflow:hidden}.trans-all,.main-nav .menu li ul.mega-list,#featured-multi-main-text,.read-share-overlay,span.read-more-box,.read-more-fb a,.read-more-fb a:visited,.read-more-twit a,.read-more-twit a:visited,.read-more-comment a,.read-more-comment a:visited,.video-but-contain,.video-but-contain-med,.video-but-contain-small,#featured-multi-main-img img,.featured-multi-sub-img img,.full-wide-img img,.story-contain-img img,.widget-full-list-img img,.grid-main-img img,.grid-sub-img img,.featured-multi-sub-text,.img-cat-contain,.full-wide-text,.grid-main-text,.grid-sub-text,.story-contain-img img,.story-contain-text,ul.sidebar-list li,ul.sidebar-list-tabs li,ul.post-social-list li a,#prev-post-wrap .prev-next-text,#next-post-wrap .prev-next-text,span.comment-but-text,.main-nav .menu li:hover .mega-dropdown,.main-nav .menu li:hover ul.sub-menu,.sidebar-list-text a,.widget-full-list-text a,ul.trending-list li a,.foot-widget .tag-cloud a,ul.tabber-header li,ul.sidebar-list li:hover,ul.sidebar-list-tabs li:hover,#social-nav,#search-button{-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.mob-img{display:none}.m20bot{margin-bottom:20px}.gray-border-top{border-top:1px solid #ddd}#nav-wrap{-ms-box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);-o-box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);position:fixed;top:0;left:0;-webkit-backface-visibility:hidden;width:100%;height:65px;z-index:3000}#nav-contain{overflow:hidden;width:100%;height:65px}#nav-contain:hover{overflow:visible}#nav-contain-out{float:right;margin-left:-270px;width:100%}#nav-contain-in{margin-left:270px}#nav-logo{line-height:0;margin-right:20px;overflow:hidden;max-width:250px;height:65px}#main-nav-out{float:left;margin-right:-177px;width:100%}#main-nav-in{margin-right:177px}nav{display:inline;float:left;width:100%;height:65px}#nav-out{float:left;margin-right:-100px;width:100%}#nav-in{margin-right:100px}.main-nav-contain{width:100%;height:auto}.main-nav-in{width:1000%}.main-nav-contain .menu{width:auto}.more-nav-contain{float:left;position:relative;width:100px}.more-nav-contain:before{content:'';position:absolute;left:-20px;top:0;width:20px;height:65px}.main-nav .menu{float:left;line-height:0}.main-nav .menu li{float:left;position:relative}.main-nav .menu li.mega-dropdown{position:static}.main-nav .menu li a{float:left;font-weight:400;font-size:17px;line-height:100%;padding:24px 20px 24px;position:relative;text-transform:uppercase}.main-nav .menu li.menu-item-has-children ul.sub-menu li a:after,.main-nav .menu li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after,.main-nav .menu li.menu-item-has-children ul.mega-list li a:after{border-style:none;border-width:medium;content:'';position:relative;top:auto;right:auto}.main-nav .menu li.menu-item-has-children a:after{border-style:solid;border-width:5px 5px 0 5px;content:'';position:absolute;top:30px;right:10px}.main-nav .menu li.menu-item-has-children a{padding:24px 25px 24px 20px}.main-nav .menu li ul.mega-list li a,.main-nav .menu li.menu-item-has-children ul li a{border-bottom:0;padding:12px 20px}.main-nav .menu li a:hover,.main-nav .menu li:hover a{text-decoration:none;padding-bottom:19px}.main-nav .menu li ul li a:hover,.main-nav .menu li:hover ul li:hover a{border-bottom:0;padding-bottom:20px}.main-nav .menu li ul.sub-menu{-moz-box-shadow:0 0 20px -10px #000;-ms-box-shadow:0 0 20px -10px #000;-o-box-shadow:0 0 20px -10px #000;-webkit-box-shadow:0 0 20px -10px #000;box-shadow:0 4px 20px -10px #000;opacity:0;overflow:hidden;position:absolute;top:65px;left:0;max-width:200px;height:0}.main-nav .menu li:hover ul.sub-menu{min-height:1px;height:auto;opacity:1;overflow:visible}.main-nav .menu li:hover ul.sub-menu li{display:block;float:left;position:relative}.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children a{position:relative}.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children a:after{border-style:solid;border-width:5px 0 5px 5px;content:'';position:absolute;top:15px;right:10px}.main-nav .menu li:hover ul.sub-menu li:first-child{border-top:0}.main-nav .menu li:hover ul.sub-menu li a{float:left;font:700 12px/100% 'Open Sans',sans-serif;padding:12px 20px;width:160px}.main-nav .menu li:hover ul.sub-menu li a:hover{background:rgba(255,255,255,0.2)}.main-nav .menu li:hover ul.sub-menu li ul{display:none;opacity:1;position:absolute;top:0;left:200px;height:auto}.main-nav .menu li:hover ul.sub-menu li:hover ul{display:block}.main-nav .menu li:hover ul.sub-menu li:hover ul li{display:inline}.main-nav .menu li:hover ul.sub-menu li:hover ul li ul{display:none}.main-nav .menu li .mega-dropdown{-moz-box-shadow:0 9px 20px -15px #000;-ms-box-shadow:0 9px 20px -15px #000;-o-box-shadow:0 9px 20px -15px #000;-webkit-box-shadow:0 9px 20px -15px #000;box-shadow:0 9px 20px -15px #000;opacity:0;overflow:hidden;position:absolute;left:20px;top:65px;width:100%;height:0}.main-nav .menu li:hover .mega-dropdown{opacity:1;height:232px}.main-nav .menu li.mega-dropdown ul.sub-menu{-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;left:40px;margin-top:20px}.single .main-nav .menu li .mega-dropdown{left:60px}.single .main-nav .menu li.mega-dropdown ul.sub-menu{left:120px}.main-nav .menu li.menu-item-has-children .mega-dropdown-out{float:right;margin-left:-240px;position:relative;right:20px;width:100%}.main-nav .menu li.menu-item-has-children .mega-dropdown-in{margin-left:240px}.single .main-nav .menu li.menu-item-has-children .mega-dropdown-out{margin-left:-320px;position:relative;right:60px}.single .main-nav .menu li.menu-item-has-children .mega-dropdown-in{margin-left:320px}.main-nav .menu li:hover ul.mega-list{float:left;position:relative;width:100%}.main-nav .menu li ul.mega-list{opacity:0}.main-nav .menu li:hover ul.mega-list{opacity:1}.main-nav .menu li:hover ul.mega-list li{margin:20px 0 40px 1.36705399863%;position:relative;width:18.3595352016%}.mega-img{float:left;line-height:0;margin-bottom:10px;overflow:hidden;position:relative;width:100%;max-height:120px}.mega-img img{width:100%}.main-nav .menu li:hover ul.mega-list li a{background:none !important;float:left;font-size:.9em;font-weight:400;line-height:130%;padding:0 !important;text-transform:none}.main-nav .menu li:hover ul.mega-list li a:hover{text-decoration:underline}.nav-spacer{position:absolute;top:0;right:-60px;height:65px;width:80px}#nav-right{float:right;position:absolute;top:0;right:0;width:177px}#social-nav{float:right;padding:0 10px}#social-nav span,#search-button{cursor:pointer;font-size:21px;line-height:100%;height:21px}#social-nav span{float:left;padding:22px 8px}#social-dropdown{display:none;position:absolute;top:65px;right:0;width:304px}ul.social-drop-list{-ms-box-shadow:0 0 26px -13px #000;-moz-box-shadow:0 0 26px -13px #000;-o-box-shadow:0 0 26px -13px #000;-webkit-box-shadow:0 0 26px -13px #000;box-shadow:0 5px 20px -10px #000;float:right;padding:1px 1px 0 0;max-width:303px}ul.social-drop-list li{background:rgba(0,0,0,0.1);float:left;margin:0 0 1px 1px;overflow:hidden;padding:15px;text-align:center;width:70px;height:45px}ul.social-drop-list li:hover{background:rgba(255,255,255,0.2)}ul.social-drop-list li i{clear:both;color:#fff;font-size:22px;margin-bottom:7px}ul.social-drop-list li p{color:#ddd;font-size:.6em;font-weight:400;line-height:100%}#search-button{float:right;padding:22px 20px}#search-bar{background:rgba(255,255,255,0.9);-ms-box-shadow:0 0 26px -13px #000;-moz-box-shadow:0 0 26px -13px #000;-o-box-shadow:0 0 26px -13px #000;-webkit-box-shadow:0 0 26px -13px #000;box-shadow:0 5px 20px -10px #000;display:none;padding:15px 0;position:absolute;top:65px;right:-20px;width:100%;z-index:6000}.single #search-bar{right:-60px}#searchform input{background:none;border:0;float:left;font-size:2em;font-weight:100;line-height:100%;padding:10px 1%;text-transform:uppercase;width:98%;height:60px}#searchform #searchsubmit{border:0;float:left}#searchform #s:focus{outline:0}.mobile-menu-hide{display:none}#mobile-menu-wrap{cursor:pointer;display:none;font-size:25px;overflow:hidden;width:61px;height:65px}#mobile-menu-wrap i{padding:20px;width:21px;height:25px}#mobile-nav{overflow:hidden;position:absolute;top:0;left:0;width:61px;height:65px}#mobile-nav select{background:url(data:image/gif;base64,R0lGODlhPQBBAIAAAAAAAAAAACH5BAEAAAAALAAAAAA9AEEAAAJDhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9xaAQA7) no-repeat 50% 50%;*background:url(mhtml:http://www.foerdeschnack.de/wp-content/cache/autoptimize//autoptimize_789cdc86191e87793e870ca64e799c46.txt!27) no-repeat 50% 50%;_background:url(//www.foerdeschnack.de/wp-content/themes/topnews/images/mobi-bg.gif) no-repeat 50% 50%;border:0;float:left;padding-right:61px;width:61px;height:65px;-webkit-appearance:none !important}#mobile-nav .menu{display:block;float:left;line-height:0;width:300px}#mobile-nav .menu li{float:left;width:100%;height:40px}#mobile-nav .menu li a{color:#fff;float:left;font-size:20px;font-weight:700;line-height:100%;padding:10px;width:280px}#menufication-outer-wrap.light #menufication-top,#menufication-outer-wrap.light #menufication-non-css3-top,#menufication-non-css3-outer-wrap.light #menufication-top,#menufication-non-css3-outer-wrap.light #menufication-non-css3-top{background:#fff !important}#leader-wrapper{float:left;line-height:0;margin-bottom:20px;text-align:center;width:100%}#content-wrapper{width:100%;height:100%}.content-out{float:right;margin-left:-40px;position:relative;top:0;right:20px;width:100%}.content-in{margin-left:40px}#post-content-out.post-full,#post-content-in.post-full{margin-right:0}#home-content-out{float:left;margin-right:-341px;overflow:hidden;width:100%}#home-content-in{margin-right:341px}#home-content-wrapper{width:100%}.home-contain{float:left;width:100%}#featured-multi-wrap{background:#777;margin:-20px 0 20px;width:100%;height:440px}#featured-multi-main{overflow:hidden;width:49.968414403%;height:440px}#featured-multi-main-img,.featured-multi-sub-img{background:#eee;line-height:0;width:100%;height:100%}#featured-multi-main-img img{min-width:800px;width:100%}#featured-multi-main:hover #featured-multi-main-img img,.featured-multi-sub:hover .featured-multi-sub-img img,.widget-split-left:hover img{opacity:.3}#featured-multi-main-text{opacity:1;padding:30px 2.64900662252% 20px;width:95%}#featured-multi-main:hover #featured-multi-main-text,.featured-multi-sub:hover .featured-multi-sub-text,.widget-split-left:hover .img-cat-contain{opacity:0}#featured-multi-main-text h2{color:#fff;float:left;font-size:3.1em;font-weight:700;line-height:130%;margin-bottom:5px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;-o-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000;width:100%}#featured-multi-main-text h2.standard-headline{font-size:36px}#featured-multi-main-text p{color:#fff;float:left;font-size:.9em;font-weight:400;line-height:130%;margin-bottom:10px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;-o-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000}.read-share-overlay{margin:-43px 0 0 -62.5px;opacity:0;position:absolute;top:50%;left:50%;text-align:center;width:127px;height:86px}#featured-multi-main:hover .read-share-overlay,.featured-multi-sub:hover .read-share-overlay,.widget-split-left:hover .read-share-overlay,.story-contain:hover .read-share-overlay,.widget-full-list-img:hover .read-share-overlay,.widget-full-wide:hover .read-share-overlay,.grid-main:hover .read-share-overlay,.grid-sub:hover .read-share-overlay{opacity:1}.read-more-box-wrapper{display:inline-block;margin:0 auto}span.read-more-box{border:1px solid #004563;color:#004563;clear:both;display:inline-block;font:400 18px/100% 'Oswald',sans-serif;margin-bottom:10px;padding:8px 15px;text-transform:uppercase}span.read-more-box:hover{background:#004563;color:#fff;cursor:pointer;text-decoration:none}.share-box-wrapper{margin:0 auto;width:126px}.read-more-fb a,.read-more-fb a:visited,.read-more-twit a,.read-more-twit a:visited,.read-more-comment a,.read-more-comment a:visited{color:#fff;float:left;font-size:.9em;line-height:100%;padding:8px 0;text-transform:uppercase}.read-more-fb a{background:#3e64ad;margin-right:1%;width:32.333333333%}.read-more-twit a{background:#58ccff;margin-right:1%;width:32.333333333%}.read-more-comment a{width:33.333333333%}.read-more-fb a:hover,.read-more-twit a:hover,.read-more-comment a:hover{background:#333;color:#fff;text-decoration:none}#video-embed{overflow:hidden;padding-bottom:56.25%;text-align:center;width:100%;height:0}#video-embed iframe,#video-embed object,#video-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}#content-area #video-embed{margin-bottom:20px}.video-but-contain,.video-but-contain-med,.video-but-contain-small{color:#fff;line-height:100%;margin:0 auto;opacity:.8;position:absolute;left:0;right:0;-moz-text-shadow:0 0 30px #000;-ms-text-shadow:0 0 30px #000;-o-text-shadow:0 0 30px #000;-webkit-text-shadow:0 0 30px #000;text-shadow:0 0 20px #000}.video-but-contain{bottom:50%;font-size:70px;width:61px;height:70px}.video-but-contain-med{font-size:50px;margin-top:-20px;top:50%;width:43px;height:50px}.video-grid{margin-top:-50px}.video-but-contain-small{font-size:30px;margin-top:-15px;top:50%;width:26px;height:30px}#featured-multi-main:hover .video-but-contain,.featured-multi-sub:hover .video-but-contain,.widget-split-left:hover .video-but-contain-med,.story-contain:hover .video-but-contain,.story-contain:hover .video-but-contain-med,.widget-full-list-img:hover .video-but-contain-med,.grid-main:hover .video-but-contain,.grid-sub:hover .video-but-contain-med{opacity:0}#featured-multi-main-img img,.featured-multi-sub-img img,.full-wide-img img,.story-contain-img img,.widget-full-list-img img,.grid-main-img img,.grid-sub-img img{margin:0 auto;opacity:1;position:absolute;left:-9999px;right:-9999px}#featured-multi-sub-wrap{margin-bottom:-1px;width:49.968414403%}.featured-multi-sub{margin:0 0 1px .126422250316%;overflow:hidden;width:49.8735777497%;height:219.5px}.featured-multi-sub img{min-width:400px;width:100%}.featured-multi-sub-text{opacity:1;padding:30px 5.33333333333% 20px;width:89.4%}#featured-contain{overflow:hidden;width:100%;height:400px}#feat-img,.wide-section-img,.story-contain-img{overflow:hidden;width:100%}#feat-img img{margin-top:-5%;min-width:100%}#featured-multi-main-text,.featured-multi-sub-text,.wide-section-text,.story-contain-text,.grid-main-text,.grid-sub-text{background-image:-moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(125,125,125,0.6) 100%);position:absolute;bottom:0;left:0}.featured-multi-sub-text h2{font-size:1.2em}.featured-multi-sub-text h2,.wide-section-text h2,.story-contain-text h2,.grid-main-text h2,.grid-sub-text h2{color:#fff;float:left;font-weight:400;line-height:130%;margin-bottom:10px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;-o-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000;width:100%}.text-info-contain{width:100%}span.home-text-category,span.home-text-author,span.home-text-date{font-size:.7em;line-height:100%}span.home-text-category{color:#fbc034;font-weight:700;margin-right:20px;text-transform:uppercase}span.home-text-author{color:#ddd;font-weight:700;margin-right:20px}span.home-text-date{color:#ccc;text-transform:uppercase}#home-widget-wrap{background:#fff;width:100%}.home-widget{background:#fff;border-bottom:1px solid #ddd;font-size:1em;line-height:130%;overflow:hidden;padding:20px 1.66389351082%;width:96.6722129784%}.home-widget a{font-weight:700}.home-widget #searchform input{background:#f5f5f5;color:#aaa;font-style:normal;font-size:1.2em;font-weight:400}.home-widget-wrap{width:100%}h3.widget-header-wrap{margin-bottom:20px;width:100%}h3.widget-header-wrap span.widget-header-title{color:#444;display:inline-block;float:left;font-family:'Open Sans',sans-serif;font-size:.85em;font-weight:800;line-height:100%;position:relative;text-transform:uppercase}span.widget-header-more{display:inline-block;float:right;font-size:.65em;line-height:100%;margin-top:4px;text-transform:uppercase}span.widget-header-more a{float:right;font-weight:600}.widget-full-list-img{background:#eee;line-height:0;margin-bottom:10px;overflow:hidden;width:100%;height:150px}.widget-full-list-img img{min-width:250px;width:100%}.widget-full-list-img:hover img{opacity:.3}.widget-full-list-text{width:100%}.widget-full-list-text a,.widget-full-list-text a:visited{color:#222;float:left;font-size:1.2em;font-weight:400;line-height:130%;margin-bottom:10px;width:100%}.widget-full-list-text p{color:#555;float:left;font-size:.95em;font-weight:300;line-height:130%;margin-bottom:10px;width:100%}.img-cat-contain{line-height:0;opacity:1;position:absolute;bottom:0;left:0;z-index:10}span.img-cat{color:#fff;float:left;font-size:.6em;font-weight:600;line-height:100%;padding:5px 15px;text-transform:uppercase}#left-content span.img-cat{font-size:.7em}#featured-multi-main-text .img-cat-contain,.featured-multi-sub-text .img-cat-contain,.story-contain-text .img-cat-contain,.widget-full-list-text .img-cat-contain,.full-wide-text .img-cat-contain{margin-bottom:10px;position:relative;bottom:auto;left:auto;width:100%}ul.widget-full1{margin:0 0 -20px -1.72117039587%;width:101.72117039587%}ul.widget-full1 li{float:left;margin:0 0 20px 1.69204737733%;overflow:hidden;position:relative;width:23.3079526227%;height:370px}.widget-full-list-text .img-cat-contain{margin-top:-19px}.widget-full-list-text .img-cat-contain.no-img{margin-top:0}.widget-full-wide{overflow:hidden;width:100%;height:300px}.full-wide-img{background:#eee;line-height:0;overflow:hidden;width:100%;height:300px}.full-wide-img img{margin-top:-5%;min-width:100%}.widget-full-wide:hover .full-wide-img img{opacity:.3}.full-wide-text{background-image:-moz-linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-ms-linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-o-linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-gradient(linear,right center,left center,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background-image:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);opacity:1;padding:30px;position:absolute;top:0;bottom:0;left:0;width:300px}.full-wide-text a{color:#fff;float:left;font-size:1.6em;font-weight:400;line-height:130%;margin-bottom:10px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;0-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000;width:100%}.full-wide-text a:visited{color:#fff}.full-wide-text p{color:#fff;float:left;font-size:.95em;font-weight:300;line-height:130%;margin-bottom:10px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;0-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000;width:100%}.full-wide-text span.widget-post-author{color:#ddd}.full-wide-text span.widget-post-date{color:#ccc}.widget-full-wide:hover .full-wide-text{opacity:0}.widget-ad{border-bottom:1px solid #ddd;line-height:0;padding:20px 0;text-align:center;width:100%}.widget-post-info{width:100%}ul.widget-full1 li .widget-post-info{position:absolute;bottom:0;left:0}.trending-wrap{overflow:hidden;width:100%;height:17px}ul.trending-list{width:100%}ul.trending-list li{border-left:1px solid #ddd;float:left;margin-left:10px;padding-left:10px}ul.trending-list li:first-child{border-left:0;margin-left:0;padding-left:0}ul.trending-list li a{float:left;font-size:.8em;font-weight:400;line-height:1.4em}ul.trending-list li.trending-head{font-size:1.1em;font-weight:700;line-height:100%;text-transform:uppercase}.widget-grid-wrap{background:#777;overflow:hidden;width:100%;height:300px}.grid-main{width:49.9569707401%}.grid-main-img{background:#000;overflow:hidden;width:100%;height:300px}.grid-main-img img{min-width:600px;width:100%}.grid-main:hover .grid-main-img img{opacity:.3}.grid-main-text{padding:20px 3.44530577089%;width:93.15%}.grid-main:hover .grid-main-text{opacity:0}.grid-main-text h2{font-size:1.2em;margin-bottom:0}.grid-main-text,.grid-sub-text{opacity:1}.grid-right{margin-bottom:-1px;width:50.0430292599%}.grid-sub{background:#000;margin:0 0 1px .171969045572%;width:49.8280309544%;height:149.5px}.grid-sub-img{overflow:hidden;width:100%;height:149.5px}.grid-sub-img img{min-width:300px;width:100%}.grid-sub:hover .grid-sub-img img{opacity:.3}.grid-sub-text{padding:20px 6.90250215703%;width:86.2%}.grid-sub:hover .grid-sub-text{opacity:0}.grid-sub-text h2{font-size:1.1em;margin-bottom:0}.sidebar-list-text .widget-post-info,.sidebar-list-text-2 .widget-post-info{margin:10px 0 0 0}.widget-post-info span{color:#888;float:left;font-size:.7em;font-weight:400;line-height:100%;margin-right:10px}span.widget-post-author{font-weight:900;margin-bottom:5px}span.widget-post-cat{font-weight:900;text-transform:uppercase}span.widget-post-date{text-transform:uppercase}ul.widget-full1 li span.widget-post-date{float:right}.sidebar-list-text .widget-post-info span,.sidebar-list-text-2 .widget-post-info span{font-size:.6em}.sidebar-list-text span.widget-post-date,.sidebar-list-text-2 span.widget-post-date{margin-top:0}.story-section{background:#fff;margin-left:-.083194675541%;overflow:hidden;width:100.083194675541%}.story-contain{background:#eee;margin:0 0 1px .083125519534%;overflow:hidden;width:33.2502078138%;height:239px}.story-contain-img img{min-width:400px;width:100%}.story-contain:hover .story-contain-img img{opacity:.3}.story-contain-text{opacity:1;padding:30px 6.55737704918% 20px;width:86.9%}.story-contain-text h2{font-size:1.2em}.story-contain:hover .story-contain-text{opacity:0}#sidebar-contain{position:absolute;top:0;bottom:-200%;right:-341px;-webkit-backface-visibility:hidden;width:341px;z-index:2000}.side-fixed{position:fixed !important;top:65px !important;bottom:0 !important;right:20px !important}#sidebar-mobi-tab{display:none;float:left;width:10px;height:100%}span.mobi-tab-but{border-radius:5px;color:#fff;cursor:pointer;font-size:.85em;font-weight:700;margin-top:-28px;padding:5px 20px;position:absolute;top:50%;left:-38px;-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);text-transform:uppercase;z-index:5}#sidebar-main-wrap{background:#eee;border-left:1px solid #ddd;overflow:hidden;width:340px;height:100%}#sidebar-scroll-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:5}span.sidebar-scroll{color:#fff;display:inline-block;float:left;font-family:'Open Sans',sans-serif;font-size:.75em;font-weight:800;line-height:100%;padding:10px 0;text-align:center;text-transform:uppercase;width:100%}span.sidebar-scroll i{margin-left:10px}#sidebar-main-ad{background:#fff;border-bottom:1px solid #ddd;position:absolute;top:0;left:0;width:100%;height:290px}#sidebar-widget-wrap{background:#eee;float:left;position:absolute;top:291px;bottom:34px;left:0;width:100%}#sidebar-widget-in{overflow:hidden;padding-bottom:34px;width:100%;height:100%}.sidebar-widget{border-bottom:1px solid #ccc;float:left;overflow:hidden;width:100%}.sidebar-widget-content{padding:20px 5.88235294118%;width:88.2352941176%}h3.sidebar-header{margin-top:-1px;width:100%}h3.sidebar-header span{color:#fff;display:inline-block;float:left;font-family:'Open Sans',sans-serif;font-size:.85em;font-weight:800;line-height:100%;padding:10px 5.88235294118%;text-transform:uppercase;width:88.2352941176%}ul.sidebar-list,ul.sidebar-list-tabs{display:block;float:left;width:100%}ul.sidebar-list-tabs{border-top:1px solid #ccc;margin-top:15px;margin-bottom:20px}.sidebar-widget ul.sidebar-list{margin:-20px 0 -20px -6.6666666666%;width:113.3333333333%}.foot-widget ul.sidebar-list{margin-top:-15px}.foot-widget .widget-post-info{font-size:1.3em}ul.sidebar-list li,ul.sidebar-list-tabs li{border-top:1px solid #ccc;display:block;float:left;padding:15px 5.88235294118%;width:88.2352941176%}ul.sidebar-list li:first-child,ul.sidebar-list-tabs li:first-child{border-top:0}ul.sidebar-list li:hover,ul.sidebar-list-tabs li:hover{background:#fff}.sidebar-list-img{float:left;line-height:0;margin-right:5%;overflow:hidden;max-width:95px;text-align:center;width:30%}.sidebar-list-img img.avatar{-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:60px;height:60px}.sidebar-list-text{width:65%}.sidebar-list-text a,.sidebar-list-text a:visited{color:#444;float:left;font-size:.8em;font-weight:400;line-height:130%}.tabber-contain{border-bottom:1px solid #ccc;overflow:hidden;width:100%}#sidebar-widget-wrap .tabber-contain{margin:-20px 0 -20px -6.6666666666%;width:113.3333333333%}ul.tabber-header{background:#888;border:1px solid #ddd;border-radius:3px;-moz-box-shadow:0 1px 7px -2px rgba(0,0,0,0.3) inset;-ms-box-shadow:0 1px 7px -2px rgba(0,0,0,0.3) inset;-o-box-shadow:0 1px 7px -2px rgba(0,0,0,0.3) inset;-webkit-box-shadow:0 1px 7px -2px rgba(0,0,0,0.8) inset;box-shadow:0 1px 7px -2px rgba(0,0,0,0.8) inset;margin:15px 5.58823529412% 0;overflow:hidden;width:88.2352941176%}ul.tabber-header li{float:left;font-size:.6em;text-align:center;width:33.3333333333%}ul.tabber-header li i{margin-right:5px}ul.tabber-header li a{color:#ddd;display:inline-block;font-family:'Open Sans',sans-serif;font-weight:800;line-height:100%;padding:10px 0;text-transform:uppercase;width:100%}ul.tabber-header li.active a,ul.tabber-header li:hover a{color:#fff}span.comment-tab-head{float:left;font-size:.85em;font-weight:700;margin-bottom:5px}p.comment-tab-text{font-size:.9em;font-weight:400}.sidebar-list-text p{clear:both;float:left}li.recentcomments,li cite{float:left;margin-bottom:10px;width:100%}li cite.fn{margin-bottom:0}.rss-date{float:left;width:100%}table{margin-bottom:20px;width:100%}tr{text-align:left}tr.odd{background:#f5f5f5}dt{font-weight:bold}dd{padding-left:50px !important}.single .content-out,#feat-img-wide-out{margin-left:-120px;right:60px}.single .content-in,#feat-img-wide-in{margin-left:120px}.single .side-fixed{right:60px !important}.page .side-fixed,.woocommerce .side-fixed{right:20px}#post-social-out{float:right;margin-left:-60px;width:100%;z-index:2500}#post-social-in{margin-left:60px;overflow:hidden}.woocommerce #post-social-out,.woocommerce #post-social-in,.woocommerce-page #post-social-out,.woocommerce-page #post-social-in{margin-left:0}#post-content-out{float:left;margin-right:-341px;width:100%}#post-content-in{margin-right:341px;position:relative}#post-content-contain{width:100%}#post-content-in article{float:left;width:100%}#post-content-wrapper{float:right;overflow:hidden;width:100%}#post-social-wrap{position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;width:60px}.woocommerce-page #post-social-wrap{display:none}#post-social-wrap.social-fixed{position:fixed !important;top:65px !important;left:60px}.page #post-social-wrap.social-fixed,.archive #post-social-wrap.social-fixed{left:20px}ul.post-social-list{width:100%}ul.post-social-list li{background:#fff;float:left}ul.post-social-list li:first-child{border-top:0}ul.post-social-list li a{background:#fff;color:#fff;float:left;font-size:1.3em;line-height:100%;opacity:1;padding:10px 0;text-align:center;width:60px;height:25px}ul.post-social-list li a:hover{margin-left:-15px;padding:10px 8px}ul.post-social-list li.post-social-count{background:#fff;color:#ccc;float:left;font-size:24px;text-align:center;width:60px;padding:10px 0}span.social-count-num,span.social-count-text{float:left;text-align:center;width:100%}span.social-count-num{font-size:1em;font-weight:900;margin-bottom:5px}span.social-count-text{color:#222;font-size:.4em;font-weight:400;line-height:100%;text-transform:uppercase}ul.post-social-list li.post-social-fb a{background:#3e64ad}ul.post-social-list li.post-social-twit a{background:#58ccff}ul.post-social-list li.post-social-pin a{background:#de010d}ul.post-social-list li.post-social-goog a{background:#cd3627}#feat-img-wide{line-height:0;overflow:hidden;width:100%;max-height:500px}#feat-img-wide img,#feat-img-reg img{margin:-5% 0 0 0 !important;width:100%}#feat-img-wide-text{background-image:-moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);background-image:-webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%);padding:30px 1.89513581807%;position:absolute;bottom:0;left:0;width:96.25%}#feat-img-wide-text h1.story-title{color:#fff;margin-bottom:0;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;-o-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000}span.feat-caption-wide,span.feat-caption-reg{float:left;line-height:130%}span.feat-caption-wide{color:#fff;font-size:.9em;margin-top:10px;-moz-text-shadow:1px 1px 2px #000;-ms-text-shadow:1px 1px 2px #000;-o-text-shadow:1px 1px 2px #000;-webkit-text-shadow:1px 1px 2px #000;text-shadow:1px 1px 2px #000;width:100%}#feat-img-reg{line-height:0;margin-bottom:20px;overflow:hidden;text-align:center;max-height:400px;width:100%}span.feat-caption-reg{border-bottom:1px solid #ddd;color:#777;font-size:.8em;margin:-5px 0 20px;padding-bottom:15px;width:100%}#post-area{background:#fff;padding:30px 2.49584026622%;width:95.0083194676%}.post-cat-contain{margin-bottom:10px;width:100%}.post-cat-contain .img-cat{padding:7px 0;text-align:center;width:100%}.post-cat-mobi{margin-bottom:10px;max-width:200px}.post-cat-mob,.post-date-mob{display:none}h1.story-title{color:#222;font-size:3em;font-weight:700;line-height:130%;margin-bottom:30px}.hide-title{display:none}#feat-img-wide-text h1.story-title{font-size:3.1em}#left-content{margin-right:2.62697022767%;overflow:hidden;width:17.5131348511%}#left-content-mobi{display:none;margin-bottom:15px;overflow:hidden;width:100%}.post-date-wrap{border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:10px;text-align:center;width:100%}span.post-date{color:#888;display:inline-block;font-size:.8em;font-weight:600;line-height:100%;text-transform:uppercase}span.post-date time{float:left;line-height:100%}.author-info-wrap{border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:30px;width:100%}.author-img{line-height:0;margin-bottom:15px;text-align:center;width:100%}.author-img img{-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;width:120px;height:120px}span.author-name{margin-bottom:10px;text-align:center;width:100%}span.author-name a{color:#222;font-size:.8em;font-weight:700;line-height:100%;text-transform:uppercase}span.author-twit{color:#58ccff;font-size:.7em;font-style:italic;font-weight:500;margin-bottom:10px;text-align:center;width:100%}span.author-twit a:hover{text-decoration:none}p.author-desc{color:#888;font-size:.75em;line-height:160%;text-align:center;width:100%}.post-tags{float:left;font-size:.6em;font-weight:700;line-height:100%;margin-bottom:20px;width:100%}.post-tags a,span.post-tags-header{color:#fff;display:inline-block;float:left;margin:0 2px 2px 0;padding:6px 10px;text-transform:uppercase}span.post-tags-header{font-weight:700}.post-tags a{background:#aaa}.post-tags a:visited{color:#fff}.post-tags a:hover{color:#fff;text-decoration:none}.post-tags-mobi{display:none}#right-content{float:right;overflow:hidden;width:79.8598949212%}#right-contents{float:right;overflow:hidden;width:100%}#content-area{color:#555;font-size:1em;font-weight:300;line-height:160%;margin-bottom:30px;width:100%}#content-area p{display:block;margin-bottom:20px}#content-area ul{list-style:disc outside;margin:10px 0}#content-area ol{list-style:decimal outside;margin:10px 0}#content-area ul li,#content-area ol li{margin-left:50px;padding:5px 0}#content-area h1,#content-area h2,#content-area h3,#content-area h4,#content-area h5,#content-area h6{font-weight:700;line-height:120%;margin:10px 0;overflow:hidden;text-transform:uppercase;width:100%}#content-area h1{font-size:1.6em}#content-area h2{font-size:1.4em}#content-area h3{font-size:1.2em}#content-area h4{font-size:1em}#content-area h5{font-size:.8em}#content-area h6{font-size:.6em}#content-area blockquote p{color:#555;font-size:2em;font-weight:400;line-height:130%;margin:30px 10%;width:80%}#content-area blockquote p cite{color:#555;display:inline-block;font-size:.7em;font-weight:400}#prev-post-wrap,#next-post-wrap{margin-top:-40px;position:fixed;top:50%;width:55px;height:80px;z-index:4000}#prev-post-wrap{left:0}#next-post-wrap{right:0;text-align:right}#prev-post-arrow,#next-post-arrow{color:#333;cursor:pointer;font-size:80px;line-height:100%}#prev-post-arrow{margin-left:10px}#next-post-arrow{margin-right:10px}.prev-next-text{position:absolute;top:0}.prev-next-text a,.prev-next-text a:visited,.prev-next-text a:hover{color:#fff;float:left;font-size:.95em;font-weight:500;line-height:130%;padding:15px;width:280px}#prev-post-wrap .prev-next-text{left:-9999px}#prev-post-wrap:hover .prev-next-text{left:0}#next-post-wrap .prev-next-text{right:-9999px;text-align:left}#next-post-wrap:hover .prev-next-text{right:0}#post-latest-wrap{background:#eee;float:left;overflow:hidden;margin:0 0 -1px -.177667844523%;width:100.176678445%}#post-latest-header{background:#fff;width:100%}h4.post-latest{color:#222;display:inline-block;font-family:'Open Sans',sans-serif;font-size:.85em;font-weight:800;line-height:100%;padding:15px 30px;text-transform:uppercase;width:auto}h4.post-latest:after{border-style:solid;border-width:20px 30px 0 30px;border-color:#fff transparent transparent transparent;content:'';margin-left:-30px;position:absolute;left:50%;bottom:-20px;z-index:100}.wp-caption,.gallery-caption{margin-bottom:20px;max-width:100%;text-align:center}.wp-caption-text{border-bottom:1px solid #ddd;font-size:.8em;font-style:italic;padding-bottom:5px}#comments-button{margin-bottom:15px;text-align:center;width:100%}span.comment-but-text{color:#fff;cursor:pointer;display:inline-block;font-family:'Open Sans',sans-serif;font-size:.85em;font-weight:800;line-height:100%;opacity:1;padding:15px 0;text-transform:uppercase;width:70%}span.comment-but-text i{margin-right:10px}span.comment-but-text:hover{opacity:.7}h4.post-header{background:url(data:image/gif;base64,R0lGODlhFAAUAPcAANra2uLi4uPj4+Tk5Pv7+/7+/v///wcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFFQzdBMjAzOTMzQjExRTM5QjI4Q0ExQjgzRDA3QUEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFFQzdBMjA0OTMzQjExRTM5QjI4Q0ExQjgzRDA3QUEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUVDN0EyMDE5MzNCMTFFMzlCMjhDQTFCODNEMDdBQTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUVDN0EyMDI5MzNCMTFFMzlCMjhDQTFCODNEMDdBQTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAFAAUAAAIZwD3/ftHTptAggYHFjxYUGFChAwfLoToMKJAfxMnUvQ3LqE/cR49grw48t9HkSRFqkxpsuTJlDBftlw5U6DLmzT95cRJEmbNnyeB8qwps+jQoUZD+kzaU+hObU6XjmQa9R9SpE+lBgQAOw==);*background:url(mhtml:http://www.foerdeschnack.de/wp-content/cache/autoptimize//autoptimize_789cdc86191e87793e870ca64e799c46.txt!28);_background:url(//www.foerdeschnack.de/wp-content/themes/topnews/images/hash-bg.gif);float:left;position:relative;width:100%;margin-bottom:20px}span.post-header{background:#fff;color:#222;float:left;font-family:'Open Sans',sans-serif;font-size:1.3em;font-weight:800;line-height:100%;padding-right:20px;position:relative;text-transform:uppercase}span.post-header:after{border-color:transparent transparent transparent #fff;border-style:solid;border-width:17.5px 0 0 11px;content:'';position:absolute;bottom:0;right:-11px}h3.comment-header{color:#fff;float:left;font:400 12px/12px 'Oswald',sans-serif;margin:0 0 20px 20px;padding:5px 7px;position:relative;text-transform:uppercase}#comments{display:none;float:left;font-size:.8em;line-height:120%;margin-bottom:30px;overflow:hidden;width:100%}.comment-inner{border-bottom:1px dotted #ddd;margin-bottom:10px;padding:10px 0 0}#comments .comment-inner:after{content:'';display:block;clear:both}#comments .comment-avatar,#tab3 .comment-avatar{float:left;width:46px}#comments .avatar{display:block;background-color:#fff}.comment-avatar img{--border-radius:23px;--border-radius:23px;--border-radius:23px;--border-radius:23px;border-radius:23px;overflow:hidden}#comments .commentmeta{display:block;float:left;margin:0 10px 10px}.comment-reply a,#cancel-comment-reply-link{clear:both;color:#fff;font:700 12px/100% 'Open Sans',sans-serif;padding:5px 10px}.comment-reply a{background:#555;float:right}#cancel-comment-reply-link{background:#ccc;float:left;margin:0 0 10px 20px}.comment-reply a:hover,#cancel-comment-reply-link:hover{background:#333;color:#fff;text-decoration:none}ol.commentlist{float:left;width:100%}ol.commentlist h3.comment-header{display:none}ol.commentlist #respond{border-top:0}#comments .comment-meta-1{display:block;float:left;font:bold 14px/normal helvetica,arial,sans-serif;margin-bottom:5px;width:100%}#comments .comment-meta-1 .fn{float:left;font-style:normal;font-weight:bold;width:auto}#comments .comment-meta-1 .reply{display:inline-block;float:right;font-size:11px;line-height:11px;padding-top:2px}#comments .comment-meta-1 .reply a{color:#555}#comments .comment-meta-2{float:left;font:12px/normal helvetica,arial,sans-serif;display:block;margin:0}#comments .text{clear:both;display:block;float:left;margin-top:10px}#comments .text .waiting_approval{font-size:14px;font-style:italic;font-weight:bold}#comments .c{line-height:20px}#comments .c p,#comments .c code,#comments .c blockquote,#comments .c ul,#comments .c ol{display:block;margin:5px 0}#comments .c a{text-decoration:underline}#comments .c a:hover{text-decoration:none}#comments .depth-2 .comment-wrapper{padding-left:40px}#comments .depth-2 .commentmeta{width:auto}#comments .depth-3 .comment-wrapper{padding-left:80px}#comments .depth-3 .commentmeta{width:auto}#comments .depth-4 .comment-wrapper{padding-left:120px}#comments .depth-4 .commentmeta{width:auto}#comments .depth-5 .comment-wrapper{padding-left:160px}#comments .depth-5 .commentmeta{width:auto}#respond{clear:both;position:relative}#respond form{float:left;padding-bottom:20px;width:100%}#respond p{font:12px/normal helvetica,arial,sans-serif;margin:0}#respond .logged-in-as{margin-bottom:10px}#respond .comment-notes{margin-bottom:1em}.children #respond{margin:0 48px 0 0}#comments-list #respond{margin:0 0 18px 0}#comments-list ul #respond{margin:0}#respond .required{color:#ff4b33;font-weight:bold}#respond label{color:#888;font-size:12px}#respond input{background:#f6f6f6;border:1px solid #ddd;-ms-box-shadow:2px 2px 5px 0 #eee inset;-moz-box-shadow:2px 2px 5px 0 #eee inset;-webkit-box-shadow:2px 2px 5px 0 #eee inset;-o-box-shadow:2px 2px 5px 0 #eee inset;box-shadow:2px 2px 5px 0 #eee inset;display:block;margin:0 0 9px;padding:5px;width:auto}#respond textarea{background:#f6f6f6;border:1px solid #ddd;-ms-box-shadow:2px 2px 5px 0 #eee inset;-moz-box-shadow:2px 2px 5px 0 #eee inset;-webkit-box-shadow:2px 2px 5px 0 #eee inset;-o-box-shadow:2px 2px 5px 0 #eee inset;box-shadow:2px 2px 5px 0 #eee inset;width:95%}#respond #submit{background:#555;border:0;box-shadow:none;color:#fff;cursor:pointer;font:700 12px/100% 'Open Sans',sans-serif;margin-top:10px;padding:5px 10px;width:120px}#respond #submit:hover{background:#333}h3#reply-title,h2.comments{color:#fff;font:700 14px/100% 'Oswald',sans-serif;margin-bottom:10px;padding:5px 10px;text-shadow:1px 1px 0 #000;text-transform:uppercase}h3#reply-title{display:none}span.comments{background:#fff;color:#aaa;float:left;font-size:20px;line-height:100%;padding-right:15px;text-transform:uppercase}span.comments a{color:#666}span.comments a:hover{color:#f00;text-decoration:none}#comment-input label{margin-bottom:10px}p.cancel-comment-reply{clear:both}p.form-allowed-tags{display:none}.fb-comments,.fb-comments span{width:100% !important}.woocommerce,.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{font-size:.9em !important;line-height:130% !important}.woocommerce a{font-weight:bold}#woo-content{float:left;width:100%}#woo-content h1,#woo-content h2,#woo-content h3,#woo-content h4,#woo-content h5,#woo-content h6{color:#777;font-weight:400;padding:0;width:100%}#woo-content h1.page-title{display:inline-block;float:left;font-size:3em;font-weight:800;line-height:100%;margin:15px 0 18px;text-align:center;text-transform:uppercase}#woo-content h1{font-size:24px;line-height:120%;margin:10px 0}#woo-content h2{font-size:18px;line-height:120%;margin:10px 0}#woo-content h3{font-size:16px;line-height:120%;margin:10px 0}#woo-content h4{font-size:14px;line-height:120%;margin:10px 0}#woo-content h5{font-size:12px;line-height:120%;margin:10px 0}#woo-content h6{font-size:10px;line-height:120%;margin:10px 0}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{margin-bottom:20px !important}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:left !important;margin-right:15px !important;width:60px !important}.woocommerce div.product .woocommerce-tabs,.woocommerce #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs{border-bottom:1px solid #dfdfdf;margin-bottom:30px}.woocommerce-tabs ul.tabs{font-size:14px}.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a,.woocommerce-page ul.cart_list li a,.woocommerce-page ul.product_list_widget li a,.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{color:#777;font-size:14px}p.total{font-size:14px;margin:20px 0;padding-top:10px}.woocommerce table.shop_table,.woocommerce-page table.shop_table,.woocommerce .cart-collaterals .cart_totals table,.woocommerce-page .cart-collaterals .cart_totals table{background:#f9f9f9;border:1px solid rgba(0,0,0,0.1)}.woocommerce table.shop_table td,.woocommerce-page table.shop_table td,.woocommerce .cart-collaterals .cart_totals tr td,.woocommerce .cart-collaterals .cart_totals tr th,.woocommerce-page .cart-collaterals .cart_totals tr td,.woocommerce-page .cart-collaterals .cart_totals tr th{border-top:1px solid rgba(0,0,0,0.1) !important}.woocommerce .cart-collaterals .cart_totals table tr:first-child th,.woocommerce .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td{border-top:0 !important}.price_label{float:right;text-align:right}#searchsubmit{display:none}.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content{float:left;margin:10px 0 20px;width:100%}.woocommerce div.product form.cart .variations select,.woocommerce-page div.product form.cart .variations select,.woocommerce #content div.product form.cart .variations select,.woocommerce-page #content div.product form.cart .variations select,.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select,.woocommerce form .form-row select,.woocommerce-page form .form-row select,.widget_product_categories select#dropdown_product_cat{padding:5px;background:#fff;border:1px solid #DDD;color:#888;font-size:12px;text-transform:uppercase}.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img,.woocommerce ul.products li.product a:hover img,.woocommerce-page ul.products li.product a:hover img{-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{margin:0 0 2em !important}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{text-align:right}.woocommerce .cart-collaterals .cart_totals table th,.woocommerce-page .cart-collaterals .cart_totals table th,.woocommerce .cart-collaterals .cart_totals table td,.woocommerce-page .cart-collaterals .cart_totals table td{padding:6px 6px !important;width:40% !important}#coupon_code{width:100px !important}#woo-content .summary p{border-bottom:1px solid #ddd;margin-bottom:20px;padding:20px 0}#woo-content .summary p.price{margin-bottom:0}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #content input.button,.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button,.woocommerce-page #respond input#submit,.woocommerce-page #content input.button,.woocommerce div.product form.cart .button,.woocommerce #content div.product form.cart .button,.woocommerce-page div.product form.cart .button,.woocommerce-page #content div.product form.cart .button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt{border:0;-webkit-border-radius:0;border-radius:0;color:#fff;font-size:.8em;font-weight:700;line-height:100%;text-shadow:none;text-transform:uppercase}.woocommerce .widget_price_filter .price_slider_amount .button,.woocommerce-page .widget_price_filter .price_slider_amount .button,.woocommerce .widget_price_filter .price_slider_amount,.woocommerce-page .widget_price_filter .price_slider_amount{font-size:.9em;line-height:100%}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover,.woocommerce-page #respond input#submit:hover,.woocommerce-page #content input.button:hover,.woocommerce div.product form.cart .button:hover,.woocommerce #content div.product form.cart .button:hover,.woocommerce-page div.product form.cart .button:hover,.woocommerce-page #content div.product form.cart .button:hover,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page #content input.button.alt:hover{opacity:.7}.woocommerce div.product div.summary p,.woocommerce #content div.product div.summary p,.woocommerce-page div.product div.summary p,.woocommerce-page #content div.product div.summary p,.woocommerce div.product .woocommerce-tabs .panel p,.woocommerce #content div.product .woocommerce-tabs .panel p,.woocommerce-page div.product .woocommerce-tabs .panel p,.woocommerce-page #content div.product .woocommerce-tabs .panel p{color:#555;font-size:.9em;line-height:140%}.woocommerce span.onsale,.woocommerce-page span.onsale{-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;color:#fff;font-size:.9em;font-weight:700;line-height:100%;padding-top:20px;text-shadow:none;text-transform:uppercase;width:50px;height:30px}.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{background:#f5f5f5}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{margin:0 0 2em !important}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{float:right}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{text-align:right}.woocommerce .cart-collaterals .cart_totals table th,.woocommerce-page .cart-collaterals .cart_totals table th,.woocommerce .cart-collaterals .cart_totals table td,.woocommerce-page .cart-collaterals .cart_totals table td{padding:6px 6px !important;width:40% !important}.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price,.woocommerce ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{font-size:.85em;font-weight:500}.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale{margin:5px 5px 0 0}.coupon{width:222px}#coupon_code{width:100px !important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#f5f5f5;padding:1px 0 15px;text-align:center}.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{margin:0 auto 15px;width:98.9%}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img,.woocommerce div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce-page #content div.product div.images img{-webkit-box-shadow:none;box-shadow:none}.woocommerce div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce-page #content div.product div.images img{border:1px solid #ddd}.woocommerce .woocommerce-breadcrumb,.woocommerce-page .woocommerce-breadcrumb{border-bottom:5px solid #f5f5f5;font-size:.85em;margin-bottom:20px !important;padding-bottom:20px}nav.woocommerce-breadcrumb{height:auto}.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}.woocommerce div.product .woocommerce-tabs ul.tabs li:after,.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before{border-bottom-left-radius:0;border-bottom-right-radius:0;border-width:0;box-shadow:none}.woocommerce div.product .woocommerce-tabs ul.tabs li a,.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{text-shadow:none}.woocommerce button.single_add_to_cart_button{margin-left:15px;padding:9px 10px}.woocommerce div.product form.cart,.woocommerce #content div.product form.cart,.woocommerce-page div.product form.cart,.woocommerce-page #content div.product form.cart{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}.woocommerce .products .star-rating,.woocommerce-page .products .star-rating{margin:0 auto 10px}#category-header-wrap{margin-right:20px;max-width:537px}#category-header-wrap h1{display:inline-block;float:left;font-family:'Open Sans',sans-serif;font-size:1.8em;font-weight:800;line-height:100%;margin:15px 0 18px;text-transform:uppercase}h1.archive-header{color:#333;float:left;font-family:'Open Sans',sans-serif;font-size:1.8em;font-weight:800;line-height:130%;margin:20px 0;text-align:center;text-transform:uppercase;width:100%}#author-page-box{margin-bottom:20px;width:100%}.author-page-img{line-height:0;margin-right:20px;width:120px}.author-page-img img{-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;width:120px;height:120px}.author-desc-out{float:right;margin-left:-140px;width:100%}.author-desc-in{margin-left:140px;overflow:hidden}.author-desc-in p{font-size:.9em;line-height:130%;margin-bottom:20px;width:100%}ul.author-social{width:100%}ul.author-social li{float:left;margin:0 10px 10px 0;height:30px}ul.author-social li a{color:#999;font-size:30px}#post-404{color:#aaa;font-size:1.3em;line-height:130%;margin:150px 0 200px;text-align:center;width:100%}#post-404 h1{color:#222;font-size:4em;font-weight:900;line-height:100%;margin-bottom:20px}#post-content-out.no-social{margin-left:-60px}#post-content-in.no-social{margin-left:60px}p.search-text{margin:20px 10%;text-align:center;width:80%}#bbpress-forums ol,#bbpress-forums ul{list-style:none;margin:0}#bbpress-forums ul li,#bbpress-forums ol li{margin-left:0;padding:0}#foot-wrap{background:#555;width:100%}#foot-leader{background:#444;line-height:0;padding:20px 0;text-align:center;width:100%}#foot-top{padding:100px 0 60px;width:100%}.foot-widget{color:#ccc;float:left;font-size:.8em;line-height:140%;margin:0 0 40px 3.56506238859%;position:relative;width:28.5799168152%}h3.foot-head{color:#ddd;float:left;font-family:'Open Sans',sans-serif;font-size:1em;font-weight:800;letter-spacing:2px;line-height:100%;margin-bottom:20px;text-transform:uppercase;width:100%}.foot-widget p{float:left;margin-bottom:15px;width:100%}#foot-logo{margin-bottom:15px;width:100%}.foot-widget ul.sidebar-list li{border-top:1px solid #888}.foot-widget ul.sidebar-list li:first-child{border-top:0}.foot-widget ul.sidebar-list li:hover{background:none}.foot-widget .sidebar-list-text a,.footwidget .sidebar-list-text a:visited{font-size:1em;color:#fff}.tag-cloud{float:left;width:100%}.tag-cloud a{background:#bbb;color:#fff;float:left;font-size:.6em;font-weight:600;line-height:100%;margin:0 5px 5px 0;padding:5px 7px;text-transform:uppercase}.foot-widget .tag-cloud a{background:#888}.tag-cloud a:visited{color:#fff}.tag-cloud a:hover{color:#fff;text-decoration:none}#foot-bottom{background:#444;padding:0 1.7825311943%;width:96.4349376114%}#foot-copy{color:#888;font-size:.65em;line-height:130%;padding:15px 0;width:60%}#foot-soc{float:right;max-width:40%}ul.foot-soc-list{float:right;padding:12px 0 10px;width:100%}ul.foot-soc-list li{float:left;font-size:1.3em;margin-left:10px}ul.foot-soc-list li i{float:left}ul.foot-soc-list li a,ul.foot-soc-list li a:visited{color:#888}ul.foot-soc-list li a:hover{color:#fff}.nav-links{float:left;padding:0 2.51677852349%;position:relative;width:94.966442953%}.pagination{clear:both;position:relative;font-size:.7em;font-weight:700;line-height:100%;padding:0}.pagination span,.pagination a{background:#555;border:1px solid #333;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-ms-box-shadow:0 3px 5px -1px #aaa;-moz-box-shadow:0 3px 5px -1px #aaa;-o-box-shadow:0 3px 5px -1px #aaa;-webkit-box-shadow:0 2px 3px -1px #aaa;box-shadow:0 3px 5px -1px #ccc;color:#fff;display:block;float:left;margin:2px 5px 2px 0;padding:9px 12px 8px 12px;text-decoration:none;width:auto}.pagination .current,.pagination a:hover{background:#999;border:1px solid #777;color:#fff}.pagination a,.pagination a:visited{color:#fff}#infscr-loading{color:#fff;float:left;font-size:.85em;font-weight:700;line-height:100%;padding:20px 0;text-align:center;text-transform:uppercase;width:100%}ul.widget-full1 #infscr-loading{width:105%}#infscr-loading img{display:none}#infscr-loading em{float:left;width:100%}.paginate-links{display:none}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-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
    /*!
     *  Font Awesome 4.2.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-twitter

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

<i class="fa fa-twitter"></i> fa-twitter
Icon classes are echoed via CSS :before.

fa-twitter

fa-twitter

fa-twitter

fa-twitter

fa-twitter

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

<p><i class="fa fa-twitter fa-lg"></i> fa-twitter</p>
<p><i class="fa fa-twitter fa-2x"></i> fa-twitter</p>
<p><i class="fa fa-twitter fa-3x"></i> fa-twitter</p>
<p><i class="fa fa-twitter fa-4x"></i> fa-twitter</p>
<p><i class="fa fa-twitter fa-5x"></i> fa-twitter</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-twitter fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-twitter fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

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

<ul class="fa-ul">
  <li><i class="fa-li fa fa-twitter"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-twitter fa-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 fa-border and pull-right or pull-left for easy pull quotes or article graphics.

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

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

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

<i class="fa fa-twitter"></i>  normal<br>
<i class="fa fa-twitter fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-twitter fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-twitter fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-twitter fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-twitter fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-twitter fa-2x fa-spin"></i>
<i class="fa fa-twitter fa-3x fa-spin"></i>
<i class="fa fa-twitter fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-twitter on fa-square-o
fa-twitter on fa-circle
fa-twitterl on fa-square
fa-ban on fa-twitter

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse 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="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>
fa-twitter on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
fa-twitter on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
fa-twitter on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-twitter fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-twitter

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-twitter fa-lg"></i> fa-twitter</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-twitter"></i> fa-twitter</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-twitter fa-2x pull-left"></i> Font Awesome<br>fa-twitter



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-twitter fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-twitter">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-twitter fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-twitter">
</div>