/* ------------------------------------------------------------
    Photographyblog.com v3.3
    CSS by Luke Stevens - 2009-2018
    This version 2012-2018
    lukestevensdesign.com
------------------------------------------------------------ */


/* ------------------------------------------------------------
    Fonts
------------------------------------------------------------ */

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('/_css/fonts/modernpictograms/modernpics-webfont.eot');
    src: url('/_css/fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
    url('/_css/fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
    url('/_css/fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
    url('/_css/fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Generated by icomoon */

@font-face {
    font-family: 'pblog-glyphs';
    src: url('/_css/fonts/pblog-glyphs/pblog-glyphs.eot?pbupfi');
    src: url('/_css/fonts/pblog-glyphs/pblog-glyphs.eot?#iefixpbupfi') format('embedded-opentype'),
    url('/_css/fonts/pblog-glyphs/pblog-glyphs.woff?pbupfi') format('woff'),
    url('/_css/fonts/pblog-glyphs/pblog-glyphs.ttf?pbupfi') format('truetype'),
    url('/_css/fonts/pblog-glyphs/pblog-glyphs.svg?pbupfi#pblog-glyphs') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'pblog-glyphs';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {content: "\e600"; }
.icon-bubble:before {content: "\e601"; }
 .icon-star:before {content: "\e602"; } /*outline*/
.icon-star2:before {content: "\e605"; } /*half*/
 .icon-star3:before {content: "\e607"; } /*solid*/
.icon-mail:before {content: "\e608"; }
 .icon-facebook:before {content: "\e603"; } /*f*/
 .icon-facebook2:before {content: "\e604"; } /*box*/
 .icon-twitter:before {content: "\e606"; }
 .icon-feed:before {content: "\e609"; }
.icon-feed2:before {content: "\e60a"; }


/* ------------------------------------------------------------
    General
------------------------------------------------------------ */

* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #000;
    font-family: "Open Sans", "helvetica neue", arial, helvetica, verdana, sans-serif;
    font-size: 19px;
    /*font-size: 15px;*/
    min-width: 984px;
}

p img {
    padding: 0;
    display: block;
    margin: 0 auto;
}

p img+em {
    text-align: center;
    display: block;
}

a {
    color: #2a3c4e;
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: underline;
}

a:focus,
a:active {
    outline-style: none;
}

#content a {
    font-weight: bold;
    text-decoration: underline;
}

#content a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

.to-left {
    float: left;
}

.to-right {
    float: right;
}

img.left {
    float: left;
    margin: 2px 15px 10px 0;
}

img.right {
    float: right;
    margin: 2px 0px 10px 15px;
}

img.center {
    margin: 20px auto;
    display: block;
}


/*2012 ad pixel image tracking fix*/

img[width="0"] {
    position: absolute;
}

img[width="1"] {
    position: absolute;
}


.vdiv {
    color: #ccc;
    margin: 0 2px;
}

.clear {
    clear: both;
}


/*p.i.e clearfix*/

.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clearfix {
    display: inline-block;
    /* Fixes IE/Mac */
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */


/*.hreview-meta {display:none;}*/

iframe.content-iframe {
    width: inherit !important;
}


/* e.g. for advertising.php form */


/* ------------------------------------------------------------
    Basic type
------------------------------------------------------------ */

p {
    font-family: "Open Sans", arial, helvetica, sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4 {
    padding: 5px 0;
    text-align: center;
    letter-spacing: -1px;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
}

h4 {
    letter-spacing: 0;
}



/* ------------------------------------------------------------
    Layout - overall
------------------------------------------------------------ */

#wrapper {}

#header-wrap,
#content-wrap,
#footer {
    margin: 0 auto;
    width: 984px;
}

#content-wrap,
#footer {
    padding: 0 12px;
}


#content {
    float: left;
    margin: 10px/*-35*/
    0px 0 0;
    width: 634px;
    /*  border: 1px solid blue;*/
}

.content-inner {
    float: left;
    width: 614px;
}


/* ------------------------------------------------------------
    Layout - header
------------------------------------------------------------ */

#header {
    background: #0e1012;
}

#header-wrap {
    width: 100%;
}

#logo-wrap {
    width: 980px;
    margin: 0 auto;
}


/*logo x 0.78*/

h1#logo {
    height: 90px !important;
    width: 179px !important;
    overflow: hidden;
    float: left;
    margin-left: -10px;
    padding: 0;
}

h1#logo img {
    height: 102px !important;
    width: 179px !important;
    margin-top: -1px;
}

.hide-text {}

#header a {
    color: white;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-decoration: none;
}

#header a:focus,
#header a:hover {
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-decoration: none;
}



.leaderboard {
    background-color: #fff;
    float: right;
    height: 90px;
    margin-top: 8px;
    width: 728px;
    /*for ie */
    font-size: 0px;
}

.leaderboard img {}


.nav-wrap {
    float: right;
    width: 790px;
    margin-top: 0px;
}

#nav {
    height: 40px;
    padding-top: 0px;
    width: 790px;
    margin: 0;
    position: relative;
}

#nav ul {
    list-style-type: none;
    margin: 5px -5px 0 0px;
}

#nav li {
    color: #fff;
    float: left;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    font-size: 23px;
    /*border-right: 0px solid #333;*/
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 10px 0 0px;
    padding-right: 10px;
}


#nav li.drop-down {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 99;
}

#nav li.drop-down a {
    background: url(/images/photographyblog/nav-drop-arrow.gif) no-repeat 100% 40%;
    padding-right: 20px;
    padding-bottom: 10px;
}

#nav li a {
    /*color:#2a3c4e;*/
    font-size: 19px;
    color: #fff;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

#nav li a:focus,
#nav li a:hover {
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-decoration: none;
}


#nav ul.drop-menu {
    height: auto;
    padding: 10px 0px;
    margin: 0;
    z-index: 999;
    background-color: #fff;
    border: 0px solid #ccc;
    zoom: 1;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 38px;
    left: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    -moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    -o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

#nav ul.drop-menu li {
    float: none;
    display: block;
    margin: 0;
    margin-bottom: 8px;
    font-size: 18px;
    padding-bottom: 7px;
    color: #333;
    border-right: 0px;
    border-bottom: 1px solid #eee;
}

#nav ul.drop-menu li.last {
    border-bottom: 0px;
    margin-bottom: 0px;
}

#nav ul.drop-menu li img {
    float: left;
    margin-right: 10px;
}

#nav ul.drop-menu li a {
    display: block;
    color: #2a3c4e;
    background: none;
    padding: 0 10px;
}

#nav ul.drop-menu li a:focus,
#nav ul.drop-menu li a:hover {
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

#nav li.drop-down {
    position: relative;
}

#nav li.drop-down:hover ul.drop-menu {
    visibility: visible;
    opacity: .97;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    top: 38px;
    left: 0;
}

#nav ul.other-reviews-menu {
    width: 205px;
}


/*          #nav ul.community-menu {width:105px;left:0;}*/

#nav ul.last {
    margin-right: 0px;
}

#nav ul li.header {
    font-size: 14px;
    color: #333;
    padding-bottom: 2px;
}

#nav ul li.header {}

#nav ul.drop-menu li.more {
    padding-top: 2px;
    margin-top: 2px;
    color: #999;
}

#nav ul.drop-menu li.more a {
    font-style: italic;
    color: #666;
    /*font-size:0.9em;*/
}



/* Header search */

#nav li.nav-search {
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

#nav li.nav-search input.search {
    height: 20px;
    padding: 4px 4px;
    opacity: 1;
    border-radius: 3px;
    width: 151px;
    background-color: #0e1012;
    color: #eee;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #666;
    font-size: 18px;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    margin-top: 2px;
    display: block;
    float: left;
}



/* Social icons */

#social {
    border-top: 1px solid #333;
    width: 790px;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    letter-spacing: 1px;
    font-weight: normal;
    /*opacity: .7;*/
    opacity: 1;
    transition: opacity 0.3s ease-out;
    text-align: right;
    margin: 4px 0 6px 0;
}

