/*
Theme Name: Automobile Car Dealer
Theme URI: https://www.buywptemplates.com/products/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 is perfect for dealers of new or used garages, car repair services, car dealership,buy a car,new car dealer,used car dealer,car sales,auto dealership,car dealership near me,car buying tips,vehicle dealership,automobile dealer,car inventory,automobile sales,buying a car online,car buying guide,auto dealer services,car dealership inventory,new car sales,certified pre-owned cars,car trade-in,car financing,car loan options,car dealership promotions,auto finance,car leasing,vehicle loans,used car financing,car dealership reviews,best car dealerships,auto sales near me,buy a car with bad credit,car dealership specials,car dealership discounts,used car specials,new car offers,car sales promotions,auto sale events,car dealership location,used vehicle sales,buy used cars,auto parts,car warranty,vehicle warranty,car service department,car repair services,vehicle repair,auto repair,car maintenance,car dealership repair services,certified car repairs,auto service shop, car rental agencies, small auto business services, small car dealer, forklift & lift truck, brakes shops, car dealership, private car services, denting painting services, tires and wheels, car repair shops, car washes and mechanics shops. It has Custom Menu, footer-widgets, left-sidebar and Custom logo that allows showcasing the portfolio of products in best possible ways. Its simple, adaptable, theme-options, clean, user-friendly, and responsive. It is professional in both looks and functionalities. It is flexible enough and allows customizing via personalization options. This theme is perfect for car dealers, wheel shop owners, Motorcycle shops, 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://demos.buywptemplates.com/automobile-car-dealer-pro
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.4.1
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: automobile-car-dealer
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, flexible-header, wide-blocks, block-styles, 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
*/

