/* html5 boiler plate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, /* tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
background:transparent;
margin:0px; padding:0px;
border:0; outline:0;
/* font-size:100%; */}

h1, h2, h3, h4, h5, h6 {font-size: 1em; color: #464646;}

img {vertical-align:bottom; border: 0px;}
#footer .logo_wrapper img {vertical-align: middle;}

/* temp */.picture img {max-width: 100%;  height: auto;}
#header #header-features img {height: auto; margin-top: -20px;}
#header #header-features div img {margin-top: 0;}

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address, summary, details, section {
    display: block;}

a {color: #0983b6; text-decoration: none;}
a:hover {text-decoration: underline;}

table {border-collapse:collapse; border-spacing:0;}

input, select {vertical-align:middle; font-family: Arial,Helvetica,sans-serif;}

/* default CSS */
html {margin: 0px; padding: 0px;}

body {background: #e8e9ea;  font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.2em; color: #878787;
-webkit-font-smoothing: antialiased; overflow: visible !important;}

ul, ul li {margin: 0px; padding: 0px; list-style: none;}
ol, ol li {margin: 0px; padding: 0px;}

#sidebar ol {font-size: 1.4em; font-weight: bold; margin-left: 24px; color: #000;}
/* #top-promotion ol, #top-promotion ol li {color: #0983b6; font-size: 1em; font-weight: normal;} */

p {/* margin-bottom: 20px;*/ margin-bottom: 1em;}
#promo-area .intro p:last-of-type {display: inline-block; margin-bottom: 0px;}

/* forms */
form label, .submit {cursor:pointer; vertical-align: middle;}

input[type="text"]{
border: 1px solid #d1d1d1; padding: 3px 10px; color: #555555; /* min-height: 8px; */ min-height: 24px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}

#google-cse-searchbox-form input[type="text"], #send_to_friend_box input[type="text"] {margin-left: 10px; color: #878787; width: 130px;}
#google-cse-searchbox-form input[type="text"] {padding: 4px 10px; border-width: 0px; min-height: 8px;}
.mac #google-cse-searchbox-form input[type="text"] {font-size: 1.05em;}

#newsletter-popup input[type="text"], #newsletter-popup-footer input[type="text"] {width: 182px; margin: 8px 0px;}

textarea {border: 1px solid #d1d1d1; color: #555555;}

select {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
color: #555555;}

input[type="radio"]{padding: 0px; margin: 0px;}

input[type="submit"]{
background: #ce0000; color: #fff; font-weight: normal; cursor:pointer; font-size: 1em;
border-width: 0px; padding: 3px 10px;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;}



input[type="submit"]:hover {background: #ad0000;}


/* text_wrapper */
.text_wrapper, .top-style li, .side-articles article, #sidebar .ad {
clear: both; position: relative; }

.ie .text_wrapper, .ie .top-style li, .ie .side-articles article, .ad {position: static; height: 1%;}

.text_wrapper:after, .top-style li:after, .side-articles article:after, .ad:after {
content: "."; visibility: hidden; height: 0;
display: block; clear: both;}

.clear {height: 1px; font-size: .002em; clear: both; overflow: hidden;}

#container {padding: 14px 0px 0px; margin: 0px auto; width: 999px; font-size: .875em;}
#content {background: #fff;}

#main-content_wrapper {float: left; margin-right: -337px;  margin-top: 20px; width: 100%;}
#main-content {margin-right: 337px; margin-left: 29px;}
#sidebar {width: 300px; float: right; margin-top: 20px; margin-right: 10px; _overflow: hidden;}


/* header & footer */

#header-features li {display: block; float: left; text-align: center; width: 186px; margin-left: 17px; }
#header-features li:first-child {margin-left: 0px;}
/* #header-features .photo img {height: auto; max-height: 100%; max-width: 100%; vertical-align: middle;} */
#header-features li .photo {display: inline-block; height: 65px; line-height: 65px; overflow: hidden;}
#header-features li .photo img {height: auto; margin-top: -20px}

#header .logo_wrapper {background: #000; padding: 15px 12px 15px 20px;}
#header #logo {display: inline-block; float: left; width: 220px; margin-top: 29px;}

#footer .logo_wrapper {text-align: center; margin: 30px auto;}
#footer .logo_wrapper .social {margin-top: -6px; margin-left: 40px; display: inline-block;}

#footer {background: #000; padding-bottom: 28px;}
#footer .copywrite {display: block; text-align: center; font-size: .85em;}



/* nav */
#header .nav, #footer .nav {background: #ce0000; position: relative !important;}
#header .subnav {background: #f3f3f2; position: relative !important;}
#footer-subnav {text-align: center; margin: 15px 0px 13px;}

.nav ul {display: table; width: 100%;}
.nav ul, .subnav ul {letter-spacing  :-4px; /*Remove the letter spacing*/}
.nav li {display: table-cell; letter-spacing  :0px; padding: 8px 0px;}

#footer .social ul {display: inline-block;}
.subnav li, #footer .social li {
*zoom: 1; display: inline-block; *display: inline; font-size: 1em; letter-spacing  :0px; padding: 8px 0px;}
.subnav .social li, #footer .social li {padding: 0px; }

#footer .social li {position: relative;}
.subnav li.device-type-show {display: none;}

.nav li:hover {background: #d6d6d5;}
.header .subnav li:hover {background: #d6d6d5;}
.nav li:hover li, .header .subnav li:hover li, .header .subnav .social li:hover {background: transparent;}



.nav a, .nav .link {display: block; color: #fff; padding: 0px 23px; font-weight: bold;}
.nav a:hover, .nav .link:hover { text-decoration: none;}
.nav li:hover a, .nav li:hover .link {color: #252525;}

.subnav a, .subnav .link {color: #333; padding: 0px 14px; font-weight: bold;}
.subnav .social a {padding: 0px;}
.subnav li:hover > a, .subnav li:hover > .link {color: #ce0000; text-decoration: none;}
#footer-subnav a {border-right: 1px solid #333; color: #fff; padding: 0px 13px; font-weight: normal;}
#footer-subnav li:last-child a {border-width: 0px; padding-right: 0px;}

.dropdown a, .dropdown .link {
border-right: 1px solid #e78080; padding-right: 35px; position: relative;}
.subnav .dropdown a, .subnav .dropdown .link {border-color: #b1b1b1;}

.dropdown:hover a, .dropdown:hover .link  {border-color: #d6d6d5; }

.dropdown a:after, .dropdown .link:after {
background: url(img/sprites-icons.png) -277px -34px no-repeat;
content: ""; height: 6px; margin-top: 7px; right: 20px; position: absolute; width: 8px; z-index: 1;}

.dropdown:hover a:after, .dropdown:hover .link:after, .subnav .dropdown a:after, .subnav .dropdown .link:after {background-position: -277px -46px;}

.subnav .dropdown:hover a:after, .subnav .dropdown:hover .link:after {background-position: -314px -82px;}

.dropdown-nav {
background: #d6d6d5; font-size: 1em;
position: absolute; left: 0px; z-index: 210;
width: 100%; text-align: left; margin: 7px 0px 0px;
display: none;
}
.subnav .dropdown-nav {width: auto;}

li:hover .dropdown-nav {display: table;}

#footer .dropdown-nav {
bottom: 35px; margin: 0px;
box-shadow: 0px 0px 0px 0px #bbbbbb; -webkit-box-shadow: 0px 0px 0px 0px #bbbbbb; -moz-box-shadow: 0px 0px 0px 0px #bbbbbb;}

.dropdown-nav div {background: #fff; padding: 12px; min-height: 174px; min-width: 174px; margin: 20px;}

#header .subnav .dropdown .dropdown-nav li {padding: 4px 0px;}
.dropdown .dropdown-nav a {padding: 3px 0px; display: block; border-width: 0px; color: #333; font-weight: normal;}
.dropdown .dropdown-nav a:after {background-image: none;}
.dropdown .dropdown-nav li:hover a {background: transparent; text-decoration: underline; color: #333; }

.nav .manufacturers-list ul {display: inline-block; margin-right: 1%; vertical-align: top; width: 19%;}
.nav .category-list ul {display: inline-block; margin-right: 1%; vertical-align: top; width: 13.4%;}
.nav .section ul:last-child {margin-right: 0px;}
nav .section ul li {display: block;}

.nav .dropdown:nth-child(1) li {margin-bottom: 0px; padding-bottom: 0px;}

.nav .dropdown:nth-child(2) li, .category-hub-links li {text-align:center; padding: 0px; margin-bottom: 10px;}
.nav .dropdown:nth-child(2) li:last-child, .category-hub-links li:last-child {margin-bottom: 0px;}
.nav .dropdown:nth-child(2) li a, .category-hub-links li a {display: inline-block; position: relative; text-align: center;}
.nav .dropdown:nth-child(2) li a:before, .category-hub-links li a:before {
background: url(img/sprites-vehicles.jpg) 10px 0px; content: " "; display: block;
height: 57px; width: 110px; content: "";}

.nav .dropdown:nth-child(2) li.Standard a:before {background-position: 10px -72px;}
.nav .dropdown:nth-child(2) li.Cruiser a:before {background-position: -106px 0px;}
.nav .dropdown:nth-child(2) li.Electric a:before {background-position: -106px -72px;}
.nav .dropdown:nth-child(2) li.Touring a:before {background-position: -230px -0px;}
.nav .dropdown:nth-child(2) li.Sport-Touring a:before {background-position: -230px -72px;}
.nav .dropdown:nth-child(2) li.Off-Road a:before {background-position: -332px -0px;}
.nav .dropdown:nth-child(2) li.On-Off-Road a:before {background-position: -332px -72px;}
.nav .dropdown:nth-child(2) li.Scooter a:before {background-position: -438px -0px;}
.nav .dropdown:nth-child(2) li.Touring-Scooter a:before {background-position: -439px -72px;}
.nav .dropdown:nth-child(2) li.Youth a:before {background-position: -567px -0px;}
.nav .dropdown:nth-child(2) li.Track a:before {background-position: -567px -72px;}
.nav .dropdown:nth-child(2) li.Other a:before {background-position: -688px -0px;}

.hamburger-social {margin: 24px 0 15px;}
.hamburger-social .social .list {display: flex;}
.hamburger-social b {margin-left: 10px;color: white;}
.hamburger-social ul li {padding-left: 0 !important;}
.subnav .social li .sprite, .hamburger-social .social li .sprite {
  display: inline-block;
  height: 20px;
  margin-right: 15px;
  text-indent: -999em;
  width: 20px;
  background-position: center !important;
  background-repeat: no-repeat;
}
.hamburger-social .social li .sprite {
  margin-right: 0;
  background-size: 20px 20px;
}
.hamburger-social .social li a#facebook-link .sprite {background-image: url(img/hamburger-fb-icon.svg);}
.hamburger-social .social li a#twitter-link .sprite {background-image: url(img/hamburger-twitter-icon.svg);}
.hamburger-social .social li a#youtube-link .sprite {background-image: url(img/hamburger-youtube-icon.svg);}
.hamburger-social .social li a#rss-link .sprite {background-image: url(img/hamburger-rss-icon.svg);}
.social li a#facebook-link .sprite {background-image: url(img/header-fb-icon.svg);}
.social li a#twitter-link .sprite {background-image: url(img/header-twitter-icon.svg);}
.social li a#youtube-link .sprite {background-image: url(img/header-youtube-icon.svg);}
.social li a#rss-link .sprite {background-image: url(img/header-rss-icon.svg);}
.social li #newsletter-link .sprite {background-image: url(img/header-newsletter-icon.svg);}
.social li a .sprite:hover, #newsletter-link:hover {opacity: .7;}
.inner-pages .linkbar .links li.social {padding:0;margin-left:8px;border-left: none;}

.footer .social li a .sprite, #newsletter-link-footer {
background: url(img/sprites-icons.png) 10px -31px no-repeat; border-right: 1px solid #333;
display: inline-block; height: 24px; padding-right: 12px; margin-right: 10px; text-indent: -999em; width: 24px; width: 18px\9;}
.footer .social li a .sprite:hover, #newsletter-link-footer:hover {opacity: .7;}
li.social {margin-left: 8px;}
#footer .sprite{background-clip:content-box;}
#twitter-link-footer .sprite {background-position: -21px -31px;}
#youtube-link-footer .sprite {background-position: -55px -31px;}
#google-plus-link-footer .sprite {background-position: -85px -31px;}
#pinterest-link-footer .sprite {background-position: -108px -31px;}
#rss-link-footer .sprite {background-position: -145px -31px;}
#newsletter-link-footer  {background-position: -176px -31px; cursor: pointer; border-width: 0px; margin-right: 0px; padding-right: 0px; width: 24px\9;}

@media only screen and (min-width: 641px) {
  .hamburger-social {display:none;}
}

/* images & icons */
.picture {position: relative;}
.thumb .picture {position: static;}

.video-icon {
background: url(img/sprites-icons.png) -430px -46px no-repeat;
width: 65px; height: 65px; display: inline-block; opacity: .7; cursor: pointer;
position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px;}
.picture:hover .video-icon, .main-column-left .picture:hover .video-icon, #lead-feature .main-column-left:hover .video-icon, .main-column-picture:hover .video-icon {opacity: 1;}

.thumbnails-small .video-icon {
background-position: -382px -73px;
height: 39px; margin-top: -19px; margin-left: -19px; width: 39px;}

.comparison-icon {
background-color: rgba(236,97,47,0.72); font-size: .85em; font-weight: bold; padding: 2px 1%; display: block; text-align: center;
position: absolute; bottom: 0px; color: #fff; text-transform: uppercase; width: 98%; line-height: 1em;}
.picture:hover .comparison-icon {opacity: 1;}

.open-search {
background: #b4b4b4; height: 36px; width: 72px; position: relative; z-index: 100; cursor:pointer;
display: inline-block; vertical-align: baseline; float: right;}
.open-search:after {
background: url(img/sprites-icons.png) -225px -34px no-repeat;
content: ""; height: 20px; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; position: absolute; width: 20px; z-index: 101;}

.open-search:hover {background-color: #a5a4a4;}


#sidebar ol img {vertical-align: top;}

[id^=___plusone] {max-width:65px !important; }

/* links */
#top-rated .link {color: #ce0000; display: block; font-size: .75em;}
#header #header-features a.link {display: block; height: 65px; overflow: hidden; }

/* titles */

h1, h2, h3, h4, h5, h6 {font-size: 1.2em; color: #333; line-height: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333;}

h1.title, h2.title {
font-family: 'Oswald', Arial; font-size: 1.7em; margin-bottom: 12px; color: #ce0000; font-weight: 400; text-transform: capitalize;}
h1.title a, h2.title a {color: #ce0000;}

.media h1.title {border-bottom: 1px solid #e8e9ea; padding-bottom: 5px;}

#promo-area h1.title {font-size: 2.5em; color: #333; /* margin: 18px 0px 11px; */ margin: 8px 0px 11px;  line-height: 1.2em;}
.post #promo-area h1.title {margin-bottom: 2px; margin-top: 3px;}

h2.title {border-bottom: 1px solid #e8e9ea; padding-bottom: 8px;}

#spotlight h2 {border-bottom: 1px solid #e8e9ea; color: #565656; font-size: 1.35em; margin-bottom: 12px; padding-bottom: 8px; }
.post #promo-area h2 {color: #878787; font-size: 1.35em; margin-bottom: 17px; font-weight: normal;}
/* temp - hack */
.post #promo-area h2 h2 {font-size: inherit; margin-bottom: 0px;}

.popup-content h2.title {color: #333;}

#sidebar h3 {color: #333; font-weight: normal; font-family: Arial; font-size: 1.2em; margin-bottom: 2px;}
#sidebar .top-style h3 {font-size: 1.05em;}

#sidebar .articles h3 {font-weight: bold; font-size: 1.35em; margin-bottom: 5px;}


#sidebar h3.video-link {font-weight: bold; margin-bottom: 12px; font-size: 1.35em;}
#sidebar .picture img { width: 100%; }

#header-features h3 {font-size: .85em; height: 1.2em; font-weight: normal; overflow: hidden; margin-top: 6px;}

#sidebar .top10 h3 {margin-bottom: 12px;}

h1.title .all, h2.title .all, h4.title .all, h5.title .all  {font-size: .5em; font-family: arial; font-weight: normal; color: #0983b6; margin-left: 5px; text-transform: none;}
#promo-area h1.title .all {font-size: .35em;}
h4.title .all, h5.title .all {font-size: .75em;}

.articles .more {font-size: 1.35em; font-weight: bold;}

#spotlight h4 {color: #ce0000; margin-bottom: 2px;}
#spotlight h4 a {color: #ce0000;}
#spotlight h5 {font-weight: normal; color: inherit; font-size: .95em; line-height: 1.4em;}

#promo-area .intro, .description {font-size: .95em; display: block; line-height: 1.4em;}

.media h1 .sponsor {float: right; margin-top: -6px;}
#spotlight h2 .sponsor {float: right; font-size: .65em; font-weight: normal; text-transform: uppercase; margin-top: 3px; color: #878787;}
#sidebar h1 span {font-size: .6em; font-weight: normal; font-family: Arial,Helvetica,sans-serif;}

/* list */
#sidebar ol .text {font-size: .8em; font-weight: normal; width: 145px; display: inline-table; vertical-align: top;}
#sidebar ol .text .location {font-size: .8em; color: #878787;}

.side-articles article {border-bottom: 1px solid #e8e9ea; padding-bottom: 12px; margin-bottom: 12px; position: relative;}

.media .lastest-videos li {padding: 8px 0px; border-bottom: 1px solid #e8e9ea;}
.media .lastest-videos li a {color: #333;}

.top-style li {border-top: 1px solid #e8e9ea; padding-top: 12px; margin-bottom: 12px; position: relative;}

.top-style li:before {
border-top: 1px solid #e8e9ea;
content: ""; height: 1px; left: -24px; top: -1px; position: absolute; width: 24px; z-index: 1;}

#top-rated li:first-child, #top-rated li:first-child:before {border-width: 0px;}

.rating .sprite {
background: url(img/sprites-icons.png) -485px -122px no-repeat; height: 15px; width: 15px; display: inline-block; vertical-align: baseline;}
.rating .half {background-position: -485px -158px;}
.rating .empty {background-position: -485px -140px;}

ul.default li, .postbody ul li  {
padding-left: 8px; position: relative;}
ul.default li:before, .postbody ul li:before {
background: url(img/sprites-icons.png) -495px -190px no-repeat; /* background-position: -291px -34px ; */
margin-top: .6em; content: ""; height: 2px; margin-left: -8px; position: absolute; width: 2px; z-index: 1;}

ol.default, .postbody ol {padding-left: 20px;}
.default li, .postbody ol li {padding-bottom: 20px;}
.default ul li {margin-left: 40px;}
.progressive_insurance .default li, .sponsor .default li {padding-bottom: 4px;}

.vsCaption li {margin-bottom: 10px;}
.vsCaption #thumbs_bar li {margin-bottom: 0px; }
.vsCaption #thumbs_bar li:after {background-image: none;}


/* columns */
/* wp colums -small image - temp default settings */

.main-column-text-wrapper {float: right; margin-left: -287px; width: 100%; display: block;}
.main-column-text {margin-left: 287px; display: block; position: relative;}
.main-column-picture {width: 270px; float: left; position: relative;
text-align: center;}

.thumbnails-small .main-column-text-wrapper {margin-left: -168px;}
.thumbnails-small .main-column-text {margin-left: 168px;}
.thumbnails-small .main-column-picture {width: 150px;}

#sidebar .thumbnails-small .main-column-text-wrapper {margin-left: -160px;}
#sidebar .thumbnails-small .main-column-text {margin-left: 160px;}
#sidebar .thumbnails-small .main-column-picture {width: 150px;}

.thumbnails-xsmall .main-column-text-wrapper {margin-left: -87px;}
.thumbnails-xsmall .main-column-text {margin-left: 87px;}
.thumbnails-xsmall .main-column-picture {width: 75px;}

.thumbnails-large .main-column-text-wrapper {float: none; margin-left: 0px;}
.thumbnails-large .main-column-text {margin-left: 0px;}
.thumbnails-large .main-column-picture {width: auto; float: none; /* height: 320px; overflow: hidden; */ margin: 15px 0px;}
.thumbnails-large .video-player {height: auto; overflow: visible;}


/* sections */
section, #sidebar .ad {margin-bottom: 17px;}
.inner-pages section {margin-bottom: 36px;}
#header section, #footer section {margin-bottom: 0px;}
#header #header-features {padding-bottom: 7px;}

#google-cse-searchbox-form {background: #D4D6D9; right: 72px; position: absolute; width: 238px; height: 26px; padding: 6px 0px 4px; z-index: 90; vertical-align: middle;}
.webkit #google-cse-searchbox-form {padding: 4px 0px 6px;}

#header .subnav .social {
float: right; margin-top: 8px; padding-left: 10px; width: 177px; position: relative;
}

#featured-brands .list {line-height: 1.8em;}
.linkbar .youtube-subscribe{margin-bottom:6px !important; float:right;}

/*
#sidebar .thumbnails-small .description, .spotlight .main-column-text {color: #878787;}
*/

#sidebar .thumbnails-small .description {overflow: hidden; max-height: 6.4em; display: block; line-height: 1.3em;}
.youtube-subscribe a{
background: url(img/sprites-icons.png) -305px -114px no-repeat;
text-indent: -999em; display: block; margin: 0px auto; width: 160px; height: 27px; }
.linkbar .youtube-subscribe a{margin: 0px}
.controls .youtube-subscribe a{margin: 6px auto;}

/* temp - testing */

.articles article, .spotlight li {margin-bottom: 15px;}
.reviews_sections article li:last-child, .most-popular .articles article:last-child {margin-bottom: 0px;}

.related-reading article {border-width: 0px; padding-bottom: 0px; margin-bottom: 12px;}

#sidebar .top10 article {border-width: 0px; padding-bottom: 0px; margin-bottom: 23px;}


.articles article.thumbnails-large {border-width: 0px; padding-bottom: 0px;}
.news-articles article.thumbnails-large, .article-landing article.thumbnails-large {border-bottom: 1px solid #e8e9ea; padding-bottom: 15px;}

.spotlight li:last-child,
.articles .thumbnails-xsmall article:last-child, #sidebar .top10 article:last-child {
border-width: 0; margin-bottom: 0px;}

.articles #google_ads_div_MCL_com_224x268_WN02_PS_ad_wrapper article:last-of-type {border-bottom: 1px solid #e8e9ea; padding-bottom: 15px; margin-bottom: 15px;}
.buyers-guide-spotlight li:last-child, article.thumbnails-large, .articles article.thumbnails-large {margin-bottom: 15px;}

/* .articles .thumbnails-xsmall article .description, */
#header-features li .description, .rating .description {display: none;}

.articles .thumbnails-xsmall article .description {max-height: 2.8em; overflow: hidden; }
.articles .thumbnails-xsmall article .description p {margin-bottom: 0px;}

/* .articles .thumbnails-xsmall article:hover .description */
#header-features li:hover .description {
display: block; position: absolute; z-index: 2; width: 100%;
padding: 4px 10px; margin: 0px; max-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
background: #fafafa; border: 1px solid #f3f3f3;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;}

#header-features li:hover .description {width: 166px; text-align: left;}



#upgradeIE {*display: block !important; position: fixed; _position: absolute; bottom: 0px; z-index: 999;  right: 0px; width: 300px; background: #ddd; padding: 15px 10px;}

.popup {background-color: rgba(127,127,127,0.8); *background: #7f7f7f; padding: 200px 0px 0px; text-align: center; position: fixed; z-index: 1000; right: 0px; top: 0px; min-width: 999px; width: 100%; min-height: 460px; height: 99%;}
.popup-content {margin: 0px auto; background: #f3f3f3; display: inline-table; padding: 50px 100px; position: relative; min-width: 440px;}

#newsletter-popup, #newsletter-popup-footer  {
background-color: #F3F3F2;
margin-top: 8px; padding: 15px; right: 0px;
position: absolute; text-align: left; z-index: 100;}

#newsletter-popup-footer {bottom: 28px; width: 210px;}

/* temp - organize later */
#video {position: relative;}

#video-popup .picture {width: 640px; float: left; clear: both; }
#video-popup .text {width: 300px; float: right; margin-right: 18px;}
#video-popup .text .description {max-height: 5.2em; margin-bottom: 10px; overflow: hidden; display: block;}

#video .photo {cursor: pointer;}
#video .controls {
background:url(img/sprites-icons.png) -200px 0px no-repeat; width: 300px; height: 31px; cursor:pointer; margin-bottom: 7px;}

/* temp was #video */
#sidebar .media {margin: 15px 0px;}
/* vs-lightbox  popup */
.vs-lightbox {background-color: rgba(127,127,127,0.8); *background: #7f7f7f; padding: 1% 0px 0px; position: fixed; z-index: 1000; right: 0px; top: 0px; min-width: 999px; width: 100%; min-height: 460px; height: 99%;}
.vs-lightbox-content {width: 980px; min-height: 428px; margin: 0px auto; background: #f3f3f3; padding: 16px 0px 20px 20px; position: relative;}
#categories .vs-lightbox-content {padding: 20px 0px 20px 40px;}
.vs-lightbox-content .close-link {float: right; cursor:pointer; font-size: .6em; color: #959595; font-weight: bold; line-height: 1.2em; margin-right: 10px;}
#video #MCL_com_300x250_Top-Video_PS {width: 300px; height: 250px; position: absolute; bottom: 35px; right: 20px;}


/* breadcrumb */
.breadcrumb {margin-top: 10px; font-size: .85em;}
.breadcrumb a:first-of-type, .breadcrumb span span:first-of-type a {font-weight: bold; font-size: 1.05em;}
.breadcrumb span a:first-of-type {font-weight: normal; font-size: 1em;}

/* byline */

.byline {margin: 2px 0px; font-size: .85em; color: #878787;}
.byline span {border-right: 1px solid #959595; margin-right: 10px; padding-right: 10px; }
.byline span:last-child {border-width: 0px; margin-right: 0px;}

.byline span a {font-weight: bold;}

.byline .comments a {position: relative; padding-left: 20px; display: inline-block; min-height: 1.2em;}
.byline .comments a:before {
background: url(img/sprites-icons.png) -256px -34px no-repeat;
content: ""; height: 14px; margin-left: -20px; margin-top: 3px; position: absolute; width: 16px; z-index: 1;}


/* ads */
#header .ad, #sidebar .ad { /*text-align: center; font-size: .0002em; */ position: relative;}
/* temp -remove for live  #sidebar .ad div */ #header .ad div {/* display: block; *display: inline;*/ display: inline-block;}
#sidebar .ad div:nth-child(1) {display:block !important;}

#google_ads_div_MCL_com_x61_PS_ad_container {display: block !important;}
#MCL_com_320x50_Mobile_Bottom_PS {position: fixed;bottom: 0;left: 50%;margin-left: -160px;height: 50px;overflow: hidden; z-index: 99999;}

#MCL_com_728x90_Top_PS {float: right; width: 728px; min-height: 90px; display: block; vertical-align: middle; /* temp */ line-height: 0;}
#AutoGuide_com_300x250_Top1_AUTO {height: 250px; width: 300px; /* overflow: hidden; */ vertical-align: top;}
#MCL_com_160x600_Right_PS, #MCL_com_300x250_Sidebar1_PS {
background: url("img/bg-MCL_com_160x600_Right_PS.gif"); margin: 0px auto 28px; height: 600px; text-align: center;
/* width: auto;  min-width: 160px; display: table;*/}

/* temp fix to javascript move ads */
#sidebar .ad {max-width: 300px !important; _width: 300px !important; _overflow: hidden;}
#sidebar .video-popup-content .ad  {max-width: none !important;}
/* tables */
.spotlight-table td.picture {width: 120px;}

/* forms */
form label, .submit {cursor:pointer; vertical-align: middle;}
input, select {vertical-align:middle;}
.block-search input[type="text"]{width: 177px; margin-right: 7px;}

/*Uniform Theme: Uniform Default -  Global Declaration */

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action {
  background-image: url(img/sprite-forms.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;}

.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{
  margin: 0; padding: 0;}


/* INPUT & TEXTAREA */



/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -132px;}

div.selector span {background-position: right 0px; height: 32px; line-height: 32px;}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px; left: 0px;}

div.selector:active, div.selector.active {background-position: -483px -132px;}
div.selector:active span, div.selector.active span {background-position: right 0px;}

div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -165px;}
div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right -33px;}

div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
background-position: -483px -208px;}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
background-position: right 0px;}

div.selector.disabled, div.selector:hover:active {background-position: -483px -231px;}
div.selector.disabled span, div.selector:hover:active span {background-position: right -99px;}

div.selector option {background: #fff; padding: 2px 4px;}

/* Checkbox */

div.checker {width: 19px; height: 19px; margin-bottom: 5px;}
div.checker input {width: 19px; height: 19px;}
div.checker span {background-position: 0px -262px; height: 19px; width: 19px;}

div.checker:active span, div.checker.active span {
background-position: -19px -262px;}

div.checker.focus span, div.checker:hover span {
background-position: -38px -262px;}

div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
background-position: -57px -262px;}

div.checker span.checked {background-position: -76px -262px;}

div.checker:active span.checked, div.checker.active span.checked {
background-position: -95px -262px;}

div.checker.focus span.checked, div.checker:hover span.checked {
background-position: -114px -262px;}

div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
background-position: -133px -262px;}

div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
background-position: -152px -262px;}

div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
background-position: -171px -262px;}

/* Radio */

div.radio, div.radio input {width: 18px; height: 18px;}
div.radio span {height: 18px;  width: 18px; background-position: 0px -282px;}

div.radio:active span, div.radio.active span {
background-position: -18px -282px;}

div.radio.focus span, div.radio:hover span {
background-position: -36px -282px;}

div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
background-position: -54px -282px;}

div.radio span.checked {background-position: -72px -282px;}

div.radio:active span.checked, div.radio.active span.checked {
background-position: -90px -282px;}

div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -282px;}

div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
background-position: -126px -282px;}

div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
background-position: -144px -282px;}

div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
background-position: -162px -282px;}

/* Uploader */

div.uploader {background-position: 0px -300px; height: 32px;}

div.uploader span.action {background-position: right -432px; height: 30px; line-height: 30px;}

div.uploader span.filename {height: 30px; margin: 2px 0px 2px 2px;  line-height: 30px;
/* change this line to adjust positioning of filename area */}

div.uploader.focus, div.uploader.hover, div.uploader:hover {
background-position: 0px -366px;}

div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
background-position: right -498px;}

div.uploader.active span.action, div.uploader:active span.action {
  background-position: right -498px;}

div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
  background-position: right -531px;}

div.uploader.disabled {background-position: 0px -333px;}
div.uploader.disabled span.action {background-position: right -399px;}


/* PRESENTATION */

/* Button */

.button {}

input[type="submit"], input[type="reset"], .button {
background: #ea4f4b; /* background: #72C2E3; */ color: #fff; font-weight: bold; text-transform: uppercase;
font-weight: bold; cursor:pointer; font-size: .85em; border-width: 0px; padding: 4px 10px 2px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {opacity: .8; text-decoration: none;}

#content .button {min-height: 24px; line-height: 24px;}


#newsletter-popup div.button, #newsletter-popup-footer div.button {
background: #0983b6; width: 158px; text-align: center;}

input[type="reset"], .close {
font-weight: bold; cursor:pointer; font-size: .85em; border-width: 0px; padding: 4px 10px 2px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
background: #b4b4b4; padding: 3px 8px; display: inline-block; vertical-align: middle; cursor: pointer;}
input[type="reset"]:hover, .close:hover {background-color: #a5a4a4; opacity: 1;}

#newsletter-popup .close, #newsletter-popup-footer .close {background: #333; color: #b4b4b4;}

/* Select */
div.selector {/* width: 250px;*/ display: block; max-width: 350px;}
div.selector select {min-width: 290px; border: solid 1px #fff;}
div.selector span {padding: 0px 30px 0px 2px; cursor: pointer;}
div.selector span {/* width: 158px; */ text-shadow: 0 1px 0 #fff;}
div.selector.disabled span {color: #bbb;}


/* Checker */
div.checker {margin-right: 5px;}

/* Radio */
div.radio {margin-right: 3px;}
/* #uniform-radio-price-quote {margin-left: 10px;} */

/* Uploader */
div.uploader {/* width: 190px; */ width: 100%; max-width: 450px;}

div.uploader span.action {width: 85px; text-align: center;  color: #fff; text-shadow: #000 0px 1px 0px; background-color: #fff; border-left: solid 1px #bbb;}

div.uploader span.filename {color: #777; /* width: 82px; */ }
div.uploader input {/* width: 190px; */ }
div.uploader.disabled span.action {color: #eee;}

div.uploader.disabled span.filename {border-color: #ddd; color: #aaa;}

/* CORE FUNCTIONALITY - Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, .checker, .button, .radio, .uploader {
display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline;}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;}

/* Button */

div.button a, div.button button,div.button input {position: absolute; /* temp */ top: 0px; left: 0px;}
div.button {cursor: pointer; position: relative; overflow: hidden;}
div.button span {display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center;}
.mac.webkit div.button span {padding-top: 2px;}

/* temp - universal?? -->
#newsletter-popup div.button {display: inline-block; vertical-align: middle;}

/* Select */

div.selector {position: relative; padding-left: 10px; overflow: hidden;}
div.selector span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.selector select {position: absolute; opacity: 0; filter: alpha(opacity:0); height: 32px; border: none; background: none; cursor: pointer;}
div.disabled select  {cursor: auto;}

/* Checker */

div.checker {position: relative;}
div.checker span {display: -moz-inline-box; display: inline-block; text-align: center;}
div.checker input {opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none;}

/* Radio */

div.radio {position: relative;}
div.radio span {display: -moz-inline-box; display: inline-block; text-align: center;}
div.radio input {opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none;}

/* Uploader */

div.uploader {position: relative; overflow: hidden;}
div.uploader span.action {/* float: left; */ float: right; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer;}
div.uploader span.filename {padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default;}

div.uploader input {opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0;
float: right; height: 32px; border: none;  cursor: pointer;}

/* Blocks */
.block-search{ background-color:#e8e9ea;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; padding:16px 8px 16px 22px; margin-bottom:35px}
.block-search span.text{ font-size:1.3em; font-weight:bold; color:#333; display:inline-block; vertical-align:middle; margin-right:32px}

/* Top Categories - sidebar */
.featured-brands ul{display:inline-block;margin-left:1%;vertical-align:top;width:23.5%}
.featured-brands li{margin-bottom:6px;text-align:center}
.featured-brands li a{color:#333;font-size:.75em;white-space:nowrap;position:relative}
.featured-brands li a:before{
	background:url(img/sprites-icons.png) 0 -65px;
	content:"";
	display:block;
	height:36px;
	width:61px;
	margin:0px auto
}
.featured-brands li.BMW a:before{background-position:-80px -65px}
.featured-brands li.Ducati a:before{background-position:-150px -65px}
.featured-brands li.Harley-Davidson a:before{background-position:-77px -193px}
.featured-brands li.Honda a:before{background-position:-0px -100px}
.featured-brands li.Kawasaki a:before{background-position:-79px -100px}
.featured-brands li.KTM a:before{background-position:-150px -100px}
.featured-brands li.Suzuki a:before{background-position:-150px -193px}
.featured-brands li.Triumph a:before{background-position:0px -144px}
.featured-brands li.CFMoto a:before{content:none;}
.featured-brands li.Indian a:before{background-position:-150px -144px}
.featured-brands li.Yamaha a:before{background-position:5px -195px}
.media h1.title,#featured-brands h1.title{border-bottom:1px solid #e8e9ea;padding-bottom:5px}
.featured-brands li.CFMoto a {display:flex;flex-wrap:wrap;justify-content:center;}

/* 2014 homepage update */
#sidebar .articles .thumbnails-small{border-bottom:1px solid #e8e9ea;padding-bottom: 15px;}
#sidebar .articles .thumbnails-small:last-child{border:0;padding:0}
#sidebar .articles h2.title{margin-bottom: 15px; padding-bottom:9px;}
#sidebar .thumbnails-small .main-column-picture{width:88px;height:54px; overflow:hidden;}
#sidebar .thumbnails-small .main-column-picture img{height: 100%;width: auto;}
#sidebar .thumbnails-small .main-column-text-wrapper {margin-left: -105px;}
#sidebar .thumbnails-small .main-column-text {margin-left: 105px;}
#sidebar .articles h3 {font-weight: normal;font-size: 1.2em;margin-bottom: 0;}
#sidebar .most-popular h3{height: 54px;display: table-cell;vertical-align: middle;}
#sidebar .most-commented .comments {width: 45px;float:left; background:#e94e49;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; line-height:30px;color:#fff;text-align:center;position:relative;}
#sidebar .most-commented .comments:after {content: "";position: absolute;left: 8px;bottom: -9px;z-index: 1;border: 10px solid transparent;border-left-color: #e94e49;}
#sidebar .most-commented .main-column-text-wrapper{margin-left: -60px;}
#sidebar .most-commented .main-column-text{margin-left: 60px;}
.spotlight-table td.picture{padding-right:5px;}
#sidebar .most-commented .thumbnails-small {padding-bottom: 12px !important;margin-bottom: 12px;}

#bike-finder{padding-bottom:16px;margin-bottom: 9px; }
#sidebar .insuance-quote{border-top: 4px solid #009649;padding-top: 8px;}
/**#sidebar #spotlight{margin-bottom: 21px; height:65px; overflow:hidden}**/
#sidebar #bike-finder h2{border-bottom:0;padding-bottom:0;}
#sidebar .insuance-quote h2 {border-bottom:0; color: #009649; margin-bottom: 7px; padding-bottom: 0; font-family: 'Oswald', Arial;font-size: 1.6em;font-weight:normal;}
#sidebar .insuance-quote .sponsor{vertical-align: baseline;}
#bike-finder .sponsor {float: right; margin-top: 5px;}
#bike-finder div.selector {max-width: 130px; min-width: 50px; width: auto; display: inline-block; color: #565656; margin-bottom: 16px; vertical-align: top;}
#bike-finder #uniform-NCMakeVal{min-width:85px}
#bike-finder .button { background:#ce0000;position: relative; padding: 5px 15px 4px 30px; margin-right: 8px; font-size: 1em; font-weight: 700;}
#bike-finder .button:before {
background: url(img/sprites-icons.png) -226px -191px no-repeat; margin: 6px 0px 0px -15px;
content: ""; height: 12px; position: absolute; width: 10px; z-index: 1;}
.insuance-quote form {margin-top: 12px;}
.insuance-quote input[type="text"] {width: 90px !important;}
.insuance-quote input[type="submit"], .insuance-quote .button {background: #009649;}

/* links */
#bike-finder a {color: #333; font-size: 1em; text-decoration: none;}
#bike-finder a.more {text-decoration: underline; font-size: 1em}
#bike-finder a.more:hover {text-decoration: none;}

/* list */
#bike-finder .ui-state-default {
background: #333; color: #fff; padding: 7px 10px; margin: 0px -3px 13px 0px; font-weight: bold; font-size:1em;position: relative; *zoom: 1; display: inline-block; *display: inline; }
#bike-finder .ui-state-default a {color: #fff;}
#bike-finder .ui-state-default:hover {opacity: .7;}

#bike-finder .ui-state-active {background: #c1c1c1; color: #333;}
#bike-finder .ui-state-active a{ outline:none;}

#bike-finder .ui-state-active a {color: #333;}
#bike-finder .ui-state-active:after  {
content: ""; position: absolute; left: 17px; bottom: -9px; z-index: 1; border: 10px solid transparent; border-left-color: #c1c1c1;}

/** ?? **/
#sidebar #classifieds-form input[type="text"] { width: 130px;}

/** Copyright (c) 2014 Sailthru, Inc. | Revision: 53a5c2eaa9e5400367fec322b94695662d038fab  **/
.recommendation{position:fixed;right:-300px;width:300px;background:#fff; border-bottom:2px solid #000; border-left:2px solid #000; border-top:2px solid #000; color: #252525; font-size: .85rem; overflow:hidden;display:none;padding-bottom:10px;text-align:left;border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;box-shadow:5px 5px 5px rgb(0,0,0,.5);-moz-box-shadow:-2px 2px 5px rgb(102,102,102,.5);-webkit-box-shadow:-2px 2px 5px rgb(102,102,102,.5);}
.recommendationWrapper{padding:10px;float:left;width:260px;}
span.row{display:block;}
.recommendation a{}
span.recommendationCategory{font-weight: bold; text-transform:uppercase;margin-left:2px;}
span.recommendationTitle{margin-bottom:5px;}
span.recommendationTitle a{}
.imgReplace{display:block;}
.imgReplace span{display:none;}
div.openWrapper{width:20px;float:left;display:none;}
a.openRecommendation{width:13px;height:13px;background:url(http://cdn.sailthru.com/assets/images/icons/open.gif) 0 0 no-repeat;margin-top:36px;margin-left:5px;}
a.openRecommendation:hover{background:url(http://cdn.sailthru.com/assets/images/icons/open.gif) 0 -13px no-repeat;}
a.closeRecommendation{position:absolute;top:5px;right:5px;width:13px;height:13px;background:url(http://cdn.sailthru.com/assets/images/icons/close.gif) no-repeat;}
.recommendationThumb{float: left; width: 50px; height: 50px; overflow: hidden;}
.recommendationThumb img {width: 82px; max-width: 82px; margin-left: -16px; height: auto;}
.recommendationDetails{float:left;margin-left:10px;width:200px;}
.recommendationFooter{font-size: .75rem; text-align:right;clear:both;padding-right:5px;}
.recommendationFooter a {color: #959595;}
.recommendation.ie{padding-right:20px;}
.recommendation.ie .closeRecommendation{right:25px!important;}
.recommendationFooter {display: none;}

.mobile-menu-toggle{
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 99;
	width: 20px;
	display: none;
	cursor: pointer;
}
.mobile-menu-toggle span{
	position: relative;
	width: 100%;
	height: 2px;
	background: #FFF;
	display: block;
	margin-bottom: 6px;
	-webkit-transition: 0.2s;
	   -moz-transition: 0.2s;
	    -ms-transition: 0.2s;
	     -o-transition: 0.2s;
	        transition: 0.2s;
}
.mobile-menu-toggle.opened span{

}



.mobile-menu-toggle.animate span:nth-child(1){
  animation: first-line-opened linear 0.25s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: first-line-opened linear 0.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: first-line-opened linear 0.25s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: first-line-opened linear 0.25s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: first-line-opened linear 0.25s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;

  animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
}




.mobile-menu-toggle.animate span:nth-child(2){
  animation: second-line-opened linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: second-line-opened linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: second-line-opened linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: second-line-opened linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: second-line-opened linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;

  animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
}



.mobile-menu-toggle.animate span:nth-child(3){
  animation: third-line-opened linear 0.25s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: third-line-opened linear 0.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: third-line-opened linear 0.25s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: third-line-opened linear 0.25s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: third-line-opened linear 0.25s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;

	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
}


.reverse-anim span{
	-webkit-animation-direction: reverse !important; /* Safari 4.0 - 8.0 */
    animation-direction: reverse !important;
    -moz-animation-direction: reverse !important;
}


@keyframes first-line-opened{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-moz-keyframes first-line-opened{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -moz-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-webkit-keyframes first-line-opened {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -webkit-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-o-keyframes first-line-opened {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -o-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-ms-keyframes first-line-opened {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -ms-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}



@keyframes second-line-opened{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes second-line-opened{
  0% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes second-line-opened {
  0% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes second-line-opened {
  0% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes second-line-opened {
  0% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}


@keyframes third-line-opened{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-moz-keyframes third-line-opened{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -moz-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-webkit-keyframes third-line-opened {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -webkit-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-o-keyframes third-line-opened {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -o-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-ms-keyframes third-line-opened {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  50% {
    -ms-transform:  translate(0px,4px)  rotate(0deg) ;
  }
  100% {
    -ms-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}




@keyframes first-line-closed{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-moz-keyframes first-line-closed{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -moz-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-webkit-keyframes first-line-closed {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -webkit-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-o-keyframes first-line-closed {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -o-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}

@-ms-keyframes first-line-closed {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -ms-transform:  translate(-1px, 7px)  rotate(-45deg) ;
  }
}



@keyframes second-line-closed{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes second-line-closed{
  0% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes second-line-closed {
  0% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes second-line-closed {
  0% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes second-line-closed {
  0% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  }
}


@keyframes third-line-closed{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-moz-keyframes third-line-closed{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -moz-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-webkit-keyframes third-line-closed {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }

  100% {
    -webkit-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-o-keyframes third-line-closed {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -o-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

@-ms-keyframes third-line-closed {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  50% {
    -ms-transform:  translate(0px,4px)  rotate(0deg) ;
  }
  100% {
    -ms-transform:  translate(-1px, -9px)  rotate(45deg) ;
  }
}

/*
.mobile-menu-toggle.opened:before{
	position: absolute;
	background: rgba(0,0,0,0.3);
	content: "";
	top: -12px;
	left: -8px;
	width: 60px;
	height: 50px;
}
*/

.nav .child-menu{
	display: none !important;
}
@media screen and (max-width: 640px){

	.selector span{
		max-width: 90px;
	}

	.wp-content *{
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.wp-content table{
		-ms-overflow-x: auto;
		    overflow-x: auto;
	    // display: block;
	    display: table !important;
	    table-layout: fixed;
	    width: 100%;
	}

	.reviews_articles div.body_content span.oas_advertisement, .reviews_articles div.body_content #google_ads_div_MCL_com_Pre-Roll_ad_wrapper{
		padding-left: 0;
	    float: none;
	    margin: auto;
	    text-align: center;
	    padding: 0;
	    display: block;
	}



	/* MOBILE MENU */
	#nav{
		overflow: auto;
	}
	#nav .child-menu{
		display: block !important;
	}
	.show-on-mobile{
		display: block !important;
	}
	#content{
		margin-top: 50px;
	}
	#header.header{
		background: #CE1618;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 99999999;
	}
	#header #nav{
		display: none;
		max-height: 480px;
	}
	#header.header .nav{
		padding-left: 0;
		background: #000000;
	}
	#header.header .nav li{
		display: block;
		padding-left: 10px;
	}
	#header.header .nav li li{
		padding-left: 0px;
		text-align: left;
	}
	#header.header .nav .dropdown div[class*="listContainer"]{
		display: none;
	}
	#header.header .nav .desktop.navigation > li:nth-child(2n){
		background: #333333;
	}
	.nav .dropdown:nth-child(2) li, .category-hub-links li{
		padding-top: 8px;
	}
	#header.header .nav .dropdown .link, #header.header .nav .menu-item a{
		padding-left: 0;
		margin: 0;
		font-size: 14px;
		text-align: left;
	}

	#header.header .dropdown .link{
		padding: 7px 6px;
	}

	#header.header .nav .dropdown  .dropdown-nav{
		display: none;
	}

	#header.header .nav .dropdown .link{
		position: relative;
	}
	#header.header .nav .dropdown .link:after{
		background: none;
		content: "+";
		position: absolute;
		top: 3px;
		margin-top: 0;
		font-weight: normal;
		right: 16px;
		font-size: 20px;
	}
	#header.header .nav .dropdown .link.opened:after{
		content: "_";
		top: -9px;
		right: 16px;
	}
	.ui-effects-wrapper{
		display: none !important;
	}
	.nav li:hover{
		background: none;
	}
	.nav li:hover .link{
		color: #FFF;
	}

	#header.header .nav li .dropdown-nav{
		background: none;
		position: static;
		margin-top: 0;
		border-bottom: none;
	}
	#header .dropdown-nav div{
		background: none;
		min-width: 0;
		min-height: 0;
		padding: 0;
	}
	#header.header .section div{
		clear: both;
	}
	#header.header .section ul{
		width: auto;
	}
	#header.header .section ul li{
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0;
		letter-spacing: 0;
		display: inline-block;
		padding-right: 8px;
	}
	#header.header .section ul li{

	}

	#header.header .section ul li a{
		color: #FFF;
	}

	#header.header .nav .dropdown .category-list li a:before{
		content: none;
	}
	#header.header .logo_wrapper{
		position: relative;
		display: block;
		text-align: center;
		height: 50px;
		padding: 0;
		background: none;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.mobile-menu-toggle{
		display: block;
	}

	#header.header .logo_wrapper #logo{
		background: url("img/mobile-logo.png") no-repeat;
		display: block;
		width: 165px;
		height: 22px;
		position: relative;
		top: 13px;
		margin: auto;
	}

	#header.header .logo_wrapper #logo img{
		display: none;
	}

	#subnav .desktop, #subnav .mobile{
		display: none;
	}
	#subnav .search-link{
		top: -43px;
		right: 16px !important;
		height: 36px !important;
		width: 72px;
		position: absolute !important;
		z-index: 100;
		cursor:pointer;
		display: inline-block;
		vertical-align: baseline;
		float: none;
	}
	#subnav .search-link.open-search{
		background: none;
		float: none;
	}
	#subnav .search-link.opened{
		top: -47px;
	}
	#subnav .search-link.open-search.opened:after{
		margin-top: -6px;
		background: url('img/search-close.png') no-repeat;
		background-position: center;
		content: "";
		color: #FFF;
	}

	#header.header #subnav{
		position: absolute !important;
		top: 50px;
		right: 42px;
		width: 100%;
		left: 0;
		padding-left: 0 ;
		padding-right: 0 !important;
	}

	#google-cse-searchbox-form{
		right: 32px;
		position: static;
		top: 50px;
		width: 100%;
		background: #ce1618;
		padding-bottom: 20px;
		display: none !important;
		height: auto;
	}

	#google-cse-searchbox-form.opened{
		display: block !important;
	}

	#google-cse-searchbox-form input[type="text"]{
		-webkit-border-radius: 0;
        border-radius: 0;
        height: 40px;
        box-sizing: border-box;
        width: calc(100% - 20px);
        display: block;
        padding: 10px !important;

	}
	#google-cse-searchbox-form .button, #google-cse-searchbox-form > input[type=submit]{
		-webkit-border-radius: 0;
        border-radius: 0;
        height: 40px;
        box-sizing: border-box;
        padding: 4px 10px 2px;
        padding-top: 12px;
        position: absolute;
        top: 4px;
        right: 9px;
        z-index: 999;
	}

	#google-cse-searchbox-form > input[type=submit]{
		padding-top: 1px;
	}

	#MCL_com_320x50_Mobile_Bottom_PS{
		background: #FFF;
		left: 0;
		right: 0;
		text-align: center;
		margin-left: 0;

	}

	/* Mobile styles */
	#home-slider.flexslider{
		height: auto;
	}
	#home-slider.flexslider .flex-caption a{
		padding: 0;
		padding-top: 5px;
	}
	#home-slider.flexslider .flex-caption .title{
		font-size: 1rem;
		line-height: 1.2rem;
	}
	#home-slider.flexslider .flex-caption p{
		display: none;
	}

	.search #promo-area .intro{
		padding: 0;
		border: none;
	}
	#main-content .inner-pages .search_box input[type="text"], #main-content .inner-pages .search_box select{
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	    padding: 8px;
	}

	#main-content .inner-pages .search_box{
		width: 100%;
	}
	#main-content .inner-pages .search_box .button{
	    top: -32px;
	    right: 0px;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	    height: 31px;
	}

	#cse-search-results{
		margin: 0;
		max-width: 100%;
	}

	/* Mobile Yieldmo ad */
	#MCL_com_320x186_PS_Mobile_Yieldmo {margin-bottom: 20px; text-align: center; min-height: 50px;}

}



/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 20px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;

}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: 10px;
}
.flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  text-align: right;
}
.flex-control-nav li {
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: left;
  text-indent: -999px;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #666;
  background: #FFF;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: #f5484a;
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: #f5484a;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.flex-caption{
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

.flex-caption .title{
	font-family: 'Oswald', Arial;
    font-size: 1.8rem;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    line-height: 2.2rem;
}
.flex-caption a{
	display: block;
    padding: 20px 10px;
    color: #fff;
    text-decoration: none;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* center 970x250 pushdown ad */
#MCL_com_x62_PS {display:table; margin:0 auto;}

.sticky-sidebar {
  position: sticky;
  position: -webkit-sticky;
  top: 25px;
}

.sidebar-footer {
  width: 100%;
  display: block;
  height: 158px;
  border-radius: 4px;
  background-color: #f3f3f2;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 25px;  
}

.sidebar-footer ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  margin-bottom:20px;
}

.sidebar-footer span {
  font-size: 12px;
}

.col-layout {
  display:grid;
  grid-template-columns:633px 1fr;
  grid-gap:27px;
  margin:0px 10px !important;
}

.col-layout #sidebar .ad {
  height:auto !important;
}

@media(max-width:1020px) {
  .col-layout {
    display:block;    
  }

  .col-layout .size-full img {
    width:100% !important;
  }

  .col-layout .prettyGallery,
  .col-layout .aligncenter,
  .col-layout iframe {
      display:block;
      margin:0 auto;
   }

   .col-layout .pg_paging {
     width:100% !important;
   }

   .col-layout .pg_previous a {
     left: 0px !important;
   }

   .col-layout .pg_next a {
    right: 0px !important;
  }

  .col-layout #sidebar {
    display: none;
  }
   
  
}

@media(max-width:640px) {

  .col-layout .aligncenter,
  .col-layout .prettyGallery,
  .col-layout .pg_paging {
    width: 100% !important;  
  }

  #main-content_wrapper {
    overflow-x: hidden;
  }

  table {
    width:100% !important;
  }

  table.data {
    overflow-x: scroll !important;
    display: block !important;
  }

  .tos_dmca_policy table {
    width:auto !important;
  }
}

.inner-pages .postbody .data td,
.inner-pages .postbody .data th {
  line-height:15px;
}

pre {
  display: block;
  width: 100%;
  white-space: normal;
}

.alm-ad {  
  max-width: 300px;
  display: block;
  margin:20px 0px;
}

@media (max-width:1020px) {
  #header {
    position:relative;
  }
  
  #header-features {
    float:none !important;
    width:auto !important;
    display: inline-block;
    position:absolute;
    right:0;
    top:0;
    margin:0px !important;
  }

  #header-features li {
    width:auto !important;
  }
}


@media (max-width:725px) {
  #header-features {
    display:none;
  }
}

#disqus_thread {
  max-height:700px;
  overflow:hidden;
  position:relative;
}

#disqus_thread.collapsed::after {
  content: '';
  display: block;
  z-index: 9999;
  position: absolute;
  width: 100%;
  height: 100px;  
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
  opacity: 0.1;
  bottom: 0;
}

#expand-comments {
  width: 100%;
  text-align: center;
  background: white;  
  padding: 10px 0px;
  cursor: pointer;
  font-weight: bolder;
  display:block;
}

#MCL_com_1x1_Native_PS.blog-native {
    border-bottom: 1px solid #e8e9ea;
    margin-bottom: 15px;
}