#social:hover {
    /*opacity: 1;*/
}

#social [class^="icon-"] {
    font-size: 12px;
}

#social a {
    color: #fff;
    margin-left: 5px;
    /*border-right: 1px dotted #333;*/
    padding-right: 1px;
    margin-right: 1px;
    letter-spacing: 0px;
    font-weight: bold;
}

#social a:first-child {
    margin-left: 0px;
}


/*          #social a.contact { border: 0; }*/

#social a b {
    font-family: ModernPictogramsNormal;
    font-size: 18px;
    font-weight: normal;
}

#social div {}

#social a.rss {}

#social a.email {
    border: 0;
}

#social a.twitter {}

#social a.facebook {}

#social a.googleplus {}

#social a img {
    width: auto;
    height: 12px;
}

#social a.email img {
    width: ;
    height: ;
}

#social a.rss img {
    width: ;
    height: ;
}

#social a.twitter img {
    width: ;
    height: ;
}

#social a.facebook img {
    width: ;
    height: ;
}

#social a.googleplus img {
    width: ;
    height: ;
}

#social a.instagram img {
    width: ;
    height: ;
}

#social a.pinterest img {
    width: ;
    height: ;
}

#social .vdiv {
    display: none;
}

#social .newsletter {
    display: inline-block;
    width: auto;
    text-align: right;
    margin-top: -2px;
}

/* link to newsletter page */
#social a.newsletter-link {
    border: 0;
    padding-right: 4px;
    margin-left: 5px;
}

/* link to newsletter CC sign up form */
#social a.email-newsletter {
    color: red;
}

#social a.contact {
    margin-right: 0px;
    padding-right: 0px;
}

#social a.contact b {
    display: none;
}

#social .newsletter form {
    display: inline;
}

#social .newsletter a {
    margin-right: 0px;
    margin-left: 6px;
}

#social .newsletter input {
    border-width: 1px;
    position: relative;
    top: -1px;
}

#social .newsletter input.input {
    background-color: #0e1012;
    color: #eee;
    /*text-transform: uppercase;*/
    border: 1px solid #666;
    padding: 4px 3px;
    width: 130px;
}

#social .newsletter input.submit {
    background-color: #0e1012;
    color: #eee;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #666;
    padding: 2px 1px;
    font-size: 12px;
    width: 75px;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
}

#social a span {
    margin-right: 2px;
}


.subscribe {
    display: none;
}



/* ------------------------------------------------------------
    Layout - content
------------------------------------------------------------ */

.entry-title-wide {
    width: 984px;
}

h1 {
    font-size: 70px;
    font-weight: bold;
    text-align: left;
    letter-spacing: -3px;
    line-height: 80px;
    margin-bottom: 5px;
}

h1 {
    margin-bottom: 0px;
    text-align: center;
}

h2 {
    text-align: left;
    font-size: 36px !important;
    /*border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px !important;*/
}

h3 {
    /*font-size: 22px;*/
    font-size: 26px;
    text-align: left;
    letter-spacing: 0px !important;
}

h4,
h5,
h6 {
    /*font-size: 18px;*/
    font-size: 23px;
    text-align: left;
    letter-spacing: 0px !important;
}

/* news entries, product reviews */


/*      .entry-title-wide h1 {max-width: 80%;margin: 0 auto; }*/

#content h2.subhead {
    margin-top: -1px;
    margin-bottom: -10px;
    color: #777;
    font-size: 19px;
    float: left;
    /*font-family:"century gothic",arial,helvetica,sans-serif;*/
}


#content ul,
#content ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

#content ul li,
#content ol li {
    margin-bottom: 2px;
}

#content p {
    line-height: 1.6;
    margin-bottom: 20px;
    /*margin: 0px 20px 20px 20px;*/
}


.entry-details {
    color: #666;
    /*font-size: 13px;*/
    font-size: 17px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 7px;
    font-weight: normal;
}

.entry-details .dtreviewed {}

.entry-details .reviewer {}

.entry-details b {
    margin: 0 3px;
    color: #ddd;
    font-weight: normal;
}

.entry-details .stars {
    display: inline-block !important;
}

.entry-details .stars {
    display: block;
    color: gold;
    margin-top: 2px;
}


.entry-details .sharethis {
    margin-left: -7px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.entry-details .sharethis a {
    color: #666;
}

.entry-details .twitter-share-button {
    float: left;
}

.entry-details .fb-like {
    display: inline;
}


.toc-wrap {
    margin-bottom: 20px;
}







/* ------------------------------------------------------------
    ToC
------------------------------------------------------------ */


.toc-vert {
    width: 100%;
    padding: 0px 0px 0 0px;
    z-index: 99999;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    line-height: 20px;
}

.toc-vert a {
    color: #fff;
    text-decoration: none !important;
    font-size: 18px;
    display: block;
    text-align: center;
    max-width: 100px;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    padding: 11px 15px 13px 16px;
    height: 40px;
}

.toc-vert .toc-inner {
    padding: 0;
    margin: 0 auto !important;
    background-color: #0e1012;
    height: 65px;
    overflow: hidden;
}

.toc-vert .toc-inception {
    float: left;
    position: relative;
    left: 50%;
}

.toc-vert ol {
    position: relative;
    left: -50%;
    padding: 0;
    float: left;
    margin: 0 !important;
    list-style-type: none;
    height: 65px;
}

.toc-vert li {
    font-size: 13px;
    font-weight: normal;
    float: left;
    border: 1px solid #333;
    border-width: 0 0 0 1px;
    height: 65px;
}

.toc-vert li:first-child {
    border: 0px;
}

.toc-vert li:first-child a {
    padding-left: 18px;
}

.toc-vert .lowprice {
    display: none;
}

.toc-vert a:focus,
.toc-vert a:hover {
    text-decoration: none;
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

.toc-vert li.active a {
    color: red;
}

.toc-vert .share {
    width: 150px;
    float: none;
    display: none;
    margin-left: 20px;
    margin-bottom: 10px;
}

.toc-vert .share * {
    margin: 0 5px 0 0;
}

.toc-wrap .next-page {
    display: none;
}



/*.toc-vert.affix-top {  }*/


/*normal*/

.toc-vert.affix {
    position: fixed;
    top: 0px;
    left: 0%;
    margin: 0px !important;
    width: 100%;
    background-color: #0e1012;
    /*box-shadow: 0px 5px 15px #ccc;*/
}


/*fixed */

.toc-vert.affix {
    -webkit-transition: all 0.05s ease-in-out-out;
    -moz-transition: all 0.05s ease-in-out-out;
    -o-transition: all 0.05s ease-in-out-out;
    transition: all 0.05s ease-in-out-out;
}

.toc-vert.affix .toc-inner {
    margin-left: -492px !important;
    left: 50%;
    position: relative;
    height: 65px;
    overflow: hidden;
    width: 984px;
}


/*fixed */

.toc-wrap-top.affix {
    margin-bottom: 102px;
}


/*was 62px*/

.toc-bot {}

.toc-bot {
    background-color: #0e1012;
    width: 575px;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    line-height: 24px;
    padding: 30px 20px 10px 20px;
}

.toc-bot a {
    color: #fff;
    text-decoration: none !important;
    font-size: 20px;
    display: block;
    width: auto;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    ;
}

.toc-bot .toc-inner {}

.toc-bot .toc-inception {}

.toc-bot ol {
    padding: 0;
    float: left;
    width: 170px;
}

.toc-bot li {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px 0 !important;
}


.toc-bot a:focus,
.toc-bot a:hover {
    text-decoration: none;
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

.toc-bot li.active a {
    color: red;
}



/* LENS REVIEW TOC */

.toc-lens_reviews {}

.toc-lens_reviews .toc-vert a {
    font-size: 17px;
    padding: 11px 10px 13px 10px;
}

.toc-lens_reviews li:first-child a {
    padding-left: 0px;
}


/*focal length nav link vertical spacing*/

.lens-fl-nav-pad {
    margin-top: 9px;
    display: block;
}


/*toc bot*/

.toc-lens_reviews .toc-bot li {
    width: auto;
    list-style-type: none;
}

.toc-lens_reviews .toc-bot li a {
    padding-left: 0;
}

.toc-lens_reviews .toc-bot li br {
    display: none;
}

.toc-lens_reviews .toc-bot .lens-fl-nav-pad {
    padding: 0;
    margin: 0;
}



/* NEXT PAGE LINKS */

.next-page-wrap {
    margin-top: 50px;
    margin-bottom: 25px;
}

.next-page-wrap .next-page {
    margin-bottom: 10px !important;
    margin: 0 auto;
}

.next-page-wrap .lowest-price {}

p.page-navigation-tips {
    text-align: center;
    font-style: italic;
    width: 60%;
    margin: 0px auto 20px auto;
    color: #666;
    font-size: 12px;
}

p.page-navigation-tips code {
    font-style: normal;
}

p.tags {
    font-size: 13px;
}

p.tags a {
    font-size: 12px;
}


/* end horiz toc 2  */

.next-page {
    float: right;
    text-align: right;
    position: relative;
}

.prev-page {
    float: left;
}

.next-page,
.prev-page {
    background-color: #0e1012;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 20px;
    text-transform: uppercase;
    width: 43%;
}

.next-page span,
.prev-page span {
    color: #fff;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

a:focus .next-page span,
a:focus .prev-page span,
a:hover .next-page span,
a:hover .prev-page span {
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
}

.next-page b,
.prev-page b {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    color: red;
}




/*entry body*/

#content h2 {
    font-size: 26px;
    padding: 0 0 8px 0;
}

body.review #content h2 {
    clear: both;
}

body.static-page h2 {
    margin-top: 30px;
}


/*need these to clear next page blocks*/

#content table {
    margin-bottom: 20px;
}

#content p {}

.adsense-med-rect {
    display: none;
    float: left;
    margin: 10px 10px 5px 0;
}

.mpu-wrap {
    float: left;
    margin: 0 10px 10px 0;
}





/* ------------------------------------------------------------
    Layout - RHS
------------------------------------------------------------ */

#rhs {
    float: right;
    margin-top: 0px;
    width: 330px;
    margin-right: -350px;
    /*border: 1px solid green;*/
}

