/*
Theme Name: BWT Computer Repair Pro
Theme URI:  https://www.buywptemplates.com/themes/computer-repair-wordpress-theme/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com/
Description: Get the Computer Repair WordPress plugin from us at affordable price and this is a very good step for the startup or for any kind of established business related to the Computer Repair or precious or semi-precious metals that include gold and diamonds. One of the best things about this plugin is that it is responsive to the core apart from being multipurpose and all this a significant choice to take the Computer Repair business on the path of global expansion. With significant features like CTA, Bootstrap framework, interactive nature as well as clean code, Computer Repair WordPress plugin is a preferred choice for making the gift shop or a Computer Repair store with the potential to grow. The best part of this WP plugin is that it can be used for any type of online store and not just related to Computer Repair. It is also good for the online store for fashion.
Version: 0.0.1
Requires at least: 5.4.2 
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: bwt-computer-repair-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
BWT Computer Repair Pro WordPress Theme has been created by Buywptemplates(buywptemplates.com), 2024.
BWT Computer Repair Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root{
  --color-white:#ffffff;   --color-body-bg:#f4f3f9;  --color-body-6c:#6c6c6c;  --color-black-0:#000000; --color-black-0:#000000;  --color-black-22:#222222;  --color-black-12:#121212;   --color-7f:#7f8391;  --color-hi-23:#23cfca;  --color-e1:#e1e1e1;  --color-33:#333333;   --color-7c:#7c818c;  --color-b3:#b3b3c0; --color-15:#151414; --color-e4:#e4e3ed; --color-d2:#d2d1dd;
}
:root{
  --font-robot:"Roboto";  --font-fira:"Fira Sans";  --font-Heebo:'Heebo', sans-serif;  --font-Muli:"Muli";  scroll-behavior: auto !important;
}
html body,img{
  margin:0; 
  padding:0; 
}
html body{
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:var(--color-body-bg); 
  position:relative; 
  font:300 15px var(--font-fira);
  color: var(--color-body-6c);
  overflow-x: hidden;
}
label {
  margin-bottom: 0 !important;
}
img{
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;  
  color:var(--color-black-0);
}
p{
  margin:0 0 15px; 
  padding:0;
  font:300 15px var(--font-Heebo);
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:var(--color-black-22);
}
body a,a:hover,a:focus,a:hover{
  text-decoration:none !important; 
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #fff;
  background-color: var(--color-hi-23);
}
blockquote:before,blockquote:after{
  display: block;
  font-size: 100px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: var(--color-black-12);
}
blockquote:before {
  content: "\f373";
}
blockquote:after {
  content: "\f373";
}
blockquote cite {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input:focus,select:focus,textarea:focus{
  outline: none;
}
select,input[type=date],input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  font-size:16px;
  padding:15px 20px; 
  margin:10px 0 10px 0;
  height:auto;
  width: 100%;
  background: #f2f6f8;
  border-radius: 2rem;
  border: none;
  box-shadow: 0px 7px 5px rgb(0 0 0 / 11%);
}

section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select,input[type=date]{
  margin: 15px 0 10px 0 !important;
  color: #5d5d5dfa;
}
input[type="submit"] {
  padding: 18px 20px;
  font-weight: bold;
  color: var(--color-white) !important;
  background: var(--color-hi-23);
  margin-top: 0px !important;
  border-radius: 2rem;
  border: none;
  box-shadow: 0px 7px 5px rgb(0 0 0 / 11%);
}
input[type="submit"]:hover{
  cursor: pointer;
  border-radius: 10px;
}
textarea {
  height: 80px;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.wp-caption-text,.wp-caption,.gallery-caption,.bypostauthor{
  margin:0;
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft,.alignright, img.alignright{
  display: inline; 
  margin:4px 20px 10px; 
  padding:5px;
  border: 1px solid #cccc;
}
.alignleft,img.alignleft{
  float: left; 
}
.alignright, img.alignright { 
  float: right; 
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
  border: 1px solid #cccc;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
.button-theme{
    font:600 13px var(--font-fira);
  letter-spacing: 0px;
  color: var(--color-white) !important;
  background-color: var(--color-hi-23);
  border-radius: 30px;
}
.small-title:hover,#our-services .services-content:hover .link-title,#about-us .about-text a:hover{
  border-radius: 5px;
}
.button-theme:hover,#our-products .product-content:hover .onsale,#our-features .features-content:hover,#pricing-plan .plan-image-box a:hover,#testimonial-video .testimonial:hover .test-heading{
  border-radius: 10px;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--color-white);
  color: var(--color-black-0);
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: var(--color-7f);
}
.widget_calendar td,.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: var(--color-7f);
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  color: var(--color-white);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
   background-color: #bbb;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: #686868;
  color: var(--color-7f);
}
.widget th,.widget td {
  padding: 0.5384615385em;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: var(--color-7c);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left : 8px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--color-white);
  top: 5px;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  margin-bottom: 20px;
  color: var(--color-black-0);
  padding: 0 0 10px;
  letter-spacing: 3px;
}
section h3 {
  font-size: 35px;
  letter-spacing: 2px;
  color: var(--color-black-22);
  font-weight: 500;
  padding: 0;
      
}
section h4{
  color:var(--color-black-0); 
  font-size:20px;
}
section h5{
  color:var(--color-33); 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
.main_title h2{
  font-size: 28px;
  color: var(--color-black-0);
  font-weight: bold;
  letter-spacing: 2px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--color-7c);
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  border:2px solid var(--color-7c);
  border-radius: 50%;
  padding: 12px 12px;
}
/* --------- search Page ------- */
.postbox h6,.page-content h4{
  font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font-size: 18px;
  color: #716d6d;
  line-height: 28px;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.metabox {
  color: var(--color-black-0);
  clear: both;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-author a,.logged-in-as a{
  color: var(--color-black-0);
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  float: left;
  margin-bottom: 17px;
}
#comment-nav-above .nav-links,.post-featured img {
  width: 100%;
}
.authordetails .author_links{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  font-style: italic;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a i {
  background-color: var(--color-black-0);
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: var(--color-black-12);
  color: var(--color-white) !important;
  border: 1px solid var(--color-black-12);
}
.navigation span.page-numbers.current{
  background-color: var(--color-white)fff;
  border: 1px solid var(--color-black-12);
  color: var(--color-black-0) !important;
}
.bradcrumbs a{
  background:var(--color-black-22); 
  color:var(--color-white);
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover {
    color: #fff;
}
.bradcrumbs span{
  background:#dddddd; 
  color:var(--color-black-0);
  padding:5px 15px;
}
iframe {
  width: 100%;
}
/* ---------- Spinner ------------ */
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-hi-23);
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.loading-lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
.loading-lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.loading-lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-white);
  margin: -4px 0 0 -4px;
}
.loading-lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.loading-lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.loading-lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.loading-lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.loading-lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.loading-lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.loading-lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.loading-lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.loading-lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.loading-lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.loading-lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.loading-lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.loading-lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.loading-lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.loading-lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.loading-lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------- Sidebar -----------------*/
#sidebar td#prev a,#sidebar caption,#sidebar td,#sidebar th,#sidebar select{
 color: var(--color-body-6c);
}
#sidebar caption {
 font-weight: bold;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid var(--color-e1);
}
#sidebar td {
 padding: 7px;
}
#sidebar th {
 padding: 5px;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px var(--color-e1);
 background: transparent;
}
#sidebar form,#sidebar table,#sidebar th,#sidebar td,#sidebar th{
 text-align: center;
}
#sidebar h3 {
  font-size: 24px;
  color: var(--color-black-22);
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:var(--color-body-6c);
 border: solid 1px var(--color-e1);
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :var(--color-black-12);
 color:var(--color-white) !important;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid var(--color-black-12);
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-size: 15px;
  border-bottom: 1px solid var(--color-e1);
  padding: 10px 0;
}
#sidebar ul li:last-child
{ 
  border:none;
}
#sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-size: 15px;
}
#sidebar .tagcloud a{
 border: solid 1px var(--color-e1);
 color:var(--color-body-6c);
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#111;
 color: var(--color-white);
}
.single-post-content p{
  font-size: 18px;
  color: #6f6c6c;
  line-height: 28px;
}
/*------------- Page -----------------*/
.title-box{
  color:var(--color-white);
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  color: #fff;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 4%;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #24272e;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  padding-left: 15px;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: var(--color-33); 
  color:var(--color-white);
  font-weight:normal;
}
.navigation{
  padding-bottom: 30px;
}
.pagination a:hover{
  background-color: #24272e !important;
}
/* ------------- Category --------------------*/
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li{
  display: inline-block;
}
ul.post-categories li:after{
  content: ' ,';
}
ul.post-categories li:last-child:after{
  content: '';
}
ul.post-categories a {
  color: var(--color-33);
}
.content_boxes {
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep{
  font-weight: bold;
}
.post_tag a:after{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after{
  content: "";
}
/*------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: var(--color-white);
  background-color: var(--color-33);
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
/*------------Commen css-----------------*/
.small-title{
  font:600 12px var(--font-fira);
  letter-spacing: 1px;
  color: var(--color-white);
  background-color: var(--color-hi-23);
  border-radius: 30px;
  padding: 9px 10px 8px;
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  text-align: center;
  margin-bottom: 0;
}
.services-text,.team-text,.process-text,.news-text{
  font:400 15px var(--font-fira);
  letter-spacing: 0px;
  line-height: 24px;
  color: var(--color-b3);
}
h3:after{
  content: "";
  width: 50px;
  height: 3px;
  background-color: var(--color-hi-23);
  display: block;
  margin-top: 10px;
}
.owl-nav {
  position: absolute;
  top: -30%;
  left: auto;
  right: 8%;
}
.owl-next {
  left: 37px;
}
.owl-nav i {
  font-size: 12px;
  color: var(--color-d2);
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 2px solid var(--color-d2);
  border-radius: 50%;
  padding: 11px 13px;
  outline: none;
}
.owl-nav i:hover{
  background-color: var(--color-hi-23);
  border: 2px solid var(--color-hi-23);
  color: var(--color-white);
}
.our-services-head h3,.about-us-head h3,.our-projects-head h3,.pricing-plan-head h3,.our-product-head h3,.why-choose-us-head h3,.our-team-head h3,.appointment-head h3,.our-process-head h3,#newsletter h3,.latest-news-head h3{
  font:700 30px var(--font-fira);
  letter-spacing: 1px;
}
#testimonial-video .test-heading,#latest-news .news-info,#latest-news .news-info .news-date span,#latest-news .news-info .news-link,.news-link,.newsletter-form h4,#our-process .process-box span,#our-process .process-box i,#our-process .process-box .process-icon,#our-process .process-box p,#pricing-plan .plan-image-box,#our-services .link-title,#our-services .services-box,#our-features .features-content p,#our-features .features-content h5 a,#our-features .features-content img.hover-icons,#our-features .features-content img.hover-icons,#our-features .features-content,#our-features .features-content img.hover-icons,#our-features .features-content img.main-icons{
  transition-duration: 1s;
}
/* -------------- Our Services ---------------- */
#our-services .services-box{
  border:4px solid var(--color-e4);
  padding: 20px;
  position:relative;
  padding-top: 30%;
  top: -92px;
  background-color: var(--color-white);
}
#our-services .services-box h4 span{
  font:500 18px var(--font-fira);
  letter-spacing: 1px;
  color: #232323;
}
#our-services .link-title{
  font:600 12px  var(--font-fira);
  letter-spacing: 1px;
  color: var(--color-b3);
  background-color: var(--color-e4);
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: max-content;
}
#our-services .services-content img{
  position: relative;
  z-index: 999;
} 
#our-services .services-content:hover .services-box{
  border-color: var(--color-hi-23);
}
#our-services .services-content:hover .link-title{
  background-color:var(--color-hi-23);
  color: var(--color-white); 
}
#our-services .our-services-head .small-title{
  width: 115px;
  left: -41px;
  top: 36px;
}
#our-services .our-services-head .services-text{
  color: var(--color-b3);
  max-width: 60%;
}
#our-services .our-services-head h3{
  color: var(--color-15);
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--color-hi-23) !important;
  border-radius: 0;
  padding: 10px 14px;
  color: var(--color-white) !important;
  border-radius: 5px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--color-hi-23) !important;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
  border-radius: 5px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #24272e !important;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select,#service-banner{
  background-color: var(--color-white); 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3{
  font-family: var(--font-fira);
  color:var(--color-black-22);
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-content .form-row{
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
  border:2px solid var(--color-black-22);
  margin-left: 0;
  max-width: 71%;
}
.woocommerce .woocommerce-MyAccount-content .form-row{
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
  border:2px solid var(--color-black-22);
  margin-left: 0;
  max-width: 71%;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  border-bottom:2px solid var(--color-black-22);
  padding: 10px 25px 10px 15px;
  background-color: transparent;
  box-shadow: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child{
  border: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: var(--font-robot);
}
.woocommerce form .form-row.woocommerce-invalid label{
  color:#8fa3aa;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:var(--color-white);
}
.woocommerce .form-row{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}
.woocommerce #order_review table th{
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}
/*.woocommerce div.product div.images img{
  width: auto !important;
}*/
#single-product-page{
  padding-top: 40px;
}
.woocommerce-Tabs-panel p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #a7a9ac;
  font-family: var(--font-robot);
  font-weight: 500;
  margin-bottom: 0;
}
.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: var(--color-black-22);
  font-family: var(--font-Muli);
  font-weight: 800;
}
#primary {
  padding-top: 30px;
}
.woocommerce .woocommerce-breadcrumb a,.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-result-count{
  font:500 14px var(--font-fira);
  letter-spacing: 1px;
  color: var(--color-black-22);
}
.woocommerce .woocommerce-ordering select{
  background-color: var(--color-black-22);
  color:var(--color-white);
  border-radius: 5px;
}
.shop-page ul.products li.product .onsale,.woocommerce ul.products li.product .onsale{
border-radius: 0;
    padding: 0 3px;
    font-size: 14px;
    left: 0;
    right: auto;
    width: 55px;
    height: 45px;
}
.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: var(--color-black-22) !important;
}
.woocommerce nav.woocommerce-pagination ul{
  border:none;
}
.woocommerce nav.woocommerce-pagination ul li{
  margin-right: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  color:var(--color-white) !important;
  background-color: var(--color-hi-23) !important;
}
.woocommerce-page ul.products li.product:hover .onsale,.woocommerce-page ul.products li.product:hover .add_to_cart_button.ajax_add_to_cart{
  background-color: var(--color-black-22);
  color:var(--color-white);
}
.woocommerce-page ul.products li.product:hover .price{
  color: var(--color-black-22);
}
.woocommerce-page ul.products a.added_to_cart{
  display: inherit;
  font:700 14px  var(--font-fira);
  letter-spacing: 1px;
  color: var(--color-black-22);
  text-align: center;
}
.woocommerce span.onsal{
  border-radius: 0;
  padding: 0px 10px;
  font-size: 10px;
  left: 0;
  right: auto;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.woocommerce div.product p.price ins{
  text-decoration: none;
}
.woocommerce-message{
  border-color:var(--color-hi-23) !important;
}
.woocommerce-message::before{
  color: var(--color-hi-23) !important;
}
.woocommerce-message,.woocommerce .product_meta span{
  font:500 14px var(--font-fira);
  letter-spacing: 1px;
  color: var(--color-black-22);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background-color: var(--color-hi-23) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background-color: #000;
  margin: 0px 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--color-white) !important;
}
.woocommerce .related{
  padding-top: 30px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label,.woocommerce table.shop_table td,.woocommerce .woocommerce-error,.woocommerce table.shop_table th,.woocommerce .woocommerce-cart-form__cart-item a,.woocommerce .woocommerce-cart-form__cart-item td{
  color:var(--color-black-22);
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label{
  display: inline-block !important;
}
.shop-page ul.products li.product a img{
  width: auto !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul .is-active a{
  color: var(--color-hi-23);
}
.shop-page .added_to_cart,#single-product-page .added_to_cart{
  background-color: var(--color-hi-23) !important;
  border-radius: 0;
  padding: 5px 14px !important;
  color: var(--color-white) !important;
  border-radius: 5px;
  display: inline-block !important;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product,.woocommerce.columns-3 ul.products li.product,.woocommerce ul.products li.product .button,.woocommerce .shop-page ul.products li.product,.woocommerce #single-product-page ul.products li.product{
  text-align: center;
}
.woocommerce ul.products li.product .button{ margin-bottom: 1em; }
.woocommerce-mini-cart__total strong,.woocommerce-mini-cart__total .amount,.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a,.woocommerce ul .quantity{
  color: #fff;
}
.alert.alert-minimalist img {
    width: 50px;
    position: absolute;
}
.alert.alert-minimalist {
    background-color: rgb(255, 255, 238);
    border-color: var(--color-hi-23);
    border-radius: 3px;
    color: rgb(149, 149, 149);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
    padding: 10px;
    z-index: 1000000 !important;
}
.prod-title{
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding-left: 62px;
}
.prod-messg{
  font-size: 13px;
  font-weight: 500;
  color: #5c5959;
  padding-left: 62px;
  margin-top: 10px;
}
/*----------------- Product Star Rating--------------*/
.woocommerce ul.products li.product .star-rating{
 color: #fec806;
 margin: 0 auto;
 display: block;
 float: none;
 overflow: hidden;
 position: relative;
 height: 1.7em;
 line-height: 1;
 font-size: 1em;
 width: 66%;
 font-family: star;
}
.star-rating{
  color: #ffca04;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-bottom: 13px;
  margin-top: 5px;
}
.woocommerce .star-rating::before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left:0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.woocommerce .star-rating span::before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}
.shop-page .star-rating span::before{
  left: 46px !important
}
.shop-page .star-rating::befores{
  left: 46px !important
}
/* ----------- Unit Testing ------------- */
.outer_dpage table{
  text-align: center;
}
.outer_dpage table th{
  text-align: center;
}
/*---------- ACCESSIBILITY ------------*/
/* 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;
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 clip-path: none;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}
a:focus{
  /*outline: thin dashed;*/
}
/*------------------ Comments BOX ------------------*/
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font-size: 16px;
  letter-spacing: 0px;
  color: var(--color-black-22);
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments .commentmetadata a:hover{
  color: var(--color-black-22);
}
#comments h2.comments-title{
  padding-bottom: 20px !important;
}
#comments .comment-awaiting-moderation{
  padding-top: 8px;
  display: inline-block;
}
.short-projects .comments-area{
  display: none;
}
.bwt-fixed{
  background-attachment: fixed;
}
.bwt-scroll{
  background-attachment: scroll;
}
/*.small-title
{
  position: relative !important;
}*/
#about-us .about-us-head .small-title {
    width: 110px;
    left: -45px !important;
    top: 38px;
}
/*-------------------Team--------------------*/
#our-team .our-team-head h3{
  color: var(--color-15);
}
#our-team .team-text{
  color: var(--color-b3);
  max-width: 65%;
}
#our-team .small-title{
  width: 128px;
  left: -50px;
  top: 36px;
}
#our-team .team-title,#about-page .team-title{
  font:600 20px var(--font-fira);
  letter-spacing: 0px;
  color: var(--color-15);
  position: relative;
}
#our-team .team-title:before,#about-page .team-title:before{
  content: "";
  width: 40px;
  height: 3px;
  background-color: var(--color-hi-23);
  display: inline-block;
  position: absolute;
  bottom: -15px;
}
#our-team .team-content span,#our-team .team-content p,
#about-page .team-content span,#about-page .team-content p{
  font:500 13px var(--font-fira);
  letter-spacing: 0px;
  color: var(--color-b3);
}
#our-team .team-content span,#about-page .team-content span{
  font-weight: 600;
}
#our-team .team-content p i,#about-page .team-content p i{
  padding-right: 8px;
}
#our-team .social-icons i,#about-page .social-icons i{
  color: #adadbd;
  font-size: 14px;
  padding-right: 13px;
}
#about-page .social-icons i{
  padding-right: 20px;
}
#our-team .team-info,#about-page .team-info{
  align-items: center;
}
#our-team .team-box,#about-page .team-box{
  border-top: 3px solid var(--color-d2);
  border-bottom: 3px solid var(--color-d2);
  border-right: 3px solid var(--color-d2);
}
#our-team .team-content:hover .team-box,#about-page .team-content:hover .team-box{ 
  border-color: var(--color-hi-23);
}
#our-team .team-content:hover .team-box p i,
#about-page .team-content:hover .team-box p i,#about-page .team-content .social-icons a:hover i{
  color: var(--color-15);
}
#our-team .social-icons i{
  width: 40px;
  height: 40px;
  line-height: 32px;
  border: 3px solid transparent;
  transition-property: transform;
  -moz-transition-property: -moz-transform;
  -webkit-transition-property: -webkit-transform;
  transition: all .6s cubic-bezier(.88,-.48,.38,1.85);
  border-radius: 50%;
  padding: 0 10px;
  /*margin-top: 3px;*/
}
#our-team .social-icons a i:hover {
    opacity: 1;
    border-radius: 20%;
}
#our-team .social-icons a:hover i {
    transition: .6s ease-in;
    background: var(--color-hi-23);
    color: #fff;
    border: 3px solid #22e3df;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
/*-------------Loader-------------------*/

.loading-screen{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.logo{
  width: 200px;
}

.loading-bar{
  width: 250px;
  height: 6px;
  background: #e8e9f3;
  margin-top: 22px;
  position: relative;
  overflow: hidden;
}

.loading-bar::before{
  content: "";
  width: 125px;
  height: 8px;
  background: var(--color-hi-23);
  position: absolute;
  left: -34px;
  animation: pinkbar 1.5s infinite ease;
}
.post_pic_inner img {
    width: 100%;
}