/*
Theme Name: Automobile Car Dealer
Theme URI: https://www.buywptemplates.com/themes/free-car-dealer-wordpress-theme/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Automobile car dealer theme is a responsive WordPress theme that is created by the team of professionals with optimized codes and interactive designs to make it secure and stunning at the same time. This SEO friendly, robust WordPress theme by Buywptemplates is perfect for dealers of new or used cars, motorbikes, and motorcycles. Its Mega Menu allows showcasing the portfolio of products in best possible ways. Simple and adaptable car Dealer WordPress Theme is clean, user-friendly, and responsive. It is professional in both looks and functionalities. It is flexible enough and allows customizing via personalization options. Right from publishing automotive news or blogs on the website or sharing it on different social media platforms; everything becomes easy and hassle-free with Automobile car dealer themes. With clean code, this multi-purpose mobile-friendly WordPress theme is ideal for motorhome and car dealers. From an effective call to action button to amazingly designed landing page, this theme is well-equipped with all the functionalities and functions to streamline the entire automobile business process right from browsing till purchase. Demo: https://www.buywptemplates.com/automobile-car-dealer-pro
Version: 0.3.3
License: GNU General Public License
License URI: license.txt
Text Domain: automobile-car-dealer
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats , translation-ready, rtl-language-support, blog, portfolio, e-commerce

Automobile Car Dealer WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Automobile Car Dealer WordPress Theme is distributed under the terms of the GNU GPL
*/

input[type="text"].wspsc_cart_item_qty{
    margin:0px;
}

tr.wpspsc_checkout_form td{
    text-align:center;
}

div.shopping_cart table{
    table-layout:auto;
}

div.shopping_cart a{
    color: #5b5b5b;
}

div.shopping_cart tr td, div.shopping_cart tr th {
    padding: 2px 2px;
}

.wp_cart_item_info{
    display:flex;
}

.shopping_cart .wp_cart_item_thumbnail img{
    max-width:50px;
    border:1px solid #000000;
}

*{ 
  margin:0;
  padding:0;
  outline:none;
}
body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#f1f1f1;
  font:14px;
  color:#5b5b5b;
  font-family: 'Poppins', sans-serif;
}
img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Ubuntu', sans-serif;
  margin:0;
  padding:0 0 15px;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color:#dd3333;
}
a:hover{ 
  text-decoration:none;
  color:#666;
}
ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #000;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:2px 2px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
select{
  width:100%;
  padding: 13px;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.main-wrapper{
  margin:20px auto;
  padding:15px;
  min-height: 550px;
  background-color: rgba(255, 255, 255, 0.80);
}
.wp-caption{ 
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{ 
  margin:0;
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0;
  padding:0;  
}
#blog_sec .sticky{
  border: solid 2px #dd3333;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,
img.alignright { 
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
.bypostauthor{ 
  margin:0;
  padding:0;
}
section{ 
  padding:34px 0;
  position:relative;
  max-width:1400px;
  margin:0 auto;
}
h2.section-title { 
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
.container{
  margin-top:15px;
}

/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
background: transparent;
}
#slider .metabox span{
  margin-right: 15px;
}
#slider .metabox {
    font-size: 12px;
    margin-bottom: 2em;
}
#slider .metabox i{
  margin-right: 10px;
}
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}

