/*
Theme Name: Bicycle Repair Shop
Theme URI: https://www.theclassictemplates.com/products/free-bicycle-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Bicycle Repair Shop is a specialized and inviting online haven crafted especially for bike enthusiasts and repair services alike. This theme establishes a visually engaging and user-friendly digital space, serving as a central hub for all things related to bicycles, bikes and repairs. The theme can is perfect for Bike Shop, Cycling Repairs, Bicycle Service, Bike Maintenance, Cycling Store, Bicycle Workshop, Repair Services, Bike Parts, Bike Mechanic, Cycling Equipment, Bicycle Accessories, Bike Shop Management, Repair Shop, Cycling Business, Bicycle Store. Its contemporary and well-organized layout provides a welcoming showcase for a diverse array of bicycle related products and repair services. Tailored to cater to both professional bike mechanics and dedicated cyclists, the Bicycle Repair Shop Theme creates an ideal online destination for those deeply immersed in the world of bikes. With an intuitively designed interface, users can effortlessly navigate through the platform, exploring and accessing information about bicycle services and products with ease. More than just a website template, the Bicycle Repair Shop WordPress Theme embodies the spirit of cycling culture. It offers a dynamic online presence for businesses and individuals profoundly connected to the bike world. Whether users are in search of repair services or are avidly exploring the latest cycling trends, the theme provides a comprehensive and enjoyable experience. This makes it the perfect choice for anyone enthusiastic about bicycles, seamlessly merging functionality and aesthetics to create an immersive digital space for the cycling community.
Version: 1.2.3
Tested up to: 6.6
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bicycle-repair-shop
Tags: blog, e-commerce, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, portfolio, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bicycle Repair Shop WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Bicycle Repair Shop WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  font-size:14px;
  color: #0f1010;
  font-family: 'Unbounded', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  color:#2b2b2b;
  text-decoration:none;
  word-wrap: break-word;
}
a:hover{
  color:#2b2b2b;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
.entry-content a, .contentsecwrap a{
  text-decoration: underline;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:#0f1010 ;
  line-height:1.2;
  font-weight:600;
  word-wrap: break-word;
  font-family: 'Unbounded', sans-serif;
  letter-spacing: 2px;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
h2#reply-title {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
p{
  color:#0f1010;
  font-weight: 500;
  line-height: 1.6;
}
.boxlayout{
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  box-shadow: 0 -8px 8px #8e8e8e;
}
/*post formate*/
.format-gallery .wp-block-gallery, .format-video figure{
  margin-bottom: 15px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.main-nav a:focus{
  border:2px solid #000;
  outline: none;
}
.main-nav ul ul a:focus, .main-nav ul.sub-menu li a:focus{
  border:2px solid #000;
  outline: none;
}
input:focus{
  border:2px solid #0f1010;
}
.textwidget p a,.entry-content p a,.entry-summary a{
  text-decoration: underline !important;
}
.comment-content p a, .description p a {
  text-decoration: underline !important;
}
/* = wide block css
-------------------------------------- */
/*.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}*/
.single-post .alignfull, .single-post .alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*block css*/
.site-main .alignfull, .site-main .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
.site-main .alignfull img{
  width: 100% !important
}
.site-main .alignnone, .site-main .aligncenter{
  width: auto !important;
}
.site-main .alignleft{
  margin-right: 10px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover,
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: #565555 ;
  color: #fff !important;
}
.postsec-list .wp-block-button.is-style-squared a, .site-main .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
  background: #555555;
  color:#fff !important;
  border-radius: 30px;
  font-weight: 500 !important;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid #555555 !important;
  color: #555555;
}
.site-main img.alignleft, .site-main .alignleft, .site-main img.alignright, .site-main .alignright,
.postsec-list img.alignleft, .postsec-list .alignleft, .postsec-list img.alignright, .postsec-list .alignright{
  border:none;
}
.tags a {
  text-decoration: none!important;
  font-weight: 400;
  color: #fff !important;
  background: #555555;
  box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  border-radius: 5px;
  font-size: 15px;
}
.tags a:hover{
  background-color: #0f1010;
  color: #fff !important;
}
/*scroll to top*/
#button{
  background: #555555;
  color: #fff;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 60px;
  padding-top: 22px;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}