#rhs a {
    color: #2a3c4e;
    font-weight: bold;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-decoration: none;
}

#rhs a:focus,
#rhs a:hover {
    color: red;
    -webkit-transition: color 0.05s ease-in-out;
    -moz-transition: color 0.05s ease-in-out;
    -o-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-decoration: none;
}

#rhs ul {
    list-style-type: none;
    margin-left: 0;
}

.ad-block.skyscraper {
    margin-top: 4px;
}

#rhs .ad-block {}

#rhs .med-rect {
    padding: 30px 0 10px 0;
    text-align: center;
}

#rhs .med-rect>div {
    margin: 0 auto;
}

#rhs-col-wrap {}

#rhs-col-wrap .left {
    float: left;
    width: 170px;
}

#rhs-col-wrap .right {
    float: right;
    width: 160px;
}



#rhs .headlines {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 300px;
    padding: 4px 5px 4px 0px;
    margin-top: 20px;
}

#rhs .camera-list {}

#rhs .headlines h4 {
    text-align: center;
    width: 100%;
    margin-bottom: -5px;
    margin-left: -5px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 8px;
}

#rhs .camera-list h4 {
    margin-bottom: 0;
    margin-left: -5px;
}

#rhs .headlines p {
    clear: both;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    width: 45%;
}

#rhs .headlines p a {
    display: block;
    margin-top: 10px;
}

#rhs .headlines a img {
    /*float:left;*/
    /*margin-right:6px;margin-top:-4px;margin-left:-5px;margin-bottom:20px*/
    ;
    margin: 10px auto;
    display: block;
}


/*currently 50w 36h*/

#rhs .headlines ul {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 5px;
    list-style-type: square;
}

#rhs .headlines ul li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 0px;
    color: #999;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
}

#rhs .date {
    color: darkred;
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}

#rhs .skyscraper {}

#rhs .sky-1 {
    margin-bottom: 20px;
}

#rhs .affiliates {
    padding: 20px;
    margin-top: 20px;
    font-size: 11px;
    color: #999;
}

#rhs .content-ad-unit a {
    text-decoration: none;
    color: #000;
}


/* RHS tabbed content nav */

.top-content {
    margin-top: 20px;
}   
.top-content__header h4 {
    font-size: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}   
    
    .top-content__tab {
        width: 50%;
        display: block;
    }   
    .top-content__tab a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        color: #666;
        background-color: #f5f5f5;
        border-right: 2px solid #fff;
        padding: 5px 10px;
        opacity: .5;

    }   
    .top-content__tab.active a {
        opacity: 1;
        background-color: #f0f0f0;
    }   

 .top-content__pane {
    padding: 7px 20px;
    min-height: 400px;
 }

     .top-content__item {
        padding: 10px 0;
     }
        /*clearfix*/
         .top-content__item a:after,
         .top-content__item a:before {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
         }
         .top-content__item a:after {
            clear: both;
         }
         .top-content__item a {
            padding-top: 5px;
            display: block;
            font-size: 16px;
         }
         .top-content__item__title {
            /*float: left;*/
            padding-left: 110px;
         }

         .top-content__item__img-wrap {
            float: left;
            width: 100px;
            text-align: center;
            margin-right: 10px;
         }

             .top-content__item img {
                margin-top: -5px;
             }
             .top-content__item img.thumb-portrait {
                max-height: 120px;
                width: auto;
             }


/* ------------------------------------------------------------
    Footer
------------------------------------------------------------ */


#footer {
    text-align: center;
    padding: 20px 12px;
    border-top: 1px solid #ccc;
    margin: 0 50px;
    width: auto;
}

#footer p {
    color: #999;
    /*font-size: 11px;*/
    font-size: 16px;
    padding-top: 0px;
    margin-bottom: 10px;
}

#footer a {
    color: #888;
    text-decoration: underline;
}

.footer-leaderboard {
    margin: 10px auto 25px auto;
}



/* ------------------------------------------------------------
    Entry lists
------------------------------------------------------------ */

#content h2.category-header {
    margin-bottom: -6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    color: #999;
    margin-top: 13px;
}

#content h2.category-header span {
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    color: #CCC;
    margin-bottom: -5px;
}

#content h2.date-header {
    margin-bottom: -6px;
    padding: 0;
}

.entry-list {}

.entry-list h3.date {
    /*font-size: 18px;*/
    font-size: 24px;
    letter-spacing: 1px !important;
    margin: 25px 0 20px 0;
    padding: ;
    color: #999;
    text-transform: uppercase;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.entry-list h3 {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
}

.entry-list h3 a {
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -1px;
}

#content .entry-list h3 a {
    text-decoration: none;
}

#content .entry-list h3 a:focus,
#content .entry-list h3 a:hover {
    text-decoration: underline;
}



/*.entry-list*/