* {
  outline: none;
  margin: 0;
  padding: 0;
}
:root {
  --first-theme-color: #df1f00;
}
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;
  position: static !important;
}
img {
  border: none;
  height: auto;
}
section img{
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Ubuntu", sans-serif;
  margin: 0;
  padding: 0 0 15px;
}
*,
body,
p,
img,
.wp-caption-text,
.wp-caption,
.sticky,
.bypostauthor,
.gallery-caption {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: var(--first-theme-color);
}
a:hover {
  text-decoration: none;
  color: #666;
}
/*focus css*/
input:focus,
.main-search a:focus,
.toggle-menu.responsive-menu a:focus,
.primary-navigation a:focus,
.woocommerce form .form-row input:focus.input-text,
.main-navigation .sub-menu > li > a:focus,
.search-box i:focus,
.select2-container--default .select2-selection--single:focus,
.woocommerce form .form-row textarea:focus,
button:focus,
textarea#comment:focus,
#sidebar .textwidget a:focus {
  outline: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
}
.close a:focus,
.primary-navigation a:focus,
button.close:focus,
.menubar .primary-navigation ul li a:focus,
a.closebtn.responsive-menu:focus,
#sidebar-footer input:focus,
.textwidget a:focus,
#sidebar-footer a:focus,
.slide-button a:focus,
.close:focus,
#search .close:focus,
.footer-wp button:focus,
button.close:focus,
.footer-wp a:focus,
.copyright-wrapper a:focus,
.primary-navigation a:focus,
#navbar-header a:focus {
  outline: 1px solid #fff !important;
  border-bottom: 1px solid #fff;
}
.pagination a:focus,
.footer-wp .tagcloud a:focus,
.footer-wp button:focus,
.footer-wp input.search-submit:focus {
  outline: 2px solid #ffff00 !important;
  border-bottom: 1px solid #000 !important;
}
ul,
ol {
  margin: 0 0 0 15px;
  padding: 0;
}
input[type="submit"] {
  background-color: var(--first-theme-color);
  padding: 1%;
  border: 0;
  color: #fff;
}
input[type="submit"]:hover {
  background-color: var(--first-theme-color);
}
.pagination,
.content_box .pagination ul,
.pagination,
.content_box hr,
.clear,
#comments h3.comment-reply-title,
.comment-respond {
  clear: both;
}
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: auto;
}
select {
  width: 100%;
  padding: 13px;
}
.center {
  text-align: center;
  margin-bottom: 40px;
}
.wp-caption {
  font-size: 13px;
  max-width: 100%;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: var(--first-theme-color);
}
/*wide block*/
.new-text .alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.new-text .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
/*elementor*/
#scrollbutton,
.toggle-menu,
a.closebtn,
.primary-navigation ul ul,
#navbar-header form.search-form,
#navbar-header a.mail,
#navbar-header a.call,
#navbar-header .socialbox,
.searchform_page,
.elementor-html .frame,
#sidebar .woocommerce a.remove,
.elementor-html .loader {
  display: none;
}
.main-search i,
h1,
h2,
h3,
h4,
h5,
h6,
.woocommerce .quantity .qty,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
h2.woocommerce-loop-product__title,
.footer-wp .tagcloud a,
.footer-wp .woocommerce .widget_shopping_cart .buttons a:hover,
.footer-wp .woocommerce.widget_shopping_cart .buttons a:hover,
a.button,
#sidebar .widget.widget_calendar table,
#sidebar td,
#sidebar th,
#sidebar .textwidget a:hover,
.widget_calendar caption,
.tags,
.blog-section .section-title a,
.postbtn a:hover,
#header .logo a,
#header .socialbox i,
.topbar a {
  color: #000;
}
#sidebar .tagcloud a:hover,
#sidebar button,
.footer-wp button,
input[type="submit"]:hover,
.searchform_page i,
#slider .inner_carousel,
#slider .carousel-caption h1,
.slide-button a,
.footer-wp .widget_price_filter .price_slider_amount,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce-MyAccount-navigation ul li a,
.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,
.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,
.frame,
.pagination .current,
.pagination span,
.pagination a,
.footer-wp .tagcloud a:hover,
.footer-wp li a,
.footer-wp th,
.footer-wp caption,
.footer-wp input[type="search"],
.footer-wp h3,
.footer-wp .widget_block .wp-block-heading,
.footer-wp td,
.footer-wp td#prev a,
.footer-wp .textwidget p a,
.footer-wp .rssSummary,
.footer-wp ul li,
.footer-wp p,
.copyright-wrapper p,
.copyright-wrapper a,
#sidebar .tagcloud a,
#sidebar input[type="submit"],
#sidebar input[type="submit"]:hover,
.widget_calendar tbody a:focus,
.textwidget a:hover,
.widget_calendar tbody a,
#comments a.comment-reply-link:hover,
#comments a.comment-reply-link,
#comments a.comment-reply-link:hover,
#comments input[type="submit"].submit,
.footer-wp h3.widget-title a.rsswidget,
.page-content .read-moresec a.button,
.postbtn i,
.primary-navigation a,
.primary-navigation ul ul a,
#header .socialbox a,
.appointbtn a,
.appointbtn i {
  color: #fff;
}
#header .header-top,
#sidebar button:hover,
.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,
.frame,
.pagination span,
.pagination a,
#sidebar input[type="submit"],
#slider,
#comments a.comment-reply-link:hover {
  background: #000;
}
.woocommerce form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.posted_in,
.pagination span,
.pagination a,
.footer-wp h3:after, 
.footer-wp .widget_block .wp-block-heading:after,
.widget_calendar tbody a,
#sidebar h3:after,
.blog-section .section-title a:after,
.primary-navigation ul li:hover > ul,
.primary-navigation ul ul li,
.primary-navigation a,
.screen-reader-text:focus,
form#commentform label,
.aligncenter,
img.aligncenter {
  display: block;
}
.entry-video video,
.woocommerce #comments p,
.woocommerce-input-wrapper,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.footer-wp .search-form label,
.footer-wp input[type="submit"],
table,
.widget_categories select,
#sidebar form,
.reply,
#comments ol li,
iframe,
.entry-audio audio,
.page-template-custom-home-page #header,
.fixed-header,
#slider img,
#sidebar button,
.footer-wp button {
  width: 100%;
}
#sidebar .tagcloud a:hover,
.woocommerce-MyAccount-navigation ul li,
.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,
.woocommerce span.onsale,
.pagination .current,
.pagination a:hover, 
.page-links a:hover,
.footer-wp .tagcloud a:hover,
.footer-wp input[type="submit"],
.footer-wp h3:after, 
.footer-wp .widget_block .wp-block-heading:after,
#scrollbutton i,
#sidebar h3:after,
#comments a.comment-reply-link,
.page-content .read-moresec a.button:hover,
.blog-section .section-title a:after,
.postbtn i,
.slide-button i,
#sidebar button,
.footer-wp button,
.appointbtn,
.woocommerce a.added_to_cart {
  background: var(--first-theme-color);
}
.woocommerce a.added_to_cart{
  color: #fff;
  font-weight: 700;
}
/* 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;
  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. */
}
.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;
  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;
}
section {
  padding: 34px 0;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
/*----------------- SEARCH POPUP ----------------*/
#sidebar button,
.footer-wp button {
  padding: 9px 12px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
}
.searchform_page {
  position: fixed;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
}
.search_input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.search_input label {
  margin-bottom: 0;
}
.close {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 0;
  opacity: 1;
}
.searchform_page i {
  font-size: 24px;
  cursor: pointer;
}
.search_input form input.search-submit{
  display: inline-block; 
  width: 100%;
}
.search_input form.search-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  color: rgb(0, 0, 0);
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: rgb(255, 255, 255);
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
.search_input input.search-field {
  color: rgb(0, 0, 0);
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 5px 10px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: rgb(255, 255, 255);
}
.main-search i {
  cursor: pointer;
  font-size: 15px;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
  background: transparent;
}
#slider img {
  opacity: 0.7;
  object-fit: cover;
}
#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;
}
#slider .carousel-caption {
  top: 60%;
  transform: translateY(-50%);
}
#slider .carousel-caption h1 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1px;
}
.slide-button a {
  font-size: 15px;
  font-weight: bold;
}
#slider i {
  font-size: 20px;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999;
}
.fixed-header .appointbtn a {
  padding: 12px 0;
  display: inline-block;
}
.admin-bar .fixed-header {
  top: 32px;
}
/*--------------header-------------*/
.page-template-custom-home-page div#header {
  position: absolute;
  top: 3em;
  z-index: 99;
  border: none;
  background: transparent;
}
/*header css*/
.appointbtn i,
.appointbtn a {
  font-size: 16px;
}
#header {
  border-bottom: 2px solid #111111;
}
.appointbtn a {
  font-weight: bold;
}
.topbar a {
  font-size: 15px;
  float: left;
}
.topbar a:hover {
  color: var(--first-theme-color);
}
#header .socialbox i:hover {
  color: var(--first-theme-color);
}
.logo a:hover {
  text-decoration: none;
}
#header .logo h1,
#header .logo a {
  font-size: 30px;
  font-weight: bold;
}
#header .logo p {
  font-size: 12px;
  color: #767676;
}
#header .header-top {
  color: #aaaaaa;
}
/* --------- MENUS CSS --------- */
.page-content .read-moresec a.button,
.postbtn :hover i,
.primary-navigation,
.primary-navigation ul ul a {
  background: #111111;
}
#navbar-header {
  display: inline;
}
.primary-navigation ul {
  list-style: none !important;
  margin-left: 0;
}
.primary-navigation li {
  display: inline-block;
  position: relative;
}
.primary-navigation a {
  font-size: 12px;
  font-weight: bold;
  padding: 20px 12px;
  text-transform: uppercase;
}
.primary-navigation a:hover {
  color: #e9413a;
}
.primary-navigation ul ul {
  position: absolute;
  min-width: 215px;
  z-index: 99;
  top: 60px;
  margin: 0;
  -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: 25%;
}
.primary-navigation ul ul a {
  padding: 13px !important;
}
.primary-navigation ul ul a:hover,
.primary-navigation ul ul a:focus {
  background: var(--first-theme-color);
  color: #fff !important;
}
.primary-navigation ul ul li {
  float: none;
  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 {
  max-height: 100%;
}
/* --------- Homepage --------- */
.blog-section .metabox span i,.blog-section .metabox span a{
  margin-bottom: 12px;
}
.metabox a,
.metabox,
#project h3 a {
  color: #111111;
}
.entry-date:hover i,
.entry-author:hover i,
p.logged-in-as a,
.metabox a:hover,
.postbtn a{
  color: var(--first-theme-color) !important;
}
.postbtn a {
  font-size: 15px;
  font-weight: bold;
}
.postbtn i {
  font-size: 13px;
  padding: 5px;
}
.section-title {
  font-size: 35px;
}
.blog-section .section-title a:hover {
  text-decoration: none;
}
.content_box .inner-service {
  border: none;
  margin-bottom: 0;
  padding: 0px;
}
.nav-previous a,
.nav-next a {
  font-size: 16px;
  font-weight: 500;
}
.nav-previous a:hover,
.nav-next a:hover {
  color: #fff !important;
}
.new-text a {
  text-decoration: underline;
}
.new-text p {
  margin-top: 20px;
}
.nav-links {
  padding: 10px 0;
}
.content_box .tag-content.tag-image .navigation{
  width: 100%;
  display: inline-block;
}
.navigation .nav-previous {
  float: left;
  width: 45%;
}
.navigation .nav-next {
  float: right;
  width: 45%;
  text-align: right;
}
.blog-section .navigation .nav-previous, .blog-section .navigation .nav-next{
  margin-bottom: 30px;
  margin-top: 10px;
}
.content_box .navigation .nav-previous, .content_box .navigation .nav-next{
  margin-top: 20px;
}
.navigation .nav-previous, .navigation .nav-next{
  background-color: var(--first-theme-color);
  padding: 10px;
  text-align: center;
}
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
}
.nav-next,
.posts-navigation .nav-next {
  margin-top: 0;
}
.navigation.posts-navigation a {
  color: #fff;
  padding: 10px;
  background: var(--first-theme-color);
}
.meta-nav:after {
  content: ":";
  padding: 5px 5px;
}
.meta-nav {
  font-size: 17px;
  font-weight: bold;
}
.inner-service .box-image img{
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 0.7;
  object-fit: cover;
  max-height: 350px;
}
.inner-service .feature-box img{
  max-width: 100%;
  max-height: 350px;
  padding: 10px;
  object-fit: cover;
}
.gridbox .inner-service,
.related-inner-box,
.inner-service,
.layout2,
.layout1,
.post_format-post-format-video,
.post_format-post-format-image,
.post_format-post-format-audio,
.post_format-post-format-gallery {
  border: 2px solid #e6f0fa;
}
.gridbox .inner-service,
.layout2,
.layout1,
.post_format-post-format-video,
.post_format-post-format-image,
.post_format-post-format-audio,
.post_format-post-format-gallery {
  padding: 20px;
}
.nav-links {
  padding: 0 0 10px;
}
.metabox i:before {
  font-size: 10px;
  background: var(--first-theme-color);
  padding: 8px;
  color: #fff;
  border-radius: 50%;
}
.inner-service {
  margin-bottom: 35px;
  border-radius: 20px;
}
.gridbox .inner-service:hover,
.inner-service .mainbox:hover,
.related-inner-box:hover {
  box-shadow: 0px 6px 20px 0px #ddd;
}
.content_box .inner-service:hover {
  box-shadow: none;
}
.tags {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.tags a {
  text-decoration: none !important;
  font-weight: 400;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  text-shadow: none;
  padding: 5px 8px;
  margin: 5px;
  font-size: 15px;
  color: #000;
}
.related-inner-box {
  border: 1px solid #000;
}
.related-inner-box h4 {
  font-size: 18px !important;
}
.related-inner-box h4 a:hover{
  color: var(--first-theme-color);
}
/* --------- Blog Page ------- */
#blog_sec form.search-form{
  display: flex;
}
#blog_sec form.search-form .search-submit{
  margin: 0;
}
#blog_sec form.search-form input.search-field{
  width: 95%;
}
.content_box .inner-service {
  border: none;
}
.page-content .read-moresec a.button {
  border: 2px solid #111111;
  font-size: 16px;
  font-weight: bold;
}
.page-content .read-moresec a.button:hover {
  border: 2px solid var(--first-theme-color);
}