/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/*sticky header*/
.page-template-template-home-page .header.main.sticky-head,.main.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 99999;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  background-color: #fff;
  padding: 10px 30px;
}
.admin-bar .page-template-template-home-page .header.main.sticky-head,.admin-bar .main.sticky-head{
  top: 24px;
  background-color: #fff;
}
.sticky-head .toggle-nav{
  text-align: center !important;
  box-shadow: none;
}
.toggle-nav.mobile-stick.is-sticky-on.main.sticky-head{
  position: static;
}
.page-template-template-home-page .header.main.sticky-head p.site-title a, 
.page-template-template-home-page .header.main.sticky-head span.site-description, 
.page-template-template-home-page .header.main.sticky-head .main-nav a{
  color:#0f1010;
}
/* = top header css
-------------------------------------- */
.catwrapslider .owl-carousel .owl-stage-outer {
  background: #0f1010;
}
.header-top{
  background-color: #101010;
  padding: 10px;
}
.header-top span {
  color: #0f1010;
  font-size: 15px;
  display: inline-block;
}
.info-box a{
  color: #fff;
  font-size: 14px;
  display: inline-block;
  padding: 5px;
}
.page-template-template-home-page h1.site-title a:hover,.sliderbox h1 a:hover, #product_cat_slider h3 a:hover{
  color: #555555;
}
.header-top .info-box a.phn {
    margin-right: 55px;
    margin-left: 35px;
}
.info-box i{
  margin-right: 5px;
}
.prod-btn .topbar-text, .prod-btn .header-btn a{
  color:#fff;
  text-transform: uppercase;
}
.prod-btn .topbar-text{
  border-right: 1px solid #fff;
}
.prod-btn .topbar-text, .prod-btn .header-btn a{
  font-size: 12px;
}
/*----------------- SEARCH POPUP ----------------*/
.search-box{
  text-align: right;
}
.header .woocommerce-product-search {
  background-color: #555555;
  border-radius: 30px;  
  padding: 5px 15px;
  display: inline-flex;
}
.header button[type="submit"]{
  padding: 10px 25px;
  background: url(images/search.png) no-repeat scroll 20px;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}
