/*
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.4.1
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
*/

*{ 
  margin:0;
  padding:0;
  outline:none;
}
body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font:14px;
  color:#5b5b5b;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}
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;
  color: #000;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color:#dd3333;
}
a:hover{ 
  text-decoration:none;
  color:#666;
}
a:focus,.woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type="submit"]{
  background-color: #000;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
input[type="submit"]:hover{
  background-color: #dd3333;
  color: #fff;
}
.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:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
textarea#comment:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
select{
  width:100%;
  padding: 13px;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.main-wrapper{
  margin:20px auto;
  padding:0;
}
.main-wrapper #sidebar {
  padding-top: 0px;
}
.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;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.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;
}
.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;*/
}
/*----------------- SEARCH POPUP ----------------*/
input:focus{
  outline: 1px dotted #000;
  border: 1px solid #000;
}
.search-box i:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
#search {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: black;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
     -moz-transform: translate(0px, -100%) scale(0, 0);
      -ms-transform: translate(0px, -100%) scale(0, 0);
       -o-transform: translate(0px, -100%) scale(0, 0);
          transform: translate(0px, -100%) scale(0, 0);    
  opacity: 0;
  display: none;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
     -moz-transform: translate(0px, 0px) scale(1, 1);
      -ms-transform: translate(0px, 0px) scale(1, 1);
       -o-transform: translate(0px, 0px) scale(1, 1);
           transform: translate(0px, 0px) scale(1, 1); 
  opacity: 1;
  z-index: 999999999;
  display: block;
}
#search input[type="search"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -51px;
  width: 60%;
  margin-left: 20%;
  color: #000;  
  font-size: 25px;
  font-weight: 300;
  padding: 10px;
  border:none;
  text-transform: uppercase;
  background: #fff;
}
#search input[type="search"]::placeholder{
  color:#000;
}
#search .close {
  position: fixed;
  top: 55px;
  right: 55px;
  opacity: 1;
  font-size: 25px;
  color: #fff;
}
#search input[type="submit"] {
  display: none;
}
.search-box i {
  color: #252525;
  cursor: pointer;
}
input:focus{
  outline: 1px dotted #000;
  border: 1px solid #000;
}
#sidebar button, .footer-wp button{
  padding: 9px 12px;
  border: none;
  background: #dd3333;
  border-radius: 0;
  margin:2% 0 0;
  font-size: 16px;
  width: 100%;
  color: #fff;
  font-weight: bold;
}
.search-box i:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 100%;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.serach_inner input[type="search"],
.serach_inner label {
  width: 89%;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
  background: transparent;
}
#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 {
  font-weight: bolder;
  letter-spacing: 1px;
  color: #fff;
  padding:0px 8px;
  border-left: 3px solid #fff;
  display: inline-block;
}
#slider .inner_carousel {
  text-align: center;
  color: #fff;
}
#slider .carousel-caption{
  top: 60%;
  transform: translateY(-50%);
}
#slider .carousel-caption h1{
  color: #fff;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
}
#slider p{
  margin: 10px;
}
.slide-button a {
  color: #fff;
  font-size: 15px;
  padding: 10px 15px;
  font-weight: bold;
}
.slide-button a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.slide-button {
  margin: 20px;
  text-align: center;
}
#slider i{
  font-size: 20px;
}
.slide-button i {
  background: #dd3333;
  padding: 8px;
  margin-right: 10px;
}
#sidebar .woocommerce a.remove{
  display: none;
}
/*--------------header-------------*/
.page-template-custom-home-page #header {
  position: absolute;
  top: 2em;
  z-index: 99;
  width: 100%;
  border:none;
  background: transparent;
}
.appointbtn i{
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
}
#header{
  background: #fff;
  border-bottom: 2px solid #111111;
}
.inner-box {
  background: #fff;
  padding: 0 !important;
}
.padding0{
  padding:0px !important;
}
.appointbtn {
  background: #dd3333;
  padding: 8px 0;
  text-align: center;
}
.appointbtn a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.topbar {
  padding: 15px 0;
}
.topbar span {
  font-size: 15px;
  margin-right: 30px;
  color: #000;
  float: left;
}
.topbar i {
  margin-right: 15px;/*
  color: #fff;*/
}
#header .socialbox i {
  margin: 0 7px;
  color: #000;
}
#header .socialbox a{
  color: #fff;
}
#header .socialbox i:hover {
  color: #dd3333;
}
.logo a:hover {
  text-decoration: none;
}
.blog-section {
  margin-top: 3%;
}
#header .logo{
  margin:0;
  padding:10px 0;
  text-align:center;
}
#header .logo h1{
  padding:0;
  font-size:30px;
  font-weight: bold;
}
#header .logo a{ 
  color: #000;
  padding: 0;
  font-size: 30px;
  font-weight: bold;
}
#header .logo p{ 
  font-size:12px;
  color: #767676;
}
#header .header-top{
  background:#000;
  color:#aaaaaa
}
/* --------- MENUS CSS --------- */
#navbar-header form.search-form{
  display: none;
}
.primary-navigation a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.main-navigation .sub-menu > li > a:focus,
.search-box i:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
#navbar-header span,
#navbar-header .socialbox{
    display: none;
}
.main-menu-navigation{
  background: #111111;
}
#navbar-header {
  text-align: center;
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-navigation ul{
  list-style: none !important;
  margin: 0;
  padding-left: 0;  
  text-align: left;
}
.primary-navigation li{
  padding: 20px 12px;
  display: inline-block;
  position: relative;
}
.primary-navigation a{
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  text-transform: uppercase;
}
.primary-navigation a:hover{
  color: #e9413a;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  top: 60px;
  -webkit-transition: max-height 3s ease-in-out;
  -moz-transition:max-height 3s ease-in-out;
  -o-transition:max-height 3s ease-in-out;
  transition: max-height 3s ease-in-out;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  padding: 13px;
  background: #111;
  color: #fff;
}
.primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
  background: #dd3333 ;
  color: #fff !important;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
  max-height: 100%;
}
.primary-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-menu, a.closebtn{
  display: none;
}
/* --------- Homepage --------- */
.metabox {
  color: #111111;
  padding: 10px 15px;
  clear: both;
  background: #e8e8e8;
  margin-bottom: 20px;
}
.metabox a {
  color: #111111;
}
.metabox a:hover{
  color: #dd3333;
}
.metabox i,
.metabox span{
  margin-right: 10px;
}
.postbtn a {
  font-size: 15px;
  font-weight: bold;
  color: #dd3333;
}
.postbtn a:hover{
  color: #000;
}
.postbtn i {
  background: #dd3333;
  padding: 8px;
  color: #fff;
  font-size: 13px;
  margin-right: 10px;
}
.postbtn :hover i{
  background: #111111;
}
.section-title {
  text-align: left;
  padding: 0px 0px 10px;
  font-size: 25px;
}
.blog-section .section-title a {
  color: #000;
}
.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;
}
.content_box{
  padding: 2% 0;
}
.content_box .inner-service {
  border: none;
  margin-bottom: 0;
  padding: 0px;
}
.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;
}
.nav-previous a ,.nav-next a {
  color:#dd3333;
  font-size: 16px;
  font-weight: 500;
}
.nav-previous{
  padding: 10px 0;
}
p.logged-in-as a {
  color: #dd3333;
}
.nav-next {
  padding: 10px 0;
}
.new-text a{
  text-decoration: underline;
}
.new-text p{
  margin-top: 20px;
}
.nav-links {
  padding: 10px 0;
}
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-next,
.post-navigation .nav-next {
  margin-top: 0;
}
.navigation.post-navigation a {
  color: #333;
}
.navigation.post-navigation a:hover {
  color: #dd3333;
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.tags{
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
.tags a{
  color: #dd3333;
  font-size: 15px;
  font-weight: bold;
}
.tags a{
  text-decoration: none!important;
  font-weight: 400;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  padding: 5px 8px;
  margin: 5px;
  font-size: 15px;
  color: #333;
}
/*video*/
iframe{
 width: 100%;
}
/*audio*/
.entry-audio audio {
  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;
}

/* --------- Blog Page ------- */
.box{
  color:#000;
  padding:15px 0;
  clear:both;
}
.box i{
  padding: 5px;
}
.content_box .inner-service {
  border: none;
}
.page-content, .page-content .read-moresec {
  text-align: center;
}
.page-content .read-moresec {
  padding-top: 20px;
}
.page-content .read-moresec a.button {
  border: 2px solid #111111;
  background: #111111;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-content .read-moresec a.button:hover {
  background: #dd3333; 
  border: 2px solid #dd3333;
}
.footer-wp h3.widget-title a.rsswidget{
  color: #fff;
}
/* Comments BOX */
#comments{
  margin-top:40px;
}
.comment-body p a{
  text-decoration: underline;
}
#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 ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #fff;
}
#comments input[type="submit"].submit:hover{
  background:#dd3333;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#dd3333;
  color: #fff;
}
#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%;
}
.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;
}
.comment-meta.commentmetadata{
  padding: 10px 0;
}
#comments ol {
    list-style: none;
    margin: 10px 0px;
}
#comments ol li {
    width: 100%;
    list-style: none;
    margin: 0 0 20px !important;
    padding: 20px !important;
    background: #fff;
    display: inline-block;
    border: solid 1px #f0f0f0;
}
#comments .comment-author {
    width: 50%;
    float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
