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: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: outside none none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
@font-face {
  font-family: "TiemposHeadlineWeb-Semibold";
  src: url(c56425b028860945a54e87cbf1584ab0f11fff88.eot)  format("embedded-opentype"), url(b44c9ff1edbb9e509bfc5c371e225cad0bc436cb.woff)  format("woff");
}
@font-face {
  font-family: "TiemposTextWeb-Regular";
  src: url(d934b18324dc1dcca98ff0acbf46f43ba9fa5162.eot)  format("embedded-opentype"), url(46572f70418254728b652ee00c81bfdace684532.woff)  format("woff");
}
body { position: absolute; width: 100%; min-height: 100%; background: rgb(223, 227, 229) none repeat scroll 0% 0%; color: rgb(0, 0, 0); font-family: "Benton Sans"; font-style: normal; font-weight: normal; }
.comics-content { text-align: center; }
#content > .comics-content .fancybox-nav { display: none; }
.fancybox-skin { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.content-block { margin: 0px auto; max-width: 1400px; clear: both; position: relative; }
.single-ap-body .content-block { max-width: 728px; }
.item-inline-meta, .item-inline-desc { margin-top: 10px; }
.item-inline-desc img { display: block; margin-top: 10px; }
.article-area { max-width: 1330px; margin-top: -20px; }
.page #content > .article-area { max-width: 1100px; padding-left: 60px; padding-right: 60px; box-sizing: border-box; }
#mighty-deals-chk-txt::after, .categories-page-wrap::after, .page #content > .article-area::after { clear: both; content: ""; display: block; }
.single-ap-body .popup-content-block::after, .page .article-area::after { position: absolute; left: 0px; width: 100%; bottom: -300px; height: 300px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; content: ""; }
div.article-block { max-width: 1130px; margin: 0px auto; }
.cw-single div.article-block { max-width: none; position: relative; }
.cw-single div.article-top-block { max-width: none; margin: 0px -30px; }
.article-top-block { position: relative; z-index: 2; }
.atb-text-wrap { position: absolute; left: 0px; bottom: 0px; width: 100%; }
.atb-text { color: rgb(255, 255, 255); padding: 35px 20px 30px; box-sizing: border-box; width: 70%; margin: 0px auto; }
.hp-article-info, .atb-text { background: rgba(0, 0, 0, 0.82) none repeat scroll 0% 0%; }
.article-top-block .atb-text .post-pub-info { font-size: 13px; text-transform: none; margin: 10px auto 0px; text-align: center; }
body, .popular-post-wdd .shares, [data-tooltip]::before, .top-tags, .post-author-bio, .ppi-author, div.mc-item-excerpt, .entry-content, .hp-post-pub-info, .category, .atb-text .category, .hp-featured h2, .post-share-row, #footer-nav, #footer, .mc-bottom-meta, .app-all-links, .article-wdd .category, .app-title, .article-rect h2, .gt-info, .app-page-description, .article-rect, .article-area .post-pub-info, .wrap-dd-select, .hp-excerpt, #search-form, #hp-apps-list .app-lnk > span, .entry-content .simplePullQuote::before { font-family: "Benton Sans"; font-style: normal; font-weight: normal; }
.sweet-alert h2, .spr-number, h2.popular-post-title, #shuffle-play-btn, #footer-subscribe-btn, .hp-cat a, .hp-cat > span, .search-options a, .sb-pop-post-lnk, .entry h3, .categories-drop-down, #apps-list, .sb-pop-post-lnk, .hp-cat a, .hp-cat > span, .entry h2.popular-posts-title, .pen-rect h2, .git-rect h2 .article-rect h2, .books-rects h2, div.pl-md-deal-title, .horizonta-post-title .hpi-text, #footer-subscribe-btn, .popular-posts-title, .article-rect h2, .spr-number, .inner-post-sb-pop h2.popular-post-title, .article-top-block .atb-text .post-pub-info, .tiempos-body #switch-to-serif-btn, .cp-total, .entry-content blockquote p { font-family: "Benton Sans"; font-style: normal; font-weight: bold; text-transform: none; }
.ppi-author { position: relative; font-size: 15px; }
.ppis { display: inline-block; position: relative; }
.ppi-time { font-weight: normal; font-size: 13px; }
#ppi-local-date, .ppi-time-label { font-weight: normal; }
.ppi-dot { display: inline-block; margin: 0px 3px; }
.ppi-author img { border-radius: 50%; vertical-align: middle; margin-right: 5px; }
.aew-block { position: relative; padding-bottom: 20px; padding-top: 20px; }
.rhis::after { content: ""; display: block; clear: both; }
.rhi-left, .rhi-right { float: left; width: 50%; box-sizing: border-box; }
.rhi-left { padding-right: 30px; }
.rhi-right { padding-left: 30px; }
.related-posts-section { position: relative; padding: 20px 0px 0px; clear: both; }
.related-posts-section::before { position: absolute; content: ""; background: rgb(242, 244, 246) none repeat scroll 0% 0%; border-top: 1px solid rgb(213, 215, 218); border-bottom: 1px solid rgb(213, 215, 218); height: 100%; width: 100%; padding: 0px 30px; left: -30px; }
.aew-block > div { position: relative; z-index: 2; }
.atb-text .post-pub-info { color: rgb(255, 255, 255); }
.atb-text .post-pub-info a { color: rgb(122, 193, 244); }
.search-row .linktext, .entry a { color: rgb(12, 127, 215); }
.author-bio-text a, .entry-content a { font-weight: bold; }
*::-moz-selection { background: rgb(223, 227, 229) none repeat scroll 0% 0%; }
.inner-link-effect { background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-repeat: repeat-x; background-size: 0px 0px; background-position: 0px 25%; transition: all 150ms ease 0s; }
.tiempos-body .inner-link-effect { background-position: 0px 50%; }
.inner-link-effect:hover { background-image: linear-gradient(rgb(12, 127, 215) 0%, rgb(12, 127, 215) 100%); background-size: 1.2em 1.4em; color: rgb(255, 255, 255); text-decoration: none; }
div.single-top-ads .bsap { float: left; margin: 5px 20px 0px 0px; }
div.single-top-ads iframe { margin-top: 0px; }
.entry-content .pre-wrap { background: rgb(39, 40, 34) none repeat scroll 0% 0%; margin: 10px 0px; width: auto; max-width: none; }
.entry embed, .entry iframe { width: 100%; margin: 20px 0px; }
.entry-content img, .entry-content embed, .entry-content iframe { vertical-align: bottom; }
.entry-content .twitter-tweet-rendered { margin: 10px auto ! important; }
.entry-content ul li { list-style-type: none; position: relative; padding-left: 0px; }
.entry-content ul li::before { content: ""; width: 6px; height: 6px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; display: inline-block; margin-left: -14px; margin-right: 8px; top: -2px; position: relative; }
.ae-link { position: relative; white-space: nowrap; font-weight: bold; color: rgb(0, 0, 0); }
.ae-letter {  }
.ae-line { background: rgb(12, 127, 215) none repeat scroll 0% 0%; width: 0px; height: 1px; position: absolute; right: 0px; bottom: 0px; }
.ae-letter.red-letter { background: rgb(209, 230, 245) none repeat scroll 0% 0%; }
.ae-underline { position: relative; }
.ae-letter.red-bg { background: rgb(12, 127, 215) none repeat scroll 0% 0%; color: rgb(255, 255, 255); position: relative; }
.hid-img { opacity: 0; width: 0px; height: 0px; }
.ari-fd, .rect-pre-show .article-rect-img { opacity: 0; transition: all 0.25s ease-in-out 0s; }
.ari-fd.loaded, .rect-show .article-rect-img { opacity: 1; }
.gpre-r-img { opacity: 0; width: 0px; height: 0px; }
.atb-text h1 { color: rgb(255, 255, 255); }
.article-block-wrap.white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-top: 30px; margin-top: 0px; }
.article-block.white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-sizing: border-box; }
.lpc-block { margin-top: 0px; }
.content-block::after { content: ""; display: block; clear: both; }
.nl-content-block, footer .content-block { position: initial; max-width: 1130px; }
.entry { margin: 0px auto; }
.article-wdd-content .hp-popp-text h2, .hp-featured h2, .hp-article-title, .au-title, .ap-title, .cp-title, div.asection-title, .popular-posts-title, .t-overlay-title, .fwbi-app-title, .fwbi-title, .asection-title, .pagination-block, .pagination-block input, .ft-wbn-title, h2.quote-author, .simplePullQuote, h1, h2, h3, #w404-text, .spr-number, .atb-text .category, a.hm-lnk, span.hm-lnk, .nl-page-form-title { font-family: "Titling Gothic FB Cond Std"; font-style: normal; font-weight: normal; color: rgb(0, 0, 0); }
h1 { font-size: 20px; }
body a { color: rgb(12, 127, 215); text-decoration: none; }
.comics-img-lnk { display: block; }
.article-rect .comics-img-lnk img, .comics-img-lnk img { width: 100%; display: block; }
#top-line { background: transparent url(5966f320bd54a7e4c19465b375a9a82a21cfd4fe.png)  repeat-x scroll 0% 0% / auto 100%; height: 15px; position: fixed; left: 0px; width: 100%; top: 0px; z-index: 3; }
#top-bar { background: rgb(246, 246, 246) none repeat scroll 0% 0%; padding: 15px; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid rgb(214, 214, 214); }
#top-bar a { color: rgb(0, 0, 0); display: inline-block; margin: 0px 15px; }
#top-bar a.active { color: rgb(0, 80, 161); }
.content-block.hp { max-width: 1350px; margin: 0px auto; }
.body-hp #content-wrap { margin-top: 0px; }
.top-content-wrap { background: rgb(238, 238, 238) none repeat scroll 0% 0%; padding: 10px; }
.top-content-wrap::after { content: ""; display: block; clear: both; }
.content-block.hp::after { display: block; content: ""; clear: left; }
#hp-content-wrap { float: left; width: 100%; }
#hp-content { margin-right: 310px; }
#hp-sidebar { float: right; margin-left: -100%; padding: 10px 0px 0px; width: 300px; }
#wdd-newsletter-subscribe-form { margin: 25px 0px 0px; padding: 40px 20px; overflow: hidden; position: relative; text-align: center; }
.wdd-nl-sbsf-inputs { margin-top: 20px; }
.nl-archive { padding-bottom: 40px; }
.nl-archive > div { padding: 8px 0px; line-height: 1.25em; }
.nl-page-form-title { font-size: 36px; margin-bottom: 20px; color: rgb(255, 255, 255); }
.nl-page-form-title, #join-nl-text, .wdd-nl-sbsf-inputs { position: relative; z-index: 2; }
.nl-page-subscriber-cnt { color: rgb(255, 255, 255); }
#all-categories-list { margin: 0px; position: relative; }
#all-categories-list li { display: block; box-sizing: border-box; }
#all-categories-list.authors-list li { margin-bottom: 0px; transition: background 0.3s ease 0s; padding: 25px 20px 25px 0px; border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; text-align: left; }
li:hover .author-list-item { left: 20px; }
#all-categories-list li::after { clear: left; display: block; content: ""; }
.au-title, .ap-title, .cp-title { font-size: 26px; color: rgb(0, 0, 0); }
.au-title { font-size: 32px; }
.au-title:hover { text-decoration: underline; }
.aua-info { margin-left: 158px; }
.aua-bio { font-size: 15px; margin-top: 10px; line-height: 1.4em; }
.ap-title, .cp-title { position: relative; text-align: left; padding: 30px 20px; }
.ap-title, .cp-title, .author-list-item { position: relative; left: 0px; transition: all 0.25s ease-in-out 0s; }
#all-categories-list li:nth-child(2n+1) .ap-title, #all-categories-list li:nth-child(2n+1) .cp-title { background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.cp-title:hover, .ap-title:hover { padding-left: 40px; }
.cp-arrow { color: rgb(153, 153, 153); }
.cp-title:hover .icon-right-small, .ap-title:hover .icon-right-small { color: rgb(250, 178, 58); }
.cp-title::after { content: ""; display: block; clear: both; }
.cp-total { color: rgb(153, 153, 153); float: right; font-size: 18px; font-weight: normal; position: relative; top: 6px; }
.cp-title { display: block; }
.cp-t-a, .cp-title a { padding: 0px 4px; display: inline-block; position: relative; color: rgb(0, 0, 0); }
.cp-post { padding: 10px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.cp-post-all { margin-top: 20px; text-align: center; }
.form-label { font-weight: bold; }
.g-recaptcha { margin-bottom: 30px; }
.form-left, .form-right { width: 50%; box-sizing: border-box; }
.form-left { float: left; padding-right: 20px; }
.form-right { float: right; padding-left: 20px; }
.wpcf7-text, .wpcf7-select, .wpcf7-captchar, .wpcf7-textarea { font-size: 16px; background: rgb(223, 227, 229) none repeat scroll 0% 0%; border: medium none; }
.wpcf7-select, .wpcf7-text, .wpcf7-textarea { width: 100%; outline: medium none; box-sizing: border-box; padding: 0px 10px; height: 40px; }
.wpcf7-textarea { height: 288px; padding: 10px; }
.cp-avatar-link { text-align: left; display: block; }
.cp-avatar-circle { width: 140px; height: 140px; position: absolute; top: 50%; left: 50%; margin-left: -70px; margin-top: -70px; background-color: transparent; overflow: hidden; border-radius: 100%; transition: background-color 200ms ease 0s; animation: 2s linear 0s normal none infinite paused spin; }
.cp-avatar-circle::after { content: ""; display: block; width: 128px; height: 128px; top: 50%; left: 50%; margin-top: -64px; margin-left: -64px; background-color: transparent; position: absolute; z-index: 10; border-radius: 50%; box-shadow: 24px 60px 60px 4.8px rgba(0, 235, 255, 0.25), 0px -24px 60px 4.8px rgba(0, 50, 255, 0.85), 24px 0px 60px 4.8px rgba(128, 128, 255, 0.15), -24px 60px 60px 4.8px rgba(0, 255, 255, 0.75), 0.54px -0.54px 0px 18px rgba(128, 128, 255, 0.25), 0.54px 0.36px 0px 18px rgba(0, 0, 255, 0.25), -0.18px 0.54px 0px 18px rgba(26, 255, 255, 0.5); }
.cp-avatar-wrap:hover .cp-avatar-circle { animation-play-state: running; }
@keyframes spin {
100% { transform: rotate(360deg); }
}
.cp-avatar-wrap, .cp-avatar-link img { display: block; border-radius: 50%; max-width: 128px; margin: 0px auto; position: relative; }
.cp-avatar-wrap img { border-radius: 50%; }
.cp-avatar-wrap:hover img {  }
.cp-avatar-wrap:hover::after { opacity: 0; }
.author-list-item > .cp-avatar-wrap { float: left; }
.cp-avatar-wrap::after, .cp-avatar-link img { transition: all 0.25s linear 0s; }
.cp-avatar-wrap::after { content: ""; background: rgb(12, 127, 215) none repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.3; border-radius: 50%; }
.cp-avatar-link img { filter: grayscale(100%); }
.cp-avatar-link:hover .cp-avatar-wrap::after { opacity: 0; }
.cp-avatar-link:hover img { filter: grayscale(0%); }
.ap-title { max-height: 30px; overflow: hidden; display: block; }
.clr { clear: both; }
.abw-page, .abw-page.white { padding-top: 0px; }
.abw-page .entry-content-wrap { padding-left: 0px; padding-right: 0px; }
.article-block::after, .article-entry::after, .article-entry-wrap::after { content: ""; clear: both; display: block; }
.search-row { padding: 20px 0px; border-bottom: 1px solid rgb(221, 221, 221); margin: 0px; }
.search-row::after { content: ""; clear: both; display: block; }
.search-row .titlelink { color: rgb(34, 34, 34); font-size: 24px; }
.search-info { margin-left: 115px; }
.search-thumb { float: left; margin: 0px 10px 0px 0px; width: 100px; height: auto; }
.search-thumb-lnk { width: 100px; height: 80px; display: block; float: left; margin: 0px 10px 0px 0px; background-size: cover; }
.search-excerpt { color: rgb(69, 69, 69); font-size: 0.94em; line-height: 1.5em; }
.searchterm1 { font-weight: bold; }
.search-row .linktext { font-size: 14px; }
.hp-set { margin: 0px -10px; }
.hp-set-2, .hp-set-1 { position: relative; padding-bottom: 74%; }
.hp-set-3 { position: relative; padding-bottom: 60%; }
.hp-set-4 { position: relative; padding-bottom: 40%; }
.hp-set-2 .article-hp-wdd:nth-child(1), .hp-set-1 .article-hp-wdd:nth-child(1) { position: absolute; left: 0px; top: 0px; width: 60%; height: 64%; }
.hp-set-2 .article-hp-wdd:nth-child(2), .hp-set-1 .article-hp-wdd:nth-child(2) { position: absolute; right: 0px; top: 0px; width: 40%; height: 32%; }
.hp-set-1 .article-hp-wdd:nth-child(3) { position: absolute; right: 0px; top: 32%; width: 40%; height: 32%; }
.hp-set-2 .article-hp-wdd:nth-child(3), .hp-set-1 .article-hp-wdd:nth-child(4) { position: absolute; left: 0px; bottom: 0px; width: 33.33%; height: 36%; }
.hp-set-2 .article-hp-wdd:nth-child(4), .hp-set-1 .article-hp-wdd:nth-child(5) { position: absolute; left: 33.33%; bottom: 0px; width: 33.33%; height: 36%; }
.hp-set-2 .article-hp-wdd:nth-child(5), .hp-set-1 .article-hp-wdd:nth-child(6) { position: absolute; right: 0px; bottom: 0px; width: 33.33%; height: 36%; }
.hp-set-1 .article-hp-wdd:nth-child(1) .hp-article-title, .hp-set-3 .article-hp-wdd:nth-child(3) .hp-article-title { font-size: 60px; }
.article-hp-wdd { box-sizing: border-box; border: 10px solid rgba(255, 255, 255, 0); }
.article-hp-content, .ahc-img { position: absolute; width: 100%; height: 100%; }
.hp-wdd-img-lnk { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index: 2; }
.hp-wdd-img { display: none; object-fit: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.ahc-img { background-position: center center; background-size: cover; }
.article-hp-wdd .ahc-img { background-repeat: no-repeat; background-position: center 0px; background-size: auto 120%; }
.hp-inline-shr { font-size: 16px; display: inline-block; margin-left: -6px; }
.hp-post-pub-info .icon-clock-1 { margin-left: -2px; }
.article-hp-cl-content .hp-p-share-icon { right: auto; position: relative; display: inline-block; vertical-align: top; bottom: 0px; }
.article-hp-cl-content .hpsi-rows { left: -100px; right: auto; text-align: left; }
.article-hp-cl-content .hp-p-share-icon:hover .hpsi-rows { left: 0px; }
.article-hp-cl-content .hp-p-share-icon .icon-share-1 { position: relative; left: 0px; }
.article-hp-cl-content .hp-p-share-icon:hover .icon-share-1 { left: -100px; }
.hp-p-share-icon-wrap { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 80px; padding-left: 10px; left: -10px; }
#fixed-controls { position: fixed; z-index: 3; top: 50%; margin-top: -100px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); width: 50px; font-size: 20px; right: 0px; }
.fxc-row { display: block; text-align: center; padding: 20px 0px; border-bottom: 1px solid rgb(236, 236, 236); color: rgb(68, 68, 68); }
#fixed-controls .fxc-row::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(39, 40, 40) none repeat scroll 0% 0%; margin: 0px; padding: 0px; border: medium none; transform: scale(0.1); }
#fixed-controls .fxc-row > span { z-index: 3; position: relative; font-weight: normal; }
#fixed-controls .fxc-row:hover > span { color: rgb(255, 255, 255); }
#fixed-controls .fxc-row::after, #fixed-controls .fxc-row > span { transition: all 0.15s linear 0s; }
#fixed-controls .fxc-row:hover::after { transform: scale(1); }
.fxc-row:last-child { border-bottom: 0px none; }
#switch-to-serif-btn { font-weight: normal; }
#footer-blocks { padding-top: 10px; }
#footer-blocks::after { display: block; content: ""; clear: both; }
.footer-block { float: left; width: 18%; font-size: 13px; }
.footer-block:nth-child(3) { width: 46%; }
.footer-block-title { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; color: rgb(250, 178, 58); font-weight: bold; }
.footer-block, .footer-block a { color: rgb(255, 255, 255); text-decoration: none; }
.footer-block a { text-transform: uppercase; color: rgb(184, 192, 198); }
.footer-block a:hover { color: rgb(255, 255, 255); }
.footer-block-content > div { line-height: 2em; }
#fbc-icons a { display: inline-block; margin-right: 10px; }
#fbc-apps { -moz-column-count: 4; }
.footer-copy { color: rgb(194, 194, 194); font-size: 12px; padding-bottom: 15px; }
#footer-before { height: 11px; position: absolute; top: -11px; left: 0px; width: 100%; background: transparent url(c33e49e90b0377604d86e41e2af258d57a098e0e.png)  repeat-x scroll 0% 0% / 300px 100%; }
#footer { background: rgb(28, 34, 39) none repeat scroll 0% 0%; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 50px 10px 0px; box-sizing: border-box; z-index: 2; }
#main-header .content-block { padding: 0px 20px; height: 60px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-sizing: border-box; max-width: none; }
#wdd-newsletter-subscribe-form, #main-header .content-block { background: rgb(28, 34, 39) none repeat scroll 0% 0%; }
#main-header.fixed .content-block { position: fixed; width: 100%; top: 0px; }
#m-side-menu { position: fixed; width: 100%; height: calc(100% - 62px); background: rgba(0, 0, 0, 0.95) none repeat scroll 0% 0%; left: 0px; top: 62px; overflow-x: auto; z-index: 40; overflow-y: scroll; transition: left 0.2s linear 0s; display: none; }
.msml-b-title { color: rgb(174, 175, 175); font-size: 18px; text-align: center; margin-top: 10px; }
.msml-blog-categories { -moz-column-count: 2; padding: 0px 10px; }
.msml-blog-categories > div { display: inline-block; width: 100%; }
.msml-blog-categories a { display: block; padding: 12px 10px; font-size: 13px; font-weight: bold; color: rgb(221, 221, 221); text-decoration: none; text-transform: uppercase; border-bottom: 1px solid rgb(102, 102, 102); }
.msml-blog-categories a:hover { color: rgb(250, 178, 58); }
#m-search-box { margin: 40px 0px 20px; padding: 0px 10px; position: relative; }
#m-search-btn-link { color: rgb(221, 221, 221); font-size: 28px; position: absolute; right: 5px; top: 5px; }
#m-fastsearch-wrap { padding-right: 40px; position: relative; }
#m-fastsearch-options { position: absolute; color: rgb(51, 51, 51); right: 45px; font-size: 16px; top: 12px; padding-left: 5px; border-left: 1px solid rgb(233, 237, 239); }
#m-fastsearch-options-select { opacity: 0; width: 100%; height: 100%; position: absolute; font-size: 16px; left: 0px; top: 0px; }
#m-fastsearch { width: 100%; height: 40px; border: medium none; font-size: 16px; box-sizing: border-box; padding: 0px 0px 0px 5px; }
#m-side-menu-close { position: fixed; top: 75px; right: 5px; font-size: 30px; color: rgb(174, 175, 175); text-decoration: none; z-index: 5; }
.hamburger-to-close { width: 26px; height: 33px; cursor: pointer; }
.hamburger-to-close::before, .hamburger-to-close::after { content: ""; }
.hamburger-to-close .hamburger-middle, .hamburger-to-close::before, .hamburger-to-close::after { position: absolute; width: 25px; height: 2px; background-color: rgb(255, 255, 255); border-radius: 10px; }
.hamburger-to-close .hamburger-middle { top: 50%; margin-top: -2px; transition: transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.hamburger-to-close::before { top: 7px; transition: top 200ms ease 200ms, transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.hamburger-to-close::after { bottom: 8px; transition: bottom 200ms ease 200ms, transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.opened-mode.hamburger-to-close .hamburger-middle { transform: rotate(-45deg); transition: transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.opened-mode.hamburger-to-close::before { top: 15px; transform: rotate(-45deg); transition: top 200ms ease 0s, transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.opened-mode.hamburger-to-close::after { bottom: 16px; transform: rotate(45deg); transition: bottom 200ms ease 0s, transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.grd-to-close { width: 20px; height: 20px; cursor: pointer; position: relative; display: inline-block; }
.grd-line::before, .grd-line::after { content: ""; }
.grd-line { position: absolute; left: 0px; width: 100%; height: 4px; }
.grd-middle, .grd-line::before, .grd-line::after { position: absolute; width: 4px; height: 4px; background-color: rgb(255, 255, 255); top: 0px; transition: all 200ms ease 0s; }
.grd-middle { left: 50%; margin-left: -2px; }
.grd-line::before { left: 0px; }
.grd-line::after { right: 0px; }
.grd-to-close .grd-line-middle { top: 50%; margin-top: -2px; transition: transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.grd-line-top { top: 0px; transition: top 200ms ease 200ms, transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.grd-line-bottom { bottom: 0px; transition: bottom 200ms ease 200ms, transform 200ms ease 0s, -webkit-transform 200ms ease 0s; }
.opened-mode.grd-to-close .grd-line-middle { transform: rotate(-45deg); transition: transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.opened-mode.grd-to-close .grd-line-top { top: 50%; margin-top: -2px; transform: rotate(-45deg); transition: top 200ms ease 0s, transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.opened-mode.grd-to-close .grd-line-bottom { bottom: 50%; margin-bottom: -2px; margin-left: -1px; transform: rotate(45deg); transition: bottom 200ms ease 0s, transform 200ms ease 200ms, -webkit-transform 200ms ease 200ms; }
.opened-mode .grd-line::before, .opened-mode .grd-line::after, .opened-mode .grd-middle { height: 2px; }
.opened-mode .grd-middle { width: 100%; left: 0px; margin-left: 0px; }
#msml-apps a { display: block; width: 25%; text-align: center; padding: 10px 0px; box-sizing: border-box; float: left; color: rgb(174, 175, 175); }
#msml-apps .msmi-label { display: block; margin-top: 5px; font-weight: bold; font-size: 15px; color: rgb(221, 221, 221); }
#msml-apps a:nth-child(4n+1) { clear: left; }
.msml-part { display: none; }
.msml-part.active { display: block; }
#mms-wrap { display: none; }
.mms-icon { font-size: 28px; vertical-align: middle; display: inline-block; right: 0px; top: 0px; color: rgb(187, 187, 187); }
#mms-icon-blog { font-size: 32px; float: right; }
#mms-icon-apps { font-size: 20px; top: 6px; float: left; }
#main-menu-select { left: 0px; top: 0px; display: inline-block; position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 22; text-transform: uppercase; font-size: 16px; }
.long-art { height: 15px; position: absolute; top: 0px; left: 0px; width: 100%; background: transparent url(c33e49e90b0377604d86e41e2af258d57a098e0e.png)  repeat-x scroll 0% 0% / 300px 100%; }
.body-menu-left #main-header {  }
.body-menu-left a.hm-lnk label, .body-menu-right a.hm-lnk label, .body-menu-left span.hm-lnk label, .body-menu-right span.hm-lnk label { display: block; text-align: center; margin-top: 5px; }
.body-menu-left .search-ico, .body-menu-right .search-ico { margin-top: 180px; right: auto; left: 0px; width: 100%; text-align: center; top: 50%; }
.body-menu-bottom #main-header .content-block { position: fixed; bottom: 0px; width: 100%; left: 0px; }
.body-menu-right #main-header .content-block, .body-menu-left #main-header .content-block { position: fixed; left: 0px; top: 0px; width: 100px; height: 100%; margin: 0px; text-align: center; }
.body-menu-right #main-header .content-block { left: auto; right: 0px; }
.body-menu-right #search-form, .body-menu-left #search-form { top: auto; bottom: 20px; margin-top: 0px; right: 30px; }
.body-menu-right .setting-icon, .body-menu-left .setting-icon { top: auto; bottom: 50px; margin-top: 0px; right: 30px; }
.body-menu-right #header-menu-links a.hm-lnk, .body-menu-left #header-menu-links a.hm-lnk, .body-menu-right #header-menu-links span.hm-lnk, .body-menu-left #header-menu-links span.hm-lnk { margin: 15px 0px; padding: 0px; display: block; }
.body-menu-left #header-menu-links label { display: block; }
.body-menu-right #header-menu-links, .body-menu-left #header-menu-links { position: absolute; top: 50%; width: 100%; left: 0px; transform: translate3d(0px, -50%, 0px); }
#main-header.fixed { padding-bottom: 60px; }
#main-header-before { position: absolute; height: 20px; top: 0px; left: 0px; width: 100%; background: transparent url(c33e49e90b0377604d86e41e2af258d57a098e0e.png)  repeat-x scroll 0% 0% / 800px 100%; }
#main-header { z-index: 20; padding-top: 20px; box-sizing: border-box; text-align: center; position: relative; width: 100%; left: 0px; top: 0px; }
#main-sub-header { padding: 25px 0px 15px; text-align: center; }
.categories-tab-wrap { display: inline-block; position: relative; }
.categories-drop-down { display: none; background: rgb(250, 250, 250) none repeat scroll 0% 0%; box-sizing: border-box; width: 350px; position: absolute; top: 60px; left: 33px; z-index: 33; -moz-column-count: 2; text-align: left; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }
.categories-drop-down a { white-space: nowrap; display: inline-block; font-size: 14px; color: rgb(51, 51, 51); padding: 5px 20px; text-transform: capitalize; text-decoration: none; box-sizing: border-box; width: 100%; transition: all 0.25s ease-in-out 0s; }
.categories-drop-down a:hover { color: rgb(51, 51, 51); padding-left: 30px; background-color: rgb(238, 238, 238); }
.categories-tab-wrap:hover .categories-drop-down { display: block; }
#main-sub-header .tab-lnk { display: inline-block; font-size: 13px; color: rgb(83, 97, 108); padding: 7px 10px; margin: 0px 10px; text-decoration: none; border-radius: 5px; font-weight: 600; }
#main-sub-header > a.active { background: rgb(12, 127, 215) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
#sub-header-apps { background: rgb(245, 245, 245) none repeat scroll 0% 0%; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); padding: 10px; text-align: center; overflow: hidden; height: 60px; transition: all 0.25s ease-in-out 0s; }
#sub-header-apps.closed { height: 0px; padding: 0px; }
#header-social-icons { float: right; margin-top: 7px; margin-right: 55px; padding: 5px 15px; }
.header-social-lnk { box-shadow: 0px 0px 0px 2px rgb(204, 204, 204); border-radius: 50%; width: 20px; height: 20px; text-align: center; margin-left: 5px; margin-right: 5px; vertical-align: middle; display: inline-block; color: rgb(24, 24, 24); font-size: 14px; top: 0px; left: 0px; position: relative; }
.header-social-lnk::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; transition: transform 0.5s ease 0s; }
.header-social-icon { vertical-align: middle; display: inline-block; color: rgb(24, 24, 24); font-size: 14px; top: 3px; left: 0px; position: relative; z-index: 1; }
#social-icons-404 .header-social-lnk:hover .header-social-icon, #header-social-icons .header-social-lnk:hover .header-social-icon, .fsl-item:hover .header-social-lnk .header-social-icon { color: rgb(204, 204, 204); }
#social-icons-404 .header-social-lnk:hover::after, #header-social-icons .header-social-lnk:hover::after, .fsl-item:hover .header-social-lnk::after { transform: scale(0); }
#header-social-icons, #header-socials, #search-form {  }
#search-wrap { width: 430px; height: 65px; overflow: hidden; transition: opacity 0.3s linear 0s; opacity: 0; pointer-events: none; z-index: 2; position: absolute; right: 0px; }
#search-field { background: transparent none repeat scroll 0% 0%; height: 65px; color: rgb(255, 255, 255); font-size: 16px; border: medium none; outline: medium none; padding: 0px 15px; width: 100%; box-sizing: border-box; }
#open-search-btn { color: rgb(204, 204, 204); text-decoration: none; position: absolute; top: 10px; font-size: 26px; right: 10px; transition: transform 0.3s linear 0s; z-index: 2; }
#wdd-articles { margin: -10px 0px 0px; }
#wdd-articles::after { content: ""; display: block; clear: both; }
#search-form.active #search-wrap { width: 430px; opacity: 1; pointer-events: inherit; }
.active #open-search-btn { transform: rotate(90deg); }
#open-search-btn:hover { color: rgb(255, 255, 255); }
.apps-link-wrap { display: inline-block; position: relative; }
span.hm-lnk .livicon, a.hm-lnk .livicon { display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top: -1px; }
span.hm-lnk label, a.hm-lnk label, a.hml-lnk .hm-lb { cursor: pointer; }
span.hm-lnk, a.hm-lnk { display: inline-block; margin: 0px 25px; text-decoration: none; color: rgb(255, 255, 255); position: relative; padding: 20px 0px; font-weight: 600; text-transform: uppercase; font-size: 20px; height: 60px; box-sizing: border-box; }
.atb-text .category, .article-wdd .category, .hp-cat a, .hp-cat > span, a.hm-lnk, span.hm-lnk { font-family: "Benton Sans"; font-weight: 700; }
a.hm-lnk, span.hm-lnk { font-size: 14px; }
span.hm-lnk:hover, a.hm-lnk:hover { color: rgb(221, 221, 221); }
#logo { padding: 0px; position: absolute; left: 10px; top: 0px; display: inline-block; width: 50px; height: 50px; text-align: center; vertical-align: middle; float: left; }
#logo-svg-wrap { position: relative; top: 13px; }
.lth-articles { text-transform: uppercase; position: relative; font-size: 24px; padding: 0px 10px; width: 240px; }
.lth-articles > span { position: relative; z-index: 2; }
.lth-articles::after { content: ""; height: 10px; left: 0px; top: 50%; margin-top: -7px; width: 100%; position: absolute; background: rgb(247, 217, 99) none repeat scroll 0% 0%; }
.breadcrumb { display: inline-block; color: rgb(51, 51, 51); font-size: 16px; text-decoration: none; }
#content-wrap { padding-bottom: 295px; overflow: hidden; }
#content > .content-block { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 20px 30px 40px; }
#content > .content-block::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: -300px; height: 300px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#content-wrap.cw-single { overflow: hidden; padding-bottom: 300px; }
.body-play #play-iframe { position: relative; }
#content-wrap::after { display: block; clear: both; content: ""; }
#content { position: relative; }
#play-iframe { width: 100%; height: 100%; left: 0px; top: 20px; position: absolute; }
#sb-settings-btn { font-size: 24px; text-decoration: none; color: rgb(129, 129, 129); position: fixed; right: 10px; bottom: 10px; }
#sidebar-extra { position: fixed; left: 0px; top: 0px; width: 56px; height: 100%; z-index: 3; background: rgb(43, 36, 35) none repeat scroll 0% 0%; text-align: center; box-sizing: border-box; }
.se-icon { display: block; margin-bottom: 10px; text-decoration: none; color: rgb(63, 60, 53); font-size: 24px; position: relative; }
.sei-icon { font-size: 24px; position: absolute; left: 0px; top: 0px; color: rgb(250, 178, 58); transform: scale(0); transition: all 0.25s ease-in-out 0s; }
#footer-shares { margin-top: 20px; padding-bottom: 20px; }
#footer-shares .se-icon { color: rgb(194, 194, 194); display: inline-block; vertical-align: middle; margin-bottom: 0px; }
#footer-shares .fts-label:hover .fts-count { color: rgb(250, 178, 58); }
#footer-shares .fts-label:hover .sei-icon { transform: scale(1); }
.fts-count { font-size: 12px; color: rgb(194, 194, 194); display: inline-block; vertical-align: middle; }
.fts-label { display: inline-block; margin: 0px 10px; }
#apps-list { position: absolute; left: 50%; margin-left: -140px; top: -9955px; width: 284px; padding: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); background: rgba(232, 232, 232, 0.9) none repeat scroll 0% 0%; }
.categories-drop-down, #apps-list { background: rgba(40, 40, 40, 0.95) none repeat scroll 0% 0%; border-radius: 0px 0px 5px 5px; }
.categories-drop-down a:hover, #apps-list a.app-lnk::after { background: rgb(68, 68, 68) none repeat scroll 0% 0%; }
.categories-drop-down a:hover { color: rgb(250, 178, 58); }
.categories-drop-down a, #apps-list a.app-lnk { color: rgb(255, 255, 255); }
#apps-list::before { height: 5px; top: -5px; position: absolute; left: 0px; width: 100%; content: ""; background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%; opacity: 0; }
.apps-link-wrap:hover #apps-list { top: 60px; display: block; }
.body-menu-left .apps-link-wrap:hover #apps-list { top: -120px; margin: 0px; left: 70px; }
.body-menu-right .apps-link-wrap:hover #apps-list { top: -120px; margin: 0px; right: 70px; left: auto; }
.body-menu-bottom .apps-link-wrap:hover #apps-list { bottom: 60px; top: auto; }
#list-page-content::after { content: ""; display: block; clear: both; }
#list-page-content .ads-728x90 { margin-top: 30px; }
.pop-ads-728x90 { clear: left; width: 728px; margin: 20px auto 0px; }
.body-play #list-page-content .ads-728x90 { margin-top: 50px; }
#sidebar { float: right; width: 300px; margin-left: -100%; }
.ads-728x90 > div { margin: 0px auto; width: 728px; }
.ads-970x90 > div { margin: 0px auto; width: 970px; }
.ads-970x90 { margin-top: 10px; }
.bottom-ads-970x90 { margin: 0px auto 30px; width: 970px; }
.blog-body .bottom-ads-970x90, .ads-970x90.hp-ads { margin: 0px auto; padding-top: 20px; text-align: center; clear: both; }
.single .bottom-ads-970x90 { margin-bottom: 30px; padding-top: 0px; }
.cw-single .ads-970x90 { margin-top: 80px; padding: 40px 0px; }
.comics-inner-img-wrap { position: relative; }
.comics-inner-img { max-width: 728px; }
.fancybox-inner .entry-content { position: relative; }
.fancybox-inner .comics-content {  }
#jobs-main-wrap::after { clear: both; content: ""; display: block; }
#jobs-page-wrap { float: left; width: 100%; }
#jobs-page-content { margin-right: 320px; }
#jobs-sidebar { float: right; margin-left: -100%; width: 250px; margin-top: 10px; }
.job-rows { float: left; padding-right: 270px; width: 100%; box-sizing: border-box; }
.jobs-sb-block { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgb(221, 221, 221); }
.jobs-sb-block-title { font-weight: bold; margin-bottom: 5px; }
.jobs-sb-block-text { font-size: 13px; line-height: 1.5em; }
.user-lnk { position: absolute; right: 50px; top: 19px; }
.setting-icon { position: absolute; right: 50px; top: 19px; color: rgb(250, 178, 58); font-size: 24px; }
.setting-icon select { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
#search-field { color: rgb(255, 255, 255); background: transparent none repeat scroll 0% 0%; border-radius: 2px; width: 0px; outline: medium none; box-sizing: border-box; height: 60px; }
.search-active #search-field { width: 100%; background: rgb(66, 66, 66) none repeat scroll 0% 0%; position: relative; z-index: 2; }
.search-category-label { font-size: 13px; }
.search-category-label::before { content: "|"; position: relative; left: -10px; top: -1px; color: rgb(153, 153, 153); }
.search-active #header-menu-links { display: none; }
.search-options { position: absolute; width: 400px; top: 40px; background: rgba(40, 40, 40, 0.95) none repeat scroll 0% 0%; font-size: 14px; font-weight: bold; display: none; max-height: 200px; overflow-y: scroll; }
.search-drop-menu:hover .search-options { display: block; }
.search-options a { display: block; padding: 5px 20px; color: rgb(255, 255, 255); text-decoration: none; text-align: left; transition: all 0.25s ease-in-out 0s; }
.search-options a.active, .search-options a:hover { background: rgb(68, 68, 68) none repeat scroll 0% 0%; }
.search-options a:hover { color: rgb(250, 178, 58); padding-left: 30px; }
.search-drop-menu { color: rgb(255, 255, 255); position: absolute; right: 0px; top: 13px; font-size: 14px; padding-right: 10px; cursor: pointer; height: 37px; }
.search-drop-menu select { position: absolute; opacity: 0; left: 0px; top: 0px; width: 100%; height: 100%; }
#search-field::-moz-placeholder { color: rgb(255, 255, 255); }
#search-field:-moz-placeholder { color: rgb(255, 255, 255); }
#open-menu-btn { position: absolute; top: 15px; right: 0px; font-size: 20px; color: rgb(255, 255, 255); text-decoration: none; }
#search-form { position: absolute; top: 10px; left: 50%; width: 400px; margin-left: -200px; display: none; }
.search-active #search-form { display: block; }
.search-ico { position: absolute; background: rgb(250, 178, 58) none repeat scroll 0% 0%; color: rgb(28, 34, 39); font-size: 34px; cursor: pointer; box-sizing: border-box; height: 60px; padding-top: 13px; top: 0px; right: 0px; width: 60px; transition: all 0.25s ease-in-out 0s; }
span.search-ico::before { cursor: pointer; }
.search-ico:hover { color: rgb(250, 178, 58); background: rgb(28, 34, 39) none repeat scroll 0% 0%; }
#search-form .icon-search { position: absolute; left: 4px; top: 5px; }
#search-form { top: 0px; height: 100%; background: rgb(46, 51, 54) none repeat scroll 0% 0%; display: block; right: 60px; width: 0px; overflow: hidden; margin: 0px; left: auto; }
.search-drop-menu, #search-form { transition: all 0.25s ease-in-out 0s; }
.search-drop-menu { top: 23px; opacity: 0; }
.search-active .search-drop-menu { opacity: 1; z-index: 4; }
.search-active #header-menu-links { display: block; }
.search-active #search-form { width: 400px; overflow: visible; }
.search-options { top: 37px; right: 0px; }
#icons-modes { display: inline-block; }
#icons-modes a { color: rgb(255, 255, 255); font-size: 13px; text-decoration: none; margin-left: 5px; display: inline-block; }
.app-lnk { display: block; float: left; text-align: center; text-decoration: none; font-size: 12px; padding: 10px 0px; border-radius: 5px; }
#hp-apps-list { margin: 0px -9px; }
#hp-apps-list .app-lnk { padding: 9px; position: relative; font-size: 13px; width: 25%; box-sizing: border-box; }
#hp-apps-list .app-lnk:hover { z-index: 3; }
#hp-apps-list .app-lnk::before { background-size: 108px auto; width: 60px; height: 60px; }
#sidebar-apps { clear: left; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 20px; border-radius: 5px; }
#sidebar-apps::after { content: ""; clear: both; display: block; }
#sidebar-apps .app-lnk {  }
#bsap_660 { margin-bottom: 10px; }
#bsap_660 > a { display: block; margin-top: 10px; }
#bsap_2050 a:nth-child(2) { margin-right: 44px; }
.list-mode .app-lnk { display: block; margin-right: 0px; font-size: 14px; text-align: center; }
.app-lnk:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#footer .app-lnk { color: rgb(51, 51, 51); display: block; float: none; text-align: left; padding: 5px 0px; }
#footer .app-lnk:hover { background: transparent none repeat scroll 0% 0%; }
#footer-apps { text-align: center; -moz-column-count: 6; }
.app-lnk > span { display: block; margin-top: 5px; }
#hp-apps-list .app-lnk > span { color: rgb(0, 0, 0); font-weight: bold; }
#hp-apps-list .app-lnk > span, #hp-apps-list .app-lnk::before { position: relative; z-index: 2; }
#fbc-icons .app-lnk { float: left; margin-left: 5px; }
#fbc-icons .app-lnk::before { background-size: 58px auto; width: 32px; height: 32px; }
.list-mode .app-lnk > span { display: inline-block; margin-left: 10px; }
h2.app-title { font-size: 24px; margin-bottom: 10px; }
.app-title .app-icon {  }
.app-page-title-wrap .app-icon.icon-th-1 { color: rgb(250, 178, 58); font-size: 61px; top: 3px; }
.apdt-text { padding-right: 460px; }
.app-page-description { line-height: 1.25em; }
.app-page-title-wrap .app-icon { float: left; position: relative; top: 0px; }
.mapp-icon { display: none; }
.app-page-title-wrap .app-icon::before { width: 70px; height: 70px; background-size: 120px auto; margin: 0px; }
.app-page-title-wrap::after { content: ""; display: block; clear: both; }
.apdt-text { margin-left: 85px; position: relative; top: 5px; }
.app-icon::before, .app-lnk::before { content: ""; background-size: 86px auto; width: 52px; height: 52px; display: inline-block; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
.app-title .app-icon::before { background-size: 58px auto; width: 32px; height: 32px; }
#m-side-menu .app-icon::before { background-size: 120px auto; width: 80px; height: 80px; }
.app-rect .app-icon { display: block; text-align: center; position: absolute; left: 0px; top: 50%; width: 100%; margin-top: -50px; }
.app-rect .app-icon::before { background-size: 180px auto; width: 100px; height: 100px; }
.fwbi-icon.app-lnk::before { background-size: 140px auto; width: 68px; height: 68px; }
.ft-new .app-title .app-icon::before { background-size: 86px auto; width: 48px; height: 48px; }
.fwbi-icon.app-icon::before { background-size: 86px auto; width: 48px; height: 48px; }
.ft-new .app-title { text-align: center; margin-top: 10px; padding: 20px; border-radius: 5px; }
.ft-new .app-title:hover { background: rgb(240, 240, 240) none repeat scroll 0% 0%; }
.app-all-links { position: absolute; bottom: 13px; left: 16px; font-size: 14px; color: rgb(153, 153, 153); text-align: left; background: rgb(231, 242, 248) none repeat scroll 0% 0%; display: inline-block; padding: 5px 30px 5px 5px; }
.app-all-links a { text-decoration: none; display: inline-block; margin-right: 10px; }
.aua-bio a:hover, .app-all-links a:hover > label { text-decoration: underline; }
.codepen-rects, .comics-rects, .books-rects, .grid-rects, .kick-rects, .code-rects, .deal-rects, .vector-rects, .photo-rects, .behance-rects, .dribbble-rects, .apps-rects, .interview-rects, .quotes-part, .github-rects { display: flex; flex-flow: row wrap; }
.pen-rect, .quote-rect, .quote-rect > div, .git-rect, .pen-rect, .grid-rect, .kick-rect, .code-rect, .md-rect, .book-rect, .vector-rect, .photo-rect, .behance-rect, .dribbble-rect, .app-rect, .interview-rect { display: flex; flex-direction: column; }
.quote-rect > div, .comics-rect > div, .git-rect > div, .pen-rect > div, .grid-rect > div, .kick-rect > div, .code-rect > div, .md-rect > div, .book-rect > div, .vector-rect > div, .photo-rect > div, .dribbble > div, .behance-rect > div, .dribbble-rect > div, .app-rect > div, .interview-rect > div { flex: 1 1 0%; border: 1px solid rgb(225, 225, 229); border-radius: 5px; }
.code-rect a { display: block; }
.article-rect.code-rect img { display: block; width: 100%; }
.ft-ads-wrap { background: rgb(238, 240, 241) none repeat scroll 0% 0%; position: absolute; right: 20px; top: 20px; bottom: 20px; left: 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.ft-large { display: inline-block; width: 300px; margin-right: 10px; }
.ft-small { display: inline-block; width: 125px; margin-left: 10px; }
.ft-small img { width: 125px; float: left; }
.sb-small-ads { clear: left; margin-top: 10px; }
.sb-small-ads::after { clear: both; display: block; content: ""; }
.sb-small-ads img { float: left; }
.sb-small-ads img:first-child { margin-right: 30px; }
#apps-list .app-lnk { margin: 0px; float: left; width: 25%; position: relative; box-sizing: border-box; color: rgb(34, 34, 34); }
#apps-list .app-lnk:hover { background: transparent none repeat scroll 0% 0%; }
#hp-apps-list .app-lnk::after, #apps-list .app-lnk::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 5px; transition: all 0.15s linear 0s; transform: scale(0.1); }
#hp-apps-list .app-lnk::after { background: rgb(238, 238, 238) none repeat scroll 0% 0%; }
#hp-apps-list .app-lnk:hover::after, #apps-list .app-lnk:hover::after { transform: scale(1); }
#apps-list .app-lnk span, #apps-list .app-lnk::before { position: relative; z-index: 2; }
#footer-apps .app-lnk::before { display: inline-block; background-size: 44px auto; margin-right: 5px; width: 24px; height: 24px; }
#footer-apps .app-lnk > span { display: inline-block; }
.article-grid-icon, .article-icon::before, .articles-icon::before, #app-article-lnk::before { background-image: url(9e719e798cd0383d7146a093dc8f1693f0bbfb11.svg) ; }
.books-grid-icon, .books-icon::before, #app-books-lnk::before { background-image: url(044f36b555d1a571f934d4b341bd517c5fd17cbe.svg) ; }
.drible-icon::before, .drible-grid-icon, .dribbble-icon::before, .dribbble-grid-icon, #app-drible-lnk::before { background-image: url(25b667260a5a2a62cd1eca8379d675682822dfba.svg) ; }
.code-icon::before, .code-grid-icon, #app-code-lnk::before { background-image: url(1cd632e9bab05a4eaa326c0fa32f09fa25eb3901.svg) ; }
.behance-icon::before, .behance-grid-icon, #app-behance-lnk::before { background-image: url(f0d470366442f4b17dd500111f9acb4934f9572c.svg) ; }
.codepen-icon::before, .codepen-grid-icon, #app-codepen-lnk::before { background-image: url(f49ff3431727724a15f6a79962ecd3ac0bd4697e.svg) ; }
.news-icon::before, .news-grid-icon, #app-news-lnk::before { background-image: url(e0229aae2f1414048db29f7d0c63fb147407e07b.svg) ; }
.comics-icon::before, .comics-grid-icon, #app-comics-lnk::before { background-image: url(6cb314ed6ccefd682514b13af328b022fe8f3d90.svg) ; }
.play-icon::before, .play-grid-icon, #app-play-lnk::before { background-image: url(719d42f38d0ee2fdabe1a00e531f62af42a58d6c.svg) ; }
.mightydeals-icon::before, .deals-icon::before, .mightydeals-grid-icon, .deals-grid-icon::before, #app-mightydeals-lnk::before { background-image: url(4804055399eb007eb6ced57d2ad60df9d5782756.svg) ; }
.videos-icon::before, .videos-grid-icon, #app-videos-lnk::before { background-image: url(29ff1786b6df9401856b289bfe95ea7314aa5308.svg) ; }
.code-icon::before, .code-grid-icon, #app-code-lnk::before { background-image: url(1cd632e9bab05a4eaa326c0fa32f09fa25eb3901.svg) ; }
.quotes-icon::before, .quotes-grid-icon, #app-quotes-lnk::before, .quote-icon::before, #app-quote-lnk::before { background-image: url(9a921f746a42670486984b674a95f093cbbb4217.svg) ; }
.github-icon::before, .github-grid-icon, #app-github-lnk::before { background-image: url(992026c452deaa0e83235f0e43df1e6e87cba723.svg) ; }
.podcasts-icon::before, .podcasts-grid-icon, #app-podcasts-lnk::before { background-image: url(16306033e33d334ee378f58d5ad61fe13f89327d.svg) ; }
.kiskstarter-icon::before, .kickstarter-icon::before, .kickstarter-grid-icon, #app-kickstarter-lnk::before { background-image: url(4e917d03dfebbb651b93fba1196206f034f1973a.svg) ; }
.vectors-icon::before, .vectors-grid-icon, #app-vectors-lnk::before { background-image: url(6f591542fb56702d6df6c8f4358b71c8708e0b89.svg) ; }
.photos-icon::before, .photos-grid-icon, #app-photos-lnk::before { background-image: url(003c43bb20cf69213c01ec0504edfd4f74ad78f7.svg) ; }
.fonts-icon::before, .fonts-grid-icon, #app-fonts-lnk::before { background-image: url(caebaae783f5a1d493b29679f8e7e85d4962913e.svg) ; }
.jobs-icon::before, .jobs-grid-icon, #app-jobs-lnk::before { background-image: url(f75c4934c415614db963aa342b03b5e9cc56d85c.svg) ; }
.resources-icon::before, .resources-grid-icon, #app-resources-lnk::before { background-image: url(dba613aecbff36b39c05b4c4d125c97cc626437a.svg) ; }
.interviews-icon::before, .interviews-grid-icon, #app-interviews-lnk::before { background-image: url(352f214ad5c36588114ceea4092f1a11564ddef1.svg) ; }
.conferences-icon::before, .conferences-grid-icon, #app-conferences-lnk::before { background-image: url(b2aa41f871c30e86382723d843fa219c02941ed1.svg) ; }
h2 a { color: rgb(0, 0, 0); text-decoration: none; }
.github-row { margin-top: 20px; }
.github-row h2 { font-size: 20px; }
.quote { font-size: 20px; margin-top: 0px; position: absolute; top: 0px; left: 0px; height: 100%; padding: 230px 40px 40px; box-sizing: border-box; width: 100%; }
.quote-author { text-align: center; font-size: 37px; margin-top: 10px; }
.quote-img-wrap { margin-top: 20px; }
.quote-image { position: relative; width: 100px; height: 100px; background: rgb(255, 255, 255) none no-repeat scroll center center / cover ; margin: 0px auto; border-radius: 50%; text-align: center; }
.quote-image-default { border: 1px solid rgb(233, 237, 239); }
.quote-image .icon-user { color: rgb(102, 102, 102); font-size: 73px; width: 100%; left: 0px; top: 50%; margin-top: -46px; position: absolute; }
.vector-shares { text-align: center; margin-top: 20px; }
.vector-shares > div { display: inline-block; margin: 0px 5px; vertical-align: top; }
.vector-shares #___plusone_0 { font-size: inherit ! important; }
.inline-vector-block::after { content: ""; display: block; clear: both; }
#articles-content-wrap { float: left; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#articles-content { margin-right: 380px; }
#articles-sidebar { float: right; margin-left: -100%; width: 380px; }
#articles-sidebar-content { width: 300px; box-sizing: border-box; margin-left: 40px; border-top: 85px solid transparent; position: fixed; top: 0px; height: 100%; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#articles-sidebar-content::after { content: ""; position: fixed; margin-left: 340px; background: rgb(214, 214, 214) none repeat scroll 0% 0%; width: 1px; height: 100%; }
#asc-inner { position: absolute; top: 0px; bottom: 0px; left: 0px; right: -17px; overflow: auto; }
#asc-inner .sb-ads { margin-top: 40px; }
.as-block { margin-top: 20px; overflow: hidden; }
.as-block-title { padding: 5px 15px; text-transform: uppercase; font-size: 14px; color: rgb(255, 255, 255); background: rgb(239, 112, 127) none repeat scroll 0% 0%; }
.entry-content b, .page-content strong, .entry-content strong, .nl-archive-wrap strong, .as-block-title strong { font-weight: bold; }
.entry p.fixed-empty-p { height: 5px; padding: 0px; }
.as-content { margin: 10px 30px; }
.as-content-title { text-transform: uppercase; font-size: 18px; color: rgb(34, 34, 34); font-weight: bold; }
.as-content-text { font-size: 13px; line-height: 17px; color: rgb(68, 68, 68); }
.spr-number { text-align: center; display: inline-block; background: rgb(249, 178, 72) none repeat scroll 0% 0%; color: rgb(34, 34, 34); position: absolute; top: 50%; margin-top: -15px; left: 0px; padding: 5px 8px; }
.spr-number::before { content: attr(data-num); z-index: 2; position: relative; font-size: 20px; }
.popular-posts-title { font-size: 24px; margin-bottom: 15px; margin-top: 40px; text-transform: uppercase; }
.popular-posts-title span { position: relative; display: inline-block; }
.popular-posts-title span::before { content: ""; top: -12px; height: 4px; background: rgb(250, 178, 58) none repeat scroll 0% 0%; position: absolute; width: 30px; transition: all 0.25s ease-in-out 0s; }
.popular-posts-title span:hover::before { width: 100%; }
#hp-apps-list::after { content: ""; clear: both; display: block; }
.google-ads-sidebar { margin-top: 25px; }
.popular-post-wdd { margin-bottom: 10px; clear: both; position: relative; height: 145px; overflow: hidden; }
.popular-post-wdd:last-child { border-bottom: medium none; }
.popular-post-wdd .shares { color: rgb(250, 178, 58); }
.popular-post-wdd:last-child { margin-bottom: 0px; }
.popular-post-wdd::after { clear: both; content: ""; display: block; }
.popular-post-wdd img { width: 150px; float: left; margin-right: 10px; }
.inner-post-sb-pop .popular-post-wdd img { width: 80px; }
.related-horizontal-item .hpi-wrap { position: relative; display: block; padding-bottom: 60%; overflow: hidden; }
.horizontal-post-img-w, .popular-post-wdd .pop-img-stub { content: ""; background-position: center center; background-size: 100% auto; position: absolute; width: 100%; height: 100%; transition: all 0.25s ease-in-out 0s; left: -20px; top: -30px; padding: 30px 20px; transform: rotate(-10deg); }
.horizontal-post-img-w { left: -50px; top: -50px; padding: 50px; }
.pop-img-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; }
.related-horizontal-item:hover .horizontal-post-img-w, .popular-post-wdd:hover .pop-img-stub { transform: scale(1.2) rotate(0deg); }
.first-pop-post-wdd .pop-img-lnk { display: block; width: 100%; height: 100px; float: none; background-position: center top; }
.first-pop-post-wdd { margin-bottom: 10px; }
.popular-posts-wdd { margin-bottom: 20px; }
.pop-post-info { top: 50%; left: 0px; width: 250px; box-sizing: border-box; position: absolute; padding: 10px 5px 10px 15px; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; transform: translateY(-50%); }
.sb-pop-post-lnk { color: rgb(255, 255, 255); }
.wdd-pop-shares { margin-left: 20px; margin-top: 5px; font-size: 12px; }
.wdd-pop-shares .shares .icon-share, .wdd-pop-shares .shares .icon-export { color: rgb(250, 178, 58); font-size: 14px; background: transparent none repeat scroll 0% 0%; width: auto; top: -5px; height: 13px; margin-right: 18px; }
.hp-p-share-icon { position: absolute; right: 0px; bottom: 5px; color: rgb(250, 178, 58); font-size: 16px; text-shadow: none; }
.hpsi-rows { position: absolute; right: 0px; top: 0px; width: 100px; text-align: right; }
.article-hp-wdd .hpsi-rows { right: -100px; }
.hpsi-rows, .hp-p-share-icon .icon-share-1 { transition: all 0.2s ease-in-out 0s; }
.hpsi-row { display: inline-block; padding: 0px; position: relative; }
.quote-shr a.icon-facebook::after, .quote-shr a.icon-twitter::after, .hp-post-pub-info a.icon-facebook::after, .hp-post-pub-info a.icon-twitter::after { color: rgb(250, 178, 58); pointer-events: none; position: absolute; left: 0px; width: 100%; text-align: center; top: 0px; transform: scale(0); opacity: 1; }
.quote-shr a.icon-facebook:hover::after, .quote-shr a.icon-twitter:hover::after, .hp-post-pub-info a.icon-facebook:hover::after, .hp-post-pub-info a.icon-twitter:hover::after { transition: all 0.5s linear 0s; opacity: 0; transform: scale(3); }
.article-hp-wdd .hp-p-share-icon .hpsi-rows { transition-delay: 0s; }
.article-hp-wdd .hp-p-share-icon .icon-share-1 { transition-delay: 0.3s; }
.article-hp-wdd .hp-p-share-icon .hpsi-rows { transition-delay: 0.2s; }
.article-hp-wdd .hp-p-share-icon:hover .hpsi-rows { right: 0px; }
.article-hp-wdd .icon-share-1 { position: relative; right: 0px; }
.article-hp-wdd .hp-p-share-icon:hover .icon-share-1 { right: -100px; transition-delay: 0s; }
.hp-p-share-icon .icon-twitter { color: rgb(73, 101, 179); }
.hp-p-share-icon .icon-facebook { color: rgb(73, 101, 179); }
.hp-p-share-icon .icon-twitter { color: rgb(0, 172, 238); }
.hp-pop-wdd .hp-article-info-wrap { padding-top: 10px; }
.hp-pop-wdd .popular-post-title, .inner-post-sb-pop .popular-post-title { font-size: 15px; margin: 0px 90px 0px 45px; text-transform: uppercase; }
.hp-pop-wdd .popular-post-title { text-transform: none; }
.inner-post-sb-pop { margin-top: 30px; }
.hp-highlight-title { position: relative; margin-top: 10px; }
.hp-highlight-title > span { color: rgb(0, 0, 0); text-decoration: none; position: relative; text-transform: uppercase; background: rgb(250, 178, 58) none repeat scroll 0% 0%; display: inline-block; font-size: 16px; padding: 4px 10px; font-weight: bold; z-index: 2; }
.ft-wdd .hp-highlight-title { margin-bottom: 10px; }
.hp-highlight-title::after { content: ""; background: rgb(228, 228, 228) none repeat scroll 0% 0%; height: 10px; width: 100%; position: absolute; left: 0px; top: 50%; margin-top: -5px; }
.comics-img-lnk, .book-img-lnk, .photo-img-lnk, .vector-img-lnk, .bg-img-lnk, .podcast-img-lnk, .video-img-bg { display: block; padding-bottom: 80%; background-position: center top; background-size: cover; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.resource-img-lnk { padding-bottom: 94%; }
.podcast-img-lnk { background-position: center center; }
.play-ico { position: absolute; left: 0px; width: 100% ! important; text-align: center; top: 50%; margin-top: -32px; color: rgb(255, 255, 255); font-size: 64px; opacity: 0.6; transition: all 0.2s ease-out 0s; text-shadow: 0px 0px 1px rgb(0, 0, 0); }
.article-rect:hover .play-ico, .ft-wdd-bg-img:hover .play-ico { opacity: 0.75; }
.ft-wdd-content, .article-wdd-content { position: relative; padding-bottom: 73.92%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.ft-wdd-content { background: transparent none repeat scroll 0% 0%; }
.hp-featured-row { clear: both; }
.hp-featured-row-content { position: relative; margin: 0px -15px 15px; padding-top: 15px; display: flex; height: 306px; }
.hp-featured-row-content .hp-featured-wrap { width: 25%; border-right: 15px solid rgba(255, 255, 255, 0) ! important; border-left: 15px solid rgba(255, 255, 255, 0) ! important; left: 0px ! important; right: auto; position: relative; float: left; }
.article-hp-content, .hp-featured, .font-rect > div, .pen-rect > div, .half-rect > div, .article-rect > div, .article-wdd-content { transition: -webkit-transform 300ms ease 0s, box-shadow 300ms ease 0s, opacity 300ms ease 0s; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); transform: translate3d(0px, 0px, 0px); }
.in-row-ads { text-align: center; clear: both; padding: 20px 0px; }
.in-row-ads > div { margin: 0px auto; }
.article-hp-content:hover, .pen-rect:hover > div, .article-rect:hover > div, .hp-featured:hover, .font-rect:hover > div, .article-wdd-content:hover { transform: translateY(-6px); box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.3); }
.atvImg { border-radius: 0px; }
.atvImg-container { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); border-radius: 0px; }
.atvImg-container:hover { box-shadow: 0px 20px 21px rgba(0, 0, 0, 0.15); }
.job-row { margin-top: 10px; font-size: 24px; padding: 10px; position: relative; }
.job-row::after { clear: both; display: block; content: ""; }
.job-time { float: right; }
.job-location { color: rgb(153, 153, 153); font-size: 14px; margin-top: 5px; }
.job-source { color: rgb(102, 102, 102); }
.job-row:nth-child(2n+1) { background: rgb(238, 238, 238) none repeat scroll 0% 0%; }
.wap-form-row { margin-bottom: 20px; }
.wap-form-label { float: left; display: block; width: 150px; clear: both; }
.wap-form-textarea, .wap-form-text { width: 60%; padding: 5px; border: 1px solid rgb(198, 198, 198); outline: medium none; }
.wap-form-textarea { height: 200px; }
.wap-form-select { width: 100px; }
.wap-job-l-title { font-size: 1.15em; line-height: 1em; color: rgb(34, 34, 34); }
.wap-job-il-title { font-size: 1.45em; line-height: 1.2em; color: rgb(34, 34, 34); }
.wap-job-cl-type { display: table-cell; text-align: right; vertical-align: middle; color: rgb(233, 58, 48); width: 100px; }
.wap-job-cl-cat { display: table-cell; text-align: left; vertical-align: middle; color: rgb(233, 58, 48); width: 100px; }
.wap-job-cl-title { display: table-cell; }
.wap-job-il-company, .wap-job-il-company a, .wap-job-l-company { color: rgb(233, 58, 48); font-weight: bold; }
.wap-job-il-company { font-size: 1.2em; }
.wap-job-icl-meta { margin-top: 20px; margin-bottom: 20px; padding-top: 10px; border-top: 1px solid rgb(238, 238, 238); }
.wap-job-description, .job-apply { font-size: 1.05em; }
.wap-job-description { margin-bottom: 20px; }
.wap-job-meta-item { display: inline-block; margin-right: 20px; color: rgb(153, 153, 153); vertical-align: middle; }
.button.list-post-job-btn { margin: 0px auto; display: block; }
.article-row { margin-top: 20px; }
.article-list-img { width: 50px; height: 50px; float: left; }
.article-list-info { margin-left: 70px; }
.article-row::after { clear: both; content: ""; display: block; }
.awdd-ads { position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; margin-top: -125px; }
.article-wdd.zig-zag .ft-wdd-bg-new, .article-wdd.zig-zag .ft-wdd-bg-img { right: auto; left: 0px; }
.article-wdd.zig-zag .hp-article-info-wrap, .article-wdd.zig-zag .hp-article-info-wrap { right: 0px; left: auto; }
.ft-wdd-bg-new { position: relative; left: 0px; top: 0px; width: 100%; border-radius: 5px; padding-bottom: 50%; }
.ft-wdd-bg-img-wraps { position: absolute; left: 0px; width: 100%; top: 65px; }
.ft-wdd-bg-new, .ft-wdd-bg-img { background-size: cover; background-repeat: no-repeat; background-position: 50% center; display: block; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; margin: 0px auto; }
.ft-block-bg-img-wrap { float: left; width: 33.33%; box-sizing: border-box; padding: 0px 10px; }
.ft-wbn-info:hover { opacity: 1; }
.ft-wbn-title { margin-top: 10px; font-size: 20px; font-weight: bold; }
.ft-wbn-author { margin-top: 5px; font-size: 14px; }
.hp-article-info-wrap { position: absolute; left: 0px; width: 50%; top: 0px; height: 100%; padding-top: 90px; box-sizing: border-box; }
.hp-article-info { padding: 0px 20px; text-align: left; width: 100%; box-sizing: border-box; }
.hp-featured .hp-article-info-wrap { justify-content: inherit; padding-top: 50px; }
.hp-featured-ads { text-align: center; padding: 10px; flex-direction: column; display: flex; align-items: center; justify-content: center; }
.arect-ads-wrap { display: flex; align-items: center; justify-content: center; height: 300px; text-align: center; flex-direction: column; }
.arect-ads-wrap img, .hp-featured-ads img { display: inline-block; margin: 10px 0px; }
.main-article-wdd .ft-wdd-bg-img { height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; }
article.wip-repose { float: none; position: absolute; }
#articles-content { overflow: hidden; position: relative; border-left: 1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214); border-bottom: 1px solid rgb(214, 214, 214); }
.article-wdd { width: 50%; box-sizing: border-box; padding: 15px 0px; float: left; position: relative; }
.article-wdd:hover { z-index: 2; }
.article-wdd.left-one { padding-right: 15px; }
.article-wdd.right-one { padding-left: 15px; }
.article-wdd.ft-wdd { clear: left; width: 100%; padding: 0px; float: none; }
.top-hp-block { display: table; width: 100%; padding: 10px; box-sizing: border-box; }
.top-hp-gap { display: table-cell; width: 20px; min-width: 20px; }
.article-wdd.first-article, .article-wdd.top-one-three { display: table-cell; float: none; vertical-align: top; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 5px; }
.article-wdd.article-wdd-populars { background: rgb(31, 31, 31) none repeat scroll 0% 0%; }
.article-wdd-populars .article-wdd-content { background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.article-wdd-populars .article-wdd-content h2, .article-wdd-populars .article-wdd-content h2 a { color: rgb(255, 255, 255); }
.popular-posts-title {  }
.article-wdd.first-article { width: 66.66%; padding: 0px; }
.article-wdd.top-one-three { width: 33.34%; }
.top-hp-block .article-wdd div.article-wdd-content { padding-bottom: 0px; }
.article-wdd.first-article .article-wdd-content { padding-bottom: 35.55%; }
.first-article .ft-wdd-bg-img { left: 0px; right: auto; width: 50%; border-radius: 5px 0px 0px 5px; }
.first-article .hp-article-info-wrap { left: auto; right: 0px; width: 50%; }
.first-article .article-wdd-content h2 { font-size: 42px; }
.first-article .mc-item-excerpt { font-size: 19px; max-height: 80px; }
.ft-wdd-row-wrap { clear: both; margin: 10px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; border-radius: 5px; position: relative; }
.ft-wdd-row-wrap::after { border-radius: 5px; content: ""; background: transparent repeating-linear-gradient(-45deg, transparent, transparent 10px, rgb(242, 244, 246) 10px, rgb(242, 244, 246) 20px) repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.05; }
.ft-wdd-row { box-sizing: border-box; position: relative; border-radius: 5px; z-index: 2; }
.article-wdd.left-one { clear: left; }
.hp-wdd-featured { float: left; width: 50%; padding: 10px; box-sizing: border-box; position: relative; }
.hp-wdd-featured-content { border-radius: 5px; padding: 10px 10px 10px 280px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.hp-wdd-featured-content::after { content: ""; clear: both; display: block; }
.featured-apps { box-sizing: border-box; position: absolute; left: 20px; top: 0px; height: 100%; width: 20%; padding: 20px; display: flex; align-items: center; justify-content: center; }
.featured-apps > div { flex: 1 1 0%; text-align: center; }
.featured-apps h2 { font-size: 30px; }
.featured-apps a { text-decoration: none; }
.hp-featuredes {  }
.hp-featured-wrap { box-sizing: border-box; position: absolute; left: 0px; width: 50%; top: 0px; height: 100%; }
.hp-featured { box-sizing: border-box; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 0px; width: 100%; top: 0px; height: 100%; }
.hp-featured .ft-wdd-bg-img { width: 100%; top: 0px; left: 0px; right: 0px; height: 50%; }
.hp-featured .hp-article-info-wrap { height: 50%; top: 50%; width: 100%; left: 0px; right: 0px; }
.hp-featured-wrap:nth-child(1) { border-right: 15px solid rgba(255, 255, 255, 0); }
.hp-featured-wrap:nth-child(2) { left: 50%; border-left: 15px solid rgba(255, 255, 255, 0); }
.hp-featured-img { cursor: pointer; display: block; padding-bottom: 122.6%; width: 100%; background: rgb(255, 255, 255) none repeat scroll center center / cover ; position: relative; border-radius: 5px; }
.hp-featured-title { padding: 10px; color: rgb(255, 255, 255); box-sizing: border-box; background: rgb(230, 81, 137) none repeat scroll 0% 0%; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.hp-featured-info h2 { font-size: 15px; }
.hp-featured-info p { font-size: 14px; margin-top: 5px; max-height: 50px; overflow: hidden; }
.hp-wdd-featured.reverse { left: -50%; }
.article-wdd.reverse { left: 50%; }
.ac-column-right, .ac-column-left { float: left; width: 50%; }
.ac-two-columns { position: relative; }
.ac-two-columns::before { content: ""; position: absolute; left: 50%; background: rgb(214, 214, 214) none repeat scroll 0% 0%; height: 100%; width: 1px; top: 0px; }
.ac-two-columns::after { content: ""; display: block; clear: both; }
.ac-two-columns .article-wdd { width: 100%; border-bottom: 1px solid rgb(214, 214, 214); }
.ac-two-columns .article-wdd:last-child { border: medium none; }
.article-wdd:nth-child(2)::before, .article-wdd:nth-child(1)::before { display: none; }
.hp-ft-area { width: 100%; clear: left; border-top: 1px solid rgb(214, 214, 214); background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; z-index: 2; display: table; border-bottom: 1px solid rgb(214, 214, 214); }
.hp-ft-area-item { width: 33.33%; display: table-cell; vertical-align: middle; box-sizing: border-box; padding: 40px; }
.hp-ft-ads-item { vertical-align: middle; text-align: center; }
.hp-ft-area-item img { max-width: 100%; }
.hp-ft-area-item:nth-child(1), .hp-ft-area-item:nth-child(2) { border-right: 1px solid rgb(214, 214, 214); }
.hp-ft-item-title { font-size: 22px; margin-top: 10px; }
.ft-top-dribbble { margin-bottom: 10px; }
.ft-top-dribbble a { text-decoration: none; color: rgb(51, 51, 51); font-size: 18px; }
#main-articles { clear: both; }
.main-article-wdd { position: relative; margin-bottom: 40px; float: left; width: 33.33%; }
.main-article-wdd img { width: 100%; }
.main-article-info { position: absolute; top: 50%; right: 0px; width: 400px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 5px solid rgb(247, 217, 99); padding: 10px; transform: translate(0px, -50%); }
.main-article-info h2 { font-size: 1.5em; line-height: 1.5em; }
.git-rect h2 { background: rgb(41, 41, 41) none repeat scroll 0% 0%; font-size: 24px; text-align: center; padding: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.git-rect h2 a { color: rgb(255, 255, 255); }
.article-rects-wrap { position: relative; }
.article-rects.list-mode .git-rect h2 { float: left; width: 350px; }
.gt-info { padding: 30px 20px; font-size: 13px; line-height: 18px; text-align: center; display: flex; flex-direction: column; flex: 1 1 0%; }
.article-rects.list-mode .gt-info { margin-left: 370px; }
.gt-description { font-size: 16px; line-height: 20px; display: flex; text-overflow: ellipsis; overflow: hidden; max-height: 62px; text-align: left; width: 100%; }
.gt-contributors { margin-top: 10px; text-align: left; width: 100%; }
.gt-contributors > span { display: inline-block; vertical-align: middle; margin-top: 1px; }
.gt-contributors a { display: inline-block; vertical-align: middle; }
.gt-contributors a img { width: 20px; height: auto; }
.pen-rect, .git-rect, .half-rect, .article-rect { width: 20%; box-sizing: border-box; padding: 10px; float: left; position: relative; }
.pen-rect:hover, .git-rect:hover, .half-rect:hover, .article-rect:hover { z-index: 2; }
#vector-inline { max-width: 728px; }
.video-popup-content { max-width: 728px; }
.video-popup-content .fancybox-nav { width: 50px; }
.git-rect { width: 33.33%; }
.git-rect > div { background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: flex; flex-direction: column; }
.git-rect:nth-child(3n+1) { clear: left; }
.quote-rect > div { height: auto; border: 1px solid rgb(231, 231, 231); position: relative; }
.quote-img-wrap { position: absolute; right: 0px; width: 100%; text-align: center; margin-top: 0px; top: 10px; }
h2.quote-author { padding: 0px 20px; margin: 0px 0px 20px; }
.fwbi-app-title, .fwbi-title { display: block; font-size: 36px; text-transform: uppercase; height: 36px; }
.fwbi-app-title { display: none; }
.fwbi-icon-wrap { position: relative; display: inline-block; }
.fwbi-icon { position: absolute; left: 0px; text-align: center; top: 0px; width: 100%; transform: rotateY(180deg); backface-visibility: hidden; padding: 0px; margin: 0px; }
.fwbi-icon, .fwbi-icon-wrap .livicon { transition: all 0.35s ease-in-out 0s; }
.fwbi-icon.active { transform: rotateY(0deg); }
.fwbi-icon-wrap.active .livicon { opacity: 0; }
.fwbi-app-desc { height: 0px; overflow: visible; display: block; margin-top: 10px; padding: 0px 20px; }
.fwbi-pop { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.hp-popp-slot { position: absolute; left: 0px; top: 0px; width: 100%; opacity: 0; height: 100%; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.35s ease-in-out 0s; }
.hp-popp-slot.active { opacity: 1; }
.hp-popp-slot img { max-width: 100%; display: block; }
.hp-popp-text { padding: 10px 20px; position: relative; }
.quote { position: relative; padding: 40px; text-align: center; min-height: 260px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; flex: 1 1 0%; }
.quote > div, .quote { font-family: "Open Sans",sans-serif; font-weight: 300; line-height: 1.35em; color: rgb(0, 0, 0); }
.quote > div { font-size: 28px; }
.pen-rect > div, .half-rect > div { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 10px; position: relative; }
.half-rect { width: 50%; }
.pen-rect { width: 33.33%; }
.half-rect:nth-child(2n+1) { clear: left; }
.pen-rect:nth-child(3n+1) { clear: left; }
.article-rect:nth-child(4n+1) { clear: left; }
.comics-rect:nth-child(4n+1), .book-rect:nth-child(4n+1) { clear: none; }
.book-rect { width: 20%; padding: 10px; }
.comics-rect:nth-child(5n+1), .book-rect:nth-child(5n+1) { clear: left; }
#full-iframe { position: absolute; top: 0px; left: 0px; }
.avgOverlap-lnk { display: none; }
.article-rect > div { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.book-info-row { margin-top: 0px; }
.book-price { color: rgb(177, 39, 4); font-weight: bold; }
.book-rect .article-rect-img { padding-bottom: 100%; border-width: 25px 25px medium; border-style: solid solid none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 5px; position: relative; }
.book-rect:hover .article-rect-img { z-index: 3; }
.book-content { position: relative; overflow: hidden; border-radius: 0px; }
.book-img-lnk { padding: 0px; position: absolute ! important; left: -1px; top: -1px; width: 101%; height: 101%; border-radius: 0px; background-size: contain; background-repeat: no-repeat; }
.book-cover { display: none; }
.list-mode .book-img-lnk { background-repeat: no-repeat; background-size: auto 100%; display: none; }
.list-mode .book-cover { display: block; float: left; width: 212px; height: auto; }
.article-rect .rect-desc, .article-rect-text > h2, .article-rect > div > h2, .pen-rect > div > h2 .article-rect .interview-info, .pen-rect .rect-meta, .article-rect .rect-meta { padding: 0px 10px 5px; }
.pen-rect .rect-meta, .article-rect .interview-info, .article-rect .rect-desc, .article-rect .rect-meta { font-size: 13px; line-height: 18px; }
.article-rect .rect-meta { margin-top: -2px; }
.funded-pm { font-size: 15px; margin-bottom: 5px; }
.rect-meta a:hover { text-decoration: underline; }
.pen-stats, .dribbble-stats, .behance-stats { font-size: 12px; margin-top: 5px; }
.article-rect-img img, .article-rect-img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.article-rect-img a { display: block; position: relative; }
.behance-rect .article-rect-img img, .article-rect-img a { display: block; width: 100%; }
.article-rects.list-mode .article-rect-img a { max-height: 100%; position: static; border-radius: 0px; }
.pen-author { margin-top: 5px; }
.pen-author-lnk img { width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; }
.pen-author-lnk > span { vertical-align: middle; }
.spinner { width: 32px; height: 32px; position: fixed; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 5; background: transparent url(ffc5e80045fd8f8e3782a0451255c32743b28f54.gif)  no-repeat scroll 0% 0% / cover ; }
#spinner-overlay { position: absolute; background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 5; }
#spinner-overlay.active { display: block; }
#icon-preloader { text-align: center; display: none; position: fixed; z-index: 6; left: 0px; width: 100%; top: 50%; }
#icon-preloader .app-lnk {  }
#icon-preloader .app-title { color: rgb(0, 0, 0); font-size: 30px; font-weight: bold; display: block; }
#icon-preloader.animate { animation: 1s linear 0s normal none 1 running icon-preloader-animation; display: block; transform: scale(0, 0); }
@keyframes icon-preloader-animation {
0% { transform: scale(0, 0); }
100% { transform: scale(1, 1); }
}
.category, .atb-text .category, .hp-featured h2, #footer, .mc-bottom-meta, .app-all-links, .article-wdd .category, .app-title, .article-rect h2 {  }
#footer { font-weight: normal; }
.category { display: inline-block; position: relative; background: rgb(250, 178, 58) none repeat scroll 0% 0%; text-transform: uppercase; box-sizing: border-box; font-size: 13px; color: rgb(255, 255, 255); }
.atb-text .category, .article-wdd .category { padding: 3px 5px 2px 22px; left: -20px; margin-bottom: 30px; }
.hp-pop-wdd .category { left: 0px; }
.in-meta { position: absolute; left: 0px; width: 100%; top: -15px; text-align: center; }
.atb-text .category { left: 0px; padding: 8px 12px 6px; margin-bottom: 0px; font-size: 15px; color: rgb(39, 40, 40); background: rgb(250, 178, 58) none repeat scroll 0% 0%; text-transform: uppercase; }
.pop-category .category { font-size: 11px; margin-bottom: 5px; line-height: 12px; background: transparent none repeat scroll 0% 0%; padding: 0px; color: rgb(248, 177, 71); font-weight: bold; }
.app-item-cat, .md-cat { padding: 5px 10px 0px; }
.app-item-cat a, .md-cat label { color: rgb(248, 177, 71); font-weight: bold; background: transparent none repeat scroll 0% 0%; font-size: 12px; line-height: 12px; position: relative; top: 5px; text-decoration: none; text-transform: uppercase; }
.app-item-cat a:hover { text-decoration: underline; }
.app-title { display: inline-block; position: absolute; top: 20px; left: 0px; background: rgb(248, 177, 71) none repeat scroll 0% 0%; text-transform: uppercase; padding: 3px 5px 2px 22px; box-sizing: border-box; font-size: 13px; }
.app-title-dribbble, .app-title-dribbles { background: rgb(234, 76, 137) none repeat scroll 0% 0%; }
.app-title-deals { background: rgb(239, 151, 52) none repeat scroll 0% 0%; }
.app-title-behance { background: rgb(46, 118, 252) none repeat scroll 0% 0%; }
.app-title-kickstarter { background: rgb(136, 197, 67) none repeat scroll 0% 0%; }
.app-title-github { background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.app-title-news { background: rgb(230, 87, 96) none repeat scroll 0% 0%; }
.app-title-podcasts { background: rgb(130, 92, 166) none repeat scroll 0% 0%; }
.app-title-vectors { background: rgb(240, 81, 56) none repeat scroll 0% 0%; }
.app-title-photos { background: rgb(228, 124, 93) none repeat scroll 0% 0%; }
.app-title-quote { background: rgb(48, 175, 129) none repeat scroll 0% 0%; }
.app-title-videos { background: rgb(24, 99, 147) none repeat scroll 0% 0%; }
.app-title-comics { background: rgb(255, 208, 74) none repeat scroll 0% 0%; }
.app-title-scripts { background: rgb(220, 106, 100) none repeat scroll 0% 0%; }
.app-title a { color: rgb(255, 255, 255); }
.embed-codepen { overflow: hidden; position: relative; }
.embed-codepen iframe { width: calc(100% + 20px) ! important; }
.mbm-icon { font-size: 25px; position: relative; display: inline-block; width: 25px; margin-right: 5px; }
a.mbm-icon::before { margin: 0px; }
.mbm-icon.icon-facebook-circled { color: rgb(59, 89, 152); }
.mbm-icon.icon-twitter-circled { color: rgb(41, 170, 225); }
.mbm-num { position: absolute; left: 0px; width: 100%; bottom: -24px; color: rgb(221, 221, 221); display: none; font-size: 13px; text-align: center; }
.shir-wrap:hover .mbm-num, .mbm-icon:hover .mbm-num { display: block; }
.shares .icon-share, .shares .icon-export, .shir-wrap .icon-comment-empty { font-size: 15px; color: rgb(255, 255, 255); background-color: rgb(187, 187, 187); display: inline-block; width: 25px; height: 25px; border-radius: 50%; text-align: center; position: relative; top: 4px; }
.shares .icon-share, .shares .icon-export { background: rgb(221, 75, 56) none repeat scroll 0% 0%; margin-right: 5px; }
.shares .icon-export::before, .shares .icon-share::before, .shir-wrap .icon-comment-empty::before { position: absolute; top: 5px; width: 100%; left: 0px; text-align: center; padding: 0px; margin: 0px; }
.mc-bottom-meta { margin-top: 30px; position: absolute; bottom: 50px; display: inline-block; }
.pledged-info { margin: 5px 10px; }
.goal-bar { background: rgb(217, 217, 222) none repeat scroll 0% 0%; position: relative; height: 10px; border-radius: 5px; margin-bottom: 10px; max-width: 400px; }
.pledged-info { padding: 10px; }
.pleged-bar { position: absolute; background: rgb(43, 222, 115) none repeat scroll 0% 0%; top: 0px; left: 0px; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pledge-bar-complete { border-radius: 5px; }
.mc-meta { font-size: 12px; color: rgb(153, 153, 153); position: absolute; top: 50px; }
.mc-shares, .mc-comments { color: rgb(83, 163, 213); }
.mc-dot { font-size: 18px; display: inline-block; margin: 0px 5px; position: relative; vertical-align: middle; }
.pen-rect h2, .article-rect h2 { font-size: 15px; line-height: 20px; margin-top: 10px; font-weight: bold; padding-bottom: 5px; }
.pen-rect h2 a:hover, .article-rect h2 a:hover { text-decoration: underline; }
.art-category { color: rgb(12, 127, 215); }
.book-info { font-size: 13px; padding: 5px 10px; line-height: 18px; width: 100%; box-sizing: border-box; left: 0px; bottom: 0px; }
.md-timer-wrap { margin-top: 0px; font-size: 13px; color: rgb(119, 119, 119); }
.md-timer-wrap span { display: inline-block; margin-right: 2px; }
.res-description { margin: 10px; }
.res-link-wrap { margin: 10px 10px 0px; font-size: 13px; }
.popup-content-block { max-width: 748px; color: rgb(0, 0, 0); }
.popup-content-block .video-info-meta, .popup-content-block .v-item-info, .item-inline-meta, .item-inline-desc { font-size: 14px; line-height: 20px; }
.video-info-meta { text-align: left; margin-top: 20px; }
.video-info-meta > div { margin-top: 10px; }
.iinfo-label { font-weight: bold; }
.iinfo-value-cat { text-transform: uppercase; }
.meta-author-t, .iinfo-label-author { text-transform: capitalize; }
.video-ifram-wrap { position: relative; }
.ar-description { margin: 10px; height: 46px; display: flex; text-overflow: ellipsis; overflow: hidden; }
.book-review { margin: 10px 0px; display: flex; text-overflow: ellipsis; overflow: hidden; }
.article-rect .rect-desc { height: 48px; display: flex; margin: 5px 10px; padding: 0px; text-overflow: ellipsis; overflow: hidden; }
.article-rects.list-mode .rect-meta-desc, .article-rect .rect-desc, .book-review { font-size: 15px; line-height: 20px; }
.blue-letter { color: rgb(12, 127, 215); }
.main-article-wdd h2, .article-wdd-content h2 { font-size: 51px; line-height: 44px; font-weight: 600; text-transform: uppercase; text-align: left; box-sizing: border-box; position: relative; }
.hp-featured h2 { font-size: 18px; line-height: 20px; font-weight: bold; }
.article-wdd-content .hp-popp-text h2 { font-size: 28px; line-height: 34px; text-transform: none; }
.article-wdd-content .hp-featured h2 { font-size: 37px; }
.hp-ft-author { font-size: 18px; font-style: italic; margin-top: 5px; }
.hp-ft-author, .hp-ft-author a { color: rgb(0, 0, 0); }
.ft-wdd .article-wdd-content h2 { position: relative; left: 10px; margin-bottom: 10px; }
h1 { font-size: 30px; line-height: 32px; }
.v-item-info h1::first-letter { text-transform: uppercase; }
.category-page-title { margin-top: 30px; }
.article-rects { margin: 0px -10px; position: relative; }
.quotes-rects { margin-bottom: 30px; }
.article-rects::after { content: ""; clear: both; display: block; }
.search-title, .app-page-title { margin: 0px 0px 20px; font-size: 32px; }
.entry-wrap::after { content: ""; clear: both; display: block; }
.app-page-title-wrap .app-page-title { margin-bottom: 6px; }
.app-page-title-wrap { position: relative; padding-bottom: 10px; }
#list-page-content { padding-top: 20px; }
.app-page-title-wrap { border-top: 1px solid rgb(233, 237, 239); padding: 15px 0px; border-bottom: 1px solid rgb(233, 237, 239); margin-bottom: 15px; }
.line-title { padding-bottom: 20px; margin-bottom: 15px; }
.blog-filter { float: right; }
.archive-title, .search-title { border-bottom: 1px solid rgb(233, 237, 239); padding: 15px 0px 20px; }
.archive-post-author-bio { border-bottom: 1px solid rgb(233, 237, 239); border-top: 1px solid rgb(233, 237, 239); margin-top: 20px; padding: 20px 0px; }
.archive-post-author-bio .author-bio-text { float: none; }
.author-bio-avatar { float: left; }
.author-bio-avatar img { border-radius: 50%; }
.page .page-title { padding-bottom: 20px; margin-bottom: 50px; position: relative; display: inline-block; min-width: 180px; font-size: 48px; line-height: 1em; }
.page .page-title-wrap { text-align: center; margin: 0px -30px; padding-top: 50px; }
.page .page-title::after, .page .page-title::before { content: ""; height: 5px; background: rgb(12, 127, 215) none repeat scroll 0% 0%; left: 50%; width: 120px; margin-left: -60px; position: absolute; bottom: 5px; }
.page .page-title::before { left: 0px; margin-left: 0px; background: rgb(250, 178, 58) none repeat scroll 0% 0%; width: 100%; transition: all 0.5s ease 0s; z-index: 2; transform: scale(0, 1); }
.page-title-wrap:hover .page-title::before { transform: scale(1); }
.wdd-info-content { width: 100%; clear: both; display: flex; flex-flow: row wrap; }
.wic-cell { flex: 1 1 0%; margin: 0px; padding: 0px 10px; border-left: 1px solid rgb(233, 237, 239); display: flex; align-items: center; justify-content: center; flex-direction: column; }
.wic-sub-cell { flex: 1 1 0%; width: 100%; }
.wic-cell:first-child { border-left: medium none; }
.wic-sub-cell:first-child { border-bottom: 1px solid rgb(233, 237, 239); padding-bottom: 20px; }
.wic-sub-cell:last-child { padding-top: 20px; }
a.wci-icn-lnk, .wci-icn-lnk, span.wci-icn-lnk { display: block; text-align: center; text-decoration: none; color: rgb(51, 51, 51); font-weight: bold; }
.wci-ficon { font-size: 30px; }
.wci-count { display: block; }
#color-grid { position: relative; width: 100%; background-color: rgb(12, 127, 215); }
#color-grid .cg-block { width: 30px; height: 20px; background: rgba(17, 17, 17, 0.7) none repeat scroll 0% 0%; border-radius: 2px; position: absolute; animation: 750ms ease 0s alternate none infinite running cggo; }
@keyframes cggo {
0% { transform: scale(1, 1) translate(0px, 0px); }
100% { transform: scale(1.5, 1.5) translate(0px, 0px); }
}
#polygons-svg polygon { transition: all 2.5s ease 0s; }
#polygons-bg { background-color: rgb(12, 127, 215); }
#color-grid, #pixelated-bg, #polygons-bg { position: fixed; top: 0px; left: 0px; width: 105%; height: 100%; overflow: hidden; z-index: -1; }
#pixelated-bg { display: flex; flex-wrap: wrap; background-color: rgb(8, 85, 144); }
.pixel { width: 1.8vw; height: 1.8vw; box-sizing: border-box; display: inline-block; }
.twinkle { animation: 5s linear 0s normal none 1 running twinkle; }
@keyframes twinkle {
0% { filter: brightness(1); }
25% { filter: brightness(0.5); }
50% { filter: brightness(1); }
75% { filter: brightness(2); }
100% { filter: brightness(1); }
}
@media (orientation: portrait) {
  #container { flex-direction: column; }
  .pixel { width: 2vh; height: 2vh; }
}
#app-page-options { position: absolute; top: 50%; margin-top: -13px; right: 0px; }
#app-page-options, .wrap-dd-select .dropdown li a { font-weight: bold; }
#list-grid-switcher { margin-left: 10px; display: inline-block; vertical-align: middle; }
#list-grid-switcher a::before { margin: 0px; }
#list-grid-switcher a { font-size: 25px; color: rgb(0, 0, 0); box-sizing: border-box; padding-top: 2px; width: 30px; height: 33px; text-align: center; float: left; display: inline-block; border: 1px solid rgb(221, 221, 221); }
#list-grid-switcher a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#list-grid-switcher a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#list-grid-switcher a:hover, #list-grid-switcher a.selected { background: rgb(223, 227, 229) none repeat scroll 0% 0%; }
.app-page-notice { margin: 10px 0px 20px; font-size: 16px; }
#feat-post-img { height: 400px; background-size: 100% auto; background-position: center 0px; background-repeat: no-repeat; position: relative; }
#article-sticky-stuff { position: relative; }
.sticky-shares-wrap { position: absolute; top: 0px; left: 0px; }
.sticky-shares-wrap.fixed .sticky-shares { position: fixed; top: 20px; }
.sshares-title { font-weight: bold; font-size: 40px; margin-bottom: 20px; }
.sshares-title label { display: block; font-size: 14px; font-weight: normal; }
.inner-post-sb-wrap { width: 300px; margin-left: -100%; float: right; margin-bottom: 20px; overflow: visible; }
.inner-post-sb { width: 300px; }
.inner-post-sb::after { content: ""; display: block; clear: both; }
.inner-post-sb-wrap.fixed .inner-post-sb { position: fixed; bottom: 20px; }
#md-freebie-twitter-form-block, #md-freebie-download-block { padding: 20px 0px 10px; text-align: center; }
#might-deals-subscribe-form, #might-freebie-deals-subscribe-form { text-align: center; }
#mighty-deals-subscribe-email { width: 200px; padding-left: 10px; height: 40px; outline: medium none; vertical-align: middle; font-size: 16px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; border-radius: 0px; }
#mighty-deals-subscribe-submit { padding: 0px 20px; width: auto; height: 40px; outline: medium none; vertical-align: middle; margin-left: -1px; }
#wdd-freebie-chk-txt, #mighty-deals-chk-txt { margin-top: 10px; font-size: 14px; line-height: 1.5em; text-align: left; color: rgb(153, 153, 153); }
#mighty-deals-chk-txt a { color: rgb(153, 153, 153); text-decoration: underline; font-weight: normal; }
#mighty-deals-sub-chk { float: left; }
#mighty-deals-chk-txt > label { display: block; margin-left: 25px; }
.entry h2.popular-posts-title { text-align: center; margin-bottom: 15px; position: relative; }
.asection-title { font-size: 25px; text-transform: uppercase; color: rgb(34, 34, 34); text-align: center; position: relative; margin: 30px 0px 15px; }
.asection-title::after {  }
.asection-title > span { background: rgba(31, 31, 31, 0.95) none repeat scroll 0% 0%; display: inline-block; padding: 10px; color: rgb(255, 255, 255); position: relative; z-index: 2; border-bottom: 5px solid rgb(250, 178, 58); }
.asection-title > span::after, .asection-title > span::before { width: 10px; content: ""; position: absolute; top: 0px; height: 100%; left: -10px; background: rgb(242, 244, 246) none repeat scroll 0% 0%; }
.asection-title > span::after { right: -10px; left: auto; }
.abt-text { margin-top: 5px; }
.post-author-bio .asection-title > span { border-left: 10px solid rgb(255, 255, 255); border-right: 10px solid rgb(255, 255, 255); }
.asection-title .as-line { background: rgb(213, 215, 218) none repeat scroll 0% 0%; position: absolute; left: 0px; width: 100%; height: 6px; top: 50%; margin-top: -3px; }
.ac-wrap { margin-bottom: 10px; }
.related-horizontal-content { position: relative; }
.related-horizontal-items-wrap { position: relative; padding-top: 20px; }
.related-horizontal-items { margin: 0px -10px; }
.related-horizontal-item { width: 50%; float: left; padding: 0px 10px; margin-bottom: 20px; box-sizing: border-box; }
.related-horizontal-item:nth-child(2n+1) { clear: left; }
.horizontal-post-img, .pl-md-deal-image, .mc-item-img-lnk, .related-horizontal-item .hpi-wrap { transition: opacity 0.35s ease 0s; opacity: 1; }
.pl-md-deal-image:hover, .related-horizontal-item .hpi-wrap:hover, .chess-item:hover .mc-item-img-lnk { opacity: 0.9; }
div.pl-md-deal-title, .horizonta-post-title .hpi-text { margin-top: 0px; color: rgb(255, 255, 255); top: 50%; left: 0px; width: 80%; position: absolute; transform: translateY(-50%); }
div.pl-md-deal-title > .hpi-title, .horizonta-post-title .hpi-text > .hpi-title { width: 100%; display: block; position: relative; box-sizing: border-box; padding: 10px 5px 10px 10px; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; }
.hpi-title > a { color: rgb(255, 255, 255); }
.hpi-cvlnk { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.pop-post-info, div.pl-md-deal-title > .hpi-title, .horizonta-post-title .hpi-text > .hpi-title { border-bottom: 5px solid rgb(12, 127, 215); }
.pop-post-info::after, div.pl-md-deal-title > .hpi-title::after, .horizonta-post-title .hpi-text > .hpi-title::after { content: ""; bottom: -5px; height: 5px; background: rgb(250, 178, 58) none repeat scroll 0% 0%; position: absolute; left: 0px; width: 0px; transition: all 0.25s ease-in-out 0s; }
.popular-post-wdd:hover .pop-post-info::after, div.pl-md-deal-title:hover > span::after, .related-horizontal-content:hover .hpi-text > span::after { width: 100%; }
.entry .horizontal-post-img { width: 100%; height: auto; min-height: 150px; }
#footer-nav::after, .archive-post-author-bio::after, .hpop-comment::after, .home-meta::after, .sb-pop-row::after, #sb-subscribe-form-frame::after, #mw-block::after, .sidebar-banner-container::after, #sb-bsap-rects-ads::after, .related-horizontal-items-wrap::after, .post-author-bio::after, #header-wrap::after { content: ""; display: block; clear: both; }
#post-bottom-ads { width: 300px; margin: 0px auto; height: 250px; }
.author-bio-text { font-size: 15px; line-height: 24px; float: left; padding-left: 134px; width: 100%; box-sizing: border-box; }
.post-author-bio .avatar { vertical-align: middle; border-radius: 50%; margin-left: -100%; margin-top: -30px; float: left; }
.entry .post-author-name { margin-top: 0px; margin-left: 133px; font-size: 24px; padding-top: 0px; text-transform: uppercase; }
div#single-large-socials { margin-top: 25px; }
.aseparator { height: 1px; background: rgb(221, 221, 221) none repeat scroll 0% 0%; margin: 20px auto; clear: both; }
.lsi-block { display: inline-block; width: 136px; text-align: center; vertical-align: middle; position: relative; top: 4px; }
.lsi-num { font-size: 58px; font-weight: bold; display: block; color: rgb(51, 51, 51); line-height: 0.6em; }
.lsi-num-label { text-transform: uppercase; font-size: 14px; color: rgb(153, 153, 153); display: block; margin-top: 5px; }
.lsi-slash { display: inline-block; position: relative; width: 20px; vertical-align: middle; margin-left: 10px; }
.lsi-slash::after { content: ""; width: 1px; height: 65px; background: rgb(221, 221, 221) none repeat scroll 0% 0%; position: absolute; left: 0%; top: 50%; margin-top: -32px; }
#bottom-large-shares-btns { display: inline-block; vertical-align: middle; white-space: nowrap; }
.buffer-large-btn, .linkedin-large-btn, .pinterest-large-btn, .fb-large-btn, .twitter-large-btn, .plus-large-btn, .stumble-large-btn { float: left; display: inline-block; vertical-align: top; margin-right: 15px; }
.large-share-item .linkedin-large-btn, .large-share-item .pinterest-large-btn, .large-share-item .fb-large-btn, .large-share-item .twitter-large-btn, .large-share-item .plus-large-btn, .large-share-item .stumble-large-btn { margin-right: 0px; float: none; }
.post-share-row { margin-bottom: 10px; }
.code-shares { margin-top: 10px; }
.play-share-rows { float: left; margin-top: -12px; margin-right: 15px; }
.app-title-shares .post-share-row { display: inline-block; margin: 0px 2px; }
.code-shares > .post-share-row { margin-left: 0px; }
.app-title-shares .post-share-row .psi-lnk { padding: 9px 5px; }
.app-title-shares .psr-nf { margin: 0px; }
.app-title-shares .psr-nf .psi-lnk { padding: 10px 0px; }
.app-title-shares .psr-nf .p-share-icon { width: auto; }
.psr-author { width: 100px; position: absolute; left: 0px; top: 0px; font-size: 15px; }
.psr-author a { color: rgb(0, 0, 0); }
.psr-author img { border-radius: 50%; position: relative; display: block; }
.psr-author .img-wrap { position: relative; display: block; margin: 0px auto 10px; width: 100px; }
.p-share-icon { display: inline-block; width: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 22px; border-radius: 2px; }
.post-share-row .psi-lnk { display: block; padding: 15px 0px; position: relative; }
.psr-color { overflow: hidden; }
.psr-color .psi-lnk::before { content: ""; width: 124px; height: 124px; border-radius: 50%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; display: none; }
.psr-color .psi-lnk:hover::before { animation: 0.4s linear 0s normal forwards 1 running circleIn; display: block; }
@keyframes circleIn {
0% { transform: scale(0); opacity: 0.4; }
100% { transform: scale(1); opacity: 0; }
}
.psi-lnk label { display: block; text-align: center; color: rgba(255, 255, 255, 0.9); font-size: 10px; }
.post-share-row .psi-service { padding: 0px; }
.psi-service .p-share-icon { color: rgb(187, 187, 187); }
.psi-service:hover .p-share-icon { color: rgb(153, 153, 153); }
.psi-fb { background: rgb(59, 89, 152) none repeat scroll 0% 0%; }
.psi-tw { background: rgb(41, 170, 225) none repeat scroll 0% 0%; }
.psi-gplus { background: rgb(221, 75, 57) none repeat scroll 0% 0%; }
.psi-gplus .p-share-icon { background: transparent url(d2ef2c01f86e12dc4daf3046e108bf2edc4c9d8e.png)  no-repeat scroll center center / 26px auto; height: 20px; text-indent: -9999px; }
.post-share-row a { font-size: 12px; color: rgb(102, 102, 102); }
footer.after-entry-wrap { clear: both; }
footer.after-entry-wrap::after { content: ""; clear: both; display: block; }
.hp-ft-title { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; margin-top: 5px; }
.hp-ft-title a { color: rgb(12, 127, 215); text-decoration: none; }
.wip-large.article-wdd .category { left: auto; right: 0px; text-align: right; }
.wip-large .article-wdd-content h2 { bottom: auto; top: 40px; text-align: right; font-size: 1.75em; line-height: 1.15em; }
h2.popular-post-title, div.pl-md-deal-title, .horizonta-post-title .hpi-text { font-size: 16px; line-height: 20px; font-weight: bold; }
h2.popular-post-title { width: auto; position: relative; }
.hp-pop-posts h2.popular-post-title { margin-left: 20px; }
.hp-excerpt { color: rgb(119, 119, 119); margin-top: 15px; font-size: 15px; line-height: 20px; }
.article-hp-wdd .hp-excerpt { display: none; }
.ddb-img-awrap, .dbbb-anim-lnk { position: relative; display: block; overflow: hidden; }
.dbb-img-non-anim { display: block; }
.dbbb-anim-lnk.active .play-ico, .dbbb-anim-lnk.active .dbb-img-non-anim, .dbbb-anim-lnk.active .dbb-img-anim-op-frz, .dbb-img-anim { display: none; }
.dbb-img-anim-op-frz { position: absolute; left: 0px; top: 0px; }
.dbb-img-anim-op { opacity: 0; position: relative; }
.dbbb-anim-lnk.active .dbb-img-anim-op { opacity: 1; z-index: 2; }
.dbbb-anim-lnk.active .dbb-img-anim { display: block; }
.res-description, .mc-item-excerpt, .ar-description { font-size: 14px; line-height: 1.5em; }
.mc-item-excerpt { color: rgb(119, 119, 119); margin-top: 10px; display: flex; text-overflow: ellipsis; overflow: hidden; max-height: 224px; }
.hp-featured .mc-item-excerpt { max-height: 106px; font-size: 14px; }
.inline-popup-close { border-radius: 3px; position: fixed; top: 50px; right: 30px; cursor: pointer; }
.inline-popup-close::before { border-radius: 3px; position: absolute; content: "×"; font-size: 50px; line-height: 30px; height: 30px; width: 30px; text-align: center; top: 0px; right: 0px; color: rgb(204, 204, 204); }
.inline-popup-overlay { position: fixed; top: 0px; left: 0px; z-index: 9997; width: 100%; height: 100%; background: rgba(30, 30, 30, 0.9) none repeat scroll 0% 0%; display: none; }
.body-settings .inline-popup-overlay { display: block; }
.inline-popup { position: fixed; left: 50%; width: 400px; margin-left: -200px; top: 50%; margin-top: -100px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 20px; box-sizing: border-box; }
.fancymodal-data img, .article-rect img { max-width: 100%; width: auto; }
.hp-ft-ads-item img { width: auto; }
.awdd-ft-block img { width: 200px; margin-right: 20px; float: left; }
.dribble-shot-img { max-width: 400px; max-height: 300px; display: block; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); border-radius: 5px; padding: 5px; margin-right: 20px; }
.dribble-text { clear: both; }
.dribble-byline { color: rgb(153, 153, 153); font-size: 15px; margin-bottom: 20px; }
.dribbble-info { margin-left: 420px; }
.dribbble-tag { display: inline-block; margin-right: 5px; margin-bottom: 5px; white-space: nowrap; color: rgb(119, 119, 119); border: 1px solid rgb(204, 204, 204); background: rgba(0, 0, 0, 0.07) none repeat scroll 0% 0%; padding: 2px 3px; }
.dribbble-info-row { margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px solid rgb(204, 204, 204); font-size: 14px; color: rgb(153, 153, 153); }
.dribbble-info-label { display: inline-block; width: 70px; }
.fancymodal .fancymodal-content { max-width: 920px; padding: 20px; min-height: 100%; }
.comics-body .fancymodal .fancymodal-content { max-width: 768px; }
.post-pub-info, .post-pub-info a { color: rgb(136, 136, 136); }
.post-pub-info { font-size: 12px; margin-top: 20px; margin-bottom: 5px; text-transform: uppercase; }
.article-top-block .post-pub-info { margin: 10px 0px; text-align: center; }
.post-pub-info a:hover { text-decoration: underline; }
h1.new-single-title { font-size: 50px; line-height: 1.2em; text-align: center; margin: 0px auto; padding-top: 0px; }
.entry p { margin: 0px; padding: 9px 0px 15px; }
.entry .single-first-p { padding-top: 0px; }
.entry p.fixed-empty-p { height: 5px; padding: 0px; }
.entry-content .simplePullQuote { float: left; font-size: 26px; line-height: 1.2em; margin: 15px 30px 10px; border-top: 5px solid rgb(250, 178, 58); border-bottom: 5px solid rgb(250, 178, 58); padding: 20px 25px; position: relative; background: rgb(246, 246, 246) none repeat scroll 0% 0%; color: rgb(0, 0, 0); max-width: 300px; }
.entry-content .simplePullQuote p { padding: 0px; margin: 0px; }
.entry-content .simplePullQuote p::before { content: "“"; }
.entry-content .simplePullQuote p::after { content: "”"; }
.entry-content blockquote > p::first-letter, .entry-content .simplePullQuote > p::first-letter { text-transform: capitalize; }
.entry-content blockquote { margin-top: 20px; padding: 20px 30px; position: relative; border-left: 5px solid rgb(250, 178, 58); background: rgb(246, 246, 246) none repeat scroll 0% 0%; font-size: 16px; line-height: 1.5em; }
.entry-content ul, .entry-content ol { margin-bottom: 20px; padding: 9px 0px 15px; }
.entry-content ol { list-style-position: inside; }
.entry-content ol li { list-style-type: decimal; list-style-position: outside; }
.entry-content .tight_list li { margin: 0px 0px 5px; }
.single-first-p a:first-child img:first-child { display: none; }
.single-first-p + .blockquote-wrap, .single-first-p + blockquote { clear: both; padding: 10px; }
.entry-content ul li { list-style-type: disc; position: relative; padding-left: 0px; }
.entry-content ul li, .entry-content ol li { margin-bottom: 10px; }
.entry-content ul li::before { width: 6px; height: 6px; background: rgb(250, 178, 58) none repeat scroll 0% 0%; margin-left: -16px; margin-right: 10px; top: -2px; position: relative; border-radius: 50%; display: none; }
.article-content h1, .article-content blockquote, .article-content form, .article-content h2, .article-content h3, .article-content h4, .article-content p, .article-content ul, .article-content ol, .article-content div, .post-author-bio { margin: 0px auto; max-width: 680px; }
.pre-wrap pre { margin: 0px auto ! important; max-width: 680px; }
.entry-content blockquote { font-style: italic; margin: 0px auto 20px; font-weight: bold; }
.entry h1, .entry h2, .entry h3 { color: rgb(31, 31, 31); }
img.alignright { float: right; margin-left: 10px; margin-bottom: 10px; z-index: 2; position: relative; }
img.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; z-index: 2; position: relative; }
img.image-border { border: 1px solid rgb(208, 208, 208); }
.alignleft { float: left; }
.entry h2 { line-height: 1.2em; font-size: 30px; }
.entry em { font-style: italic; }
.nl-archive-wrap h2 { font-size: 33px; margin-bottom: 15px; }
.entry h4, .entry h3 { line-height: 1.2em; font-size: 18px; font-weight: bold; }
.entry h2.popular-posts-title { margin-top: 0px; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 5px; }
.entry h4, .entry h2, .entry h3 { padding-top: 20px; margin-top: 0px; margin-bottom: 5px; clear: both; text-transform: uppercase; }
.entry h4, .entry h3 { margin-bottom: 0px; }
.entry h4 { text-transform: none; }
.entry h2 + .finline-large, .entry h3 + .finline-large, .entry h4 + .finline-large { margin-top: 15px; }
div.finline-large, figure.inline-large { text-align: center; margin: 5px auto 20px; width: 100%; white-space: nowrap; box-sizing: border-box; clear: both; }
.entry embed, .entry iframe, .entry-content .pre-wrap, div.finline-large, figure.inline-large { margin-left: auto; margin-right: auto; max-width: 870px; }
.entry-content-wrap { padding-right: 330px; padding-left: 70px; box-sizing: border-box; float: left; width: 100%; }
.prev-item-lnk, .next-item-lnk { display: inline-block; width: 100px; padding: 10px 0px; text-align: center; font-size: 24px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: fixed; top: 50%; text-transform: uppercase; }
.prev-item-lnk { left: 0px; }
.next-item-lnk { right: 0px; }
.fancymodal .entry-content-wrap { margin: auto; }
#comments_section { box-sizing: border-box; }
#comments_section, #disqus_thread { margin: 0px auto; max-width: 680px; }
#comments_section.no-ads-comments { float: none; padding-right: 0px; }
#footer-sidebar { float: right; margin-left: -100%; width: 300px; margin-top: -15px; }
.page-content, .entry-content { font-size: 17px; line-height: 1.7em; margin: 0px auto; }
.page .page-content, .page .entry-content { font-size: 17px; }
.page-content { max-width: none; }
.post-author-bio { margin: 20px auto 10px; padding: 20px 0px; border-top: 1px solid rgb(233, 237, 239); border-bottom: 1px solid rgb(233, 237, 239); }
.page-content a { font-weight: bold; }
.nl-archive-wrap a:hover, .page-content a:hover { text-decoration: underline; }
.nl-archive-wrap a { font-weight: normal; cursor: pointer; }
.nl-archive strong { color: rgb(0, 0, 0); }
.tiempos-body .entry-content, #switch-to-serif-btn, .tiempos-body .post-author-bio, .tiempos-body div.mc-item-excerpt, .tiempos-body .entry-content { font-family: "TiemposTextWeb-Regular"; }
.entry img { max-width: 100%; height: auto; }
.ft-inner-img-wrap, .ft-inner-img { display: block; width: 100%; height: auto; }
.cw-single div.article-top-block { margin: -50px -30px 0px; overflow: hidden; max-height: 765px; }
.cw-single .ft-inner-img { position: relative; top: 50px; }
.ft-inner-img-wrap { padding-bottom: 55%; background-size: cover; }
img.image-border { border: 1px solid rgb(208, 208, 208); }
.finline-large img, .inline-large img { float: none; margin: 0px auto; padding: 0px; display: block; max-width: 100%; height: auto; }
.entry-content img, .entry-content embed, .entry-content iframe { vertical-align: bottom; }
.vector-img-wrap { float: left; width: 60%; padding-right: 20px; box-sizing: border-box; }
.vector-img-wrap img { max-width: 100%; display: block; width: 100%; }
.v-item-info { float: right; width: 40%; }
.files-attribures { margin: 20px 0px 0px; float: left; }
.sb-comment { margin-top: 10px; font-size: 13px; }
.sb-comment::after { content: ""; display: block; clear: both; }
.sb-comment-author { font-weight: bold; margin-bottom: 5px; }
.sb-comment img { float: left; }
.sb-comment-info { margin-left: 70px; }
.sb-fl-attr-row::after { content: ""; clear: both; display: block; }
.sb-fl-attr-row { margin-bottom: 11px; border-bottom: 1px solid rgb(236, 236, 236); padding-bottom: 11px; }
.sb-attr-label { display: block; color: rgb(51, 51, 51); vertical-align: top; float: left; font-weight: bold; }
.sb-attr-value { display: block; margin-left: 85px; vertical-align: top; line-height: 1.3em; }
.sb-attr-tags { display: flex; text-overflow: ellipsis; overflow: hidden; }
.iinfo-value a:hover, .sb-attr-value a:hover { text-decoration: underline; }
.v-download-wrap { margin-top: 10px; }
.wdn-grid .wdn-post-row { display: block; width: 20%; float: left; box-sizing: border-box; padding: 10px; }
.wdn-grid .wdn-post-row:nth-child(5n+1) { clear: both; }
.wdn-grid .wdn-post-row .post-thumb-img { width: 140px; height: 112px; display: block; margin: 0px auto; float: none; }
.wdn-grid .wdn-post-row .post-thumb { display: block; width: auto; }
.wdn-post-row { padding: 14px 0px; position: relative; display: table; vertical-align: middle; transition: background 0.15s ease-out 0s; box-sizing: initial; border-radius: 3px; width: 100%; }
.wdn-post-row a { text-decoration: none; }
.wdn-post-row .post-thumb { display: table-cell; width: 78px; text-align: left; vertical-align: top; }
.wdn-post-row .post-title { font-size: 17px; line-height: 22px; color: rgb(51, 51, 51); font-weight: 600; }
.wdn-post-row .post-thumb-img { width: 70px; height: 56px; display: block; border-radius: 3px; }
.wdn-post-row .post { display: table-cell; vertical-align: top; }
.wdn-post-row .post-meta { position: relative; margin-top: 7px; text-transform: uppercase; letter-spacing: 0.02em; color: rgb(164, 168, 179); font-size: 10px; }
.wdn-post-row .favicon { max-width: 16px; vertical-align: middle; float: left; position: relative; width: 16px; height: 16px; margin-right: 6px; margin-top: 1px; }
.wdn-post-row .site-name-lnk { color: rgb(129, 172, 221); }
.font-rect { border: 1px solid rgb(238, 238, 238); margin-top: 20px; }
#font-preview-text { font-size: 24px; }
.pagination-wrap { clear: both; text-align: center; margin-top: 20px; }
.pagination-block { position: relative; }
.paging-jump-form { position: absolute; right: 0px; top: 36px; }
.paging-jump-form input { width: 50px; vertical-align: middle; font-size: 30px; height: 38px; float: left; margin-left: 5px; margin-top: -5px; box-sizing: border-box; padding: 0px 0px 0px 7px; }
.paging-jump-form span { float: left; margin-left: 5px; position: relative; }
.paging-jump-form span:last-child {  }
#load-more { display: block; padding: 10px; font-size: 20px; font-weight: bold; color: rgb(255, 255, 255); background: rgb(159, 159, 159) none repeat scroll 0% 0%; text-decoration: none; }
.paging-jump-form input, .pagination-block { font-size: 25px; }
.pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; color: rgb(34, 34, 34); }
.pagination > li { display: inline; }
.pagination > li.disabled { opacity: 0.5; pointer-events: none; display: none; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 25px; line-height: 1.42857; text-decoration: none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-transform: uppercase; border: 1px solid rgb(221, 221, 221); color: rgb(34, 34, 34); cursor: pointer; margin: 0px 10px; }
.pagination > li > a::before, .pagination > li > span::before { content: ""; height: 5px; width: 0px; position: absolute; z-index: 2; bottom: -5px; left: -1px; background: rgb(250, 178, 58) none repeat scroll 0% 0%; transition: all 0.2s ease-out 0s; }
.pagination > li > a::after, .pagination > li > span::after { content: ""; height: 5px; width: 100%; padding: 0px 1px; left: -1px; position: absolute; bottom: -5px; background: rgb(12, 127, 215) none repeat scroll 0% 0%; }
.pagination > li:first-child > span::before, .pagination > li:first-child > a::before { left: auto; right: -1px; }
.pagination .icon-right-dir { padding: 0px; margin-left: -10px; display: inline-block; width: 25px; }
.pagination .icon-left-dir { padding: 0px; margin-right: -10px; display: inline-block; width: 25px; position: relative; left: -15px; }
.pagination > li > a:hover::before, .pagination > li > span:hover::before { width: 100%; padding: 0px 1px; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; }
#sidebar-extra, #content, #sidebar, body, #nav-toggle-label span { transition: all 0.25s ease-in-out 0s; }
body { box-sizing: border-box; }
body.nav-closed { padding-right: 0px; }
.nav-closed #sidebar { left: 0px; }
body #side-nav-open-btn { z-index: 7; position: fixed; left: 0px; top: 50%; }
body #side-nav-close-btn { position: absolute; z-index: 7; right: 0px; top: 42px; }
body .nav-toggle-label { height: 40px; width: 40px; transform: rotate(0deg); cursor: pointer; transition: all 0.25s ease-in-out 0s; }
body .nav-toggle-label #hamburger { height: 21px; width: 30px; position: relative; right: -7px; }
body .nav-toggle-label #hamburger span { display: block; width: 100%; height: 3px; position: relative; margin: 0px 0px 6px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; transition: all 0.25s ease-in-out 0s; }
body .nav-toggle-label #hamburger:hover span:nth-child(1) { transform: translate(0px, -3px); }
body .nav-toggle-label #hamburger:hover span:nth-child(3) { transform: translate(0px, 3px); }
body .nav-toggle-label #cross { position: absolute; right: 14px; top: 10px; width: 30px; height: 30px; transform: rotate(45deg); }
body .nav-toggle-label #cross span { display: block; background: rgb(248, 195, 58) none repeat scroll 0% 0%; }
body.nav-closed .nav-toggle-label #hamburger span, body.nav-closed .nav-toggle-label.slide-out #hamburger span { width: 100%; }
body .nav-toggle-label #cross span:nth-child(1) { height: 100%; width: 2px; position: absolute; top: 0px; left: 50%; margin-left: -1px; transition-delay: 0.625s; }
body .nav-toggle-label #cross span:nth-child(2) { width: 100%; height: 2px; position: absolute; left: 0px; top: 50%; margin-top: -1px; transition-delay: 0.375s; }
body.nav-closed .nav-toggle-label #cross span:nth-child(1), body.nav-closed .nav-toggle-label.slide-out #cross span:nth-child(1) { height: 0%; transition-delay: 0s; }
body.nav-closed .nav-toggle-label #cross span:nth-child(2), body.nav-closed .nav-toggle-label.slide-out #cross span:nth-child(2) { width: 0%; transition-delay: 0.25s; }
@font-face {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  src: url(738824b16f0b702dc8988a78e446bbaf95748c04.eot)  format("embedded-opentype"), url(2afd7880753386f5798068b734b188c201b76b1f.svg)  format("svg");
}
@font-face {
  font-family: "fontello";
  src: url(e833793b44bce8f278900e62d819d3687b780214.)  format("woff"), url(7005a60a7500cdac3400864e767a794588cb567b.)  format("truetype");
}
.hp-post-pub-info a.icon-twitter::after, .hp-post-pub-info a.icon-facebook::after, .quote-shr a.icon-facebook::after, .quote-shr a.icon-twitter::after, #mighty-deals-subscribe-submit::before, .msml-blog-categories a::before, .wrap-dd-select::after, [class^="icon-"]::before, [class*=" icon-"]::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; }
.icon-th-list::before { content: ""; }
.icon-th::before { content: ""; }
.icon-search::before { content: ""; }
.quote-shr a.icon-twitter::after, .hp-post-pub-info a.icon-twitter::after, .icon-twitter::before { content: ""; }
.icon-rss::before { content: ""; }
.icon-cog::before { content: ""; }
.quote-shr a.icon-facebook::after, .hp-post-pub-info a.icon-facebook::after, .icon-facebook::before { content: ""; }
.icon-right-small::before { content: ""; }
.icon-play-circled::before { content: ""; }
.icon-comment::before { content: ""; }
.icon-export::before { content: ""; }
.icon-gplus::before { content: ""; }
.icon-comment-empty::before { content: ""; }
.icon-right-dir::before { content: ""; }
.icon-left-dir::before { content: ""; }
.icon-down-dir::before { content: ""; }
.icon-user::before { content: ""; }
.icon-comment-1::before { content: ""; }
.icon-print::before { content: ""; }
.icon-mail-alt::before { content: ""; }
.icon-down-small::before { content: ""; }
.icon-left-small::before { content: ""; }
.icon-up-small::before { content: ""; }
.icon-twitter-circled::before { content: ""; }
.icon-facebook-circled::before { content: ""; }
.icon-gplus-circled::before { content: ""; }
.icon-layout::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-share::before { content: ""; }
.icon-share-1::before { content: ""; }
.icon-clock-1::before { content: ""; }
.wrap-dd-select::after, .icon-down-open::before { content: ""; }
.icon-th-1::before { content: ""; }
.icon-cancel-circled::before { content: ""; }
.icon-right-thin::before { content: ""; }
.icon-article-alt::before { content: ""; }
.icon-mail::before { content: ""; }
.icon-cog-alt::before { content: ""; }
#mighty-deals-subscribe-submit::before, .icon-download-alt::before { content: ""; }
#mighty-deals-subscribe-submit::before { display: none; }
body.shiftmodal-open { overflow: hidden; }
.shiftmodal, .shiftmodal *, .shiftmodal *::before, .shiftmodal *::after { box-sizing: border-box; }
.shiftmodal { top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; position: fixed; overflow-y: scroll; box-sizing: border-box; background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0; }
.shiftmodal-opening { animation: 0.5s ease 0s normal forwards 1 running shiftmodal-content-in; }
.shiftmodal-content-opening #feat-post-img, .shiftmodal-content-opening .entry-content { opacity: 0; }
.shiftmodal-content-opening h1.new-single-title { opacity: 0; animation: 0.5s ease 0s normal forwards 1 running shiftmodal-content-in; }
@keyframes title-slide-in {
0% { left: -100%; }
100% { left: 0px; }
}
.shiftmodal-content-opening #feat-post-img { animation: 0.5s ease 0.5s normal forwards 1 running shiftmodal-content-in; }
.shiftmodal-content-opening .entry-content { animation: 1s ease 1s normal forwards 1 running shiftmodal-content-in; }
@keyframes shiftmodal-content-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
.shiftmodal .shiftmodal-content { background: rgb(255, 255, 255) none repeat scroll 0% 0%; min-height: 100%; color: rgb(0, 0, 0); position: relative; margin: 40px auto 0px; }
.shir-wrap { position: relative; display: inline-block; cursor: pointer; }
.hpop-comments, .hpop-shares { position: absolute; text-align: left; left: -9999px; top: -9999px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 0px 10px 10px; border: 1px solid rgb(221, 221, 221); z-index: 4; opacity: 0; min-width: 102px; transition: opacity 0.2s linear 0s; }
.hpop-comments { width: 330px; }
.shirw-stub { position: absolute; top: -13px; height: 13px; left: 0px; width: 100%; opacity: 0; }
.hp-share-i { padding-top: 10px; clear: both; }
.shir-wrap:hover .hpop-shares, .shir-wrap:hover .hpop-comments { opacity: 1; top: 27px; left: -50px; }
.hpop-comment { padding: 10px 0px; display: block; text-decoration: none; }
.hpop-comment .avatar { float: left; border-radius: 50%; }
.hpop-comment-info { margin-left: 70px; color: rgb(51, 51, 51); display: block; line-height: 0.9em; }
.hpop-comment-info .comment-author { font-weight: bold; color: rgb(51, 51, 51); font-size: 13px; }
.hpop-comment-info .comment-text { font-size: 0.68em; word-break: break-all; }
.linkedin-stub { cursor: pointer ! important; display: block ! important; white-space: nowrap ! important; float: left ! important; margin-left: 1px ! important; vertical-align: top ! important; text-align: center ! important; height: 20px ! important; padding: 0px 4px 0px 23px ! important; border: 1px solid rgb(0, 119, 181) ! important; text-shadow: 0px -1px rgb(0, 88, 135) ! important; border-radius: 2px ! important; background-color: rgb(0, 119, 181) ! important; color: rgb(255, 255, 255) ! important; font-size: 11px ! important; font-family: Arial,sans-serif ! important; font-weight: bold ! important; font-style: normal ! important; line-height: 22px ! important; position: relative; text-transform: none; margin-right: 30px; }
.linkedin-stub:hover { text-decoration: none ! important; border-color: rgb(3, 105, 160) ! important; background-color: rgb(3, 105, 160) ! important; }
.linkedin-stub::before { content: attr(data-shares); border-radius: 3px; cursor: pointer; border: 1px solid rgb(195, 195, 195); position: absolute; left: 64px; top: -1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 11px ! important; color: rgb(78, 78, 78) ! important; font-weight: bold ! important; font-family: Arial,sans-serif ! important; line-height: 20px ! important; text-shadow: none; overflow: hidden; white-space: nowrap; padding: 1px 6px; height: 18px; }
.linkedin-stub .lishar { background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 104px 136px; background-position: 0px 0px ! important; background-repeat: no-repeat ! important; background-color: rgb(0, 119, 181) ! important; cursor: pointer ! important; border-width: 0px 1px 0px 0px ! important; border-style: none solid none none ! important; border-color: -moz-use-text-color rgb(6, 96, 148) -moz-use-text-color -moz-use-text-color ! important; -moz-border-top-colors: none ! important; -moz-border-right-colors: none ! important; -moz-border-bottom-colors: none ! important; -moz-border-left-colors: none ! important; border-image: none ! important; text-indent: -9999em ! important; overflow: hidden ! important; padding: 0px ! important; margin: 0px ! important; position: absolute ! important; left: 0px ! important; top: 0px ! important; display: block ! important; width: 20px ! important; height: 20px ! important; float: right ! important; border-radius: 2px ! important; }
.uzlpSb { fill: rgb(221, 75, 56); display: block; }
.gplus-stub { border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 2px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); box-sizing: border-box; transition: background-color 0.218s ease 0s, border-color 0.218s ease 0s, box-shadow 0.218s ease 0s; background-color: rgb(255, 255, 255); background-image: none; text-align: center; vertical-align: middle; white-space: nowrap; height: 20px; width: 32px; cursor: pointer; display: block; outline: 0px none; position: relative; text-decoration: none; color: rgb(221, 75, 57); margin-right: 25px; }
.gplus-stub:hover { text-decoration: none; }
.gplus-stub::before { content: attr(data-shares); border-radius: 3px; cursor: pointer; border: 1px solid rgb(195, 195, 195) ! important; position: absolute; left: 37px; top: -1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(102, 102, 102) ! important; font-family: arial,sans-serif; white-space: nowrap; font-weight: normal ! important; font-size: 11px ! important; padding: 1px 6px; height: 16px; line-height: 17px ! important; }
.gplus-stub .ro { background: transparent url(9e57049b0e7f153b897bd2b82b959b830b2ea29c.png)  no-repeat scroll -29px 0px; height: 14px; width: 14px; display: inline-block; position: absolute; bottom: 0px; left: 0px; }
.fb-stub { text-transform: none ! important; background: rgb(76, 105, 186) none repeat scroll 0% 0%; border: medium none; color: rgb(255, 255, 255) ! important; cursor: pointer; font-weight: bold; height: 20px; line-height: 20px; padding: 0px 0px 0px 20px; text-shadow: 0px -1px 0px rgb(53, 76, 140); white-space: nowrap; display: inline-block; font-family: Helvetica Neue,Helvetica,Arial,sans-serif ! important; font-size: 11px ! important; width: 47px; position: relative; box-sizing: border-box; margin-right: 30px; font-style: normal; }
.fb-stub::after { content: ""; border: 0px none; color: inherit; cursor: pointer; font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; font-weight: bold; margin: -1px; outline: medium none; padding: 0px; text-shadow: 0px -1px 0px rgb(53, 76, 140); display: inline-block; height: 14px; width: 14px; position: absolute; left: 4px; top: 4px; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: 0px -26px; background-repeat: no-repeat; }
.fb-stub:hover { text-decoration: none ! important; background: rgb(91, 123, 213) none repeat scroll 0% 0%; border-color: rgb(88, 116, 195) rgb(73, 97, 168) rgb(65, 89, 159); }
.fb-stub::before { content: attr(data-shares); background: white none repeat scroll 0% 0%; border: 1px solid rgb(193, 193, 193); color: rgb(51, 51, 51) ! important; display: inline-block; height: 14px; line-height: 14px; margin-left: 6px; min-width: 15px; padding: 1px 2px; text-align: center; white-space: nowrap; position: absolute; top: 0px; left: 100%; cursor: default; text-shadow: none; font-weight: normal; }
.fb-stub::before { border-radius: 2px; padding: 2px; cursor: text; }
.li-stub-arr, .gplus-stub-arr, .fb-stub-arr, .tw-stub-arr { border-collapse: collapse; border-spacing: 0px; position: absolute; border-color: transparent rgb(215, 215, 215); border-style: solid; border-width: 4px 5px 4px 0px; display: block; top: 5px; left: 100%; margin-left: 2px; height: 0px ! important; }
.li-stub-arr, .fb-stub-arr { top: 6px; }
.li-stub-arr::after, .gplus-stub-arr::after, .tw-stub-arr::after, .fb-stub-arr::after { content: ""; border-color: transparent white transparent rgb(215, 215, 215); border-style: solid; border-width: 4px 5px 4px 0px; display: block; position: absolute; left: 2px; top: -4px; }
.tw-stub-arr::after, .fb-stub-arr::after { content: ""; border-color: transparent white transparent rgb(215, 215, 215); border-style: solid; border-width: 4px 5px 4px 0px; display: block; position: absolute; left: 2px; top: -4px; }
.tw-stub { text-transform: none; margin-right: 20px; max-width: 100%; display: inline-block; vertical-align: bottom; white-space: nowrap; text-align: left; position: relative; border-radius: 3px; -moz-user-select: none; cursor: pointer; font: 500 11px/18px "Helvetica Neue",Arial,sans-serif ! important; color: rgb(255, 255, 255) ! important; padding: 0px 5px 0px 20px; background: rgb(27, 149, 224) none repeat scroll 0% 0%; }
.tw-stub:hover, .tw-stub:active { background: rgb(12, 122, 191) none repeat scroll 0% 0%; }
.tw-stub::before { background: white none repeat scroll 0% 0%; border: 1px solid rgb(187, 187, 187); border-radius: 3px; min-width: 8px; font-weight: normal; }
.twitter-btn-wrap .tw-stub::before { display: none; }
.twitter-btn-wrap .tw-stub { margin-right: 0px; }
.tw-stub-ico { width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -6px; left: 3px; background: transparent url(275b396208d11aed2f0eed9438b3255598d85923.774z%)  no-repeat scroll 0px 0px; }
ul.suHostedBadge { width: 74px; height: 18px; z-index: 999; list-style-position: outside; list-style-type: none; position: relative; vertical-align: middle; padding: 0px; margin: 0px; }
.pop-shares ul.suHostedBadge { top: -1px; margin-left: 10px; }
.suHostedBadge li { float: left; display: inline; margin-bottom: 0px ! important; padding-left: 0px ! important; position: static ! important; }
.suHostedBadge a { display: block; overflow: hidden; border: 0px none; cursor: pointer; color: rgb(37, 141, 177); font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-decoration: none; line-height: 18px; }
.suHostedBadge a.logo { background-size: 136px 178px; background-position: 0px -152px; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; width: 20px; height: 18px; text-indent: -999em; }
.suHostedBadge a.count { width: 52px; height: 16px; left: 3px; position: relative; text-align: center; background-position: -20px -105px; background-color: rgb(239, 249, 254); border: 1px solid rgb(207, 229, 235); border-radius: 4px; }
.buffer-horizontal .bb-count { float: left; margin-left: 3px; padding-left: 8px; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: -80px -60px; position: relative; height: 20px; line-height: 20px; text-align: center; text-shadow: 0px 1px 0px rgb(255, 255, 255); cursor: pointer; text-decoration: none; color: rgb(85, 85, 85); }
.buffer-horizontal .bb-count span { font-size: 12px; font-family: arial,verdana; text-decoration: none; font-weight: bold; padding: 0px 7px 0px 3px; margin: 0px -1px 0px 0px; display: block; position: relative; }
.buffer-horizontal .bb-count span::after { background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: -134px -60px; position: absolute; top: 0px; right: 0px; height: 100%; width: 2px; content: ""; }
a.buffer_button { width: 55px; height: 20px; display: block; overflow: hidden; float: left; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: -81px 0px; }
a.buffer_button span { position: absolute; left: -99999px; }
.pin-button-stub { height: 21px ! important; padding: 0px ! important; vertical-align: baseline ! important; text-decoration: none ! important; width: 40px ! important; cursor: pointer ! important; position: relative ! important; display: inline-block ! important; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: 0px -42px; }
.pin-button-stub-count { background-color: transparent ! important; background-repeat: no-repeat ! important; color: rgb(119, 119, 119) ! important; text-align: center ! important; text-indent: 0px ! important; padding: 0px 3px 0px 10px ! important; position: absolute ! important; top: 0px ! important; left: 41px ! important; height: 20px ! important; font: 10px/20px Arial,Helvetica,sans-serif ! important; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: 0px -129px; }
.pin-button-stub-count i { background-color: transparent ! important; background-repeat: no-repeat ! important; background-image: url(1abdc266052b94c248c8ef60024768d6562e469c.png) ; background-size: 136px 178px; background-position: -43px -129px; position: absolute ! important; top: 0px ! important; right: -2px ! important; height: 20px ! important; width: 2px ! important; }
.shirw-stub { position: absolute; top: -13px; height: 13px; left: 0px; width: 100%; opacity: 0; }
.hp-shrs { position: relative; }
.hpop-comments::before, .hp-shrs::before { content: ""; border-color: transparent transparent rgb(221, 221, 221); border-style: dashed dashed solid; border-width: 0px 8.5px 8.5px; position: absolute; left: 50%; top: -8px; margin-left: -10px; z-index: 1; height: 0px; width: 0px; }
.hpop-comments::after, .hp-shrs::after { content: ""; border-color: transparent transparent rgb(255, 255, 255); border-style: dashed dashed solid; border-width: 0px 8.5px 8.5px; position: absolute; left: 50%; top: -7px; margin-left: -10px; z-index: 1; height: 0px; width: 0px; }
.hpop-comments::before, .hpop-comments::after { left: 42px; }
.animate-repeat { animation: 0.5s linear 0s normal none 1 running repeat-animation; }
@keyframes repeat-animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
[data-tooltip]:not([data-tooltip=""]) { position: relative; z-index: 2; cursor: pointer; }
[data-tooltip]:hover:not([data-tooltip=""]) { z-index: 3; }
[data-tooltip]::before, [data-tooltip]::after { visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.15s ease-in-out 0s; transform: translateX(-20px); }
[data-tooltip]:not([data-tooltip=""])::before { position: absolute; top: 50%; margin-top: -14px; margin-right: 10px; right: 100%; left: auto; padding: 5px; border-radius: 3px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); content: attr(data-tooltip); text-align: left; font-size: 13px; line-height: 18px; white-space: nowrap; text-transform: none; display: flex; text-overflow: ellipsis; overflow: hidden; max-height: 177px; }
#all-categories-list li:nth-child(4n+4) [data-tooltip]:not([data-tooltip=""])::before, .article-rect:nth-child(5n+5) .article-rect-img [data-tooltip]:not([data-tooltip=""])::before, .article-rect:nth-child(5n+5) .article-rect-img[data-tooltip]:not([data-tooltip=""])::before { margin-right: 10px; right: 100%; left: auto; transform: translateX(-20px); }
.gt-contributors .avatar::before { position: absolute; top: 50%; margin-top: -14px; margin-right: 10px; right: 100%; padding: 10px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.85); color: rgb(255, 255, 255); content: attr(title); text-align: left; font-size: 13px; line-height: 18px; white-space: nowrap; }
.article-rect-img[data-tooltip]:not([data-tooltip=""])::before, .article-rect-img [data-tooltip]:not([data-tooltip=""])::before, .app-lnk [data-tooltip]:not([data-tooltip=""])::before { width: 250px; white-space: inherit; }
#all-categories-list li [data-tooltip]:not([data-tooltip=""])::before, .atb-text [data-tooltip]:not([data-tooltip=""])::before, .article-rect-img[data-tooltip]:not([data-tooltip=""])::before, .article-rect-img [data-tooltip]:not([data-tooltip=""])::before, .gt-info [data-tooltip]:not([data-tooltip=""])::before, .hp-article-info [data-tooltip]:not([data-tooltip=""])::before, .hp-post-pub-info [data-tooltip]:not([data-tooltip=""])::before { right: auto; left: 100%; margin-left: 10px; margin-right: 0px; transform: translateX(20px); }
#all-categories-list li [data-tooltip]:not([data-tooltip=""])::after, .atb-text [data-tooltip]:not([data-tooltip=""])::after, .article-rect-img[data-tooltip]:not([data-tooltip=""])::after, .article-rect-img [data-tooltip]:not([data-tooltip=""])::after, .gt-info [data-tooltip]:not([data-tooltip=""])::after, .hp-article-info [data-tooltip]:not([data-tooltip=""])::after, .hp-post-pub-info [data-tooltip]:not([data-tooltip=""])::after { left: 100%; right: auto; margin-left: 5px; margin-right: 0px; border-width: 5px 5px 5px 0px; border-color: transparent rgb(0, 0, 0) transparent transparent; transform: translateX(20px); }
[data-tooltip]:not([data-tooltip=""])::after { position: absolute; top: 50%; right: 100%; margin-right: 5px; margin-top: -5px; width: 0px; border-style: solid; border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); content: " "; font-size: 0px; line-height: 0; }
#all-categories-list li:nth-child(4n+4) [data-tooltip]:not([data-tooltip=""])::after, .article-rect:nth-child(5n+5) .article-rect-img [data-tooltip]:not([data-tooltip=""])::after, .article-rect:nth-child(5n+5) .article-rect-img[data-tooltip]:not([data-tooltip=""])::after { right: 100%; margin-right: 5px; left: auto; border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); }
.app-lnk [data-tooltip]:not([data-tooltip=""])::after { margin-top: -45px; }
.app-lnk [data-tooltip]:not([data-tooltip=""])::before { margin-top: -54px; }
.app-lnk:hover [data-tooltip]:not([data-tooltip=""])::after, .app-lnk:hover [data-tooltip]:not([data-tooltip=""])::before, [data-tooltip]:hover:not([data-tooltip=""])::before, [data-tooltip]:hover:not([data-tooltip=""])::after { visibility: visible; opacity: 1; transform: translateX(0px) ! important; }
#apps-list .app-lnk [data-tooltip]:not([data-tooltip=""])::after { margin-right: 10px; }
#apps-list .app-lnk [data-tooltip]:not([data-tooltip=""])::before { margin-right: 15px; }
.article-rects.list-mode .git-rect, .article-rects.list-mode .pen-rect, .article-rects.list-mode .article-rect { width: auto; float: none; }
.article-rects.list-mode .git-rect > div { display: block; height: auto; }
.article-rects.list-mode .git-rect::after, .article-rects.list-mode .pen-rect::after, .article-rects.list-mode .article-rect::after { content: ""; clear: both; display: block; }
.article-rects.list-mode .article-rect-img { width: 350px; float: left; overflow: hidden; height: 222px; position: relative; }
.article-rects.list-mode .pen-rect h2, .article-rects.list-mode .article-rect h2 { font-size: 20px; line-height: 1.05em; margin-top: 0px; }
.article-rects.list-mode .article-rect-img > .book-img-lnk { position: absolute; left: 0px; top: 0px; height: 100%; padding-bottom: 0px; border-radius: 0px; }
.article-rects.list-mode .article-rect .app-item-cat { padding-top: 0px; padding-bottom: 5px; }
.article-rects.list-mode .article-rect .app-item-cat > a { top: 0px; }
.article-rects.list-mode .article-rect .app-item-cat, .article-rects.list-mode .article-rect .rect-desc, .article-rects.list-mode .pen-rect h2, .article-rects.list-mode .article-rect h2, .article-rects.list-mode .pen-rect .rect-meta, .article-rects.list-mode .article-rect .rect-meta { height: auto; padding-left: 0px; margin-left: 0px; text-overflow: initial; max-width: 75%; }
.article-rects.list-mode .pen-rect .rect-meta, .article-rects.list-mode .article-rect .rect-meta { margin-top: 0px; }
.article-rects.list-mode .article-rect-text { margin-left: 350px; height: auto; padding-left: 0px; text-overflow: initial; overflow: hidden; position: relative; }
.article-rects.list-mode .book-rect .article-rect-text { margin-left: 230px; }
.article-rects.list-mode .pen-rect > div > h2, .article-rects.list-mode .article-rect > div > h2 { margin-top: 0px; }
.article-rects.list-mode { display: block; margin: 0px; }
.article-rects.list-mode .git-rect > div, .article-rects.list-mode .pen-rect > div, .article-rects.list-mode .article-rect > div { background: transparent none repeat scroll 0% 0%; border: medium none; }
.article-rects.list-mode .book-rect > div { height: auto; display: block; }
.article-rects.list-mode .book-content { width: auto; left: 0px; padding-left: 20px; }
.article-rects.list-mode .book-info { padding: 5px 0px; }
.article-rects.list-mode .book-rect h2 { margin-left: 0px; }
.article-rects.list-mode .book-rect .article-rect-img { height: auto; width: 210px; left: 0px; padding-bottom: 0px; border: medium none; }
.article-rects.list-mode .article-rect-img img, .article-rects.list-mode .article-rect-img { border-radius: 0px; }
.article-rects.list-mode .dbb-img-anim-op-frz { width: 100%; }
.article-rects.list-mode .git-rect:hover > div, .article-rects.list-mode .pen-rect:hover > div, .article-rects.list-mode .article-rect:hover > div { transform: none; box-shadow: none; }
.article-rects.list-mode .git-rect, .article-rects.list-mode .pen-rect, .article-rects.list-mode .article-rect { padding: 15px 0px; }
.hp-left-c { float: left; width: 100%; box-sizing: border-box; padding-right: 330px; }
.blog-filter-wrap { position: relative; }
.blog-filter { position: absolute; right: 0px; top: 20px; }
.hp-pop-posts { float: right; width: 300px; box-sizing: border-box; margin-left: -100%; margin-top: 20px; }
.inner-post-sb .hp-pop-posts { margin-top: 0px; }
.article-hp-wdd-cl, .article-rects.list-mode .pen-rect, .article-rects.list-mode .article-rect { border-bottom: 1px solid rgb(233, 237, 239); }
.article-hp-wdd-cl { padding: 20px 0px; box-sizing: border-box; }
.hplc-grid .article-hp-wdd-cl { padding: 20px 10px; }
.hplc-grid .article-hp-cl-content { padding-bottom: 0px; }
.hplc-grid .article-hp-cl-content .hp-wdd-img-lnk { position: relative; height: auto; display: block; width: 100%; padding-bottom: 80%; }
.hplc-grid .hp-cat { display: none; }
.hplc-grid .article-hp-cl-content .hp-article-info { height: auto; display: block; position: relative; width: auto; padding: 0px; }
.hplc-grid .hp-excerpt { display: none; }
.hplc-grid .article-hp-cl-content .hp-p-share-icon { left: 0px; position: relative; bottom: 0px; top: auto; display: none; }
.hplc-grid .hpppi-author { display: none; }
.hplc-grid .article-hp-cl-content .hpsi-rows { position: relative; margin-top: 5px; left: -5px; display: block; }
.hplc-grid .article-hp-wdd-cl { float: left; width: 33.33%; border-bottom: 0px none; }
.hplc-grid .article-hp-wdd-cl:nth-child(3n+1) { clear: left; }
.hplc-grid .hp-article-title { font-size: 24px; }
.article-hp-cl-content { position: relative; }
.article-hp-cl-content::after { content: ""; display: block; clear: both; }
.article-rects.list-mode .article-rect > div, .article-hp-cl-content, .hp-article-info, .article-rects.list-mode .article-rect-text { transition: all 0.25s ease-in-out 0s; left: 0px; }
.article-rects.list-mode .article-rect-img::after, .article-rects.list-mode .article-rect-img::before, .article-hp-cl-content .hp-wdd-img-lnk::after, .article-hp-cl-content .hp-wdd-img-lnk::before { transition: left 0.25s ease-in-out 0s, right 0.25s ease-in-out 0s; left: 0px; }
.article-rects.list-mode .article-rect-img::after, .article-rects.list-mode .article-rect-img::before, .article-hp-cl-content .hp-wdd-img-lnk::before, .article-hp-cl-content .hp-wdd-img-lnk::after { content: ""; position: absolute; left: -20px; height: 100%; width: 20px; top: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 5; }
.article-rects.list-mode .article-rect-img::after, .article-hp-cl-content .hp-wdd-img-lnk::after { right: 0px; left: auto; }
.hp-left-c:not(.hplc-grid) .article-hp-cl-content:hover .hp-wdd-img-lnk::after { right: -20px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.article-rects.list-mode .article-rect:hover .article-rect-img::after { right: -20px; }
.article-rects.list-mode .article-rect:hover .article-rect-img::before { left: 0px; }
.hp-left-c:not(.hplc-grid) .article-hp-cl-content:hover .hp-wdd-img-lnk::before { left: 0px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.hp-left-c:not(.hplc-grid) .article-hp-cl-content:hover .hp-article-info { left: 15px; }
.article-rects.list-mode .article-rect:hover .article-rect-text { left: 20px; }
.article-hp-cl-content .hp-wdd-img-lnk { height: 0px; width: 35%; padding-bottom: 22%; position: relative; float: left; display: block; padding-right: 20px; }
.article-hp-cl-content .hp-wdd-img-lnk { background-repeat: no-repeat; background-position: center 0px; background-size: auto 120%; overflow: hidden; }
.article-hp-cl-content .hp-article-info { width: 65%; background: transparent none repeat scroll 0% 0%; position: relative; left: 0px; top: 0px; right: auto; bottom: auto; float: left; padding: 0px 20px 0px 30px; overflow: visible; margin-left: -20px; }
.article-hp-cl-content .hp-article-title a { color: rgb(0, 0, 0); }
.hpsi-row a { width: 20px; display: inline-block; }
.article-hp-wdd .hpsi-row a { color: rgb(255, 255, 255); }
.article-hp-cl-content .hp-post-pub-info, .article-hp-cl-content .hp-post-pub-info a { color: rgb(119, 119, 119); }
.quote .quote-shr { font-size: 20px; margin-top: 15px; }
.quote-shr a { opacity: 0.5; transition: all 0.5s ease-out 0s; }
.quote-shr a:hover { opacity: 0.8; }
.hp-post-pub-info a.icon-twitter, .hp-post-pub-info a.icon-facebook, .hp-post-pub-info a.icon-twitter:hover, .hp-post-pub-info a.icon-facebook:hover { color: rgb(250, 178, 58); }
.quote-shr a.icon-facebook::after, .quote-shr a.icon-twitter::after, .quote-shr a.icon-twitter, .quote-shr a.icon-facebook, .quote-shr a.icon-twitter:hover, .quote-shr a.icon-facebook:hover { color: rgb(119, 119, 119); }
#all-categories-list.authors-list li:hover, .article-hp-wdd-cl:hover { background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.script-item-block a:hover, .article-hp-cl-content .hp-article-title a:hover, .hp-cat a:hover, .article-hp-cl-content .hp-cat a:hover { text-decoration: underline; }
.hpppi-separator { display: inline-block; margin: 0px 3px; }
.hpppi-author-avatar { width: 24px; position: relative; top: -2px; margin-right: 5px; border-radius: 50%; vertical-align: middle; }
.hpppi-author a { color: rgb(90, 183, 243); }
.article-hp-cl-content .hpppi-author a { color: rgb(12, 127, 215); }
.hpppi-author a:hover { text-decoration: underline; }
#blog-list-grid-switcher { font-size: 20px; }
#transition-overlay { display: none; }
#transition-overlay.active { display: block; opacity: 1; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(242, 244, 245) none repeat scroll 0% 0%; z-index: 220; }
.ads-728x90 { margin: 40px 0px; }
#to-app-icon { display: block; }
#to-app-icon::before { transition: all 0.5s ease-out 0s; width: 262px; height: 262px; background-size: 386px auto; opacity: 0; }
#to-app-icon.animate::before { opacity: 1; transform: scaleX(0.4) scaleY(0.4) rotate(360deg); }
.t-overlay-title { position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; font-size: 33px; margin-top: -23px; }
.t-overlay-icon { position: absolute; left: 0px; width: 100%; margin-top: -200px; top: 50%; text-align: center; }
.hiding { display: none ! important; }
.animate-t-overlay { animation: 0.5s linear 0s normal none 1 running t-overlay-animation; }
@keyframes t-overlay-animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
.ftnl-left { text-align: center; position: relative; top: -15px; }
.ftnl-right { margin-top: 10px; text-align: center; }
#get-nl-header { font-weight: bold; font-size: 30px; }
#join-nl-text { font-size: 16px; line-height: 20px; font-weight: bold; }
#wdd-newsletter-subscribe-form #join-nl-text { color: rgb(255, 255, 255); }
.jnt-subscribers { color: rgb(250, 178, 58); }
.wdd-newsletter-chk-labels { margin-top: 10px; }
.wdd-newsletter-chk-label, .wdd-newsletter-chk-label a, #wdd_sb_nl_chk_txt { font-size: 13px; color: rgb(187, 187, 187); }
#wdd-newsletter-newsletter-email, #footer-subscribe-email { width: 350px; height: 40px; padding: 0px 10px; font-size: 16px; color: rgb(132, 144, 153); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: medium none; vertical-align: middle; outline: medium none; }
#freebie-pay-with-tweet-lnk, #shuffle-play-btn, .sweet-alert button, .hc-parent-lnk, .button, .v-download-btn, #footer-subscribe-btn { display: inline-block; text-transform: uppercase; cursor: pointer; height: 40px; line-height: 38px; padding: 0px; vertical-align: middle; width: 180px; font-weight: bold; font-size: 15px; text-align: center; background: rgb(250, 178, 58) none repeat scroll 0% 0%; color: rgb(31, 31, 31); border: 2px solid rgb(250, 178, 58); box-sizing: border-box; transition: all 0.25s ease-in-out 0s; outline: medium none; }
.v-download-btn { width: 100%; }
#shuffle-play-btn { margin-top: -10px; }
.sweet-alert button, .hc-parent-lnk { width: auto; padding-left: 20px; padding-right: 20px; }
#wdd-newsletter-subscribe-btn:hover, #footer-subscribe-btn:hover { color: rgb(250, 178, 58); background: rgb(28, 34, 39) none repeat scroll 0% 0%; }
.sa-success.animate ~ .sa-button-container button.confirm { background: rgb(165, 220, 134) none repeat scroll 0% 0%; border-color: rgb(165, 220, 134); }
#freebie-pay-with-tweet-lnk:hover, .sa-success.animate ~ .sa-button-container button.confirm:hover, .sweet-alert button:hover, .hc-parent-lnk:hover, .button:hover, .v-download-btn:hover, #shuffle-play-btn:hover, #shuffle-play-btn:hover, .sweet-alert button:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(31, 31, 31); }
#footer-nl { position: relative; border-bottom: 1px solid rgb(51, 51, 51); overflow: hidden; }
#footer-nl::before { content: ""; background: transparent url(fe4858213a36c9f6a0d2f6b0ff84c60fcb1c7d0a.png)  no-repeat scroll right center / auto 100px; position: absolute; bottom: 10px; left: 50%; width: 142px; height: 100px; margin-left: 310px; }
#footer-nl .content-block { max-width: 1130px; padding: 40px 0px; box-sizing: border-box; color: rgb(255, 255, 255); }
#content-wrap {  }
#footer { padding: 0px 0px 5px; }
#footer-nav-links { margin-bottom: 10px; }
#footer-nav-links a { color: rgb(194, 194, 194); font-size: 14px; display: inline-block; margin-right: 10px; }
#footer-nav-links .ae-letter.red-letter { color: rgb(250, 178, 58); text-decoration: underline; background: transparent none repeat scroll 0% 0%; }
.footer-copy { margin-top: 0px; }
#footer-nav { text-align: center; padding-top: 20px; }
.comics-shares { text-align: center; margin: 20px 0px 10px; }
.in-share-i { display: inline-block; vertical-align: top; margin: 0px 5px; }
#app-page-options .wrap-dd-select { margin-left: 10px; }
.wrap-dd-nselect { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; display: none; font-size: 16px; }
.page-template-authors .wrap-dd-select { width: 80px; min-width: 80px; }
.wrap-dd-select { font-weight: bold; font-size: 13px; border-radius: 5px; min-width: 150px; display: inline-block; cursor: pointer; -moz-user-select: none; outline: medium none; position: relative; color: rgb(0, 0, 0); background: rgb(223, 227, 229) none repeat scroll 0% 0%; padding: 10px 25px 10px 10px; }
.wrap-dd-select .selected { text-align: left; }
.page-archive-content .wrap-dd-select { width: 60px; min-width: 0px; }
.wrap-dd-select:hover { border-radius: 5px 5px 0px 0px; }
.wrap-dd-select.disabled { cursor: default; color: rgb(91, 106, 125); }
.wrap-dd-select::after { width: 0px; height: 0px; position: absolute; right: 15px; top: 50%; margin-top: -6px; color: rgb(0, 0, 0); font-size: 15px; }
.wrap-dd-select.disabled::after { border: medium none; }
.wrap-dd-select .dropdown { position: absolute; top: 100%; left: 0px; right: 0px; z-index: 10; padding: 0px; font-weight: normal; list-style: outside none none; visibility: hidden; max-height: 300px; overflow-y: auto; border: 1px solid rgb(225, 225, 229); }
.wrap-dd-select .dropdown li a { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); display: block; padding: 10px; text-decoration: none; cursor: pointer; line-height: 17px; white-space: nowrap; }
.wrap-dd-select .dropdown li a:hover { background: rgb(223, 227, 229) none repeat scroll 0% 0%; text-decoration: none; }
.wrap-dd-select .dropdown li i { float: right; color: inherit; }
.wrap-dd-select .dropdown li:last-of-type a { border-radius: 0px 0px 5px 5px; border: medium none; }
.wrap-dd-select .dropdown::after { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 15px; border-width: 0px 6px 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent; }
.wrap-dd-select .dropdown::before { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 13px; border-width: 0px 8px 8px; border-style: solid; border-color: rgba(0, 0, 0, 0.1) transparent; }
.wrap-dd-select:hover .dropdown { visibility: visible; border-radius: 0px 0px 5px 5px; }
.wrap-dd-menu { position: relative; width: 200px; margin: 0px auto; padding: 10px; }
.wrap-dd-menu.disabled { cursor: default; color: rgb(91, 106, 125); }
.wrap-dd-menu .dropdown { position: absolute; z-index: 1; top: 70%; left: 0px; right: 0px; background: white none repeat scroll 0% 0%; padding: 0px; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0.17); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); font-weight: normal; list-style: outside none none; visibility: hidden; }
.wrap-dd-menu .dropdown li.divider { padding: 2px 0px; background: rgb(230, 232, 234) none repeat scroll 0% 0%; }
.wrap-dd-menu .dropdown li.divider-label { background: rgb(230, 232, 234) none repeat scroll 0% 0%; cursor: default; color: rgb(0, 0, 0); padding: 10px 0px; }
.wrap-dd-menu .dropdown li a { display: block; padding: 10px; text-decoration: none; color: rgb(138, 168, 189); border-bottom: 1px solid rgb(230, 232, 234); box-shadow: 0px 1px 0px rgb(255, 255, 255) inset; cursor: pointer; }
.wrap-dd-menu .dropdown li i { float: right; color: inherit; }
.wrap-dd-menu .dropdown li:last-of-type a { border-radius: 0px 0px 7px 7px; border: medium none; }
.wrap-dd-menu .dropdown li:hover a { background: rgb(243, 248, 248) none repeat scroll 0% 0%; }
.wrap-dd-menu .dropdown::after { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 102px; border-width: 0px 6px 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent; }
.wrap-dd-menu .dropdown::before { content: ""; width: 0px; height: 0px; position: absolute; bottom: 100%; right: 100px; border-width: 0px 8px 8px; border-style: solid; border-color: rgba(0, 0, 0, 0.1) transparent; }
.wrap-dd-menu .dropdown.active { visibility: visible; }
.sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; z-index: 1000; }
.sweet-alert { background-color: white; font-family: "Open Sans",sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 2000; }
@media all and (max-width: 540px) {
  .sweet-alert { width: auto; margin-left: 0px; margin-right: 0px; left: 15px; right: 15px; }
}
.sweet-alert h2 { color: rgb(34, 34, 34); font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; position: relative; padding-top: 5px; }
.sweet-alert p { color: rgb(121, 121, 121); font-size: 16px; text-align: center; font-weight: 300; position: relative; margin: 0px; line-height: normal; }
.sweet-alert button { margin: 26px 5px 15px; cursor: pointer; font-size: 16px; line-height: 38px; }
.sweet-alert { background-color: white; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; }
@media all and (max-width: 540px) {
  .sweet-alert { width: auto; margin-left: 0px; margin-right: 0px; left: 15px; right: 15px; }
}
.sweet-alert p { color: rgb(121, 121, 121); font-size: 16px; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0px; padding: 0px; line-height: normal; }
.sweet-alert fieldset { border: medium none; position: relative; }
.sweet-alert .sa-error-container { background-color: rgb(241, 241, 241); margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0px 10px; max-height: 0px; transition: padding 0.15s ease 0s, max-height 0.15s ease 0s; }
.sweet-alert .sa-error-container.show { padding: 10px 0px; max-height: 100px; transition: padding 0.25s ease 0s, max-height 0.25s ease 0s; }
.sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: rgb(234, 125, 125); color: white; line-height: 24px; text-align: center; margin-right: 3px; }
.sweet-alert .sa-error-container p { display: inline-block; }
.sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; transform: scale(0.5); transform-origin: 50% 50% 0px; transition: all 0.1s ease 0s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: rgb(240, 110, 87); border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; }
.sweet-alert .sa-input-error::before { transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after { transform: rotate(45deg); }
.sweet-alert .sa-input-error.show { opacity: 1; transform: scale(1); }
.sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(215, 215, 215); height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06) inset; padding: 0px 12px; display: none; transition: all 0.3s ease 0s; }
.sweet-alert input:focus { outline: medium none; box-shadow: 0px 0px 3px rgb(196, 230, 245); border: 1px solid rgb(180, 219, 237); }
.sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s ease 0.03s; opacity: 0.5; }
.sweet-alert input::-moz-placeholder { color: rgb(189, 189, 189); }
.sweet-alert.show-input input { display: block; }
.sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; }
.sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; }
.sweet-alert[data-has-cancel-button="false"] button { box-shadow: none ! important; }
.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { padding-bottom: 40px; }
.sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; padding: 0px; position: relative; box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error { border-color: rgb(242, 116, 116); }
.sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; }
.sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: rgb(242, 116, 116); display: block; top: 37px; border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left { transform: rotate(45deg); left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right { transform: rotate(-45deg); right: 16px; }
.sweet-alert .sa-icon.sa-warning { border-color: rgb(248, 187, 134); }
.sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: rgb(250, 178, 58); }
.sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: rgb(250, 178, 58); }
.sweet-alert .sa-icon.sa-info { border-color: rgb(201, 218, 225); }
.sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: rgb(201, 218, 225); }
.sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: rgb(201, 218, 225); }
.sweet-alert .sa-icon.sa-success { border-color: rgb(165, 220, 134); }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ""; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white none repeat scroll 0% 0%; transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before { border-radius: 120px 0px 0px 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px 0px; }
.sweet-alert .sa-icon.sa-success::after { border-radius: 0px 120px 120px 0px; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0px 60px 0px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: rgb(165, 220, 134); display: block; border-radius: 2px; position: absolute; z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0px; border: medium none; background-position: center center; background-repeat: no-repeat; }
@keyframes showSweetAlert {
0% { transform: scale(0.7); }
45% { transform: scale(1.05); }
80% { transform: scale(0.95); }
100% { transform: scale(1); }
}
@keyframes hideSweetAlert {
0% { transform: scale(1); }
100% { transform: scale(0.5); }
}
@keyframes slideFromTop {
0% { top: 0%; }
100% { top: 50%; }
}
@keyframes slideToTop {
0% { top: 50%; }
100% { top: 0%; }
}
@keyframes slideFromBottom {
0% { top: 70%; }
100% { top: 50%; }
}
@keyframes slideToBottom {
0% { top: 50%; }
100% { top: 70%; }
}
.showSweetAlert[data-animation="pop"] { animation: 0.3s ease 0s normal none 1 running showSweetAlert; }
.showSweetAlert[data-animation="none"] { animation: 0s ease 0s normal none 1 running none; }
.showSweetAlert[data-animation="slide-from-top"] { animation: 0.3s ease 0s normal none 1 running slideFromTop; }
.showSweetAlert[data-animation="slide-from-bottom"] { animation: 0.3s ease 0s normal none 1 running slideFromBottom; }
.hideSweetAlert[data-animation="pop"] { animation: 0.2s ease 0s normal none 1 running hideSweetAlert; }
.hideSweetAlert[data-animation="none"] { animation: 0s ease 0s normal none 1 running none; }
.hideSweetAlert[data-animation="slide-from-top"] { animation: 0.4s ease 0s normal none 1 running slideToTop; }
.hideSweetAlert[data-animation="slide-from-bottom"] { animation: 0.3s ease 0s normal none 1 running slideToBottom; }
@keyframes animateSuccessTip {
0% { width: 0px; left: 1px; top: 19px; }
54% { width: 0px; left: 1px; top: 19px; }
70% { width: 50px; left: -8px; top: 37px; }
84% { width: 17px; left: 21px; top: 48px; }
100% { width: 25px; left: 14px; top: 45px; }
}
@keyframes animateSuccessLong {
0% { width: 0px; right: 46px; top: 54px; }
65% { width: 0px; right: 46px; top: 54px; }
84% { width: 55px; right: 0px; top: 35px; }
100% { width: 47px; right: 8px; top: 38px; }
}
@keyframes rotatePlaceholder {
0% { transform: rotate(-45deg); }
5% { transform: rotate(-45deg); }
12% { transform: rotate(-405deg); }
100% { transform: rotate(-405deg); }
}
.animateSuccessTip { animation: 0.75s ease 0s normal none 1 running animateSuccessTip; }
.animateSuccessLong { animation: 0.75s ease 0s normal none 1 running animateSuccessLong; }
.sa-icon.sa-success.animate::after { animation: 4.25s ease-in 0s normal none 1 running rotatePlaceholder; }
@keyframes animateErrorIcon {
0% { transform: rotateX(100deg); opacity: 0; }
100% { transform: rotateX(0deg); opacity: 1; }
}
.animateErrorIcon { animation: 0.5s ease 0s normal none 1 running animateErrorIcon; }
@keyframes animateXMark {
0% { transform: scale(0.4); margin-top: 26px; opacity: 0; }
50% { transform: scale(0.4); margin-top: 26px; opacity: 0; }
80% { transform: scale(1.15); margin-top: -6px; }
100% { transform: scale(1); margin-top: 0px; opacity: 1; }
}
.animateXMark { animation: 0.5s ease 0s normal none 1 running animateXMark; }
@keyframes pulseWarning {
0% { border-color: rgb(248, 212, 134); }
100% { border-color: rgb(248, 187, 134); }
}
.pulseWarning { animation: 0.75s ease 0s alternate none infinite running pulseWarning; }
@keyframes pulseWarningIns {
0% { background-color: rgb(248, 212, 134); }
100% { background-color: rgb(248, 187, 134); }
}
.pulseWarningIns { animation: 0.75s ease 0s alternate none infinite running pulseWarningIns; }
@keyframes rotate-loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {  }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {  }
.sweet-alert .sa-icon.sa-success {  }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {  }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {  }
.la-ball-fall, .la-ball-fall > div { position: relative; box-sizing: border-box; }
.la-ball-fall { display: block; font-size: 0px; color: rgb(255, 255, 255); }
.la-ball-fall.la-dark { color: rgb(51, 51, 51); }
.la-ball-fall > div { display: inline-block; float: none; background-color: currentcolor; border: 0px solid currentcolor; }
.la-ball-fall { width: 54px; height: 18px; }
.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; animation: 1s ease-in-out 0s normal none infinite running ball-fall; }
.la-ball-fall > div:nth-child(1) { animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) { animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) { animation-delay: 0ms; }
.la-ball-fall.la-sm { width: 26px; height: 8px; }
.la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; }
.la-ball-fall.la-2x { width: 108px; height: 36px; }
.la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; }
.la-ball-fall.la-3x { width: 162px; height: 54px; }
.la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; }
@keyframes ball-fall {
0% { opacity: 0; transform: translateY(-145%); }
10% { opacity: 0.5; }
20% { opacity: 1; transform: translateY(0px); }
80% { opacity: 1; transform: translateY(0px); }
90% { opacity: 0.5; }
100% { opacity: 0; transform: translateY(145%); }
}
@keyframes ball-fall {
0% { opacity: 0; transform: translateY(-145%); }
10% { opacity: 0.5; }
20% { opacity: 1; transform: translateY(0px); }
80% { opacity: 1; transform: translateY(0px); }
90% { opacity: 0.5; }
100% { opacity: 0; transform: translateY(145%); }
}
.hp-article-info { position: absolute; left: 0px; width: 100%; bottom: 0px; padding: 20px 25px; color: rgb(255, 255, 255); text-align: left; overflow: hidden; }
.article-hp-wdd .hp-cat, .article-hp-wdd .hp-article-title, .article-hp-wdd .hp-post-pub-info { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); }
.hp-post-pub-info, .hp-article-title, .hp-cat { position: relative; z-index: 2; }
.hp-cat { z-index: 3; display: block; }
.list-mode .app-item-cat a, .list-mode .md-cat label, .hp-cat > span, .hp-cat a { color: rgb(250, 178, 58); font-weight: bold; text-transform: uppercase; font-size: 13px; }
.hp-set-1 .article-hp-wdd:nth-child(1) .hp-article-title, .hp-set-3 .article-hp-wdd:nth-child(3) .hp-article-title { font-size: 42px; }
.hp-set-1 .article-hp-wdd:nth-child(2) .hp-article-title, .hp-set-1 .article-hp-wdd:nth-child(3) .hp-article-title { font-size: 29px; }
.hp-article-title { font-size: 30px; line-height: 1.2em; position: relative; }
.article-hp-wdd .hp-article-title { font-size: 25px; }
.hplc-grid .hp-article-title { font-size: 28px; margin-top: 10px; }
.hp-article-title a { color: rgb(255, 255, 255); }
.hp-post-pub-info { font-size: 14px; margin-top: 5px; position: relative; white-space: nowrap; }
.hp-post-pub-info > * { vertical-align: middle; }
.touch-body .article-hp-content:hover, .touch-body .pen-rect:hover > div, .touch-body .article-rect:hover > div, .touch-body .hp-featured:hover, .font-rect:hover > div, .touch-body .article-wdd-content:hover { transform: none; box-shadow: none; }
.touch-body .hp-left-c:not(.hplc-grid) .article-hp-cl-content:hover .hp-wdd-img-lnk::before, .touch-body .article-hp-wdd-cl:hover { background: transparent none repeat scroll 0% 0%; left: 0px; }
.touch-body .hp-left-c:not(.hplc-grid) .article-hp-cl-content:hover .hp-article-info { left: 0px; }
code[class*="language-"], pre[class*="language-"] { color: rgb(248, 248, 242); text-shadow: 0px 1px rgba(0, 0, 0, 0.3); font-family: Consolas,Monaco,"Andale Mono",monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; hyphens: none; }
pre[class*="language-"] { padding: 1em; margin: 0.5em 0px; overflow: auto; border-radius: 0.3em; }
:not(pre) > code[class*="language-"], pre[class*="language-"] { background: rgb(39, 40, 34) none repeat scroll 0% 0%; }
:not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; }
.token.punctuation { color: rgb(248, 248, 242); }
.namespace { opacity: 0.7; }
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: rgb(249, 38, 114); }
.token.boolean, .token.number { color: rgb(174, 129, 255); }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: rgb(166, 226, 46); }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: rgb(248, 248, 242); }
.token.atrule, .token.attr-value { color: rgb(230, 219, 116); }
.token.keyword { color: rgb(102, 217, 239); }
.token.regex, .token.important { color: rgb(253, 151, 31); }
.token.important { font-weight: bold; }
.token.entity { cursor: help; }
#projector { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#w404-text { position: absolute; top: 50%; width: 100%; left: 0px; z-index: 3; line-height: 1.5em; margin-top: 0px; font-size: 37px; color: rgb(12, 127, 215); text-shadow: 1px 1px rgba(0, 255, 0, 0.5), -1px -1px rgba(255, 0, 0, 0.5); }
#w404-text-content { max-width: 1200px; margin: 0px auto; }
#mt-404-wrap { background: rgb(223, 227, 229) none repeat scroll 0% 0%; overflow: hidden; animation: 5ms ease 0s normal none infinite running blue-me; height: 1000px; position: relative; }
#mt-404-wrap::after { box-shadow: 0px 0px 10em rgba(0, 0, 0, 0.75) inset; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; content: ""; }
@keyframes blue-me {
28% { background: rgb(223, 227, 229) none repeat scroll 0% 0%; }
30% { background: rgba(223, 227, 229, 0.95) none repeat scroll 0% 0%; }
33% { background: rgb(223, 227, 229) none repeat scroll 0% 0%; }
34% { background: rgba(223, 227, 229, 0.9) none repeat scroll 0% 0%; }
35% { background: rgb(223, 227, 229) none repeat scroll 0% 0%; }
}
#mt-404 { animation: 5ms ease 0s normal none infinite running track; }
#mt-404 strong { font-size: 300px; position: absolute; top: 200px; width: 100%; left: 0px; text-align: center; filter: blur(3px); color: rgb(12, 127, 215); text-shadow: 1px 3px green, -2px -3px red; }
#mt-404 span { animation: 30ms ease 0s normal none infinite running blur, 50ms ease 0s normal none infinite running flick, 50ms ease 0s normal none infinite running jump; }
@keyframes blur {
0% { filter: blur(1px); opacity: 0.8; }
50% { filter: blur(1px); opacity: 1; }
100% { filter: blur(1px); opacity: 0.8; }
}
@keyframes flick {
50% { left: 2px; }
51% { left: 0px; }
}
@keyframes jump {
30% { top: 10px; }
31% { top: 0px; }
}
@keyframes track {
40% { opacity: 1; top: 0px; left: 0px; transform: skew(0deg, 0deg); }
41% { opacity: 0.8; top: 0px; left: -100px; transform: skew(50deg, 0deg); }
42% { opacity: 0.8; top: 0px; left: 100px; transform: skew(-80deg, 0deg); }
43% { opacity: 1; top: 0px; left: 0px; transform: skew(0deg, 0deg); }
}
.screen-bottom-404 { position: fixed; bottom: 0px; width: 100%; }
.line { width: 100%; height: 3px; position: relative; animation: 1s ease 0s normal none infinite running appear, 1s ease 0s normal none infinite running flick, 5ms ease 0s normal none infinite running big-jump; }
.line .white { background: white none repeat scroll 0% 0%; position: relative; top: 0px; left: 0px; height: 4px; }
.line .red { background: red none repeat scroll 0% 0%; position: relative; top: 0px; left: 0px; height: 1px; }
.line .green { background: green none repeat scroll 0% 0%; position: relative; top: 0px; left: 0px; height: 1px; }
@keyframes appear {
0% { filter: blur(5px); opacity: 0.85; }
50% { filter: blur(3px); opacity: 0.85; }
100% { filter: blur(4px); opacity: 0.85; }
}
@keyframes big-jump {
0% { top: 0px; }
10% { top: -100px; }
12% { top: 0px; }
54% { top: 0px; }
55% { top: -300px; }
56% { top: 0px; }
86% { top: 0px; }
87% { top: -600px; }
88% { top: 0px; }
}
@media screen and (min-width: 1390px) {
  .cw-single div.article-top-block { min-height: 600px; }
}
@media screen and (min-width: 1200px) {
  .entry-content .simplePullQuote { transition: all 0.4s ease-in-out 0s; opacity: 0; transform: translate3d(0px, 50px, 0px); }
  .entry-content .simplePullQuote.showed { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@media screen and (max-width: 1200px) {
  .article-rect { width: 25%; }
  .article-rect:nth-child(5n+1) { clear: none; }
  .article-rect:nth-child(4n+1) { clear: left; }
  .entry-content .simplePullQuote { margin: 20px 0px; max-width: none; float: none; }
}
@media screen and (max-width: 1024px) {
  #color-grid, #pixelated-bg, #polygons-bg, #fixed-controls { display: none; }
  .article-hp-cl-content .hp-wdd-img-lnk { width: 30%; display: block; box-sizing: border-box; }
  .article-hp-cl-content .hp-wdd-img-lnk::after { display: none; }
  .article-hp-cl-content .hp-article-info { padding: 0px 0px 0px 20px; width: 70%; margin: 0px; }
  .rhi-left, .rhi-right { padding: 0px; float: none; width: 100%; }
}
@media screen and (max-width: 980px) {
  .article-hp-cl-content .hp-wdd-img-lnk { width: 100%; padding-bottom: 50%; }
  .article-hp-cl-content .hp-article-info { padding: 0px; width: 100%; margin: 20px 0px 0px; }
  .ads-970x90 { display: none; }
  .article-hp-wdd, .hp-set-1 .article-hp-wdd:nth-child(1), .hp-set-1 .article-hp-wdd:nth-child(2), .hp-set-1 .article-hp-wdd:nth-child(3), .hp-set-1 .article-hp-wdd:nth-child(4), .hp-set-1 .article-hp-wdd:nth-child(5), .hp-set-1 .article-hp-wdd:nth-child(6), .hp-set-1 .article-hp-wdd { position: relative; width: 50%; float: left; height: 0px; padding-bottom: 40%; left: 0px; top: 0px; bottom: auto; right: auto; }
  .article-hp-wdd .hp-article-title, .hp-set-1 .article-hp-wdd .hp-article-title { font-size: 28px ! important; }
  .article-hp-wdd:nth-child(2n+1), .hp-set-1 .article-hp-wdd:nth-child(2n+1) { clear: both; }
  .related-horizontal-item:nth-child(2n+1) { clear: left; }
  .related-horizontal-item { width: 50%; }
}
@media screen and (max-width: 960px) {
  .app-page-description { margin-right: 0px; margin-top: 10px; }
  #app-page-options:not(.play-app-options) { position: static; margin-top: 20px; padding-top: 10px; border-top: 1px solid rgb(233, 237, 239); margin-left: -80px; top: 0px; }
  #app-page-options .wrap-dd-select { margin: 0px; font-size: 12px; white-space: nowrap; }
  .app-page-description { margin-right: 0px ! important; }
  .apdt-text { padding-right: 0px ! important; }
  .app-page-description { padding-bottom: 10px; }
  #list-grid-switcher { float: right; top: -1px; position: relative; margin-left: 0px; }
}
@media screen and (max-width: 900px) {
  #comments_section { padding-right: 0px; }
  #footer-sidebar, .inner-post-sb-wrap { display: none; }
  .entry-content-wrap { padding-right: 0px; }
  .pen-rect, .git-rect, .article-rect { width: 33.33%; }
  .pen-rect { width: 50%; }
  .article-rect:nth-child(5n+1), .article-rect:nth-child(4n+1) { clear: none; }
  .article-rect:nth-child(3n+1) { clear: left; }
  .pen-rect:nth-child(4n+1), .pen-rect:nth-child(3n+1) { clear: none; }
  .pen-rect:nth-child(2n+1) { clear: left; }
  span.hm-lnk, a.hm-lnk { margin: 0px 10px; }
  .hp-left-c { margin-right: 0px; padding-right: 0px; }
  .hp-pop-posts { display: none; }
}
@media screen and (max-width: 768px) {
  .page #content > .article-area { padding-left: 10px; padding-right: 10px; }
  .in-row-ads, .ads-728x90 { display: none; }
  #apps-list { margin-left: 0px; right: 0px; left: auto; }
  .form-left, .form-right { float: none; padding: 0px; width: 100%; }
  .wpcf7-textarea { height: 150px; }
  #content > .content-block { padding: 20px 20px 40px; }
  #footer-nl { padding: 0px 10px; }
  #wdd-newsletter-newsletter-email, #footer-subscribe-email { width: 100%; margin-bottom: 20px; box-sizing: border-box; }
  #footer-nav-links { line-height: 22px; }
  #footer { position: relative; }
  #content-wrap { padding-bottom: 0px; }
  .pagination > li > a, .pagination > li > span { padding: 5px 15px; }
  .vector-img-wrap { width: 50%; }
  .v-item-info { margin-left: 0px; width: 50%; float: right; box-sizing: border-box; padding-left: 20px; }
}
@media screen and (max-width: 728px) {
  .pop-ads-728x90 { display: none; }
  span.hm-lnk .livicon, a.hm-lnk .livicon { display: none; }
  .ptl-wrd { display: none; }
  .haa-lnk, .hpppi-separator, .hpppi-author, .hppi-time { display: none; }
  #header-menu-links { position: relative; top: 5px; }
  .search-row { padding: 20px 10px; }
  .search-thumb-lnk { display: none; }
  .search-info { margin-left: 0px; }
  .cw-single div.article-top-block { margin-top: 0px; }
  .cw-single .ft-inner-img { top: 0px ! important; }
  #mighty-deals-subscribe-submit { width: 60px; padding: 0px; font-size: 0px; }
  .inner-link-effect { display: inline; }
  #mighty-deals-subscribe-email { float: left; width: calc(100% - 60px); }
  #mighty-deals-subscribe-submit::before { display: inline-block; font-size: 20px; position: relative; top: 5px; }
  .abt-text { line-height: 1.4em; }
  .page-content, .entry-content { line-height: 1.6em; }
  h1.author-title { font-size: 27px; line-height: 1.2em; }
  .vector-img-wrap img { min-height: 300px; object-fit: cover; }
  .article-entry-wrap { margin-top: 10px; }
  .quote-rect > div { padding: 25px 10px; }
  .nl-page-form-title { font-size: 22px; }
  img.alignright, img.alignleft { float: none; margin-left: auto; margin-right: auto; display: block; }
  .au-title, .ap-title, .cp-title { font-size: 23px; }
  .search-row .titlelink { font-size: 20px; margin-bottom: 5px; display: block; }
  .wrap-dd-select > span { white-space: nowrap; display: block; width: 100%; overflow: hidden; }
  .pagination-wrap { margin-top: 0px; padding: 5px 0px 10px; }
  .hp-cat a { font-weight: bold; }
  .article-rects.list-mode .play-ico { font-size: 48px; }
  h2.quote-author { font-size: 35px; }
  .git-rect h2 { padding: 10px; font-size: 20px; }
  .cp-title { padding-left: 0px; }
  .article-rects.list-mode .article-rect:hover .article-rect-text { left: 0px; }
  .article-rects.list-mode .article-rect .app-item-cat, .article-rects.list-mode .article-rect .rect-desc, .article-rects.list-mode .pen-rect h2, .article-rects.list-mode .article-rect h2, .article-rects.list-mode .pen-rect .rect-meta, .article-rects.list-mode .article-rect .rect-meta { max-width: none; }
  .article-rects.list-mode .article-rect-img { width: 90px; height: 80px; }
  .article-rects.list-mode .book-rect .article-rect-img, .list-mode .book-cover { width: 90px; height: auto; }
  .article-rects.list-mode .article-rect-img::after, .article-rects.list-mode .article-rect-img::before, .article-hp-cl-content .hp-wdd-img-lnk::before, .article-hp-cl-content .hp-wdd-img-lnk::after { display: none; }
  .article-rects.list-mode .article-rect .app-item-cat { padding: 0px 0px 5px; }
  .article-rects.list-mode .book-rect .article-rect-text, .article-rects.list-mode .article-rect-text { margin-left: 100px; }
  .book-rect .article-rect-img { border: 10px solid rgb(255, 255, 255); }
  .fancybox-inner .comics-inner-img-wrap, .fancybox-inner .comics-content { position: static; }
  body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: auto; min-height: 0px; position: relative ! important; overflow-x: hidden ! important; }
  #content-wrap.cw-single { padding-bottom: 0px; }
  #app-page-options { text-align: center; margin-left: 0px ! important; }
  #app-page-options.play-app-options { position: relative; top: 0px; margin-top: 0px; clear: both; }
  #app-page-options .wrap-dd-select { margin-right: 5px; width: 170px ! important; min-width: 0px ! important; float: left; }
  .play-share-rows, .app-page-sub-title, .app-page-description, .bottom-ads-970x90, #bsap_672, .in-row-ads, .mobile-hide, .fancybox-inner .pop-ads-728x90, .fancybox-inner .app-title-shares, .wrap-dd-select .dropdown, [data-tooltip]::after, [data-tooltip]::before { display: none ! important; }
  .wrap-dd-nselect { display: block; }
  .vector-img-wrap { float: none; width: auto; padding-right: 0px; }
  .v-item-info { margin: 20px 0px 0px; float: none; width: auto; padding-left: 0px; }
  .entry h2 { margin: 10px 0px 5px; font-size: 32px; }
  .entry h2 { font-size: 29px; }
  .entry h3 { font-size: 16px; }
  #mt-404 strong { font-size: 150px; top: 100px; }
  #text-wrapper-404, #mt-404-wrap { height: 400px; }
  #w404-text { font-size: 20px; margin-top: 60px; padding: 0px 20px; box-sizing: border-box; }
  .title-404 { font-size: 180px; }
  .subtitle-404 { font-size: 20px; white-space: normal; line-height: 1.2em; }
  #projector { display: none; }
  #ft-cats-lnk, #search-form { display: none ! important; }
  #search-f-btn { display: none; }
  .atb-text-wrap { position: relative; width: auto; }
  .post-pub-info { text-align: left ! important; margin: 0px; }
  .atb-text { position: relative; margin: 10px 0px 0px; padding: 0px; }
  h1.new-single-title { font-size: 28px; line-height: 1.2em; margin-bottom: 10px; margin-top: 10px; }
  .categories-drop-down, .apps-link-wrap:hover #apps-list { top: 50px; }
  .categories-drop-down { left: 0px; }
  .ppi-author img { width: 20px; height: 20px; vertical-align: middle; position: relative; top: 0px; left: 0px; }
  .hp-article-info { width: auto; color: rgb(51, 51, 51); background: transparent none repeat scroll 0% 0%; }
  .hp-article-info, .hp-article-title > a { color: rgb(0, 0, 0); }
  .article-hp-wdd .article-hp-content { position: relative; padding-bottom: 0px; height: auto; }
  .article-hp-wdd .ahc-img { position: relative; padding-bottom: 100%; height: auto; }
  .article-hp-wdd .hp-article-info { position: relative; padding: 10px 0px; }
  .article-hp-wdd .hp-cat, .article-hp-wdd .hp-article-title, .article-hp-wdd .hp-post-pub-info { text-shadow: none; white-space: normal; }
  .hp-post-pub-info { display: none; }
  .article-hp-wdd .hp-article-title { line-height: 1em; }
  .article-hp-wdd, .hp-set-1 .article-hp-wdd:nth-child(1), .hp-set-1 .article-hp-wdd:nth-child(2), .hp-set-1 .article-hp-wdd:nth-child(3), .hp-set-1 .article-hp-wdd:nth-child(4), .hp-set-1 .article-hp-wdd:nth-child(5), .hp-set-1 .article-hp-wdd:nth-child(6), .hp-set-1 .article-hp-wdd { height: auto; padding-bottom: 0px; }
  .content-block iframe, .comics-content img, .inline-item-block img { max-width: 100%; height: auto; }
  #fixed-controls { display: none; }
  .inner-post-sb-wrap { display: none; }
  #footer-sidebar { float: none; margin-left: 0px; margin-top: 20px; text-align: center; width: auto; }
  .google-ads-sidebar { margin: 20px auto 0px; width: 300px; }
  .paging-jump-form { display: none; }
  .article-rects { padding: 0px 5px; }
  .pen-rect, .article-rect, .git-rect, .half-rect { width: 50%; clear: both; padding: 8px; }
  .git-rect, .pen-rect { width: 100%; }
  .half-rect { display: block; width: 100%; }
  .quote { padding: 0px; min-height: 0px; }
  .quote > div { font-size: 18px; }
  .article-hp-wdd-cl { position: relative; width: 50%; float: left; height: auto; padding: 10px; left: 0px; top: 0px; bottom: auto; right: auto; border: medium none; }
  .article-hp-wdd-cl:nth-child(2n+1) { clear: left; }
  .article-hp-cl-content .hp-wdd-img-lnk { padding-bottom: 100%; }
  .article-hp-wdd-cls { margin: 0px -10px; }
  .article-hp-wdd-cls::after { content: ""; clear: both; display: block; }
  .hp-excerpt { display: none; }
  .article-hp-mobile, .article-hp-wdd-cl:nth-child(n), .article-hp-wdd:nth-child(n), .hp-set-1 .article-hp-wdd:nth-child(n) { width: 50%; clear: none; }
  .article-hp-mobile::after, .article-hp-wdd-cl:nth-child(n)::after, .article-hp-wdd::after, .hp-set-1 .article-hp-wdd:nth-child(n)::after { content: ""; clear: both; display: block; }
  .article-hp-mobile .hp-article-info, .article-hp-wdd-cl .hp-article-info, .article-hp-wdd .hp-article-info { position: relative; }
  .hppi-time .icon-clock-1, .hp-inline-shr { display: none; }
  .hp-post-pub-info { display: block; }
  .article-hp-mobile .hppi-time, .article-hp-wdd-cl .hppi-time, .article-hp-wdd .hppi-time { display: block; color: rgb(153, 153, 153); }
  .article-hp-wdd:nth-child(2n+1), .hp-set-1 .article-hp-wdd:nth-child(2n+1) { clear: none; }
  .article-hp-mobile:nth-child(3n+1), .article-hp-wdd-cl:nth-child(3n+1), .article-hp-wdd:nth-child(3n+1), .hp-set-1 .article-hp-wdd:nth-child(3n+1) { clear: both; width: 100%; float: none; border-width: 1px medium; border-style: solid none; border-color: rgb(233, 237, 239) -moz-use-text-color; padding: 20px 10px 15px; margin-bottom: 10px; }
  .article-hp-wdd:first-child, .hp-set-1 .article-hp-wdd:first-child { border-top: medium none; padding-top: 0px; }
  .article-hp-mobile:nth-child(3n+1) .hp-excerpt, .article-hp-wdd-cl:nth-child(3n+1) .hp-excerpt, .article-hp-wdd:nth-child(3n+1) .hp-excerpt, .hp-set-1 .article-hp-wdd:nth-child(3n+1) .hp-excerpt { display: flex; text-overflow: ellipsis; overflow: hidden; margin: 10px 0px; line-height: 1.3em; }
  .article-hp-content:hover, .pen-rect:hover > div, .article-rect:hover > div, .hp-featured:hover, .font-rect:hover > div, .article-wdd-content:hover { transform: none; box-shadow: none; }
  .article-rects.list-mode .article-rect h2, .article-rects.list-mode .pen-rect h2, .hp-article-title { font-size: 16px ! important; }
  .article-rects.list-mode .rect-meta-desc, .article-rect .rect-desc, .book-review { display: flex; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }
  .book-review { margin-bottom: 10px; }
  .article-hp-mobile:nth-child(3n+1) .hp-wdd-img-lnk, .article-hp-wdd-cl:nth-child(3n+1) .hp-wdd-img-lnk, .article-hp-wdd:nth-child(3n+1) .ahc-img, .hp-set-1 .article-hp-wdd:nth-child(3n+1) .ahc-img { padding-bottom: 60%; width: 100%; float: none; }
  .hp-wdd-img { display: block; }
  .ahc-img, .hp-wdd-img-lnk { background-image: none ! important; }
  .article-hp-wdd-cl .hp-article-info, .article-hp-wdd .hp-article-info, .hp-set-1 .article-hp-wdd .hp-article-info { margin-top: 0px; padding-top: 10px; }
  .article-hp-mobile:nth-child(3n+1) .hp-article-info, .article-hp-wdd-cl:nth-child(3n+1) .hp-article-info, .article-hp-wdd:nth-child(3n+1) .hp-article-info, .hp-set-1 .article-hp-wdd:nth-child(3n+1) .hp-article-info { float: none; width: 100%; padding: 10px 0px 0px; margin-top: 0px; }
  .article-hp-mobile:nth-child(3n+1) h2, .article-hp-wdd-cl:nth-child(3n+1) h2, .article-hp-wdd:nth-child(3n+1) h2, .hp-set-1 .article-hp-wdd:nth-child(3n+1) h2 { font-family: "Titling Gothic FB Cond Std"; font-style: normal; font-weight: normal; font-size: 30px ! important; line-height: 1.1em; }
  .article-hp-wdd .hp-article-title, .hp-set-1 .article-hp-wdd .hp-article-title, .hp-article-title { font-size: 20px ! important; line-height: 1.2em; word-wrap: break-word; }
  .pen-rect h2, .article-rect h2 { font-size: 15px ! important; line-height: 1.2em; word-wrap: break-word; }
  .rect-meta { overflow: hidden; }
  .rect-meta a { white-space: nowrap; }
  .pen-rect .rect-meta, .article-rect .interview-info, .article-rect .rect-desc, .article-rect .rect-meta { line-height: 1.2em; font-size: 14px; }
  #content { overflow: hidden; }
  #content > .content-block { padding: 10px 10px 20px; }
  #header-menu-links { top: 5px; position: relative; }
  span.hm-lnk, a.hm-lnk { margin: 0px 5px; font-size: 13px; }
  .app-page-title-wrap .app-icon::before { width: 52px; height: 52px; background-size: 92px auto; position: absolute; left: 0px; top: 0px; }
  .app-page-title-wrap { border-top: medium none; padding-top: 0px; }
  .apdt-text { margin-left: 0px; }
  .app-page-title-wrap .app-icon { top: -9px; width: 52px; height: 52px; }
  .app-page-title-wrap .app-icon.icon-th-1 { font-size: 40px; height: 40px; top: -2px; }
  .page-title { padding: 15px 10px 20px; }
  .app-page-title-wrap .app-page-title { font-size: 36px; top: -4px; position: relative; margin: 0px 0px 0px 10px; display: inline-block; vertical-align: middle; }
  .inner_related_posts .horizonta-post-title, .horizonta-post-title { font-size: 15px; line-height: 18px; }
  .related-horizontal-item:first-child .related-horizontal-content, .related-horizontal-item:last-child .related-horizontal-content, .related-horizontal-content { margin: 0px; }
  .related-horizontal-item { width: 50%; float: left; margin-bottom: 15px; min-height: 40px; }
  .related-horizontal-item:nth-child(2n+1) { clear: left; }
  .entry .horizontal-post-img { min-height: 0px; }
  .related-horizontal-content img { float: left; width: 50px; margin-right: 10px; }
  img.ft-inner-img { padding: 0px; display: block; }
  .cw-single div.article-top-block { margin: 0px; }
  .atb-text h1, .atb-text .post-pub-info {  }
  .atb-text .category { font-size: 13px; }
  .ppi-author { font-size: 14px; text-align: center; }
  .in-meta {  }
  .atb-text { text-align: left; width: auto; margin: 0px; padding: 0px; }
  .atb-text { position: relative; bottom: auto; padding: 10px; background: rgb(28, 34, 39) none repeat scroll 0% 0%; }
  .article-block-wrap.white { padding-top: 10px; }
  .entry-content-wrap { padding: 0px 10px; float: none; }
  .author-bio-text { padding-left: 58px; }
  .entry .post-author-name { margin-left: 58px; }
  .post-author-bio .avatar { margin: 0px; top: 20px; position: absolute; left: 0px; width: 48px; height: 48px; }
  .post-author-bio { position: relative; }
  .archive-post-author-bio { padding: 10px; margin-bottom: 20px; }
  .book-info-row { margin-bottom: 5px; }
  .author-bio-avatar img { width: 50px; height: 50px; }
  .archive-post-author-bio .author-bio-text { float: none; margin-top: 0px; padding-top: 0px; }
  .page .page-title-wrap { margin: 0px; padding-top: 0px; }
  .page .page-title { margin-bottom: 20px; margin-top: 20px; font-size: 38px; }
  .cp-avatar-link::after { content: ""; clear: both; display: block; }
  .cp-avatar-wrap { margin: 0px; }
  .cp-avatar-wrap::after, .cp-avatar-circle { display: none; }
  #all-categories-list li { float: none; width: auto; }
  div.pl-md-deal-title, .horizonta-post-title .hpi-text { color: rgb(51, 51, 51); position: relative; top: 0px; width: auto; transform: translateY(0%); display: block; margin-top: 5px; }
  .hpi-title > a { color: rgb(51, 51, 51); }
  div.pl-md-deal-title > .hpi-title, .horizonta-post-title .hpi-text > .hpi-title { width: auto; padding: 0px; background: transparent none repeat scroll 0% 0%; border: medium none; }
  .pop-post-info::after, div.pl-md-deal-title > .hpi-title::after, .horizonta-post-title .hpi-text > .hpi-title::after { display: none; }
  #header-menu-links, #article-sticky-stuff { display: none; }
  #comments_section { padding-left: 0px; }
  .cp-avatar-wrap img { width: 80px; height: 80px; }
  .aua-info { margin-left: 90px; }
  #main-header .content-block { height: 50px; }
  #logo { left: 50%; margin-left: -29px; z-index: 2; background: rgb(250, 178, 58) none repeat scroll 0% 0% / auto 100%; width: 58px; height: 58px; position: absolute; border-radius: 50%; transform: translate3d(0px, 0px, 0px); top: -2px; box-shadow: 0px 0px 0px 10px rgb(28, 34, 39); }
  #logo-svg-wrap { top: 11px; }
  #logo_svg_path { fill: rgb(41, 41, 41); stroke: rgb(41, 41, 41); }
  #logo_Layer_1 { width: 44px; height: 38px; }
  #main-header-before { height: 12px; background-size: 300px 100%; }
  #main-header { padding-top: 12px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 41; }
  body { padding-top: 62px; }
  #mms-wrap { display: block; top: 10px; float: none; margin-top: 0px; margin-left: 0px; position: absolute; left: 0px; width: 100%; box-sizing: border-box; padding: 0px 10px; text-align: left; }
  .m-sb-mode #m-side-menu { display: block; }
  .search-active #search-form { width: 260px; }
  .search-ico { background: transparent none repeat scroll 0% 0%; color: rgb(187, 187, 187); font-size: 28px; padding-top: 18px; }
  .aptw-search .app-icon { display: none; }
  .aptw-search .app-page-title { margin: 0px; font-size: 27px; line-height: 1.2em; }
}
@media screen and (max-width: 480px) {
  #app-page-options .wrap-dd-select { width: 160px ! important; }
}
@media screen and (max-width: 375px) {
  #app-page-options .wrap-dd-select { width: 104px ! important; }
}
@media screen and (max-width: 320px) {
  #app-page-options .wrap-dd-select { width: 76px ! important; }
}
@media (orientation: landscape) and (max-width: 667px) {
  .fancybox-inner .comics-content img { max-height: 250px; }
}
@media print {
  .bottom-ads-970x90, .fancybox-nav, .after-entry-wrap, .pop-ads-728x90, .app-title-shares, body.fancybox-lock #content-wrap, #article-sticky-stuff, #fixed-controls, .inner-post-sb-wrap, .hp-pop-posts, .pagination-wrap, .fancybox-close, #main-header, #footer { display: none ! important; }
  .in-meta { top: 0px; position: relative; color: rgb(0, 0, 0); }
  .atb-text { padding: 0px; }
  .atb-text-wrap { position: relative; }
  h1 { color: rgb(0, 0, 0) ! important; }
  .atb-text { color: rgb(0, 0, 0); background: transparent none repeat scroll 0% 0%; width: auto; padding: 0px; }
  #content-wrap { padding-bottom: 0px; }
  div, img { max-width: 100% ! important; }
  .entry-content-wrap { padding: 0px; float: none; }
  body { background: rgb(255, 255, 255) none repeat scroll 0% 0% ! important; }
  .fancybox-opened .fancybox-skin, body, .fancybox-wrap { min-height: 0px; height: auto ! important; position: relative ! important; top: 0px ! important; left: 0px ! important; width: auto ! important; box-shadow: none ! important; }
  .fancybox-lock .fancybox-overlay { position: relative; background: transparent none repeat scroll 0% 0%; overflow: visible ! important; }
  .fancybox-lock #content-wrap { display: none; }
}