.header input[type="search"]{
  border: none;
  padding: 10px;
  background: transparent;
  color:#fff;
}
.page-template-template-home-page p.site-title a,
.page-template-template-home-page span.site-description,
.page-template-template-home-page .main-nav a{
  color: #fff !important;
}
h1.site-title, p.site-title{
  font-size: 27px;
  margin-bottom: 5px;
  font-weight: bold;
  letter-spacing: 2px;
}
h1.site-title a {
  color: #0f1010;
}
h1.site-title a:hover {
  text-decoration: unset;
}
span.site-description{
  font-size: 13px;
}
.page-template-template-home-page .header{
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #555555;
}
/* = menus css */
.main-navigation{
  background-color: #faf8f4;
  padding: 10px 0;
}
#mySidenav {
  display: inline;
}
.main-nav ul {
  margin: 0;
  padding: 0;
}
.main-nav li {
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #0f1010;
  padding: 10px 15px;
  font-size: 12px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.main-nav .sub-menu a{
  color:#141414;
}
.main-nav .menu-item-has-children > a::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
  transform: translateY(-50%) rotate(0deg);
}
.page-template-template-home-page .main-nav ul ul a:hover {
  color: #555555;
}
.page-template-template-home-page .main-nav a:hover {
  color: #fff;
}
.main-nav a:hover {
  color: #0f1010;
}
.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
}
.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}
.main-nav ul ul a {
  color: #1f1f1f;
  border: none;
  padding: 10px;
  margin-top: 5px;
}
.main-nav ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #f1f1f1;
}
.main-nav li ul {
  border-top: 3px solid #555555 !important;
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
  background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  opacity: 1;
}
.main-nav ul li:hover > ul {
  opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
ul.sub-menu ul.sub-menu {
  left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu {
  left: -9999px;
}
.toggle-nav,
a.close-button {
  display: none;
}
/*page css*/
.page-header {
  margin-bottom: 20px;
}
.page-header h1{
  color: #0f1010;
  margin-bottom: 10px;
  font-size: 35px;
  word-wrap: break-word;
}
.page-header span, .page-header span a {
  font-size: 18px;
  word-wrap: break-word;
  display: inline;
}
/* = slider section css
-------------------------------------- */
.slidesection img{
  object-fit: cover;
  height: 700px;
}
#slider .content{
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #efebe5;
}
#slider .title-slider{
  font-size: 48px;
}
#slider .overlayer{
  height: 100%;
  width: 100%;
  opacity: 0.2;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.sliderbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 50%;
  z-index: 9999;
}
.sliderbox h1 a{
  color: #fff;
}
.sliderbox p{
  color:#fff;
}
#slider p.text-slider{
  line-height: 1.8;
}
.sliderbox h1 a{
  text-transform: uppercase;
  color:#fff;
  font-size: 34px;
}
.redmor:hover{
  background-color:#555555 !important;
  color: #fff !important;
}
.redmor{
  border-radius: 30px;
  font-size: 12px;
  display: inline-block;
  font-weight: 600;
  padding: 10px 22px;
  color: #0f1010;
  background-color: #fff;
}
#slider .owl-controls{
  position: absolute;
  top: 50%;
  right:auto;
  left:auto;
  width:100%;
}
#slider .owl-prev,
#slider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  top: 45%;
  font-size:40px;
  right:auto;
  background: transparent;
  color: #fff;
}
#slider .owl-prev:hover,
#slider .owl-next:hover{
  color: #ff9a51;
}
#slider .owl-prev{
  left:3%;
  right: auto;
}
#slider .owl-next{
  right:6%;
  left:auto;
}
button.owl-next span, button.owl-prev span{
  position: absolute;
  background: #fff;
  font-weight: 600;
  color: #555555;
  border-radius: 50%;
  font-size: 35px;
  width: 50px;
  height: auto;
}
button.owl-prev span:hover, button.owl-next span:hover{
  background:#555555;
  color: #fff !important;
}
.owl-prev,
.owl-next {
  padding: 18px;
  border:none !important;
}
.owl-carousel .owl-nav.disabled{
  display: block !important;
}
.sliderbtn{
  text-align: center;
}
/* = product css
-------------------------------------- */
#product_cat_slider a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none;
}
#product_cat_slider .product-image img{
  width: 300px;
  height: 220px;
  object-fit: cover;
}
#product_cat_slider h3 a{
  font-size: 18px;
  color: #000;
  letter-spacing: 1px;
}
#product_cat_slider h2{
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 1px;
}
.product-head-box p{
  color:#000;
  font-size: 13px;
}
.box-content .price{
  font-size: 14px;
  color:#555555;
}
/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.postsec-list .search-form input.search-submit{
  background-color: #555555;
  color: #fff;
  border: 2px solid #555555;
}
.contentsecwrap{
  padding:35px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
#sidebar aside.widget{
  padding: 20px;
  border-radius: 5px;
}
.listarticle{
  border-radius: 5px;
}
.listarticle h2 a{
  color: #0f1010;
  font-size: 28px;
  text-decoration: none;
  word-wrap: break-word;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:15px 0;
}
.nav-links .page-numbers{
  background-color: #0f1010;
  color: #fff;
  padding:10px 15px;
  text-decoration: none;
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  border:1px solid #555555;
    color: #555555;
    background:none;
}

/* label css
---------------------------------------------- */
label{
  margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
  width: 100%;
}
aside.widget ul, .entry-summary li{
  list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
  margin-left: 0;
  margin-right: 0;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
nav.navigation.pagination {
    margin: 30px auto;
}
main#maincontent {
    margin-top: 2em;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #555555;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #555555;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
input.search-submit{
  background-color: #555555;
  color: #fff;
  border:none;
  padding: 16px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
#sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
#sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
  color: #0f1010;
}
#sidebar ul li::before {
  color: #555555 !important;
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  margin-left: 2px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
  color: #0f1010;
  text-decoration: none;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
  color: #555555 ;
}
#sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid #555555;
    margin-bottom: 30px;
}
#sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
  padding: 3px 15px 5px 13px;
}
#sidebar .widget_nav_menu ul li a{ 
  line-height: 2.5;
}
/*Clearing floats css*/
.page-links {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin:20px auto;
}
.page-links a, .page-links span{
  padding: 10px 15px;
  background-color: #555555;
  color: #fff;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: #0f1010;
  color:#fff;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar caption {
    background: #555555 none repeat scroll 0 0;
    color: #fff;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: #555555 none repeat scroll 0 0;
    color: #fff;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid #555555;
    color: #555555;
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
  border: 1px solid #ddd;
  padding: 5px;
  color:#252525;
}
#footer td, #footer th{
  color: #fff;
}
select {
    width: 100%;
    padding: 5px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff !important;
  padding: 5px;
  font-weight: 500;
}
.tagcloud a:hover{
  background-color: #555555;
  border-color: #555555 !important;
  color: #fff !important;
}
/*footer*/
#footer {
  background: #121212 none repeat scroll 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}
