html.js {
margin-top: 0 !important;
}
.kswr-trcflp-back,
.kswr-trcflp-container:hover .kswr-trcflp-front {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
} body {
font-weight: normal;
line-height: 1.5;
color: #666;
font-size: 16px;
}
body p {
margin-bottom: 10px;
}
select:focus {
outline-style: none;
}
input::-webkit-input-placeholder {
color: #aaa;
}
input::-moz-placeholder {
color: #aaa;
}
img.pull-right {
padding-left: 20px;
}
.form-contact .text-center {
text-align: center;
width: 100%;
}
img.pull-left {
padding-right: 20px;
}
.text-black * {
color: #222;
}
.text-black .ui-title-block {
color: #222 !important;
}
.text-black .ui-subtitle-block_mod-a {
color: #777 !important;
}
.home-template {
overflow: hidden;
}
.home-template .wpb_content_element {
margin-bottom: 0;
}
#wrapper {
margin: auto;
}
.main-content {
margin-bottom: 108px;
}
.ui-title-page {
margin-bottom: 30px;
padding-right: 10px;
padding-left: 10px;
font-size: 34px;
font-weight: 600;
color: #fff;
}
.ui-title-block {
font-size: 40px;
font-weight: 700;
color: #222;
text-transform: uppercase;
}
.text-white-color .ui-title-block_mod-a,
.text-white-color .ui-title-block_mod-a * {
color: #fff;
}
.ui-title-block_mod-a {
color: #222;
}
.ui-subtitle-block_mod-a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.ui-subtitle-block_mod-b {
font-size: 13px;
font-weight: 300;
color: #777;
text-transform: uppercase;
}
.ui-title-inner {
margin-bottom: 12px;
font-size: 16px;
font-weight: 700;
color: #222;
text-transform: uppercase;
}
.ui-title-inner a {
color: #222;
}
.ui-title-inner_mod-a {
font-size: 20px;
}
.ui-description {
font-size: 14px;
font-weight: 500;
color: #555;
}
.link {
display: inline-block;
margin-bottom: 18px;
margin-left: 4px;
padding: 4px 17px;
font-size: 13px;
font-weight: 700;
color: #555;
text-transform: uppercase;
}
.btn-primary.btn-effect:after {
background-color: #000;
}
.ui-btn_wrap {
display: block;
overflow: hidden;
}
.ui-btn_mod-a {
display: inline-block;
transform: skewX(10deg);
}
.ui-btn_mod-a_inner {
display: block;
transform: skewX(-10deg);
}
.br {
display: block;
}
.helper,
.helper:before {
display: inline-block;
vertical-align: middle;
}
.helper:before {
width: 0;
height: 100%;
content: '';
}
.rtd {
position: relative;
} .rtd .vc_row-padding-both {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.dropdown-menu .vc_row-padding-both {
padding-top: 30px !important;
padding-bottom: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
.vc_row-padding-both {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.vc_row-padding-top {
padding-top: 60px !important;
}
.vc_row-padding-both .vc_column_container>.vc_column-inner,
.vc_row-padding-top .vc_column_container>.vc_column-inner,
.vc_row-padding-bottom .vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.rtd .vc_row-padding-top {
padding-top: 10px !important;
}
.vc_row-padding-bottom {
padding-bottom: 60px !important;
}
.rtd .vc_row-padding-bottom {
padding-bottom: 10px !important;
}
.vc_row-padding-both .bg_inner,
.vc_row-padding-top .bg_inner {
margin-top: -50px;
}
input[type="submit"],button[type="submit"] {
background-color: #dc2d13;
border: none;
padding: 15px 29px 14px;
font-size: 12px;
font-weight: 600;
color: #fff;
border: none;
text-transform: uppercase;
}
html span.wpcf7-not-valid-tip {
margin-top: -10px;
margin-bottom: 10px;
}
.bg_inner {
position: relative;
z-index: 99 !important;
margin-top: -25px;
padding-bottom: 80px;
top: -10px;
}
.section-title-box {
position: relative;
z-index: 8 !important;
padding-bottom: 60px;
}
.owl-theme .owl-controls {
position: absolute;
z-index: 9;
}
.vc_row-overlay {
display: inline-block;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_row-overlay:after {
display: block;
content: '';
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.vc_row-overlay .wpb_column {
position: relative;
z-index: 3;
}
@media (min-width:1601px) {
.big-img.wpb_single_image img {
max-width: none !important;
min-width: 100%;
}
}
@media (max-width:1600px) {
.big-img.wpb_single_image img {
height: auto;
max-width: 800px !important;
vertical-align: top;
min-width: 100%;
}
}
.decor-1 {
width: 50px;
margin-bottom: 20px;
border-top: 1px solid #222;
}
.list-type__item .decor-1 {
margin-top: 15px;
margin-bottom: 10px;
display: none !important;
}
.decor-1:before {
display: block;
width: 50px;
margin-top: -4px;
margin-left: 10px;
border-top: 1px solid #222;
content: '';
}
.decor-1_mod-a {
border-top: 1px solid rgba(204, 204, 204, 0.8);
}
.decor-1_mod-a:after {
border-top: 1px solid rgba(204, 204, 204, 0.8);
}
.decor-1_mod-b {
display: inline-block;
width: 170px;
margin: 17px 0 20px -15px;
}
.decor-1_mod-b:before {
width: 170px;
margin-left: 20px;
}
.decor-1_mod-b:after {
width: 170px;
margin-left: -20px;
}
.decor-1_mod-c {
margin-top: 17px;
margin-bottom: 30px;
margin-left: 30px;
}
.tab-content .decor-1 {
margin-top: 19px;
}
.decor-2 {
position: relative;
display: inline-block;
margin-top: 6px;
text-align: center;
}
.decor-2:before,
.decor-2:after {
position: absolute;
top: 5px;
display: block;
width: 14px;
height: 14px;
content: '';
transform: rotate(45deg);
}
.decor-2:before {
right: -10px;
}
.decor-2:after {
left: -10px;
}
.decor-2 .icon {
position: relative;
display: inline-block;
width: 23px;
height: 23px;
font-size: 12px;
line-height: 1;
color: #555;
border: 3px solid #f5f5f5;
border-radius: 3px;
background-color: #ddd;
z-index: 1;
transform: rotate(45deg);
vertical-align: inherit;
margin: 0;
}
.decor-2 .icon:before {
display: block;
margin: 3px 0 0 1px;
}
.decor-3 {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 14px;
margin-left: 3px;
font-size: 8px;
vertical-align: middle;
border: solid 1px #ccc;
background-color: #fff;
text-align: left;
}
.decor-3:before {
display: block;
margin: 0;
line-height: 1;
font-size: 8px;
position: relative;
top: 2px;
left: 5px;
}
.brand-link {
display: block;
font-size: 14px;
font-weight: 700;
margin: 40px 0 0px;
height: 40px;
}
.brand-link .icon {
display: inline-block;
margin-top: 3px;
padding-right: 10px;
padding-left: 10px;
font-size: 9px;
vertical-align: text-top;
}
.border-section-top {
position: relative;
overflow: hidden;
padding-top: 110px;
}
.border-section-top:before,
.border-section-top:after {
position: absolute;
top: 20px;
width: 170px;
height: 80px;
content: '';
}
.border-section-top:before {
left: -70px;
box-shadow: 4px 1px 0 2px #f5f5f5;
transform: skew(-58deg, 10deg);
}
.border-section-top:after {
right: -70px;
box-shadow: -4px 1px 0 2px #f5f5f5;
transform: skew(58deg, -10deg);
}
.border-section-top_mod-a:before,
.border-section-top_mod-a:after {
background-color: #222;
}
.border-section-bottom {
position: relative;
bottom: -5px;
z-index: 10;
display: inline-block;
width: 100%;
}
.border-section-bottom:before,
.border-section-bottom:after {
position: absolute;
bottom: -2px;
content: '';
}
.border-section-bottom:before {
right: 127px;
width: 165px;
height: 54px;
background-color: #f5f5f5;
transform: skewX(-42deg);
}
.border-section-bottom:after {
right: 35px;
border-right: 50px solid transparent;
border-bottom: 55px solid #f5f5f5;
border-left: 50px solid transparent;
}
.border-section-bottom_mod-a:before {
right: 112px;
width: 150px;
height: 15px;
}
.border-section-bottom_mod-a:after {
right: 74px;
border-right-width: 15px;
border-bottom-width: 15px;
border-left-width: 15px;
}
.btn-inner {
display: block;
}
.btn-effect {
position: relative;
overflow: hidden;
z-index: 1;
}
.btn-effect:after {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 50%;
opacity: 0;
z-index: -1;
content: '';
transition: all 0.3s ease 0s;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-effect:hover:after {
height: 350%;
opacity: 1;
}
.block-title {
position: relative;
display: block;
margin-bottom: 40px;
overflow: hidden;
}
.page-header-decor {
position: relative;
top: 5px;
z-index: 3;
left: -30%;
}
.block-title__inner {
background-position: center top;
padding-top: 0;
padding-bottom: 20px;
background-size: contain;
margin-bottom: 20px;
background-attachment: fixed;
}
.tmpl-page-title * {
color: #fff;
}
.tmpl-page-title {
text-align: left;
}
.tmpl-page-title .ui-title-page {
padding-left: 0;
margin-bottom: 0;
}
.tmpl-page-title .woocommerce-breadcrumb {
position: relative;
padding-left: 28px;
text-transform: uppercase;
font-size: 12px;
}
.tmpl-page-title .woocommerce-breadcrumb:after {
content: '';
display: block;
border-bottom: 1px solid #fff;
width: 19px;
height: 6px;
position: absolute;
left: 0;
bottom: 9px;
}
.ui-title-page h1 {
font-size: 40px;
font-weight: 600;
padding-bottom: 10px;
text-transform: capitalize;
}
.sorting-woo {
margin-bottom: 30px;
padding: 15px 25px 10px 0;
padding-bottom: 0;
display: inline-block;
width: 100%;
background: #f6f6f6;
}
.sorting {
margin-bottom: 30px;
padding-top: 15px;
padding-bottom: 10px;
background: #f6f6f6;
}
.sorting__inner {
margin-left: 5px;
padding-left: 34px;
box-shadow: -5px 0 0 0 #999
}
.sorting__item {
display: inline-block;
margin-right: 30px;
padding-bottom: 0;
}
.sorting__item span {
padding-right: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
}
.sorting__item.view-by {
float: right;
}
.sorting__item.view-by a.active {
color: #222;
}
.sorting__item.view-by a {
font-size: 16px;
margin: 7px 5px 5px 5px;
color: #999;
background: #fff;
border: 1px solid #ddd;
padding: 2px;
width: 28px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 23px;
}
.sorting__item.view-by:hover {
color: #222;
}
.sorting__item.view-by .sorting__title {
display: inline-block;
margin-right: 10px;
font-size: 12px;
color: #555;
text-transform: uppercase
}
.select_mod-a {
width: 190px
}
.card {
margin-bottom: 25px;
padding: 25px;
transition: all 0.3s;
background: #fff;
border: #eeeeee 1px solid;
}
.card:hover {
background-color: #f6f6f6;
}
.card__img {
position: relative;
float: left;
width: 235px;
}
#pixad-listing.grid .card__img {
width: 100%;
}
.card__wrap-label {
position: absolute;
top: 0;
left: 0;
padding: 10px 16px;
}
.card__title {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
font-size: 20px;
text-transform: none;
font-weight: 600;
font-size: 16px;
}
.card__label {
display: block;
font-size: 11px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.card__inner {
margin-left: 270px;
}
.card__description {
margin-top: 0;
margin-bottom: 20px;
display: none !important;
}
.card__description p {
margin-bottom: 0;
}
.card__list {
display: inline-block;
width: 72%;
float: left;
}
.card-list__row {
float: left;
width: 50%;
margin-bottom: 1px;
padding-right: 30px;
color: #222;
font-size: 11px;
}
.card-list__title {
padding-right: 5px;
font-weight: 600;
color: #222;
font-size: 11px;
}
.card-list__title .card-list__info {
text-transform: uppercase;
}
.card__price {
vertical-align: top;
display: inline-block;
position: relative;
right: 0;
padding: 0;
float: right;
font-weight: 500;
}
.card__inner .card__list li {
font-size: 11px;
text-transform: uppercase;
}
.card__wrap {
overflow: hidden;
display: inline-block;
float: right;
width: 27%;
}
.card__price .card__price-number {
display: block;
}
.card__price-number {
display: block;
margin-top: 0;
font-size: 24px;
}
.wrap-nav-tabs {
margin-bottom: 35px;
padding: 0;
background: #f4f4f4;
}
.wrap-nav-tabs ul a {
color: #666666;
cursor: default;
background-color: transparent !important;
border: 0 !important;
font-size: 18px;
text-transform: none;
}
.accordion .panel-heading .btn-collapse {
position: absolute;
top: 15px;
left: -29px;
display: block;
}
.accordion .panel .icon {
float: right;
width: 45px;
background-color: transparent;
text-align: center;
}
.accordion .panel-heading .collapsed .btn-collapse {
background-color: transparent;
}
.accordion .btn-collapse .icon {
font: normal normal 30px Raleway;
line-height: 1;
}
.accordion .btn-collapse .icon:before {
display: block;
content: '-';
}
.accordion .btn-collapse.collapsed .icon:before {
margin-top: 1px;
content: '+';
} .header {
position: absolute;
top: 0;
width: 100%;
z-index: 110;
}
html .dropdown-menu > li > a {
padding: 7px 20px;
text-transform: uppercase !important;
font-size: 12px !important;
}
.top-bar {
padding-top: 17px;
padding-bottom: 6px;
border-bottom: 0;
}
.header-contacts {
float: left;
}
html [data-off-canvas] li a:hover {
color: #dc2d13;
}
html .header-cart-count {
position: absolute;
top: -5px;
right: -14px;
padding: 4px 0px 1px 1px;
border-radius: 100px;
font-size: 10px;
width: 17px;
height: 17px;
line-height: 12px;
display: inline-block;
text-align: center;
color: #fff;
font-weight: normal;
}
.header-contacts__item {
display: inline-block;
margin-right: 30px;
color: #fff;
}
.header-contacts__item .icon {
margin-right: 10px;
}
.header .social-links {
float: right;
margin-right: -12px;
}
.header .social-links > li > a {
padding-right: 7px;
padding-left: 7px;
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
}
.header .social-links > li > a:hover {
color: #fff;
}
.header__inner {
margin-top: 3px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.header .logo {
display: inline-block;
margin-top: 30px;
}   .list-mark {
padding-top: 15px;
padding-bottom: 15px;
}
.list-mark li {
margin-bottom: 12px;
}
.social-links > li > a {
transition: all 0.3s;
}
.social-links > li > a:hover {
text-decoration: none;
}
.wrap-link-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.link-img {
position: absolute;
top: 0;
margin-bottom: 0;
}
.link-img__item {
width: 180px;
}
.link-img__link {
position: relative;
display: block;
color: #fff;
border-bottom-width: 5px;
border-bottom-style: solid;
overflow: hidden;
transition: all 0.3s;
text-align: center;
}
.link-img__link:before {
position: absolute;
top: 0;
left: 0.1px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
content: '';
transition: all 0.3s;
}
.link-img__link:after {
position: absolute;
top: -38px;
left: 0;
width: 100%;
height: 50px;
height: 50px;
background-color: #f5f5f5;
content: '';
}
.link-img__link:hover {
border-color: #222;
}
.link-img__link:hover:before {
background-color: rgba(0, 0, 0, 0.8);
}
.link-img__title {
display: block;
font: 600 15px Raleway;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
transition: all 0.3s;
transform: rotate(90deg);
text-transform: uppercase;
}
.link-img__wrap-title {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 60px;
}
.link-img_mod-a {
left: 15px;
}
.link-img_mod-b {
right: 10px;
}
.link-img_mod-a .link-img__wrap-title {
right: 0;
margin-right: -105px;
line-height: 1;
}
.link-img_mod-b .link-img__wrap-title {
right: 0;
margin-left: -110px;
line-height: 1;
}
.link-img_mod-a .link-img__link:after {
transform: skewY(8deg);
}
.link-img_mod-b .link-img__link:after {
transform: skewY(-8deg);
}
.main-block {
margin: 40px 350px 86px;
color: #555;
text-transform: uppercase;
}
.main-block__label {
margin-bottom: 16px;
font-size: 13px;
font-weight: 600;
}
.main-block__title {
margin-top: 35px;
margin-bottom: 46px;
font-size: 15px;
font-weight: 700;
}
.list-services:hover * {
color: #222;
}
.main-block__title strong {
display: block;
margin-bottom: 7px;
font-size: 30px;
}
.list-services {
position: relative;
margin-bottom: 0;
padding: 70px 22px 30px 0;
background: #222;
transition: all 1s;
}
.list-services:after {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: #555;
content: '';
}
.list-services .icon {
display: block;
margin-bottom: 70px;
margin-left: 40px;
font-size: 70px;
}
.list-services .icon:before {
font-size: 70px;
}
.list-services .decor-1 {
margin-left: 40px;
}
.list-services__title {
margin-bottom: 15px;
font-size: 18px;
color: #fff;
}
.list-services__title * {
color: #fff;
}
.list-services:hover .list-services__title * {
color: #dc2d13;
}
.list-services__title strong {
display: block;
margin-top: 4px;
font-size: 20px;
font-weight: 600;
}
.list-services__description {
display: none;
margin-bottom: 17px;
font-size: 13px;
line-height: 1.38;
}
.list-services__inner {
padding-left: 35px;
border-left: 5px solid transparent;
transition: all 0.3s;
}
.list-services:hover {
margin-bottom: 0;
border-bottom: 5px solid #ddd;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/texture-1.gif);
}
.list-services:hover:after {
content: none;
}
.list-services:hover .list-services__description {
display: block;
}
.list-services:hover .decor-1,
.list-services:hover .list-services__title strong {
display: none;
}
.list-services:hover .list-services__title {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.list-services:hover .list-services__inner {
border-left-color: #999;
}
.list-services:hover .icon {
margin-top: 7px;
font-size: 85px;
}
.list-progress {
margin-top: 0px;
margin-bottom: 70px;
text-align: center;
}
.list-progress__item {
position: relative;
display: inline-block;
margin-right: 7px;
margin-left: 7px;
padding: 20px 0 0;
vertical-align: top;
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
.list-progress__item .icon {
float: left;
margin: 0 0 0 30px;
min-width: 80px;
}
.list-progress__item:nth-child(2) .icon {
position: relative;
top: 12px;
left: 12px;
}
.list-progress__item:nth-child(3) .icon {
position: relative;
top: 12px;
left: 12px;
}
.list-progress__item .list-progress__inner {
float: left;
}
.list-progress__item:nth-child(1) {
width: 350px;
height: 120px;
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/figure/figure-1.svg);
}
.list-progress__item:nth-child(2) {
width: 360px;
height: 118px;
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/figure/figure-2.svg);
background-position: 0 100%;
}
.list-progress__item:nth-child(3) {
width: 350px;
height: 120px;
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/figure/figure-3.svg);
}
.list-progress__inner {
display: inline-block;
text-align: left;
}
.list-progress .chart {
font-size: 34px;
font-weight: 700;
color: #fff;
}
.list-progress .icon {
display: inline-block;
margin-right: 22px;
line-height: 1;
}
.list-progress__item:nth-child(1) .icon:before {
font-size: 70px;
}
.list-progress__item:nth-child(2) .icon:before {
font-size: 53px;
}
.list-progress__item:nth-child(3) .icon:before {
font-size: 53px;
}
.list-progress__name {
display: block;
font-size: 15px;
font-weight: 600;
color: #999;
}
.list-brands {
margin-top: 40px;
}
.list-brands__item {
width: 20%;
margin-right: -2px;
margin-left: -1px;
}
.owl-brands a {
margin-right: 3px;
margin-left: 3px;
background-color: #fff;
box-shadow: 0 4px 0 0 #ececec;
display: inline-block;
padding: 20px;
cursor: pointer;
max-width: 218px;
}
.owl-brands a img {
width: 100%;
height: auto;
}
.list-brands__img {
padding: 28px 15px;
}
.autobody-list-type {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.autobody-list-type .autobody-list-type__item {
display: inline-block;
max-width: 19%;
margin: 2%;
}
.autobody-list-type__img {
padding-bottom: 15px;
}
.autobody-list-type .autobody-list-type__item img {
max-width: 100%;
height: auto;
}
.autobody-list-type__name {
font-weight: 600;
font-size: 18px;
color: #fff;
margin: 0;
padding-bottom: 15px;
}
.autobody-list-type__item a {
text-decoration: none !important;
}
.autobody-list-type__item img {
transition: all 0.3s;
}
.autobody-list-type__item:hover img {
opacity: 0.7;
}
.autobody-list-type__info {
font-size: 14px;
color: #fff;
}
.list-type {
margin: 10px 0;
padding-left: 0;
list-style-type: none;
text-align: center;
}
.list-type__item {
display: inline-block;
width: 47%;
overflow: hidden;
margin-bottom: 20px;
margin-right: 2%;
}
.list-type__link {
text-align: center;
border-bottom: 5px solid #fff;
background: #fff;
position: relative;
padding: 2% 2% 5% 12%;
}
.list-type__item:hover .list-type__link {
background: #282929;
}
.list-type__item:hover * {
color: #fff !important;
}
.list-type__item:nth-child(1) .list-type__link,
.list-type__item:nth-child(5) .list-type__link {
transform: skewX(20deg);
left: 27px;
}
.list-type__item:nth-child(1) .list-type__inner,
.list-type__item:nth-child(5) .list-type__inner {
transform: skewX(-20deg);
}
.kswr-mdnflb-front-subtitle {
position: relative;
}
.kswr-mdnflb-front-subtitle:after {
content: '';
display: block;
width: 30px;
border-bottom: 3px solid red;
position: absolute;
bottom: -10px;
left: 0;
}
.list-type__item:nth-child(2) .list-type__link,
.list-type__item:nth-child(6) .list-type__link {
transform: skewX(-20deg);
position: relative;
left: -27px;
}
.list-type__item:nth-child(2) .list-type__inner,
.list-type__item:nth-child(6) .list-type__inner {
transform: skewX(20deg);
}
.list-type__item:nth-child(2) .list-type__right,
.list-type__item:nth-child(6) .list-type__right {
float: left;
text-align: left;
}
.list-type__item:nth-child(3) .list-type__link,
.list-type__item:nth-child(7) .list-type__link {
transform: skewX(-20deg);
left: 27px;
}
.list-type__item:nth-child(3) .list-type__inner,
.list-type__item:nth-child(7) .list-type__inner {
transform: skewX(20deg);
}
.list-type__item:nth-child(4) .list-type__link,
.list-type__item:nth-child(8) .list-type__link {
transform: skewX(20deg);
position: relative;
left: -27px;
}
.list-type__item:nth-child(4) .list-type__inner,
.list-type__item:nth-child(8) .list-type__inner {
transform: skewX(-20deg);
}
.list-type__item:nth-child(4) .list-type__right,
.list-type__item:nth-child(8) .list-type__right {
float: left;
text-align: left;
}
.list-type__link {
transition: all 0.3s;
display: inline-block;
width: 100%;
text-align: left;
}
.list-type__img {
display: inline-block;
vertical-align: top;
width: 30%;
}
.list-type__info {
display: inline-block;
vertical-align: top;
color: #666;
font-size: 18px;
font-weight: normal;
width: 100%;
}
.list-type__item .icon {
display: inline-block;
margin-bottom: 0;
font-size: 131px;
line-height: 1;
width: 100%;
height: auto;
min-height: 130px;
}
.list-type__name {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #222;
position: relative;
display: inline-block;
padding-bottom: 0;
margin-bottom: 20px;
}
.list-type__name:after {
content: '';
display: block;
width: 100%;
border-bottom: 3px solid red;
position: absolute;
bottom: -10px;
left: 0;
}
.list-type__right {
font-size: 18px;
font-weight: 600;
padding-top: 12px;
width: 60%;
float: right;
}
.list-type__inner img {
max-width: 100%;
height: auto;
}
.list-type__inner span {
transform: skewX(-6deg) !important;
display: block;
}
.list-staff {
margin: 0 -35px 0
}
.list-staff__item {
display: inline-block;
width: 540px;
margin-right: 31px;
margin-bottom: 40px;
margin-left: 31px;
vertical-align: top;
}
.list-staff__media {
position: relative;
width: 270px;
transition: all 0.3s;
}
.list-staff__media:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all 0.3s;
}
.list-staff__item:hover .list-staff__media:after {
background-color: rgba(0, 0, 0, 0.65);
}
.list-staff__item:nth-child(odd) .list-staff__media {
float: left;
}
.list-staff__item:nth-child(even) .list-staff__media {
float: right;
}
.list-staff__item:nth-child(odd) .list-staff__inner {
margin-left: 270px;
text-align: left;
}
.list-staff__item:nth-child(even) .list-staff__inner {
margin-right: 270px;
}
.list-staff__info {
position: relative;
padding-top: 40px;
padding-bottom: 15px;
background-color: #fff;
transition: all 0.3s;
}
.list-staff__info:after {
position: absolute;
top: 50px;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
content: '';
transition: all 0.3s;
}
.list-staff__item:nth-child(odd) .list-staff__info:after {
left: -15px;
border-right: 15px solid #fff;
}
.list-staff__item:nth-child(even) .list-staff__info:after {
right: -15px;
border-left: 15px solid #fff;
}
.list-staff__item:nth-child(even) .list-staff__info {
text-align: right;
}
.list-staff__wrap_name {
padding-right: 21px;
transition: all 0.3s;
text-transform: uppercase;
}
.list-staff__item:nth-child(odd) .list-staff__wrap_name {
margin-right: 5px;
margin-left: 27px;
box-shadow: 5px 0 0 0 #999;
}
.list-staff__item:nth-child(even) .list-staff__wrap_name {
margin-left: 5px;
box-shadow: -5px 0 0 0 #999;
}
.list-staff__name {
font-size: 15px;
font-weight: 700;
color: #222;
transition: all 0.3s;
}
.list-staff__item:hover .list-staff__name,
.list-staff__item:hover .list-staff__categories,
.list-staff__item:hover .list-staff__description {
color: #fff;
}
.list-staff__item:nth-child(odd):hover .list-staff__wrap_name {
box-shadow: 5px 0 0 0 #eee;
}
.list-staff__item:nth-child(even):hover .list-staff__wrap_name {
box-shadow: -5px 0 0 0 #eee;
}
.list-staff__item:nth-child(odd) .decor-1 {
margin-right: auto;
margin-left: 36px;
}
.list-staff__item:nth-child(even) .decor-1 {
margin-right: 36px;
margin-left: auto;
}
.list-staff__categories {
margin-bottom: 16px;
padding-top: 3px;
font-size: 11px;
font-weight: 500;
color: #999;
transition: all 0.3s;
}
.list-staff__description {
padding-right: 26px;
padding-left: 26px;
transition: all 0.3s;
color: #777;
padding-bottom: 20px;
}
.list-staff__social {
position: absolute;
bottom: 25px;
width: 100%;
opacity: 0;
z-index: 10;
transition: all 0.3s;
text-align: center;
}
.list-staff__item:hover .list-staff__social {
opacity: 1;
}
.list-staff__social > li {
padding-right: 3px;
padding-left: 3px;
}
.list-staff__social > li > a {
width: 34px;
height: 34px;
padding-top: 7px;
font-size: 14px;
color: #888;
border: 2px solid #999;
border-radius: 50%;
transition: all 0.3s;
}
.list-staff__social > li > a:hover {
color: #fff;
border-color: #fff;
text-decoration: none;
}
.staff-progress {
margin-top: 33px;
margin-right: 10px;
margin-left: 20px;
}
.staff-progress__title {
margin-bottom: 22px;
font-size: 12px;
font-weight: 700;
color: #555;
}
.reviews {
position: relative;
margin-right: 15px;
margin-left: 15px;
padding-top: 25px;
padding-bottom: 38px;
background-color: #fff;
overflow: hidden;
transition: all 0.3s;
}
.reviews:after {
position: absolute;
right: 30px;
bottom: 25px;
font: normal normal normal 39px/1 FontAwesome;
color: rgba(34, 34, 34, 0.06);
content: '\f10e';
}
.reviews:hover {
color: #fff;
background-color: #222;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
transition: all 0.3s;
}
.reviews:hover:after {
color: rgba(255, 255, 255, 0.06);
}
.reviews__title {
margin-top: 14px;
margin-bottom: 13px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 40px;
font-size: 16px;
font-weight: 700;
color: #222;
border-left: 4px solid #999;
transition: all 0.3s;
text-align: left;
text-transform: uppercase;
}
.reviews:hover .reviews__title {
color: #fff;
}
.reviews .decor-1 {
margin-left: 45px;
}
.reviews__text {
padding: 11px 15px 21px 45px;
color: #777;
}
.reviews__img {
float: left;
width: 55px;
height: 55px;
margin-left: 44px;
border-radius: 50%;
overflow: hidden;
}
.reviews__inner {
margin-top: 8px;
margin-left: 115px;
}
.reviews__name {
font-weight: 700;
color: #555;
transition: all 0.3s;
text-transform: uppercase;
}
.reviews__category {
font-size: 10px;
font-weight: 500;
color: #999;
transition: all 0.3s;
text-transform: uppercase;
}
.reviews:hover .reviews__category,
.reviews:hover .reviews__name {
color: #fff;
}
.map {
position: relative;
margin-top: 50px;
margin-bottom: 60px;
z-index: 0;
}
.map img {
margin: 0 auto;
}
.map:before,
.map:after {
position: absolute;
bottom: -4vw;
width: 50%;
height: 7vw;
background-color: #f5f5f5;
z-index: 1;
content: '';
}
.map:before {
left: 0;
transform: skewY(6deg);
}
.map:after {
right: 0;
transform: skewY(-6deg);
}
.wpcf7-response-output {
clear: both;
} html .vc_toggle {
margin: 0 0 21.74px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 21.74px;
}
html .text-white-color .vc_toggle {
border-bottom-color: #4d5153;
}
html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after,
html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before {
border-color: #4d5153;
}
html .vc_toggle_content {
padding: 0;
margin-bottom: 0;
}
html .vc_toggle_arrow .vc_toggle_icon {
position: absolute;
right: 0;
bottom: 0px;
}
.vc_toggle_arrow .vc_toggle_content {
padding-right: 50px !important;
}
.vc_toggle_title>h4 {
display: inline;
font-size: 20px;
font-weight: 600;
color: #222;
} .tbl-mpga_icon {
float: left;
margin-right: 10px;
}
.tbl-mpga_cmpg {
float: left;
padding-top: 10px;
}
.auto_cmpg_unit,
.auto_cmpg_icon,
.auto_cmpg_unit {
vertical-align: top;
font-size: 20px;
text-transform: uppercase;
}
.auto_cmpg_unit,
.auto_cmpg_uni {}
.auto_cmpg_icon {
font-size: 56px;
}
.autoimage-mpg {
text-align: left;
padding-bottom: 10px !important;
display: inline-block;
}
.autoimage_calculator input[type=text] {
font-size: 16px;
}
.form-contact {
margin-top: 40px;
}
.form-contact__btn {
padding: 16px 31px;
color: #fff;
border: none;
box-shadow: 5px 0 0 0 #555;
text-transform: uppercase;
}
.form-contact__btn.btn-effect:after {
background-color: #222;
}
.car-details + .wrap-section-border {
margin-bottom: 30px;
margin-top: 30px;
clear: both;
}
.car-details__wrap-title {
margin-bottom: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
min-height: 55px;
}
.car-details__title {
float: left;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 34px;
font-weight: 700;
color: #222;
max-width: 100%;
position: relative;
top: 10px;
}
.car-details__wrap-price {
float: right;
margin-left: 30px;
overflow: hidden;
max-width: 40%;
}
.car-details__price {
display: block;
margin-right: 0;
margin-left: 40px;
padding: 0;
font-size: 36px;
font-weight: 600;
color: inherit;
background: #fff !important;
}
.car-details__price-inner {
display: block;
}
.pixad-features-list {
list-style: none;
margin: 0;
padding: 0;
}
.pixad-features-list li {
list-style: none;
font-size: 14px;
margin-bottom: 7px;
margin-top: 0;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
color: #222;
display: inline-block;
width: 33%;
}
.pixad-features-list i {
font-style: normal;
color: #222;
font-size: 20px;
margin-right: 5px;
position: relative;
top: 0px;
}
.pixad-features-list i.features-icon {
font-family: arial;
}
.pixad-features-list .pixad-none i {
color: #999;
top: 0;
}
.pixad-features-list .pixad-none {
color: #999;
}
#slider-product img {
width: 100%;
height: auto;
}
#slider-product .prettyPhoto {
display: block;
height: 420px;
overflow: hidden
}
#slider-product .swipebox {
display: block;
height: 420px;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
#slider-product .swipebox {
height: 346px;
}
#slider-product .prettyPhoto {
height: 346px
}
}
@media only screen and (max-width: 991px) {
#slider-product .swipebox {
height: 400px;
}
#slider-product .prettyPhoto {
height: 400px;
}
}
@media only screen and (max-width: 768px) {
#slider-product .swipebox {
height: 340px;
}
#slider-product .swipebox {
height: 340px;
}
}
@media only screen and (max-width: 650px) {
#slider-product .prettyPhoto {
height: 300px;
}
}
@media only screen and (max-width: 480px) {
.sidebar-show .btn {
text-align: center;
width: 100%;
}
.sidebar-show .widget_mod-a {
padding: 25px 25px 0px;
max-width: 260px;
margin: 0 auto;
background: #fff;
}
.mobile-filter {
display: block !important;
}
.mobile-menu-trigger {
position: fixed;
top: -15px;
right: 6px;
z-index: 999;
font-size: 45px;
display: none;
}
.mobile-menu-trigger:hover {
color: #222;
}
.mobile-filter {
display: block;
float: left;
padding-top: 10px;
padding-left: 20px;
text-transform: uppercase;
}
.page-autos-listing .sticky-bar .sidebar {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: scroll;
z-index: 997;
background: #fff;
display: none;
}
.page-autos-listing .sticky-bar .sidebar.sidebar-show {
display: block !important;
}
html .sidebar-options.sidebar.sidebar-show .widget-title {
background: #FFF !important;
}
html .sidebar-options.sidebar.sidebar-show {
background: #FFF !important;
}
html .sidebar-options.sidebar.sidebar-show  .slider-price__input {
background-color: #f6f6f6 !important;
}
#slider-product .swipebox {
height: 210px;
}
#slider-product .prettyPhoto {
height: 210px
}
#slider-product img {
width: auto;
height: 100%;
max-width: none;
}
}
.letter {
padding: 0 50px 0;
}
.letter__info {
font-weight: 300;
line-height: 1.53;
color: rgba(255, 255, 255, 0.7);
}
.letter__title {
margin-bottom: 14px;
font-size: 24px;
font-weight: 600;
line-height: 1.16;
color: #fefefe;
}
.letter__btn {
float: right;
font-size: 14px;
font-weight: 700;
color: #fff;
border-right: 2px solid #fff;
text-transform: uppercase;
}
.letter__inner {
float: left;
width: 450px;
}
.entry-footer .wrap-social-block {
display: inline-block;
width: 190px;
margin-top: 0;
margin-left: -7px;
padding-left: 8px;
vertical-align: top;
overflow: hidden;
}
.entry-footer .social-block {
display: block;
width: 210px;
padding: 0;
}
.entry-footer .social-block:hover {
text-decoration: none;
}
.entry-footer .social-block_mod-a {
margin-left: 20px;
padding: 14px 0;
background-color: transparent;
}
.entry-footer .social-block_mod-b {
display: inline-block;
margin-left: 9px;
transform: skewX(22deg);
}
.entry-footer .social-block__inner {
display: block;
width: 100%;
margin-left: 27px;
}
.wrap-social-block_mod-a .social-block {
border: 2px solid #fff;
}
.wrap-social-block_mod-a .social-block__inner {
color: #222;
}
.social-block__title {
display: inline-block;
font-size: 12px;
font-weight: 500;
color: inherit;
vertical-align: middle;
text-transform: uppercase;
}
.social-block__list {
display: inline-block;
margin-bottom: 0;
margin-left: 3px;
vertical-align: middle;
}
.social-block__list .list-inline > li {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
.social-block__list > li > a {
font-size: 14px;
color: #222;
transition: all 0.3s;
}
.social-block__list > li > a:hover {
color: #222;
text-decoration: none;
}
.wrap-social-block_mod-c {
margin-top: 0;
}
.wrap-social-block_mod-c .social-block {
transform: skewX(22deg);
}
.wrap-social-block_mod-c .social-block__inner {
transform: skewX(-22deg);
}   .main-slider {
display: inline-block;
width: 100%;
}
.main-slider:before,
.main-slider:after {
position: absolute;
bottom: -3vw;
width: 51%;
height: 8vw;
background-color: #f5f5f5;
z-index: 101;
content: '';
}
.main-slider:before {
left: 0;
transform: skewY(4.5deg);
}
.main-slider:after {
right: 0;
transform: skewY(-4.5deg);
}
.main-slider__item {
position: relative;
margin-bottom: 50px;
}
.iviewSlider:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
content: '';
}
.main-slider__title {
font-size: 40px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.main-slider__subtitle {
margin-bottom: 25px;
font-size: 26px;
font-weight: 500;
}
.main-slider__text {
font-size: 16px;
font-weight: 400;
}
.main-slider__price {
display: inline-block;
font-size: 36px;
font-weight: 500;
vertical-align: middle;
}
.main-slider__link {
display: inline-block;
width: 36px;
height: 38px;
margin-top: 5px;
margin-left: 20px;
padding-top: 8px;
vertical-align: middle;
transform: skewX(-16deg);
text-align: center;
}
.main-slider__link .icon {
font-size: 15px;
color: #fff;
transform: skewX(10deg);
position: relative;
top: 3px;
}
.main-slider__btn {
display: inline-block;
padding: 7px 0;
background-color: rgba(0, 0, 0, 0.4);
}
.main-slider__btn_inner {
display: inline-block;
padding: 5px 20px !important;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.slider-services {
height: 310px;
margin-top: 0px;
margin-bottom: 25px;
}
.slider-grid {
margin-bottom: 25px;
}
.slider-grid__inner {
position: relative;
margin-bottom: 30px;
}
.owl-theme_mod-c a {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.tmpl-gray-footer {
background: #f5f5f5;
min-height: 120px;
}
.slider-grid__item .tmpl-gray-footer {
margin-top: -10px;
}
.tmpl-slider-grid__info * {
color: #444444 !important;
}
.tmpl-slider-grid__info li {
display: inline-block;
text-align: center;
position: relative;
padding: 7px 6px 5px;
background: #fff;
font-size: 11px;
margin: 0 2px;
}
.tmpl-slider-grid__info li i {
display: block;
margin: 2px auto 0;
font-size: 20px;
height: 27px;
width: 50px;
}
.tmpl-slider-grid__name {
font-size: 15px;
text-align: center;
color: #222222 !important;
padding: 30px 20px 20px 20px;
display: inline-block;
width: 100%;
font-weight: 600;
}
.slider-grid__name {
display: inline-block;
font-weight: 600;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.3s;
}
.slider-grid__inner_mod-b .slider-grid__name {
position: absolute;
bottom: 0;
z-index: 10;
}
.slider-grid__wrap-name {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
}
.slider-grid__hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: all 0.3s;
}
.slider-grid__inner:hover .slider-grid__hover {
opacity: 1;
}
.slider-grid__inner:hover .slider-grid__name {
background-color: rgba(0, 0, 0, 0);
}
.slider-grid__info {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
font-weight: 300;
}
.slider-grid__info .icon {
margin-right: 7px;
font-size: 14px;
}
.slider-grid__info li {
margin-bottom: 3px;
}
.slider-grid__btn {
position: absolute;
top: 20px;
left: 26px;
}
.slider-grid__btn span.btn-inner {
color: #333333;
}
.slider-grid__inner_mod-a .slider-grid__name {
padding: 14px 28px;
font-size: 16px;
vertical-align: bottom;
}
.slider-grid__inner_mod-a .slider-grid__price {
display: inline-block;
margin-left: -3px;
padding: 12px 28px 13px;
font-size: 18px;
vertical-align: bottom;
}
.slider-grid__inner_mod-b .slider-grid__name {
padding: 10px 20px;
font-size: 14px;
}
.slider-grid__inner_mod-b .slider-grid__price {
position: relative;
display: inline-block;
padding: 11px 20px 7px 20px;
background: #fff;
margin: 0;
color: #222;
text-align: center;
box-shadow: 0px 0px 1px 0px #ccc;
transition: all 0.3s;
}
.slider-grid__price_wrap {
position: absolute;
bottom: -15px;
left: 0;
font-size: 15px;
font-weight: 500;
display: block;
width: 100%;
text-align: center;
}
.slider-grid__inner_mod-b .slider-grid__price span {
display: block;
}
.tmpl-slider-grid__info {
display: inline-block;
width: 100%;
text-align: center;
padding-bottom: 0;
}
.slider-gallery {
margin-top: 53px;
margin-bottom: 155px;
}
.slider-gallery__item {
position: relative;
height: 177px;
margin: 0 5px;
text-align: center;
}
.slider-gallery__item img {
width: 100%;
height: auto;
}
.slider-gallery__item .icon {
display: block;
margin-top: 60px;
font-size: 16px;
width: auto;
}
.slider-gallery__item .icon_video-link {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
padding-top: 17px;
font-size: 14px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32);
z-index: 10;
}
.slider-gallery__title {
margin-top: 16px;
font-size: 15px;
font-weight: 600;
padding: 0 47px;
}
.slider-gallery__link {
position: relative;
display: block;
color: #fff;
overflow: hidden;
}
.slider-gallery__link:hover {
color: #fff;
text-decoration: none;
}
.slider-gallery__hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
transition: all 0.3s;
}
.slider-gallery__hover:hover {
opacity: 1;
}
.owl-item:nth-child(4n+1) .slider-gallery__link {
-webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
}
.owl-item:nth-child(4n+2) .slider-gallery__link {
-webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
}
.owl-item:nth-child(4n+3) .slider-gallery__link {
-webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
}
.owl-item:nth-child(4n+4) .slider-gallery__link {
-webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
}
.slider-reviews {
margin: 10px;
margin-bottom: 50px;
} .css-loadin-msg {
font-size: 14px;
padding-bottom: 10px;
}
.preloader-2 {
margin: 120px auto 0;
}
.preloader-1 .line {
width: 1px;
height: 12px;
background: #000;
margin: 0 1px;
display: inline-block;
animation: opacity-1 1000ms infinite ease-in-out;
}
.preloader-2 .line {
width: 1px;
height: 12px;
background: #fff;
margin: 0 1px;
display: inline-block;
animation: opacity-2 1000ms infinite ease-in-out;
}
.preloader-1 .line-1,
.preloader-2 .line-1 {
animation-delay: 800ms;
}
.preloader-1 .line-2,
.preloader-2 .line-2 {
animation-delay: 600ms;
}
.preloader-1 .line-3,
.preloader-2 .line-3 {
animation-delay: 400ms;
}
.preloader-1 .line-4,
.preloader-2 .line-4 {
animation-delay: 200ms;
}
.preloader-1 .line-6,
.preloader-2 .line-6 {
animation-delay: 200ms;
}
.preloader-1 .line-7,
.preloader-2 .line-7 {
animation-delay: 400ms;
}
.preloader-1 .line-8,
.preloader-2 .line-8 {
animation-delay: 600ms;
}
.preloader-1 .line-9,
.preloader-2 .line-9 {
animation-delay: 800ms;
}
@keyframes opacity-1 {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes opacity-2 {
0% {
opacity: 1;
height: 15px;
}
50% {
opacity: 0;
height: 12px;
}
100% {
opacity: 1;
height: 15px;
}
}
.preloaderjs .spinner {
display: none !important;
}
.preloaderjs#page-preloader {
background: rgba( 46, 46, 46, 0.99) !important;
}
#page-preloader {
position: fixed;
z-index: 100500;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
text-align: center;
}
#page-preloader img {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
display: block;
width: 400px;
height: auto;
margin-top: -100px;
margin-left: -200px;
}
#page-preloader .spinner {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
border: 3px solid transparent;
border-top-color: #e7e4d7;
border-radius: 50%;
}
#page-preloader .spinner:before,
#page-preloader .spinner:after {
position: absolute;
content: '';
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
border: 3px solid transparent;
border-top-color: #71383e;
}
#page-preloader .spinner:after {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
border: 3px solid transparent;
border-top-color: #efa96b;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
video {
width: 100%;
}
.flex-active-slide:after {
display: none !important;
}
html body .wpb_map_wraper {
margin: 0 200px;
}
html body .wpb_map_wraper iframe {
pointer-events: none;
}
.footer .logo {
text-align: center;
display: inline-block;
width: 100%;
margin-top: 80px;
}
.footer .logo img {
margin: 0 auto;
max-width: 160px;
}
.pix-dynamic-content {
position: relative;
}
.pix-ajax-loader {
display: none;
}
.pix-ajax-loader.ajax-loading {
display: block;
}
.sidebar label {
font-weight: normal;
padding-left: 3px;
text-transform: uppercase;
}
html .slider-price__input {
display: inline-block;
width: 70px;
margin: 10px;
height: 33px;
font-size: 11px;
color: #222;
border: none;
background-color: #f6f6f6;
text-align: center;
}
#cssload-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 15;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.9);
height: 100%;
}
.cssload-loader {
width: 64px;
height: 64px;
position: absolute;
left: 50%;
top: 40%;
margin: 0;
}
.cssload-loader .cssload-loading {
font-size: 10px;
position: absolute;
width: 100%;
text-align: center;
line-height: 14px;
font-family: 'Century Gothic', sans-serif;
font-style: italic;
left: 0;
top: 50%;
margin-top: 19px;
color: rgb(0, 0, 0);
font-weight: bold;
text-transform: uppercase;
-o-text-transform: uppercase;
-ms-text-transform: uppercase;
-webkit-text-transform: uppercase;
-moz-text-transform: uppercase;
}
.cssload-loader-circle-1 {
width: 135px;
height: 135px;
left: 5px;
top: 5px;
border: 1px rgb(0, 0, 0) solid;
position: absolute;
border-right-color: transparent;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 3.45s linear infinite;
-o-animation: spin 3.45s linear infinite;
-ms-animation: spin 3.45s linear infinite;
-webkit-animation: spin 3.45s linear infinite;
-moz-animation: spin 3.45s linear infinite;
}
.cssload-loader-circle-2 {
width: 123px;
height: 123px;
left: 5px;
top: 5px;
border: 1px transparent solid;
position: absolute;
border-right-color: rgb(232, 21, 18);
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 5.75s linear infinite;
-o-animation: spin 5.75s linear infinite;
-ms-animation: spin 5.75s linear infinite;
-webkit-animation: spin 5.75s linear infinite;
-moz-animation: spin 5.75s linear infinite;
}
.cssload-loader .cssload-line {
width: 10px;
height: 2px;
background: rgb(0, 0, 0);
position: absolute;
}
.cssload-loader .cssload-line:nth-child(1) {
left: 16px;
top: 50%;
margin-top: -1px;
}
.cssload-loader .cssload-line:nth-child(2) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
left: 32px;
top: 32px;
}
.cssload-loader .cssload-line:nth-child(3) {
top: 16px;
left: 50%;
width: 2px;
height: 10px;
}
.cssload-loader .cssload-line:nth-child(4) {
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
right: 32px;
top: 32px;
}
.cssload-loader .cssload-line:nth-child(5) {
right: 16px;
top: 50%;
margin-top: -1px;
}
.cssload-loader .cssload-line:nth-child(6) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
right: 32px;
bottom: 32px;
background: rgb(232, 21, 18);
}
.cssload-loader .cssload-subline {
position: absolute;
width: 3px;
height: 2px;
background: rgb(0, 0, 0);
}
.cssload-loader .cssload-subline:nth-child(7) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
left: 20px;
top: 49px;
}
.cssload-loader .cssload-subline:nth-child(8) {
transform: rotate(67.5deg);
-o-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
-webkit-transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
left: 49px;
top: 20px;
}
.cssload-loader .cssload-subline:nth-child(9) {
transform: rotate(112.5deg);
-o-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
-webkit-transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
right: 49px;
top: 20px;
}
.cssload-loader .cssload-subline:nth-child(10) {
transform: rotate(157.5deg);
-o-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
-webkit-transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
right: 20px;
top: 49px;
}
.cssload-loader .cssload-subline:nth-child(11) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
right: 19px;
bottom: 48px;
background: rgb(232, 21, 18);
}
.cssload-loader .cssload-needle {
width: 14px;
height: 14px;
border: 1px rgb(0, 0, 0) solid;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
z-index: 1;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: pegIt 3.45s infinite ease-in-out;
-o-animation: pegIt 3.45s infinite ease-in-out;
-ms-animation: pegIt 3.45s infinite ease-in-out;
-webkit-animation: pegIt 3.45s infinite ease-in-out;
-moz-animation: pegIt 3.45s infinite ease-in-out;
}
.cssload-loader .cssload-needle:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 49px 3.5px 0;
border-color: transparent rgb(232, 21, 18) transparent transparent;
position: absolute;
right: 50%;
top: 50%;
margin: -3.5px 0 0 0;
border-radius: 0 50% 50% 0;
-o-border-radius: 0 50% 50% 0;
-ms-border-radius: 0 50% 50% 0;
-webkit-border-radius: 0 50% 50% 0;
-moz-border-radius: 0 50% 50% 0;
}
@keyframes pegIt {
0% {
transform: rotate(0deg);
}
16% {
transform: rotate(75deg);
}
25% {
transform: rotate(55deg);
}
30% {
transform: rotate(90deg);
}
36% {
transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
transform: rotate(227deg);
}
100% {
transform: rotate(0deg);
}
}
@-o-keyframes pegIt {
0% {
-o-transform: rotate(0deg);
}
16% {
-o-transform: rotate(75deg);
}
25% {
-o-transform: rotate(55deg);
}
30% {
-o-transform: rotate(90deg);
}
36% {
-o-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-o-transform: rotate(227deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@-ms-keyframes pegIt {
0% {
-ms-transform: rotate(0deg);
}
16% {
-ms-transform: rotate(75deg);
}
25% {
-ms-transform: rotate(55deg);
}
30% {
-ms-transform: rotate(90deg);
}
36% {
-ms-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-ms-transform: rotate(227deg);
}
100% {
-ms-transform: rotate(0deg);
}
}
@-webkit-keyframes pegIt {
0% {
-webkit-transform: rotate(0deg);
}
16% {
-webkit-transform: rotate(75deg);
}
25% {
-webkit-transform: rotate(55deg);
}
30% {
-webkit-transform: rotate(90deg);
}
36% {
-webkit-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-webkit-transform: rotate(227deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes pegIt {
0% {
-moz-transform: rotate(0deg);
}
16% {
-moz-transform: rotate(75deg);
}
25% {
-moz-transform: rotate(55deg);
}
30% {
-moz-transform: rotate(90deg);
}
36% {
-moz-transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
-moz-transform: rotate(227deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
} .woocommerce-breadcrumb a {
color: #fff;
} html .vc_gitem_row .vc_gitem-col {
padding: 20px;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/texture-1.gif);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.vc_gitem-animate-slideBottom .vc_gitem_row .vc_gitem-col,
.vc_gitem-animate-flipHorizontalFadeIn .vc_gitem_row .vc_gitem-col,
.vc_gitem-animate-blurOut .vc_gitem_row .vc_gitem-col,
.vc_gitem-animate-scaleRotateIn .vc_gitem_row .vc_gitem-col {
background: none !important;
padding: 0;
box-shadow: 0;
}
.vc_grid-gutter-30px .vc_gitem_row .vc_gitem-col * {
color: #333;
}
.vc_gitem-animate-flipHorizontalFadeIn .vc_gitem_row .vc_gitem-col *,
.vc_gitem-animate-blurOut .vc_gitem_row .vc_gitem-col * {
color: #fff;
}
.vc_gitem-animate-blurOut .vc_gitem_row .vc_gitem-col * {
color: #fff !important;
}
html .vc_btn3.vc_btn3-color-juicy-pink,
html .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #fff !important;
background-color: #dc2d13;
border-radius: 0;
text-transform: uppercase;
font-size: 11px;
padding: 8px 20px;
box-shadow: 5px 0 0 0 #555;
}
html .vc_btn3.vc_btn3-color-blue,
html .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
color: #fff;
border-radius: 0;
background-color: #dc2d13;
text-transform: uppercase;
}
html .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:focus,
html .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover,
html .vc_btn3.vc_btn3-color-blue:focus,
.vc_btn3.vc_btn3-color-blue:hover {
background-color: #dc2d13;
}
.vc_gitem-animate-goTop20 .vc_custom_heading * {
color: #333 !important;
}
html .vc_gitem_row .vc_gitem-col .vc_btn3-container {
display: block;
margin-bottom: 0;
max-width: 100%;
}
.vc_gitem-animate-slideTop .vc_general.vc_btn3 {
background-color: #dc2d13 !important;
}
html .vc_gitem-animate-goTop20 .vc_custom_heading {
margin-top: 15px;
}
html .post_mod-a .entry-main {
min-height: 280px;
}
html .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
font-size: 100%;
padding: 15px 26px;
border-radius: 0;
background: #fff;
text-transform: uppercase;
}
html .vc_btn3.vc_btn3-color-sky,
html .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
border-radius: 0;
color: #fff;
background-color: #dc2d13;
}
html .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:focus,
html .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover,
html .vc_btn3.vc_btn3-color-sky:focus,
html .vc_btn3.vc_btn3-color-sky:hover {
color: #fff;
background-color: #dc2d13;
}
html .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active,
html .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {
background-color: #dc2d13;
color: #fff;
}
html .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span,
html .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {
color: #fff;
}
html .vc_grid-filter {
margin-left: 0;
margin-bottom: 50px;
list-style: none;
padding: 0;
}
.vc_custom_heading h4 {
text-transform: uppercase;
}
.vc_custom_heading h5 {
text-transform: uppercase;
font-size: 16px;
}
.center-content {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.center-content .decor-1 {
margin: 30px auto 0px;
height: 30px;
}
#tab3 {
display: block !important;
position: absolute;
}
#tab3.active {
position: inherit;
}
.tab-content > .tab-pane {
font-weight: normal;
line-height: 1.5;
font-size: 14px;
}
.list-contact-info dt {
font-weight: 600;
float: left;
padding-right: 10px;
font-size: 14px;
}
.list-contact-info dd {
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
font-size: 14px;
}
.entry-media .owl-theme .owl-controls {
bottom: 15px;
left: 15px;
position: absolute;
}
.entry-media .owl-theme .owl-controls .owl-buttons div {
background: #fff;
border-color: #fff;
}
.entry-media .owl-theme .owl-controls .owl-buttons div i {
display: inline-block;
padding-top: 6px;
font-style: normal;
margin-left: 13px;
}
.section-decor-wrap {
position: absolute !important;
top: -1px;
left: 0;
width: 100%;
height: 90px;
text-align: center;
opacity: 1 !important;
z-index: 9;
}
.section-decor-wrap.bottom {
top: auto;
bottom: -1px;
}
.no-overlay,
.pix-row-overlay.pix-row-decor {
overflow: inherit !important;
z-index: 7;
}
.pix-row-decor {
position: relative;
}
@media (max-width:768px) {
.section-decor-wrap {
display: none;
}
} .vc_row.jarallax-nopadding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content,
.jarallax-content-inner {
width: 100%;
}
.background-attachment-fixed {
background-attachment: fixed !important;
display: inline-block;
width: 100%;
background-size: cover;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {
display: flex;
height: 100%;
}
#loftloader-wrapper.pl-imgloading #loader img {
opacity: 1 !important;
}
.pix-gap-disable .vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
html .kswr-imcgal-item img {
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
}
html .km-testimonial[data-style=style1] .km-testimonial-content {
padding: 0 60px;
}
.kswr-trcflp-front-icon .trcflp-front-iconar {
line-height: 86px !important;
}
.kswr-trcflp-container .kswr-trcflp-back,
.kswr-trcflp-container .kswr-trcflp-front {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
}
.syp-itemgrid[data-style=style4] .syp-itemgrid-date {
width: 100%;
float: left;
margin-top: 13px;
font-size: 12px;
text-transform: uppercase;
}
html body .syp-itemgrid[data-style=style4] .syp-itemgrid-user img {
border: 3px solid #fff;
}
.syp-itemgrid-author i,
.syp-itemgrid-date i {
position: relative;
top: -1px;
}
.syp-itemgrid-title a:hover {
text-decoration: none !important;
}
.syp-itemgrid-title a {
color: inherit;
line-height: 1.4;
display: inline-block;
font-weight: 600;
font-size: 17px;
}
.subscribe-text {
font-size: 28px;
font-weight: 600;
color: #fff;
padding: 18px 50px;
width: 49%;
display: inline-block;
float: left;
height: 77px;
position: relative;
transform: skewX(-20deg);
}
.subscribe-box {
background: #282929;
display: inline-block;
width: 50%;
padding: 18px 70px 18px 54px;
float: left;
height: 77px;
position: relative;
transform: skewX(-20deg);
}
.subscribe-box > span,
.subscribe-text > span {
transform: skewX(20deg);
display: block;
}
.subscribe-box input[type="email"] {
color: #666;
background: none;
border: 0;
padding: 5px;
font-size: 18px;
border-bottom: #666 1px solid;
border-radius: 0;
height: auto;
font-weight: normal;
width: 100%;
}
.subscribe-box .btn {
background: transparent;
position: absolute;
top: 0;
right: -10px;
font-size: 20px;
color: #666;
transform: skewX(0);
}
.data-list-descriptions {
background: #20262f;
padding: 25px;
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.data-list-descriptions dt {
float: left;
width: 50%;
font-size: 11px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
padding-bottom: 10px;
clear: both;
margin-bottom: 10px;
padding: 5px 10px 10px 10px;
border-bottom: 1px solid #ccc;
}
.tab-content .data-list-descriptions dt , .tab-content .data-list-descriptions dd {
color: #222;
}
.tab-content .data-list-descriptions {
background: #f7f7f7 !important;
}
.data-list-descriptions dd {
float: left;
width: 50%;
font-size: 11px;
font-weight: normal;
color: #fff;
text-transform: uppercase;
padding-bottom: 10px;
padding: 5px 10px 10px 10px;
border-bottom: 1px solid #ccc;
}
.autoimage_calculator_results {
margin-top: 20px;
}
.autoimage_calculator_report {
background: #20262f;
padding: 25px;
}
.autoimage_calculator .labeled {
padding-bottom: 7px;
color: #666666;
font-weight: normal;
}
.autoimage_calculator {
background: #fcfcfc !important;
padding: 25px;
border: 1px solid #eeeeee;
}
.autoimage_calculator_report * {
color: #fff !important;
}
.widget-auto-page .widget-content {
margin-bottom: 0;
}
.widget-auto-page.widget {
margin-bottom: 15px;
}
.car-details-top {
clear: both;
width: 100%;
padding-bottom: 20px;
margin-top: 0px;
text-align: left;
padding-top: 20px;
}
.car-details-box {
border-bottom: 3px solid #eeeeee;
padding: 17px 30px 15px 50px;
font-size: 15px;
color: #222;
background: #f6f6f6;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease 0s;
height: 54px;
position: relative;
margin-bottom: 15px;
margin-right: 1%;
width: 100%;
}
.car-details-box .social-block {
position: relative;
top: 2px;
}
.car-details-box i,
.car-details-box a {
display: block;
transform-style: flat;
}
.car-details-share {
padding-left: 25px !important;
}
.car-details-box:hover {
background: #d2583e;
border-color: #222;
}
.car-details-box:hover * {
color: #fff !important
}
.car-details-box a {
font-size: 15px;
color: #222 !important;
text-decoration: none !important;
transition: all 0.3s ease 0s;
}
.car-details-box .social-block__title {
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #222;
vertical-align: middle;
text-transform: uppercase;
}
.car-details-box .social-block__inner {
position: relative;
top: -2px;
}
.car-details-box .social-block__list {
display: inline-block;
margin-bottom: 0;
margin-left: 5px;
vertical-align: middle;
}
.car-details-box i {
color: #d2583e;
margin-top: 0;
margin-right: 12px;
transition: all 0.3s ease 0s;
position: absolute;
top: 14px;
font-size: 24px;
left: 15px;
}
.wrap-nav-tabs .nav-tabs > li.active > a {
border-bottom: 3px solid red !important;
}
.auto_stocknumber {
font-size: 16px;
color: #666;
position: relative;
padding-left: 48px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 20px;
margin-top: -10px;
height: 25px;
}
.auto_stocknumber * {
font-size: 16px;
color: #666;
text-transform: uppercase;
font-weight: normal;
}
.auto_stocknumber li:before {
content: "";
display: inline-block;
width: 30px;
border-bottom: 2px solid #d2583e;
position: absolute;
left: 0;
top: 11px;
}
.auto_stocknumber ul {
list-style: none;
margin: 0;
padding: 0;
}
.seller-location-top {
position: absolute;
left: 0;
top: 8px;
color: #222222;
font-size: 14px;
text-transform: none;
}
.km_cf7-submit-container {
position: relative;
}
.home-search-label {
text-transform: uppercase;
font-size: 12px;
color: #fff;
padding-top: 10px;
font-weight: 400;
}
.vc-auto-search .select_mod-a {
position: relative;
}
.vc-auto-search .home-search-label {
padding-bottom: 5px;
}
.vc-auto-search .btn-skew-r {
padding: 11px 28px 11px;
font-size: 12px;
font-weight: 600;
color: #fff;
border: none;
text-transform: uppercase;
border: 2px solid #fff;
background: transparent !important;
transition: all 0.3s;
}
.hsearch_style_1.vc-auto-search  .btn-skew-r{
border: 0 !important;
}
.btn .home-search-label {
position: relative !important;
top: 0 !important;
left: 0 !important;
}
.btn .home-search-label a {
display: inline-block;
width: 100%;
text-align: center;
color: #ccc;
}
.vc-auto-search div.select {
}
.vc-auto-search .vc-auto-label {
position: absolute;
color: #fff;
top: -23px;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
}
.vc-auto-search .slider-price {
}
.vc-auto-search .btn {
display: inline-block;
vertical-align: top;
margin: 2px 0.5% 0;
padding: 0;
}
.vc-auto-search .noUi-target {
margin: 15px 0 0 0;
}
.vc-auto-search .currency-symbol{
display: none !important;
}
.tmpl-slide-price-left .currency-symbol {
float: left;
padding-top: 16px;
margin-right: 0;
position: absolute;
left: 3px;
right: auto;
top: -8px;
bottom: auto;
}
.tmpl-slide-price-right .currency-symbol {
float: left;
padding-top: 16px;
margin-right: 0;
position: absolute;
left: 3px;
right: auto;
top: -8px;
bottom: auto;
}
.tmpl-slide-price-left {
float: left;
position: relative;
}
.tmpl-slide-price-right {
float: right;
position: relative;
}
html .vc-auto-search .slider-price__input {
display: inline-block;
width: 70px;
margin: 0;
height: 33px;
font-size: 12px;
color: #222;
border: none;
background-color: #fff;
text-align: center;
}
html .vc-auto-search.hsearch_style_1 .slider-price__input {
background-color: #eee;
}
html .vc-auto-search.hsearch_style_1 .home-search-label{
color: #222;
}
html .vc-auto-search #slider-price_min {
float: left;
padding: 0 !important;
text-align: center;
background: transparent;
}
html .vc-auto-search #slider-price_min + span {
display: none;
}
html .vc-auto-search #slider-price_max {
float: right;
padding: 0 !important;
text-align: center;
background: transparent;
}
html .vc-auto-search .noUi-base {
width: 100%;
height: 100%;
position: relative;
background: #fff;
}
.wrap-section-border {
margin-bottom: -165px;
}
.bg-inner {
position: relative;
z-index: 10;
}
.section-bg {
position: relative;
}
.section-bg_second {
background-color: #181818;
}
.tmpl-plugins-not-activated .section-bg_second {
background-attachment: fixed;
background-size: cover;
}
.section-bg:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0.7;
content: '';
}
.section-bg .bg-inner {
padding-top: 50px;
padding-bottom: 30px;
}
footer .section-bg .bg-inner {
padding-top: 50px;
padding-bottom: 50px;
}
.section-bg-2:before {
position: absolute;
display: block;
width: 100%;
height: 100%;
content: '';
opacity: 0.1;
}
.section_default {
position: relative;
padding-top: 90px;
padding-bottom: 130px;
}
.section_mod-a {
position: relative;
padding-top: 40px;
padding-bottom: 65px;
}
.section_mod-a:before {
bottom: -30px;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/1.png) no-repeat bottom center;
}
.section_mod-a .ui-title-inner {
margin-top: 0;
}
.section_mod-a .brand-link {
margin-top: 55px;
}
.section_mod-b {
height: 678px;
}
.section_mod-b:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/2.jpg);
}
.section_mod-c:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/3.jpg);
}
.section_mod-d {
padding-bottom: 70px;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/10.png) no-repeat 100% 100%;
}
.section_mod-d .ui-subtitle-block_mod-b {
margin-bottom: 65px;
}
.section_mod-d .link {
margin-top: 23px;
}
.section_mod-d .decor-1 + .link {
margin-top: 0;
}
.section_mod-e:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/5.jpg);
}
.section_mod-f:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/6.jpg);
}
.section_mod-g:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/7.jpg);
}
.section_mod-h {
padding-bottom: 100px;
}
.section_mod-e:before {
bottom: -30px;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/4.jpg) no-repeat 0 100%;
}
.section_mod-i {
padding-top: 100px;
padding-bottom: 45px;
}
.section_brands {
margin-top: 100px;
padding-bottom: 0;
}
.section_brands .ui-title-inner {
margin-top: 40px;
margin-bottom: 0;
}
.section_list-post {
padding-top: 106px;
padding-bottom: 60px;
}
.section_list-post .ui-subtitle-block_mod-b {
margin-bottom: 56px;
}
.section_list-post .ui-title-block {
margin-top: 0;
}
.section_map {
position: relative;
padding-top: 100px;
padding-bottom: 50px;
}
.section_map:before {
bottom: -30px;
background: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/7.jpg) no-repeat 100% 100%;
}
.section_map .ui-title-inner {
margin-top: 43px;
margin-bottom: 25px;
}
.section_letter {
color: #fff;
}
.section_letter .bg-inner {
padding-top: 28px;
padding-bottom: 48px;
overflow: hidden;
;
}
.section_letter:after {
background-image: url(//helloautogs.com/wp-content/themes/autoimage/media/bg/12.jpg);
} html .wpb_column,
html .wpb_row {
position: relative;
z-index: initial;
}  .wrap-post {
margin-right: -15px;
margin-bottom: 25px;
margin-left: -15px;
text-align: center;
}
.post {
position: relative;
margin-bottom: 40px;
}
.post .entry-media {
position: relative;
background: #f6f6f6;
overflow: hidden;
min-height: 100px;
}
.post .entry-media iframe {
max-width: 100%;
margin-bottom: -6px;
}
.post .entry-media img {
margin: 0 auto;
}
.entry-main {
position: relative;
padding: 30px 30px 30px 40px;
background: #fff;
transition: all 0.3s;
}
.entry-main-content {
padding: 50px 0px 20px 0px;
}
.entry-main_mod-a {
border: #eeeeee 1px solid;
}
.post .entry-title {
font-size: 24px;
font-weight: 600;
padding-right: 120px;
}
.heading-news {
margin-top: -60px;
padding-bottom: 40px;
}
html .post .entry-title,
html .post .entry-title a {
margin-top: 0;
margin-bottom: 13px;
padding-right: 50px;
color: #222;
line-height: 1.3;
}
.post .entry-meta {
text-transform: uppercase;
}
.post .entry-meta__item {
margin-right: 8px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: inherit;
}
.post .entry-meta__item a {
margin: 0 0 0 px;
}
.post .entry-main__inner {
position: relative;
margin-bottom: 15px;
}
.post .entry-content {
padding-top: 5px;
}
.post .entry-date {
position: absolute;
width: 50px;
height: 50px;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.22);
}
.post .entry-date__inner {
display: block;
margin: 5px 0 0 0px;
font-family: Ubuntu;
font-size: 12px;
font-weight: 700;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
text-align: center;
}
.post .entry-btn {
position: absolute;
top: 25px;
left: 30px;
transition: all 0.3s;
}
.entry-date__number {
font-size: 15px;
}
.wrap-post-btn {
display: inline-block;
overflow: hidden;
}
.post-btn {
display: block;
margin-left: 0;
padding: 12px 18px 10px 18px;
font-size: 10px;
font-weight: 500;
color: #555;
line-height: 1.7;
vertical-align: top;
border: 1px solid #eee;
background-color: #fff;
text-transform: uppercase;
}
.post-btn:hover {
color: #fff;
text-decoration: none;
}
.post .decor-1 {
margin-bottom: 15px;
}
.post .entry-footer {
margin-top: 0px;
margin-bottom: 0px;
clear: both;
}
.post-link {
font-size: 11px;
font-weight: 700;
color: #222;
text-transform: uppercase;
}
.post .ui-title-inner {
margin-bottom: 18px;
padding-top: 20px;
font-size: 14px;
}
.post .wrap-social-block {
margin-top: 0;
margin-bottom: 0px;
}
.post_mod-a .entry-date {
top: 61px;
}
.post_mod-a .entry-media {
max-width: 470px;
}
.post_mod-a:nth-child(odd) .entry-media {
float: right;
}
.post_mod-a:nth-child(even) .entry-media {
float: left;
}
.post_mod-a .post-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.3s;
text-align: center;
}
.post_mod-a:hover .post-hover {
opacity: 1;
}
.post_mod-a .post-hover .icon {
display: inline-block;
font-size: 20px;
color: #fff;
vertical-align: middle;
}
.post_mod-a .entry-main {
padding-top: 55px;
padding-bottom: 33px;
transition: all 0.3s;
}
.post_mod-a:nth-child(odd) .entry-main {
margin-right: 470px;
}
.post_mod-a:nth-child(even) .entry-main {
margin-left: 470px;
padding-left: 74px;
}
.post_mod-a:nth-child(even) .entry-date {
left: -25px;
}
.post_mod-a:nth-child(odd) .entry-date {
right: -25px;
}
.post_mod-a:nth-child(odd) .entry-main__inner,
.post_mod-a:nth-child(odd) .entry-content {
padding-right: 70px;
}
.post_mod-a:nth-child(even) .entry-main__inner:after {
right: -20px;
left: auto;
;
}
.post_mod-b {
margin-bottom: 0;
}
.post_mod-b .entry-date {
top: -70px;
right: 20px;
}
.post_mod-b.entry-media-not-image .entry-date {
top: 40px;
right: 40px;
}
.post_mod-b .entry-content {
padding-top: 0;
padding-bottom: 25px;
}
.post_mod-c {
display: inline-block;
width: 355px;
margin-right: 15px;
margin-bottom: 50px;
margin-left: 15px;
vertical-align: top;
text-align: left;
}
.post_mod-c .entry-main {
padding-top: 58px;
padding-bottom: 35px;
}
.post_mod-c .entry-title {
font-size: 14px;
}
.post_mod-c .post-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
transition: all 0.3s;
}
.post_mod-c:hover .post-hover {
background-color: rgba(0, 0, 0, 0.5);
}
.post_mod-c .entry-title {
margin-bottom: 5px;
}
.post_mod-c .entry-date {
position: absolute;
top: -24px;
right: 50px;
}
.post_mod-c .entry-date__inner {
margin-top: 3px;
margin-left: 0;
text-align: center;
}
.post_mod-d {
margin-bottom: 50px;
}
.about-autor {
position: relative;
padding: 34px 84px 34px 34px;
color: #fff;
display: inline-block;
width: 100%;
}
.about-autor__img {
float: left;
}
.about-autor__inner {
margin-left: 147px;
}
.about-autor__name {
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;
font-weight: 700;
color: #fefefe;
text-transform: uppercase;
}
.about-autor__categorie {
margin-bottom: 18px;
font-size: 11px;
font-weight: 500;
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
}
.about-autor__description {
font-size: 13px;
font-weight: 300;
line-height: 20px;
}
.about-autor__social {
position: absolute;
top: 0;
right: 0;
}
.about-autor__social a {
display: block;
padding: 17px 28px;
color: #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
transition: all 0.3s;
}
.about-autor__social a:hover {
color: #ccc;
text-decoration: none;
} .about-autor .decor-1,
.about-autor .decor-1:after {
border-top-color: rgba(204, 204, 204, 0.7);
}
.post-nav {
margin-top: 0;
margin-bottom: 20px;
background: #f6f6f6;
}
.post-nav__item {
display: inline-block;
width: 50%;
margin-right: -2px;
margin-left: -1px;
padding: 50px 25px 50px;
vertical-align: top;
}
.post-nav__img {
width: 75px;
height: 75px;
background: #fff;
}
.post-nav__title {
font-size: 15px;
font-weight: 700;
line-height: 18px;
color: #222;
text-transform: uppercase;
}
.post-nav__link {
display: block;
margin-top: 22px;
font-size: 12px;
font-weight: 600;
color: inherit;
text-transform: uppercase;
}
.post-nav__item:nth-child(odd) {
text-align: right;
}
.post-nav__item:nth-child(odd) .post-nav__inner {
margin-right: 95px;
}
.post-nav__item:nth-child(even) .post-nav__inner {
margin-left: 95px;
}
.post-nav__item:nth-child(odd) .post-nav__img {
float: right;
}
.post-nav__item:nth-child(even) .post-nav__img {
float: left;
}
.post-nav .decor-3 {
margin-top: -2px;
margin-left: 14px;
text-align: left;
}
.blog-item_img img {
max-width: 100%;
height: auto;
} .comment-list cite a {
font: 700 12px Raleway;
color: #222;
}
.comment-meta {
padding: 5px 0;
}
.comment-list {
margin-top: 45px;
padding: 25px 25px 0 25px;
background-color: #fff;
margin-bottom: 0;
}
.comment-list .comment-info-content {
margin-left: 110px;
padding-bottom: 15px;
padding-left: 20px;
border-bottom: 1px dashed #eee;
overflow: hidden;
}
.comment-list .comment-info-content .fn {
font-style: normal;
font-weight: 600;
text-transform: capitalize;
}
.comment-list .comment-author {
float: left;
width: 95px;
height: 95px;
border: 5px solid #eee;
border-radius: 50%;
overflow: hidden;
}
.comment-list .comment-author img {
width: 100%;
height: auto;
}
.comment-list .comment {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
}
.comment-list ol.children {
margin-top: 20px;
}
.comment-respond {
padding: 40px 25px 25px 25px;
background-color: #fff;
margin-bottom: 0;
display: inline-block;
width: 100%;
}
.comment-respond input[type=text],
.comment-respond i input[type=tel],
.comment-respond i input[type=password],
.comment-respond input[type=email],
.comment-respond textarea {
margin-bottom: 22px;
background-color: #f8f8f8;
}
.comment-respond .wrap__btn-skew-r { margin-top: 10px;
padding-left: 12px;
padding-right: 12px;
overflow: hidden;
}
.comment-reply {
position: relative;
top: 0px;
right: 0;
float: right;
}
.comment-reply .btn {
background-color: #f8f8f8;
text-transform: uppercase;
padding: 10px 15px;
}
#comment-nav-below .screen-reader-text {
color: #222;
font-size: 19px;
text-transform: uppercase;
margin: 0 0 10px 0;
padding: 0;
}
#comment-nav-below .nav-previous,
#comment-nav-below .nav-next {
position: relative;
top: -8px;
line-height: 40px;
}
.sidebar {
padding: 0;
border-bottom: 0;
}
.comment_container .description {
font-size: 12px;
}
.col-md-3.sticky-bar {
margin-right: -1px !important;
}
.widget {
padding: 0;
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.widget_mod-a {
padding: 0;
border-bottom: 0;
}
.widget_mod-b {
margin-top: 30px;
padding-left: 80px;
}
.widget_mod-c {
padding-bottom: 16px;
}
.widget-slider {
padding-bottom: 38px;
}
.widget-title {
position: relative;
margin-top: 0;
margin-bottom: 12px;
font-size: 15px;
font-weight: 600;
color: #222;
text-transform: uppercase;
clear: both;
background: #f6f6f6;
padding: 20px;
border-bottom: 3px solid #d2583e;
text-align: left;
}
.widget-title i {
color: #d2583e;
margin-top: 0;
margin-right: 12px;
transition: all 0.3s ease 0s;
position: relative;
top: -3px;
font-size: 19px;
left: -3px;
float: left;
}
.widget-title-inner {
position: relative;
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
color: #222;
text-transform: uppercase;
clear: both;
background: #f6f6f6;
padding: 25px;
text-align: left;
}
.widget-content {
margin-bottom: 25px;
}
.widget-post1 {
margin-top: 25px;
padding-bottom: 26px;
border-bottom: 1px solid #eee;
}
.widget-post1__img {
float: left;
width: 120px;
margin-top: -5px;
}
.widget-post1__inner {
margin-left: 135px;
}
.widget-post1__title {
margin-top: 0;
margin-bottom: 6px;
font-size: 16px;
font-weight: 600;
line-height: 18px;
color: #222;
text-align: left;
}
.widget-post1__price {
margin-bottom: 5px;
text-align: left;
text-transform: uppercase;
}
.widget-post1__description {
font-weight: 300;
}
.widget-post1__reviews {
margin-top: 13px;
}
.widget-banner {
margin-bottom: 30px;
} .wpt_widget_content ul {
margin-left: 0 !important;
}
.wpt_widget_content .tab_title a {
font-weight: 500 !important;
font-size: 12px;
text-transform: uppercase;
}
.wpt_widget_content a {
color: inherit !important;
}
.wpt_widget_content .entry-title {
font-weight: 400 !important;
line-height: 1.3 !important;
font-size: 14px;
}
.wpt_comment_meta {
font-weight: 500 !important;
line-height: 1.3 !important;
padding-bottom: 3px;
}
.wpt_widget_content .wpt-postmeta,
.wpt_comment_content,
.wpt_excerpt {
color: inherit !important;
font-size: 11px !important;
}
.wpt_avatar {
margin-top: 0 !important;
}
.wpt_avatar img {
margin-top: 0 !important;
}
.wpt_comment_meta {
font-size: 12px;
}
.wpt_comment_content p,
.wpt_excerpt p {
font-size: 12px !important;
}
.wpt_widget_content .wpt-postmeta {
color: #999 !important;
}
html .wpt_widget_content {
position: relative;
border: 1px solid #eee;
}
html .wpt_widget_content .tab_title a {
display: block;
background: #f9f9f9;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}
html .wpt_widget_content #tags-tab-content ul li {
color: inherit;
border: 0;
}
html .wpt_widget_content #tags-tab-content ul li a {
padding: 12px 10px;
background: #f9f9f9;
white-space: nowrap;
display: block;
color: inherit !important;
font-size: 10px;
text-transform: uppercase;
}
.wpt_widget_content #tags-tab-content ul li a:hover {
color: #fff !important;
}
.wpt_widget_content .wpt-pagination a {
margin: 0 15px;
color: #999 !important;
font-size: 12px;
}
aside .mc4wp-form-fields {
position: relative;
padding: 25px;
border: 1px solid #eee;
font-size: 12px;
overflow: hidden;
margin-top: -13px;
}
.mc4wp_form_box {
position: relative;
display: inline-block;
width: 100%;
}
aside .mc4wp-form-fields .btn {
position: absolute;
right: 1px;
top: 1px;
padding: 3px !important;
border-radius: 0;
text-align: center;
width: 42px;
border: 0;
height: 37px;
display: inline-block;
color: #fff;
min-width: 65px;
font-weight: normal;
}
aside .mc4wp-form-fields h3 {
font-size: 22px;
margin: 0 0 0.5em;
color: inherit;
}
aside .mc4wp-form-fields p small {
color: #999;
}
aside #mc4wp_email {
padding: 8px;
height: 38px;
}
.autoimage-mpg dt:before {
display: none !important;
}
.autoimage-mpg dd {
font-size: 30px;
}
.autoimage-mpg dd,
.autoimage-mpg dt {
display: inline-block;
}
.list-categories__link {
display: block;
margin-bottom: 12px;
margin-left: 8px;
font-weight: 500;
color: #555;
transition: all 0.3s;
text-transform: uppercase;
}
.list-categories__link:before {
display: inline-block;
margin-right: 13px;
font: normal normal normal 7px/1 FontAwesome;
vertical-align: middle;
content: '\f0da';
}
.list-categories__link:hover {
text-decoration: none;
}
.list-categories__more {
display: block;
margin-top: 27px;
margin-left: 9px;
font-size: 11px;
font-weight: 500;
}
.list-descriptions dt {
display: block;
margin-left: 2px;
font-weight: 500;
color: #222;
transition: all 0.3s;
text-transform: uppercase;
}
.list-descriptions dt:before {
display: inline-block;
margin-right: 13px;
font: normal normal normal 7px/1 FontAwesome;
vertical-align: middle;
content: '\f0da';
}
.list-descriptions dt:hover {
text-decoration: none;
}
.list-descriptions dd {
display: block;
margin-top: 3px;
margin-bottom: 23px;
margin-left: 17px;
font-weight: 300;
line-height: 1.7;
}
.slider-price {
max-width: 200px;
margin: 0 auto;
}
.slider-price__wrap-input {
text-align: center;
}
.slider-price__wrap-input {
display: block;
margin-bottom: 5px;
}
.slider-price__input {
display: inline-block;
width: 70px;
margin: 0 10px;
font-size: 10px;
color: #fff;
border: none;
background-color: #444;
text-align: center;
}
.noUi-origin {
background: #666666 !important;
border-radius: 2px;
}
.btn-skew-r {
padding: 15px 29px 14px;
font-size: 12px;
font-weight: 600;
color: #fff;
border: none;
text-transform: uppercase;
}
.btn-filter {
text-align: center;
}
.btn-skew-r.btn-effect:after {
background-color: #333333;
}
.list-tags__link {
display: block;
padding: 10px 18px;
font-size: 11px;
font-weight: 500;
color: #222;
background-color: #f5f5f5;
box-shadow: 0 3px 0 0 #ccc;
transition: all 0.3s;
text-transform: uppercase;
}
.list-tags__link:hover {
color: #fff;
box-shadow: 0 3px 0 0 #555;
text-decoration: none;
}
.list-tags > li {
margin-bottom: 15px;
padding-left: 0;
}
.social-blog {
padding-left: 0;
list-style-type: none;
}
.social-blog__item {
position: relative;
margin-bottom: 22px;
padding-bottom: 23px;
padding-left: 24px;
font-weight: 300;
line-height: 1.53;
color: #888;
border-bottom: 1px solid #eee;
}
.social-blog__item:before {
position: absolute;
top: 2px;
left: 0;
font: normal normal normal 14px/1 FontAwesome;
content: '\f099';
}
.social-blog__link,
.social-blog__link a {
margin-top: 7px;
font-weight: 500;
color: #555;
}
.social-blog__link:hover {
color: #555;
}
.widget_searce {
margin-bottom: 27px;
padding-top: 33px;
}
.form-search {
position: relative;
padding-bottom: 17px;
border-bottom: 1px solid #ccc;
}
.form-search__input {
width: 100%;
padding: 0 30px 0 5px;
font-size: 13px;
font-weight: 400;
color: #ccc;
border: none;
}
.form-search__input:focus {
outline-style: none;
}
.form-search__submit {
position: absolute;
top: -2px;
right: 0;
font-size: 16px;
color: #999;
border: none;
background-color: transparent;
}
.form-search__input::-webkit-input-placeholder {
color: #aaa;
}
.form-search__input::-moz-placeholder {
color: #aaa;
}
.list-categories__item + ul {
padding: 1px 15px 10px 20px;
margin-bottom: 0px;
margin-left: 0px;
border-bottom: 0;
margin-top: 0px;
}
.pixad-filter .widget-content {
margin-bottom: 0;
}
.widget_dealer ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_dealer ul li {
display: inline-block;
width: 48%;
vertical-align: top;
padding-bottom: 0;
position: relative;
}
.wd-name {
display: none;
}
.wd-auto_sell_page {
margin: 0 auto;
display: inline-block !important;
background: #d2583e;
color: #fff !important;
text-transform: uppercase;
width: 100%;
}
.wd-auto_sell_page_btn {
text-align: center;
padding: 0px 0px;
}
.wd-image img {
max-width: 100%;
height: auto;
margin: 0;
}
.wd-image {
overflow: hidden;
display: inline-block;
width: 100%;
}
.wd-msg {
background: #fff;
padding: 10px 15px 15px 15px;
padding-bottom: 7px !important;
width: 100% !Important;
margin: 0 0 20px 0;
font-size: 12px;
}
.wd-update {
text-transform: uppercase;
font-size: 11px;
display: block;
position: absolute;
top: 0;
right: 0;
color: #fff !important;
background: rgba( 0, 0, 0, 0.8);
padding: 3px 5px;
}
.sidebar-options.sidebar {
border-bottom: 0;
background: #f6f6f6;
padding: 10px 30px;
margin-bottom: 50px;
}
.sidebar-options.sidebar .widget_mod-a {
margin-bottom: 0 !important;
}
.sidebar-options.sidebar .noUi-base {
background: #fff;
}
.sidebar-options.sidebar .noUi-background {
background: #fff !important;
}
html .sidebar-options.sidebar .slider-price__input {
background-color: #fff;
}
html .sidebar-options.sidebar .widget-title {
margin-top: 0;
margin-bottom: 0;
padding: 20px 0 20px 0px;
border-bottom: 0;
}
html .sidebar-options.sidebar .select_mod-a {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
}
html .sidebar-options.sidebar .noUi-horizontal {
height: 10px;
margin-bottom: 24px;
margin-top: 0;
}
html .sidebar-options.sidebar .btn-filter-reset {
display: inline-block;
width: 100%;
text-align: center;
}/*/*//**//*/*/a,
.color_primary,
.ui-title-inner .icon:before,
.link-img__link:hover .link-img__title,
.main-block__title strong,
.decor-3,
.list-services:hover .list-services__title,
.list-progress .icon,
.footer-title__inner,
.card__price-number,
.list-categories__link:before,
.list-categories__link:hover,
.list-descriptions dt:before,
.widget-post1__price,
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:focus,
.social-blog__item:before,
blockquote:before,
.comments-list .comment-datetime {
color: #dc2d13;
}
.bg-color_primary,
.main-slider__link,
.decor-2:before,
.decor-2:after,
.section-bg_primary,
.border-section-top_mod-b:before,
.border-section-top_mod-b:after,
.slider-grid__price,
.btn-default:after,
.owl-theme_mod-c .owl-controls .owl-page.active span,
.owl-theme_mod-c .owl-controls.clickable .owl-page:hover span,
.owl-theme_mod-d .owl-controls .owl-page.active span,
.owl-theme_mod-d .owl-controls.clickable .owl-page:hover span,
.list-staff__item:hover .list-staff__info,
.progress-bar,
.post .entry-date,
.post:hover .entry-main__inner_mod-a:after,
.btn-effect:after,
.yamm .navbar-toggle,
.ui-btn_mod-a,
.jelect-option:hover,
.jelect-option_state_active,
.car-details__price,
.noUi-origin,
.btn-skew-r,
.list-tags__link:hover,
.about-autor {
background-color: #dc2d13;
}
.link-img__link,
.owl-theme_mod-c .owl-controls .owl-page.active span,
.owl-theme_mod-c .owl-controls.clickable .owl-page:hover span,
.owl-theme_mod-d .owl-controls .owl-page.active span,
.owl-theme_mod-d .owl-controls.clickable .owl-page:hover span {
border-color: #dc2d13;
}
#iview div.iview-directionNav a.iview-nextNav:hover:before,
.list-staff__item:nth-child(even):hover .list-staff__info:after,
.reviews:hover .reviews__title {
border-left-color: #dc2d13;
}
#iview div.iview-directionNav a.iview-prevNav:hover:before,
.list-staff__item:nth-child(odd):hover .list-staff__info:after {
border-right-color: #dc2d13;
}
.header.sticky .navbar,
.form-control:focus {
border-bottom-color: #DC2D13;
}
.yamm .nav > li > a:hover {
box-shadow: 0 -5px 0 0 #dc2d13;
background: none !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
box-shadow: 0 3px 0 0 #dc2d13;
}
.slider-grid .owl-page.active span,
.slider-grid .owl-page span:hover {
background-color: #dc2d13 !important;
border-color: #dc2d13 !important;
}/**/html .header-cart-count {
background: #dc2d13 !important;
}
html body .header li > a:hover {
color: #dc2d13 !important;
}
html body .fullscreen-center-menu li > a:hover {
color: #dc2d13 !important;
}
html body [off-canvas] li a:hover {
color: #dc2d13;
} .kswr-theelement [class*=" km-icon-"],
.kswr-theelement [class^=km-icon-] {
width: auto !important;
}
.footer ul,
.footer li {
list-style: none;
margin: 0;
text-align: left;
margin-left: 0;
padding-left: 0;
}
.footer li {
padding-bottom: 11px;
}
.footer h3 {
position: relative;
padding-bottom: 0;
margin-bottom: 25px;
font-size: 16px !important;
text-transform: uppercase;
color: #fff !important;
}
.footer h3:before {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
width: 30px;
}
.text-white *,
.text-white-color * {
color: #fff;
} html .header-cart {
margin: -3px 10px 28px 4px;
}
html .header-cart a {
text-decoration: none !important;
}
html .header .navbar-brand {
margin-top: -10px;
}
html .navbar {
border-bottom: none;
}
html .top-bar {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 1px;
}
html .header-navibox-4 {
border-right: 0;
border-left: 0;
padding-right: 15px !important;
margin-left: 0 !important;
}
.header-social-link a {
padding: 0px 8px !important;
}
html .submenu-controll {
top: 34px !important;
}
html .yamm > li:before {
bottom: -15px;
}
.header-social-link a i {
font-size: 14px;
} .jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content,
.jarallax-content-inner {
width: 100%;
}
.background-attachment-fixed {
display: inline-block;
width: 100%;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {
display: flex;
height: 100%;
}
html .vc_row.vc_row-no-padding .vc_column-inner {
padding-top: 0;
}
.vc_gitem-woocommerce-product-price_labeled {
color: #dc2d13;
font-size: 20px;
}
.navbar .navbar-nav > li > a {
position: relative;
}
.current-menu-item > a:before,
.current-page-parent > a:before {
content: '';
display: block;
border-top: 2px solid #fff;
position: absolute;
bottom: 20px;
z-index: 777;
width: 100%;
}
html .pixad-features-list li {
list-style: none;
margin-bottom: 10px;
margin-top: 0;
font-weight: 500;
text-transform: none;
font-size: 14px;
color: #222;
display: inline-block;
width: 30%;
border-bottom: 1px dotted #ccc;
margin-right: 3%;
vertical-align: top;
padding-top: 0px;
padding-bottom: 10px;
}
.fullscreen-center-menu .current-menu-item > a:before,
.fullscreen-center-menu .current-page-parent > a:before {
display: none !important;
}
.ua-safari .top-bar {
background: none !important;
}
.auto_contact_desc {
padding-bottom: 25px;
} .pp_nav,
.pp_social {
display: none !important;
}
html .footer {
clear: both;
}
html .footer * {
font-size: 14px;
color: #ccc;
}
html .footer p {
font-size: 14px;
line-height: 1.9;
}
.slider-grid__inner_mod-a .slider-grid__name {
max-width: 290px;
margin-right: 10px;
}
.slider-grid__inner_mod-b .slider-grid__name {
max-width: 220px;
margin-right: 10px;
}
.wrap-filter {
position: relative;
z-index: 77;
}
#map-fix {
left: 0 !important;
margin: 0 !important;
overflow: hidden !important;
position: relative !important;
width: 100% !important;
} .vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
} .vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper .jarallax {
display: flex;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.top-bar .current-menu-item > a:before,
.top-bar .current-page-parent > a:before {
display: none !important;
}
.header-background-trans-black-rgba0 .dropdown-menu > li > a {
color: #333;
}
@media (max-width:480px) {
html .owl-brands a {
display: block;
margin: 0 auto 20px;
}
}
@media (max-width:1000px) {
.sidebar {
width: 100%;
clear: both;
}
.col-md-8 + .col-md-3{
clear: both;
}
}
.tab-pane input[type=text],
.tab-pane input[type=tel],
.tab-pane input[type=password],
.tab-pane input[type=email],
.tab-pane textarea,
.tab-pane select {
border: 1px solid #ddd !important;
}
.header-top-nav-menu a {
padding: 0 10px !important;
} @media (max-width:480px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: none !important;
margin: 2% 0 !important;
width: 100% !important;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: none !important;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: none !important;
width: 100% !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
width: 100% !important;
}
.woocommerce thead,
.woocommerce tfoot {
display: none !important;
}
.woocommerce td,
.woocommerce tr,
.woocommerce th {
display: inline-block;
width: 100%;
text-align: center;
}
html .coupon {
padding-left: 0;
width: 100%;
}
html .woocommerce-cart table.cart input {
iddle;
line-height: 1;
width: 100%;
}
html .woocommerce-cart table.cart td.actions .coupon .input-text {
margin: 0 0 20px 0;
outline: 0;
line-height: 1;
}
html .woocommerce #content table.cart td.actions .input-text,
html .woocommerce table.cart td.actions .input-text,
html .woocommerce-page #content table.cart td.actions .input-text,
html .woocommerce-page table.cart td.actions .input-text {
width: 100%;
}
}
.widget-post1__title a {
color: #222;
}
.pixad-makes-models-select {
margin-bottom: 10px;
}
#carousel .slides > li {
margin: 0 5px;
}
#carousel-product .flex-viewport {
height: inherit !important;
}
#carousel-product .slides {
height: 68px;
overflow: hidden;
}
.carousel-product .slides>li.auto-thumb-video:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
content: "\f01d";
position: absolute;
left: 45px;
top: 14px;
display: block;
z-index: 999;
color: #fff;
font-size: 36px;
}
html .carousel-product .slides>li.auto-thumb-video:after {
background-color: rgba(0, 0, 0, .6);
}
html .carousel-product .slides>li:after {
background-color: rgba(0, 0, 0, .4);
}
.woocommerce-loop-product__title {
font-size: 14px !important;
}
.wrap-nav-tabs .nav-tabs > li > a {
cursor: pointer;
padding: 15px 25px 10px 25px;
border-radius: 0 !important;
font-weight: 600;
color: #222;
font-size: 14px;
}
html .pixad-features-list li.equipment-icon-set {
position: relative;
padding-top: 7px;
padding-left: 16px;
}
html .pixad-features-list li.equipment-icon-set i {
position: absolute;
left: -7px;
top: 10px;
}
html .woocommerce ul.products li.last,
html .woocommerce-page ul.products li.last {
margin-right: 0;
}
.woocommerce-loop-product__title {
color: #222;
}
html .vc_custom_1497442710002 {
background-position: 0 90% !important;
}
.header .navbar-brand img {
max-width: 100%;
height: auto;
}
.tml-user-avatar {
display: inline-block;
vertical-align: top;
margin-right: 25px;
margin-bottom: 25px;
}
.tml {
max-width: 100%;
border: 1px solid #ececec;
padding: 40px;
}
.tml .tml-rememberme-wrap label {
display: inline;
position: relative;
top: 2px;
left: 2px;
font-weight: normal;
}
.tml-user-links {
display: inline-block;
list-style: none;
margin: 0;
width: 300px;
padding: 0;
}
.tml-user-links li {
padding: 5px 0;
margin: 0 0 10px 0;
list-style: none;
border-bottom: 1px solid #ececec;
font-size: 12px;
color: #666;
line-height: 1.55;
text-transform: uppercase;
position: relative;
}
.tml-user-links li a {
font-size: 12px;
color: #666;
text-transform: uppercase;
font-weight: normal !important;
line-height: 1.888;
}
.pixad-form-control {
height: auto !important;
}
.pixad-form-control.pixad-features-upload {
height: auto !important;
padding-bottom: 0 !important;
}
.pixad-form-control.pixad-features-upload.pixad-body-styles {
padding-bottom: 30px !important;
}
.pixad-features-upload input[type="checkbox"] {
position: absolute;
margin-left: -20px;
}
.pixad-features-upload.pixad-features-list .pixad-exist {
color: #777;
padding-left: 25px;
padding-top: 16px;
}
.pixad-form-horizontal input[type="submit"] {
width: 100%;
}
html .pixad-features-list.pixad-features-upload li {
list-style: none;
font-size: 14px;
margin-bottom: 1%;
margin-top: 0;
font-weight: 600;
text-transform: none;
font-size: 14px;
color: #222;
display: inline-block;
width: 45%;
margin-right: 3%;
vertical-align: top;
border-top: none;
}
.pixad-features-upload .pixad-exist label {
font-weight: 600;
cursor: pointer;
}
.pixad-features-upload .pixad-body-image,
.pixad-features-upload .pixad-body-icon {
position: relative;
}
.pixad-features-upload .pixad-body-image input[type="checkbox"],
.pixad-features-upload .pixad-body-icon input[type="checkbox"] {
bottom: 19px;
}
.pixad-body-image label span {
display: inline-block;
width: 100%;
text-align: left;
padding-top: 5px;
} .header .navbar .navbar-nav li.header-button {
margin-top: -13px;
margin-left: 10px;
margin-right: 0;
}
.header .navbar .navbar-nav li.header-button a {
max-width: 110px;
text-align: center;
padding: 5px;
cursor: pointer;
}
.header.header-color-white .navbar .navbar-nav li.header-button a {
border: 2px solid rgba(255, 255, 255, .2) !important;
font-size: 14px;
border-radius: 0 !important;
padding: 7px 21px !important;
margin-top: 5px !important;
}
.header.header-color-black .navbar .navbar-nav li.header-button a {
border: 1px solid rgba(0, 0, 0, .2) !important;
}
.navbar .navbar-nav li.header-button a.autoimage-sell-car {
background: #f76d2b;
border-radius: 3px !important;
display: inline-block !important;
line-height: 1.4 !important;
margin-top: 11px !important;
max-width: 100% !important;
padding: 5px 13px !important;
width: auto !important;
}
.header.header-color-white a.autoimage-sell-car {
color: #fff !important;
background: transparent !important;
}
.header-full-width .autoimage-sell-car {
margin-right: 25px !important;
}
.header.header-color-white .navbar .navbar-nav li.header-button a.autoimage-sell-car:hover {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
}
.tml .tml-action-links li {
border: none;
border-right: 1px solid #eee;
float: left;
line-height: 1 !important;
list-style: none;
margin: 0 0.5em 0 0 !important;
padding: 0 0.5em 0 0 !important;
}
.slidebar-menu a:before {
display: none !important
}
.after-title {
display: inline;
font-size: 18px;
color: #222;
margin: 0 auto;
position: relative;
font-weight: 500;
font-size: 14px;
}
.text-white-color .after-title {
color: #fff;
}
.text-white-color .after-title:before,
.text-white-color .after-title:after {
border-color: #fff !important;
}
.after-title:before {
content: "";
display: block;
border-bottom: 2px solid red;
width: 19px;
position: absolute;
left: -28px;
top: 9px;
}
.after-title:after {
content: "";
display: block;
border-bottom: 2px solid red;
width: 19px;
position: absolute;
right: -31px;
top: 9px;
}
.after-title-color2 {
color: #ccc;
}
#schedule_td_form,
#request_info_form {
display: none;
max-width: 600px;
}
#booking_car_form {
display: none;
}
.fancybox-navigation{
display: none !important;
}
#slider-product iframe {
max-width: 100%;
width: 100%;
max-height: 415px;
height: 100%;
}
.header-navibox-compare {
display: none !important;
}
html .add-to-compare.active-add-compare,
html .active-add-favorite {
background-color: #e95c5d !important;
opacity: 0.9 !important;
} html .km-teammate-container[data-style=style2]:hover .km-teammate-np {
position: relative;
margin-top: -44%;
z-index: 9;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
[data-align=center] .km-teammate-img-overlay {
transition: all .3s;
top: 0;
}
html .km-teammate-container[data-style=style2]:hover .km-teammate-position {
margin-top: 0;
} .m-submit1 .b-infoBar,
.m-submit2 .b-infoBar,
.m-submit3 .b-infoBar,
.m-submit4 .b-infoBar,
.m-submit5 .b-infoBar {
padding: 35px 0
}
.b-infoBar__progress-line {
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
border-top-left-radius: 25px;
border-bottom-left-radius: 25px
}
.b-infoBar__progress-line-step {
height: 7px;
width: 25%;
float: left;
position: relative
}
.b-infoBar__progress-line-step-circle {
border: 1px solid #cfcfcf;
position: absolute;
width: 25px;
height: 25px;
border-radius: 100%;
left: -1px;
top: -9px;
text-align: center
}
.b-infoBar__progress-line-step-circle-inner {
position: absolute;
width: 13px;
height: 13px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #ccc;
border-radius: 100%
}
.b-infoBar__progress-line-step-circle.m-last {
right: -25px;
left: auto
}
.b-submit {
padding: 75px 0 180px
}
.b-submit__aside {
border-bottom: 7px solid #555;
margin-bottom: 50px;
}
.b-submit__aside-step {
background: #212a38;
border-bottom: 1px solid #20262f;
padding: 25px 0 25px 25px;
}
.b-submit__aside-step.m-active {
background: #20262f;
border-color: #20262f
}
.b-submit__aside-step h3 {
text-transform: uppercase;
margin: 0 0 15px;
font: 700 12px Ubuntu, sans-serif;
color: #fff
}
.b-submit__aside-step:last-child {
border-bottom: none
}
.b-submit__aside-step-inner {
padding: 20px 10px 15px 20px;
background: #20262f;
position: relative;
height: 70px
}
.b-submit__aside-step-inner-info-triangle {
width: 0;
height: 0;
border-top: 35px solid transparent;
border-left: 30px solid red;
border-bottom: 35px solid transparent;
position: absolute;
left: 100%;
top: 0;
z-index: 100
}
.b-submit__aside-step-inner-icon {
width: 30px;
float: left;
}
.b-submit__aside-step-inner-icon span.fa {
font-size: 22px;
margin-top: 3px;
color: #fff
}
.b-submit__aside-step-inner-info {
float: left;
margin-left: 0;
}
.b-submit__aside-step-inner-info h4 {
font: 700 14px Ubuntu, sans-serif;
margin: 0 0 3px;
padding-left: 5px;
border-left: 4px solid #f76d2b;
text-transform: uppercase;
line-height: 1;
color: #fff
}
.b-submit__aside-step-inner.m-active {
background: red
}
.b-submit__aside-step-inner-info p {
font: 400 11px Ubuntu, sans-serif;
margin: 0;
color: #b4b4b4;
padding-top: 6px
}
.b-submit__aside-step-inner.m-active .b-submit__aside-step-inner-info h4 {
border-color: #fff
}
.b-submit__aside-step-inner.m-active .b-submit__aside-step-inner-info p {
color: #fff
}
.b-submit__main {
margin-left: 50px
}
.b-submit__main-element {
margin-bottom: 35px
}
.b-infoBar__progress-line-step.m-active {
background: url(//helloautogs.com/wp-content/themes/autoimage/images/backgrounds/progress.jpg) repeat-x
}
.m-submit2 .b-submit__main-element {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eee
}
.b-submit__main p {
font: 400 13px Ubuntu, sans-serif;
margin: 0 0 35px;
line-height: 1.7
}
.b-submit__main-file .s-headerSubmit,
.m-submit2 .s-headerSubmit {
margin-bottom: 35px
}
.b-submit__main-element.m-border {
border-bottom: none!important
}
.b-submit__main-file {
margin-bottom: 65px
}
.b-submit__main-contacts,
.b-submit__main-file:last-child {
margin-bottom: 35px
}
.b-submit__main-file label.btn.m-btn {
font: 600 10px Ubuntu, sans-serif;
cursor: pointer;
padding-left: 15px;
border: 1px solid #ddd
}
.b-submit__main-file label.btn.m-btn span.fa {
width: 20px;
height: 20px;
font-size: 12px;
padding: 4px;
margin-left: 10px
}
.b-submit__main-file label.btn.m-btn+label {
margin-left: 15px;
font: 600 10px Ubuntu, sans-serif;
vertical-align: middle
}
.b-submit__main-file textarea {
height: 190px
}
.b-submit__main-contacts:first-child {
margin-bottom: 65px
}
.b-submit__main-contacts:last-of-type {
margin-bottom: 0
}
.b-submit__main-contacts .s-headerSubmit,
.b-submit__main-plan .s-headerSubmit {
margin-bottom: 35px
}
.b-submit__main-contacts p,
.b-submit__main-plan p {
margin-bottom: 50px
}
.b-submit__main-contacts-price {
padding: 35px 45px;
background: url(//helloautogs.com/wp-content/themes/autoimage/images/backgrounds/blue.png) -90px center no-repeat #2475ce
}
.b-submit__main-contacts-price h6 {
font: 600 16px Ubuntu, sans-serif;
margin: 14px 0 0;
text-transform: uppercase
}
.b-submit__main-contacts-price-input {
position: relative
}
.b-submit__main-contacts-price-input input[type=text] {
background: #fff!important;
padding-left: 60px;
padding-right: 85px
}
.b-submit__main-contacts-price-input span.fa {
position: absolute;
font-size: 20px;
padding-right: 10px;
border-right: 1px solid #ccc;
color: #ccc;
left: 20px;
top: 13px
}
.b-submit__main-contacts-price-input-usd,
.b-submit__main-contacts-price-note,
.b-submit__main-contacts-select select {
font: 600 10px Ubuntu, sans-serif
}
.b-submit__main-contacts-price-input-usd {
display: inline-block;
position: absolute;
top: 6px;
right: 8px;
padding: 10px 15px;
border-radius: 30px;
text-transform: uppercase
}
.b-submit__main-contacts-price-note {
text-align: center;
margin-top: 10px
}
.b-submit__main-contacts-inputSelect {
position: relative
}
.b-submit__main-contacts-inputSelect input[type=text] {
padding-right: 95px
}
.b-submit__main-contacts-select {
position: absolute;
display: inline-block;
top: 5px;
background: 0 0;
right: 5px
}
.b-submit__main-contacts-select select {
background: #fff!important;
border: none;
height: auto;
padding: 10px 25px 10px 15px;
z-index: 100;
cursor: pointer
}
.b-submit__main-contacts-select select+span.fa {
top: 11px!important;
right: 12px!important
}
.b-submit__main-contacts-check {
position: relative;
margin-bottom: 40px
}
.b-submit__main-contacts-check>span {
font: 400 13px Ubuntu, sans-serif;
padding: 0 25px 0 10px;
vertical-align: super
}
.b-submit__main-contacts-check .s-submitCheck {
font: 700 13px Ubuntu, sans-serif;
margin-right: 15px
}
.b-submit__main-contacts-check .s-submitCheckLabel span.fa {
font: normal normal normal 14px/1 FontAwesome
}
.b-submit__main-plan {
margin-bottom: 65px
}
.b-submit__main-plan .b-submit__main-contacts-price {
padding-top: 60px;
padding-bottom: 60px
}
.b-submit__main-contacts-price-plan {
font: 600 16px Ubuntu, sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 2.5
}
.b-submit__main-contacts-price-plan span {
font: 800 22px Ubuntu, sans-serif;
margin-left: 5px
}
.b-submit__main-contacts-price-plan>a {
font: 600 10px Ubuntu, sans-serif;
text-decoration: none;
display: inline-block;
padding: 8px 22px;
border-radius: 30px;
margin-left: 10px;
vertical-align: top;
margin-top: 3px
}
.b-submit__main-plan-money {
font: 700 20px Ubuntu, sans-serif;
margin-left: 10px
}
.b-submit__main-plan-money-note {
font: 400 13px Ubuntu, sans-serif
}
.b-submit__main-plan label.s-submitCheckLabel {
border-radius: 100%;
text-align: center;
position: relative
}
.b-submit__main-plan label.s-submitCheckLabel span.m-circle {
width: 8px;
height: 8px;
border-radius: 100%;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0
}
a.btn.m-btn.m-pay span.fa {
width: 25px;
height: 25px;
font-size: 14px;
padding: 5px;
margin-left: 13px
}
a.btn.m-btn.m-pay {
font: 600 12px Ubuntu, sans-serif;
border: 1px solid #ddd;
padding-left: 18px;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 4px
}
a.btn.m-btn.m-pay:hover {
border-color: #f76d2b
}
.b-submit__main-plan+button[type=submit] {
margin-top: 15px
}
.b-submit__main-plan:last-of-type {
margin-bottom: 0
}
.pixad-control-input select {
height: 35px!important;
border: 0;
display: inline-block;
color: #999
}
.pixad-control-label,
html .pixad-form-horizontal .pixad-control-label {
font-size: 14px;
font-weight: 500;
text-align: left;
margin-bottom: 10px;
padding-top: 0;
display: inline-block;
width: 100%
}
#clear_gallery,
#clear_thumbnail_id,
#manage_gallery,
#manage_thumbnail_id {
-webkit-appearance: button;
cursor: pointer;
border: 1px solid #ddd;
background: #ddd;
padding: 10px 20px;
margin: 0 10px 15px 0;
color: #222;
text-transform: uppercase;
font-size: 11px
}
#clear_gallery:hover,
#clear_thumbnail_id:hover,
#manage_gallery:hover,
#manage_thumbnail_id:hover {
border: 1px solid #222;
background: #222;
color: #fff
}
.pixad-control-input input[type=submit] {
margin: 0 auto;
display: block;
width: 100%
}
html .pixad-form-control {
border: 0!important
}
.step-section {
overflow: hidden;
margin-bottom: 15px
}
.b-submit__aside-step-inner-info-triangle {
display: none
}
.m-active .b-submit__aside-step-inner-info-triangle {
display: block
}
.container-fluid .sidebar-wrapper {
margin: 0 -10px
}
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal!important
}
.add-car-to-site {
z-index: 999999;
background-color: #dc2d13;
opacity: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
position: fixed;
top: 0;
width: 100%;
left: 0;
padding: 10px 0 20px
}
.add-car-to-site-visible {
top: 0;
opacity: 1
}
.add-car-to-site .auto-title {
display: block;
padding-top: 10px;
color: #fff!important;
font-weight: 400;
text-transform: uppercase
}
.list-categories.body-categories {
display: flex;
flex-wrap: wrap;
margin-left: 0
}
.auto_body_name,
.list-categories.body-categories .list-categories__item input[type=checkbox] {
display: none
}
.list-categories.body-categories .list-categories__item {
text-align: center;
width: 33%;
padding: 1%
}
.vc-auto-search .list-categories.body-categories .list-categories__item {
text-align: center;
width: 24%;
padding: 1%;
}
.list-categories.body-categories .list-categories__item label {
height: 100%;
margin: 1px;
padding: 3px;
border:0;
cursor: pointer;
width: 100%;
text-align: center;
background: none;
}
.list-categories.body-categories .body-icon-wrapper {
min-height: 40px
}
.list-categories.body-categories .list-categories__item input[type=checkbox]:checked+label {
border: 1px solid #222
} .wrap-services-tabs .wrap-tabs {
text-align: center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs {
border: none;
text-align: center;
font-size: 0;
margin-bottom: 55px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 1em;
border: none !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a {
border: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-top: 20px;
padding-bottom: 5px;
text-align: center;
border: none;
background: none;
border-right: 1px solid #f0f0f0;
padding-left: 40px;
padding-right: 40px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons {
display: block;
height: 42px;
width: 100%;
margin-bottom: 25px;
font-size: 40px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support {
height: 41px;
background: url(//helloautogs.com/wp-content/themes/autoimage/images/icons/tabs/support.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive {
background: url(//helloautogs.com/wp-content/themes/autoimage/images/icons/tabs/responsive.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics {
background: url(//helloautogs.com/wp-content/themes/autoimage/images/icons/tabs/analytics.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable {
background: url(//helloautogs.com/wp-content/themes/autoimage/images/icons/tabs/customizable.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose {
background: url(//helloautogs.com/wp-content/themes/autoimage/images/icons/tabs/multipurpose.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span {
color: #555555;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a {
background: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a .icons,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons {
background-position: bottom center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span {
color: #ed912a;
}
.wrap-tabs-content {
background: #f6f6f6;
padding: 90px 0;
}
.wrap-tabs-content img {
max-width: 100%;
}
.wrap-tabs-content .tab-pane h5,
.wrap-tabs-content .tab-pane p,
.wrap-tabs-content .tab-pane ul {
margin-bottom: 30px;
}
.wrap-tabs-content .tab-pane .designations .last-year {
color: #999999;
font-size: 13px;
font-weight: 500;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .last-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #237ac6;
width: 15px;
height: 10px;
}
.wrap-tabs-content .tab-pane .designations .this-year {
color: #999999;
font-size: 13px;
font-weight: 500;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .this-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #cccccc;
width: 15px;
height: 10px;
}
@media (min-width: 769px) {
.nav-tabs-alt>li {
float: left;
}
}
.nav-tabs-alt {}
.nav-tabs-alt li:before {
display: none !important;
}
.nav-tabs-alt>li>a {
font-weight: 500;
line-height: 2.14285714;
}
.nav-tabs-one>li>a {
border: 1px solid #e8e9ed;
border-left: 0;
border-radius: 0;
}
.nav-tabs-one>li>a:hover {
color: #28ad62;
}
.nav-tabs-one>li:first-of-type>a {
border-left: 1px solid #e8e9ed;
border-radius: 3px 0 0 3px;
}
.nav-tabs-one>li:last-of-type>a {
border-radius: 0 3px 3px 0;
}
.nav-tabs-one>li.active>a,
.nav-tabs-one>li.active>a:hover,
.nav-tabs-one>li.active>a:focus {
cursor: default;
color: #fff;
border-color: #28ad62;
background-color: #28ad62;
}
.nav-tabs-two>li>a {
border-bottom: 2px solid #e8e9ed;
border-radius: 0;
}
.nav-tabs-two>li>a:hover {
color: #28ad62;
}
.nav-tabs-two>li.active>a,
.nav-tabs-two>li.active>a:hover,
.nav-tabs-two>li.active>a:focus {
cursor: default;
color: #2b2e33;
border-color: #28ad62;
}
.nav-tabs-two.nav-tab-inverse>li.active>a,
.nav-tabs-two.nav-tab-inverse>li.active>a:hover,
.nav-tabs-two.nav-tab-inverse>li.active>a:focus {
color: #fff;
}
.nav-tabs-vertical {
display: inline-block;
margin: 0;
padding: 0;
border-bottom: 1px solid #424c5d;
}
.nav-tabs-vertical>li {
padding: 15px 0;
list-style-type: none;
border-top: 1px solid #424c5d;
}
.nav-tabs-vertical>li i {
color: #222;
}
.nav-tabs-vertical>li>a {
font-weight: 500;
line-height: 1;
padding-left: 0;
display: inline-block;
color: #2b2e33;
font-size: 18px;
}
.nav-tabs-vertical>li>a:hover {
color: #222;
}
.vtabs-content {
font-size: 14px;
line-height: 1.7;
}
.vtabs-content h3 {
margin-bottom: 15px;
font-weight: 500;
}
.check-list {
list-style: none;
margin: 0;
padding: 0;
}
.check-list li {
margin-bottom: 10px;
}
.check-list li span {
margin-right: 7px;
font-size: 15px;
}
.nav-tabs-vertical>li.active>a,
.nav-tabs-vertical>li.active>a:hover,
.nav-tabs-vertical>li.active>a:focus {
cursor: default;
}
.tab-pane-vertical p {
margin-bottom: 15px;
}
.nav-tabs-vertical>li img {
float: left;
margin-right: 15px;
}
@media (max-width: 991px) {
.tab-pane-vertical p, .tab-pane-vertical h4 {
margin-left: 0;
}
.tab-pane-vertical h4 {
margin-top: 36px;
}
}
.row-same-height {
display: table;
width: 100%;
}
.col-xs-height {
display: table-cell;
float: none!important;
}
@media (min-width: 769px) {
.col-sm-height {
display: table-cell;
float: none!important;
}
}
@media (min-width: 992px) {
.col-md-height {
display: table-cell;
float: none!important;
}
}
@media (min-width: 1200px) {
.col-lg-height {
display: table-cell;
float: none!important;
}
}
.text-white-color .nav-tabs-vertical>li a {
color: #fff !important;
}
.nav-tabs-vertical>li a {
line-height: 3;
font-size: 15px;
text-decoration: none !important;
}
.text-white-color .nav-tabs-vertical>li i {
color: #fff !important;
}
html .remove-from-compare {
font-weight: 600;
border-radius: 0;
}
html .car-listing-row .listing-car-item-meta .price {
position: relative;
float: right;
padding: 5px 10px 7px 8px;
margin-left: 18px;
text-align: right;
margin-top: -6px;
background: #fff !important;
}
html .syp-itemgrid[data-style=style4] .syp-itemgrid-title {
margin-top: 15px;
margin-bottom: 15px;
} .tab-content
#reviews #comments ol.commentlist ul.children .star-rating {
display: none
}
.tab-content
.star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star
}
.tab-content
.star-rating:before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute
}
.tab-content
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.tab-content
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: orange;
}
.tab-content
.tab-content-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left
}
.tab-content
.products .star-rating {
display: none;
margin: 0 0 .5em;
float: none
}
.tab-content
.hreview-aggregate .star-rating {
margin: 10px 0 0
}
.tab-content
p.stars a:before,
.tab-content
p.stars a:hover~a:before {
content: "\e021"
}
.tab-content
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none
}
.tab-content
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce
;
text-indent: 0
}
.tab-content
p.stars.selected a.active:before,
.tab-content
p.stars:hover a:before {
content: "\e020"
}
.tab-content
p.stars.selected a.active~a:before {
content: "\e021"
}
.tab-content
p.stars.selected a:not(.active):before {
content: "\e020"
}
.tab-content
.star-rating {
float: left;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star
}
.tab-content
.star-rating:before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute
}
.tab-content
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.tab-content
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: orange;
}
.tab-content
.tab-content-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left
}
.tab-content
.products .star-rating {
display: none;
margin: 0 0 .5em;
float: none
}
.tab-content
.hreview-aggregate .star-rating {
margin: 10px 0 0
}
.step-section {
overflow: hidden;
margin-bottom: 23px;
border: #ddd 1px solid;
padding: 25px;
margin-left: 25px;
background: #fff;
}
.step-section  .pixad-form-control {
border: 0!important;
background: #f5f5f5 !important;
padding-bottom: 15px !important;
padding: 10px 15px !important;
}
.step-section  .pixad-form-group {
margin-left: 0;
margin-right: 2%;
width: 47%;
vertical-align: top;
float: left;
}
#step05.step-section .pixad-form-group ,  #step02.step-section .pixad-form-group{
width: 100% !important;
margin: 0 !important;
float: none !important;
}
@media only screen and (max-width:768px) {
.step-section .pixad-form-group {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.b-submit__aside{
display: none !important;
}
html .step-section {
margin-left: 0;
}
}
.step-section  .pixad-form-group:nth-child(even){
float: right;
margin-right: 0;
}
.step-section  .pixad-form-group:nth-child(odd){
clear: both;
}
.step-section#step02 .pixad-control-label{
padding: 25px 0 0 0 !important;
}
html .pixad-features-upload .pixad-body-image img {
max-width: 74px;
position: absolute;
right: 0;
bottom: 7px;
}
.pixad-form-control.pixad-features-upload.pixad-body-styles {
padding-bottom: 30px!important
}
.pixad-features-upload input[type=checkbox] {
position: absolute;
margin-left: -20px
}
.pixad-features-upload.pixad-features-list .pixad-exist {
padding-left: 25px;
padding-top: 16px;
max-height: 190px
}
.step-section .gallery-item  img{
max-width: 100%;
height: auto;
}
html #gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 19%;
margin: 1%;
}