#comments a.comment-reply-link {
  color: #fff;
  background: #dd3333;
  padding: 5px 15px;
  text-decoration: none;
}
#comments a.comment-reply-link:hover {
  color: #fff;
  background: #000;
}
.entry-content a, .sidebar p a, #comments p a, .comment-meta.commentmetadata a{
  color: #111111 !important;
  text-decoration: underline;
}
/*--------------- Sidebar -----------------*/
#sidebar .widget.widget_calendar table,#sidebar td,#sidebar th {
  border: 1px solid;
  color: #000;
}
#sidebar {
  padding-top: 36px;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3{
  margin:0 0 10px;
  font-size:20px;
  color:#000;
  font-weight: 600;
}
#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;
}
.select2-container--default .select2-selection--single:focus{
  outline: 1px dotted #000;
  border: 1px solid #000;
} 
#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 input[type="submit"]:hover{
  background-color: #dd3333;
  color: #fff;
}
#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%;
  font-size: 15px;
}
#sidebar ul.product_list_widget li{
  padding-left: 18px;
}
#sidebar ul.product_list_widget li a{
  line-height: 20px;
  padding: 0;
}
#sidebar ul li a:hover{
  color: #dd3333;
}
#sidebar ul li{
  font-size: 15px; 
  background: url(images/bullets-sidebar.png) no-repeat 0px 10px;
  padding-left: 16px;
}
#sidebar .tagcloud a{
  background: #dd3333;
  color: #fff;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#000;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.textwidget p a,