#footer a:hover, #footer h6{
  color: #fff !important;
}
#footer aside{
  padding: 20px;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}
#footer ul li::before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}
#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}
#footer a,
#footer p {
  color:#fff;
}
#footer a:hover, #footer h6, #sidebar .widget-title {
  color:#555555 !important;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 30px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 30px;
}
.postsec-list article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
/* = Footer css
------------------------------------------- */
#footer input.search-submit {
  background: #555555;
  color: #fff;
  border: none;
  padding: 10px;
}
#footer{
  background-color: #0f1010;
  color: #ffffff;
}
.ftr-4-box{
  width:21%;
  float:left;
  margin:0 4% 2% 0;
  box-sizing:border-box;
  padding:20px;
}
.widget-column-4 {
  margin-right:0px !important;
}
.ftr-4-box h5{
  font-size:25px;
  color:#fff !important;
  margin-bottom:0;
  border-bottom:1px solid #303030;
  padding-bottom:15px;
}
.ftr-4-box h5 span{
  font-weight:300;
  color: #3dd4e5;
}
.ftr-4-box ul{
  margin:0;
  padding:0;
  list-style:inside disc;
}
.ftr-4-box ul li {
  display:block;
  padding:6px 0;
  border-bottom:1px solid #303030;
}
.ftr-4-box ul li a,.ftr-4-box a.readmore span {
  color:#ffffff;
}
.ftr-4-box p{
  margin-bottom:15px;
}
#footer select{
  height: auto;
}
.copywrap {
  font-size: 18px;
  padding: 14px 10px !important;
  background-color: #555555;
}
.copywrap p, .copywrap p a{
  color:#fff !important;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
}
.entry-content .tags a{
  color:#fff !important;
}
/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
  .page-template-template-home-page .header{
    position: static !important;
  }
  .slider-box h3 {
    font-size: 20px;
  }
  .slider-box {
    right: 10%;
    left: 10%;
    text-align: center;
  }
  h1.site-title{
    font-size: 28px;
  }
}