#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .inner_carousel h2 a {
  font-weight: bolder;
  letter-spacing: 1px;
  color: #fff;
  padding:0px;
}
#slider .inner_carousel h2{
  padding: 0px;
}
#slider .inner_carousel {
  text-align: left;
  color: #fff;
}
#slider .carousel-caption{
  padding-bottom:0px !important;
  top: 46%;
}
#slider hr{
  margin-top: -29rem;
  border:none;

}
#slider .inner_carousel h2{
  border-left: 3px solid white;
  margin-right: 10px;
  text-align: center;
}
#slider p{
  text-align: center;
  margin: 10px;
}
.slide-button a {
  color: #fff;
  font-size: 20px;
  padding: 10px 15px;
}
.slide-button {
  margin: 20px;
  margin-left: 43%;
}
#slider i{
  font-size: 20px;
}
.slide-button i {
    background: red;
    padding: 8px;
    font-size: 20px;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 30px;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.serach_inner input[type="search"],
.serach_inner label {
  width: 90%;
}

/*--------------header-------------*/
.page-template-custom-home-page #header {
  position: absolute;
  top: 4em;
  z-index: 99;
  width: 100%;
  background: transparent;
}
.appointbtn i{
  font-size: 20px;
  color: white;
  padding: 4px;
}
#header{
  background: rgba(255, 255, 255, 0.80);
}
.inner-box {
  /*background: #fff;*/
  padding: 0 !important;
}
.padding0{
  padding:0px !important;
}
.appointbtn {
  background: #dd3333;
  padding: 5px 0;
  text-align: center;
}
.appointbtn a {
  color: #fff;
  font-size: 18px;
}
.topbar {
  padding: 5px 0;
  margin-right:0;
}
.topbar span {
  font-size: 15px;
  margin-right: 30px;
  color: #000;
  float: left;
}
.topbar i {
  margin-right: 15px;
}
.menus {
  background: #111111;
}
#header .socialbox i {
  margin: 0 7px;
  color: #000;
}
#header .socialbox i:hover {
  color: #dd3333;
}
.logo a:hover {
  text-decoration: none;
}
.blog-section {
  margin-top: 3%;
}
#header .logo{
  margin:0;
  padding:10px 0px 0px 0px;
  text-align:center;
}
#header .logo h1{
  padding:0;
  font-size:30px;
  font-weight: bold;
}
#header .logo a{ 
  color: #333333;
  letter-spacing: 3px;
}
#header .logo p{ 
  font-size:12px;
  color: #999;
}
#header .header-top{
  background:#000;
  color:#aaaaaa
}
.toggle{
  display:none;
}
.header{
  z-index:999;
  width:100%;
  height:auto;
}
.header .nav{ 
  margin:0;
  padding:0;
  text-align:left;
}
#header .nav ul { 
  text-align: center;
  margin:0;
  padding:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
#header .nav ul li a {
  color: #fff;  
  padding: 22px 12px;
  font-size: 15px;
  display: block;
  text-align: left;
  text-transform: none;
  letter-spacing: 2px;
  font-weight: normal;
}
#header .nav ul li.current-menu-item a{
  color: #dd3333;
	font-weight:bold;
}
#header .nav ul li.current-menu-item2 a:before {
    position: absolute;
    top: 0;
    content: '';
    width: 100%;
    height: 2px;
    z-index: 99999;
    display: block;
    background: #dd3333;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#header .nav ul li a:hover{
  background: #dd3333;
  text-decoration: none;
  transition-duration: 1s;
}
#header .nav ul.sub-menu li{
  display: inline;
}
#header .nav ul.children li {
  display: inline;
}
.socialbox {
  text-align: left;
}
.m-1 {
  margin: 0px 0.25rem 0px 0px !important;
}

/* --------- Homepage --------- */
#blog_sec i {
  font-size: 13px;
  color: #000;
  margin-right: 10px;
}
.postbtn a {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.section-title {
  text-align: left;
  padding: 10px 0px;
}
.blog-section .section-title a {
  color: #000;
  font-size: 20px;
  font-weight: 400;
}
.blog-section .section-title a:after{
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  background: #dd3333;
  margin-top: 7px;
}
.blog-section .section-title a:hover{
  text-decoration:none;
}
.blog-section .new-text p{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.78);
  margin: 10px 0;
  line-height:23px;
}
.inner-service {
  border: 1px solid #000;
  margin-bottom: 3%;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.85);
}
.blog-section .about-us{
  padding: 10px;
  margin-top:20px;
}
.blog-section  .about-us a{
  border: 1px solid #000;
  padding:8px 20px;
  color: #000;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 19px;
}
.blog-section .button{
  margin: 0 18%;
  display: inline-block;
}

/*video*/
iframe{
 width: 100%;
}
/* Breadcrumb */

.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
  line-height: 37px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}

/*-------------------------------- Sweep To Right ----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dd3333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff;
  font-weight: bold;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* --------- Blog Page ------- */
.box{
  color:#000;
  padding:15px 0;
  clear:both;
}
.box i{
  padding: 5px;
}

/* Comments BOX */
#comments{
  margin-top:40px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#000 !important ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #fff;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#dd3333;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#content_box #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
#content_box #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
.comment-respond{
  clear:both;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:90%;
  float:left;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6{
  margin-top:15px;
}

/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 36px;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3{
  margin:0 0 10px;
  font-size:20px;
  color:#000;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #dd3333;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar select {
  padding: 10px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0px !important;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:solid 1px #000; 
  font-size:15px; 
  color:#000;
  width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"] {
  background: #000;
  border: none;
  color: #fff;
  padding: 11px 12px;
  font-size: 15px;
  margin: 0;
  width: 29%;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #000;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
  line-height: 32px;
  padding: 0 0 0 2%;
}
#sidebar ul li{
  font-size: 14px; 
  margin:5px 10px;
  background:url('images/bullets-sidebar.png') no-repeat 0px 8px;
  padding-left:20px;
}
#sidebar .tagcloud a{
  background:#fff; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#bbb;
}
table {
  border-collapse: separate;
  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_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
#sidebar form.search-form {
  display: table;
  padding: 0px 10px;
  border-radius: 20px;
}