img.productimage {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.entry-list img.productimage {
    float: none;
    margin: 15px auto 10px auto;
    display: block;
    /*height:50%;width:50%;*/
}

.entry-list .entry {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.entry-list div.subhead {
    color: #777;
    /*font-size: 13px;*/
    font-size: 19px;
    margin: -5px 0 20px 1px;
    /*padding:4px 0;border:1px solid #eee;border-width:1px 0;*/
    text-align: center;
}

.entry-list div.subhead a {
    font-weight: normal;
}

.entry-list .entry .subhead .share {
    display: inline-block;
    vertical-align: middle;
    margin: -7px 0 0 10px;
}


.entry-list .entry .details {
    text-align: center;
    margin-top: 0px;
    color: #999;
    margin-right: 5px;
    /*position:relative;*/
}

.entry-list .entry .details a {
    font-weight: bold;
}


.entry-list .entry .details .vdiv {}


/*.entry-list .entry .details a.edit {border-left: 1px solid #ccc;margin-left: 4px;padding-left: 6px;}*/

.entry-list .entry .details .fb-like {
    display: inline-block;
    vertical-align: middle;
    /*margin-left: -7px;*/
    margin-top: 2px;
}

.entry-list .entry .details .twitter-share-button {
    display: inline;
    vertical-align: middle;
}





.entry-list .mpu {
    text-align: center;
    margin-bottom: 20px;
}

.entry-list .mpu>div {
    margin: 0 auto;
}

.pagination {
    text-align: center;
    margin-top: 25px;
}

.pagination p {
    /*font-size: 16px;*/
    font-size: 19px;
}

.pagination a {
    font-weight: bold;
}



/*.entry-list img { margin-left: 20px; }
.entry-list h3 { text-align: left; }
.entry-list .subhead { text-align: left !important; }*/


/* ------------------------------------------------------------
    Single entry pages
------------------------------------------------------------ */

#content p.return {
    margin: 10px 0 0 0px;
    font-weight: bold;
}

h1 {}


/*.single-entry #content h2 {margin-top:20px;}*/

h3.entry-header {
    /*font-size: 20px;*/
    font-size: 24px;
}

.share-horiz-block {
    margin-top: 10px;
}


img.entry-image {
    margin: 20px auto;
    display: block;
    /*max-height: 400px;*/
    width: 100%;
    height: auto;
    max-width: 550px;
}

/*landscape by default*/
/*img.product-shot {
    display: block;
    margin: 0 auto 20px auto !important;
    width: auto;
    max-width: 550px;
}
*/

/*portait override*/

img.entry-image.img-portrait {
    /*max-height: 280px;*/
    max-height: 375px;
    width: initial;
}



/*News galleries*/

#mini-gallery {
    width: 550px;
    border: 1px solid #999;
    border-width: 3px 0;
    padding: 15px 0 5px 0;
    margin-bottom: 20px;
    background-color: #333;
    padding-left: 15px;
    clear: both;
}

#mini-gallery a {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

#mini-gallery img {
    border: 1px solid #999;
    padding: 2px;
}

#mini-gallery .image-5 {
    /*margin-right:0px;clear:right;*/
}



/* ------------------------------------------------------------
    Comments
------------------------------------------------------------ */

#comments {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}


/* ------------------------------------------------------------
    Review pages
------------------------------------------------------------ */


/*Pre review content*/

body.introduction h3 em {
    font-weight: bold;
    /*font-style: normal;*/
    /*font-size: 16px;*/
    font-size: 21px;
    opacity: 0.35;
    padding-right: 6px;
    /*letter-spacing: 0.05em*/
}

body.introduction .prereview-image {
    margin: 70px auto 20px auto;
    display: block;
    max-height: 400px;
    width: auto;
    max-width: 550px;
}


/*caption*/

p.caption {
    text-align: center;
    font-weight: bold;
}


/*image quality*/

table div.header {
    margin-bottom: 7px;
}

#content table p.header {
    margin-bottom: 7px;
}

table.image-quality-images {
    width: 100%;
}

#content table.image-quality-images th {
    padding: 0;
}

#content table.image-quality-images th p {
    margin-bottom: 0px;
}

#content table.image-quality-images td p {
    margin-bottom: 7px;
}

#content table.image-quality-images td+td p {
    margin-bottom: 7px;
    margin-top: 4px;
}

table.image-quality-images td {
    text-align: center;
    padding: 5px;
}

table.image-quality-images p {
    font-weight: bold;
}


/*sample images*/

body.sample_images #content table td {
    text-align: center;
    padding-bottom: 20px;
}

body.sample_images #content table tbody td {
    padding-bottom: 5px;
}


/*PG table fix*/

body.sample_images #content .pricegrabber-search table td {
    text-align: left;
    padding-bottom: 0px;
}

#content p.exif {
    text-align: center;
    /*width:150px;*/
    /*font-size: 11px;*/
    font-size: 16px;
    color: #666;
}

table.raw-images img {
    margin-bottom: 20px;
}

#content table.raw-images p.exif {
    margin-top: -20px;
}

p.movie-link {
    /*font-size: 14px;*/
    font-size: 19px;
    font-weight: bold;
    margin-top: -10px;
}


/*2015 new workflow*/
/*photoswipe image gallery*/

.si-img-wrap {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0 auto 10px auto;
}

.si-img-wrap img {
    margin-bottom: 0;
    display: block;
}

.si-img-wrap a {
    text-decoration: none !important;
}

a.si-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.si-img-wrap:hover .si-overlay {
    background-color: rgba(0, 0, 0, .4);
    transition: all 0.3s ease-out;
    opacity: 1;
}

.si-overlay-text {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.si-overlay-text-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

[class^="mpicto-"],
[class*=" mpicto-"] {
    font-family: 'ModernPictogramsNormal';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 35px;
    line-height: 25px;
    display: block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mpicto-preview:before {
    content: "y";
}

.mpicto-download:before {
    content: "[";
}





/*lens review*/

table.image-samples td {
    text-align: center;
    padding-bottom: 20px;
}


/*camera preview*/

table.camera-preview td {
    text-align: center;
    padding-bottom: 20px;
}

#content table.camera-preview {
    margin-bottom: 0;
}

table.camera-preview img {
    margin-bottom: 20px;
}

#content table.camera-preview p.exif {
    margin-top: -20px;
    margin-bottom: 0;
}



/*specifications*/
/*cut & paste content with nested tables D: */

.specifications-table {
    margin-top: 20px;
    width: 550px;
    overflow: hidden;
    padding-top: 20px;
}

.specifications-table table {
    border-collapse: collapse;
    width: 550px;
}

.specifications-table table td {
    padding: 5px;
    line-height: 22px;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.specifications-table table table {
    margin-top: -20px;
}

.specifications-table table table td {
    word-wrap: break-word;
    top: -4px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    /*border-width:1px 0;*/
}


/*conclusion*/
p.star-rating {
    text-align: center;
    clear: both;
    padding: 10px 0 0px 0;
}

table.ratings {
    margin: 0 auto;
    border-collapse: collapse;
    width: 300px;
    margin-bottom: 50px !important;
}

table.ratings th {
    /*text-align:left;*/
    border: 1px solid #999;
    padding: 14px 10px;
    background: #0e1012;
    /*font-size: 16px;*/
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
}

table.ratings td {
    padding: 10px 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #fff;
    /*font-size: 16px;*/
    font-size: 19px;
}

table.ratings td.label {
    text-align: ;
    padding-left: 20px;
}

table.ratings td.alt {
    background-color: #f7f7f7;
}

table.ratings td.score {
    text-align: center;
}




/*review roundup*/

body.review_roundup .entry {
    margin-left: 23px;
}

body.review_roundup h3 {
    margin-left: -23px;
}

body.review_roundup a.external {
    text-decoration: none !important;
}

body.review_roundup a.external img {
    padding-right: 5px;
    margin-left: -2px;
    text-decoration: none;
}



p.sharethis-wrap {
    font-style: italic;
}

p.sharethis-wrap a {
    font-weight: bold;
    font-style: normal;
    margin: 5px 5px;
    display: block;
    float: left;
}

h3.share-header {
    margin-bottom: 5px;
    clear: both;
    margin-top: 20px;
    text-transform: capitalize;
}

.share-text {
    margin-bottom: 20px;
}

.share-text .twitter-share-button {
    float: left;
}

.share-text .fb-like {
    vertical-align: top;
    float: left;
}

.share-text p {
    /*font-size: 15px;*/
    font-size: 19px;
    float: left;
    width: 360px;
    font-style: italic;
    margin: 0 0 15px 10px;
    display: block;
}

.fb-like {
    padding-left: 8px;
}


.share-blocks {
    margin: 35px 0;
}

.share-blocks a {
    display: inline-block;
    width: 200px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    font-family: "open sans condensed", "open sans", sans-serif;
    text-align: center;
    line-height: 50px;
    text-decoration: none !important;
    position: relative;
}

.share-blocks a span {
    margin-left: -15px;
    margin-right: 10px;
}

.share-blocks a.facebook {
    background-color: #3B5998;
    margin-right: 2px;
}

.share-blocks a.twitter {
    background-color: #00aced;
    margin-right: 2px;
}

.share-blocks a.comment {
    background-color: #0e1012;
}


.ad-slot-article-footer {
    margin-top: 20px;
}






/*body.review #content iframe {margin-left:-15px;}
body.article #content iframe {margin-left:-15px;}*/

#content p.compare {
    margin-bottom: 20px;
}