.woocommerce-product-details__short-description p a,
#tab-description p a{
  text-decoration: underline;
}
.textwidget a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.textwidget a:hover{
  color: #fff;
}
#sidebar .textwidget a:hover{
  color: #000;
}
#sidebar .textwidget a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.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: #dd3333;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:focus {
  background-color: #dd3333;
  color: #fff;
}
#sidebar form.search-form {
  display: table;
}

/* Page */
.content_box p{
  font-size: 16px;
  margin-bottom: 10px;
}
.content_box hr{
  border:none;
  border-bottom:2px solid #7e7e7e;
  margin:15px 0;
  clear:both;
}
.content_box h2{
  font-size:32px;
  padding:0;
  margin:0 0 25px;
}
.content_box h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px;
}
.content_box h4{
  font-size:20px;
  padding:0;
  color:#000;
  margin:0 0 25px;
}
.content_box h6{
  font-size:18px;
}
.content_box h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
}
.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;
}
.read-moresec{
  text-align: left;
}
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*/
#scrollbutton i {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  font-size: 22px;
  padding: 12px 17px;  
  border: solid 2px  #dd3333;
  color:  #fff;
  z-index: 99999;
  border-radius: 50%;
  background: #dd3333;
  text-shadow: 1px 1px 2px;
  box-shadow: inset 0px 0px 0px #dd3333, 0px 5px 0px 0px #871c1c, 0px 5px 4px #000;
}
#scrollbutton{
  display: none;
}
.left i{
  left: 20px;
}
.center i{
  left: 50%;
  right: 50%;
}
.copyright-wrapper { 
  background-color: #dd3333;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 15px 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: #fff;
  font-weight: 600;
}
.footer-wp .woocommerce .widget_shopping_cart .buttons a:hover, 
.footer-wp .woocommerce.widget_shopping_cart .buttons a:hover{
  background: #fff;
  color: #000;
}
.footer-wp .textwidget p a{
  color: #fff;
}
.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%;
  color: #fff;
}
.footer-wp input[type="submit"] {
  padding: 9px 12px;
  border: none;
  background: #dd3333;
  border-radius: 0;
  margin: 0;
  font-size: 16px;
  width: 100%;
}
.footer-wp label{
  width: 100%;
}
.footer-wp  td#prev a {
  color: #fff;
}
.footer-wp caption {
  font-weight: bold;
  color: #fff;
  font-size: 25px;
  padding-left: 0;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.footer-wp ul.product_list_widget .star-rating{
  margin: 0 !important;
}
.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 li a:hover{
  color: #dd3333;
}
.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;
}
.footer-wp .tagcloud a:hover {
  background: #dd3333;
  color: #fff;
}
#sidebar-footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
#sidebar-footer input:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
/* 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: 10px 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:#fff;
  background: #dd3333;
}
.pagination .current{
  background: #dd3333;
  color: #fff;
  font-weight:bold;
}
.content_box .pagination ul{
  margin:0;
  clear:both;
}
.content_box .pagination ul li{
  margin:0;
}
.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;
}
h2.entry-title, h2.page-title {
  font-size: 25px;
  text-transform: uppercase;
  color: #dd3333;
  font-weight: bold;
  margin-bottom: 10px; 
}
article img{
  height:auto;
  margin-bottom: 10px;
}
article p,
.postbtn{
  margin:10px 0;
}
form.search-form{
  margin-bottom:0px;
}
input.search-field,
.post-password-form input[type=password]{
  border:1px #eee solid;
  padding:10px 20px;
}
input.search-submit,
.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:10px 20px;
  cursor:pointer;
}
/*---Our Project --*/
#project{
  padding: 2% 0;
}
#project h3 a {
  font-size: 23px;
  color: #111111;
}
#project i {
  color: #dd3333;
  margin-right: 10px;
}
.categorybox {
  background: #fff;
  box-shadow: 5px 5px 4px 0 #bbb;
  margin-bottom: 16px;
  padding: 10px 0; 
}
.categorybox h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  padding-bottom: 6px;
}
.categorybox p{
  font-size: 15px;
}
.mainbox p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #111;
}
.mainbox {
  float: left;
}

