/*
Theme Name:BNS 3.0
Theme URI:
Description:BNS 3.0
Author:BNS
Version:3.0
Tags:
*/
/* -------------------
GENERAL
--------------------*/
*{margin:0;padding:0;list-style-type:none}
html{color:#000;background:#f2f2f2;font-family:'Lora',Georgia,sans-serif;line-height:150%;font-size:1.2em}
a img{border:0}
a{color:#000;text-decoration:underline;font-weight:normal}
a:hover{color:#777;text-decoration:underline}
a.link{color:#4285f4;text-decoration:underline;font-weight:bold}
a.link:hover{color:#1a0dab;text-decoration:underline}
.hidden{display:none}
.clear{clear:both}
.strong{font-weight:bold}
.wrapper{width:1020px;margin:0 auto}
#google{display:none}
#signature{height:26px;width:107px;background:url('img/signature.jpg') top left no-repeat;margin-bottom:80px}
#content{background:#fff;padding-top:30px}
/* -------------------
GLOBAL
--------------------*/
#global{height:23px;overflow:hidden;width:100%;margin:0 auto;font-family:'Raleway','Arial',Helvetica,sans-serif;border-bottom:1px solid #bbb}
#global li:hover a{color:#000}
#global ul{list-style:none;height:23px;overflow:hidden;text-align:center;display:block;line-height:18px}
#global li{display:inline-block}
#global a{text-transform:lowercase;color:#aaa;font-size:0.5em;display:block;text-decoration:none;padding:0 5px}
#global ul:after{content:"";clear:both;display:block}
/* -------------------
HEADER
--------------------*/
#header{height:53px;text-align:center;line-height:50px;overflow:hidden;font-family:'Raleway','Arial',Helvetica,sans-serif;text-align:center;background:#fff}
#header .wrapper{border-bottom:3px solid #bbb}
#header a{color:#aaa;text-decoration:none;height:100%;display:block;font-weight:bold}
#header section{float:left;font-size:0.8em;font-weight:normal;height:50px;line-height:50px;margin-left:5px}
#header section em{font-style:normal;font-weight:bold;text-transform:capitalize;display:inline-block;border-radius:5px;padding:0 10px;line-height:28px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;color:#fff}
#header section a{padding:0;display:inline-block;border:1px solid #4285f4;height:auto;line-height:100%;border-radius:6px;background:#fff}
#header section a span{padding-right:5px;color:#4285f4}
#header aside{display:none}
#header nav#lines,#header nav#glass{float:right;font-size:0.8em;cursor:pointer;width:50px}
#header nav#lines span{font:normal 16px/1 Genericons;display:block;line-height:50px}
#header nav#glass span{font:normal 20px/1 Genericons;display:block;line-height:50px}
#header nav#lines span:before {content:'\f419'}
#header nav#glass span:before {content:'\f400'}
#progress{z-index:14;height:3px;position:fixed;top:0;left:0;right:0}
#progress div{height:3px;width:0;background:#9ac400;transition:all 0.5s ease;border-right:1px solid #fff}
#header aside#mobile-nav{display:none}
#header aside#mobile-search{display:none}
#search-box{display:none;max-width:auto}
#search-box form{line-height:10px;position:relative}
#search-box input{-webkit-appearance:none;font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;width:100%;box-sizing:border-box;padding:5px;font-size:0.85em;outline:none;text-align:left;height:34px;border-radius:5px;background:transparent;border:2px solid #eee;background:#eee;margin-top:10px}
#search-box input:focus{border:3px solid #f0fbed;background:#f0fbed;box-shadow:0 0 5px #777}
#search-box button#search-button-box{-webkit-appearance:none;position:absolute;top:0;right:0;padding:0 5px;height:34px;line-height:34px;margin-top:10px;background:transparent;cursor:pointer;border:0;color:#444}
#search-box button#search-button-box:hover{color:#444}
#search-box button#search-button-box span{font:normal 20px/1 Genericons;display:block;line-height:34px}
#search-box button#search-button-box span:after{content:'\f400'}
#mob-navigation{display:none}

#an{color:#4285f4;font-weight:bold;font-size:0.8em;line-height:150%;margin-bottom:30px;margin-top:-20px;text-align:center;padding:0 30px;font-family:'Raleway','Arial',Helvetica,sans-serif;padding:5px}
/* -------------------
SEARCH
--------------------*/
#search{float:right;width:200px;margin-right:5px}
#search form{line-height:10px;position:relative}
#search input{-webkit-appearance:none;font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;width:100%;box-sizing:border-box;padding:5px;font-size:0.85em;outline:none;text-align:left;height:34px;border-radius:5px;background:transparent;border:3px solid #eee;background:#eee;margin-top:8px}
#search input:focus{border:3px solid #f0fbed;background:#f0fbed;box-shadow:0 0 5px #777}
#search button#search-button{-webkit-appearance:none;position:absolute;top:0;right:0;padding:0 5px;height:34px;line-height:34px;margin-top:8px;background:transparent;cursor:pointer;border:0}
#search button#search-button:hover{color:#444}
#search button#search-button span{font:normal 20px/1 Genericons;display:block;line-height:34px}
#search button#search-button span:after{content:'\f400'}
/* -------------------
NAV
--------------------*/
#nav{font-size:0.6em;width:100%;font-family:'Raleway','Arial',Helvetica,sans-serif;font-weight:bold;text-align:left;background:#34495e;padding:20px 0 0}
#nav ul{column-count:4;font-size:1.1em}
#nav ul.children{column-count:1;padding-bottom:20px;font-size:1em}
#nav li{display:block;-webkit-column-break-inside:avoid;break-inside:avoid}
/* #nav li{display:block;float:left;width:calc(100% / 6)} */
#nav a{box-sizing:border-box;padding:3px 5px;line-height:20px;text-decoration:none;font-weight:normal;color:#fff;font-weight:bold;color:#fff;font-size:1.1em}
#nav ul li ul a{font-weight:normal;color:#bbb;font-size:1em}
#nav a:hover{color:#fff}
/* -------------------
TABLE
--------------------*/
#table{margin:30px 5px 0;box-sizing:border-box;background:#eee;border:10px solid #eee;box-shadow:0 0 1px #777;border-radius:5px}
#table h1{font-weight:bold;font-family:'Bree Serif',Georgia,sans-serif;color:#000;line-height:130%;padding-top:20px;padding-bottom:20px;font-size:1.8em;display:block;text-align:center;background:#fff;border-bottom:1px solid #eee}
#big-table .table-data{border:3px solid #fff;margin-bottom:0;background:#fff;box-shadow:none;margin-left:0;margin-right:0;border-radius:0 !important}
#big-table .table-data th, #big-table .table-data td{width:16%}
#big-table #comparison th, #big-table #comparison td{width:-moz-calc(100% / 6);width:-webkit-calc(100% / 6);width:calc(100% / 6)}
#comparison,.comparison,#specification,.specification{font-size:0.6em !important;font-family:'Raleway','Arial',Helvetica,sans-serif}
.table-data{border:1px solid #eee;width:calc(100% - 10px);margin-bottom:20px;border-collapse:collapse;font-size:0.8em;box-shadow:0 0 1px #777;border-radius:5px;margin-left:5px;margin-right:5px;overflow:hidden}
#big-table .table-data{width:100%}
#big-table .table-data img{display:block;margin:0 auto}
#comparison th,#comparison td,#specification th,.comparison th,.comparison td,.specification th{width:25%}
.table-data th{border:1px solid #eee;padding:0 5px;text-align:left}
.table-data td{background:#eee;border:1px solid #fff;padding:0 5px}
.table-data td.first{background:#f0fbed}
#comparison th.comparison-pic,.comparison th.comparison-pic{vertical-align:top;text-align:center;padding:10px;line-height:130%}
#section #comparison th.comparison-pic p,#section .comparison th.comparison-pic p{font-size:1em}
#comparison th.comparison-pic img,.comparison th.comparison-pic img{display:block;margin:0 auto 10px}
.comparison-review {margin-top:10px;font-style:italic}
#big-table td a,#comparison td a,.comparison td a{display:block;margin:0;width:100%;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:150%;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;color:#fff;text-align:center;padding:5px 0;margin:5px 0}
#big-table td a:hover,#comparison td a:hover,.comparison td a:hover{background:#1a0dab;color:#fff;text-decoration:none}
#nav a:hover{color:#fff}
/* -------------------
TABLES
--------------------*/
.table{margin:0 auto 40px;box-sizing:border-box;border:10px solid #f0fbed;background:#f0fbed;box-shadow:0 0 1px #777;border-radius:5px}
.table p{margin-bottom:0 !important;padding:10px 10px 20px}
.article-table .table-data{border:3px solid #fff;margin-bottom:0;background:#fff;box-shadow:none;margin-left:0;margin-right:0;border-radius:0 !important;table-layout:fixed;min-width:100%;font-size:0.6em !important;font-family:'Raleway','Arial',Helvetica,sans-serif}
.article-table tr{height:60px;overflow:hidden}
.article-table tr:first-child td{border-top:0 !important}
.article-table .table-data tr,.article-table .table-data th{border:3px solid #fff}
.article-table td.comparison-picture{width:50px;height:60px;padding:0 5px;background:#fff}
.article-table .comparison-picture a img{display:block;height:50px;width:50px;border-radius:5px}
.article-table .table-data td{border-top:3px solid #f0fbed !important}
.article-table .comparison-name{height:60px;padding:0 8px;background:#fff;border-left:0 !important;line-height:150%}
.article-table .comparison-name a{text-decoration:none}
.article-table .comparison-name span{display:inline-block}
.article-table .comparison-name span.comparison-name-content{color:#000;text-transform:uppercase;font-size:1.1em;line-height:150%}
.article-table .comparison-name span.comparison-name-meta{font-weight:normal;color:#777}
.article-table td.comparison-price{height:60px;padding:0 5px;width:100px;font-weight:bold;text-align:center;border-left:0 !important;padding-left:5px;background:#fff}
.article-table .comparison-price a{width:calc( 100% - 10px);margin:5px;display:block;height:28px;text-decoration:none;line-height:28px;text-align:center;font-size:1.1em;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;color:#fff;font-weight:bold}
.article-table .comparison-price a:hover{background:#1a0dab}
#section .article-table img{margin-bottom:0}
/* -------------------
SECTION
--------------------*/
#section{width:690px;margin:0 auto 30px;box-sizing:border-box;padding:0}
#section.home{width:auto;padding-top:30px}
#section.home a{font-weight:bold}
#breadcrumbs{font-size:0.8em;line-height:135%;color:#777;margin-bottom:20px;text-transform:lowercase;font-family:'Raleway','Arial',Helvetica,sans-serif}
#breadcrumbs a{color:#444;text-decoration:none}
#section h1,#section h2,#section h3,#section h4,#section h5,#section h6{font-weight:bold;font-family:'Bree Serif',Georgia,sans-serif;color:#000;line-height:150%;margin-bottom:20px;margin-top:40px}
#section h3,#section h4,#section h5,#section h6{color:#000;margin-top:40px}
#section h1 {font-size:1.7em;color:#000;line-height:130%;margin-top:0 !important}
#section h1#search-title em{font-weight:normal;color:#777}
#section h1 a{color:#000;text-decoration:none}
#section h1 a:hover{color:#0c8675}
#section h2{font-size:1.5em;border-top:3px solid #bbb;padding-top:20px;padding-bottom:20px;border-bottom:3px solid #bbb;text-align:center;margin-top:40px}
#section h2.about{font-size:1.5em;border-top:0;padding-top:0;padding-bottom:0;border-bottom:0;text-align:left;margin-top:40px}
#section h2.about a{color:#000}
#section h3{font-size:1.3em;margin-top:40px}
#section .product h3{margin-top:0}
#section h4,#section h5,#section h6{font-size:1.1em}
#section span#updated{margin-bottom:30px;padding:10px 5px;font-size:0.8em;line-height:100%;text-align:center;color:#aaa;display:block;font-family:'Raleway','Arial',Helvetica,sans-serif;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
#section p#updated{font-family:'Raleway','Arial',Helvetica,sans-serif;text-transform:uppercase;font-size:0.8em;color:#777}
#section p#special{font-size:1.2em;text-align:center;margin-bottom:30px;font-family:'Bree Serif',Georgia,sans-serif}
#opening,.opening{font-size:1em;line-height:180%;/* font-weight:bold */}
#section #opening p,#section .opening p{font-size:1em}
#section p{margin-bottom:20px;line-height:180%;font-size:0.85em}
#section ul,#section ol{margin-bottom:20px;font-size:0.85em}
#section li{margin-left:30px;margin-bottom:20px;line-height:180%}
#section #sources ol,#section #sources ul{font-size:0.7em}
#section #sources li{list-style-type:decimal}
#section #sources li:before{content:none}
#section #sources li a{font-weight:normal;color:#444;text-decoration:underline}
#section #sources li a:hover{font-weight:normal;color:#777;text-decoration:underline}
#section #sources li em{color:#aaa}
#section li:before{content:'\00bb';display:block;position:relative;max-width:0;max-height:0;left:-20px;top:0}
#section ul li,#section ol li ul li{margin-bottom:10px}
#section ul li ul li{margin-bottom:10px}
#section ul li ul,#section ul li ol,#section ol li ul,#section ol li ol{margin-top:10px}
#section ol li,#section ul li ol li{margin-bottom:10px}
#section ol li ol li{margin-bottom:10px}
#section blockquote{font-weight:bold;display:block;margin-bottom:10px;margin-left:20px;padding-left:20px;border-left:5px solid #9ac400;padding-bottom:10px;border-bottom:1px solid #9ac400;width:250px;float:right;font-size:1.1em;clear:both;color:#9ac400}
#section blockquote p{margin-bottom:0}
#section li:before{color:#9ac400}
#section pre{font-family:monospace;border:1px solid #eee;padding:5px;margin-bottom:20px;display:block;overflow-x:scroll;font-size:1em}
#section code{font-family:monospace;font-size:1.2em;padding:0 3px}
#section img{margin-bottom:20px;max-width:100%}
#section p img{margin-bottom:0}
#section p span.format-ib{display:inline-block}
#section hr{margin-bottom:20px;border:0}
#section hr.review-hr{border-top:3px solid #bbb;margin-top:50px}
#section p img.alignright{margin-left:20px;margin-bottom:20px;float:right}
#section p img.alignleft{margin-right:20px;margin-bottom:20px;float:right}
#section p img.aligncenter{margin:0 auto;margin-bottom:20px;display:block}
#section #tags{font-size:0.5em;color:#aaa;font-style:italic;text-align:justify;line-height:150%;font-family:'Raleway','Arial',Helvetica,sans-serif}
#section #tags a{color:#aaa;font-weight:normal}
#section #tags a:hover{color:#777}
#section .review-section{border:1px solid #bbb;border-top:5px solid #9ac400;padding:0 20px;margin-top:40px;box-shadow:0 0px 10px 0px #777}
#section .review-section h2{margin-top:0;border-top:0}
#intro{border-top:3px solid #bbb;padding-top:20px;clear:both}
/* #intro h1{border-top:1px solid #bbb;display:block;padding-top:30px} */
#intro h1{margin-bottom:20px;border-top:1px solid #bbb;display:block;padding-top:30px;font-size:1.5em;color:#000;line-height:125%}
#intro p{padding-bottom:20px;line-height:180%;font-size:0.85em}
#shot,.shot{float:right;margin-bottom:20px;margin-left:20px}
#related{text-align:center;margin-bottom:30px;font-family:'Raleway','Arial',Helvetica,sans-serif}
#related-left{float:left;width:290px}
#related-right{float:right;width:290px}
#related a{font-weight:bold;color:#fff;border-radius:5px;text-decoration:none;display:block;width:100%;line-height:50px;font-size:0.7em}
#related-left a{color:#999;border:1px solid #999;background:#fff}
#related-left a:hover{color:#000;border:1px solid #000}
#related-right a{color:#999;border:1px solid #999;background:#fff}
#related-right a:hover{color:#000;border:1px solid #000}
.product{padding:20px;margin:0 5px 30px;border:5px solid #f0fbed;box-shadow:0 0 3px #777}
.product h3 a{color:#000}
.inlinestars{display:inline-block;color:#4285f4}
.inlinestars span.full-star,.inlinestars span.half-star,.inlinestars span.empty-star{font:normal 20px/1 Genericons;height:30px;width:30px}
.product img{float:left;margin-right:30px}
#section .product p{line-height:150%}
.pros-cons{font-size:0.8em;border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-bottom:20px}
.pros-cons div.pro{float:left;width:50%}
.pros-cons div.con{float:left;width:50%;text-align:right}
.access-review{width:250px;float:right;text-align:center;font-size:0.8em}
.access-review a{font-weight:bold;border-radius:5px;text-decoration:none;display:block;width:100%;line-height:50px;font-family:'Raleway','Arial',Helvetica,sans-serif;color:#999;border:1px solid #999;background:#fff}
.access-review a:hover{color:#000;border:1px solid #000}
.access-link{border:0;margin:0;text-align:center;padding:0;box-shadow:none;position:relative;float:left}
.access-link a{display:block;margin:0;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:50px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;line-height:50px;color:#fff;float:right}
.access-link a:hover{background:#1a0dab}
#star-table,.star-table{width:295px;height:300px;box-sizing:border-box;margin-bottom:20px;box-shadow:0 0 1px #777;border-radius:5px;margin-left:5px;border-top:5px solid #fff}
#all-stars,.all-stars{text-align:center;background:#fff;padding:5px;line-height:30px;height:30px}
#star-table span.full-star,#star-table span.half-star,#star-table span.empty-star,.star-table span.full-star,.star-table span.half-star,.star-table span.empty-star{font:normal 30px/1 Genericons;height:30px;width:30px}
#star-table span.full-star:before,.star-table span.full-star:before,.inlinestars span.full-star:before{content:'\f512'}
#star-table span.half-star:before,.star-table span.half-star:before,.inlinestars span.half-star:before{content:'\f513'}
#star-table span.empty-star:before,.star-table span.empty-star:before,.inlinestars span.empty-star:before{content:'\f511'}
#general-rating,.general-rating{border-bottom:1px solid #bbb;text-align:center;font-style:italic;font-size:0.8em;padding-bottom:5px;margin:0 10px}
#star-table .rating-criteria,.star-table .rating-criteria{border-bottom:1px solid #bbb;padding:3px 5px;font-size:0.8em;line-height:26px;background:#fff;margin:0 10px}
#star-table .rating-criteria span.full-star,#star-table .rating-criteria span.half-star,#star-table .rating-criteria span.empty-star,.star-table .rating-criteria span.full-star,.star-table .rating-criteria span.half-star,.star-table .rating-criteria span.empty-star{font:normal 20px/1 Genericons;height:24px;width:20px;line-height:24px}
#star-table span.stars,.star-table span.stars{float:right;line-height:24px}
#star-cta,#section a.star-cta{width:100%;width:calc( 100% - 10px);margin:5px;display:block;height:47px;text-decoration:none;line-height:47px;text-align:center;font-size:1.1em;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;color:#fff;font-weight:bold}
#star-cta:hover,#section a.star-cta:hover{background:#1a0dab}
#star-table .rating-criteria span.full-star, #star-table .rating-criteria span.half-star, #star-table .rating-criteria span.empty-star,#all-stars,.star-table .rating-criteria span.full-star, .star-table .rating-criteria span.half-star, .star-table .rating-criteria span.empty-star,.all-stars,.inlinestars{color:#4285f4}
#section #other h3{margin-bottom:0}
#section #other a{font-weight:normal}
#section #other li{margin-left:0;margin-bottom:0}
#section #other li:before{content:''}
.separator{height:3px;background:#bbb;margin-bottom:30px}
#navlinks{text-align:center;margin-bottom:30px}
#discount,#section .discount{border:5px solid #f0fbed;background:#f0fbed;margin:0 5px 20px;text-align:center;padding:20px;box-shadow:0 0 1px #777;border-radius:5px}
#discount h2,#section .discount h4{padding-top:0;padding-bottom:0;margin-top:0;border:0}
#section .discount h4 a{text-shadow:0 1px 0 #fff}
#discount span a,#section .discount span a{display:block;margin:0 auto;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:50px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;line-height:50px;color:#fff;max-width:100%}
#discount span a:hover,#section .discount span a:hover{background:#1a0dab}
/* -------------------
INDEX
--------------------*/
#section.index{width:100%}
#section.index article{margin-bottom:30px;margin-top:20px;clear:both;padding-top:20px}
#section.index article:first-child{margin-top:0;padding-top:0}
#section.index article h2{letter-spacing:0;margin:0;padding:0;border:0;text-align:left;margin-bottom:20px;clear:both;border-top:1px solid #bbb;padding-top:20px}
#section.index article:first-child h2{border-top:0;padding-top:0}
#section.index article h2 a{color:#000;text-decoration:none}
#section.index article .image{background:#eee;display:block;width:300px;height:300px;overflow:hidden;box-sizing:border-box;position:relative;float:left}
#section.index article .image:before{display:block;content:'';position:absolute;width:100%;height:100%;-moz-box-shadow:inset 0px 0px 30px 1px rgba(250,250,250,1);-webkit-box-shadow:inset 0px 0px 30px 1px rgba(250,250,250,1);box-shadow:inset 0px 0px 30px 1px rgba(250,250,250,1)}
#section.index article ul{float:right;width:calc(100% - 350px)}
#section.index article li.more{font-size:0.8em}
#section.index article ul span{display:block;font-size:0.8em}
#section.index article footer a{border-top:3px solid #fff;display:block;text-align:center;font-size:0.9em;text-transform:uppercase;font-weight:bold;color:#fff;text-decoration:none;line-height:50px;background:#ccc}
#section.index article footer a:hover{background:#888}
#support{border-top:3px solid #bbb;clear:both;padding:40px 0 20px;text-align:center}
#support h2{font-family:'Bree Serif',Georgia,sans-serif;text-transform:uppercase;margin-bottom:40px}
#support p a{opacity:0.6;margin:0 20px 20px;display:inline-block}
#support p a:hover{opacity:1}
#support p img{max-height:50px;max-width:100%;margin:0;display:inline-block}
#crumbs-cat{text-align:center}
/* -------------------
FEATURE
--------------------*/
#feature{margin:0 5px 30px;border:5px solid #f0fbed;background:#f0fbed;padding:20px;box-shadow:0 0 1px #777;border-radius:5px;box-sizing:border-box}
#feature a{text-shadow:0 1px 0 #fff}
#feature ul{margin-bottom:0}
#feature ul li{list-style-type:decimal}
#feature ul li:before{content:none}
/* -------------------
SOCIAL BUTTONS
--------------------*/
.socialbox{border-collapse:collapse;border:0;width:100%;margin-bottom:30px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;clear:both}
.social{text-align:center;transition:box-shadow 0.5s ease;transition:border-bottom 0.5s ease;width:276px;margin:10px auto}
.button{border:5px solid #fff;float:left}
.social a{width:100%;box-sizing:border-box;height:36px;overflow:hidden;display:block;line-height:36px;text-decoration:none;color:#fff;background:#bbb;position:relative;border-radius:50px;width:36px}
.social a em{display:none;position:absolute;right:0;bottom:0;font-style:normal;font-size:10px;line-height:12px;padding-right:2px;font-weight:normal}
.social a span{font:normal 18px/1 Genericons;display:block;line-height:36px}
.social a.social-twitter span:before{content:'\f202'}
.social a.social-twitter:hover{background:#4099ff}
.social a.social-google span:before{content:'\f218'}
.social a.social-google:hover{background:#d34836}
.social a.social-facebook span:before{content:'\f204'}
.social a.social-facebook:hover{background:#3b5998}
.social a.social-stumbleupon span:before{content:'\f223'}
.social a.social-stumbleupon:hover{background:#f74425}
.social a.social-linkedin span:before{content:'\f207'}
.social a.social-linkedin:hover{background:#007bb6}
.social a.social-pinterest span:before{content:'\f209'}
.social a.social-pinterest:hover{background:#c92228}
.social a.social-tumblr span:before{content:'\f214'}
.social a.social-tumblr:hover{background:#35465c}
.social a.social-email span:before{content:'\f410'}
.social a.social-email:hover{background:#4285f4}
/* -------------------
TABLE OF CONTENTS
--------------------*/
div#toc_container{width:-moz-calc(100% - 10px) !important;width:-webkit-calc(100% - 10px) !important;width:calc(100% - 10px) !important;background:#fff !important;border:0 !important;padding:0 !important;margin:0 5px 20px !important;border:1px solid #bbb !important;border-top:0 !important;clear:both;box-shadow:0 0px 10px 0px #777}
#toc_container ul.toc_list{padding:0px 10px !important;margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;font-size:1em !important}
#toc_container ul.toc_list li{margin-left:0 !important;border-top:3px solid #bbb !important;margin-bottom:0 !important}
#toc_container ul.toc_list li ul{margin-top:0 !important;margin-left:10px !important;margin-bottom:0 !important;border-top:3px solid #fff !important;font-size:1em !important}
#toc_container ul.toc_list li ul li{border-top:1px solid #bbb !important}
#toc_container ul.toc_list li:last-child{border-bottom:0 !important}
#toc_container ul.toc_list li a{text-decoration:none !important;font-size:0.8em !important;color:#444 !important;display:block !important;width:100% !important;padding:5px !important;box-sizing:border-box !important;font-weight:bold !important;line-height:180% !important}
#toc_container ul.toc_list li ul li a{font-weight:normal !important}
#toc_container ul.toc_list li a:hover{color:#000 !important}
#toc_container ul.toc_list li:before{content:''}
#toc_container p.toc_title{font-weight:bold !important;display:block !important;font-family:'Bree Serif',Georgia,sans-serif !important;color:#000 !important;padding:15px 10px !important;font-size:1.3em !important;border-top:5px solid #9ac400 !important;margin-bottom:0 !important;line-height:100% !important}
#toc_container p.toc_title span.toc_toggle{font-weight:normal !important;font-size:0.8em}
#toc_container p.toc_title a{font-weight:normal !important;text-transform:lowercase !important;color:#777 !important}
#toc_container ul.toc_list li a span.toc_number{font-weight:bold !important}
/* -------------------
FRONT
--------------------*/
#section{margin-bottom:0 !important}
#section .recent_article,.cat div .recent_article{margin:0 5px 30px;width:calc( ( 100% - 70px ) / 3);float:left;margin-left:25px;box-sizing:border-box;padding:10px;background:#f0fbed;box-shadow:0 0 1px #777;border-radius:5px;height:100px}
#section .recent_article:first-child,.cat div .recent_article:first-child{margin-left:5px}
#section .recent_article:nth-child(3n + 1),.cat div .recent_article:nth-child(3n + 1){margin-left:5px}
#section .recent_image,.cat .recent_image{background:#eee;width:80px;float:left;margin-right:10px;border-radius:5px;overflow:hidden;box-shadow:0 0 1px #777}
#section .recent_image a,.cat .recent_image a{line-height:50%}
#section .recent_image img,.cat .recent_image img{margin-bottom:0;width:80px;height:80px;display:block}
#section .recent_text,.cat .recent_text{box-sizing:border-box;overflow:hidden;height:80px}
#section .recent_text p,.cat .recent_text p{margin-bottom:0;font-size:0.8em}
#section h2.recent_title,.cat h3.recent_title{font-weight:bold;padding:0;border:0;text-align:left;margin:0;font-size:0.9em;font-family:'Bree Serif',Georgia,sans-serifm}
#section h2.recent_title a,.cat h3.recent_title a{font-weight:bold;color:#000;text-decoration:none}
#section .recent_meta,.cat .recent_meta{font-family:'Raleway','Arial',Helvetica,sans-serif;font-size:0.7em;display:block;padding:5px 0 0;line-height:135%}
#section .recent_meta span,.cat .recent_meta span{display:block}
#section .recent_category,.cat .recent_category{display:inline-block;margin-right:15px}
#section .recent_date,.cat .recent_date{display:inline-block;color:#aaa}
#section .recent_meta a,.cat .recent_meta a{color:#000;text-decoration:none}
section.cat{border-top:3px solid #bbb;padding-top:30px}
section.cat h2{font-weight:bold;text-align:center;margin-bottom:30px;font-family:'Bree Serif',Georgia,sans-serif}
section.cat h2 a{font-weight:bold;text-decoration:none}
#cat-h1{font-weight:bold;text-decoration:none;font-family:'Bree Serif',Georgia,sans-serif;margin:0 auto 30px;text-align:center}

#section .hero_article{border:5px solid #eee;box-shadow:0 0 3px #777;margin:0 5px 30px;width:calc( ( 100% - 220px ) / 6);float:left;margin-left:25px;position:relative}
#section .hero_article:first-child{margin-left:5px}
#section .hero_article:nth-child(6n + 1){margin-left:5px;clear:both}
#section .hero_image{background:#eee;position:relative}
#section .hero_image a{line-height:50%}
#section .hero_image img{margin-bottom:0;width:100%;display:block}
#section .hero_text{box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;width:100%}
#section h2.hero_title{padding:0;border:0;text-align:left;margin:0;font-size:0.6em;width:100%;background:#eee;opacity:0.8}
#section h2.hero_title a{padding:10px;display:block;color:#000;text-decoration:none;width:auto;padding-bottom:5px}
#section h2.hero_title a span{text-shadow:0 1px #fff}

#welcome{border-bottom:3px solid #bbb;padding:50px 10px 80px;text-align:center}
#welcome h1{margin-bottom:20px;color:#000;font-size:2.4em;line-height:135%;font-family:'Bree Serif',Georgia,sans-serif}
#welcome #catch-in{background:#f0fbed;font-weight:bold;padding:0 5px;display:inline-block;min-width:120px;transform:rotate(-7deg);box-shadow:0 0 1px #777;border-radius:5px}
/* -------------------
ASIDE
--------------------*/
#aside{margin:30px auto 0;padding-top:30px;background:#f0fbed}
#aside .aside_article{border:5px solid #eee;box-shadow:0 0 3px #777;margin:0 5px 30px;width:calc( ( 100% - 220px ) / 6);float:left;margin-left:25px;position:relative}
#aside .aside_article:first-child{margin-left:5px}
#aside .aside_article:nth-child(6n + 1){margin-left:5px;clear:both}
#aside .aside_image{background:#eee;position:relative}
#aside .aside_image a{line-height:50%}
#aside .aside_image img{margin-bottom:0;width:100%;display:block}
#aside .aside_text{box-sizing:border-box;overflow:hidden;position:absolute;bottom:0;width:100%;padding:0;border:0;text-align:left;font-size:0.65em;background:#eee;opacity:0.8;line-height:150%}
#aside .aside_text a{padding:10px;display:block;color:#000;text-decoration:none;width:auto;padding-bottom:5px;font-weight:bold}
#aside .aside_text a span{text-shadow:0 1px #fff}
/* -------------------
FIXED
--------------------*/
#fixed{position:fixed;top:-300px;left:0;right:0;text-align:center;height:60px;line-height:60px;z-index:13}
#fixed div{width:1020px;margin:0 auto;border-bottom:3px solid #bbb;box-shadow:0 20px 20px -20px #777;background:#fff;overflow:hidden;height:60px}
#desc{width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 300px);width:calc(100% - 300px);display:block;float:left;font-size:0.8em}
#fixed a{float:right;display:block;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;height:50px;box-sizing:border-box;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;font-family:'Raleway','Arial',Helvetica,sans-serif;line-height:50px;margin:5px;color:#fff}
#fixed a:hover{background:#1a0dab}
/* ---------------
BACK TO TOP
--------------- */
#back{position:fixed;right:20px;bottom:-5px;height:60px;width:60px;overflow:hidden;text-align:center;border-radius:5px}
#back a{float:left;height:60px;width:60px;display:block;background:#000;opacity:0.2;filter:alpha(opacity=20);line-height:60px;color:#fff;text-decoration:none}
#back a span{font:normal 60px/1 Genericons;display:block;line-height:60px;text-align:center;margin-left:2px}
#back a span:before{content:'\f432'}
#back:hover a{opacity:0.5;filter:alpha(opacity=50)}
#back.off{display:none}
#back.on{display:block}
/* -------------------
FOOTER
--------------------*/
#footer{color:#888;clear:both;font-family:'Raleway','Arial',Helvetica,sans-serif;background:#f2f2f2;line-height:20px;font-size:0.5em;text-align:right;text-transform:lowercase;padding:20px 0;border-top:1px solid #e4e4e4}
#footer a{color:#888;text-decoration:none}
#footer a:hover{color:#222}
#footer-left{float:left;font:normal 12px/1 Genericons}
#footer-left a{display:block;float:left;height:20px;width:20px;text-align:center;margin-left:10px;border:1px solid #f2f2f2;border-radius:20px}
#footer-left a:first-child{margin-left:0px}
#footer-facebook:before{content:'\f204';height:20px;line-height:20px;width:20px}
#footer-twitter:before{content:'\f202';height:20px;line-height:20px;width:20px}
#footer-google:before{content:'\f218';height:20px;line-height:20px;width:20px}
#footer-pinterest:before{content:'\f209';height:20px;line-height:20px;width:20px}
#footer-tumblr:before{content:'\f214';height:20px;line-height:20px;width:20px}
#footer-feedburner:before{content:'\f413';height:20px;line-height:20px;width:20px}
#footer-right{float:right;padding:0 10px}
#footer-right span{display:inline-block;margin:0 10px}
#footer-notice{margin-top:20px;text-align:center;text-transform:initial}
/* -------------------
PRODUCT CARD
--------------------*/
#section .product-card{border:5px solid #f0fbed;background:#f0fbed;margin:40px 5px 20px;text-align:center;box-shadow:0 0 1px #777;border-radius:5px;position:relative;padding:20px;min-height:200px}
#section .product-meta{float:left;width:calc( 100% - 200px );padding-right:20px;box-sizing:border-box}
#section .product-meta h3{margin:0;text-align:left;margin-bottom:70px}
/* #section .product-meta h3 a{color:#000} */
#section .product-image{float:right;width:200px;position:absolute;top:20px;right:20px}
#section .product-image img{float:none;margin:0 !important;height:auto !important;border:1px solid #ccc}
#section .product-button{border:0;margin:0;text-align:center;padding:0;box-shadow:none;position:absolute;left:20px;bottom:20px}
#section .product-button a{display:block;margin:0;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:50px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;line-height:50px;color:#fff;margin-top:20px}
#section .product-button a:hover{background:#1a0dab}
/* -------------------
PICK CARD
--------------------*/
#section .best-pick{border:5px solid #f0fbed;margin:40px 5px 40px;text-align:center;box-shadow:0 0 1px #777;border-radius:5px;position:relative;padding:20px;min-height:200px;clear:both;background:#f0fbed}
#section .best-pick-info{float:left;width:calc( 100% - 200px );padding-right:20px;box-sizing:border-box}
/* #section .product-meta h3 a{color:#000} */
#section .best-pick-image{float:right;width:200px;position:absolute;top:20px;right:20px}
#section .best-pick-image img{float:none;margin:0 !important;height:auto !important;border:1px solid #ccc}
#section .best-pick-text{margin-bottom:70px;text-align:left;line-height:150%}
#section .best-pick-button{border:0;margin:0;text-align:center;padding:0;box-shadow:none;position:absolute;left:20px;bottom:20px}
#section .best-pick-button a{display:block;margin:0;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:50px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;line-height:50px;color:#fff;margin-top:20px}
#section .best-pick-button a:hover{background:#1a0dab}
/* -------------------
PICK WIDGET
--------------------*/
#aside nav#best-pick-widget{border:5px solid #f0fbed;text-align:center;box-shadow:0 0 1px #777;border-radius:5px;padding:20px;background:#f0fbed;border:0}
#best-pick-image-widget{width:100%;text-align:center}
#best-pick-image-widget img{float:none;margin:0 !important;height:auto !important;width:100%;margin-bottom:20px;max-width:150px;border:1px solid #ccc}
#best-pick-text-widget{margin-bottom:20px;text-align:left;line-height:150%;font-size:0.8em}
#best-pick-text-widget a{display:inline;padding:0;margin:0;font-size:1em;font-weight:bold;color:#4285f4;text-decoration:underline}
#best-pick-text-widget a:hover{color:#1a0dab;text-decoration:underline}
#best-pick-button-widget{border:0;margin:0 auto;text-align:center;padding:0;box-shadow:none}
#best-pick-button-widget a{display:block;margin:0;width:100%;font-weight:bold;text-decoration:none;font-size:1.1em;line-height:50px;box-sizing:border-box;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;line-height:40px;color:#fff;font-size:0.95em}
#best-pick-button-widget a:hover{background:#1a0dab;color:#fff}
/* ---------------
TIMELY OFFER
--------------- */
#timely{background:#fff;border-top:5px solid #4285f4;position:fixed;bottom:-500px;left:0;right:0;text-align:center;color:#000;padding:10px 0;line-height:40px;box-shadow:0 0 20px #444;transition:all 1s ease-in-out}
#timely.visible{bottom:0}
#timely span{display:inline-block;margin:0 10px}
#timely-label{font-size:1.2em}
#timely-close{display:block;position:absolute;top:-20px;right:10px;color:#444;height:30px;width:30px;border-radius:50px;border:3px solid #4285f4;line-height:26px;background:#fff;text-decoration:none;font-weight:bold;font-family:'Raleway','Arial',Helvetica,sans-serif}
#timely #timely-button a {display:block;width:290px;font-weight:bold;text-decoration:none;font-size:1.1em;height:50px;box-sizing:border-box;border-radius:5px;background:#4285f4;text-shadow:0 2px 0 #1a0dab;font-family:'Raleway','Arial',Helvetica,sans-serif;line-height:50px;margin:5px;color:#fff}
#timely #timely-button a:hover{background:#1a0dab}
/* ---------------
TOPIC PAGE
--------------- */
section#topic{margin-top:20px;margin-bottom:30px}
section#topic h1{font-size:2em;color:#000;line-height:130%;margin-top:0 !important}
section#topic section.sub-topic{border-top:1px solid #bbb;margin-top:20px;padding-top:20px}
section#topic section.sub-topic .sub-topic-head h2{float:left}
section#topic section.sub-topic .sub-topic-head span{float:right}
section#topic section.sub-topic h2 a{color:#000;font-weight:bold;text-decoration:none}
section#topic section.sub-topic h2 a:hover{color:#777}
#topic .topic-row{margin-top:20px}
#topic .topic_article{margin:0 5px 30px;width:calc( ( 100% - 70px ) / 3);float:left;margin-left:25px}
#topic .topic_article:first-child{margin-left:5px}
#topic .topic_article:nth-child(3n + 1){margin-left:5px;clear:both}
#topic .topic_image{border:5px solid #eee;background:#eee;border-bottom:5px solid #eee}
#topic .topic_image a{box-sizing:border-box;line-height:50%;position:relative;width:100%;display:block}
#topic .topic_image a:hover{color:#000}
#topic .topic_image img{box-sizing:border-box;margin-bottom:0;width:100%;display:block;position:relative}
#topic .topic_image span{box-sizing:border-box;width:100%;display:block;position:absolute;bottom:0;background:#eee;padding:20px 10px;line-height:135%;font-weight:bold;font-size:1.2em;opacity:0.8;text-shadow:0 2px #fff}
#topic .topic_text{box-sizing:border-box;overflow:hidden;padding:5px 0}
#topic .topic_text p{margin-bottom:0;font-size:0.8em}
#topic .topic_meta{font-family:'Raleway','Arial',Helvetica,sans-serif;font-size:0.7em;margin-bottom:10px;border-bottom:1px solid #bbb;display:block;padding:5px 0 10px;line-height:135%}
#topic .topic_meta span{display:block}
#topic .topic_date{display:inline-block;color:#aaa}
/* -------------------
CONTACT FORM
--------------------*/
div.wpcf7{background:#eee;border:3px solid #bbb;border-radius:5px;padding:20px !important;font-size:0.8em}
div.wpcf7 small{color:#777;font-style:italic}
.contact-name{float:left;width:calc(50% - 10px)}
.contact-email{float:right;width:calc(50% - 10px)}
.contact-name,.contact-email,.contact-subject,.contact-message,.contact-recaptcha,.contact-expertise{margin-bottom:10px}
.contact-subject,.contact-message,.contact-recaptcha,.contact-expertise{clear:both}
.contact-recaptcha{margin-top:20px}
.contact-submit{margin-top:20px}
.wpcf7-form-control-wrap p{display:none}
div.wpcf7 input[type="text"],div.wpcf7 input[type="email"],div.wpcf7 select{font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;width:100%;box-sizing:border-box;line-height:30px;height:40px;outline:none;resize:none;font-size:1.1em;padding:5px;border:1px solid #aaa}
div.wpcf7 textarea{font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;width:100%;box-sizing:border-box;line-height:30px;height:220px;outline:none;resize:none;font-size:1.1em;padding:5px;border:1px solid #aaa;margin-bottom:-10px}
div.wpcf7 input[type="submit"]{background:#4285f4;text-align:center;color:#fff;border:2px solid #4285f4;font-weight:bold;line-height:40px;font-family:'Raleway','Arial',Helvetica,sans-serif;border-radius:5px;font-size:1.1em;text-decoration:none;display:inline-block;text-shadow:0 2px 0 #1a0dab;padding:0 10px;cursor:pointer;outline:none;-webkit-appearance:none}
div.wpcf7 input[type="submit"]:hover{background:#1a0dab;border:2px solid #1a0dab;cursor:pointer}
div.wpcf7 input[type="text"]:focus,div.wpcf7 input[type="email"]:focus,div.wpcf7 select:focus,div.wpcf7 textarea:focus{box-shadow:0 0 5px #aaa}
.wpcf7-validation-errors,.wpcf7-spam-blocked{color:#9f6000;background-color:#feefb3;border:1px solid #9f6000;font-weight:bold;margin-top:20px;padding:10px;line-height:125%;font-size:1.2em}
.wpcf7-mail-sent-ok{color:#4f8a10;background-color:#dff2bf;border:1px solid #4f8a10;font-weight:bold;margin-top:20px;padding:10px;line-height:125%;font-size:1.2em}
.screen-reader-response{display:none}
.wpcf7-not-valid-tip[role="alert"]{color:red;margin-top:0;margin-bottom:0;line-height:125%;display:block;font-style:italic}
/* -------------------
NAV PAGES
--------------------*/
nav#pages{float:right;margin-right:20px}
nav#pages ul li{float:left}
nav#pages ul li a{display:block;font-size:0.6em;text-transform:uppercase;padding:0 20px;height:48px;line-height:48px;margin-top:2px}
nav#pages ul li a:hover{color:#4285f4}
nav#pages-mobile{height:40px;overflow:hidden;width:100%;background:#f0fbed;border-collapse:collapse;border:0;font-family:'Raleway','Arial',Helvetica,sans-serif;border-bottom:1px solid #bbb;table-layout:fixed;display:none}
nav#pages-mobile ul{display:table-row}
nav#pages-mobile ul li{display:table-cell;text-align:center}
nav#pages-mobile ul li a{display:block;font-size:0.6em;text-transform:uppercase;height:40px;line-height:40px;width:100%;font-weight:bold;text-decoration:none;color:#444}
nav#pages-mobile ul li a:hover{color:#4285f4}
/* -------------------
TEAM
--------------------*/
#section h2.team-h2{font-size:1.35em;border:0;background:transparent;border-radius:0;padding:0;text-align:left;margin-top:40px;text-shadow:none;border-top:3px solid #bbb;padding-top:20px}
#section table.team-table{table-layout:fixed;width:100%;border-collapse:collapse}
#section table.team-table tr{border-top:1px solid #bbb}
#section table.team-table tr td.member-image{padding:10px;text-align:center;width:40px}
#section table.team-table tr td.member-image img{height:38px;width:38px;border-radius:80px;border:1px solid #777;margin-bottom:0;display:block}
#section table.team-table tr td.member-info{font-size:0.8em;line-height:100%}
#section table.team-table tr td.member-info .member-job{font-size:0.9em;font-weight:normal;color:#777;font-style:italic}
#section table.team-table tr td.member-info small{font-weight:normal;color:#777;font-style:italic}
#section table.team-table tr td.member-info small a{color:#777}
#section table.team-table tr td.member-info small a:hover{color:#444}
#section table.team-table tr td.member-twitter{padding:10px 0;text-align:center;width:40px}
#section table.team-table tr td.member-twitter a{text-decoration:none;color:#777}
#section table.team-table tr td.member-twitter a:hover{color:#444}
#section table.team-table tr td.member-twitter a span{height:40px;width:40px;font:normal 18px/1 Genericons;display:block;line-height:40px}
#section table.team-table tr td.member-twitter span:before{content:'\f202'}
#authors{font-family:'Raleway','Arial',Helvetica,sans-serif;font-weight:bold;color:#777;font-size:0.8em}
.author_box{height:40px;line-height:40px;margin-right:20px;margin-bottom:20px;float:left}
.author_box_2{font-family:'Raleway','Arial',Helvetica,sans-serif;height:auto;margin-top:20px;margin-bottom:0;width:calc((100% / 4) - 20px);margin-left:10px;margin-right:10px;font-size:0.8em;font-weight:bold;color:#777}
#section img.author_image,.author_image{float:left;display:block;height:38px;width:38px;line-height:85%;border:1px solid #777;border-radius:50px;background:#eee;margin-right:5px;overflow:hidden;margin-bottom:0}
/* -------------------
CATEGORY NAV
--------------------*/
#navigation{font-size:0.7em;text-transform:uppercase;font-weight:bold;color:#bbb;line-height:40px;margin-top:-30px;margin-bottom:30px;font-family:'Raleway','Arial',Helvetica,sans-serif;background:#eee}
#navigation-wrapper{position:relative}
#navigation-wrapper a:hover{color:#4285f4}
#navigation-more{float:right;height:40px;line-height:40px;background:#eee}
#navigation-more a{text-decoration:none;color:#aaa;background:#eee;line-height:40px;width:100px;display:block;height:40px;text-align:center;transition:none;font-weight:bold}
#navigation-more a:hover{background:#4285f4;color:#fff}
#navigation-visible-links{height:40px;overflow:hidden;display:inline-table;margin-left:3px}
#navigation-visible-links li{display:table-cell}
#navigation-visible-links li a{text-decoration:none;color:#aaa;line-height:40px;margin-right:10px;display:block;height:40px;transition:none;font-weight:bold;padding:0 10px}
#navigation-visible-links li a:hover{color:#4285f4}
#navigation-hidden-links{position:absolute;right:0;top:40px;background:#eee;z-index:9}
#navigation-hidden-links li{display:block}
#navigation-hidden-links li a{text-decoration:none;color:#aaa;line-height:40px;padding:0 20px;display:block;height:40px;border-top:3px solid #fff;transition:none;font-weight:bold}
#navigation-hidden-links li a:hover{color:#4285f4}
/* -------------------
TABLET
--------------------*/
@media (max-width:1020px) {
	#fixed{}
	#fixed div{width:690px}
	.wrapper{width:690px}
	.notablet,#tags{display:none}
	#section{float:none}
	#global{display:none}
	#big-table #comparison th, #big-table #comparison td{width:25%}
	#big-table .table-data th, #big-table .table-data td{width:25%}
	#nav ul{column-count:3}
	/* #nav li{display:block;float:left;width:calc(100% / 4)} */
	#section .recent_article,.cat div .recent_article{margin-left:25px;width:calc( ( 100% - 40px ) / 2)}
	#section .recent_article:first-child,.cat div .recent_article:first-child{margin-left:5px}
	#section .recent_article:nth-child(3n + 1),.cat div .recent_article:nth-child(3n + 1){margin-left:25px}
	#section .recent_article:nth-child(2n + 1),.cat div .recent_article:nth-child(2n + 1){margin-left:5px}
	#section .hero_article{margin-left:25px;width:calc( ( 100% - 140px ) / 4)}
	#section .hero_article:first-child{margin-left:5px}
	#section .hero_article:nth-child(6n + 1){margin-left:25px;clear:none}
	#section .hero_article:nth-child(4n + 1){margin-left:5px;clear:both}
	/* #section .recent_article:last-child{display:none} */
	#aside .aside_article{margin-left:25px;width:calc( ( 100% - 140px ) / 4)}
	#aside .aside_article:first-child{margin-left:5px}
	#aside .aside_article:nth-child(6n + 1){margin-left:25px;clear:none}
	#aside .aside_article:nth-child(4n + 1){margin-left:5px;clear:both}
	#topic .topic_article{margin-left:25px;width:calc( ( 100% - 40px ) / 2)}
	#topic .topic_article:first-child{margin-left:5px}
	#topic .topic_article:nth-child(3n + 1){margin-left:25px;clear:none}
	#topic .topic_article:nth-child(2n + 1){margin-left:5px;clear:both}
	#search{width:150px}
	
	.author_box_2{width:calc((100% / 3) - 20px)}
}
/* -------------------
MOBILE
--------------------*/
@media (max-width:690px) {
	#content{padding-top:53px}
	#shot,.shot{float:none;margin:0 auto 20px;display:block}
	#fixed a{float:none;margin-left:auto;margin-right:auto}
	#fixed{}
	#fixed div{width:100%;min-width:320px}
	.wrapper{width:calc( 100% - 20px );min-width:320px}
	#section{width:calc( 100% - 20px );margin-left:auto;margin-right:auto}
	.nomobile,#desc,#comparison,.comparison{display:none}
	#related-left{float:none;width:300px;margin:0 auto;margin-bottom:20px}
	#related-right{float:none;width:300px;margin:0 auto}
	#section p img.alignright,#section p img.alignleft{margin:0 auto;margin-bottom:20px;display:block;float:none}
	#section blockquote{width:auto;float:none;margin-left:10px;margin-right:20px;margin-bottom:20px;font-size:1.1em}
	#section .product h3{text-align:center;font-size:1.3em}
	.inlinestars{display:block}
	.product img{float:none;display:block;margin:0 auto 30px}
	.pros-cons div.pro,.pros-cons div.con{float:none;text-align:center;width:100%}
	.access-link{float:none}
	.access-link a{float:none;margin:0 auto 20px;width:252px}
	.access-review{width:250px;float:none;text-align:center;font-size:0.8em;margin:0 auto}
	#footer-left{float:none;text-align:center;margin-bottom:10px}
	#footer-left a{float:none;display:inline-block}
	#footer{padding-left:10px;padding-right:10px;height:auto}
	#footer-right{float:none;text-align:center}
	.table-data{font-size:0.6em}
	#discount a,.discount a{width:100%;max-width:290px}
	#star-table,.star-table{width:300px;margin:0 auto 20px}
	#section.index article h2{text-align:center}
	#section.index article .image{float:none;margin:0 auto 20px}
	#section.index article ul{float:none;width:100%;margin:0 auto}
	#section .product-meta{float:none;width:100%;padding-right:0}
	#section .product-meta h3{margin:0;text-align:center;margin-bottom:0}
	#section .product-meta h3 a{color:#000}
	#section .product-image{float:none;width:100%;position:relative;top:0;right:0;text-align:center;line-height:85%}
	#section .product-image img{float:none}
	#section .product-button{position:relative;left:0;bottom:0;margin-bottom:20px}
	#section .product-button a{margin:20px auto 0;width:100%}
	#section .best-pick-info{float:none;width:100%;padding-right:0}
	#section .best-pick-image{float:none;width:100%;position:relative;top:0;right:0;text-align:center;line-height:85%}
	#section .best-pick-image img{float:none}
	#section .best-pick-text{margin-bottom:0}
	#section .best-pick-button{position:relative;left:0;bottom:0;margin-bottom:0}
	#section .best-pick-button a{margin:20px auto 0;width:100%;max-width:290px}
	#discount a, #section .discount a{width:100%}
	#other .widget{width:auto;float:none}
	#intro{margin:0 10px 20px}
	#nav ul{column-count:2}
	/* #nav li{display:block;float:left;width:calc(100% / 2)} */
	#section .recent_article,.cat div .recent_article{margin-left:5px;margin-right:5px;width:calc( 100% - 10px );margin-bottom:10px}
	#section .recent_article:nth-child(3n + 1),.cat div .recent_article:nth-child(3n + 1){margin-left:5px}
	#section .recent_text{height:auto}
	#section .hero_article{margin-left:25px;width:calc( ( 100% - 60px ) / 2)}
	#section .hero_article:first-child{margin-left:5px}
	#section .hero_article:nth-child(4n + 1){margin-left:25px;clear:none}
	#section .hero_article:nth-child(2n + 1){margin-left:5px;clear:both}
	#search{display:none}
	#section .recent_article:last-child,.cat div .recent_article:last-child{display:block}
	.cat div.cat_box{padding-bottom:30px !important}
	#aside .aside_article{margin-left:25px;width:calc( ( 100% - 60px ) / 2)}
	#aside .aside_article:first-child{margin-left:5px}
	#aside .aside_article:nth-child(4n + 1){margin-left:25px;clear:none}
	#aside .aside_article:nth-child(2n + 1){margin-left:5px;clear:both}
	section#topic{margin-left:10px;margin-right:10px}
	#topic .topic_article{margin-left:5px;margin-right:5px;width:calc( 100% - 10px )}
	#topic .topic_article:nth-child(3n + 1){margin-left:5px}
	.article-table .comparison-name span.comparison-name-content{text-transform:none}
	.article-table .comparison-name span.comparison-name-meta{display:none}
	nav#pages{display:none}
	.contact-name,.contact-email{width:100%}
	#header{position:fixed;top:0;left:0;right:0;z-index:12;box-shadow:0 20px 20px -20px #777}
	#header section{margin-left:0;float:none}
	#authors_2{display:none}
	#navigation{display:none}
	#header aside#mobile-nav{width:50px;height:50px;float:left;display:block}
	#header aside#mobile-nav a span{font:normal 16px/1 Genericons;display:block;line-height:50px;width:50px}
	#header aside#mobile-nav a span:before{content:'\f419'}
	#header aside#mobile-search{width:50px;height:50px;float:right;display:block}
	#header aside#mobile-search a span{font:normal 20px/1 Genericons;display:block;line-height:50px;width:50px}
	#header aside#mobile-search a span:before{content:'\f400'}
	#header aside#mobile-nav a,#header aside#mobile-search a{width:50px;height:50px;line-height:50px;display:block;text-decoration:none;color:#444;text-align:center}
	#search-box{position:fixed;top:53px;left:0px;right:0px;background:#fff;box-shadow:0 10px 10px -10px #444;border-bottom:3px solid #bbb;z-index:11;padding:0 10px 10px}
	#navigation-more{display:none}
	#mob-navigation{display:none;position:fixed;top:53px;left:0px;right:0px;bottom:0px;height:auto;box-shadow:0 10px 10px -10px #444;z-index:10;margin-top:0;overflow-y:scroll;background:#fff}
	#mob-navigation li{display:block}
	#mob-navigation li a{display:block;font-family:'Raleway','Arial',Helvetica,sans-serif;font-size:0.6em;text-transform:uppercase;padding:0 20px;height:48px;line-height:48px;text-decoration:none;font-weight:bold;border-bottom:1px solid #bbb;color:#444}
	#mob-navigation li.big a{border-top:2px solid #bbb}
	#mob-navigation li.last a{border-bottom:3px solid #bbb}
	#mob-navigation li a:hover{color:#444}
}