/*!
Theme Name: Hybrid Cars
Author: Justin Cheong(design), Michael Zaletskyi(Version 2.0.0)
Author URI: http://verticalscope.com
Description: Custom Theme Developed for Hybrid Cars.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hybridcars.com
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

(C) 2012-2017 Automattic, Inc.
*/


/*.car-promotion {display: none !important; } /* HIDE PRICE QUOTE BLOCK */


@import url(./css/fonts.css);

/* 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; border:0; margin:0px; outline:0; padding:0px;}

header, nav, article, footer, address, summary, details, section {
    display: block;}

.main-content article{ width:100%; float:left;}

img {vertical-align: bottom;}

/*quick fix to hide some elements in single post pages */
.gc_custom_field {display: none;}

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

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


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

body {color: #333; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-size: 100%; line-height: 1.1em; overflow: visible !important;}

#container {font-size: .85em; width: 100%; }
.page-template-vs-contact-us p, .page-template-vs-contact-us p,
.page-template-default p, .page-template-vs-advertise-info p
  {font-size: 1.324em; line-height: 1.6em;}
p {margin-bottom: 12px;}

.mbno {margin-bottom: 0 !important;}
.mb20 {margin-bottom: 20px;}
.home .mb20 {margin-bottom: 24px;}
.mt25 {margin-top: 27px;}
.mt60 {margin-top: 62px;}

#main-content_wrapper {float: left; margin-right: -331px;  margin-top: 33px; width: 100%; }
#main-content {margin-right: 331px;}
#sidebar {float: right; margin-top: 33px; width: 300px;}

section {margin-bottom: 75px;}
section.text_wrapper.articles.featured-articles {margin-bottom: 17px;}
section.articles.news {margin-bottom: 31px;}
section#auto-insurance { margin-bottom: 0px !important; }
#sidebar .ad, .widget-container.widget_text {margin-bottom: 49px;}
#sidebar .widget-container.widget_text {margin-bottom: 49px !important;}
#widget-container#home-widget#widget_text {margin-bottom: 6px;}
section.section.text_wrapper.types-of-tech { margin-bottom: 45px; }

.ajax-load-more-wrap.grey button.alm-load-more-btn { border-radius: 0 !important; }

/* 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 {height: 1%; position: static;}

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

/* lists */
ul, ul li {list-style: none; margin: 0px; padding: 0px;}
ol, ol > li {margin: 0px 0px 0px 12px; padding: 0px; list-style: none;}
ul.vehicle-list { margin-top: 40px; margin-bottom: 30px;}

.default li, .postbody li, .data li {position: relative; padding-left: 12px; margin-bottom: 5px;}
.article-text li { padding-left: 0 ; }
.default li:before, .postbody li:before, .data li:before {background: url(images/sprites-icons.png) -495px -286px no-repeat;
content: ""; height: 12px; margin-left: -12px; position: absolute; width: 5px; z-index: 1;}

.vehicle-list li {display: inline-block; *display: inline; *zoom: 1; text-align: center; width: 16%; margin-bottom: 37px;}

.shop-for-cars .vehicle-list li {width: 32.5%;}
.shop-for-cars .body-content article {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 30px;
    padding-bottom: 31px;
    vertical-align: top;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.shop-for-cars .body-content article:last-child {border: none;}
.shop-for-cars .hyc-desc { margin-top: 0 !important;}
.shop-for-cars .cars-information .vehicle-list strong {
    display: block;
    font-size: 1em;
    font-weight: normal;
    padding-top: 0px;
}
.shop-for-cars .vehicles { margin: 0px auto 11px; }

#social li {*zoom: 1; display: inline-block; *display: inline; font-size: .85em; text-align: center; width: 55px;}
#social li.rss-link:hover:after  {background: url("images/sprites-icons.png") no-repeat scroll -226px -168px; bottom: -6px; content: "";
display: inline-block; height: 11px; margin-left: -20px; position: absolute; width: 20px; z-index: 3;}


/* images & icons */
img {border: 0px;}
.picture {float: left; position: relative;}
.trend-picture { float: none; position: relative; margin-right: 15px; }
.trend-picture img.photo { float: left; margin-right: 15px; width: 127px; min-height: 60px; height:auto; text-indent: -99999px; }
.thumb .picture {position: static;}

.data .photo {vertical-align: top;}
.data td:first-child a {height: 95px; display: block; overflow: hidden; line-height: 95px; }
.postbody .data td:first-child a {height: auto; line-height: normal;}
.mpg-table td:last-child a {height: 46px; display: block; overflow: hidden; line-height: 46px; }
.mpg-table td:last-child a img { height: 100%; }

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

.vehicles {background: url(images/sprites-vehicles.jpg) no-repeat; display: block; height: 78px; margin: 0px auto 14px; width: 215px;}

.sedan .vehicles, .sedans .vehicles {background-position: 15px -76px;}
.coupe .vehicles {background-position: 34px 0px;}
.pickup .vehicles {background-position: -6px -238px;}
.suv .vehicles {background-position: 19px -317px;}
.luxury .vehicles {background-position: 12px -151px; width: 225px;}
.vans .vehicles {background-position: 17px -397px; width: 225px;}

.coupes a.v-link, .pickups a.v-link {margin-top: 5px;}
.sedans a.v-link, .suvs a.v-link {margin-top: 22px;}
/*.luxury a.v-link, .vans a.v-link {margin-top: 40px;}*/

.coupes a.car-link {margin-left: 5px;}
.sedans a.car-link {margin-left: 13px;}
.luxury a.car-link {margin-left: 13px;}
.pickups a.car-link {margin-left: 4px;}
.suvs a.car-link {margin-left: 12px;}
.vans a.car-link {margin-left: 0;}

.close {background: #d5d5d5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#d5d5d5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#d5d5d5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e4e4e4,  #d5d5d5); /* for firefox 3.6+ */
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
border-width: 0px; color: #b7b7b7; cursor: pointer; display: inline-block; font-weight: bold; padding: 2px 5px; }
.close:hover {background: #ddd;}

.home .recent-articles .picture {margin-bottom: 20px; min-height: 128px;}

.postbody div.size-full {overflow: hidden;}
.postbody div.size-full img{width:100%; height:auto;}
.postbody .oversize {max-height: 100%; overflow: hidden;}

.postbody blockquote {background: #ebebeb; padding: 20px;}
.postbody blockquote iframe {display: flex; width: 100%; margin-bottom: 25px;}
.postbody blockquote iframe, .postbody blockquote img.aligncenter { margin-top: 20px;}
.postbody blockquote h2, .category-wrapper h3, .category-wrapper h3 a { color: #000; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-size: 1.2em; font-weight: normal; margin: 10px 0 20px 0; }

.postbody p.wp-caption-text {color: #4eb211; font-size: 0.8em; line-height: 1.5em; margin-top: 5px !important; }
.article .postbody div.alignleft p.wp-caption-text, .article .postbody div.alignright p.wp-caption-text  {margin-bottom: 0px; margin-top: 20px;}

.postbody blockquote .wp-caption {width: 100% !important;}
.article .postbody blockquote img.size-full  {max-width: 100%; height: auto; margin: 0;}
.article .postbody blockquote object, .article .postbody blockquote embed {max-width: 100% !important;}
.article .postbody blockquote div.alignleft p.wp-caption-text  {margin-top: 0px; background: #f4f4f4; padding: 10px;}

/* links*/
a {color: #4eb211; text-decoration: none;}
a:hover {text-decoration: underline;}
.main-column-text h3 a { color: #111; }

.mpg-table a {font-size: 0.95em; font-weight: normal;}
.mac .mpg-table a, .linux .mpg-table a  {font-weight: bold;}
.mpg-table a.all, .safari.mac .mpg-table a, .safari.linux .mpg-table a {font-weight: normal;}

/* firefox */
@-moz-document url-prefix() {
.mac .mpg-table a, .linux .mpg-table a, .linux .home .recent-articles h3, .mac .home .recent-articles h3  {font-weight: normal !important;}
}
/* safari */
_::-webkit-full-page-media, _:future, :root .safari_only {
.mac .mpg-table a, .linux .mpg-table a, .linux .home .recent-articles h3, .mac .home .recent-articles h3,
.mac #sidebar .newsletter strong.title, .linux #sidebar .newsletter strong.title
{font-weight: normal !important;}
}

.newsletter-link {color: #2f8200; cursor: pointer;}
.newsletter-link:hover {text-decoration: underline;}

.vehicle-list a {font-size: 1.18em; font-weight: 500; text-decoration: none; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;}

#headerWP .nav li:hover a {text-decoration: none;}

#headerWP .nav li .subnav a:hover, .vehicle-list a:hover, .vehicle-list li:hover a {text-decoration: underline;}

.skip-link {display: none;}

#social a {color: #2f8200;}

h1 a {color: #666;}
.show-more a {color: #fff; font-weight: bold; font-size: 1.2em;}


#topSearch {position: relative;}
.topS { /*display: block;*/ position: absolute !important; margin: 0; height: 61px; width: 100vw; top:90px;  background: #acd407; z-index: 1; box-sizing: border-box;}
.topS.find-open { top:150px; z-index: 9;}
#search {margin-top: 13px; margin-right: 17px;}
.cSearch { width: 1000px; margin: 0 auto; }
#topSearch input#searchsubmit { position: relative; border:none; margin: 3px 0 0 5px; height: 18px; width: 17px; color: transparent; text-indent:-9999px; background: url("images/find.png") no-repeat; cursor:pointer; border-radius: 0;}
#topSearch input#searchsubmit:hover, #topSearch .search-close:hover, #top-find img:hover { opacity: .7; }
#topSearch .cSearch > div{width:0px;position:absolute;top: 35px; right: 50%; background-color:#000;padding: 5px;  z-index:2;-webkit-transition: width 1s; transition: width 1s;overflow: hidden; border-radius: 0;}
#topSearch input#edit-query { width: calc(100% - 30px); height: 27px; padding-top: 5px; -webkit-transition: width 1s; transition: width 1s; background-color: #acd407; color: #fff; font-size: 1.2em; border: 0; border-bottom: 1px solid #fff; outline: none; border-radius: 0; }
#topSearch form {margin:0}
#topSearch .search-close { display: inline-block; margin-top: 20px; margin-right: 18px; float: right; background: url("images/search-close.png") no-repeat; width: 16px; height: 20px; cursor: pointer; z-index: 2;}

/* iPad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  #topSearch input#edit-query { width: calc(100% - 50px); }
  #nav ul li { padding: 18px 15px !important; }
  .category .promo-area .facts { margin-top: 0 !important; }
}
@media (min-width: 1023px) and (max-width: 1070px) {
  #nav ul li { padding: 18px 15px !important; }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    #search {margin-right: 45px;}
    #topSearch input#edit-query { width: calc(100% - 60px); }
    .category .promo-area .facts { margin-top: 0 !important; }
}


/* Google search */
#adBlock {
  border: none !important;
}
.gsc-branding, .gcsc-branding, .gsc-branding-user-defined, .gsc-branding-text, .gsc-branding-text {
    display:none !important;
}
.gsc-control-cse, .gsc-webResult.gsc-result {
font-family: Arial, sans-serif;
border: none !important;
}
/* end Google search */

#gas-calculator, #sales-dashboard {background: url("images/bg-texture.gif") repeat left top transparent; padding: 15px 10px;}
#gas-calculator .icon, #sales-dashboard .icon {
background: url(images/sprites-icons.png) -226px -40px no-repeat; display: inline-block; float: right; height: 88px; width: 88px;}
#sales-dashboard .icon {background-position: -226px -212px; height: 86px; width: 98px;}
#gas-calculator .icon span {color: #fff; display: block; font-size: 0.95em; line-height: 1em; margin-top: 38px; text-align: center; text-transform: uppercase;}
#gas-calculator .icon:hover, #sales-dashboard .icon:hover {text-decoration: none;}

#video h1 a, #gas-calculator h1 a {color: #2F8200;}

a.more, a.top {display: table;}
a.more {color: #4b9322; font-weight: bold; margin-top: -12px;}
.home a.more {color: #2f8200; font-size: 1.2em; font-weight: bold;}

.show-more { background: #adadad; border: 0; color: #fff; cursor: pointer; font-size: 1.1em; text-transform: uppercase; margin-bottom: 30px; margin-top: 50px; padding: 14px 20px 10px 14px; text-align: left;}

.terms-link {cursor: pointer; text-decoration: underline;}
.terms-link:hover {text-decoration: none;}


/* Header & Footer */
#wpadminbar #adminbarsearch  {white-space: nowrap;}

#headerWP { background: #acd407; }

#headerWP #topSearch { margin-left: -50vw; left: 50%; }

#headerWP #logo {display: inline-block; position: relative; z-index: 1; float: left; width: 150px;}

#headerWP .nav { padding: 18px 12px 0 0px; }
#headerWP .wmenu { position: relative; width: 100%; height: 61px; background: #41ad00; z-index: 10;}
@supports (-ms-ime-align:auto) { /* Edge */
  #headerWP .wmenu { height: 62px !important; }
  .find.srch-open { height: 34px !important; }
}

.find { margin: 5px 3px 0 2px; padding: 0 2px; cursor:pointer; }
.find.srch-open { height: 33px;border-bottom: 5px solid #acd407; }

ul#nav, .find { float: right; }
#nav li.current-menu-item, #nav li.current_page_parent  { border-bottom: 5px solid #acd407; padding-bottom: 15px;}
#nav ul.submenu li.current-menu-item a {border-bottom: none !important; padding-bottom: 3px;}
#nav ul.submenu li a {border-bottom: none !important; padding-bottom: 3px;}
#nav ul.submenu li a:hover { color: #fff; }


#nav li {*zoom: 1; display: inline-block; *display: inline; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-size: 14.1px; margin-right: 27px; padding-bottom: 20px; padding-top: 6px;  text-transform: uppercase;}
#nav li.logged_in {border-bottom: 5px solid #28a1ea; padding-bottom: 6px;}
#nav li:hover {border-bottom: 5px solid #acd407; padding-bottom: 15px;}
#nav li a {color: #fff;}

#nav ul {background: #acd407; display: none; margin-top: 19px !important; position: absolute; text-align: center; width: 100vw; margin-left: -50vw; left: 50%; z-index: 999 !important;}
#nav ul li {float: none; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-size: 14px; margin: 0px; padding: 18px 25px 18px 20px; text-shadow: 0px 0px 0px #494848; text-transform:none;}
#nav ul li:hover {border-bottom: 0px solid #fff; padding-bottom: inherit;}
#nav ul li a {color: #000; font-weight: normal;}
#nav ul.sub-menu:before { position: absolute; width: 100%; width: 100vw; margin-left: -50vw;background: #acd407; z-index: 210;}

#footer {height: 200px; background: #363636; color: #41ad00; font-size: .75em; padding: 12px 0px 20px;}
#footer .ad {display: block; margin: 20px auto 0; width: 728px;}
#footer .bln { height: 86px; border-bottom: 1px solid #3a6620; }
#footer .copy { float: left; margin-top: 32px; font-size: 13.85px; }
#footer .flogo { float: right; margin-top: 29px; margin-right: 2px;}
.footer-wrapper {margin: 0px auto; width: 999px;}
#footer .subnav {display: inline-block; margin-top: 39px; }
#footer .subnav li, #footer .social li {display: inline-block;}
#footer .subnav li {border: 0; text-transform: uppercase; padding: 0px 19px 1px 0;}
#footer .subnav li:first-child {border-left: none;}
#footer .subnav li a {color: #41ad00;}
#footer .social {display: inline-block; float: right; width: 128px; margin-top: 10px; }
#footer .social ul { width: 128px; }
#footer .social li { float: left; width: 25px; margin-top: 30px; margin-left: 15px; }
#footer .social li:last-child { margin-left: 22px; }
#footer .sprite {background: url(images/fsoc.png) no-repeat; display: block; text-indent: -999em; }
#footer #facebook-link .sprite {background-position: 0px 0px; width: 9px; height: 19px; top:0; margin: 0 !important;}
#footer #twitter-link .sprite {background-position: -10px 0px; width: 19px; height: 19px; top:0; margin: 0 !important;}
#footer #google-link .sprite {background-position: -29px 0px; width: 22px; height: 19px; top:0; margin: 0 !important;}

#footer #facebook-link:hover .sprite {background-position: 0px -19px;}
#footer #twitter-link:hover .sprite {background-position: -10px -19px;}
#footer #google-link:hover .sprite {background-position: -29px -19px;}

#headerWP #google-cse-searchbox-form {display: inline-block; float: right; width: calc(100% - 295px);}

/* sidebar */
#sidebar .stk1 .widget_text {border: 1px solid #41ad00; max-width: 400px;}
#text-4 { margin-bottom: 53px; }
#text-5. #mpg-links, .widget_text { max-width: 400px;}
#text-5, .textwidget h2.title { margin-bottom: 18px; }
#sidebar #text-4 .ad  { margin-bottom: 49px; }
.textwidget { border: none; }
#sidebar .newsletter {background: #41ad00; padding: 17px 15px 20px; margin: 0;}
#social { margin-bottom: 19px; }
#mpg-links { margin-bottom: 23px;}
#mpg-links h2.title { margin-bottom: 18px; }

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

#video-popup .picture {clear: both; float: left; width: 640px;}
#video-popup .text {float: right; margin-right: 18px; width: 300px;}

#video .photo {cursor: pointer;}
#video .controls {background:url(images/sprites-icons.png) -225px 0px no-repeat; cursor: pointer; height: 31px; width: 270px;}

/* temp was #video */
#sidebar .media {background: url("images/bg-texture.gif") repeat scroll left top transparent; padding: 15px;}

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

#social .list {margin-top: 12px; position: relative;}
#facebook {border: 1px solid #e8e9ea; margin-bottom: 12px; min-height: 160px;}
#facebook .fb-like-box {height: 160px; overflow: hidden;}

#social li {*zoom: 1; display: inline-block; *display: inline; font-size: .85em; text-align: center; width: 55px;}
#social .sprite {background: url(images/soc.png)no-repeat; display: block; text-indent: -999em;}

#facebook-link .sprite {background-position: 2px -1px; height: 24px; width: 14px; top: -3px; margin: 5px 23px -5px 31px; position: relative; }
#twitter-link .sprite {background-position: -13px -4px; height: 22px; width: 24px; margin: 8px 26px -5px 38px; position: relative; top: 0; }
#google-plus-link .sprite {background-position: -37px -3px; height: 22px; width: 31px; margin: 8px 26px -2px 53px; position: relative; top: -1px; }
#rss-link .sprite {background-position: -70px -4px; width: 30px; height: 21px; margin: 7px 0px -5px 68px; position: relative; top: 0; }

#facebook-link .sprite:hover {background-position: 2px -26px; }
#twitter-link .sprite:hover {background-position: -13px -26px;}
#google-plus-link .sprite:hover {background-position: -37px -25px;}
#rss-link .sprite:hover {background-position: -70px -26px;}

#social .newsletter-link .sprite {background-position: 0px -225px;}

.rss-link:hover #rss-popup {background: #eaf7ff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
border: 1px solid #41ad00; display: block !important; margin-top: 5px; padding: 8px; position: absolute; right: 0px; text-align: left; width: 220px; z-index: 2; }

#newsletter-popup {background-color: rgba(243,243,242,0.98); border: 1px solid #e8e9ea; left: 0px; padding: 10px 8px; position: absolute; z-index: 2; text-align: left; top: 5px; width: 282px;}

/* ads */
#headerWP .ad, #sidebar .ad {text-align: center;}
#sidebar .adspace-widget:nth-child(1), #sidebar .adspace-widget:nth-child(4) { max-width: 300px !important; }
#sidebar .ad { max-width: 300px; overflow: hidden;}
#sidebar .ad:first-child iframe {float: left;}
#sidebar .ad div {display: inherit !important;}
#_728x90_Top_AUTO {display: block; margin: 0 auto; vertical-align: middle; width: 728px;}
#_300x250_Top1_AUTO {height: 250px; vertical-align: top; width: 300px;}
#_160x600_Right_AUTO {display: table; height: 600px; margin: 12px auto 0px; min-width: 160px; width: auto;}
#_250x90_TopRight_AUTO {margin-top: 20px;}

/* titles */
h1, h2, h3, h4, h5, h6 {font-size: 1.2em;}
h1, strong.title, h1.404-title {color: #666; font-size: 2em; font-weight: 400; line-height: 1.2em; margin-bottom: 12px;}
h1.entry-title { font-size: 2.21em; line-height: 1.2; margin-top: 7px; text-transform: uppercase; color: #000; border-bottom: 1px solid #41ad00; font-weight:normal;padding-bottom:3px;}

#video h1, #gas-calculator h1 {font-size: 1.1em; text-transform: none;}
#sidebar .newsletter strong.title {color: #fff; font-size: 15.5px; letter-spacing: 0.001em; margin-right: -8px; text-transform: uppercase;font-weight:normal;font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;}
.mac #sidebar .newsletter strong.title, .linux #sidebar .newsletter strong.title {font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-weight: bold; font-size: 16.5px}

#sales-dashboard h1, .mpg-table th strong {font-size: 1rem; font-weight: 400; color: #41ad00; text-transform: uppercase;}
.mpg-table th strong span {text-transform: lowercase;}
#sales-dashboard h1 {font-size: 1em;}
#sales-dashboard h1 a {color: #2f8200;}

h1.title { margin-top: 6px; margin-bottom: 28px; text-transform: uppercase; font-weight: 500; font-size: 2.2em; line-height: 1.15; color: #000; border-bottom: 1px solid #41ad00; }
.subpage  h1.title,.category-reviews h1.title{padding-bottom: 3px;}
h2.title {color: #111; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-size: 1.16em; font-weight: 400; letter-spacing: 0; line-height: 1em;
margin-bottom: 30px; text-transform: uppercase;  padding-bottom: 6px; border-bottom: 1px solid #41ad00;}
#auto-insurance h2.title {color: #111 !important; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1em !important;margin-bottom: 17px !important; text-transform: uppercase !important;  padding: 0 0 6px 0 !important; border-bottom: 1px solid #41ad00 !important; border-top:0 !important}
#auto-insurance h2.title  strong{font-weight: 400 !important; padding: 2px 8px 2px 2px !important;}
#auto-insurance .spotlight-table td.picture {padding: 0 21px 0 0 !important;}
#auto-insurance .spotlight-table h5{color:#000 !important;font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial !important; font-size:14px !important;padding-top:2px !important;line-height: 1.2 !important;}
.find_your_next_car h2.title {color: #111; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-size: 1.16em; font-weight: 400; letter-spacing: 0; line-height: 1em;
margin-bottom: 0px; text-transform: uppercase;  padding-bottom: 5px; border-bottom: 1px solid #41ad00;}
h2.title strong {background: #fff; font-weight: 400; padding: 2px 8px 2px 0px;}
#auto-insurance h2.title { margin-bottom: 17px;}
h2.gtitle {font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-size: 1.74em; font-weight: 500; text-transform: uppercase;color: #41ad00; margin-bottom: 35px;}
h2.faq-title {font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-size: 1.74em; line-height: 1.1; font-weight: 500; text-transform: uppercase;color: #41ad00; margin-bottom: 7px;}

.single-post .section h2 {font-size: 1.2em; line-height: 1.3em;}
.single-post .section h3 {font-size: 1.1em; margin: 20px 0px 0px !important;}
.single-post #sidebar  .section h3{font-weight:normal;}
.trend-text h3 a { color: #000; }


.buyers-guide h2.title {margin-bottom: 12px; padding-bottom: 0px; height: 20px;}
.buyers-guide h2.title strong {padding-left: 0px !important; }
.buyers-guide .shop-by { position: relative; float: right; width: 260px; font-size: .77rem; font-weight: normal; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; margin-top: -5px;}
.buyers-guide .shop-by a { float: right; background: #ccc; color: #fff; padding: 5px 9px; text-decoration: none;}
.mac .buyers-guide .shop-by a, .linux .buyers-guide .shop-by a { height: 15px !important; padding: 7px 9px 3px !important; }

.buyers-guide .shop-by a:hover, .buyers-guide .shop-by a.check-type { background: #41ad00;}
.home .recent-articles .text h2 {font-size: 1em; line-height: 1.1em;}
.hide, .home #car-make { display: none; }

.related-reading h2 { margin-bottom: 30px; padding-top: 2px; text-transform: uppercase; font-weight: 500; font-size: 1.195em; color: #000; padding-bottom: 6px; border-bottom: 1px solid #41ad00;}
.related-reading h2 strong {background: #ffffff; padding: 2px 8px 2px 2px; font-weight: normal; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;}
.mac .related-reading h2 strong, .linux .related-reading h2 strong { font-weight: normal; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;}
.related-reading h3 a { display: block; width: 99%; color: #111; margin-top: 10px; margin-bottom: 12px; text-decoration: none; font-size: 19px !important; font-weight: normal; line-height: 1.3em; }
.related-reading h3 a:hover { text-decoration: underline; }
.related-reading .description { display: block; line-height: 1.2; font-size: 16px; color:#666; }

.articles h3, .faqs h3 {color: #2f8200; font-size: 19px;  line-height: 1.3em; margin-bottom: 10px;}
.articles h3 a {color: #2f8200;}
.home .recent-articles h3, .home .recent-articles h3 a { width: 99%;color: #111; margin-top: 9px; margin-bottom: 13px; text-decoration: none; font-weight: normal;}
.linux .home .recent-articles h3, .mac .home .recent-articles h3 { font-weight: bold; }
.home .recent-articles h3:hover, .home .recent-articles h3 a:hover { text-decoration: underline;}
.reviews-cont .small-cont h3{margin-top: 9px; margin-bottom: 13px;}

h2.taboola-more-news{margin-bottom: 11px;}
#taboola-below-article-thumbnails-white { margin-top: 40px; }
#taboola-mid-article-stream-thumbnails .trc_rbox_outer a span { color: #666666; font-weight: normal; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;font-size:14px;}
#taboola-mid-article-stream-thumbnails .trc_rbox_outer a:hover span { color:#111111; text-decoration:none}

.articles .big-cont .byline {font-size: .855em; margin: 4px 0px 6px;}
.articles .big-cont .byline .author:after {margin-left: 7px;}
.articles .big-cont h3, .articles h3{font-weight:normal;}
.articles .big-cont h3 a{ float: left; position: relative; font-size: 24px; color: #111; text-transform: uppercase; margin-top: 0px; margin-left: 0px;}
.articles a.hyc-news { float: left; font-size: 19px; color: #111; line-height: 1.2; margin-top: 5px;}
.featured-articles h3 a.hyc-news { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
.articles .big-artcl { border-bottom: 0 !important; padding-bottom: 15px !important;}
.articles .hyc-desc { float: left; margin-top: 14px; font-size: 1.18em; line-height: 1.2;color:#666}
.categories.related-reading .hyc-desc { font-size: 16px; color: #666; }

.featured-articles .articles .hyc-desc { font-size: 15px; color: #666; }

.mpg-table td:first-child strong {font-size: 26px; font-weight: normal;}

.byline {font-size: 12px; margin: 0px 0px 5px; text-transform: uppercase; display: block; padding-top: 3px;}
.home .recent-articles .byline {margin: 3px 0px 5px;}
.author-title.byline {text-transform: uppercase; font-weight: 500; font-size: 1.195em;}
.byline .author a:hover { text-decoration: underline; }
.byline .author:after { content: "/"; color: #959595; margin-left: 6px; }
.byline .date {color: #666; font-weight: normal; margin-right: 8px; padding-left: 3px;}
.linux .byline .date, .mac .byline .date { font-weight: normal; }
.article .byline .date { color: #666; }
.byline .title {padding-right: 8px; color: #959595; font-weight: bold; font-size: 1.33em; line-height: 1.1;}
.byline .title + span { font-size: 1.33em; line-height: 1.1; }

.related-reading .byline { font-size: 12px; }

.archive-meta { text-transform: none; margin-top: 10px; font-size: 1em; }

.small-cont .byline a { font-weight: normal; font-size: 12px; }


/** columns **/
/** wp colums -small image - temp default settings */
.main-column-text {display: block;}

@media (min-width: 601px) {
article .main-column-text {margin-left: 290px;}
.shop-for-cars article .main-column-text {margin-left: 299px;}
.ad-shop-by-car {margin-bottom: 45px; min-height: 90px;}

.related-reading .main-column-picture { overflow: hidden; max-height: 165px; }
}

.car-promotion .main-column-picture {float: left; width: 165px;}
.car-promotion .main-column-text-wrapper {display: block; float: right; margin-left: -175px; width: 100%;}

.reviews-cont article {border-bottom: 1px solid #ccc; margin-bottom: 29px; padding-bottom: 31px;}
.reviews-cont article:last-of-type, .reviews-cont article:nth-of-type(6n) { border: 0;}
.reviews-cont article:nth-of-type(6) { margin-bottom: 50px; }
.reviews-cont .main-column-text {margin-left: 298px;}
.reviews-cont .main-column-text p { color: #909090; }
.reviews-cont .main-column-picture {width: 270px;}
.reviews-cont .big-artcl { border-bottom: 0 !important; padding-bottom: 0px !important; margin-bottom: 40px;}
.reviews-cont .hyc-desc { float: left; margin-top: 0px; font-size: 1.18em; line-height: 1.2;color:#666}
.reviews-cont .big-cont h3 a { float: left; position: relative; font-size: 1.33em; line-height: 1.1; color: #111; text-transform: uppercase; margin-top: 0px !important; margin-left: 0px; }
.reviews-cont .big-cont .byline { font-size: .855em; margin: 4px 0px 6px; }

.reviews-cont .main-column-text-wrapper.small-cont h3 a { font-size: 19px; font-weight:normal; margin-top: 5px; line-height:1.2}

.reviews-cont .alm-listing li {padding-bottom: 30px; border-bottom: 1px solid #e8e9ea;}

.big-artcl .picture, .reviews-cont .big-artcl .picture {margin-bottom:20px;width:100%; height:auto;
  overflow: hidden; padding-bottom: 61.22%; position: relative;}
.big-artcl .picture img, .reviews-cont .big-artcl .picture img {width:100%; height:auto; overflow: hidden;
    position: absolute;
      padding-bottom: 61.22%;}
.big-artcl .hyc-desc, .reviews-cont .big-artcl .hyc-desc{display:none;}
.big-artcl .text, .reviews-cont .big-artcl .text{margin-left:0 !important;}
.big-artcl .byline, .reviews-cont .big-artcl .byline { margin: 4px 0px 6px;}
.big-artcl h3 a, .reviews-cont .big-artcl h3 a { font-size: 24px; line-height: 1.2; color: #111; font-weight:normal; text-transform: uppercase; margin-top: 0px !important; margin-left: 0px;}

.related-reading article {display: inline-block; margin-right: 15px; margin-bottom: 30px; padding-bottom: 31px; vertical-align: top; width: 100%; border-bottom: 1px solid #ccc;}
.related-reading article:last-of-type { border: 0; margin-bottom: 0; padding-bottom: 0;}
@media (min-width: 520px) {
  .luxury, .vans { min-width: 226px !important;}

  .related-reading .main-column-picture {float: left; width: 270px; }
  .related-reading .main-column-text {font-size: .95em; margin-left: 300px; padding-top: 1px;}
}
@media (min-width: 401px) and (max-width: 519px) {
.related-reading .main-column-text {font-size: .95em; margin-left: 175px; padding-top: 1px;}
.byline { margin: 0 !important; }
}
.related-reading .main-column-picture img {height: auto; max-width: 100%;}


/* tables */
th {font-weight: normal; text-align: left;}
td {vertical-align: top;}

.data {border:0; border-bottom-width: 0px;}
.data th {cursor: pointer; font-size: 0.9em; padding: 6px 5px 5px 0px; text-decoration: none; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-weight: bold; white-space: nowrap; border-top: 1px solid #41ad00; border-bottom: 1px solid #41ad00;}
.data th:first-child {text-align: center;}

@media (min-width: 1024px) {
  .navbar-toggle { display: none; }

  .big-artcl .picture.mb20 { margin-bottom: 23px;}

  .research-cont section.section.types-of-tech { margin-bottom: 71px; }

  #content {
      margin: 151px auto 0 !important;
    }

  #headerWP div.logo_wrapper {
    min-height: 90px;
  }
  /* Transitions */
  #headerWP, #headerWP div.logo_wrapper, #headerWP #navbar, #headerWP #topSearch, #bgSyncBlock iframe {
    -webkit-transition: top 0.7s ease-in-out;
    -moz-transition: top 0.7s ease-in-out;
    -o-transition: top 0.7s ease-in-out;
    -ms-transition: top 0.7s ease-in-out;
    transition: top 0.7s ease-in-out;
  }
  #headerWP {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
  }

  .navbar-collapse, #navbar .nav.navbar-nav  { display: none; }
  .data.salesdash {display: block; margin-bottom: 84px; overflow: auto; table-layout: fixed;}
  .shop-type section { margin-top: 26px; margin-bottom: 36px; }
  .data td:nth-child(1) { padding: 10px 10px 10px 0; max-width: 120px; }
  .data td:nth-child(2) { padding: 10px 10px 10px 0px; max-width: 120px !important; }
  .data td:nth-child(2) h4 { font-size: 1.01em; line-height: 1.11; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-weight: normal; }

  .data td:nth-child(3) { max-width: 126px; }
  .shop-type .related-reading h2 strong { padding: 2px 8px 2px 0px; }
  .home #car-make { min-height: 231px; }
  #vs-bottomFixedMobileAd { display: none; }
  #footer {
    height: 189px !important;
  }
} /* min 1024 */

.data td {border-bottom: 1px solid #cccccc; padding: 10px 2px 10px 0px; vertical-align: top; line-height: 1.125em; font-size: 1.05em; }
.postbody .data td {font-size: .75em;}
.data td:last-child, .data th:last-child {padding-right: 0;}
.data td:nth-child(2) h4 {line-height: 1.11; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; font-weight: normal; }

@media (min-width: 761px) and (max-width: 1024px)  {
  .data td { padding-right: 10px !important; }
  .main-column-text-wrapper.big-cont { float: left; }
} /* 768 - 1024 */

@media (max-width: 760px)  {

    .article-text table{ overflow: auto; display: block;}

    .data.type-car table, .data.type-car thead, .data.type-car tbody, .data.type-car td, .data.type-car tr {
      display: block;
    }
    .data.type-car th { display: none; }

    .data td:last-child, .data th:last-child {padding-bottom: 10px;}
    .data td:empty, .data th:empty { padding-bottom: 25px; }

    .data.type-car thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .data.type-car tr { border-top: 1px solid #41ad00; }

    .data.type-car td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 45%;
    }

    .data.type-car td:before {
      position: absolute;
      top: 12px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }

    .data.type-car td h4 {
      font-size: 1.3em;
      margin-bottom: 10px;
    }

    .data.type-car td:first-child a {height:auto;}
    .data.type-car td img { width: 100% !important; height: auto; }
    .data.type-car td:nth-of-type(1) { border: 0 !important;}

    .data.type-car td:before {font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;}
    .data.type-car td:nth-of-type(1):before, .data.type-car td:nth-of-type(1),
    .data.type-car td:nth-of-type(2):before, .data.type-car td:nth-of-type(2) {padding-left: 0% !important;}
    .data.type-car td:nth-of-type(3):before { content: "Comb. MPG"; }
    .data.type-car td:nth-of-type(4):before { content: "Technology"; }
    .data.type-car td:nth-of-type(5):before { content: "MSRP"; }
    .data.type-car td:nth-of-type(6):before { content: "Available"; }

	} /* max 768 */

.section .data {border-left-width: 0px; border-right-width: 0px; margin-top: 10px; width: 100%;}
.section .data th {background: #fff; border-bottom: 1px solid #E0E0E0; cursor: default; font-size: .75em; font-weight: bold;}
.section .data th:first-child {text-align: left;}
.section .data td {padding: 10px 2px 10px 15px;}
.section .data td.down {background: url(images/sprites-icons.png) no-repeat scroll -489px -337px transparent; height: 10px; width: auto;}
.section .data td.up {background: url(images/sprites-icons.png) no-repeat scroll -489px -394px transparent; height: 10px; width: auto;}
.section .data td:nth-child(8n+1), .section .data td:nth-child(8n+2) {font-weight: bold;}
.section .data tr:hover, .section .data tr:hover th {background: #ebf7f4;}
.section .data tr:last-child, .section .data tr.total {background: #ebf7f4;}
.section .data tr.titles:hover, .section .data tr.titles:hover th {background: #fff;}

.mpg-table {border-bottom: 1px solid #dcdcdc; border-width: 1px 0px 0px 1px; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;}
.mpg-table td {font-size: 0.9em;}
.mpg-table td, .mpg-table th {border-bottom: 1px solid #e8e9ea; padding: 6px 3px 2px 3px;}
.mpg-table tbody td:nth-child(2), .mpg-table tbody th:nth-child(2){padding: 4px 3px 4px 3px}
.mpg-table tbody td:first-child { padding-top: 12px; }
.mpg-table th:first-child, .mpg-table td:first-child {width: 55px;}
.mpg-table td {vertical-align: middle;}

.mpg-table thead th { text-align: left; padding: 12px 13px 4px 1px; }
.mpg-table thead td:nth-child(3n+3), .mpg-table thead th:nth-child(3n+3) {text-align: right; padding: 10px 7px 3px 1px; font-size: 0.95em;}
.mpg-table tbody td:nth-child(3n+3), .mpg-table tbody th:nth-child(3n+3) {text-align: right; padding: 4px 0;}
.win .mpg-table td, .win .mpg-table th {padding: 2px 3px 2px 3px;}


/* forms */
form label, .submit, .button {cursor: pointer; vertical-align: middle; -webkit-appearance: none;}
input, select {vertical-align: middle; border-radius: 0; -webkit-appearance: none;}
input.submit:hover {opacity: 0.7;}

/* Pages input */
.page-template #contactForm li table input { padding: 0 !important; }
.page-template #contactForm {width:100%; margin-bottom: 100px;}
 .page-template #contactForm li select,
 .page-template #contactForm li input.text,
 .page-template #contactForm li input#email,
 .page-template #contactForm li input.email,
 .page-template #contactForm li input.password,
 .page-template #contactForm li textarea
 { border: 1px solid #41ad00 !important; padding: 10px !important; margin-top:3px;  width: 100% !important;box-sizing: border-box; }
 .page-template #contactForm li input { border: 1px solid #41ad00 !important; padding: 10px !important; width: 100% !important;box-sizing: border-box; margin-top:3px; }

 .page-template #contactForm li select { height: 36px; width: 100%; padding: 3px !important;}


.postdropdown {margin: 20px 0px;}
.postdropdown .button {margin: 2px 10px; padding: 2px 5px;}
.postdropdown select {height: 28px; min-width: 200px; border-radius: 0 !important; margin-right: 10px; }
.postdropdown input {
  font-size: 13px;
  color: #fff;
  background-color: #41ad00;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: bold;
  height: 29px;
  text-transform: uppercase;
  padding: 5px 30px;
}
.postdropdown input:hover { opacity: .7;}

/* figures */
p.figure {background: #74C3CE; color: #fff; margin: 20px 0px 0px; padding: 10px;}

.selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{font-size: .9em; margin: 0; padding: 0;}

/* INPUT & TEXTAREA */
span.form input.text {min-width: 90px;}

input.text, input.email, input.password, textarea.uniform {border: 1px solid #959595; color: #666; font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-size: .85em; padding: 4px 6px;}

form.form table input.text {float: right;}
.login form.form table input.text {float: none; width: 240px;}

#sidebar input.text, #sidebar input.email, #sidebar  input.password, #sidebar  textarea.uniform,
#headerWP input.text, #headerWP input.email, #headerWP  input.password, #headerWP  textarea.uniform {border-width: 0px;}
#headerWP input.text {margin-top: 2px; min-width: 150px;}

input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
border-color: #999;}

#sidebar .newsletter input {margin-top: 9px; height: 19px; }
#newsbar input[type="text"] {width: 205px; height: 28px; padding-left: 8px; font-size: 0.955em; color: #666; border: 0; box-sizing: border-box; vertical-align: top; border-radius: 0;}


/* SPRITES */

/* Select */
div.selector span {background-position: right 0px; height: 26px; line-height: 26px;}

div.selector select {left: 0px; top: 0px;}

div.selector:active, div.selector.active {background-position: -483px -156px;}

div.selector:active span, div.selector.active span {background-position: right -26px;}

div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -182px;}

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

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 -78px;}

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

div.selector.disabled span {background-position: right -104px;}

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

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

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

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

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

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

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

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 -260px;}

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

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

.radio {
     list-style-type:none;
     margin: 0;
     padding:0;
}
ul.radio {
     margin-top: 7px;
}
.radio li {
    float:left;
    margin:0 ;
    width:100px;
    height:29px;
    position:relative;
}
.radio li:last-child{
  width:117px;
}
.radio label, .radio input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.radio input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

ul.radio input[type="radio"]:checked + label,
ul.radio div span.checked + label {
    color: #43aa01;
    background:#fff;
	border: 1px solid #fff;
}

.radio label {
    padding:7px 15px 0 20px;
    cursor:pointer;
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;
    font-size: 1.11em;
    line-height: 1.11em;
    color: #fff;
    text-transform: uppercase;
    z-index:5;
	border: 1px solid #add407;
}
.mac .radio label, .linux .radio label { line-height: normal; padding: 9px 15px 0 20px; }

.radio label:hover { color:#43aa01; background:#fff;}

/* Uploader */
div.uploader {background-position: 0px -297px; height: 28px;}

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

div.uploader span.filename {height: 24px; line-height: 24px; margin: 2px 0px 2px 2px;}

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

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

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

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 -493px;}

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


/* PRESENTATION */

/* Button */
.button {background: #ce0000; border-width: 0px; color: #fff; cursor: pointer; font-size: 1em; font-weight: normal;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;}

.form .button {background: url(images/bg-button-login.png) 0 50% repeat-x; cursor: pointer; font-size: 1.2em; min-width: 90px; padding: 12px 6px; text-align: center; text-transform: uppercase;}
span.form .button {width: 136px;}
.newsletter .form .button {margin-right: 10px; padding: 2px 5px; width: auto;}
.create-account form.form .button {padding: 10px 40px;}
.form .button:hover {background: #82b307;}
.create-account form.form .button span {font-weight: bold;}

#sidebar #newsletter-popup .form div.button {padding: 2px;}

#newsbar input.submit { background-color: #acd407;  height: 28px !important;  margin-left: -5px; width: 64px; border: 0; border-radius: 0 !important; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; font-size: 0.9em;font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial; color: #000; box-sizing: border-box; vertical-align: top;-webkit-appearance: none;}
.mac #newsbar input.submit, .linux #newsbar input.submit { line-height: 28px; }
#newsbar input.submit:hover { color:#fff;}

button.buttons {
background: #ACD407;
color: #333;
font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;
font-size: 1.38em;
padding: 10px 32px 7px;
position: absolute;
border-radius: 0;
border: 0;
cursor?:pointer;
}
.win button.buttons {padding: 8px 32px 7px;}
button.buttons:hover {background: #a0c506; color: #000; opacity: 1;}

/* Select */
#new-cars-form select {width:41%; box-sizing:border-box; border: 0; height: 40px; margin-right: 1px; padding-left: 19px; opacity: 1 !important; font-size: 1.1em; text-transform: uppercase; border-radius: 0 !important;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url(images/ln-down.gif) no-repeat scroll 95% 52% #fff; }
#new-cars-form select::-ms-expand {display: none;}
#new-cars-form span {cursor: pointer; padding: 0px 25px 0px 2px;}
#new-cars-form span {color: #666; text-shadow: 0 1px 0 #fff; width: 158px;}
#new-cars-form div.selector.disabled span {color: #bbb;}

@-moz-document url-prefix() {  select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; } }

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

/* Radio */
div.radio {margin-right: 3px;}

/* Uploader */
div.uploader {cursor: pointer; width: 190px;}

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

div.uploader span.filename {border-right: solid 1px #bbb; color: #777; width: 82px;}
div.uploader input {width: 190px;}
div.uploader.disabled span.action {color: #aaa;}

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; *display: inline; vertical-align: top; zoom: 1;}
.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; top: 0px; left: 0px;}
div.button {cursor: pointer; overflow: hidden; position: relative;}
div.button span {display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center;}

/* Select */
div.selector {overflow: hidden; position: relative;}
div.selector span {display: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

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

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

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

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

/* google-cse-searchbox */
#google-cse-searchbox-form div.button {
background: #44b400; border-width: 0px; color: #fff; line-height: 0.9em !important; margin-left: -8px;
margin-top: 1px; padding: 5px 12px 6px !important;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -o-border-top-left-radius: 0px;
border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px;}
#google-cse-searchbox-form div.button:hover {background: #ACD407;}
.ie #google-cse-searchbox-form div.button {padding: 3px 12px 2px;}

#google-cse-searchbox-form div.button input {position: absolute; right: 0px; top: 0px; width: 60px;}

#google-cse-searchbox-form input, #google-cse-searchbox-form select {font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial; font-size: 0.85em; line-height: 1.1em;}

/* gas-mileage */
.category-gas-mileage .container-wrapper { float: left; width: 100%; margin-bottom: 30px; padding: 25px 0px 0px; background-color:#eee;}
.category-gas-mileage .category { float: left; width: 45%; margin: 15px 3px 5px 25px;  box-sizing: border-box;}
.category-gas-mileage .description, .category-gas-mileage .container-wrapper .links.arrow {display:inline-block; font-size:1.3em; line-height:1.3em; padding-top:5px;}
.category-gas-mileage .container-wrapper .links { margin-bottom: 10px; }
.category-gas-mileage p.arrow:before {background:url("/wp-content/themes/hybridcars_v2/images/sprites-icons.png") no-repeat scroll -275px -152px rgba(0, 0, 0, 0); content:""; height:8px; margin-left:-15px; margin-top:6px; position:absolute; width:5px;}
.category-gas-mileage p.arrow {margin-left:15px;}

/* Forum Fix */
#forum-content { margin-right: 331px; }

@media only screen and (max-width: 1023px) {

#forum-content { margin-right: 0 !important; }
#forum-content .body_wrapper table:first-child td {
    display: inline-block;
    position:relative;
    margin-bottom:10px;
}
#forum-content .toplinks {
    top: 0;
    position: relative;
    width: 100%;
}
#forum-content .toplinks .remember {
    left: 0;
    margin-top: 0px;
    position: relative;
    top: 0;
    width: 140px;
}

#forum-content .toplinks .remember label {
    color: #333333;
    display: block;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 30px;
}
#forum-content .breadcrumb > ul {
    margin-top: 10px;
}
#forum-content #pagetitle h1 {
    color: #666666;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1;
}
} /* 1023 */


@media only screen and (min-width: 1023px) {
  #forum-content div#breadcrumb {
      top: -10px;
      position: absolute;
  }

    #forum-content .toplinks {
        position:relative;
        right: 0  !important;
        top: 20px !important;
    }
    #forum-content .toplinks .remember {
        float: left !important;
        margin: 0 !important;
        position: relative;
        top: 5px  !important;
        left: 0 !important;
        width: 140px  !important;
    }
    #forum-content .toplinks form input.loginbutton { height: 25px !important; }
} /* 1023 */

#forum-content .toplinks ul.isuser, .toplinks ul.nouser { width: 100%; }
#forum-content .breadcrumb > ul { padding-bottom: 5px !important; }

#forum-content .toplinks .remember #uniform123-cb_cookieuser_navbar,
#forum-content .toplinks .remember #uniform123-cb_cookieuser_navbar span,
#forum-content .toplinks .remember #uniform123-cb_cookieuser_navbar input#cb_cookieuser_navbar {
    float: left;
    height: 20px;
    width: 20px;
}

#forum-content .toplinks .remember #uniform123-cb_cookieuser_navbar span {
    margin-top: -5px; border:1px solid #ccc;
}
#forum-content span.checked123 {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxNSIgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjMuMDAwMDAwLCAtNDcuMDAwMDAwKSI+PGcgaWQ9ImNoZWNrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MjMuMDAwMDAwLCA0Ny41MDAwMDApIj48cGF0aCBkPSJNNiwxMC4yIEwxLjgsNiBMMC40LDcuNCBMNiwxMyBMMTgsMSBMMTYuNiwtMC40IEw2LDEwLjIgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+');
    background-repeat:  no-repeat;
    background-position: 50% 50%;
    width:  15px;
    height:  15px;
    float:  left;
    position:  relative;
}

@media print {
#headerWP #google-cse-searchbox-form, #_728x90_Top_AUTO, .linkbar {display: none !important;}
}
.text_wrapper.logo_wrapper {
    min-height: 90px;
    background: #acd408;
    z-index: 10;
}
.logo_wrapper, .head-menu {
  margin: 0px auto;
  width: 999px;
}

/* HPTO FIX */
#content {
   box-sizing: border-box;
   margin: 0 auto;
   background: #FFF;
}
 /* END CORE FUNCTIONALITY */


.navbar-toggle {
  position: relative;
  float: right;
  padding: 0;
  margin: 2px 15px 0 0;
  background-color: transparent;
  background-image: none;
  border: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle:hover {
  cursor: pointer;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 17px;
  height: 3px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

@media (max-width: 1023px) {
  .topS {
    width: 100%;
    height: 55px !important;
  }
 .topS {background: #41ad00; border-top: 1px solid #acd407;}
 .topS.find-open { display: block; top:145px; }
 .find.srch-open { border-bottom: none; }

  .cSearch { width: 100%;  margin: 0 auto; }

  .find.srch-open {height: 31px;}


   .container { padding: 0 20px !important; }
   #sidebar { margin-top: 7px; margin-bottom: 30px;}
   .hide-md {display: none !important;}


  #logo img {
    width: 130px;
    height: 26px;
  }

  #headerWP *  {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
  #headerWP .wmenu {
    height: 55px;
  }
  .logo_wrapper, .footer-wrapper {
      margin: 0px auto;
      width: 95% !important;
  }
  .head-menu {
    width: 100% !important;
  }
  #headerWP #logo {
    margin-left: 20px;
  }
  #navbar {
    display: none;
    position: absolute;
    width: 100%;
    margin: 37px 0 0 0 !important;
    z-index: 9;
    background-color: #41ad00;
    border-top: 1px solid #acd407;
  }
  .navbar-toggle.collapsed .icon-bar.{
    display:none !important;
  }
  .find { margin: 3px 19px 0 0; }
  #topSearch .search-close { margin-top: 18px; }
  .navbar-toggle { margin: 2px 15px 0 0; }

  #topSearch input#searchsubmit { margin: 5px 0 0 7px;  height: 21px; }
  #search {
    margin-top: 12px;
    margin-right: 53px;
  }
  #topSearch .search-close { position: absolute; margin-top: 17px; right: 2px; }
  #headerWP #google-cse-searchbox-form { width: calc(100% - 20px); }
  #topSearch input#edit-query { width: calc(100% - 30px); padding-top: 0; background-color: #41ad00; }
  #main-content { margin-right: 0 !important; }

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

  #feature-slide { margin: 0 auto;}
  #sidebar { overflow: hidden; width: 100%; }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #e7e7e7;
  }
  .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

#sidebar #facebook-link .sprite {top: -6px !important;}
#sidebar #twitter-link .sprite {top: -3px !important; }
#sidebar #google-plus-link .sprite {top: -3px !important; }
#sidebar #rss-link .sprite { top: -3px !important; }

.nav {
    padding: 16px 5px 0 0 !important;
    margin-bottom: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
}
.navbar-nav>li>a {
    padding-top: 13px;
    padding-left: 21px;
    padding-bottom: 15px;
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;
    font-size: 19.85px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
}

.nav li ul.sub-menu { margin-top: 4px; margin-left: 10px; }
.nav li ul.sub-menu li { font-size: 16.5px; padding-bottom: 14.5px; }

.sub-menu,  #nav.dropdown { display: none; }

.navbar-nav > ul > li.hovertouch-hover > a.submenu:after,
.navbar-nav > ul.topmenu-list > li.hovertouch-hover > span.submenu:after {
    content: "-";
}
.navbar-nav li.menu-item-has-children span.expand-plus {
	display: block;
    content: "";
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;
    font-size: 1.8rem;
    color: #fff;
    height: 23px;
    width: 23px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    background: url(./images/pm.png) no-repeat 5px 7px;
	transition:unset !important;
}
.navbar-nav li.menu-item-has-children span.expand-plus.open-menu{ background: url("./images/pm.png") no-repeat 5px -16px !important; }

.navbar-default .navbar-nav .open .sub-menu>li>a {
    color: #777;
}
.navbar-nav .open .sub-menu .dropdown-header, .navbar-nav .open .sub-menu>li>a {
    padding: 5px 15px 5px 25px;
}
.sub-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.caret {
  content: "+";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
}


#sidebar div.ad { margin: 0 auto 52px; }

#sidebar .widget-container.widget_text { margin: 0 auto 53px !important; max-width: 392px; }
#social .list { margin-left: 20px !important; }
#social li { width: 20% !important; }
#newsbar input[type="text"] { width: calc(100% - 63px); }

} /* max 1023 */

@media (max-width: 767px) {

  #headerWP #logo { z-index: 9999; }

  .topS { top: 50px; margin-left: 0 !important; left: 0 !important; }
  .topS.find-open { top: 105px; }
  .text_wrapper.logo_wrapper { min-height: 50px;}
  #topSearch .search-close { margin-top: 17px; right: 2px; }

  .byline {
    font-size: 12px;
    margin: 7px 0px !important;
  }
  .byline .author:after {
    margin-left: 4px;
  }
  .home .byline .author:after {
    margin-left: 9px;
  }
  .linkbar {
    margin: 27px -20px 0px !important;
    padding: 18px 11px !important;
  }
  .postbody div.size-full {
    margin: 0 -20px 0 !important;
  }
  .postbody div.size-full img {
    max-width: 100% !important;
  }
  .facts h5 {
    font-size: 1em !important;
    padding: 0 0 12px 0 !important;
  }
  .facts h6 {
    font-size: 1.75em !important;
    padding: 0 10px 4px 0 !important;
  }
  .lfacts h5 {
    font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;
    font-weight: normal;
  }
  .mac .lfacts h5, .linux .lfacts h5 {
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
  }
  .home .main-column-text h3 a {
    font-size: 1.055em !important;
}
  .main-column-text h3 a {
    font-size: 1.1em;
    line-height: 1.1;
    color: #111;
  }
  .reviews-cont .hyc-desc {
    color: #666;
  }
  .reviews-cont article {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
#main-content_wrapper {
     margin-top: 15px !important;
     margin-right: 0 !important;
     padding: 15px 0;
  }
  .posttitle {
      margin: 5px -2px 3px !important;
  }
  .posttitle strong.title {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  .reviews-cont .main-column-text-wrapper {
    margin-left: 0 !important;
  }
.picture.mb20 {
  width: 100% !important;
}
.picture.mb20 img.photo {
    width: 100%;
    height: auto;
}
.plusslider {
  width: 100% !important;
}
#feature-slide .text {
  padding: 10px !important;
  min-height: 38px;
  width: calc(100% - 60px) !important;
  margin: 0 20px !important;
}
#feature-slide .text h3 a {
  line-height: 1em;
  font-size: 1.2rem !important;
}

#feature-slide li.child,
#slider li a img {
  width: 100% !important;
  max-width: 100% !important;
}
#list-slide {
  display: none;
 }

  .hide-xs {
    display: none !important;
  }
  .show-xs {
    display: block !important;
  }
  #HybridCars_com_728x90_Top_AUTO {
    display: block !important; width: 350px; height: 50px; margin:0 auto; overflow: hidden;
  }

  .ban-foot { position: relative !important; margin:40px auto 40px !important; min-height: 50px; }
   #vs-bottomFixedMobileAd {background: #fff; bottom: 0px; height: 50px; position: fixed; width: 100%; z-index: 50;}
   #vs-bottomFixedMobileAd div:first-of-type{display: block !important; margin: 0 auto; text-align: center;}
   #vs-bottomFixedMobileAd img{margin:0}

} /* max 767 */

@media (max-width: 700px) {
#container, #sidebar { overflow: hidden; }
.postbody p img.size-full { width: 100% !important; height: auto;  margin-bottom: 0 !important; }

.research-cont section:last-of-type {margin-bottom: 40px;}
.research-cont .descr-content {margin-bottom: 36px !important;}
section.section.types-of-tech { margin-bottom: 0 !important; }
section.section.types-of-tech h3 { margin-top: 50px !important; }

.picture { float: none; width: 100%; }
.reviews-cont .main-column-text { margin-left: 0; }
.picture img, .reviews-cont .main-column-picture { width: 100% !important; height: auto; }

} /* 700 */

#slider-content { margin: 0;}



.trend-text h3 { font-size: 14px !important; font-weight: normal; line-height: 1.3; }
.trend-picture { margin-right: 17px !important; }

.home .recent-articles article { padding-bottom: 22px !important; }

.related-reading .description { line-height: 1.2 !important; }
.related-reading article { padding-bottom: 25px; }

.formcontainer input,
.formcontainer textarea#comment,
.formcontainer  select {
    vertical-align: middle;
    border: 1px solid #ccc;
    width: 97% !important;
    padding: 5px;
    margin-bottom: 10px;
  }

  .vehicle-list a.vehicles { transform: scale(0.85); }
  ul.vehicle-list { margin-top: 58px !important; }
  .vehicles { margin: 0px auto !important; }
  .vehicle-list li { width: 32.5%; margin-bottom: 20px  !important; }
  .sedans .vehicles { background-position: 0px -76px !important; }
  .pickups .vehicles { background-position: -5px -243px !important; height: 76px !important; }
  .luxury .vehicles { background-position: -11px -151px !important; width: 200px !important; }
  .suvs .vehicles { background-position: -2px -319px !important; height: 75px !important; }
  .vans .vehicles { background-position: -1px -396px !important; }

  .coupes a.car-link, .luxury a.car-link, .suvs a.car-link {  margin-left: 0 !important; }
  .pickups a.car-link { margin-left: 20px !important; }
  /*.vans a.car-link { margin-left: 57px !important; }*/

  .home .body-content .main-column-picture { max-height: 350px !important; margin-bottom: 18px;}
  h1.title { line-height: 1.25;}
  .shop-for-cars .types-of-tech h3 { margin-bottom: 0 !important;}
  .shop-for-cars .types-of-tech .hyc-desc { margin-top: 13px !important; }
  .bullet { margin-bottom: 68px !important; }
  .bullet li { padding: 13px 13px 10px 12px !important;}

} /* max 700 */

@media (min-width: 680px) and (max-width: 700px) {
  .vehicle-list li { width: 45% !important; }
}

@media (max-width: 700px) {
  #footer { padding:12px 15px 30px 21px; height: auto; min-height: 293px; }
  #footer .subnav { width: 50%; }
  #footer .subnav li { width: 100%; }
  #footer .bln { height: auto; padding-bottom: 27px; }
  #footer .flogo { float: left; margin-top: 25px; clear: both; }
}

@media (max-width: 600px) {
  .postbody p {clear: both; font-size: .98em !important; line-height: 1.65em !important; margin-bottom: 26px !important; color: #000; }
  .article .postbody .fullWidth, .article .postbody .fullWidthFigure {
    margin: 0px auto 26px !important;
  }
  .section.intro.column p{ clear: both; }

  article .main-column-picture {width: 100% !important; margin-bottom: 15px;}
  .related-reading .main-column-text { margin-left: 0 !important; }
  .reviews-cont .main-column-picture {
      width: 100% !important;
      clear: both;
	  float: none;
    }
	.reviews-cont .main-column-text {margin-left: 0 !important;}
    .mpg-table th:first-child, .mpg-table td:first-child { width: 78px !important; }
    .topS { height: 47px !important; }
    #search { margin: 8px 55px 0 0; }
    #topSearch .search-close { margin-top: 14px; }


} /* max 600 */

#HybridCars_com_320x186_Yieldmo_AUTO_Homepage {
    margin: 10px auto 30px;
    text-align:  center;
}

@media (max-width: 500px) {
    #search { margin: 8px 55px 0 20px; }
    #container {width: auto !important;}
    #main-content_wrapper { width: 100%; }
    #new-cars-form select {
      font-size: .8em !important;
      min-width: calc(50% - 30px) !important;
    }
    .find { margin: 3px 21px 0px 0 !important; }
    #topSearch .search-close { margin-top: 13px; }

    .shop-for-cars section.shop-by-make { margin-bottom: 45px !important; }
    .hfeed section { margin-bottom: 15px !important; }

    .buyers-guide h2.title strong { float: left !important; }
    .buyers-guide .shop-by { width: auto !important; margin-top: 24px !important;}

    #main-content_wrapper, #main-content {margin-right: 0px;}
    img {max-width: 100% !important; height: auto;}

    .postbody div.size-full {max-height: auto !important;}
     .footer-wrapper, .article .postbody .inlineLeft, .article .postbody .alignleft, .home .body-content .main-column-right, #slider-content .main-column-left-wrapper, .home .body-content .main-column-picture, .home .body-content .main-column-text-wrapper, .home .body-content .main-column-text {width: auto !important; max-width: 100%; float: none !important;}
    .car-promotion .main-column-text-wrapper, .car-promotion .main-column-text, .home .body-content .main-column-left, .home .body-content .main-column-left-wrapper, .home .body-content .main-column-text-wrapper, .home .body-content .main-column-text {margin-left: 0px !important;}
    #headerWP #google-cse-searchbox-form {width: 100% !important;}
    #sidebar .newsletter { padding: 16px 17px 20px; }

    .top-style.side-articles article.text_wrapper { margin-bottom: 15px; }

    .buyers-guide h2.title {padding-bottom: 3px !important; }
    .shop-by-make ul { width: 30% !important; margin-bottom: 7px;}
    .shop-by-make ul li a { color: #41ad00; }

    #contactForm {float: none !important;}
    input.text, input.email, input.password, textarea.uniform {padding: 4px 2%;}

    #new-cars-form select { float: left; min-width: 220px; }
    .home .body-content .main-column-left-wrapper { padding-bottom: 14px; }
    .home .shop-by-make ul { width: 30% !important; }
    #new-cars-form select { font-size: .8em; min-width: 200px; }
    .buyers-guide .shop-by { position: absolute; float: left; margin: 0; }

    .coupes .vehicles { background-position: 0 0 !important; width: 160px; }

    #footer .ad {display: none !important;}

    #_320x186_Yieldmo_AUTO_Homepage { text-align: center; }
    #hyc-content #_320x186_Yieldmo_AUTO_Homepage { margin-bottom: 32px; }
} /* max 500 */

@media screen and (max-width: 420px) {
  #headerWP #logo { z-index: 1 !important; }
  #new-cars-form #find_submit { height: 73px; padding: 20px 16px 7px !important; }
  .home .body-content .main-column-left h2 { font-size: 1.07rem !important; }
  ul.radio { margin-top: 4px !important;}
  .radio li { width: 87px !important; height: 26px !important; }
  .radio label { padding: 7px 15px 0 16px !important; font-size: 0.95em !important; }
  .mac .radio label { padding: 6px 15px 0 16px !important;}
  .radio li:last-child { width: 100px !important; }
  .vehicles { margin: 0 auto !important; }
  .home .vehicle-list li { margin-bottom: 5px !important; }
  .vehicle-list a { font-size: 1.0em; }
  #new-cars-form { margin-top: 3px !important; }
  #new-cars-form #find_submit {font-size: 1.5em !important; padding: 18px 12px 7px !important; font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;}
  articles h2.title {font-size: 1.03em; margin-bottom: 29px !important;}

  .vehicle-list a { display: block; }
    #main-content_wrapper { margin-top: 0 !important; }
    .linkbar li { margin-right: 20px !important; }
	.linkbar li.fb { margin-right: 2px !important; }
    .postdropdown select { width: 75% !important;}
    .postdropdown input { width: 20% !important;}
} /* max 420 */

@media (min-width: 421px) and (max-width: 690px) {
 .home .vehicle-list li, .cars-information .vehicle-list li {  width: 48% !important; }
} /* 421-690 */

@media (max-width: 420px) {
    .vehicle-list li { width: 100% !important; }
    .vehicle-list a.car-link { margin-left: 0 !important;}
} /* 410 */

@media screen and (max-width: 375px) {
  #container {width: auto !important;}
  #main-content_wrapper { width: 100%; margin-top: 10px; }
  h1.title, h1.entry-title { font-size: 1.7em;}
  #newsbar input[type="text"] { width: calc(100% - 75px) !important;}
  #social .list { margin-left: 0px !important; }
  #social li { width: 18% !important; }
  #HybridCars_com_320x186_Yieldmo_AUTO_Homepage {margin: 0 -19px 15px;}
} /* max 375 */

.container { margin-right: auto; margin-left: auto; }
.container .container { width: 100%; padding: 0; box-sizing: border-box;}
@media (min-width: 500px){
  #new-cars-form select { border: 0;}
}/* min 500 */

@media (min-width: 768px) {
  .container {
      width: 100%;
  }
  #HybridCars_com_728x90_Top_AUTO {
    width:728px; height:90px; margin:0 auto; overflow: hidden;
    }
    .show-xs {
      display: none !important;
    }
    .subpage.wp-content.article {
        margin-top: 11px;
    }

  } /* min 768 */

@media (min-width: 1001px) {
 .plusslider-arrows { display: none; }

} /* min 1001 */

@media (min-width: 768px) and (max-width: 999px) {
  .container {
    width: 750px;
  }
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }

  .postbody div.size-full img {width: 100% !important; height: auto;}

} /* 768 - 1000*/

@media (min-width: 1000px) and (max-width: 1023px) {
  .container {
    width: 750px !important;
  }
}
@media (max-width: 1023px) {
 #HybridCars_com_999x90_Pushdown_AUTO{display:none;}
}
@media (max-width: 1024px) {
 .article-text p iframe, .article-text p object, .article-text p embed { display: flex; width: 100%;	margin-bottom:35px; }
}
@media (min-width: 1024px) {

.container {
    padding-left: 15px;
    padding-right: 15px;
  }
  section#most-popular { margin-bottom: 5px !important;}

  .mac .lfacts h6 {
    font-family: "ProximaNova-Bold", "Helvetica Neue", Helvetica, Arial;
    font-weight: normal;
  }
} /* 1024 */

@media (min-width: 1000px) and (max-width: 1199px) {
  .container {
    /*width: 1030px;*/
  }
  .hide-md {
    display: none !important;
  }
  /*.home section.recent-articles {
    margin-top: 25px !important;
  }*/
  .coupes .vehicles {
    background-position: 34px 0px;
  }
  .sedans .vehicles {
      background-position: 6px -76px;
  }
  .luxury .vehicles {
    background-position: -10px -151px;
    width: 202px;
  }
  .pickups .vehicles {
    background-position: -5px -238px;
  }
  .suvs .vehicles {
    background-position: 10px -317px;
  }
  .vans .vehicles {
    background-position: 0px -397px;
  }

} /* 1000 - 1199 */


@media (min-width: 1040px) {
  .hide-lg {
    display: none !important;
  }
  .container {
    width: 1020px;
    padding: 0 10px;
  }
}/* min 1200 */



@media all and (min-width: 1024px) {
/* sticky */
  #sidebar {
    position: relative;
    top: 0px;
    right: 0;
    bottom: 0;
    padding: 0
  }
  #sidebar.sticky-active{
   position: absolute;
   right: 10px;
  }
  .dbl-boxes {
	  position: relative;
	  height: 100%;
	  text-align: left;
	  overflow: hidden;
	}
  .sidebar-rail {
    height: 50%;
    height: auto !important;
    height: 50%;
    position: relative;
    overflow: hidden;
  }
  /* eTemp */
  .sidebar-rail .stuck {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 300px;
  }
  #sidebar .sidebar-rail {
    height: 50%;
    position: relative;
  }
  #sidebar .sidebar-rail .sidebar-group {
    position: relative;
  }
  #sidebar .sidebar-rail .is-sticky {
    position: fixed;
    top: 90px;
    width: 300px;
    transition: top 0.7s ease-in-out;
  }
  #sidebar .sidebar-rail .is-sticky.top {
	top: 184px;
	transition: top 0.7s ease-in-out;
  }

.dbl-boxes .sidebar-rail {
  height: 50% !important;
  position: relative;
  float: left;
  width: 300px
}

.dbl-boxes .sidebar-rail .sidebar-group {
  position: relative;
}

.dbl-boxes .sidebar-rail .sticky-group.is-sticky {
  position: fixed;
  top: 15px;
  width: 300px;
}

.dbl-boxes .sidebar-rail .sidebar-group.stuck {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 300px;
}
 /* end sticky */
 }

.article-text .gallery br {display:none}
.article-text .gallery .gallery-item{width:22.5% !important; margin:11px 3% 11px 0; border:0 !important}
.article-text .gallery .gallery-item img{border:0 !important; width:100%; height:auto;}
@media (min-width: 769px){
	.article-text .gallery .gallery-item:nth-of-type(4n) {margin-right:0 !important;}
}
@media (min-width: 601px) and (max-width: 768px){
	.article-text .gallery .gallery-item{width:31% !important; margin:8px 2% 8px 0; border:0 !important}
	.article-text .gallery .gallery-item:nth-of-type(3n) {margin-right:0 !important;}
}
@media (max-width: 600px){
	.article-text .gallery .gallery-item{width:48% !important; margin:0px 2% 0px 0; border:0 !important}
	.article-text .gallery .gallery-item:nth-of-type(2n) {margin-right:0 !important;}
}
.gallery-caption { display: none !important; }

img[src*='smart.exelator.com/demo/']{display:none;}

.flex-video {height: 0; margin-bottom: 1rem; overflow: hidden; padding-bottom: 67.5%; padding-top: 1.5625rem; position: relative;}
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {height: 100%; position: absolute; top: 0; width: 100%; left: 0; }

/* Related post plugin */
ul.related_post .wp_rp_thumbnail { display: inline-block; margin-right: 30px;  float:  left;}
ul.related_post li {display: block; box-sizing: border-box; clear: both; margin-bottom: 30px;  overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
ul.related_post li:last-child {border-bottom:0;margin-bottom: 0;padding-bottom: 0;}
ul.related_post .wp_rp_publish_date{font-size:12px; line-height:17.6px; text-transform:uppercase;display:block;margin-bottom:5px; color:#666;}
ul.related_post li a.wp_rp_title{display: block; width: 99%; color: #111; margin-top: 10px; margin-bottom: 12px; text-decoration:  underline; font-size: 19px !important; font-weight: normal; line-height: 1.3em;}
ul.related_post.wp_rp .wp_rp_title:hover {text-decoration:  none;}
ul.related_post li .wp_rp_excerpt{display: block;line-height: 1.2; font-size: 16px; color: #666;}
@media (max-width: 600px){
    ul.related_post .wp_rp_thumbnail { display: block; margin-right: 0px;  float:  none;margin-bottom: 15px;}
    ul.related_post .wp_rp_thumbnail img{ width:100%; height:auto;}
}

#headerWP.sticky {top:-90px;}
#bgSyncBlock iframe.sticky { top: 61px !important; }
#bgSyncBlock iframe.fixed, #bgSyncBlock iframe:not(.sticky ) { margin-top: 0 !important; top: 151px !important; }
#footer, .footer-ad-728x90 { position: relative; }

table.page {
    position: absolute;
    margin: -30px 0 0 -150px;
    left: 50%;
    font-size: 13px;
    z-index: 999;
    width: 150px;
}

table.page + table.page {
    margin-left: -40px;
}