/* Woocommerce */
.woocommerce div.product form.cart{
  margin: 10px 0;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-info{
  background: none;
  border: 1px solid;
}
.woocommerce span.onsale{
  background: #dd3333;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
  margin-right: 10px !important;
}
.related .products li{
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
.woocommerce ul.products li.product .star-rating {
  font-size: .857em;
  margin: 0 auto 8px;
}
.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{
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 22px !important;
}
.woocommerce div.product .product_title {
  text-align: left;
  font-size: 35px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
  font-size: 16px;
}
.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%;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: #dd3333;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.posted_in {
  display: block;
}
.woocommerce-input-wrapper,
.woocommerce label {
  width: 100%;
}
.woocommerce-message::before {
  content: '\e015';
  color: #dd3333;
}
.summary .product_title{
  border:none;
}
.woocommerce form .form-row .required {
  color: #b40505;
}
.woocommerce-privacy-policy-text a{
  color: #b83a3a;
}
td.product-name a,a.shipping-calculator-button, .woocommerce-info a,.posted_in a,code{
  color: #dd3333;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #fff;
}
.woocommerce .woocommerce-breadcrumb a,.woocommerce .woocommerce-breadcrumb{
  color: #494949;
  margin-top: 5px;
}
.woocommerce-MyAccount-content p a, .woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color:#dd3333;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #111;
}
.footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
.woocommerce ul.product_list_widget li img{
  width: 20%;
}
.footer-wp .widget_price_filter .price_slider_amount{
  color: #fff;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
}
.woocommerce .coupon button.button{
  padding: 10px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 8px 0;
}
.woocommerce #comments ol li{
  padding: 0 !important;
}
.woocommerce .star-rating{
  float:left;
}
.woocommerce .woocommerce-product-rating a{
  padding-left: 10px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{
  font-size: 16px;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
#sidebar .woocommerce a.remove, .footer-wp .woocommerce a.remove{
  display: none;
}
.woocommerce .star-rating::before{
  color: #6a6666;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
  padding: 10px 0;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
/*responsive menu*/
@media screen and (min-width:320px) and (max-width: 425px){
  .topbar span {
    display: block;
    text-align: center;
  }
  .topbar span {
    font-size: 15px;
    float: none;
  }
  .socialbox {
    text-align: center;
  }
}
@media screen and (max-width:720px) {
 #slider .inner_carousel h2, #slider .inner_carousel p {
      display: none;
  }
  .slide-button{
    margin: 0px;
  }
  .topbar{
    padding: 0;
  }
  .page-template-custom-home-page #header{
    position: static;
  }
  #header .top_headbar{
    background: #435061;
  }
  .topbar , .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 (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;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .page-template-custom-home-page #header{
    position: static;
  }
  .related .products li {
    width: 46% !important;
    margin-right: 15px !important;
  }
  .appointbtn{
    margin:10px 0;
  }
  .topbar i{
    margin-right: 5px;
  }
  .topbar{
    padding: 0;
  }
  .topbar span{
    margin-right: 20px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    top:50%;
  }
  #sidebar input[type="submit"]{
    width: 100%;
  }
  #sidebar label {
    width: 100%;
    margin-bottom: 5px;
  }
  .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
    width: 46% !important;
    float: left !important;
    margin-right: 10px;
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/