/*reviews index*/

.review-item {
    width: 32%;
    margin-right: 1%;
    float: left;
    text-align: center;
    padding-bottom: 20px;
}

.review-item img.img-portrait {
    max-height: 140px;
    width: auto;
}

/*div.review-item {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: center
}*/
/*undo the above*/
/*.reviews-index-list-load {
display: block;
min-height: 0;
}*/

li.review-item {
    width: 100%;
    margin-right: 0;
    float: none;
    text-align: left;
    padding-bottom: 0px;
    font-style: normal !important;
    margin-bottom: 10px !important;
}

li.review-item .stars {
    display: inline-block !important;
}

.review-item .stars {
    /*font-family:'ModernPictogramsNormal';*/
    display: block;
    color: gold;
    margin-top: 2px;
}


/*.review-item .stars i {font-style: normal;width: 6px;display: inline-block;overflow: hidden;vertical-align: bottom;}*/


/*.stars { font-size: 0; }*/

.stars:before {
    font-size: 18px;
    font-family: pblog-glyphs;
}

.rating-1-0-stars:before {
    content: "\e607";
}

.rating-1-5-stars:before {
    content: "\e607\e605";
}

.rating-2-0-stars:before {
    content: "\e607\e607";
}

.rating-2-5-stars:before {
    content: "\e607\e607\e605";
}

.rating-3-0-stars:before {
    content: "\e607\e607\e607";
}

.rating-3-5-stars:before {
    content: "\e607\e607\e607\e605";
}

.rating-4-0-stars:before {
    content: "\e607\e607\e607\e607";
}

.rating-4-5-stars:before {
    content: "\e607\e607\e607\e607\e605";
}

.rating-5-0-stars:before {
    content: "\e607\e607\e607\e607\e607";
}


.review-item .review-item-date {
    font-style: italic;
    /*font-size: 13px;*/
    font-size: 17px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #999;
}

.entry-details .pre-review-label,
.review-item .pre-review-label {
    background-color: #0e1012;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 2px 7px;
    text-transform: uppercase;
    font-weight: bold;
    /*font-size: 12px;*/
    font-size: 14px;
}

.review-item a {
    font-weight: bold;
    font-style: normal;
    /*font-size: 15px;*/
    font-size: 19px;
}

body.reviews-index #content a {
    font-weight: bold
}

body.reviews-index td {
    padding-bottom: 5px;
}

body.reviews-index #content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

body.reviews-index #content h3 a.header-setting {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    /*font-size: 14px;*/
    font-size: 19px;
    margin-left: 5px;
}

.by-manufacturer {
    padding: 5px 20px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    margin: -30px 00px 20px 20px;
}

.by-manufacturer h4 {
    font-size: 12px;
}


.callout {
    /*border: 1px solid #ccc;*/
    /*background-color: #f5f5f5;*/
    /*padding: 10px;*/
    /*border-radius: 10px;*/
    text-align: center;
    margin-bottom: 30px !important;
    color: #666;
}

.reviews-index h3 {
    text-align: left;
    font-size: 30px !important;
    margin-bottom: 20px !important;
}


/*Review index tabs*/

.review-tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /*justify-content: space-around;*/
    margin: 20px 0;
    list-style: none;
    /*border-top: 1px solid #666;*/
    background-color: #777;
    border: 1px solid #ccc;
    margin-left: 0 !important;
}

.review-tabs > li {
    position: relative;
    padding: 10px 7px;
    border-right: 1px solid #ccc;
    margin-bottom: 0 !important;
    flex: 1 1 auto;
    text-align: center;
}
.review-tabs > li:last-of-type {
    border-right: 0;
}

.review-tabs a {
    color: #fff;
    text-decoration: none !important;
    padding: 2px 8px;
    font-size: 14px;
}

/*.review-tabs a.active {
    color: red !important;
    font-size: 17px;
    border:0;
}*/

.review-tabs li.active {
    background-color: #f9f9f9;
}

.review-tabs li.active a {
    color: red !important;
    font-size: 17px;
    border:0;
}

.review-tabs li.active::before,
.review-tabs li.active::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 4px);
    bottom: -10px;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #f9f9f9 transparent transparent transparent;
}
.review-tabs li.active::before {
    left: calc(50% - 5px);
    border-width: 12px 10px 0 10px;
    border-color: #ccc transparent transparent transparent;
    bottom: -11px;
    margin-left: -1px;
    z-index: -1;
}

.review-tabs .tab-1 {}

.review-tabs a:focus,
.review-tabs a:hover {
    color: #ebebeb;
    text-decoration: none;
}


/* Clearfix */

/*.review-tabs:before,
.review-tabs:after {
    display: table;
    content: "";
    zoom: 1;
}

.review-tabs:after {
    clear: both;
}
*/

/* FF positioning fix */

.tab-content {
    position: relative;
}

.tabs-pane {
    position: absolute;
    top: 0;
    display: none;
}


/*
.tabs-pane.active position needs !important below to override easytabs.js, as it
 applies original position of element (set as absolute above) to the element inline 
 when it's displayed by the plugin.
*/

.tabs-pane.active {
    display: block;
    position: relative !important;
}


#review-item-wrap {
    margin-bottom: 50px;
}

ul.reviews-index-list {
    margin-top: -30px;
    clear: both;
}


/* ------------------------------------------------------------
    Isotope (Reviews Index)
------------------------------------------------------------ 


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}


/**** disabling Isotope CSS3 transitions ****/
/* Too slow in IE, didn't make a difference to usage metrics */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


.isotope-filters-wrap {
    margin-bottom: 30px;
}

ul.isotope-filters {
    /* width: 600px !important; */
    display: block;
    float: none;
    clear: both;

    display: table;
    /*CLEARFIX*/
    margin: -10px 0 20px 10px !important;
    list-style-type: none !important;
    text-align: ;
    /*border: 1px solid #ccc;
    border-width: 1px 0 0px 0;*/
    padding-top: 10px;
}

.isotope-filters-wrap h5 {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    margin: 0 0 7px 10px;
}

.isotope-filters-wrap h5 b {
    font-weight: bold;
}