/* Breadcrumb */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
}
.bradcrumbs a:hover{
  background:#212529;
}
.bradcrumbs span{
  background:var(--first-theme-color);
  color: #fff;
  padding:5px 15px;
  margin:5px;
  display: inline-block;
}
.new-text p a,.comment p a{
  text-decoration: underline;
}
.single-post-page .category a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 8px;
  background: var(--first-theme-color);
  color: #fff;
}
.category li{
  list-style-type: none;
  margin-bottom: 5px!important;
  display: inline-block;
}
.category ul{
  margin-left: 0px!important;
  display: inline-block;
}
.category span{
  color:#000;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  margin: 5px;
  display: inline-block;
}
/* Comments BOX */
.comment-body p a,
.textwidget 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;
}
#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: var(--first-theme-color);
  padding: 10px 60px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 0px;
}
#comments a.comment-reply-link:hover,
#comments input[type="submit"].submit:hover {
  background: var(--first-theme-color);
}
#comments a.comment-reply-link {
  color: #000;
  background: #cecece;
  padding: 5px 15px;
}
#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;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  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;
}
.comment-meta.commentmetadata {
  padding: 10px 0;
}
#comments ol {
  list-style: none;
}
#comments ol li {
  list-style: none;
  margin: 0 0 20px !important;
  padding: 20px !important;
  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;
  float: left;
}
#comments a.comment-reply-link {
  padding: 5px 15px;
  text-decoration: none;
}
#comments ol li li {
  margin-left: 25px;
}
.comment-body {
  margin-bottom: 20px;
}
.content-ts #comments ul {
  margin: 0 0 0 40px;
}
#comments .reply {
  text-align: right;
}
#comments .comment-author {
  width: 100%;
}
#comments ol.comment-list {
  color: #3a4d5e;
  font-size: 18px;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