/* Page */
#content_box p{
  line-height: 25px;
  font-size: 16px;
  margin:20px 0;
}
#content_box hr{
  border:none;
  border-bottom:2px solid #7e7e7e;
  margin:20px 0;
  clear:both;
}
#content_box h2{
  font-size:32px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
#content_box h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
#content_box h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 25px;
}
#content_box  h6{
  font-size:18px;
}
#content_box  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
#content_box ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
#content_box ul li{
  list-style-type: none;
    margin: 0 21px 20px 0;
    line-height: 25px;
}
#content_box ul li ul li{
  list-style-type: circle;
}
#content_box ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
#content_box ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
#content_box ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
#content_box  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
.read-moresec{
  margin:2% 0;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}

/*copyright css*/
.copyright-wrapper { 
  background-color:#dd3333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding:10px 0;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
}
.copyright-wrapper p,
.copyright-wrapper a {
  color: #fff;
}
.footer-wp {
  background: #111;
}
.footer-wp .rssSummary,
.footer-wp ul li,
.footer-wp p{
  color: #fff;
}
.footer-wp h3 {
  text-align: left;
  font-size: 20px;
  letter-spacing: 2px;
  color: #dd3333;
}
.footer-wp h3:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #dd3333;
  margin-top: 7px;
}
.footer-wp input[type="search"]{
  width:100%;
  padding:8px 5%;
  float:left;
}
.footer-wp input[type="submit"] {
  padding: 9px 12px;
  float: right;
  border: none;
  background: #dd3333;
  border-radius: 0;
  margin: 0;
  font-size: 12px;
}
.footer-wp  td#prev a {
  color: #fff;
}
label{
  width:74%;
}
.footer-wp caption {
  font-weight: bold;
  color: #fff;
  font-size: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp td {
 
  color: #fff;
}
.footer-wp th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  color: #fff;
  font-size: 17px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 5% 0;
}
.footer-wp .tagcloud a {
  color: #000;
  background: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}



/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:15px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  padding: 12px 16px;
  display: block;
  float: left;
  margin: 0 3px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #000;
  -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: bold;
} 
.pagination a:hover{
  color:#000;
  background: #dd3333;
}
.pagination .current{
  background: #dd3333;
  color: #000;
  font-weight:bold;
}
#content_box .pagination ul{
  margin:0;
  clear:both;
}
#content_box .pagination ul li{
  margin:0;
}

/* ------ Contact Form ------ */
.wpcf7{ 
  margin:0;
  padding:0;
  color:#222222;
}
.wpcf7 form{ 
  margin:0;
  padding:0;
}
.wpcf7 form span.last{ 
  float:none !important;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form select, .leftdiv input[type="text"],
.leftdiv input [type="url"],
.leftdiv input[type="email"],
.leftdiv input[type="tel"],
.wpcf7 form textarea,
.rightdiv textarea{ 
  width:94%;
  background-color:#f8f8f8;
  border:1px solid #e6e5e5;
  padding:10px;
  margin-top:15px;
  color:#777777;
}
.wpcf7 form textarea, .rightdiv textarea{
  height:132px;
}
.wpcf7 form input[type="checkbox"],
.wpcf7 form input[type="radio"],
.wpcf7 form input[type="file"]{ 
  margin-top:10px;
  padding:0;
}
span.wpcf7-list-item{ 
  margin:0 15px 0 0 !important;
}
.wpcf7 form input[type="submit"],
#contact input[type="submit"],
#contactform_main input[type='submit']{
  margin:25px 0 0 0;
  padding:5px 20px;
  border:none;
  color:#ffffff;
  border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  cursor:pointer;
  background-color:#00A885;
}
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,
.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,
.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title, h1.page-title {
  padding: 10px;
  font-size: 25px;
  text-transform: uppercase;
  color: #dd3333;
  border: solid 1px #000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px; 
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
input.search-field,
.post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
}
input.search-submit,
.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
.wpcf7-form p{ 
  color:#222222;
}