ul.isotope-filters li {
    float: left;
    padding: ;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 7px 5px 0px !important;
    overflow: hidden;

    background-image: -webkit-linear-gradient(top, white 65%, #f0f0f0 100%);
    background-image: -moz-linear-gradient(top, white 65%, #f0f0f0 100%);
    background-image: -ms-linear-gradient(top, white 65%, #f0f0f0 100%);
    background-image: linear-gradient(to bottom, white 65%, #f0f0f0 100%);
}

ul.isotope-filters li a {
    padding: 5px 8px;
    display: block;
    text-decoration: none !important;
}

ul.isotope-filters li a b {}

ul.isotope-filters li a span,

/* for the empty ( ) "Any" button */

ul.isotope-filters li a span.stars {
    /*font-family:'ModernPictogramsNormal';*/
    display: block;
    color: gold;
}

ul.isotope-filters li a span.stars:before {
    font-size: 10px;
}

ul.isotope-filters li a.any-stars {
    position: relative;
    top: 5px;
    padding-top: 15px;
    margin-top: -10px;
}

ul.isotope-filters a.selected {
    color: red;
    background-color: #f5f5f5 !important;
}

ul[data-filter-group="rating"] {
    margin-right: -20px !important;
}

ul[data-filter-group="rating"] li {
    font-size: 13px;
    margin-right: 6px !important;
}

/*ul[data-filter-group="rating"] li a {
    padding: 5px 7px;
}
*/

/* FIX */
/*ul.isotope-filters li:first-child {
  float: none;border: 0px;display: block;text-align: left;
}
*/

.no-isotope-results {
    display: none;
    text-align: center;
    font-style: italic;
}

/*lazy loading spinner*/
.loading,
.reviews-index-list-load {
    height: 100px;
    width: 100%;
    background: #fff url(/images/photographyblog/loading.gif) center center no-repeat;
}




    .review-finder-mob * {
        box-sizing: border-box;
    }
    .review-finder-mob {
        background-color: #fff;
    }

    .review-finder-mob .section-selector {
        position: relative;
        padding: 0 0 10px 0;
    }
    .review-finder-mob .section-selector h1 {
        border: 1px solid #fff;
        border-radius: 10px;
        padding-bottom: 0;
        margin: 0 -5px;
    }
    .review-finder-mob .section-selector h1 b {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 8px 0 8px;
        opacity: .5;
        margin-left: 5px;
        vertical-align: top;
        margin-top: 15px;
        border-color: #000 transparent transparent transparent;
    }
    /*drop arrow*/
    .review-finder-mob .section-selector small {
        text-transform: uppercase;
        font-size: 14px;
        margin-top: -5px;
        text-align: center;
        display: block;
    }
    .review-finder-mob .section-selector small i {
        margin: 0 6px 0 4px;
    }
    .review-finder-mob .section-selector small .active {
        color: red;
    }
    .review-finder-mob .section-selector select {
        position: absolute;
        /*top: 0px;left: 50%;margin-left: -100px;width: 200px;height: 40px;*/
        top: 0;
        width: 100%;
        left: 0;
        height: 70px;
        font-size: 18px;
        padding-left: 10px;
        font-weight: normal;
        opacity: 0;
        /*background-color: transparent;*/
        -webkit-appearance: none;
    }
    .review-finder-mob .section-selector select:hover {
        cursor: pointer;
    }

    .review-finder-mob h6 {
        text-align: center;
        font-size: 15px;
        margin-bottom: 10px;
        display: none;
    }
    .review-finder-mob ul.section-filter {
        display: flex;
        width: 100%;
        margin: 0 0 20px 0 !important;
    }
    .review-finder-mob .section-filter>.filter-drop-link {
        /*display: table-cell;*/
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        /*width: 25%;*/
        flex: 1 1 0;
        list-style-type: none;
        background-color: #0e1012;
        border: 1px solid #fff;
        border-right: 0;
        padding: 10px;
        text-decoration: none !important;
        font-size: 13px;
        text-align: center;
        color: #fff;
        position: relative;
    }

    .review-finder-mob .section-filter>.filter-drop-link:last-child {
        /* text-align: left; */
    }
    /*arrow*/
    .review-finder-mob .section-filter>.filter-drop-link > span::after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        margin-left: 5px;
        vertical-align: top;
        margin-top: 8px;
        border-color: #fff transparent transparent transparent;
    }
    .review-finder-mob .section-filter>.filter-drop-link:hover > span::after,
    .review-finder-mob .section-filter>.filter-drop-link.drop-visible > span::after {
        border-top-color: red;
    }

    .review-finder-mob .section-filter .filter-drop-link.mfr-drop-link {}
    .review-finder-mob .section-filter .filter-drop-link.rating-drop-link {}

    .review-finder-mob .section-filter .filter-drop-link {
        font-weight: bold;
        cursor: pointer;
    }

    .review-finder-mob .section-filter ul {
        position: absolute !important;
        /*top: 38px;*/
        top: 100%;
        background-color: #fff;
        width: 100%;
        list-style-type: none;
        z-index: 9999;
        opacity: .97;
        margin: 0 !important;
        display: none;
        padding-top: 5px;
    }
    .review-finder-mob .section-filter ul.mfr-drop-menu,
    .review-finder-mob .section-filter ul.type-drop-menu,
    .review-finder-mob .section-filter ul.year-drop-menu {
        left: 0;
    }
    .review-finder-mob .section-filter ul.rating-drop-menu {
        right: 0;
    }

    .review-finder-mob .section-filter .filter-drop-link.drop-visible,
    .review-finder-mob .section-filter .filter-drop-link:hover {
        color: red;
    }

    .review-finder-mob .section-filter .filter-drop-link:hover ul {
        display: block;
    }
    /*.review-finder-mob .section-filter .filter-drop-link.drop-visible ul {display: block;}*/
    .review-finder-mob .section-filter ul li {
        border-bottom: 1px solid #eee;
    }
    .review-finder-mob .section-filter ul a {
        display: block;
        text-align: left;
        padding: 8px 10px 8px 20px;
        text-decoration: none !important;
        font-size: 14px;
    }
    .review-finder-mob .section-filter ul a:hover {
        color: red;
    }
    .review-finder-mob .section-filter ul.rating-drop-menu a {
        padding: 8px 10px 8px 20px;
    }

    /* Remove pad bot fron "Any" rating link */
    /*.review-finder-mob .section-filter ul.rating-drop-menu a:first-of-type {
        padding: 8px 10px 0px 20px;
    }*/

    .review-finder-mob .stars {
        display: block;
        color: gold;
        margin-top: 0px;
    }

    .review-finder-mob li.selected,
    .review-finder-mob a.selected {
        color: red !important;
    }
    /*and arrow*/
    .review-finder-mob .section-filter>.filter-drop-link.selected span::after {
        border-color: red transparent transparent transparent;
    }

    .section-search {
        margin-bottom: 20px;
        text-align: center;
        position: relative;
        padding-bottom: 30px;
    }
    .section-search input {
        width: 70%;
        min-width: 280px;
        padding: 10px;
        display: block;
        margin: 0 auto;
        font-size: 16px;
        border: 1px solid #666;
    }
    /*.section-search span#filter-count {font-size: 13px;color: #999;visibility: visible;margin-top: 10px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -30px;text-align: center;}
.section-search span#filter-count.visible {visibility: visible;margin-bottom: 0;}*/
    .filter-text {
        font-size: 13px;
        color: #999;
        margin-top: 10px;
        display: block;
        text-align: center;
        margin-bottom: -20px;
    }
    .filter--count {
        display: none;
        margin-bottom: -30px;
    }

    .filter-text__count-text {
        display: none;
        /*padding: 2px 7px;*/
        /*color: #333;*/
    }
    .filter-text__searching {
        display: inline-block;
        background: url(/images/photographyblog/loading.gif) no-repeat;
        padding-left: 20px;
    }
    .filter-text__reset a {
        display: inline-block;
        /*font-weight: normal !important;*/
        margin-left: 10px;
        text-decoration: none !important;        
        padding: 2px 7px;
        background-color: #0e1012;
        color: #fff;
    }
    .filter-text__reset a:hover {
        color: red;
    }

    .filter--tip {}

    .reviews-wrap.search-active {
        margin: -0px auto;
        max-width: 320px;
    }
    .reviews-wrap.search-active ul.reviews-index-list {
        margin-top: 20px;
    }
    /*Enable list-style view for active live search results - uses styles from the m-w 400px MQ, prefixed with the .reviews-wrap.search-active id.class, which is added when search is active in the live search jQ script */
    .reviews-wrap.search-active br {
        display: none;
    }

    .reviews-wrap.search-active .review-item {
        width: 100%;
        float: none;
        clear: both;
        margin-left: 0px;
        text-align: left;

        /*max-width: 300px;*/
    }
    /*TODO clearfix?*/
    .reviews-wrap.search-active .review-item a {
        font-size: 15px;
    }
    .reviews-wrap.search-active .review-item a img {
        width: 74px;
        height: auto;
        float: left;
        margin-bottom: 25px;
    }
    /*width: 149px;*/
    .reviews-wrap.search-active .review-item .review-item-title,
    .reviews-wrap.search-active .review-item .stars,
    .reviews-wrap.search-active .review-item .review-item-date {
        text-align: left;
        margin-left: 80px;
    }
    .reviews-wrap.search-active div.review-item .stars,
    .reviews-wrap.search-active div.review-item .review-item-date {
        display: inline;
        margin: 0;
        float: none;
    }
    .reviews-wrap.search-active div.review-item .stars {
        margin-left: 5px;
    }

    .reviews-wrap.search-active li.review-item a::after {
        content: '';
        display: block;
    }
    .reviews-wrap.search-active li.review-item .review-item-title,
    .reviews-wrap.search-active li.review-item .stars,
    .reviews-wrap.search-active li.review-item .review-item-date {
        margin-left: 0px;
    }
    .reviews-wrap.search-active li.review-item .stars {
        margin-left: -8px;
    }


    .no-camera-results {text-align: center;}


/* ------------------------------------------------------------
    Old pages
------------------------------------------------------------ */

body.old-page {}

body.old-page iframe {}

body.old-page #content h2 {
    margin-top: 20px;
    clear: both;
}

body.old-page #content p {
    /*font-size: 15px;*/
    font-size: 19px;
}

body.old-page #content iframe {
    /*width:600px;*/
    margin-left: -20px;
}