@media screen and (max-width: 1000px){
  .topbar{
    padding: 10px 0;
  }
  #navbar-header form.search-form{
    display: block;
  }
  #navbar-header .socialbox i:hover{
    color: #000 !important;
  }
  .topbar span,
  .topbar .socialbox{
    display: none; 
  }
  #header .logo{
    text-align: left;
    float: left;
    width: 80%;
  }
  #navbar-header span,
  #navbar-header .socialbox, .search-box{
    display: block; 
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #eee;
    color: #000;
  }
  .search-form{
    display: block;
  }
  #navbar-header .socialbox:last-child{
    border-bottom: none;
  }
  #navbar-header .socialbox{
    background: #dd3333;
  }
  #navbar-header span i{
    margin-right: 5px;
  }
  #navbar-header .socialbox i{
    color: #fff;
  }
  #navbar-header input[type='submit']{
    padding: 10px 3px;
    text-indent: -9999px;
    z-index: 999;
    background: url(images/search.png) no-repeat 4px 10px;
    position: absolute;
    width: 20%;
    margin:0;
  }
  #navbar-header form.search-form{
    border-bottom:1px solid #eee;
  }
  #navbar-header form.search-form label{
    margin:0;
    width: 80%;
  }
  #navbar-header input.search-field{
    padding: 10px;
    width: 100%;
    background: transparent;
    border:none;
  }
  .menubar .primary-navigation ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    position: absolute;
    right: 30px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    text-align: right;
    top: 14px;
  }
  .toggle-menu i {
    font-size: 32px;
    color: #000;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .menu-brand {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #252525;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .menu-brand #site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .primary-navigation ul li a{
    padding: 17px;
    display:block;
    color:#000;
    border:none;
    background-color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    font-weight: bold;
  }
  .primary-navigation ul ul li,
  .toggle-menu,
  .primary-navigation ul li ul,
  .primary-navigation ul li ul ul{ 
    display:block !important;
  }
  .primary-navigation ul li ul li a:before{
    content: "__";
    padding-right: 6px;
    position: relative;
    top: -6px;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }  
  .primary-navigation ul li ul, 
  .primary-navigation ul li ul ul {
    display: block !important;
    opacity: 1 !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
  }
  .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{
    color: #000 !important;
    background-color: #fff;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #navbar-header {
    text-align: left;
    display: inline;
    background-color: #fff;
    box-shadow: 0px 0px 12px #333;
  }
   #navbar-header i.fas.fa-times {
    color: #000;
  }
  #navbar-header a:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .primary-navigation ul{
    display: grid;
  }
  .primary-navigation .current_page_item > a,
  .primary-navigation .current-menu-item > a,
  .primary-navigation .current_page_ancestor > a{
    background:#fff;
  }
  .main-menu-navigation{
    background: #fff;
  }
  .toggle-menu.responsive-menu a:focus{
    outline: 1px dotted #000 !important;
    border-bottom: 1px solid #000 !important;
  }
  .page-template-custom-front-page #header {
    display: block;
  }
  .search-box i{
    color: #000;
  }
  .search-box{
    display: none;
  }
  .primary-navigation ul ul{
    background:#fff;
  }
  .primary-navigation ul ul a{
   color: #000;
  }
  .main-menu .menu-color{
    background: #fff !important;
    text-align: center;
  }
  .primary-navigation a:focus{
    outline: 1px dotted #000 !important;
    border-bottom: 1px solid #000 !important;
  }
  #slider .carousel-caption h1{
    display: none;
  }
  .scrollbutton.center i{
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
}