li#comment {
  margin-bottom: 20px;
}
.comment-author cite.fn {
  padding-left: 10px;
}
.entry-content a,
.sidebar p a,
#comments p a,
.comment-meta.commentmetadata a {
  color: #111111;
  text-decoration: underline;
}
/* sticky post */
#blog_sec .sticky .mainbox-post h2:before {
  content: '\f02e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-right: 20px;
  font-size: 20px;
}
/* Block Button */
.wp-block-button .wp-block-button__link{
  border-radius: 23px;
}
.wp-block-button.is-style-squared a{
  border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 2px solid !important;
  margin: 5px 0;
  color: #000 !important;
}
/* Block Image */
.inner-service.format-standard .new-text .alignwide {
  margin-left  : 0;
  margin-right : 0;
}
.inner-service.format-standard .new-text .alignfull {
  margin-left  : 0;
  margin-right : 0;
}
.alignfull img {
  width: 100vw;
}
/* Block Gallery */
.wp-block-gallery-3 .blocks-gallery-grid{
  margin-right: 35px;
  margin-top: 25px;
}
/* Block Layout */
.tag-content .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block Widget */
#sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_recent_comments, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery{
  padding: 15px;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
.footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{
  color: #ffffff;
}
.footer-wp .widget_block .wp-block-calendar th{
  background-color: transparent;
  font-weight: 700;
}
#sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
#sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
.footer-wp .widget_block .wp-block-tag-cloud a{
  color: #fff;
  border: 1px solid #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
#sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{
  padding: 0;
}
#sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{
  transform: none;
}
#sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block li.wp-social-link:before{
  display: none;
}
/*--------------- Sidebar -----------------*/
#sidebar {
  padding-top: 48px;
}
#sidebar form {
  display: table;
}
#sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.78);
  border-bottom: 1px solid #e6f0fa;
  padding: 15px;
}
#sidebar label.wp-block-search__label{
  margin: 0 0 15px 0;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}