body.old-page #content div iframe {
    width: auto;
    margin-left: 0;
}

body.old-page #content table.old-toc {
    border: 1px solid #ccc;
}

body.old-page #content table.old-toc {
    padding: 0px;
    /*margin:0;*/
}

body.old-page #content table.old-toc table {
    padding: 0px;
}

body.old-page #content table td {
    padding: 0px;
    /*font-size: 12px;*/
    font-size: 16px;
    background-color: #fff;
    /*color:#777;text-transform:uppercase;*/
}

body.old-page #content table.ratings-table {}

body.old-page #content table.ratings-table td {
    padding: 5px;
}

body.old-page #content table.ratings-table td.header-row {
    background-color: #999;
}

body.old-page #content table.ratings-table td.label {
    background-color: #ccc;
}

body.old-page #content table.ratings-table td.rating {
    background-color: #f4f4f4;
}



/*for t.o.c.*/

body.old-page #content table.old-toc td a {
    margin-top: 5px;
    display: block;
    /*font-size: 14px;*/
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 -5px;
    text-transform: none;
    height: 20px;
}

body.old-page #content table.old-toc td a:hover {
    text-decoration: none;
}

body.old-page #content table span.medText {
    display: block;
    padding-bottom: 10px;
    margin: 15px 0 -10px 10px;
}

body.old-page #content .productimage2 {
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
}


/*first image*/

body.old-page #content .productimage {
    float: left;
    margin-right: 5px;
}


/*first image*/

body.old-page #content .articleimage1 {
    float: left;
    margin: 5px 10px 10px 0;
    clear: both;
}

body.old-page #content .articleimage2 {
    float: left;
    margin: 15px 10px 10px 0;
    clear: both;
}

body.old-page #content table td {}

body.old-page a.noline {}



/* ------------------------------------------------------------
    Extras
------------------------------------------------------------ */

.geo-world {}

.geo-uk {
    display: none;
}
/*^ gets switched by JS*/


/*search*/

body.search {}

body.search fieldset {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

body.search legend {
    padding: 0 4px;
    /*color:#777;*/
    font-size: 16px;
}

body.search .input-wrap {
    margin-bottom: 10px;
    color: #555;
}

body.search p.subhead {
    text-align: center;
}

body.search input,
body.search select {
    font-size: 15px;
}



/*search results*/

body.search .marker {
    background-color: lightgoldenrodyellow;
}



/*2010 additions*/

.scripts1 {
    display: none;
}


a#comment-order-toggle .old {
    display: none;
}




/*2012 refresh*/

.leaderboard {
    background: #0e1012;
}

.entry+#nointelliTXT h3 {
    margin-top: 60px;
}




/*Front page 2014*/

.row {
    margin-bottom: 20px;
    width: 100%;
}


/* micro clearfix */

.row:before,
.row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.row:after {
    clear: both;
}

.pswp__caption__center {
    text-align: center;
}




/*rwd*/

.mobile-only {
    display: none !important;
}

.desktop-only {
    display: block !important;
}




/*one page SEO experiment*/

.one-page>h2,
.one-page #comments>h2 {
    padding-top: 80px !important;
}

.one-page>h2:first-of-type {
    margin-top: 0;
    padding-top: 0 !important;
    border-top: 0;
}





/*home wide*/


/** {border: 1px inset red;}*/

body.home-wide {}

body.home-wide #content,
.home-wide .content-inner {
    width: 984px;
}

.home-wide .row {
    display: table;
}


/*.home-wide .entry {border: 1px solid blue !important;} */


/*override*/

.hp-section {
    margin-bottom: 50px;
}


/*clearfix*/

.hp-section:before,
.hp-section:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.hp-section:after {
    clear: both;
}



/*for latest articles section with two rows of entries */

.hp-section .row+.row.image-wrap {
    margin-top: 40px;
}


/*latest articles margin between banner, desktop only*/

.hp-section--latest-articles {
    margin-top: 15px;
}


/*override*/

.hp-section .row {
    margin-bottom: 15px;
}


/*section headers*/

.hp-section__header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.hp-section__header,
.hp-section__header a {
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: -1px;
}


/*excerpt entry*/

.hp-entry {
    width: 33%;
    float: left;
    padding: 0 2%;
    box-sizing: border-box;
}


/*excerpt wrap & table for grid to get equal height image rows. CSS GRIDS PLZ. */

.hp-entry-wrap {
    width: 66.6%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}

.hp-entry-wrap .hp-entry {
    width: 50%;
    float: none;
    display: table-cell;
}


/*entry headers*/

.hp-entry__title {
    margin-bottom: 5px;
}

.hp-entry__title,
.hp-entry__title a {
    font-size: 36px;
    line-height: 1.2;
    display: block;
    text-decoration: none !important;
}

.hp-entry__title a:focus {
 text-decoration: underline !important;   
    }

.hp-entry__minihead {
    color: red;
    display: block;
    margin-right: 3px;
    padding-right: 7px;
    padding-bottom: 5px;
    /*font-size: 14px;*/
    font-size: 19px;
}


/*entry content*/

.hp-entry p {
    margin-bottom: 10px !important;
}

.hp-entry img {
    margin-bottom: 0;
}


/* this needs to be BEM'd, but currently .details is included from a different common template, so is not being refactored at time of writing */

.hp-entry .details {
    margin-top: 0px;
    color: #999;
    margin-right: 5px;
    text-align: left;
    line-height: 2;
    /*font-size: 13px;*/
    font-size: 17px;
}

.hp-entry .details a {
    text-decoration: none !important;
}
.hp-entry .details a:focus {
    text-decoration: underline !important;
}



/*hide vert divider, force SM buttons to new line*/

.hp-entry .details .sm-vdiv {
    display: block;
    font-size: 0;
    color: #fff;
}

.hp-entry .fb-like {
    display: inline-block;
    vertical-align: middle;
    /*margin-left: -7px;*/
    margin-top: 2px;
}

.hp-entry .twitter-share-button {
    vertical-align: bottom;
}


.hp-entry-list {
    margin: 15px 0 !important;
    float: left;
    width: 33%;
    list-style-type: none;
}

.hp-entry-list li {
    margin: 0 0 25px 105px !important;
    clear: both;
    font-size: 20px;
}

.hp-entry-list img {
    margin: -15px 0 25px -100px;
    float: left;
}

.hp-entry-list a {
    text-decoration: none !important;
    font-weight: normal !important;
}


/*hacky offset for popular cameras side list*/

.hp-entry-list li.pop-1 {
    display: none;
}



/*modifier for lens reviews*/

.hp-entry-list--lens-reviews {}

.hp-entry-list--lens-reviews li {
    margin: 0 0 25px 85px !important;
}

.hp-entry-list--lens-reviews img {
    margin: -15px 0 25px -80px;
}


/* entry datestamp */

.hp-datestamp {
    color: red;
    display: inline-block;
    margin-right: 3px;
    padding-right: 7px;
    border-right: 1px solid #ddd;
    /*font-size: 14px;*/
    font-size: 16px;
    vertical-align: text-top;
}

.hp-datestamp--list {
    /*font-size: 12px;*/
    font-size: 16px;
    display: block;
    border: 0;
}

