/*
Theme Name: VW Automobile Lite
Theme URI: https://www.themescaliber.com/products/free-automobile-wordpress-theme
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Our Automobile WordPress Theme is designed to be stylish and classy, much like all our beloved cars. This exclusive theme is developed especially for car dealership, motorhome, travel trailer, lifts, tractors, car dealers, car resellers, mechanic workshop, auto motor retailers forklift, campers, lift trucks, snow motorcycle, motorbike, car booking, rent a car, rent bike, selling, truck rental, Start a trucking haulage business, tow truck business, freight sevice, commute service, Windshield Repairing, Headlight Restoration, auto parts store, car repair shop, tyre services, engine maintenance, towing services, auto mechanic firm, collision center, CAR AC Repair, Wheel alignment services, vehicle maintenance, agriculture equipment and even aircrafts, jets, side-by-side, ATV, utilities ATV, serviceman, automotive, car dealership, vehicle sales, auto repair, showroom, RVs helicopters, turboprops, charter, taxi cab ompany, food truck, After Market Car Parts, bus shuttle service, airplanes, car washing, car rental, buses, car service, Car AMC, Auto Detail Servicing, car accessories store, car sale, auto mechanical workshops, Auto mechanic, car wash, auto painting and Aerotrader businesses. We aid this multi-purpose responsive theme while keeping the motor-heads in mind and what will appeal to the people the most. Our WordPress theme makes the use of secure and clean codes, you can easily customize our theme as per your wishes. You can even add or remove anything that you may or may not like. With ample of personalization options and features like optimized codes, call to action button (CTA), beautiful banners, lock Editor Styles, global font and color controls Gutenberg compatible, useful shortcodes, numerous styling options, it is the best professional WordPress theme to grab. You will get an interactive demo, responsive slider, multiple post formats, quick page speed, display options, SEO friendly features, Block Editor Styles, social media icons, and a bunch of other phenomenal features with this supreme theme. Furthermore, built on Bootstrap framework, the theme will ease the web development. No matter what kind of automobile industry or services you offer, our Automobile theme is made for the gear-heads like you. Whether you sell used car, deal in motorbikes, motorcycles, small cars, trucks, car rental, bus service, scooters, snowmobile, cab service, automobile blogger, own a car review website, run a garage, repair service, own a showroom, run a driving school and etc. this highly interactive, WooCommerce compatible, user-friendly, Four Columns layout and multipurpose ecommerce theme will fit perfectly for you. All your long research and time invested in finding the best themes end with us, as we bring you a theme like no other. Our Free Automobile WordPress Theme is fresh, special and distinct in every aspect. It guarantees to give your website a professional look which you desperately wanted. Demo: https://preview.themescaliber.com/tc-automobile-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.1.6
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vw-automobile-lite
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, buddypress, full-width-template, post-formats, flexible-header, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, portfolio

VW Automobile Lite WordPress Theme has been created by VW Themes(vwthemes.com), 2017.
VW Automobile Lite WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0; 
  padding:0; 
  outline:none; 
}
html{
  overflow-x: hidden;
}
body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size:15px; 
  color:#222222; 
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
}
img{ 
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,h3,h4,h5,h6{
  font-weight: bold;
  font-family: Montserrat;
}
p{ 
  font-size:15px; 
  line-height: 1.5;
  color: #6b6b6b;
}
a{ 
  text-decoration:none; 
  color:#ff5400;
}
a:hover{ 
  text-decoration:none; 
  color:#666;
}
a:focus,
a:hover{
  text-decoration:none !important;
}
a:focus,
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="phno"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus, 
textarea:focus,
input[type="submit"]:focus,
#comments:focus,
select:focus,
.toggle-nav button:focus,
.search-box i:focus, a:focus span{
  outline: 1px solid #000;
  text-decoration:none !important;
}
.slider .inner_carousel h1 a:focus, .slider .more-btn a:focus, .closepop a:focus, .search-box a:focus,.serach_inner input.search-field:focus, .serach_inner input.search-submit:focus, button.close:focus{
  outline: 1px solid #fff;
  text-decoration:none !important;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a{
  color: #ff5400;
  text-decoration: underline;
}
.close:focus, .close:hover {
  color: #fff;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{ 
  text-align:center; 
  margin-bottom:40px;
}
button{
  padding: 5px;
}
.home .middle-align{
  padding: 0;
}
.middle-align,.blog .middle-align{ 
  margin: 0 auto; 
  padding: 3em 0;
}
.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}
.wp-caption-text{ 
  margin:0; 
  padding:0; 
}
/*---------- WIDE BLOCKS ------------*/
.alignwide {
  margin-left  : -60px;
  margin-right : -60px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
/*css for block-cover and block-image*/
.services .alignfull, .services .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.services .alignfull img{
  width: 100%;
}

/*new added css*/
.sidebar h3 a.rsswidget{
  margin-right: 10px;
}
.sidebar label.wp-block-search__label, .sidebar .wp-block-heading{
  color: #ff5400;
  font-size: 25px;
  text-transform: none;
  letter-spacing: 2px;
  border-bottom: 3px double;
  padding-bottom: 5%;
  font-weight: bold;
} 
.wp-block-post-comments-form .comment-reply-title{
  padding-top: 15px;
}
li#comment-2{
  margin-bottom: 10px;
}
.sidebar .wp-block-latest-posts.wp-block-latest-posts__list, .sidebar ul.sub-menu{
  display: block !important;
}
.sidebar .widget .custom-about-us, .sidebar .widget .custom-contact-us{
  padding:10px;
}
/*footer without classic widgets*/
.footer .widget{
  margin-top: 25px;
  margin-bottom: 25px;
}
.footer .wp-block-tag-cloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 14px !important;
  padding: 10px 18px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.footer .custom-about-us a.custom_read_more, .sidebar .custom-about-us a.custom_read_more{
  background: #ff5e15;
  border-radius: 5px;
  padding: 10px 22px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.footer .custom-about-us .custom_author{
  margin-bottom: 12px;
  margin-top: 12px;
}
.footer label{
  color: #fff !important;
}
.footer .wp-block-heading{
  color: #fff;
}
.footer .wp-block-button.aligncenter, .wp-block-calendar{
  text-align: start;
}
.footer .wp-block-button.aligncenter, .wp-block-calendar  a, .footer .wp-block-button.aligncenter, .wp-block-calendar  a:hover{
  color:#ff5e15;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{ 
  margin:0; 
  padding:0; 
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft, 
img.alignleft {
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
}
.alignright, 
img.alignright { 
  display: inline; 
  float: right; 
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter, 
img.aligncenter {
 clear: both; 
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 margin-top:0; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
#respond{
  clear:both;
}
.toggleMenu{
  display:none;
}
.bypostauthor{
 margin:0;
 padding:0;
}
small{
  font-size:14px !important;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
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 15px 0;
  height:auto;
}
textarea{
  height:auto; 
}
input[type="submit"], input.button{
  border:2px solid #29459f; 
  text-align:center;
  text-transform:uppercase;
  font-size:16px;
  padding:8px 30px; 
  background:#4c66ba;
  font-weight:bold;
  color:#fff;
  border-radius:3px;
  display:table;
}
input[type="submit"]:hover{
  background:#3890cb;
}
div#respond{
  border-top: solid 1px #bcbcbc;
  margin-bottom: 18px;
}
h2#reply-title {
  margin-top: 20px;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff5400;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

}
.hvr-sweep-to-right:hover, 
.hvr-sweep-to-right:focus, 
.hvr-sweep-to-right:active {
  color: #fff;
}
.hvr-sweep-to-right:hover:before, 
.hvr-sweep-to-right:focus:before, 
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0; 
  font-weight:bold;
}
a.button{
  background: #ff5400;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
.page-content a.button.hvr-sweep-to-right:hover{
  background: #212121;
}
/* --------- MENUS CSS --------- */
#mySidenav {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-navigation li{
  display: inline-block;
  position: relative;
}
.main-navigation a{
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  padding: 7px 15px;
}
.main-navigation a:hover{
  color: #ff5400;
}
.main-navigation a:focus{
  outline: 1px solid #fff;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  background: #fff;
  min-width: 200px;
  z-index: 9999;
  top: 90%;
  border-top: 4px solid #ff5400;
  border-bottom: 4px solid #ff5400;
  line-height: 30px;
  border-radius: 5px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0%;
}
.main-navigation ul ul a{
  color: #000 ;
  border: none;
  padding: 5px 10px ;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
.main-navigation ul.sub-menu a:hover{
  color: #ff5400;
  padding-left: 50px !important;
}
.main-navigation ul.sub-menu>li>a:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  margin-top: 15px;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  background: #222;
}
.main-navigation ul.sub-menu>li>a:hover:before {
  opacity: 1;
  left: 15px;
  width: 20px;
}
.main-navigation ul ul a:focus{
  outline: 1px solid #000;
}
.main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-menu {
  padding: 10px;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/* ---------HEADER--------- */
#our-services iframe {
  width: 100%;
}
.page-template-custom-home-page .header-image,
.header-image.bg-image img {
  display: none;
}
.page-template-ibtana-page-template .middle-align{
  padding: 0em 0 0;
}
.blog #header {
  margin-bottom: 2%;
}
span.email i, span.timings i, span.call i {
  margin-right: 3%;
  color: #ff5400;
}
span.email a, span.call a {
  color: #222;
}
span.email a:hover, span.call a:hover {
  color: #ff5400;
}
.con_details {
  margin-left: 4%;
  margin-right: 4%;
  padding: 20px 0;
}
#header {
  border-bottom: solid 2px #222;
  background: #fff;
}
.menubox {
  background:rgba(0, 0, 0, 0) linear-gradient(122deg, transparent 6%, #212121 0%) repeat scroll 0 0;
  width: 100%;
  float: left;
  background-size: 100% 100%;
}
#header.fixed{
  position:fixed !important; 
  top:0 !important; 
  margin:0; 
  padding: 15px 0; 
  z-index:99999999; 
  background-color:#ffffff; 
  opacity:inherit;
}
#header .logo {
  padding: 4% 12% 4% 4%;
  text-align: center;
}
.logowrapper {
  background: #ff5400;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
#header .logo h1, #header .logo p.site-title{ 
  font-weight:700; 
  text-transform:uppercase; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
#header .logo a, #header .logo p.site-title a{ 
  color:#ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Montserrat;
}
#header .logo .site-title a:hover{ 
  color: #222222;
}
#header .logo p {
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
}
#header .header-top{
  background:#000;
  color:#aaaaaa;
}
#header .header-top a{
  color:#aaaaaa;
}
#header .top-contact {
  padding: 5px 0;
  font-size: 15px;
  text-align: center;
  color: #222;  
}
.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}
.buttonbox a:hover{
  background:#000;
  color:#fff;
}
.home .menubox{
  top: 0%; 
  height: auto;
  clear: both;
  color: white;
}
.top-right a{
  color:#ffffff;
}
p.mail a:hover{
  color:#ff5400!important;
}
.top-right p {
  display: inline-table;
  padding-top:17px;
  padding-left:17px;
  color:#ffffff;
}
/* Homepage */
#our-services small{
  color:#6d6d6d;
  margin:0 0 20px 0;
}
#our-services .small-button{
  margin-top:30px;
}
#our-services .page-box{
  background:#113665;
  text-align:center;
  color:#fff;
  border-radius:5px; 
  padding:30px 10px;
  margin: 0 0 4% 0;
}
#our-services .page-box h4{
  color:#fff;
  margin:0 0 29px 0;
  padding:0;
}
#our-services .page-box p{
  font-size:15px;
  margin:0 15px;
}
#our-services .services-box{
  margin:40px 0 20px 0;
}
.entry-audio audio {
  padding: 10px;
  background: #f95301;
  width: 100%;
} 
/* -------------Woocommerce Footer css -------------------*/
.footer ul.cart_list li,
.footer ul.cart_list li, .footer ul.product_list_widget li{
  padding-bottom: 15px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
  height: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
  margin: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
  top: 5px;
}
.woocommerce .widget_shopping_cart ul.cart_list li{
  background: none;
}
.woocommerce ul.cart_list li::after, 
.woocommerce ul.cart_list li::before, 
.woocommerce ul.product_list_widget li::after, 
.woocommerce ul.product_list_widget li::before{
  content: none !important;
}
.sidebar .widget_rating_filter ul li,
.sidebar .woocommerce ul.product_list_widget li
.sidebar .woocommerce ul.cart_list li, .sidebar .woocommerce ul.product_list_widget li{
  padding: 0 0 10px 0;
}
.sidebar .widget_shopping_cart ul.cart_list li{
  padding: 0 0 10px 30px;
}
.widget .woocommerce-product-search button[type="submit"]{
  background: #ff5400;
  color: #fff;
  padding:10px;
  width: 100%;
  border:none;
  margin-top: 8px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #ff5400;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
.footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 6px 0;
}
/*---------------- Woocommerce CSS------------------ */
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: #ff5400;
  padding: 0;
}
.products li {
  box-shadow: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce a.added_to_cart.wc-forward{
  font-weight: 700;
  margin: 5px 0 0 5px;
  padding: 6px 12px !important;
   background: #ff5400;
  color: #fff !important;
}
.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: #ff5400;
  color: #fff !important;
  border-radius: 0;
  padding: 10px 20px !important;
  opacity: 1 !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
.woocommerce .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #ff5400;
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: bold;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-account .woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce label {
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #ff5400;
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
} 
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}
/* Woocommerce CSS End*/
.new-line,
.box-content p{
  margin-bottom: 2em;
}
.box-content h3{
  color:#000;
  font-weight: bold;
}
.text-center{
  text-align: center!important;
}
a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}
/*----------- PRELOADER ----------*/
#preloader {
  background-color: #ff5400;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
  height: 100%;
}
.loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap {
  animation: spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100px;
}
.loader-line {
  border: 4px solid #ffffff;
  border-radius: 100%;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
  height: 90px;
  width: 90px;
  top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
  height: 76px;
  width: 76px;
  top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
  height: 62px;
  width: 62px;
  top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
  height: 48px;
  width: 48px;
  top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
  height: 34px;
  width: 34px;
  top: 35px;
}
@keyframes spin {
  0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elementor-page #preloader{
  display: none;
}
/*----------- Scrollup ------------*/
.scrollup i {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  font-size: 20px;
  display: none;
  color: #fff;
  padding: 10px;
  background: #ff5400;
  z-index: 999;
}
.scrollup.left i{
  left: 10px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}