/*---Our Project --*/
#project h3 {
  text-align: left;
  font-size: 35px;
  color: #111111;
}
#project i {
  color: #dd3333;
  margin-right: 10px;
}
.categorybox {
  background: #fff;
  box-shadow: 5px 5px 4px 0 #bbb;
  float: left;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 0; 
}
.categorybox h4 {
  font-size: 15px;  
  font-weight: bold;
  color: #000;
  padding: 0;
}
.mainbox p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #111;
}
.mainbox {
    float: left;
}

/* Woocommerce */
.woocommerce span.onsale{
  background: #dd3333;
  padding: 0;
}
.products li {
    border: solid 1px #dcdcdc;
    padding: 10px !important;
    width: 30% !important;
    text-align: center;
    margin-right: 10px !important;
}
.woocommerce ul.products li.product .star-rating {
    font-size: .857em;
    margin: 0 auto;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    padding: 10px;
    line-height: normal;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d3ced2;
    padding: 9px 6px 5px;
    margin: 0 4px 0 0;
    outline: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
    color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
  }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}

.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: #dd3333;
  color: #fff;
  border-radius: 0;
  padding: 12px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
    width: 5em;
    padding: 6px;
    border-radius: 0;
    border: solid 1px #000;
    color: #000;
}
.col-1,.col-2 {
    max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: #dd3333;
    padding: 12px;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.posted_in {
    display: block;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
.woocommerce-message {
    border-top-color: #dd3333;
}
.woocommerce-message::before {
    content: '\e015';
    color: #dd3333;
}
.summary .product_title{
  border:none;
}
/*responsive menu*/
@media screen and (min-width:320px) and (max-width: 425px){
  .topbar span {
    display: block;
    text-align: center;
}
#slider{
  margin-top: 67%;
}
#slider p, #slider h2 {
    display: none;
}
.slide-button{
  margin-left: 0px;
  text-align: center;
  margin-bottom: 31%;
}
.topbar span {
    font-size: 15px;
    float: none;
}
#header .nav{
  top:-245px;
}
.socialbox {
    text-align: center;
}
}
@media screen and (max-width:576px) {
  .header .nav{
    float:none;
    margin:0;
    position:absolute;
    z-index:999;
    overflow-x:hidden;
    /*top: 22px;*/
    width: 100%;
	top:-245px;
  }
}
@media screen and (max-width:720px) {
  .menus{
    background: transparent;
  }
  #header .top_headbar{
    background: #435061;
  }
  .contact,
  .topbar {
    text-align: center;
  }
  .toggle,
  .topbar span{
    display:block;
  }
  .toggle a{
    width:100%;
    color:#000;
    background:url('images/mobile_nav_right.png') no-repeat right center #dd3333;
    padding:10px 10px;
   font-size:16px;
	  font-weight:bold;
  }
  .nav{
    display:none;
  }
  .admin-bar .header .nav{
    top: -86px;
  }

  .header .nav ul{ 
    width:100%;
    float:none !important;
    margin-top:20px;
    background-color:#222222;
  }
  .header .nav ul li{
    border-top:1px #303030 solid;
    display:block;
    float:none;
    text-align:left;
  }
  .nav ul li a{
    padding:5px 10px;
    display:block;
    color:#ffffff !important;
  }  
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }  
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }  
  .header .nav ul li{
    width:100%!important;
  }
  .header .logo{
    text-align:center;
  }
  .pagination{
    float:none;
  }
  .blog-section .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }
  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
}
@media screen and (min-width:576px){
  .header .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
    margin: 5% 0 0 0;
  }
  .header .nav ul li:hover > ul{
    display:block;
    background:#222222;
    width:200px;
    position:absolute;
    top:66px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  .header .nav ul li:hover > ul li{ 
    display:block;
  }
  .header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px;
    color:#ffffff;
  }
  .header .nav ul li:hover ul li ul{
    display:none;
  }
  .header .nav ul li:hover ul li:hover > ul{
    display:block;
    position:absolute;
    left:100px;
    top:-66px;
  }  
  .header .nav ul.sub-menu{
    margin-top:6px;
  }
  .header .nav ul.sub-menu li a:hover{
    background:#bbb;
    color:#fff;
  }
  .header .nav ul {
    margin:0;
  }
  .header .nav ul li a{ 
    color:#fff;
    padding:14px 15px;
    display:block;
  }
}
@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block;
    position:relative;
    float:none;
  }
  #header #header-inner .nav ul li ul li a{
    color:#000;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px #313131 solid;
  }
   label {
    width: 75%;
}
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .blog-section .new-line {
    padding-bottom: 5px;
    font-size: 26px;
    width: 60%;
    font-style: oblique;
  }
  #sidebar {
    clear: both;
  }
}
@media screen and (max-width: 768px){
label {
    width: 55%;
}
}