/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100%;
  }
  .info-box a{
    font-size: 12px;
  }
  .search-box{
    text-align: center;
  }
  #slider p{
    display: none;
  }
  #slider .title-slider{
    font-size: 22px;
  }
  .page-header h1, .sliderbtn{
    text-align: center !important;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top:0;
  }
  .logo, .toggle-nav{
   text-align: center;
  }
  #slider .content{
    height: 250px;
  }
  .redmor, .cont-us{
    padding: 10px 24px;
  }
  .sliderbox{
    left: 25%;
    right: 20%;
  }
  .sidenav .close-button{
    margin-bottom: 20px !important; 
  }
  .page-template-template-home-page.admin-bar .sidenav{
    margin-top: 44px;
  }
  .slider-img-color, .slidesection img{
    height: 300px !important;
  }
  .header-top .info-box a.phn, .info-box span, .info-box{
    margin: 0;
    text-align: center;
  }
  .info-box{
    clip-path: none;
  }
  #slider .owl-prev{
    left: 0%;
  }
  #slider .owl-next{
    right: 12%;
  }
  .page-template-template-home-page p.site-title a, .page-template-template-home-page span.site-description{
    color:#000;
  }
  .page-template-template-home-page p.site-title{
    margin-bottom: 0;
  }
  .header.main-stick.is-sticky-on.main.sticky-head{
    position: static !important;
    padding: 0;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top: 0;
  }
  .prod-btn .topbar-text{
    border:none;
  }
  .info-box, .prod-btn .topbar-text, .prod-btn .header-btn a{
    margin-bottom: 5px;
  }
  .sliderbox h1 a{
    font-size: 15px;
    line-height: 1;
  }
  .toggle-nav.mobile-stick.is-sticky-on.main.sticky-head{
    position: fixed;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
  }
  .ftr-4-box, .header .woocommerce-product-search{
    width: 100%;
  }
  .header .woocommerce-product-search{
    padding: 5px 3px;
  }
  .topbar-text {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header button[type="submit"]{
    background: url(images/search.png) no-repeat scroll 2px;
  }
  .header input[type="search"]{
    padding:5px;
  }
  tr.wc-block-cart-items__row {
  gap: 0.4em;
  }
  td.wc-block-cart-item__total{
  padding-left: 0px !important;
  }
  li.wc-block-grid__product{
  max-width:100% !important;
  float:none;
  }
  .boxlayout{
    width: 290px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #slider .title-slider {
    font-size: 35px;
  }
  .is-sticky-on.mobile.sticky-head{
    top: 40px;
  }
  .slider-box {
    left: 10%;
    right: 35%;
  }
  .admin-bar #mySidenav{
    margin-top: 42px;
  }
  .sliderbox{
    right: 30%;
    left: 15%;
    top: 60%;
  }
  #slider .content{
    height: 600px;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 47px;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top:42px;
  }
  .header-top .info-box a.phn{
    margin-right: 5px;
    margin-left: 25px;
  }
  #slider .owl-next{
    right: 8%;
  }
  #slider .owl-prev{
    left: 2%;
  }
  .info-box a, .prod-btn .topbar-text, .prod-btn .header-btn a{
    font-size: 12px;
  }
  .header button[type="submit"]{
    background: url(images/search.png) no-repeat scroll 10px;
  }
  #product_cat_slider .product-image img{
    height: 170px;
  }
  tr.wc-block-cart-items__row {
  gap: 1em;
  }
  li.wc-block-grid__product{
    max-width: 48% !important;
    float: left;
    clear: both;
    margin: 0 1% 2.992em;
    flex: 1 0 48% !important;
  }
  .boxlayout{
    width: 650px;
  }
}
@media screen and (max-width: 1000px){
  .main-nav ul ul, .main-nav .sub-menu{
    opacity: 1;
  }
  .main-nav ul ul a:focus, .main-nav ul.sub-menu li a:focus{
    border:2px solid #fff;
    outline: none;
  }
  .main-nav .sub-menu a, .page-template-template-home-page .header.main.sticky-head .main-nav a{
    color: #fff;
  }
  .main-nav .sub-menu{
      margin-left: 25px;
  }
  .main-nav li ul{
    border:none;
    box-shadow: none;
    border-top: none !important;
  }
  .main-nav .sub-menu li{
    border-bottom: none;
  }
  .slider-box { right: 10%;text-align: center;}
  .toggle-nav button {
    font-weight: 600;
    border: none;
    background: #555555;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    margin:10px 0;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999; 
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    transition: 0.5s top ease-in-out;
    overflow-y: scroll;
    background: #555555;
    visibility: hidden; 
    opacity: 0.9;
  }
  .main-nav ul li a:hover{
    color: #fff;
  }
  .main-nav li {
    padding: 0 15px;
    display: block;
    border-bottom: solid 1px #fff;
  }
  body.show-main-menu .sidenav{visibility: visible;top: 0;transition: 0.5s top ease-in-out;}
  .sidenav .close-button {margin-bottom:30px !important;font-size: 36px; display: block !important;color: #fff; padding: 10px !important;}
  .sidenav #site-navigation {width: 100%; }
  .toggle-nav span{font-size:30px; cursor:pointer; text-align: right;}
  .main-nav ul ul li,.menubar .nav ul li,.toggle-nav{display: block;}
  .main-nav ul li a{padding: 8px;text-decoration: none;font-size: 15px;color: #fff;display: block;float: none;margin: 5px 0;border-right: none; }
  .main-nav ul li ul li a:before{content:"\00BB \00a0";}
  .main-nav ul.sub-menu a:hover{color:#0f1010;}
  .main-nav ul ul{position: static; width: 100%; background: transparent;border-top-width: 0px; border-bottom-width: 0px;box-shadow: none; }
  .main-nav ul ul a{border-bottom: none; padding-left: 40px;}
  .main-nav ul ul ul.sub-menu a{padding-left: 40px;}
  .main-header-box{padding-bottom: 15px;}
  #mySidenav {text-align: left; display: inline;}
  .main-menu {padding: 0em;}
  .main-nav ul.sub-menu>li>a:before {content: unset;}
  .main-nav ul.sub-menu>li>a:hover:before {opacity: 0;left: 0px;width: 0px;}
  #about_section .about-img .image-outerbox{
    left: 5%;
  }
  #footer ul li, #footer a, #footer table{
    font-size: 10px;
  }
  .ftr-4-box h5{
    font-size: 15px;
  }
  #footer aside{
    padding: 10px 0 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .slider-box {
    right: 30%;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 32px;
  }
  .time-text, .location-text, .email-text{
    padding-left: 25px;
  }
  .header-search form{
    display: inline-flex;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top: 30px;
  }
  .header-top .info-box a.phn{
    margin-left: 14px;
  }
  .boxlayout{
    width: 870px;
  }
}
@media screen and (max-width: 320px){
  .woocommerce ul.products li{
    width: 100% !important;
  }
}
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
    max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
    max-width: 1620px;
  }
}