/*
Theme Name: VW Automotive Pro
Theme URI: https://www.vwthemes.com/themes/automotive-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Automotive WordPress theme is exemplary and in high demand in the international online market and has been the preferred one in the automotive sector since the inception. It is a premium category theme and has performed constantly well in the international popularity charts making it a sort of brand for the dealership of automobiles or for any kind of start-up related to the automotive sector. Armed with the exemplary features crafted by some of the brightest minds in the theme making industry, it has been doing rounds primarily because of its responsive and multipurpose nature. The companies or start-ups that have used this theme have done remarkably well when it comes to the automotive sector. It is also good for Motorhome, Travel Trailer, Lifts, Trators, Forklift, Campers, Lift Trucks, MotoSnow, Snow Motorcycle, Motorbike Motor Full, Agriculture Equipment and even Aircrafts, Jets, Side-By-Side, ATV, Utilities ATV, RVs Helicopters, Turboprops, Charter, Airplanes and Aerotrader businesses.
Requires at least: 5.6
Tested up to: 5.6
Version: 1.2.9
License: GNU General Public License
License URI:license.txt
Text Domain: vw-automotive-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Automotive Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Automotive Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root{
  --color-white:#ffffff;
  --color-000000:#000000;
  --color-b1b6b9:#b1b6b9;
  --color-222222:#222222;
  --color-88d055:#88d055;
  --color-1e202c:#1e202c;
  --color-7f8391:#7f8391;
  --color-383838:#383838;
  --color-7a7a7a:#7a7a7a;
  --color-999999:#999999;
  --color-424648:#424648;
  --color-bbbbbb:#bbbbbb;
  --color-686868:#686868;
  --color-6c6c6c:#6c6c6c;
  --color-343434:#343434;
  --color-e1e1e1:#e1e1e1;
}
:root{
  --font-Titillium-san:'Titillium Web', sans-serif;
  --font-Roboto-san:'Roboto', sans-serif;
  --font-muli:'Muli', sans-serif;
  --font-Poppins:'Poppins',sans-serif;
  --font-Roboto:"Roboto";
  --font-Muli:"Muli";
}
*,html body,img{
  margin:0; 
  padding:0; 
}
*{
  outline:none;
}
html body{
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:var(--color-white); 
  position:relative; 
  font:300 15px var(--font-Titillium-san);
  color: var(--color-b1b6b9);
}
label{
  margin-bottom: 0 !important;
}
img{
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  color:var(--color-000000);
}
p{
  margin:0 0 15px; 
  padding:0;
  font:300 15px var(--font-Roboto-san);
}
p, ul li a{
  letter-spacing: 0px;
}
body a,a:hover{
  text-decoration:none; 
  color:var(--color-222222);
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after{
  display: block;
  font-size: 80px;
  position: absolute;
  color: var(--color-7a7a7a);
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -10px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: var(--color-999999);
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid var(--color-424648);
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: var(--color-white);
  text-transform: uppercase;
  border: none;
  background-color: var(--color-88d055);
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft,.alignright, img.alignright{
  display: inline; 
  margin-bottom:10px;
  padding:5px;
}
.alignleft,img.alignleft{
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:5px;
}
.alignright, img.alignright { 
  float: right; 
  margin-left:25px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin:0 auto;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
.home.page-template .container {
  max-width: 1024px;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--color-white);
  color: var(--color-000000);
}
.widget_calendar td,.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: var(--color-7f8391);
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  color: var(--color-white);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
   background-color: var(--color-bbbbbb);
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--color-686868);
  color: var(--color-7f8391);
}
.widget th,.widget td {
  padding: 0.5384615385em;
}
/*----------------Search Form------------------*/
#find-best-car {
  background-color: var(--color-f4f8fa);
  padding-top: 8em;
}
.search-box {
  background-color: var(--color-white);
  padding: 4em 2em;
  border: 1px solid var(--color-b1b6b9);
  border-radius: 0px;
}
.find-best-car-head{
  padding-bottom: 40px;
}
.find-best-car-head h3{
  font-size: 18px;
  letter-spacing: 2px;
  color: var(--color-010203);
  font-weight: 600;
  text-align: center;
}
.form-fields{
  margin: 15px 0px;
}
.form-fields input[type="text"],.form-fields select{
  border: 1px solid var(--color-bbbbbb);
  border-radius: 50px;
  padding: 15px;
  background: transparent;
  font-size: 13px;
  letter-spacing: 1px;
  color: var(--color-b1b6b9);
  font-weight: 600;
  margin:0 !important;
}
.form-fields input[type="text"]::placeholder{
  color: var(--color-b1b6b9);
}
#slider-range {
  width: 100%;
  height: 5px;
  float: left;
  padding: 0px;
  margin: 5px 0px;
}
.price-range-slider label,input#min,input#max{
  font: 600 14px var(--font-Roboto);
  letter-spacing: 1px;
  color: var(--color-b1b6b9);
}
.range-value #amount1,.range-value #amount2{
  border: none;
  font:500 18px var(--font-Roboto);
  letter-spacing: 1px;
  color: var(--color-a6b0b3);
}
.range-value #amount1{
  width: 20%;
  text-align: left;
}
.range-value #amount2{
  width: 70%;
  text-align: right;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border: 2px solid var(--color-88d055);
  background:var(--color-88d055) !important;
}
.serch-box button.form-control {
  font: 700 16px var(--font-Titillium);
  letter-spacing: 1px;
  color: var(--color-white);
  text-align: center;
  background-color: var(--color-88d055);
  border-radius: 30px;
  padding: 14px 25px 38px 25px;
  border: 0;
}
/* ------------- price range -------------- */
.price-range-slider {
  width:100%;
  float:left;
  padding:10px 20px;
}
.range-value {
  margin:0;
}
input {
  width:100%;
  background:none;
  color: var(--color-000000);
  font-size: 16px;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin: 20px 0 20px 0;
} 
.ui-widget-content {
  color: rgb(34, 34, 34);
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(234, 238, 239) !important;
  border-image: initial !important;
  background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x rgb(234, 238, 239) !important;
}
#slider-range span.ui-slider-handle:last-child {
  right: 10%;
}
.ui-slider-horizontal .ui-slider-handle {
  width: 15px !important;
  height: 15px !important;
  padding: 0px;
  border-radius: 50%;
} 
.range-bar {
  border: none;
  background: var(--color-000000);
  height: 3px;  
  width: 96%;
  margin-left: 8px;
}
.ui-slider-range {
  background:var(--color-06b9c0);
}
.ui-slider-handle {
  border:none;
  border-radius:25px;
  background:var(--color-white);
  border:2px solid var(--color-06b9c0);
  height:17px;
  width:17px;
  top: -0.52em;
  cursor:pointer;
}
.ui-slider-handle + span {
  background:var(--color-06b9c0);
}
input#min,input#max{
  position: absolute;
}
input#min {
  left: 0px;
  width: 20%;
  text-align: center;
}
input#max {
  width: 10%;
  text-align: left;
  right: 8%;
}
.trending-content h4 {
  font: 700 12px var(--font-Titillium);
  letter-spacing: 1px;
  color: var(--color-8a9195);
  text-align: center;
  border: 2px solid var(--color-8a9195);
  border-radius: 40px;
  padding: 7px 6px;
  display: inline-block;
}
.trending-content .car-ret span{
  font-size: 12px;
}
.trending-content .car-ret i{
  font-size: 10px;
}
.trending-content .carrating span {
    font-size: 14px;
    padding: 0;
}
.trending-content .carrating i{
  font-size: 10px;
  color: var(--color-88d055);
}
.trending-content h5{
  padding:20px 0px;
  border-bottom:1px solid #e0e0e0;
}
.trending-content .meta-box span i {
    padding-right: 7px;
}
.trending-content .meta-box span{
  padding-right: 20px;
  padding-bottom: 12px;
  display: inline-block;
}
.trending-content{
  padding:20px 15px;
}
.trending-image {
  padding: 30px 0px;
}
.trending-content:hover{
  background-color:var(--color-white);
}
.trending-content:hover h4{
  background-color:var(--color-88d055);
  border-color: var(--color-88d055);
  color: var(--color-white);
}
.trending-content:hover h5 a{
  color: var(--color-000000);
}
.trending-content h5 a {
  font-size: 19px;
  letter-spacing: 1px;
  line-height: 17px;
  color: var(--color-8a9195);
  font-weight: 600;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner,.closepop{
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
}
.serach_inner {
  top: 50%;
}
.closepop {
  top: 29%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 15px;
  padding: 4px 0 0 0;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
.search_popup input.search-submit ,.search_popup label,.search_popup input.search-field,.search_popup .search-submit{
  background-color: transparent;
}
.search_popup input.search-submit {
  border: 0;
  border-radius: 40px;
  border: 2px solid var(--color-white);
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  width: 100%;
  text-indent: 8px;
  border-bottom: 2px solid var(--color-white);
  border-top:none;
  border-left: none;
  border-right: none;
}
.search_popup input.search-field::placeholder{
  font-size: 17px;
}
.search_popup .search-submit {
  border-radius: 50%;
  padding: 10px 13px;
  width: 50px;
  height: 50px;
  border:none;
}
.serach_outer i,.search_popup input.search-field,.search_popup input.search-field::placeholder,.search_popup .search-submit{
  color: var(--color-white);
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: absolute;
  bottom: 6.6em;
  left: 50%;
  background-color: var(--color-88d055);
  width: 150px;
  height: 100px;
  display: block;
  text-decoration: none;
  clip-path: polygon(50% 0%, 100% 38%, 100% 100%, 0% 100%, 0% 38%);
  text-align: center;
  display: none;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 20px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 60px;
  color: var(--color-white);
  font-weight: 600;
  text-align: center;
  padding: 24px 0;
  margin: 0;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i, #return-to-top:hover p {
  color: var(--color-white);
  top: 5px;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
.main_title h1{
  margin-bottom: 22px;
  font-size: 36px;
  color: var(--color-000000);
  letter-spacing: 2px;
  font-weight: 600;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: var(--color-88d055);
  color: var(--color-white) !important;
  border: 1px solid var(--color-88d055);
}
.navigation span.page-numbers.current{
  background-color: var(--color-white);
  border: 1px solid var(--color-88d055);
  color: var(--color-000000) !important;
}
.blog-post h5{
  text-transform:uppercase;
  color: var(--color-000000);
}
aside#search-3 {
  padding: 0 !important;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--color-222222); 
  color:var(--color-white);
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd; 
  color:var(--color-000000);
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title,#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  clear:both;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  font-weight: bold;
  margin-top: 20px;
  color: var(--color-white);
  text-transform: uppercase;
  border-top: none;
  border-radius: 40px;
}
#comments a time{
  color:var(--color-000000);
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata,#comments .comment-content{
  width:90%;
}
#comments .comment-metadata{
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a,#sidebar caption,#sidebar td,#sidebar th{
 color: var(--color-6c6c6c);
}
#sidebar caption {
 font-weight: bold;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid var(--color-e1e1e1);
 text-align: center;
}
#sidebar td {
 padding: 7px;
}
#sidebar th {
 text-align: center;
 padding: 5px;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px var(--color-e1e1e1);
 color: var(--color-6c6c6c);
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
  font:600 24px var(--font-muli);
  color: var(--color-222222);
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:var(--color-6c6c6c);
 border: solid 1px var(--color-e1e1e1);
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :var(--color-88d055);
 color:var(--color-white);
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid var(--color-88d055);
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
  border-bottom: 1px solid var(--color-e1e1e1);
  padding: 10px 0;
}
#sidebar ul li:last-child{ 
  border:none;
}
#sidebar ul li,#sidebar ul li a {
  font:600 15px var(--font-Poppins);
  color: var(--color-343434);
}
#sidebar .tagcloud a{
 border: solid 1px var(--color-e1e1e1);
 color:var(--color-6c6c6c);
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#111;
 color: var(--color-white);
}
span.credit_link a {
  color: var(--color-000000);
}
.single-post-content p,.outer_dpage p{
  font: 18px;
  color: #898989;
  font-family: var(--font-Roboto);
  line-height: 28px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: var(--color-88d055);
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font:600 14px var(--font-Roboto);
  letter-spacing: 0px;
  color: #aca9a9;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:var(--color-white);
  font-weight:normal;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li{
  display: inline-block;
}
ul.post-categories li:after{
  content: ' ,';
}
ul.post-categories li:last-child:after{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep{
  font-weight: bold;
}
.post_tag a:after{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after{
  content: "";
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: var(--color-white);
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
  color: var(--color-white);
}
.menubar.scrolled li.search-box {
  display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 10px;
  height: 10px;
  background-color: #c2c5c8 !important;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}
.owl-carousel .owl-dots .active{
  background-color: var(--color-88d055) !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
button.owl-next, button.owl-prev {
  background: var(--color-1e202c);
}
button.owl-prev,button.owl-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-prev {
  left: -10px;
}
button.owl-next {
  right: -10px;
}
button.owl-next i, button.owl-prev i{
  color: var(--color-white);
}
.owl-carousel .owl-nav i{
  color: var(--color-222222);
  font-size: 12px;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--color-88d055);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--color-white);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--color-88d055);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: var(--color-88d055);
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: var(--color-white); 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3{
  font-family: var(--font-muli);
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: var(--font-Roboto);
}
.woocommerce form .form-row.woocommerce-invalid label{
  color:#8fa3aa;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:var(--color-white);
}
.woocommerce .form-row{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}
.woocommerce #order_review table th{
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}
.woocommerce div.product div.images img{
  width: auto;
}
#single-product-page{
  padding-top: 40px;
}
.woocommerce-Tabs-panel p{
  font:500 14px var(--font-Roboto);
  letter-spacing: 1px;
  color: #a7a9ac;
}
.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: #252525;
  font-family: var(--font-Muli);
  font-weight: 800;
}
#primary {
  padding-top: 30px;
}
/* ----------- Unit Testing ------------- */
.outer_dpage table,.outer_dpage table th{
  text-align: center;
}
/* ----------- Spinner ------------- */
.final-loader-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #88D053;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.final-loader-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.final-loader-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--color-white);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.final-loader-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.final-loader-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
#return-to-top.left{
  left: 14%;
  right: auto;
}
#return-to-top.right{
  right: 0;
  left: auto;
}
#return-to-top{
  left: 50%;
  right: 50%;
  position: absolute;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
.button-404 a {
    font: 700 16px "Titillium Web";
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    background-color: #88d055;
    border-radius: 30px;
    padding: 14px 25px 14px 25px;
    border: 0;
}
.button-404 a:hover {
  background-color: #141311;
}