/*tag cloud preview*/
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #000 !important;
  border: 1px solid;
  padding: 4px;
}
/*--------------- Footer Section-------------- */
.footer a:focus{
  outline: 1px solid #fff;
}
.footer .custom-social-icons i {
  background: #fff;
  width: 40px;
  text-align: center;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
}
.footer .custom-social-icons i:hover{
  background: #ff5400;
  color: #fff;
}
.footer .widget {
  padding: 20px 0;
}
.footer .tagcloud a {
  color: #fff;
}
.footer input[type="submit"]{
  margin-top: 0;
  padding: 10px 9px;
  font-size: 15px; 
  width: 100%; 
}
.footer .search-form .search-field,
.footer .search-form label {
  width: 100%;
  color: #fff;
  margin-bottom: 5px;
}
.footer .search-form .search-field:focus{
  border-color: #fff;
}
.footer caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footer table,
.sidebar table,
.footer th,
.sidebar th,
.footer td,
.sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footer td{
  padding: 8px;
  color: #fff;
}
.footer th{
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footer select {
  padding: 8px 5px;
}
.footer h3 {
  color: #485438;
  font-weight: 600;
  font-size: 25px;
}
.footer li a {
  color: #fff;
  font-size: 15px;
}
.footer li a:hover, .sidebar ul li a:hover {
  color: #ff5400;
}
.footer ul li {
  list-style: none;
  padding: 5px 0;
}
.footer ul {
  margin: 0;
  padding-left: 0;
}
.footer select {
  padding: 10px 5px;
  width: 100%;
}
.sub-title{
  margin: 5em 0 0 0;
  line-height: 2em;
}
.footer {
  color: #fff;
  background: #000;
}
.footer h3, .footer .wp-block-search .wp-block-search__label{
  color: #fff;
  border-bottom: 3px solid #ff5400;
  text-align:left;
  border-bottom-style: double;
  text-transform:uppercase; 
  font-size:18px;
  margin:0 0 15px 0; 
  padding:15px 0 15px 0;
  font-weight: 600;
}
.footer .wp-block-search .wp-block-search__label{
  margin-bottom: 20px;
}
h3.navigate {
  color: #ff5400;
  font-size: 17px;
  border-bottom: 10px solid #ff5400;
  border-bottom-style: double;
}
.sec {
  margin: 1em 0;
}
.sec a{
  color:#000!important;
}
.footer p{
  font-size:17px;
  color: #fff;
}
.navigate  ul{
  list-style: none;
}
.footer ul li.current_page_item a {
  color:#fff!important;
}
.footer .news-form{
  margin-top:24px;
}
.copyright.text-center a {
  color: #fff;
}
.footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
.footer-2{
  background:#ff5400;
  text-align:center;
  padding:15px 0; 
}
.footer-2 p,
.footer-2 a{
  margin: 0;
  color:#fff;
  font-size: 15px;
}
.footer-2 p a:hover{
  color: #212121;
}
.footer .wp-block-search .wp-block-search__inside-wrapper, .sidebar .wp-block-search .wp-block-search__inside-wrapper{
  flex-wrap: wrap;
  display: block;
}
.footer .wp-block-search .wp-block-search__input, .sidebar .wp-block-search .wp-block-search__input{
  padding:10px 10px;
  font-size:15px;
  margin-bottom: 10px;
  color:#4d4749;
  border: solid 1px #e1e1e1;
  width: 100%;
}
.footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button{
  background: #ff5400;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  width: 100%;
  margin-left: 0;
}
.copyright .widget {
  margin-top: 10px;
}
.copyright .custom-social-icons {
  display: inline-flex;
  margin-bottom: 0px;
}
.copyright p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.copyright .custom-social-icons a{
  margin-left: 12px;
  font-size: 18px;
  background: transparent !important;
}
.copyright .custom-social-icons .custom_title{
  display: none;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  border: 2px solid #ff5400 !important;
  color: #000;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  background-color: transparent !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #000 !important;
  padding: 10px;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #ff5400 !important;
  border: 2px solid transparent!important;
  color: #fff !important;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover{
  background: #ff5400 !important;
  color: #fff !important;
}
/* ---------Choose us section ------- */
.choose_us {
  text-align: center;
	padding:3% 0;
}
.heading-line h2 {
  font-weight: bold;
  font-size: 30px;
  color: #222;
  text-transform: uppercase;
}
.choose_us h3 {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0px 10px 0px;
  padding: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.choose_us h3 a{
  color: #222;
}
.choose_us h3 a:hover{
  color: #ff5400;
  transition: 0.5s;
}
.choose_us p {
  padding: 0;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.images_border {
  margin-bottom: 3%;
}
/* --------- Blog Page ------- */
h1.page-title {
  margin-bottom: 1%;
  margin-top: 0;
  font-size: 35px;
}
#our-services {
  margin-top: 0;
}
.post-main-box:hover h2 a,.grid-post-main-box:hover h2 a{
  color: #222222;
}
.post-main-box:hover .metabox a, .single-post .metabox:hover a,.grid-post-main-box:hover .metabox a{
  color: #ff5400;
}
.post-main-box img,.grid-post-main-box img {
  margin-bottom: 15px;
}
.post-main-box,.grid-post-main-box{
  float: left;
  width: 100%;
  background: #fff;
  padding: 15px;
  margin-bottom: 5%;
  border: 1px solid #ddd;
}
.box-image img {
  max-width: 100%;
}
.post-main-box h2,.grid-post-main-box h2 {
  margin-top: 0;
  padding-top: 0;
  color: #ff5400;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 1px;
  font-weight: bold;
}
.new-text p,
#our-services p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #6b6b6b;
  line-height: 20px;
}
.datebox {
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.date-monthwrap {
  background: #ff5400;
  padding: 25px 0;
}
.yearwrap {
  background: #fd912f;
  padding: 7px 0;
  opacity: 0.8;
}
.blogbutton-small {
  background: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 6px 25px;
  border: 2px solid #ff5400;
  color: #ff5400;
  font-size: 14px;
  margin: 25px 0 0 0;
  display: table;
}
.postbox {
  margin-bottom:39px;
  border-bottom:2px dotted #7e7e7e;
  padding:0 0 26px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold;
  padding:6px 25px;
  border:1px solid #000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.metabox{
  color:#222;
  padding:15px 0; 
  clear:both;
}
.metabox span{
  margin-right:8px;
  color: #222;
}
.metabox a:hover{
  color: #ff5400;
}
.metabox i{
  margin-right:6px;
  color: #222;
}
h1.single-post-title{
  margin-top: 0;
  padding-top: 0;
  color: #ff5400;
  text-transform: capitalize;
  font-size: 25px;
  letter-spacing: 1px;
  font-weight: bold;
}
.page-header{
  border-bottom: none!important;
}
.feature-image-box img{
  width:100%!important;
}
.tags a {
  text-decoration: none!important;
  font-weight: 400;
  color: #121212!important;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
}
.single-post .metabox{
  color: #000;
  clear: both;
  font-size: 14px;
  letter-spacing: 1px;
  background: #f1f1f1;
  padding: 10px;
  margin-bottom: 15px;
  text-align: left;
}
.single-post .nav-previous a,
.single-post .nav-next a{
  outline: none !important;
  border-bottom: none !important;
}
.date-month a, .date-day a, .date-year a {
  color: #fff;
}
.entry-date a, .entry-author a{
  color: #222;
}
.related-post {
  clear: both;
}
.related-post h3 {
  padding: 15px 0px 15px;
}
.nav-previous a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  background: #222222;
}
.nav-next a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: right;
  background: #222222;
}
.nav-previous a:hover, .nav-next a:hover {
  background: #ff5400;
  color: #fff;
  transition-duration: 0.5s;
}
/* --------- POST --------- */
h2#reply-title {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
}
.bradcrumbs{
  padding:10px 0 30px 0px;
}
.bradcrumbs a, .post-categories li a,.bradcrumbs span{
  background:#f1f1f1; 
  color:#000;
  padding:5px 10px;
  margin-right:5px;
  margin-bottom: 8px;
  display: inline-block;
  font-weight: 600;
}
.bradcrumbs a:hover, .bradcrumbs span, .post-categories li a:hover{
  background:#ff5400;
  color: #fff;
}
/*------------------ category ----------------*/
.post-categories li ,.single-post ul.post-categories{
  display: inline-block;
   padding-left: 2px;
}
.single-post-category span{
  font-weight: 600;
  color: #000;
}
/*-------------- Comments BOX ---------------*/
#comments ol {
    list-style: none;
    padding-left: 0;
}
#comments{  
  margin-top:30px;
}  
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#ff5400 !important;
  padding:10px 20px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left:0;
  border: none;
} 
#comments a.comment-reply-link{
  color:#fff;
  background:#ff5400;
  padding:5px 15px;
}  
#comments a.comment-reply-link:hover{
  background:#cecece;
  color: #000;
}  
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin:5px 0 5px 0;
}  
#comments p {
  width:100%;
  float:left;
}
/*----------single-post-comments---------*/
.comments .comment-author, .comment-author.vcard {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.comments p {
  width: 90%;
  float: left;
}
.comments .reply {
  float: left;
}
.reply {
  width: 100%;
  float: left;
}
#comments h2.comments-title {
  font-size: 28px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
  padding: 20px 0 0 0;
  margin-bottom: 20px;
}
#comments ol li {
  width: 100%;
  list-style: none;
  margin: 20px 0 !important;
  padding: 20px !important;
  background: #fff;
  display: inline-block;
  border: solid 1px #f0f0f0;
}
p.comment-form-comment label {
  display: block;
}
/* --------- SLIDER--------- */
.slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #000;
}
.slider img {
  width: 100%;
  opacity: 0.7;
  object-fit: cover;
}
.slider .carousel-item-next,.slider .carousel-item-prev,.slider .carousel-item.active {
  display: block !important;
}
.slider .carousel-control-prev-icon i, .slider .carousel-control-next-icon i{
  padding: 15px 20px;
  background-color: rgba(64, 70, 76, 0.8);
  color: #fff;
  font-size: 26px;
  border-radius: 50%
}
.slider .carousel-control-next, .slider .carousel-control-prev{
  opacity: 1;
  top:0;
}
.slider .carousel-control-next-icon, .slider .carousel-control-prev-icon{
  width: auto !important;
  height: auto;
  background:transparent !important;
}
.slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
  left: 30%;
  bottom: auto;
}
.slider .inner_carousel h1 {
  font-size: 35px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: none;
}
.slider .inner_carousel h1 a{
  color: #fff;
}
.slider .inner_carousel h1 a:hover{
  color: #ff5400;
  transition: 0.5s;
}
.slider .inner_carousel p {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 2;
  color: #fff;
}
.slider .inner_carousel {
  text-align:center;
  color: #fff;
}
.slider .more-btn a{
  padding: 10px 25px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  border-radius: 20px;
  text-decoration: none;
  background-color: #ff5400;
  border: 2px solid #ff5400;
}
.slider .more-btn a:hover{
  color: #fff;
  background:transparent;
  border-color: #fff;
}
.slider .more-btn{
  margin: 25px 0;
}
/*----------------- SEARCH POPUP ----------------*/
.serach_inner label {
  width: 80% !important;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
 display: table;
 padding: 0;
 border-radius: 0;
 border-bottom: solid 1px #999; 
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
}
.serach_inner input.search-submit {
  padding: 10px 25px;
  background: url(images/search.png) no-repeat scroll 0 8px !important;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none !important;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
.serach_inner input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 100%;
  font-size: 20px;
  font-style: italic;
  color: #999;
}
.search-box i {
  color: #fff;
  cursor: pointer;
  padding: 10px;
  background: #ff5400;
  border-radius: 50%;
  margin-top: 6px;
}
/*---------------- Sidebar -------------*/
.woocommerce-page .sidebar {
    margin-top: 5%;
}
.sidebar form{
  display: table;
  width: 100%;
}
.sidebar .custom-social-icons i {
  background: #ff5400;
  width: 40px;
  text-align: center;
  height: 40px;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  color: #fff;
}
.sidebar .custom-social-icons i:hover {
  background: #000;
  color: #ff5400;
}
.sidebar h3{
  margin:0 0 25px; 
  padding:0; 
  text-transform:uppercase;
  font-weight:bold;
  font-size:20px;
}
.sidebar input[type="search"] {
  background:#eeeeee;
  padding:12px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;
  width: 100%;
}
.sidebar label{
  width:70%;
  float:left;
}
.sidebar input[type="submit"] {
  background: #000;
  border: none;
  color: #fff;
  padding: 11px 0;
  width: 30%;
  font-size: 14px;
  float: left;
  margin: 0;
  border-radius: 0px;
}
.sidebar aside{
  padding-bottom:30px; 
  border-bottom:2px dotted #000;
  margin-bottom:30px;
}
.sidebar td {
  padding: 8px;
  color: #222;
}
.sidebar th{
  text-align: center;
  padding: 10px;
  color: #222;
}
.sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
.sidebar ul ul li {
  padding-left: 20px;
}
.sidebar ul li{
  padding-bottom: 10px;
}
.sidebar ul li::before {
  content: "" ;
  margin-right: 10px ;
  height: 8px ;
  width: 8px ;
  background: #ff5400;
  display: inline-block !important;
  transform: rotate(-45deg) ;
}
.sidebar ul li a{
  color:rgba(51, 51, 51, 0.68);
}
.sidebar .tagcloud a,
.footer .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
.sidebar .tagcloud a:hover,
.footer .tagcloud a:hover{
  background:#ff5400;
  color: #fff;
}
/**
 * 5.0 - Forms
 */