.hp-section .row.image-wrap {
    margin-bottom: 10px;
}

.hp-entry--image {
    padding: 0 0 0 0%;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
    float: none;
}

.hp-entry--image a {
    margin-left: -20px;
}


/*override*/

.hp-entry--image:first-child {
    padding: 0 0% 0 0 !important;
}

.hp-ad-block {
    width: 33%;
    float: right;
}





/*Afilliate block*/

.afl-block {
    padding: 17px 20px 5px 20px;
    background-color: #eee;
    margin-bottom: 30px;
    border-radius: 5px;
}

.afl-block-button-wrap {
    text-align: center;
}

.afl-block-button {
    font-weight: bold;
    background-color: darkred;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    text-decoration: none !important;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.5);
}




.hp-entry--image img {
    max-height: 250px;
    width: auto;
}


/*contain entry list thumbnail heights*/

.hp-entry-list img {
    max-height: 85px;
    width: auto;
}

.live-preview__section-start {
    height: 65px;
    display: block;
    padding-bottom: 20px;
}








/* ------------------------------------------------------------
    Flexible Review ToC 2017
------------------------------------------------------------ */


/*as per https://cloudfour.com/thinks/breaking-out-with-viewport-units-and-calc/ */

body {
    overflow-x: hidden;
}


/*Responsive when viewport > element width*/

@media screen and (min-width: 1006px) {
    .review-toc--priority {
        margin: 0 calc(-49vw + 50%);

        padding: 0 10px;

        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .review-toc__inner {}
}

.review-toc-wrap {
    margin-bottom: 25px;
}

.review-toc {
    /*border: 1px solid blue;*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    /*z-index: 999999999;*/
}


body.sticky .review-toc-wrap {
    height: 65px;
}

body.sticky .review-toc--horiz {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999999;
    /*width: 100%;*/
    /*border: 1px solid red;*/
}

body.sticky header {}

.review-toc--horiz {}

.review-toc--horiz ol,
.review-toc--horiz ul {
    list-style-type: none;
    margin: 0 !important;
}

.review-toc__inner {
    position: relative;
    background-color: #0e1012;
    margin: 0 auto;
}

.review-toc--horiz .review-toc__inner {
    max-width: 984px;
    min-width: 984px;
}

.review-toc--priority .review-toc__inner {
    /*max-width: 1280px;*/
    max-width: 1340px;
    /*max-width: 1600px;*/
}





/*visible, horizontal list*/

.review-toc__visible {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;
    /*justify-content: space-between;*/
    /*width: 85%;*/
    /*width: calc(100% - 110px);*/
    padding-right: 110px;

    /*border: 1px solid red;*/
    /*overflow: hidden;*/
}

a.review-toc__more--hidden+.review-toc__visible {
    padding-right: 0;
}

.review-toc__visible li {
    /*border: 1px solid red;*/
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}


/*drop down list*/

.review-toc__overflow {
    position: absolute;
    right: 0px;
    top: 100%;
    width: 160px;
    background-color: #0e1012;
    z-index: 99;
}

.review-toc span.disabled,
.review-toc a {
    color: #fff;
    /*font-size: 18px;
    font-family: 'Open Sans Condensed', 'Open Sans', Arial Narrow, sans-serif;*/
    /*c/- http://pieroxy.net/blog/2014/10/11/the_quest_for_a_condensed_web_font.html*/
    /*Native font stack due to insane webkit webfont race condition bug*/
    font-family: 'Arial Narrow', HelveticaNeue-CondensedBold, arial, sans-serif;
    font-family: /*iOS*/
    "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", /*MacOSX*/
    HelveticaNeue-CondensedBold, /*Ubuntu*/
    "Ubuntu Condensed", "Liberation Sans Narrow", /*Windows*/
    "Franklin Gothic Demi Cond", "Arial Narrow", /*Android*/
    sans-serif-condensed, /*Fallback*/
    Arial, "Lucida Grande", sans-serif;
    /*font-size: 17px;*/
    font-size: 18px;
    font-weight: bold;
    padding: 10px 13px;
    /*min-width: 100px;*/
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    height: 45px;

    display: inline-block;
    /*border: 1px solid green;*/
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.1;

    -webkit-transition: color 0.05s ease-in-out;

    transition: color 0.05s ease-in-out;
}


.review-toc a:focus,
.review-toc a:hover {
    color: red;
}

.review-toc li.disabled span.disabled,
.review-toc li.disabled a {
    color: #fff;
    opacity: .3;
    /*cursor: default;*/
}

.review-toc a br {
    /*display: none;*/
}




/*toggles drop down list*/

a.review-toc__more {
    position: absolute;
    top: 0;
    right: 0;
    /*padding-top: 15px !important;*/
    padding: 15px 35px 5px 15px !important;
    width: 58px;
    height: 45px;

    display: block;

    border: 1px solid #333;
    border-width: 0 0 0 1px;
    /*border: 1px solid red !important;*/
}


a.review-toc__more:after {
    position: absolute;
    top: 23px;
    right: 17px;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid red;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.review-toc__more--items-disabled {
    opacity: .5;
}

.review-toc--horiz li.comments a {
    max-width: 100px;
    /*border: 1px solid green;*/
}

.review-toc__overflow a {
    height: auto;
    padding: 12px 10px;
    display: block;
    /*border: 1px solid #333; */
}

.review-toc__overflow li.comments a {
    margin: 0 auto;
}

.review-toc__overflow li {
    border: 1px solid #333;
    border-width: 0 0 1px 0;
}

.review-toc__overflow a br {
    display: none;
}


/*desktop only*/

.review-toc--horiz .review-toc__visible li:not(:first-child) {
    border: 1px solid #333;
    border-width: 0 0 0 1px;

    /*border: 1px solid red; */
}

.review-toc__overflow--hidden,
.review-toc__more--hidden {
    display: none !important;
}

.toc-review--hidden {
    opacity: 0;
    visibility: hidden;
}


/*toc bot, rwd*/

.review-toc--cols {
    margin: 0 auto;
}

.review-toc--cols,
.review-toc--cols .review-toc__inner {
    max-width: 575px;
    min-width: auto;
}

.review-toc--cols ol {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 !important;
    padding: 20px 5px 20px 5px;

    counter-reset: olcounter;
}

.review-toc--cols li span.disabled,
.review-toc--cols li a {
    /*padding-top: 7px !important;*/
    /*padding-bottom: 7px !important;*/
    padding-left: 35px !important;
    padding-right: 5px !important;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    font-weight: bold !important;
    font-size: 20px;
    height: auto;
}

.review-toc--cols li {
    width: 33%;
    max-width: 33%;
    text-align: left;
    display: block;
    /*border: 1px solid green !important;*/
    border: 1px solid #333;
    border-width: 0 0 0px 0;

    counter-increment: olcounter;
    position: relative;
    /*padding-left: 25px;*/
}

.review-toc--cols li:before {
    content: counter(olcounter) ".";
    position: absolute;
    top: 4px;
    left: 5px;
    text-align: right;
    width: 25px;
    color: #fff;
    /*font-weight: bold;*/
    font-size: 18px;
    opacity: .7;
    font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
}

.review-toc--cols li.disabled:before {
    opacity: .25;
}

.review-toc--cols li br {
    display: none;
}

.review-toc--cols li span.disabled,
.review-toc--cols li a {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*height: 40px;*/
    padding: 5px 0 5px 10px;
}



/*2 col*/

@media (max-width: 767px) {
    .review-toc--cols li {
        width: 50%;
        max-width: initial;
        height: auto !important;
    }

    .review-toc--cols li:before {
        display: none;
    }

    .review-toc--cols li span.disabled,
    .review-toc--cols li a {
        padding: 12px;
        padding-left: 10px !important;
        text-transform: none;
        font-weight: normal;
        height: auto;
    }
}


/*Set toc to full width*/

@media (max-width: 400px) {
    .review-toc {
        width: auto;
        max-width: 400px;
        margin: 0 -12px;
    }
    .review-toc ol {
        padding-left: 10px;
    }
}