#sidebar .widget_block .wp-block-search__inside-wrapper {
  padding: 10px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar select {
  padding: 10px;
  margin: 24px;
  width: 85%;
}
#sidebar ul.children,
#sidebar ul.sub-menu {
  padding: 0 25px;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 12px;
  border: solid 1px #e6f0fa;
  font-size: 15px;
  color: #000;
  width: 100%;
}
#sidebar .widget.woocommerce.widget_product_search {
  padding: 20px;
}
input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: solid 1px var(--first-theme-color);
  font-size: 15px;
  color: var(--first-theme-color);
}
#sidebar .widget.widget_search label{
  width: 100%;
}
#sidebar form.search-form label .search-field {
  width: 100%;
  margin-bottom: 15px;
}
#sidebar input[type="submit"] {
  background: var(--first-theme-color);
  border: none;
  padding: 12px;
  font-size: 16px;
  margin: 0;
  width: 100%;
  border-radius: 0;
}
#sidebar aside,
#sidebar .custom-about-us,
#sidebar .custom-contact-us {
  margin-bottom: 30px;
  border: 2px solid #e6f0fa;
}
#sidebar .widget.widget_nav_menu ul.sub-menu{
  padding: 0;
}
#sidebar ul {
  list-style: none;
  font-size: 17px;
  padding: 15px;
  margin: 0;
}
#sidebar ul li a {
  color: rgba(0, 0, 0, 0.78);
  line-height: 40px;
}
#sidebar ul li {
  font-size: 15px;
  position: relative;
  transition: 0.3s ease-in-out;
}
#sidebar ul li:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--first-theme-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#sidebar ul li a:hover {
  color: var(--first-theme-color);
}
#sidebar ul li:hover:before {
  opacity: 1;
}
#sidebar ul li:hover {
  padding-left: 25px;
}
#sidebar .tagcloud a, #tag-cloud a {
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid #e6f0fa;
}
#sidebar button:hover, #tag-cloud a:hover {
  background: var(--first-theme-color);
  color: #fff;
}
#sidebar ul li.menu-item-has-children:before {
  display: none;
}
#sidebar ul li.menu-item-has-children:hover {
  padding: 0;
}
#sidebar h2,
#sidebar .textwidget p,
#sidebar #calendar_wrap,
#sidebar .tagcloud,
#sidebar .calendar_wrap {
  padding: 15px;
}
#sidebar img, #sidebar-footer img {
  max-width: 100%;
}
.mainbox-post, #sidebar aside{
  border-bottom: 5px solid var(--first-theme-color) !important;
  border-radius: 20px;
  padding: 30px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
}
.widget_calendar tbody a {
  background-color: var(--first-theme-color);
  display: block;
  font-weight: 700;
}
#sidebar form.search-form {
  display: table;
  border-radius: 20px;
  padding: 10px;
}
#sidebar .widget_calendar td,
#sidebar .widget_calendar th,
#sidebar .widget.widget_calendar table {
  border: 1px solid #e6f0fa !important;
}
#sidebar .wp-block-latest-comments li a:hover {
  color: #000;
}
/* Page */
.content_box ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 10px 0;
  font-size: 16px;
}
.content_box ul li {
  list-style-type: none;
  margin: 15px 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;
}
a.button {
  border: 2px solid #000;
  font-size: 16px;
  font-weight: bold;
}
.search_input input.search-submit{
  display: inline-block;
}
/*copyright css*/
#scrollbutton i {
  position: fixed;
  text-align: center;
  bottom: 70px;
  right: 20px;
  font-size: 22px;
  padding: 12px;
  border: solid 2px var(--first-theme-color);
  color: #fff;
  z-index: 9;
  border-radius: 50%;
  text-shadow: 1px 1px 2px;
  box-shadow: inset 0px 0px 0px var(--first-theme-color), 0px 5px 0px 0px #871c1c,
    0px 5px 4px #000;
}
.left i {
  left: 20px;
  right: auto !important;
}
.center i {
  left: 50%;
  right: auto !important;
}
.copyright-wrapper {
  background-color: var(--first-theme-color);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
}
.footer-wp {
  background: #111;
}
.footer-wp h3, .footer-wp .widget_block .wp-block-heading {
  text-align: left;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 600;
}
a.button,
#comments ol li,
.page-template-custom-home-page .inner-box,
#header,
.fixed-header,
.categorybox,
.dot-3,
.dot-2,
.dot-1,
.footer-wp .woocommerce .widget_shopping_cart .buttons a:hover,
.footer-wp .woocommerce.widget_shopping_cart .buttons a:hover {
  background: #fff;
}
.footer-wp h3:after, .footer-wp .widget_block .wp-block-heading:after {
  content: "";
  width: 40px;
  height: 3px;
  margin-top: 7px;
}
.footer-wp input[type="search"] {
  width: 100%;
  padding: 8px 5%;
}
.footer-wp input[type="submit"] {
  padding: 9px 12px;
  border: none;
  border-radius: 0;
  margin: 10px 0;
  font-size: 16px;
}
.footer-wp caption {
  font-weight: bold;
  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 th {
  text-align: center;
  padding: 10px;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  font-size: 17px;
}
.footer-wp li a:hover {
  color: var(--first-theme-color);
}
.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 {
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
/* Pagination */
.pagination {
  position: relative;
  font-size: 15px;
  line-height: 13px;
  float: right;
  font-weight: bold;
  width: 100%;
}
.pagination span,
.pagination a,
.page-links .page-links-title, 
.page-links a, 
.page-links .post-page-numbers.current span {
  padding: 18px;
  float: left;
  margin: 10px 8px 10px 0;
  text-decoration: none;
  width: auto;
  background: rgb(233 233 233 / 78%);
  color: #000;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  font-weight: bold;
}
.pagination a:hover,
.page-links a:hover {
  color: #fff;
}
.pagination .current, .page-links .post-page-numbers.current span {
  font-weight: bold;
  background: var(--first-theme-color);
  color: #fff;
}
.page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{
  padding: 12px 15px;
}
.page-links{
  padding-bottom: 50px;
}
.content_box .pagination ul li,
.content_box .pagination ul {
  margin: 0;
}
.pagination {
  display: table;
}
.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 {
  font-size: 25px;
  text-transform: uppercase;
  color: var(--first-theme-color);
  font-weight: bold;
}
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;
}

/*preloader*/
.frame {
  position: fixed;
  border-radius: 2px;
  z-index: 9999999;
  top: 0;
  left: 0;
}
.loader {
  position: absolute;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dot-1 {
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  top: 95px;
  left: 95px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
.dot-2 {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 80px;
  left: 80px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
.dot-3 {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  top: 65px;
  left: 65px;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
  animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite
    alternate;
}
@-webkit-keyframes jump-jump-1 {
  0%,
  70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-1 {
  0%,
  70% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-2 {
  0%,
  40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-2 {
  0%,
  40% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump-jump-3 {
  0%,
  10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump-jump-3 {
  0%,
  10% {
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*---Our Project --*/
#project .col-md-7.col-sm-7.p-0{
  padding-right: 20px !important;
}
#project h3 a {
  font-size: 23px;
}
#project i {
  color: var(--first-theme-color);
}
.categorybox {
  box-shadow: 5px 5px 4px 0 #bbb !important;
}
.categorybox p {
  font-size: 15px;
}
.mainbox p {
  font-size: 15px;
  color: #111;
}

/* Woocommerce */
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.woocommerce div.product form.cart {
  margin: 10px 0;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-info {
  background: none;
  border: 1px solid;
}
.woocommerce span.onsale {
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px;
  text-align: center;
}
.woocommerce a.added_to_cart.wc-forward {
  display: inline-block;
  padding:8px 10px;
  margin: 10px;
}
.related .products li {
  float: none !important;
  display: inline-table;
  width: 29% !important;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 0.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;
  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 {
  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 {
  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 input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
  border-radius: 0;
  padding: 12px;
}
.woocommerce button.button,
.woocommerce button.button.alt{
  border-radius: 0;
  padding: 11px;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 6px;
  border-radius: 0;
  border: solid 1px #000;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
}
.woocommerce-message::before {
  content: "\e015";
}
.summary .product_title {
  border: none;
}
.woocommerce-MyAccount-content .woocommerce-Address-title.title a{
  background: var(--first-theme-color);
  color: #ffffff;
  text-decoration: none;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  float: left !important;
  margin-bottom: 15px;
}
.woocommerce .posted_in {
  font-weight: 600;
  margin-top: 15px;
}
.woocommerce .posted_in a{
  background: var(--first-theme-color);
  color: #ffffff;
  padding: 5px 10px;
  text-decoration: none;
}
.woocommerce form .form-row .required {
  color: #b40505;
}
.woocommerce-privacy-policy-text a {
  color: #b83a3a;
}
.woocommerce-message::before,
td.product-name a,
a.shipping-calculator-button,
.woocommerce-info a,
.posted_in a,
code {
  color: var(--first-theme-color);
}
.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 {
  text-decoration: underline;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: var(--first-theme-color);
}
#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%;
}
.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;
}
.woocommerce .star-rating::before {
  color: #6a6666;
}
.woocommerce #comments p {
  float: left;
}
.woocommerce #reviews #comment{
  height: auto;
}
.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%;
}
.woocommerce form.login input {
  width: auto !important  ;
  border: 1px solid #bcbcbc;
}
.woocommerce form.woocommerce-form-login.login {
  display: inline-block;
}
.woocommerce form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  float: none;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}
.woocommerce #customer_login h2 {
  margin: 0;
}
/* cart page */
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  font-size: 18px;
  background: var(--first-theme-color);
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a:hover, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a:hover{
  background: #000000;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: center !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: solid 1px #dcdcdc;
  margin: 0 2.8% 2.992em 0;
  padding: 10px;
  max-width: 30% !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  background: var(--first-theme-color);
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #212529 !important;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #000000 !important;
  font-size: 22px !important;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--first-theme-color) !important;
  border-color: var(--first-theme-color) !important;
  color: #fff !important;
  padding: 9px 6px !important;
  font-size: 14px !important;
  border-radius: 100% !important;
  margin: -0.5em -0.5em 0 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  text-transform: capitalize !important;
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce .entry-summary a {
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
  margin: 0.5em 0;
}
/* social icons */
footer .socialicons{
  text-align:center;
}
footer .socialicons a{
  color: #fff;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
/*responsive menu*/
@media screen and (min-width: 320px) and (max-width: 425px) {
  #slider .carousel-caption h1 {
    font-size: 14px;
  }
  #slider .carousel-caption {
    top: 37% !important;
  }
  .topbar a {
    font-size: 15px;
    float: none;
    display: block;
  }
  #scrollbutton i {
    bottom: 85px;
  }
  .admin-bar .fixed-header {
    top: 0px !important;
  }
}
@media screen and (max-width: 551px) {
  #slider {
    margin-top: 28% !important;
  }
}
@media screen and (max-width: 720px) {
  .mainbox {
    margin-bottom: 20px;
  }
  #slider .carousel-caption h1 {
    text-align: center !important;
    margin-bottom: 10px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .page-template-custom-home-page #header {
    position: static;
  }
  #header .top_headbar {
    background: #435061;
  }
  .pagination {
    float: none;
  }
  #slider .carousel-caption,
  #slider .inner_carousel,
  .slide-button {
    text-align: center !important;
  }
  #slider .carousel-caption {
    top: 50%;
  }
  .admin-bar .fixed-header {
    top: 0px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px) {
  #sidebar {
    clear: both;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100% !important;
    float: none !important;
  }
  .toggle-menu i {
    top: 30px;
  }
  #slider img {
    height: auto !important;
  }
  .new-text .alignwide {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px) {
  .page-template-custom-home-page #header {
    position: static;
  }
  .admin-bar .fixed-header {
    top: 45px;
  }
  .related .products li {
    width: 46% !important;
    margin-right: 15px !important;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .carousel-caption {
    top: 50%;
  }
  #sidebar input[type="submit"],
  #sidebar form.search-form label {
    width: 100%;
  }
  #sidebar form.search-form label {
    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;
  }
  .toggle-menu {
    top: 20px;
  }
  #slider img {
    height: auto !important;
  }
  .new-text .alignwide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 47% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .new-text .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 30% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 1000px) {
  body.admin-bar .toggle-menu {
    margin-top: 0px;
  }
  .menubar .primary-navigation ul li,
  #navbar-header a.mail,
  #navbar-header a.call,
  #navbar-header .socialbox,
  .search-box,
  .search-form,
  .page-template-custom-front-page #header,
  #navbar-header form.search-form {
    display: block;
  }
  .primary-navigation ul li a:focus,
  .primary-navigation a,
  #navbar-header .socialbox i:hover {
    color: #000 !important;
  }
  #navbar-header .primary-navigation ul li:after,
  .search-box,
  .topbar,
  .topbar .socialbox,
  .toggle-menu {
    display: none;
  }
  #header .logo {
    text-align: left;
    float: left;
    width: 80%;
  }
  #navbar-header a.mail,
  #navbar-header a.call,
  #navbar-header .socialbox,
  .search-box {
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #eee;
  }
  #navbar-header a.mail,
  #navbar-header a.call,
  #navbar-header .socialbox,
  .search-box,
  .toggle-menu i,
  .primary-navigation ul li a,
  .menu-brand .closebtn,
  .search-box i,
  .primary-navigation ul ul a,
  #navbar-header i.fas.fa-times {
    color: #000;
  }
  #navbar-header .socialbox:last-child {
    border-bottom: none;
  }
  #navbar-header .socialbox {
    background: var(--first-theme-color);
  }
  #navbar-header a.mail i,
  #navbar-header a.call 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 0 10px;
    width: 10%;
    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;
  }
  .primary-navigation ul li a:focus {
    background: none !important;
  }
  .toggle-menu i {
    font-size: 32px;
    margin-right: 5px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
  }
  .menu-brand {
    height: 100%;
    overflow-x: hidden;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #252525;
    visibility: hidden;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
  }
  .menu-brand.show {
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .menu-brand .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20px;
    margin-left: 50px;
    display: block;
    border: none;
    background: transparent;
  }
  .fa-times:before {
    margin-left: 5px;
  }
  .toggle-menu span {
    font-size: 30px;
    cursor: pointer;
    text-align: right;
  }
  .menubar .primary-navigation ul li {
    border-top: 1px #303030 solid;
  }
  .primary-navigation ul li a {
    padding: 17px;
    display: block;
    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 li,
  .topbar {
    padding: 0;
  }
  #navbar-header {
    text-align: left;
    display: inline;
    box-shadow: 0px 0px 12px #333;
  }
  .primary-navigation ul {
    display: grid;
    margin: 0 !important;
  }
  #navbar-header,
  .primary-navigation ul ul,
  .main-menu-navigation,
  .primary-navigation .current_page_item > a,
  .primary-navigation .current-menu-item > a,
  .primary-navigation .current_page_ancestor > a {
    background: #fff;
  }
  .main-menu .menu-color {
    background: #fff !important;
    text-align: center;
  }
  .scrollbutton.center i {
    left: 44%;
    right: 50%;
  }
  .scrollbutton.left i {
    left: 18px;
  }
  .toggle-menu.fixed-header {
    position: fixed;
    width: 100%;
    left: 0;
  }
  .toggle-menu.fixed-header i {
    padding: 10px;
  }
  .fixed-header {
    position: static;
  }
  .primary-navigation a:focus,
  #navbar-header a:focus {
    outline: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
  }
  .responsive-search {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {

}
#project .mainbox img {
  width: 100% !important;
  margin-top: 21px;
}