.search-submit {
  margin: 0;
  display: inline !important;
  background: #ff5400!important;
  border: 1px solid #ff5400 !important;
}
.sidebar select{
  width: 100%;
  padding: 10px;
}
.sidebar .widget {
  border: 1px solid #ddd;
  padding: 15px;
  background: #fff;
  margin-bottom: 30px;
}
.sidebar .widget h3, .sidebar .wp-block-search .wp-block-search__label{
  color: #ff5400;
  font-size: 25px;
  text-transform: none;
  letter-spacing: 2px;
  border-bottom: 3px double;
  padding-bottom: 5%;
  font-weight: bold;
}
.sidebar .wp-block-search .wp-block-search__label{
  margin: 0 0 25px;
  font-family: Montserrat;
}
#our-services .search-field { 
  padding: 4%; 
}
.footer .search-field{
  padding: 15px;
}
.search-field { 
  padding: 6%; 
}
/*------------- Page -----------------*/
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%; 
  color:#fff; 
  text-transform:uppercase;
  padding:75px 0; 
  font-weight:bold; 
  text-align:center;
  margin-bottom:25px;
}
.single .title-box{
  background-size:100% 100%;
}
hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0; 
  clear:both;
  opacity: 1;
}
.read-moresec{
  margin:2% 0;
}
.page-content {
  margin: 2%;
}
.page-content h1{
  padding: 0 0 5px;
}
.page-content, .page-content p {
  text-align: center;
}
.page-content p {
  margin: 0;
}
.page-content .read-moresec {
  margin: 0;
  margin-bottom: 20px;
}
/*------------- Pagination-------------- */
p.post-nav-links, .post-nav-links span, .post-nav-links a {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.pagination {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
  width:100%;
  margin-bottom: 30px;
}
.pagination span, .pagination a, .post-nav-links span, .post-nav-links a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: #ff5400 ; 
  -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;
}
.pagination a:hover, .post-nav-links a:hover{
  color:#fff;
  background: #000; 
}
.pagination .current, span.post-page-numbers.current{
  padding:10px 15px;
  background: #000; 
  color:#fff;
  font-weight:normal;
}
.pagination ul, .pagination ul li{
  margin:0;
  clear:both;
}
.post-navigation{
  clear:both;
}
.post-navigation {
  clear: both; 
}
.post-navigation .post-title { 
  font-size: 20px; 
  font-size: 1.75rem; 
  line-height: 1.25; 
}
/*------Single-post-pagination------*/
.post-navigation a {
  color: #1a1a1a;
}
.nav-next {
  float: right;
  width: 50%;
  text-align: right;
}
.nav-previous {
  width: 50%;
  float: left;
  text-align: left;
}
.nav-next span.meta-nav:after{
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-left: 10px;
}
.nav-previous span.meta-nav:before{
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-right: 10px;
}
.post-navigation span.meta-nav {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin: 25px 0 0;
  padding: 15px;
  color: #000;
}
.post-navigation span { 
  display: block;
}
.post-navigation .post-title {
  display: none;
}
/* restore screen-reader-text */
.nav-previous {
  float: left;
  width: 50%;
}
.post-navigation .current .screen-reader-text { 
  position: absolute !important; 
}
.post-navigation .page-numbers { 
  display: inline-block; 
}
.post-navigation a { 
  color: #1a1a1a; 
}
.single-post .nav-previous a,
.single-post .nav-next a{
  color: #000;
  background: transparent;
}
.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {
  color: #ff5400;
  background: transparent;
}
.post-navigation span { 
  display: block; 
}
.post-navigation .meta-nav { 
  color: #686868; 
  font-size: 13px;
  letter-spacing: 0.076923077em; 
  line-height: 1.6153846154; 
  text-transform: uppercase; 
}
.post-navigation .post-title {
  font-size: 20px; 
  font-weight: 700;  
  line-height: 1.2173913043; 
  text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title { 
  color: #ff5400; 
}
.post-navigation:before {
  right: 0;
}
.post-navigation:after {
  right: 54px;
}
.post-navigation a:hover,
.post-navigation a:focus {
  color: #1a1a1a;
}
.post-navigation .nav-links {
  position: relative;
}
.post-navigation .nav-links:before,
.post-navigation .nav-links:after {
  color: #fff;
  font-size: 32px;
  line-height: 51px;
  opacity: 0.3;
  position: absolute;
  width: 52px;
  z-index: 1;
}
/* reset screen-reader-text */
.post-navigation .current .screen-reader-text {
  position: static !important;
}
.post-navigation .page-numbers {
  display: none;
  letter-spacing: 0.013157895em;
  line-height: 1;
  margin: 0 0.7368421053em 0 -0.7368421053em;
  padding: 0.8157894737em 0.7368421053em 0.3947368421em;
  text-transform: uppercase;
}
.post-navigation .current {
  display: inline-block;
  font-weight: 700;
}
.post-navigation .prev,
.post-navigation .next {
  background-color: #1a1a1a;
  color: #fff;
  display: inline-block;
  height: 52px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 52px;
  z-index: 2;
}
.post-navigation .prev:before,
.post-navigation .next:before {
  font-size: 32px;
  height: 53px;
  line-height: 52px;
  position: relative;
  width: 53px;
}
.post-navigation .prev:hover,
.post-navigation .prev:focus,
.post-navigation .next:hover,
.post-navigation .next:focus {
  background-color: #007acc;
  color: #fff;
}
.post-navigation .prev:focus,
.post-navigation .next:focus {
  outline: 0;
}
.post-navigation .prev {
  right: 54px;
}
/*blog post navigation css*/
nav.navigation.posts-navigation .nav-previous a{
  padding: 15px 15px;
  color: #fff !important;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  background: #ff5400;
}
nav.navigation.posts-navigation .nav-next a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: right;
  background: #ff5400;
}
nav.navigation.posts-navigation .nav-previous a:hover, nav.navigation.posts-navigation .nav-next a:hover{
  background: #222222;
}
nav.navigation.posts-navigation .nav-previous, nav.navigation.posts-navigation .nav-next{
  margin-top: 0;
}
/*------------- About us widgets --------------*/
.footer .more-button, .sidebar .more-button {
  margin: 20px 0px 10px 0px;
}
.footer a.custom_read_more, .sidebar a.custom_read_more {
  background: none;
  font-weight: bold;
  padding: 6px 25px;
  border: 2px solid #ff5400;
  color: #ff5400;
  font-size: 14px;
}
.footer p.custom_author, .sidebar p.custom_author {
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0 4px;
}
.footer p.custom_designation, .sidebar p.custom_designation {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 4px;
}
.sidebar a.custom_read_more:hover{
  background: #212121;;
  color: #fff;
  border-color: #212121;
}
.footer a.custom_read_more:hover {
  background: #ff5400;
  color: #fff;
}
.custom-about-us h3.custom_title {
  text-align: left;
}
/*cart and checkout css*/
.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-color: #ff5400;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
}
.wc-block-components-checkout-return-to-cart-button svg{
  left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 15px 10px 15px 30px !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover,a.wc-block-components-checkout-return-to-cart-button:hover{
  background: #000 !important;
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background-color: #ff5400;
  color: #000 !important;
  padding: 10px !important;
  margin-bottom: 10px;
  margin-top:10px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.wc-block-components-order-summary-item__quantity{
  background-color: #ff5400 !important;
  color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
  margin-right: auto !important;
  margin-left: auto !important;
}
form.woocommerce-form.woocommerce-form-login.login{
  width: 450px;
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 15px;
  font-weight: bold;
}
.custom-social-icons input[type="text"], .custom-social-icons input[type="email"], .custom-social-icons textarea {
  margin: 0;
  background: transparent;
}
form.wpcf7-form {
  margin-top: 20px;
}
.sidebar .custom-contact-us form {
  text-align: left;
}
.sidebar .custom-contact-us label{
  width: 100%;
}
.sidebar .custom-contact-us input[type="submit"]{
  background:#ff5400;
  width: 100%;
}
.footer input[type="submit"]{
  background: #ff5400;
  border: 1px solid #ff5400;
}
.admin-bar #header{
  margin-top: 32px;
}
/*cart and checkout css*/
.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background: #04456f;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  background: #04456f;
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background: #ff5400;
  color: #000 !important;
  padding: 10px !important;
  margin-bottom: 10px;
  margin-top:10px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.wc-block-components-order-summary-item__quantity{
  background: #04456f;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
  margin-right: auto !important;
  margin-left: auto !important;
}
/* emty cart */
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.woocommerce-cart .wc-block-grid .wc-block-grid__product-onsale{
  padding: 5px 10px !important;
  background: #ff5400;
  color: #fff !important;
  border-color: #ff5400 !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  top: 5px !important;
  right: 5px !important;
  left: auto !important;
  margin: -0.5em -0.5em 0 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
  text-decoration: none !important;
  color: #ff5400;
}
.wp-block-woocommerce-empty-cart-block span.woocommerce-Price-amount.amount{
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
.wc-block-cart__submit-container{
  position: static !important;
}
.wp-block-woocommerce-cart.alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width:600px) {
  .admin-bar #header{
    margin-top: 46px;
  }
  form.woocommerce-form.woocommerce-form-login.login{
    width: auto;
  }
  
}
@media screen and (max-width:991px) {
	.day-time{ 
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
  h3.navigate {
    padding: 1em 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .footer th, .footer td, .sidebar td {
    padding: 1px;
  }
  .woocommerce #payment #place_order{
    width: auto;
  }
  .footer h3{
    font-size: 11px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 47% !important;
    margin: 3% 0 !important;
  }
  .slider .carousel-caption{
    top: 45%;
    left: 20% !important;
    right: 20% !important;
  }
  #header .logo h1, #header .logo p.site-title{
    font-size: 25px
  }
  .con_details{
    margin-left: 0;
  }
  .menubox{
    background-image:none;
    background-color: #000; 
    padding: 10px 0px 15px;
  }
  .logowrapper{
    clip-path: none;
  }
  .footer th,
  .footer td,
  .sidebar th,
  .sidebar td{
    padding: 1px;
  }
  .sidebar .custom-social-icons i{
    margin:1px 0;
  }
  .admin-bar #header {
    margin-top: 45px;
  }
  .serach_inner form.search-form{
    max-width: 500px;
  }
  .serach_inner label {
    width: 80%;
  }
  .slider .inner_carousel p{
    display: none;
  }
}
@media screen and (max-width:720px) {
  .slider img {
    height: 250px;
  }
  #sidebar h3, #sidebar .wp-block-search .wp-block-search__label{
    margin: 0px auto 10px auto;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    width: 100% !important;
    margin: 10px 0;
  }
  .slider .carousel-control-prev-icon i, .slider .carousel-control-next-icon i{
    padding: 12px 16px;
    font-size: 15px;
  }
  #header .top-contact{
    padding: 5px 0;
  }
  #header .logo{
    padding: 15px;
  }
  .logowrapper{
    clip-path: none;
  }
  #header .top-contact,
  .slider .inner_carousel
  {
    text-align: center;
  }
  .slider .inner_carousel h2,
  .slider .inner_carousel p{
    display: none;
  }
  .slider .more-btn{
    margin: 0px;
  }
  .slider .carousel-control-next, .slider .carousel-control-prev{
    top:0;
  }
  #comments input[type="submit"].submit {
    width: 100% !important;
  }
  .top-right.text-right{
    text-align:center!important;
  }
  .menubox {
    background: #212121;
    padding: 10px 0;
  }
  .post-main-box h3{
    margin: 10px 0;
  }
  .menu1 {
    margin-left: 0;
  }
  nav.navigation.pagination {
    margin-bottom: 20px;
  }
  .middle-align {
    padding: 20px;
  }
  #comments ul{
    margin: 0!important;
  }
  .search-box a:focus{
    outline: 1px solid #000;
  }
  .slider .carousel-caption {
    top: 45%;
    left: 5% !important;
    right: 5% !important;
  }
  .slider .more-btn a {
    padding: 10px 15px;
  }
  .slider .inner_carousel h1 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .post-navigation span.meta-nav {
    margin-bottom: 20px;
  }
  .serach_inner form.search-form{
    max-width: 250px;
  }
  .serach_inner label {
    width: 80%;
  }
  .copyright .widget, .copyright p {
    float: none;
    width: 100%;
    text-align: center !important;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;
  }
}
@media screen and (max-width: 1000px){
  .slider .inner_carousel p{
    display: none;
  }
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus, .main-navigation a:focus{
    outline: 1px solid #000;
  }
  .toggle-nav {
    display: none;
    cursor: pointer;
    text-align: right;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #fff;
    padding: 8px;
    padding-top: 7px;
  }
  .toggle-nav button {
    background: #ff5400;
    border: none;
    border-radius: 50%;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    overflow-y: scroll;
    background: #fff ;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    cursor: zoom-in;
  }
  .sidenav.show {
    visibility: visible;
    top:0%;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 20px;
    display: block !important;
    color: #fff;
    background: #ff5400;
    padding: 6px 12px;
    border:none;
    border-radius: 50%;
    margin-top: 0;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav{
    display: block;
  }
  .main-navigation ul{
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center; 
    margin-top: 0px;
    float: none;
  }
  .main-navigation ul ul li{
    display: block;
  }
  .menubar .nav ul li{
    border-top:1px #f1f1f1 solid; 
    display:block;
  }
  .main-navigation ul li a{
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    display: block; 
    transition: 0.3s;
    float: none;
    margin: 5px 0;
    border-right: none;
    border-top: 1px solid #f1f1f1;
  }
  .main-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .main-navigation ul.sub-menu a:hover{
    padding-left:20px !important;
    background: #fff !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-navigation ul ul a{
    border-bottom: none;
    text-align: center;
    padding-left: 40px;
  }
  .main-navigation ul ul ul.sub-menu a{
    padding-left: 40px;
  }
  .main-navigation li{
    padding: 0;
    display: block;
    text-align: center;
  } 
  .main-navigation ul li:last-child{
    border-bottom: 1px #f1f1f1 solid;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #mySidenav {
    text-align: left;
    display: inline;
  }
  .main-menu {
    padding: 0em;
    padding-top: 50px;
  }
  .main-navigation ul.sub-menu>li>a:before {
    content: unset;
  }
  .main-navigation ul.sub-menu>li>a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
    .sf-arrows .sf-with-ul:hover:after,
  .main-navigation ul li li:hover .sf-with-ul:after{
    content: '\f107';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #000;
  }
  .sf-arrows .sf-with-ul:after{
    content: '\f106';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #000;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-top: 0px;
    font-size: 12px;
    padding: 0px 10px;
  }
  .search-box i{
    margin-top: 0px;
    padding: 15px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1000px){
  .toggle-nav i {
    color: #fff;
  }
  .toggle-nav {
    width: auto;
    text-align: right;
  }
  .slider img {
    height: 400px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1199px){
  .slider img {
    height: 500px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  #header .logo{
    padding: 4% 0 4% 25px;
  }
  .logowrapper{
    left: -50px;
  }
  .footer th,
  .footer td,
  .sidebar th,
  .sidebar td{
    padding: 1px;
  }
}