/*
Theme Name: Supermart Ecommerce
Theme URI: https://www.luzuk.com/products/free-ecommerce-wordpress-template/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Selling products online is one of the most accessible ways to launch your business and for that, this Free Ecommerce Template can be an ideal match. As WordPress is a perfect platform to launch any website, creating one using this template makes it more effective and catchy. This template is available for free and gives an excellent ready-made skin for your eCommerce website and results in a website that seamlessly going to adjusts itself to any screen size without clipping any of your content or affecting the appearance. Its minimalist and elegant design let you showcase all your products in an attention-grabbing manner. Free Ecommerce WordPress Template is extremely versatile enough to take care of the needs of any business type you name. You can use it for any business brand and it will never disappoint you. Apart from design, there are so many aspects that make this template worth considering. You get a Bootstrap-based design that makes editing easy and gives a robust website. As the HTML codes written are well commented and optimized, performance won’t be an issue as the pages load at a quick speed and keep the audience engaged for a little longer. Free Ecommerce WordPress Template also takes care of your website’s SEO needs.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:supermart-ecommerce
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/ 
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}
html, body { -ms-overflow-style: none; overflow: auto; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {

    margin: 0 2px;
    padding-top: 15px;

}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

label {
    width: 100%;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
}

h1{
    font-size: 28px;
    margin-bottom: 15px;
}

h2{
    font-size: 26px;
    margin-bottom: 15px;
}

h3{
    font-size: 30px;
    margin:20px 0 15px 0;

}

h4{
    font-size: 22px;
    margin-bottom: 10px;
}

h5{
    font-size: 20px;
    margin-bottom: 10px;
}

h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}


pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: none;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

table {
    margin: 0 0 15px;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: #45494a;
    opacity: 0.6;
}*/
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #c4c4c4;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    vertical-align: top;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 5px;
}

.search-no-results input[type="text"]
 {
    width: 85%;
    height: 50px;
}

.search-no-results fieldset input[type="submit"] {
    width: 100px;
    height: 50px;
}

select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 16px;
    
}

textarea {
    padding: 8px;
    width: 100%;
    height: 100px;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
.inner_contentbox {
    margin-bottom: 2em;
}

a {
/*    color: #f9c12c;*/
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
    font-weight: 600
}
a:hover {
text-decoration: underline;
}

a:visited {
    
}

a:hover{
    color: #fe5722;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}




/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

.wp-block-calendar table, .wp-block-calendar table th {
    text-align: center;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
#secondary ul.product_list_widget li {
    padding: 20px 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #b4b4b4;
}
#secondary ul.product_list_widget li:last-child{
    border-bottom: 0;
}
#secondary ul.product_list_widget span.product-title {
    width: 55%;
    float: right;
    color: #444444;
    font-size: 16px;
    position: relative;
    top: 0;
    padding-bottom: 20px;
}
#secondary .product_list_widget ins .amount {
    color: #767676;
}
#secondary .product_list_widget ins {
    float: right;
    padding-right: 10px;
    position: relative;
    left: -20px;
}
#secondary .product_list_widget del .amount, #secondary .product_list_widget del{
    color: #adadad;
    position: relative;
    right: 0;
    float: right;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img{
    margin-right: 15px;
}
.price_slider_wrapper {
    padding: 25px;
}
.product-page form.woocommerce-product-search button {
    padding: 6px 27px 5px 27px;
    height: 37px;
}
.product-page input#woocommerce-product-search-field-0 {
    width: 140px;
    margin-right: 10px;
    border: 1px solid #ccc;
}
form.woocommerce-product-search button {
    padding: 5px 25px 4px 25px;
    height: 42px;
}
form.woocommerce-product-search {
    margin: 12px;
}
input#woocommerce-product-search-field-0 {
    width: 180px;}

/*.tagcloud {
    padding: 20px;
}*/
.tagcloud a {
    padding: 17px;
    font-size: 17px !important;
}
.post-date-publishable i.fa.fa-calendar-o {
    margin-right: 5px;
}
div#secondary fieldset input[type="submit"] {
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 5px;
}
#secondary input[type="text"] {
    margin: 0px 0px 15px 15px;
}
.widget-area .widget-title , .widget_block h2, .widget h2{
    padding: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #191919;
    position: relative;
    display: block;
    text-transform: capitalize;
    margin: 0 0 0px;
    left: 0;
}
.widget-area ul{
    list-style: none;
    padding:0;
    margin: 0;
    padding: 0 10px;
}
.widget-area ol{
    padding: 0 10px;
}
.widget p {
    padding: 0 20px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
    padding: 0 10px;
}
.widget-area ul ul, .widget ul ul{
    border-top: 1px solid #f9f9f9;
    margin-top: 5px;
}
.widget-area ul ul li, .widget ul ul li{
    padding-left: 10px;
}
.widget-area ul ul li:last-child, .widget ul ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.widget-area li, .widget li{
    padding: 10px 0px;
}
.widget-area li:last-child, .widget li:last-child {
    border-bottom: none;
}
.widget-area a, .widget a{
    text-decoration: none;
    color: #404040;
}

.widget-area a:hover, .widget a:hover{
    color: #fe5722
}
ul.wp-block-categories{list-style: none;margin: 0;padding: 0;}
ul.wp-block-categories li{
    padding: 10px 0px;
    line-height: normal;
    border-bottom: 2px solid #e7e2e2;
    margin-left: 15px;
    margin-right: 15px;
}
.wp-block-table {
    padding: 0 10px;
}
.widget-area .widget{
    margin-bottom: 35px;
    background: #fff;
}

.widget-area .widget table tr td {
    border: 1px solid #000;
    text-align: center;
    color: #000;
}

#secondary input[type="text"] {
    width: 115px;
}
.tagcloud {
    padding: 0 10px;
}
.wp-block-search .wp-block-search__input {
    border-radius: 0;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.author-email-url{
    margin-left: -2%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}

.author-email-url input{
    width: 100%;
}

.comment-form .form-submit{
    margin-bottom: 0
}

#comments{

}

h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

h3#reply-title:after,
h3.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}

.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}

#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#comments li.comment{
    margin: 0 0 20px;
}

#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}

.comment-list a{
    color: #404040;
}

.comment-list a:hover{
    color: #fe5722 !important;
}

.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}

.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}

.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}

.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}

.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}

.comment-list .comment-meta {
    margin-bottom: 15px;
} 

.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}

.comment-list .comment-metadata a {
    float: left;
}

.comment-list .comment-metadata .reply {
    float: right;
}

#cancel-comment-reply-link {
    float: right;
}

.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}

.nav-next a{
    margin-right: 13px;
}

.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}

.nav-previous a{
    margin-left: 11px;
}

.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}

.no-comments{
    color: #fe5722;
}

.pagination{
    text-align: center;
}

.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 20px 0 0 0;
    clear: both;
    text-align: center;
}

.pagingation a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}

.pagingation a:hover{
    /*background: #fe5722;*/
    color:#fff;
}

.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}
.ht-section-title-tagline {
    margin: 0 15px 20px;
    position: relative;
    border-bottom: 2px solid #000;
}
h2.ht-section-title{
    padding: 4px 50px 3px 11px;
    font-weight: 500;
    font-size: 23px;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
#ht-home-gallry-section{
    background-image: url(images/man-461195_1280.jpg);
    background-position: top;
    background-size: cover;
}
.gallery {
    margin-bottom: 15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}



/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

.breadcrumbbox {
    padding:13px 0;
      border-bottom: 4px solid #1db9c8;
    border-radius: 0 0 10px 10px;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}



/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.logobox img {
    margin-top: 10px;
}
.sb-search-submit {
    opacity: 0;
    border: none;
    outline: none;
    z-index: -1;
}

ul.header-sm-links b{
     margin-left: 5px;
    margin-right: 5px;
}
.header-menu-box b {
    margin-left: 10px;
    margin-right: 10px;
}
.sb-icon-search, .sb-search-submit {
   height: 44px;
    display: block;
    position: absolute;
    right: 10px;
    top: 27px;
    padding: 9px 20px 5px 15px;
    margin: 0;
    text-align: left;
    cursor: pointer;
    /* padding-bottom: 26px; */
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
}
fieldset input[type="submit"] {
    /* padding: 9px; */
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 5px; */
    /* padding-right: 10px; */
    width: 100px;
}

fieldset input[type="submit"]:hover {
    opacity: 0.8;
}

.lower-header {
    padding-bottom:20px;
}
nav#ht-site-navigation ul li a:hover {
    color: #1e89f3;
}
.ht-main-navigation li.current_page_item a {
    color: #fff;
}
nav#ht-site-navigation ul ul li a:hover {
    background: #ffffff;
    color: #000;
}
p.ht-site-title a {
    color: #000000;
}
#ht-masthead{
    /*height: 85px;*/
    z-index: 99;
    transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    background:#fff;
    width:100%;
    position:relative;
}

.ht-sticky-header #ht-masthead{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20000;
}

.ht-sticky-header #ht-content{
    position: relative;
    z-index: 9;
    padding-top: 94px;
}

#ht-site-branding{
    float: left;
    width: 30%;
    padding:28px 0;
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}

.ht-sticky #ht-site-branding{
    padding: 5px 0;
}

#ht-site-branding img{
    max-height: 80px;
    width: auto;
}

.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding-top: 1px;
}
.page-space{
    padding-left: 25px;
}

.ht-main-title{
    margin: 15px 0 15px;
    letter-spacing: 1px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    font-weight: bold;
}

.ht-main-title:last-child{
    margin-bottom: 0;
}

.ht-site-title, .site-title{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
   margin-top: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1;
    text-align: center;
}
.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    padding: 10px 25px 0;
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #fe5722;
}
.ht-site-description{
    color: #EEE;
    margin: 0;
    font-size: 15px;    
    line-height: 1; 
    padding-top: 18px;   
}
.ht-site-description a{
    color: #333;
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
    font-size: 15px;
    margin: 0;
    color: inherit;
    display: none;
}

.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
    color: #000;
}

.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
    color: #444444;
}
 .entry-content p a:hover {
     color: #444444;
 }

.taxonomy-description,
.term-description{
    margin-bottom: 15px;
}

.taxonomy-description p:last-child,
.term-description p:last-child{
    margin-bottom: 0;
    padding: 10px;
}
#inner-blog-section .excerpt h2 a:hover {
    color:#444444;
}
#inner-blog-section .excerpt .readMore a {
    color: #fff;
}
#inner-blog-section .excerpt .readMore {
    padding: 5px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 40px;
    display: inline-block;
}
#inner-blog-section .excerpt .post-content {
    margin: 10px 0;
}
#inner-blog-section .excerpt h2 {
    margin: 10px 0;
}
#inner-blog-section .excerpt .readMore:hover {
    background: #45494a;
    opacity: 0.6;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

.textcenter{
    text-align: center;
}

:hover{
    -webkit-transition-duration: 1s;   
    -moz-transition-duration: 1s;   
    -o-transition-duration: 1s;   
    transition-duration: 1s;
}

section{
    background: #FFF;
}
section .darkbox{
    /*padding:3em 0;*/
    background: rgba(0,0,0,0.6)
}
section .lightbox{
    padding:1em 0;
}
.padding0{
    padding: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.header-phone{
    font-size: 26px;
    font-weight: 400;
    color: #040404;
}
.lower-header .sb-search{
    margin-left: 15px;
}
.header-phone i{
    font-size: 35px;
    position: relative;
    top: 3px;
}
.total-count i{
    font-size: 30px;
    position: relative;
    top: 10px;
}
.header-sm-links i {
    font-size: 30px;
    border: 1px solid #e4e3e4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 42px;
    position: relative;
    right: 3px;
}
.headeshopnow{
    border: 1px solid #ffffff;
    display: inline-block;
    word-break: break-all;
    padding: 8px 21px;
    margin: 15px 0 14px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    border-radius: 9px;
    z-index: 9;
}

/*.headeshopnow{
    padding: 8px 24PX;
    background: #2765ba;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    top: 3px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;  
}*/

.headeshopnow a:before, .headeshopnow a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;
  margin-top: -10px;
    background: red;
}

.headeshopnow a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.headeshopnow a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

.headeshopnow a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
.headeshopnow a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}
.headeshopnow a{ 
    font-size: 18px;
    font-weight: bold;
}
.headeshopnow a i{
    font-size: 18px;
    margin-left: 10px;
}
.header-main-box {
    background: #343748;
    padding-left: 15px;
}
.header-main-box h6 {
    color: #fff;
}
ul.header-sm-links {
    list-style: none;
    margin-top: 30px;
    text-align: center;
    padding: 0 1em 0 0;
    position: relative;
}
ul.header-sm-links li a{
    color:#424242;
}
ul.header-sm-links li a:hover{
    color: #605da6;
}
ul.header-sm-links span.fa {
    font-size: 14px;
    margin-right: 3px;
}
ul.header-sm-links li a {
    font-size: 16px;
}
ul.header-sm-links li:after {
    content: "|";
    padding-left: 10px;
}
ul.header-sm-links li:last-child:after {
    content: none;
}
.header-menu-box li {
    list-style-type: none;
    display: inline-block;
}

.header-menu-box li:last-child:after {
    content: none;
}
header#ht-masthead .search-box {
    background: #fff;
}
.total-count .count {
    color: #fff;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 1px;
    left: 28px;
    font-size: 12px;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    z-index: 1;
}

h1.ht-site-title a {
    color: #000;
}
#ht-masthead .main-header {
   padding: 0 10px;
  background: #2e3740;   
}

.header-menu-box ul li span{
    color:#605da6;
}
.header-menu-box ul li i{
    color:#605da6;
}
.header-menu-box ul li{
    color:#434343;
    font-size: 18px;
    font-weight: bold;
    margin-top: 24px;
    list-style: none;
}
.header-right-box ul li i{
    color:#34374a;
    font-size: 18px;
    margin-right: 5px;
}
.header-right-box ul li:hover i{
    color:#605da6;
}
.header-right-box ul li a{
    color:#434343;
    font-size: 16px;
}
.header-right-box ul li:hover a{
    color:#605da6;
}
.header-right-box ul li{
    color:#434343;
    float:right;
}
.header-right-box ul {
    margin: 0;
    list-style: none;
}
.header-menu-box ul {
    margin: 0;
}
.header-menu-box ul li i {
    font-size: 14px;
    margin-right: 5px;
}
.header-right-box ul li:after {
   content: "|";
    padding-left: 7px;
    padding-right: 10px;
    color: #818181;
}
.header-right-box ul li:first-child:after {
    content: none;
}
#ht-contactus-wrap label {
    width: 100%;
}
#sb-search &nbsp;{
    display: none;
}
.upper-header {
    margin-top: 30px;
    /* border-right: 1px solid #666; */
    text-align: center;
    padding: 0 1em 0 0;
    position: relative;
}

.upper-header:after {
    content: "";     
    width: 1px;
    height: 40px;
    right: 0;
    top: 0;
    position: absolute;
    background: #000;

}
/*.upper-header {
    margin-top: 40px;
}*/
.header-right-box {
    color: #434343;
    font-size: 15px;
}
.header-cart-text {
    font-size: 15px;
    color: #000;
    text-align: right;
}


.home-sidebar #sidebars{
    padding: 0 0em 0 0;
}
 #sidebars{
    padding: 0 0em 0 0;
}
/*=========new menus =========*/
.navigation ul.ht-menu{
    margin-top: 10px;
}
.navigation .ht-menu li {
    display: inline-block;
    position: relative;
    line-height: normal;
    list-style: none;
    margin-right: 20px;
}
.navigation ul.mainmenu{
    margin: 0;
}
.navigation .mainmenu li {
    display: inline-block;
    position: relative;
    line-height: normal;
    list-style: none;
    margin-right:5px;
}


/* = Navigation 2nd level css
-------------------------------------------------------------- */
/*.navigation .mainmenu>li>a:hover{
    background: #f3f;
}*/
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 120%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);

}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}

.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(1) {
    -webkit-transition-delay: 180ms;
    transition-delay: 180ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
    border-radius: 0;
}
.navigation .mainmenu ul.sub-menu li a:hover {
   /* background: #fff;*/
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
      font-size: 13px;
      font-weight: 400;
      padding: 12px 20px;
      display: inline-block;
      width: 100%;
      margin: 0px;
}

.navigation .mainmenu ul.sub-menu li a:hover:before, 
.navigation .mainmenu ul.sub-menu li a.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0px;
    background: #516ced;
    color: #fff !important;
    left: 0px;
    z-index: -1;
    animation: 0.8s alternate ElasticOvr;
    -webkit-animation: 0.8s alternate ElasticOvr;
    transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}

@media only screen and (max-width: 1300px) {
ul.sub-menu {
    position: relative;
    box-shadow: none;
}
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


}

@media only screen and (min-width: 1300px) {


.navigation .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
    color: #666;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, -12px, 0px);
    -webkit-transform: translate3d(0px, -12px, 0px);
    -moz-transform: translate3d(0px, -12px, 0px);
}


.navigation .mainmenu li:hover > ul{
      display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
}
.navigation .mainmenu ul.sub-menu {
    position: absolute;
    border-radius: 0;
    margin-top: 7px;
    left: 0px;
    padding: 0px;
    /*background: #f72985;*/
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.5s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu ul.sub-menu li a:hover:before, 
.navigation .mainmenu ul.sub-menu li a.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0px;
    background: #516ced;
    color: #fff !important;
    left: 0px;
    z-index: -1;
    animation: 0.8s alternate ElasticOvr;
    -webkit-animation: 0.8s alternate ElasticOvr;
    transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}

.navigation .mainmenu li:hover ul.sub-menu{
    opacity: 1;
    visibility: visible;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    }    
    .navigation .mainmenu li:hover ul.sub-menu{
    opacity: 1;
      visibility: visible;
      transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(2) {
    -webkit-transition-delay: 280ms;
    transition-delay: 280ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(3) {
    -webkit-transition-delay: 380ms;
    transition-delay: 380ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(4) {
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(5) {
    -webkit-transition-delay: 580ms;
    transition-delay: 580ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(6) {
    -webkit-transition-delay: 680ms;
    transition-delay: 680ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(7) {
  -webkit-transition-delay: 780ms;
  transition-delay: 780ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(8) {
  -webkit-transition-delay: 880ms;
  transition-delay: 880ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(9) {
  -webkit-transition-delay: 980ms;
  transition-delay: 980ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}



}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}

/*========end new menus=======*/

#ht-site-navigation{
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    /*    padding: 8px 0px 8px 0px;*/
}

.ht-main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.ht-main-navigation li {
    float: left;
    position: relative;
    padding: 6px 10px;
}
.ht-main-navigation li ul li{
    padding: 0
}

.ht-main-navigation li:hover{
    background: #1e89f3;
    border-radius: 0;
}

.ht-main-navigation li:hover ul li{
    background: none;
}

.ht-main-navigation ul ul li:hover{
    background: none;
}


.ht-main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 36px;
    padding: 0;
    font-weight: 400;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    padding-left: 20px;
    padding-right: 20px;
    
}
.ht-main-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 110% ;
    background: #343748;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 2px;
    border-top: 2px solid #1e89f3;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
}

.ht-sticky .ht-main-navigation ul ul{
    margin-top: 17px;
}

.ht-main-navigation .ht-menu > ul > li:last-child > ul{
    left: auto;
    right: 0;
}

.ht-main-navigation ul ul ul {
    left: 100%;
    top: 0;
    margin: 0 0 0 8px;
    border-top: 0;
}

.ht-sticky .ht-main-navigation ul ul ul{
    margin-top: 0
}

.ht-main-navigation ul ul a {
    text-transform: none;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.5;
    padding: 8px 10px;
    font-size: 14px;
}

.ht-main-navigation ul ul li {
    float: none;
    margin: 0 0 5px;
}

.ht-main-navigation ul ul li:last-child{
    margin-bottom: 0;
}

.ht-main-navigation ul li:hover > ul {
    display: block;
}

/*.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,*/
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a{
    background: none;
    color: inherit;
}

.ht-main-navigation li:hover > a,
.page-template-home-template .ht-main-navigation li:hover > a,
.home.blog .ht-main-navigation li:hover > a,
.ht-main-navigation .current_page_item > a,
.ht-main-navigation .current-menu-item > a,
.ht-main-navigation .current_page_ancestor > a,
.page-template-home-template .ht-main-navigation .current > a,
.home.blog .ht-main-navigation .current > a {    
	/*border-bottom:4px solid;*/
    border-radius: 0px;
   /* border: 2px solid #ffffff !important;
*/
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.ht-main-navigation li.current_page_item ul li a {
color: #fff;
}
.ht-main-navigation ul.sub-menu li a {
    background: none;
    color: #fff;
}
/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
.ht-slide-cap-desc {
    font-size: 20px;
    font-weight: bold;
}
.ht-slide-cap-desc span {
    font-weight: 900;
}

.ht-slide-cap-title{
     font-size: 38px;
    font-weight: bold;
       margin: 15px 0;
}
.ht-slide-cap-title span {
    font-size: 50px;
    font-weight: 900;
}
.bx-controls-direction {
    display: block;
}
.ht-slide{
    position: relative;
}
.ht-slide img{
    width: 100%;
    border-radius: 5px;
    height: 358px;
}
.inside-full-height{margin-left: 10px;}
.ht-slide-caption{
    position: absolute;
    top: 48%;
    right: 0;
    width: 450px;
    /* margin-left: -487px; */
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    padding: 0 13px;
}
.ht-slide-cap-title{
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    margin: 0px 0;
    padding: 0;
    line-height: 48px;
}
/*.ht-slide-cap-title span {
    font-size: 50px;
    line-height: 45px;
}*/

.ht-slide-cap-descmore{
    margin-top: 8px;
    display: inline-block;
}
.ht-slide-cap-descmore a{
    padding: 8px 44px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    color: #000;
    border-radius: 5px;
}
.ht-slide-caps-title {
    font-size: 38px;
    line-height: 48px;
    font-weight: 400;  
}
.ht-slide-cap-desc{
    text-align: right;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    margin-top: 9px;
    font-style: italic;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.ht-slide-price{
    font-size: 58px;
    font-weight: 700;
    line-height: 85px;
    margin-top: 10px;
}
.ht-slide-price sup {
    font-size: 24px;
    top: -25px;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a{
    height: 70px;
    width: 50px;
    margin-top: -35px;
    opacity: 0.6;
}

#ht-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
    opacity: 1;
}

#ht-home-slider-section .bx-wrapper .bx-prev{
    background: url(images/prev.png) no-repeat center;
    left: 0;
}

#ht-home-slider-section .bx-wrapper .bx-next{
    background: url(images/next.png) no-repeat center;
    right: 0;
}

#ht-home-slider-section .bx-wrapper .bx-prev:hover {
    background: url(images/prevhover.png) no-repeat center;
}


#ht-home-slider-section .bx-wrapper .bx-next:hover {
    background: url(images/nexthover.png) no-repeat center;
}

.slidercompletesec {
    background: #fdfdfd;
    padding: 0;
}
.sliderright-img {
    width: 100%;
    height: 174px;
    border-radius: 5px; 
}
.sliderrightbox .sliimg{
    margin-top: 11px;
}
.sliderright-img:hover {
    opacity: 0.8;
}

/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
#ht-about-us-section ul li:before {
   content: "\f101";
    font-family: 'Fontawesome';
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
}
section#ht-about-us-section img {
    width: 100%;
}
#ht-about-us-section{
   /* background: #FFF;*/
}
#ht-about-us-section .ht-section-title{
	padding:0;
}
#ht-about-us-section ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#ht-about-us-section ul li {
    /*background: url(images/list-ico.png) no-repeat 0 8px;
    padding: 0 0 0 20px;*/
	margin: 10px 0;
    font-size: 16px;
}

#ht-about-us-section .ht-section-title-tagline{
	text-align:left;
	margin-bottom:0;
}
.ht-about-sec, .ht-text-block-sec{
    width: 54%;
    padding-right: 30px;
}

.ht-about-sec h2{
    text-align: left;
    width: auto;
}

.ht-progress{
    margin-bottom: 20px;
}

.ht-progress:last-child{
    margin-bottom: 0;
}

.ht-progress h6{
    font-weight: 300;
    margin-bottom: 5px;
}

.ht-progress-bar-sec{
    margin-top: 30px;
}

.ht-progress-bar{
    height: 8px;
    width: 100%;
    position: relative;
    line-height: 20px;
    font-size: 13px;
    background: #f6f6f6
}

.ht-progress-bar-length{
    background: #fe5722;
    height: 100%;
    text-align: right;
    padding-right: 20px;
}

.ht-progress-bar-length span{
    position: absolute;
    right: 0;
    bottom: 100%; 
}


.ht-left-image, .ht-right-image{width:45%;padding-right: 30px;display: inline-block;}
.ht-left-image{padding-right: 30px;padding-left: 0px;}
.ht-text-block-sec{padding:0px;padding-left:30px;display: inline-block;vertical-align: top}
.ht-text-block-sec h2.ht-section-title{margin: 0 auto 15px auto;width: 100%}


/*--------------------------------------------------------------
## Facility Section
--------------------------------------------------------------*/
.ht-section-tagline.lz-facility-text.feature-border {
    text-align: left;
}
.ht-section-tagline.lz-featured-text.feature-border {
    text-align: left;
}
h2.ht-section-title.lz-facility-heading {
    text-align: left;
}
.facility-post.wow.fadeInUp {
    margin-bottom: 2em;
}
.facility-excerpt {
    color: #4f4f4f;
    font-size: 15px;
    /* line-height: 26px; */
}
#facility-content-section .facility-icon {
    font-size: 50px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    width: 80px;
}
section#facility-content-section h5 {
    padding: 0;
    font-weight: 600;
    margin: 0;
}
/*===========*/
#facility-content-section{
    background:#ffffff;
        overflow:hidden;

}
.facility-left-sect {
    padding:50px 20px;
}
.sliderrightbox{padding: 0;}
#ht-facility-section .facility-img{
    width: 100%;
    border: 8px solid #bbb;
}

#ht-facility-section ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#ht-facility-section  ul li {
    background: url(images/list-ico.png) no-repeat;
    padding: 4px 0 4px 47px;
    margin: 10px 0;
}

#ht-facility-section .facility-box {
    padding-top: 2em;
}
.facility-box .ht-section-tagline {
    font-size: 16px;
}
.lz-facility-text {
    /*margin-top: 13px;*/
}
.lz-facility-text ul {
    list-style: none;
    margin: 0;
}
.lz-facility-text ul li {
    font-size: 20px;
}
.lz-facility-text ul li i {
    margin-right: 10px;
    font-size: 24px;
    padding: 15px 16px;
    margin: -10px 15px 9px 0;
    border-radius: 42px;
    color: #fff;
    font-size: 22px;
    float:left;
}
.facility img{
    width:100%;
    height:100%;
    box-shadow: 6px 6px #989898;
}
.facility-box .heading {
    font-weight: 400;
    font-size: 19px;
    margin-top: 20px;
    display: block;
}
.facility-box .service-text{
    font-weight: 400;
    font-size: 16px;
    /*display: inline-block;*/
    margin-left: 70px;
}
.ht-facility-post {
    position: relative;
    z-index: 99;
}
.ht-facility-post-wrap {
    position: relative;
}
.ht-facility-post-wrap:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 28px;
    bottom: 34px;
    width: 2px;
}

@media screen and (min-width: 769px){
    .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    }
    
}
.col-container {
    display: table;
    width: 100%;
}
.col-facility{
    display: table-cell;
}
.heading.active i {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;
}
.test-right img {
    width: 100%;
    height: 100%;
}
.heading{cursor: pointer;}
@media screen and (min-width: 769px){
.inside-full-height{height:100%}

}
/*--------------------------------------------------------------
## Featured Section 
--------------------------------------------------------------*/
.main-section-sidebar {
    padding: 35px 0;
}
/*.ht-featured-social-id {
    display: none;
}
div#recent-porduct:hover .ht-featured-social-id {
    display: block;
    transform: translateY(-8%);
    transition: .5s ease-in-out;
}*/
section#featured-post-section ul li b {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-left: 5px;
}
section#featured-post-section ul li i.fa {
    color: #fff;
}
section#featured-post-section ul li:last-child {
    background: #88b14b;
}
section#featured-post-section ul li {
    list-style-type: none;
    width: 117px;
    display: table-cell;
    background: #ccc;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
section#featured-post-section ul {
    margin: 0;
}
section#featured-post-section span.price {
    font-size: 15px;
    margin-bottom: 10px;
}
#featured-post-section .total-product-title-wrap h6 {
    font-size: 15px;
    text-transform: capitalize;
}
h2.ht-section-title.lz-featured-heading{
    display: inline-block;
}
h2.ht-section-title.lz-featured-heading p{
    background: #000;
    display: inline-block;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
}
section#featured-post-section .total-product-title-wrap {
   padding-top: 15px;
    padding-bottom: 50px;
   /* margin-bottom: 10px;*/
}
#featured-post-section #recent-porduct {
    text-align: center;
    border-right: 1px solid #e2e2e2;
}
section#featured-post-section img {
    width: 100%;
      height: 230px;
    /*transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;*/
}
section#featured-post-section img:hover {
/*transform: scale(1.5) rotateZ(0deg);
    -moz-transform: scale(1.5) rotateZ(0deg);
    -webkit-transform: scale(1.5) rotateZ(0deg);
    -o-transform: scale(1.5) rotateZ(0deg);*/
}
#featured-post-section{
    color: #FFF;
}

.featured-post:after{
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
    top: -2px;
    left: -1%;
    width: 0px;
    height: 0px;
    border-top: 4px solid;
    border-left: 4px solid;
    width: 40%;
    height: 28%;
}
.featured-post:hover:after{
    height: 85%;
    width: 85%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: -1;
}
.featured-post:before{
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
    bottom: -2px;
    right: -1%;
    width: 0px;
    height: 0px;
    border-right: 4px solid;
    border-bottom: 4px solid;
    width: 40%;
    height: 28%;
}
.featured-post:hover:before{
height: 85%;
    width: 85%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: -1;
}

.featured-post{
    /*padding: 1.5em; */
    position: relative;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding-bottom: 1.5em;
    z-index: 999;
}


/*
#featured-post-section .feature-post-boxes div:nth-child(2) div{
    border:none;
}

#featured-post-section .feature-post-boxes div:nth-child(2) div h5, #featured-post-section .feature-post-boxes div:nth-child(2) div .featured-excerpt{
    color:#fbf3f3;
}
*/
#featured-post-section .featured-post h5{
    padding:1em 0 0.3em;
	color:#363636;
}

#featured-post-section .featured-icon{
    font-size: 60px;
}
/*
.featured-post:hover .featured-link{
	display:block;
	cursor:pointer;	
}
 .featured-link{
	display:none;
}*/
.featured-excerpt{
    padding:0;
	font-size: 16px;
	color:#363636;
    padding-left: 15px;
    padding-right: 15px;
}

.ht-featured-icon .fa{
    vertical-align: bottom;
    color:#666666;
	
}


/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.ht-portfolio-cat-name-list{
    text-align: center;
    margin-bottom: 30px;
    text-align: right;
}

.ht-portfolio-cat-name-list .fa{
    vertical-align: middle;
    color: #fe5722; 
}

.ht-portfolio-cat-name{
    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #BBB;
    line-height: 1;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.ht-portfolio-cat-name:nth-child(2){
    border-left: 0;
    margin-left: 0;
}

.ht-portfolio-cat-name:hover, 
.ht-portfolio-cat-name.active{
    color: #fe5722;
}

.ht-portfolio-post-wrap{
    margin:2em 0;
}

.ht-portfolio{
    width: 33.33%;
    float: left;
    padding: 7.5px;
}

.ht-portfolio-outer-wrap{
    position: relative;
}

.ht-portfolio-wrap{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f9f9f9;
}

.ht-portfolio-wrap img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 0
}

.ht-portfolio-caption{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    padding: 30px;
    opacity: 0;
    background: rgba(255, 193, 7, 0.9);
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    overflow: hidden;
}

.ht-portfolio-wrap:hover .ht-portfolio-caption{
    opacity: 1;
}

.ht-portfolio-caption h5{
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    -ms-transform: translate(300px, 0); 
    -webkit-transform: translate(300px, 0); 
    transform: translate(300px, 0);
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
    -ms-transform: translate(0, 0); 
    -webkit-transform: translate(0, 0); 
    transform: translate(0, 0);
}

.ht-portfolio-caption a{
    height: 36px;
    width: 36px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: center;
    display: block;
    line-height: 36px;
    color: #fe5722;
    font-size: 14px;
    background: #FFF;
    margin: 10px 5px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}

.ht-portfolio-caption a.ht-portfolio-image{
    -ms-transform: translate(-300px, 0); 
    -webkit-transform: translate(-300px, 0); 
    transform: translate(-300px, 0);
    right: 66px;
}

.ht-portfolio-caption a.ht-portfolio-link{
    -ms-transform: translate(-300px, 0); 
    -webkit-transform: translate(-300px, 0); 
    transform: translate(-300px, 0);
}

.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
    -ms-transform: translate(0, 0); 
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


/*--------------------------------------------------------------
## Service Section
--------------------------------------------------------------*/
#ht-service-post-section{
    position: relative;
    padding: 40px 0;
    background: #F5F5F5;
}

.ht-service-left-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
    width: 50%;
}

.ht-service-posts{
    float: left;
    width: 50%;
    padding-right: 40px;
}

.ht-service-post-wrap{
    position: relative;
}

.ht-service-post-wrap:after{
    content: "";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fe5722;
}

.ht-service-posts .ht-section-title-tagline{
    text-align: left;
    margin-bottom: 21px;
}

.ht-service-posts .ht-section-title{
    width: auto;
}

.ht-service-posts .ht-section-tagline{
    width: auto;
}

.ht-service-post{
    margin-bottom: 25px;
    position: relative;
    z-index: 99;
}

.ht-service-post:last-child{
    margin-bottom: 0
}

.ht-service-icon{
    float: left;
    font-size: 18px;
    background: #fe5722;
    width: 50px;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    cursor: pointer;
    border-radius: 50%;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}

.ht-active .ht-service-icon{
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #fe5722;
}

.ht-service-excerpt{
    padding-left: 65px;
}

.ht-service-text{
    display: none;
}

.ht-service-excerpt h5{
    margin: 15px 0 6px;
    cursor: pointer;
}
/*--------------------------------------------------------------
## ECat PRODUCT Section
--------------------------------------------------------------*/
#ecatproduct-section p.product-price-tickr{
    margin:0 0 5px 0;
    font-size: 16px;

}
#ecatproduct-section .product-price-tickr del{
    margin-right: 10px;
}
#ecatproduct-section .owl-theme .owl-nav{
    display: none;
}
#ecatproduct-section .owl-theme .owl-dots .owl-dot span{
    background: transparent;
    border: 1px solid #1e89f3;
     margin: 5px;
     width: 15px;
    height: 15px;
}
#ecatproduct-section .owl-theme .owl-dots .active span{
    background:#1e89f3;
    width: 40px;
    height: 15px;
    margin: 5px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#ecatproduct-section .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 30px;
}

#ecatproduct-section  h2.ecatproduct-heading{
    padding: 0 10px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}

#ecatproduct-section .content-part h3{
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
}
#ecatproduct-section #uncategorized{
    display: none;
}
#ecatproduct-section {
    padding: 2em 0;
    background: #fdfdfd;
}
.ht-section-title {
    font-size: 25px;
    font-weight: 400;
}
.ht-section-title-tagline{
    margin-bottom: 1em;  
}
#ecatproduct-section .content-part a h3 {
    color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#ecatproduct-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 15px;
}
#ecatproduct-section .price del{
    color: #353535;
     font-size: 15px;
}
.ht-featured-ecatpro {
    margin-top: 5px;
}
#ecatproduct-section .responsive-tabs {
    background: #ffff;
    box-shadow: 0px 1px 2px 2px rgba(216, 216, 216, 0.4);
}
#ecatproduct-section #recent-porduct {
    border-right: 1px solid #e0e0e0;
    padding: 0 25px;
    margin: 30px 0;
}

#ecatproduct-section .procatbord {
    height: auto !important;
}

#ecatproduct-section .procatbord {
    border: 1px solid #e0e0e0;
    text-align: center;
}
#ecatproduct-section .ht-featured-ecatpro ul {
    margin: 0;
    padding-bottom: 0;
}
#ecatproduct-section .ht-featured-ecatpro ul li {
    list-style-type: none;
    width: 117px;
    display: table-cell;
    background: #ccc;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: none;
    border: 1px solid #dedede;
}
#ecatproduct-section .ht-featured-ecatpro ul li:hover{
    background: #1e89f3;
}
#ecatproduct-section .ht-featured-ecatpro ul li:hover b{
    color: #fff;
}
#ecatproduct-section .ht-featured-ecatpro ul li b {
    color: #b6b6b6;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
#ecatproduct-section .ht-featured-ecatpro ul li i{
    color:#b6b6b6;
}
#ecatproduct-section .ht-featured-ecatpro ul li:hover i{
    color: #fff;
}
#ecatproduct-section .ht-featured-ecatpro ul li:last-child {
   border-left: none;
}
#ecatproduct-section .ht-featured-ecatpro ul li:last-child:hover {
    background: #1e89f3;
}

#ecatproduct-section #recent-porduct .pro-img a img {
    width: 100%;
}
#ecatproduct-section #recent-porduct .pro-img a:hover img {
    opacity: 0.8;
}

#ecatproduct-section .ecatbanner{
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#ecatproduct-section .ecatbanner img{
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
#ecatproduct-section .ecatbanner:hover img {
    transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(1.1) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    opacity: 0.8
}

#ecatproduct-section .pro-img{
    background: #fff;
}
.responsive-tabs .price {
    padding: 0 5px;
}
.ecatbanner img{
    width: 100%;
    position: relative;
}
/*--------------------------------------------------------------
## FCat PRODUCT Section
--------------------------------------------------------------*/
#fcatproduct-section {
    padding: 2em 0;
    background: #f7f6f2;
    margin-left: 15px;
}
#fcatproduct-section .content-part{
    padding: 5px;
}
#fcatproduct-section .content-part a h3 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 500;
}
#fcatproduct-section .price ins {
    background: none;
    text-decoration: none;
    color: #020202;
    font-size: 20px;
        font-weight: 600;
}
#fcatproduct-section .price del{
    color: #353535;
     font-size: 20px;
     margin-right: 10px;
}
.ht-featured-fcatpro {
    margin-top: 5px;
}
#fcatproduct-section #recent-porduct { 
    margin: 0 0 15px 0;
}
#fcatproduct-section .procatbord{
    height: auto !important;
    padding: 0 5px;
}
#fcatproduct-section .ht-featured-fcatpro ul {
    margin: 0;
    padding-bottom: 0;
}
#fcatproduct-section .ht-featured-fcatpro ul li {
    list-style-type: none;
    width: 117px;
    display: table-cell;
    background: #ccc;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: none;
    border: 1px solid #dedede;
}
#fcatproduct-section .ht-featured-fcatpro ul li:hover{
    background: #1e89f3;
}
#fcatproduct-section .ht-featured-fcatpro ul li:hover b{
    color: #fff;
}
#fcatproduct-section .ht-featured-fcatpro ul li b {
    color: #b6b6b6;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
#fcatproduct-section .ht-featured-fcatpro ul li i{
    color:#b6b6b6;
}
#fcatproduct-section .ht-featured-fcatpro ul li:hover i{
    color: #fff;
}
#fcatproduct-section .ht-featured-fcatpro ul li:last-child {
   border-left: none;
}
#fcatproduct-section .ht-featured-fcatpro ul li:last-child:hover {
    background: #1e89f3;
}

/*#fcatproduct-section #recent-porduct .pro-img a img {
    width: 100%;
}
*/


#fcatproduct-section .fcatbanner{
       display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#fcatproduct-section .fcatbanner img{
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
#fcatproduct-section .fcatbanner:hover img {
    transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(1.1) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    opacity: 0.8
}
#fcatproduct-section .pro-img{
    background: #fff;
    margin-bottom: 15px;
}
#fcatproduct-section .pro-img img{
    width: 100%;
    height: 250px;
}
.fcatbanner img{
    width: 100%;
    position: relative;
}

/*--------------------------------------------------------------
## furCat PRODUCT Section
--------------------------------------------------------------*/
#furcatproduct-section {
    padding: 2em 0;
    background: #f7f6f2;
    margin-left: 15px;
}
#furcatproduct-section .procatbord1 {
    text-align: center;
}
#furcatproduct-section .procatbord1 .pro-img img{
    width: 100%;
    height: 128px;
}
#furcatproduct-section .content-part{
    padding: 5px 10px;
}
#furcatproduct-section .content-part h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    word-break: break-word;
}
#furcatproduct-section .content-part .pro-cat{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}
#furcatproduct-section p.product-price-tickr {
    margin: 0 0 5px 0;
    font-size: 16px;
}
#furcatproduct-section .product-price-tickr del {
    margin-right: 10px;
    font-weight: 500;
}
#furcatproduct-section .product-price-tickr ins{
    background: transparent;
}
#furcatproduct-section .owl-theme .owl-dots{
    margin-top: 20px;
}
#furcatproduct-section .owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #1e89f3;
    margin: 5px;
    width: 15px;
    height: 15px;
}
#furcatproduct-section .owl-theme .owl-dots .active span {
    background: #1e89f3;
    width: 40px;
    height: 15px;
    margin: 5px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#furcatproduct-section .owl-theme .owl-nav button{margin: 3px;}
#furcatproduct-section .owl-theme .owl-nav button span {
    width: 19px;
    height: 18px;
    line-height: 18px;
    font-size: 25px;
    font-weight: 300;
    display: block;
    background: #000;
    color: #fff;
}
#furcatproduct-section .owl-theme .owl-nav {
    position: absolute;
    top: -61px;
    right: 8px;
}
/*
-------------------------------------------------------------
## Featured Product and Newsletter Section or quick-sale
--------------------------------------------------------------*/
#ht-fproductnews-heading-section .featuredpro ul{
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 3;
}
#ht-fproductnews-heading-section .featuredpro li.product .onsale{
    display: none;
}
#ht-fproductnews-heading-section .featuredpro ul li{
    background: transparent;
    display: inline-block;
    width: 100%;
    margin: 1em 0.5em;
}
#ht-fproductnews-heading-section .featuredpro img.attachment-woocommerce_thumbnail {
    width: 30% !important;
    height: 103px !important;
    float: left;
}
#ht-fproductnews-heading-section .featuredpro .total-product-title-wrap{
    width: 70% !important;
    float: left;
    padding: 0em 0.8em !important;
    background: transparent;
    text-align: left;
}

#ht-fproductnews-heading-section .featuredpro li.product a.button{
    display: none !important;
}

#ht-fproductnews-heading-section .featuredpro .price ins {
    background: transparent;
    margin-left: 10px;
}
#ht-fproductnews-heading-section .featuredpro .price {
    font-size: 20px !important;
    font-weight: 600;
    margin-top: 5px !important;
}
#ht-fproductnews-heading-section .featuredpro .price del bdi{font-weight: 400;}
#ht-fproductnews-heading-section .featuredpro h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    line-height: 24px;
    margin-bottom: 25px !important;
}
.quick-sale ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.quick-sale ul li{
    background: transparent;
    display: table;
    width: 100%;
    margin: 1em 0 1em 0;
}
.quick-sale img.attachment-woocommerce_thumbnail {
    width: 30% !important;
    height: 140px !important;
    float: left;
    border: 1px solid  !important;
}
.quick-sale .total-product-title-wrap{
      width: 70% !important;
    float: left;
    padding: 2em !important;
    background: transparent;
    text-align: left;
}
.quick-sale h2.woocommerce-loop-product__title{
    font-size: 16px !important;
    margin-bottom: 10px !important;
}
.quick-sale span.onsale{
    display: none;

}
.quick-sale .price{
    font-size: 20px !important;
    margin-top: 5px !important;
}
.quick-sale .price ins{
    background: transparent;
    margin-left: 10px;
}
.quick-sale li.product a.button{
    display: none !important;
}
#ht-fproductnews-heading-section .featuredpro{margin: 0 15px;padding: 1em;}
#ht-fproductnews-heading-section {
    background: #f7f6f2;
    padding: 2em 0;
    margin-left: 15px;
}
#featured-product-section {
    box-shadow: 0px 1px 3px 3px rgba(197, 197, 197, 0.4);
    background: #fff;
    border-radius: 3px;
    padding: 2.5em 10px 0em;
}

#featured-product-section #recent-porduct {
    background: #f7f5f6;
    padding: 10px;
}

#featured-product-section .featured-product {
    padding: 0 10px;
    margin-bottom: 20px;
}
#featured-product-section .total-product-title-wrap {
    padding: 0 15px;
        background: none;
}
#featured-product-section .content-part a h3 {
       color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#featured-product-section .price del {
    color: #353535;
    font-size: 15px;
}
#featured-product-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 15px;
}
#featured-product-section .total-product-title-wrap h6 {
    color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}


.lz-fitness-address-lable{
    margin:20px 0 0 0;
}

.newsletter-form-box div.wpcf7-response-output{
position: absolute;
    margin: 0;
    bottom: 7px;
}

#featured-product-section #recent-porduct .pro-img a img {
    width: 100%;
}
#featured-product-section #recent-porduct .pro-img a:hover img {
    opacity: 0.8;
}

/*
-------------------------------------------------------------
## Product Banner Section
--------------------------------------------------------------*/

#product-banner-section {
    background: #f7f6f2;
    padding: 0;
    margin-left: 15px;
}
.product-innerbanner {
    padding:3em 0;
    margin: 0 15px;
    background: #fff;
}
#product-banner-section .ht-section-title-tagline {
    text-align: center;
    margin:0;
    border-bottom: none;
}
#product-banner-section .ht-section-title {
     color: #000;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;   
}
#product-banner-section .ht-section-title-tagline p{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
#product-banner-section .ht-section-tagline {
   color: #000;
    font-weight: bold;
    font-size: 24px;
    margin: 12px 0;
    display: inline-block;
}

#product-banner-section .ht-section-title-tagline h3{
    color: #000;
    font-weight: bold;
    font-size: 36px;    
    margin: 5px 0;
}
.probannerreadmore {
    text-align: center;
}
#product-banner-section .readmore a {
    padding: 8px 20px 8px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    color: #000;
    border-radius: 0;
    background-color: transparent;
    margin-top: 15px;
    position: relative;
    transition: all 0.5s;
    z-index: 10;
    overflow: hidden;
}
#product-banner-section .readmore a:before, #product-banner-section .readmore a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 50px solid ;
    transition: all 0.5s;
    z-index: 0;
    border-radius: 50px;
    z-index: -1;
    margin-top: -10px;
    
}
#product-banner-section .readmore a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#product-banner-section .readmore a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}
#product-banner-section .readmore a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);     
}
#product-banner-section .readmore a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}
#product-banner-section .readmore a:hover{
    color: #fff;
    opacity: 1;
   /* box-shadow: inset 0 0 0 2px #ffffff;*/
   /* background: #1e89f3;*/
}
.probannerboxeffect img {
    width: 100%;
    /*height: 100%;*/
}
/*
/*--------------------------------------------------------------
## Logo Section
--------------------------------------------------------------*/
.ht_client_logo_slider img{
    padding: 0 26px;
}

/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
section#ht-blog-section {
    margin-left: 15px;
    padding: 1em 0;
    background: #f7f6f2;
    margin-left: 15px;
}
#ht-blog-section .ht-blog-thumbnail {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-bottom: 25px;
}
#ht-blog-section .ht-blog-excerpt p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 10px;
}
#ht-blog-section .ht-blog-date {
    font-weight: 400;
    font-size: 15px;
}
#ht-blog-section .ht-blog-posts{
    margin: 0 15px;
    padding: 1em 0;
}
#ht-blog-section .ht-blog-date .fa{
    margin-right: 10px;
    color: #474747;
}
#ht-blog-section .blog-read-more a {
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
#ht-blog-section .blog-read-more a:hover {
    color: #f70d0d;
}
#ht-blog-section .blog-read-more a i{
    color: #b1b1b1;
    font-size: 16px;
    padding-left: 10px;
}
#ht-blog-section .ht-blog-comment {
    font-size: 15px;
    margin-bottom: 0;
    padding: 0;
    float: right;
}
#ht-blog-section .ht-blog-excerpt h5 a {
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
}
.lz-blog-text {
    font-size: 16px;
}
.ht-blog-comment {
    font-size: 18px;
    margin-bottom: 0;
    color: #7f7f7f;
    padding: 15px;
}
.ht-blog-excerpt p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.ht-blog-excerpt .post-right span {
    font-size: 14px;
    color: #83817f;
}
.ht-blog-excerpt .post-right span b {
    color: #000;
    font-weight: normal;
}
.ht-blog-post .box-panels {
    margin-bottom: 20px;
}
.ht-blog-post .blog-img{
    width: 100%;
    height: 296px;
}
.ht-blog-thumbnail a{
    display: block;
    position: relative;
}
.ht-blog-thumbnail a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.ht-blog-thumbnail:hover a:after{
    width: 100%;
}

.ht-blog-excerpt{
   padding: 0;
    position: relative;
}

.ht-blog-excerpt h5{
    font-weight: bold;
    margin: 10px 0;
    font-size: 18px;
}

.ht-blog-excerpt h5 a {
    color: #444;
    text-transform: uppercase;
}

.ht-blog-date {
    font-size: 16px;
    color: #2e2e2e;
}
.ht-blog-date .fa{
    margin-right: 10px;
}

#inner-blog-section .blog-read-more{
    text-align:center;

}

.ht-blog-excerpt .post-right {
    padding: 10px 25px;
    border-left: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    font-size: 14px;
}

.post-right .blog-read-more a:hover{
   color: #000;
}

.post-right .blog-read-more {
    margin: 10px 0;
    border-radius: 5px;
}
.post-right .blog-read-more a {
    color: #fff;
    margin: 10px 0;
    border-radius: 5px;
    padding: 10px;
}
/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/


#blog-box h4{
      margin: 20px 0 25px 0;
    font-weight: bold;
    text-align: center;
}

#blog-box .inner-blog-img{
        width: 100%;
}

#blog-box .inner-blog-post{
    margin: 0 0 2em 0;
    background: #eee;
    padding: 2em;
    border-radius: 10px;
}

#blog-box .inner-blog-img{
    border-radius: 10px;
    width: 100%;
    margin: 0 0 30px;
    background: #fff;
    padding: 2px;
}

#blog-box .inner-blog-excerpt{
    margin: 0 0 20px 0;
        text-align: center;
}

#blog-box .blog-read-more{
    text-align:center;

}

#blog-box .blog-read-more a{
    padding: 5px 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    border: 1px solid;
    border-radius: 10px;
   background: #3a3c3d;
}

#blog-box .blog-read-more a:hover{
    background: #333;
    color: #FFF;
}

.socialMedia{
    width: 100%;
    text-align: left;
    margin: 40px 0 20px 0;
}

.socialMedia a{
      color: #fff;
    background: #1e89f3;
    border: 0;
    font-size: 25px;
    padding: 8px 25px;
    width: auto;
    border-radius: 3px;
}

.socialMedia a:hover {
    color: #fff;
    background: #3a3c3d;
    border: 0px solid #fff;
}
.post-date-publishable i {
    margin-right: 10px;
}
.post-date-publishable {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
    padding: 15px;
    font-weight: 800;
}
#commentsAdd p a:hover {
    color: #000;
}
#content-box ol li a:hover {
    color: #000;
}
.edit-link a:hover {
    color: #45494a;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#ht-cta-section{
    color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    background-attachment: fixed;
    position: relative;
    background-position: 50% 0; 
}

#ht-cta-section .ht-section{
    padding: 80px 0;
    background: none;
}

#ht-cta-section .ht-section-title-tagline{
    margin-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#ht-cta-section .ht-cta-overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}

.contact-box{
    /*margin-top: 2em;*/
}

.ht-cta-buttons{
    text-align: center;
}

.ht-cta-buttons a{
    display: inline-block;
    padding: 0 30px;
    line-height: 52px;
    color: #FFF;
    border-radius: 1px;
    margin: 0 4px;
}

.ht-cta-buttons a.ht-cta-button1{
    background: #fe5722;
}

.ht-cta-buttons a.ht-cta-button2{
    background: #333;
}

.ht-cta-buttons a.ht-cta-button1:hover{
    background: #333;
    color: #FFF;
}

.ht-cta-buttons a.ht-cta-button2:hover{
    background: #fe5722;
    color: #FFF;
}



/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.ht-top-footer i.fa {
    /*font-size: 16px;*/
    padding-right: 5px;
}
footer#ht-colophon {
    clear: both;
    background: #f7f6f2;
}
footer#ht-colophon .social-profile-icons ul li {
    /*background: none;
    border: 1px dashed #000;*/
}
.ht-footer.ht-footer2 .wpcf7:after{
    content: " ";
    /* font-family: 'Fontawesome'; */
    position: absolute;
    top: 10px;
    font-size: 35px;
    /* text-align: right; */
    /* left: 0; */
    right: 19px;
    color: #f5f2f2fa;
    background-image: url(images/news1.png);
    background-repeat: no-repeat;
    height: 28px;
    width: 35px;
}
.ht-top-footer input[type="submit"]{
    background: #1e89f3;
}
.ht-top-footer input[type="submit"]:hover{
    opacity: 0.8;
}
.ht-footer.ht-footer2 {
    color: #fff;
}
.ht-footer.ht-footer3 {
    color: #fff;
}
footer#ht-colophon .social-profile-icons ul li a {
    color: #000;
}

.ht-top-footer .social-profile-icons ul li:hover{
    -webkit-transition: all 0.1s ease;
}
.ht-footer .social-profile-icons ul li a:hover{
    -webkit-transition: all 0.1s ease;
}
.ht-footer .social-profile-icons ul li a {
    color: #000;
}
.ht-top-footer .social-profile-icons ul li {
    padding-left: 0;
    margin: 0 5px;
}
.ht-top-footer .social-profile-icons ul li:before{display: none;}
.ht-footer.ht-footer1 {
    
}
div#copyright-note span {
    font-weight: normal;
    /* font-size: 16px; */
}
footer#ht-colophon ul li a {
    text-transform: capitalize;
}
.ht-footer table tr {
    line-height: 28px;
}
footer#ht-colophon .social-profile-icons ul li {
    background: none;
}
footer#ht-colophon p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.footer-section{padding: 0;}
#ht-colophon .widget_calendar table thead tr th {
    text-align: center;
}
#ht-colophon .widget_calendar table tbody td {
    text-align: center;
}
#ht-colophon .widget_calendar tfoot tr td a {
    padding: 5px 10px;
    border-radius: 5px;
}
#ht-colophon .widget_calendar tfoot tr td a:hover {
    opacity: 0.6;
}
.ht-footer .textwidget .fa {
    margin-right: 5px;
}

.ht-footer ul li {
    padding: 2px 0 8px 0;
    list-style: none;

}
.ht-top-footer ul li {
    line-height: 28px;
    cursor: pointer;
}
.ht-top-footer ul li:hover {
    /*background: url(images/list2.png) no-repeat scroll left center;*/
}
#ht-colophon{
    font-size: 16px;
}

.page-template-home-template #ht-colophon,
.home.blog #ht-colophon{
    margin-top: 0
}

#ht-top-footer textarea {
    max-width: 100%;
    height: 50px;
}

#ht-top-footer input[type="text"], 
#ht-top-footer input[type="email"], 
#ht-top-footer input[type="url"], 
#ht-top-footer input[type="password"], 
#ht-top-footer input[type="search"], 
#ht-top-footer input[type="number"], 
#ht-top-footer input[type="tel"], 
#ht-top-footer input[type="range"], 
#ht-top-footer input[type="date"], 
#ht-top-footer input[type="month"], 
#ht-top-footer input[type="week"], 
#ht-top-footer input[type="time"], 
#ht-top-footer input[type="datetime"], 
#ht-top-footer input[type="datetime-local"], 
#ht-top-footer input[type="color"],
#ht-top-footer textarea,
#ht-top-footer input[type="file"],
#ht-top-footer select {
    width: 100%;
    color: #fff;
    background: #fff;
    border:none;
    border-bottom: 1px solid #fff;
    border-radius: 10px;
      height: 50px;
    margin-bottom: 15px;
        padding: 10px 16px;
}
#ht-top-footer input::placeholder,  #ht-top-footer textarea::placeholder{
     color: #fff;
}
.ht-top-footer input[type="submit"] {
    margin: 10px 0;
    border-radius: 3px;
    padding: 7px 25px;
}
#ht-colophon a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.ht-bottom-footer .ht-site-info span a{
    font-size: 20px;
    font-weight: 600;
    color: #F23C38 !important;
        transition: 0.3s all;
}
.ht-bottom-footer .ht-site-info span a:hover {
    text-decoration: underline;
        transition: 0.3s all;
}


#ht-colophon li:before{
    content: "\f101";
    font-family: 'Fontawesome';
    font-size: 18px;
    font-weight: 600;
    padding-right: 8px;
}
#ht-colophon .widget-title{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 4em;
    font-weight: 700;
    padding: 0;
}
#ht-top-footer{
    color: #424242;
    padding: 50px 0;
}
.ht-top-footer{
    margin-left: -3%;
}
.ht-footer{
    float: left;
  /*  width: 23%;*/
   
}
.ht-footer .widget{
    margin-bottom: 30px;
}
.ht-footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-footer-menus-container ul li{
	/*background: url(images/footer-list-ico.png) no-repeat 0 8px;*/
    padding: 2px 0 2px 20px;
    list-style: none;
    /*margin-left: 14px;*/
}
.menu-footer-menus-containerul li a:hover{
    color:orange;
}
 .ht-top-footer .social-profile-icons ul li{
    display: inline-block;
}
 .ht-top-footer .social-profile-icons ul li i{
       color: #353849;
    font-size: 20px;
    border: 2px solid #353849;
    padding: 8px 9px;
    background: none;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    margin: 0 0px;
}
 .ht-top-footer .social-profile-icons ul li i.fa-facebook {
    font-size: 20px;
    padding: 8px 12px;
}


#innerpage-box .social-profile-icons ul li{
    display: inline-block;
    margin: 0 2px;
    list-style: none;
    border-radius: 50%;
}
 #innerpage-box .social-profile-icons ul li i{
  color: #353849;
    font-size: 20px;
    background: none;
}
#ht-bottom-footer{
    text-align: center;
    font-size: 16px;
    padding: 30px 0;
    color: #848484;
    line-height: 1.2;
    border-top: 1px solid #666;
}
.ht-site-info a{
    border-bottom: 1px dotted #AAA;
}
#ht-back-top{
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #111;
    height: 60px;
    width: 40px;
    text-align: center;
    color: #FFF;
    line-height: 60px;
    z-index: 99;
    cursor: pointer;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#ht-back-top:hover{
    background: #fe5722;
}

#ht-back-top.ht-hide{
    bottom: -100px;
}


/*--------------------------------------------------------------
## Inner paGE extra css
--------------------------------------------------------------*/

.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
}
.widget_product_search .woocommerce-product-search .search-field {
    border-right: 1px solid #eee;
}

.woocommerce-product-search .search-field {
    width: 90% !important;
    margin-bottom: 5px;
    margin-top: 20px;
    border: 1px solid #ccc;
}

.woocommerce ul.product_list_widget li img {
    margin: 0 15px 0px 0;
    width: 110px !important;
    height: 90px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #333;
    color: #FFF;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
}
.woocommerce-MyAccount-navigation ul li {
    margin: 5px 0 !important;
}
.woocommerce-MyAccount-navigation ul li:before {
    display: none;
}
.woocommerce-MyAccount-navigation ul li a {
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    color: #fc856d;
    padding: 0px 20px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    padding: 10px 8px;
    width: 100%;
    margin-bottom: 5px;
}
/*.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
}*/

#content-box ul li:before {
    content: "\f00c";
    font-family: 'Fontawesome';
    margin-right: 10px;
}

.tagcloud a {
    font-size: 15px !important;
}

#innerpage-box .widget_calendar table thead tr th {
    color: #fff;
    text-align: center;
}
#innerpage-box .widget_calendar table tbody td {
    background-color: #fff;
    text-align: center;
}
#innerpage-box .gallery-icon img {
    padding: 5px;
}
.widget-area .social-profile-icons ul li a {
    background: #fff;
    padding: 6px 12px 6px;
    border-radius: 5px;
}
#innerpage-box .widget-area .social-profile-icons ul li {
    margin-bottom: 3px;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
    display: initial;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        top: -3px;
    position: relative;
}

.woocommerce ul.products li.product a img:hover{
    opacity: 0.8;
}
.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img{
    opacity: 0.8;
}
.woocommerce ul.products li.product strong {
    display: inline-block;
}
.single_post .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-top: 10px;
}
.post-date-publishable i {
    margin-right: 5px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}

#innerpage-box .widget_media_image img {
padding: 10px;
}
#innerpage-box .widget_calendar #calendar_wrap {
    padding: 10px;
}
#innerpage-box .widget_calendar tfoot tr td a {
    padding: 5px 10px;
    border-radius: 5px;
}
#innerpage-box .widget select {
    width: 100%;
}
.widget_product_search .woocommerce-product-search .search-field {
    border-right: 1px solid #eee;
}
/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/
#pricing-page .ht-plan-block:hover {
    box-shadow: 0 10px 13px rgba(33, 33, 33, 0.53);
    opacity: 0.8;
}
#ht-princing-post-section {
   background:#f4f4f4;
   /* background-position: top;
    background-size: cover;*/
}
#ht-princing-post-section .lz-plan-heading{
	color:#2b2b2b;
}
.ht-plan-block{
    background: #fff;
    padding:0 0 36px 0;
    border-radius: 10px;
}

#ht-princing-post-section .ht-princing-icon{  
    padding:30px 0 0 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 36px;
    color:#fff;
}

#ht-princing-post-section .plan-amount{   
    padding:0 0 10px 0;
    font-size: 60px;
    color:#fff;
    text-align:center;
}

#ht-princing-post-section .ht-princing-excerpt{
    padding: 27px 0;

}

#ht-princing-post-section .ht-princing-excerpt ul {
    padding: 0 30px;
    margin: 0;
}


#ht-princing-post-section .ht-princing-excerpt ul li{
border-bottom: 1px solid #dadada;
list-style: none;
padding:10px 0;
color:#4d4d4d;
}

#ht-princing-post-section .ht-princing-link {

}
.ht-princing-link a
{
    background :#4d4d4d;
    padding: 15px 50px;
    color:#fff;
    border-radius: 30px
}
.ht-princing-link a:hover{
    background:#fe5722;
     color:#fff;
     text-decoration: none;
}

/*--------------------------------------------------------------
## Address Section
--------------------------------------------------------------*/

#address-box{
    padding: 2em;
}

.fitness-address-block{
    margin:20px 0 0;
}

/*--------------------------------------------------------------
## Appointment Section
--------------------------------------------------------------*/
.appointment-icon.padding0 span.fa.fa-map-marker {
    padding-left: 22px;
}
.appointment-icon {

}
/*.ht-appintment-member-wrap input[type="text"] {
    background: url(images/user.png) no-repeat 20px 18px !important;
    }*/
.ht-appintment-member-wrap {
   /* padding: 50px;*/
   padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
.appointment-icon span.fa {
   font-size: 25px;
    color: #424242;
    background: #9bb70d;
    padding: 18px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    /* line-height: 4; */
}
.appointment-content {
    margin-bottom: 45px;
    font-size: 17px;
    margin-top: 5px;
    position: relative;
    left: 15px;
}
.ht-section-tagline.lz-appointment-text {
    font-size: 17px;
}
#ht-appintment-section{
	background:#f4f4f4;
}
#ht-appintment-section .ht-appintment-member-wrap label{   
     display: inline;
}

#ht-appintment-section .ht-section-title-tagline{
	text-align:left;
	color:#fff;
    padding-bottom: 25px;
}
#ht-appintment-section .ht-appintment-member-wrap input::placeholder{
    color:#fff;
    opacity: 1;
}


.ht-appintment-member-wrap h4{
    color:#fff;
    text-align: center;
    margin: 0 0 30px 0;
}

.ht-appintment-member-wrap input[type="text"], 
.ht-appintment-member-wrap input[type="email"], 
.ht-appintment-member-wrap input[type="url"], 
.ht-appintment-member-wrap input[type="password"], 
.ht-appintment-member-wrap input[type="search"], 
.ht-appintment-member-wrap input[type="number"], 
.ht-appintment-member-wrap input[type="tel"], 
.ht-appintment-member-wrap input[type="range"], 
.ht-appintment-member-wrap input[type="date"], 
.ht-appintment-member-wrap input[type="month"], 
.ht-appintment-member-wrap input[type="week"], 
.ht-appintment-member-wrap input[type="time"], 
.ht-appintment-member-wrap input[type="datetime"],
.ht-appintment-member-wrap input[type="datetime-local"], 
.ht-appintment-member-wrap input[type="color"],
.ht-appintment-member-wrap textarea{    
   border: 2px solid #fff;
    background: none;
    width: 100%;
    color: #fff;
    margin: 0 0 10px 0;
    border-radius: 7px;
        padding: 25px;
    /*   padding-left: 60px;*/
}
.ht-appintment-member-wrap textarea{
    height: 180px;
}
#ht-appintment-section .ht-appintment-member-wrap textarea::placeholder{
    color:#fff;
}

.ht-appintment-member-wrap label{
    color:#fff;
	margin:0;
}
.ht-appintment-member-wrap input[type="submit"]{   
    border:none;
    padding:10px 50px;
    color:#fff;
    border-radius: 30px;
}
.lz-fitness-address-lable{
	margin:20px 0 0 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.home-page {
    padding: 0 0 30px 0;
}

#innerpage-box{
    padding:3em 0;
}
.single-productpage {
    padding-left: 35px;
}
.innerpage-whitebox{
    background: #fff;
    padding: 2em;
    border-radius:10px;
    margin-bottom: 30px;
}

#content-box h4{
    margin: 20px 0 5px 0; 
}

#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ul li:before {
    /*background: url(images/list-ico.png) no-repeat;
    padding: 4px 0 4px 47px;
    margin: 10px 0;*/
    content: "\f00c";
    font-family: 'Fontawesome';
    margin-right: 10px;

}
#content-box ul li {
    margin: 10px 0;
}
main#innerpage-box #content-box ol {
    margin: 0;
}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    padding-top: 10px;
}

#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}


img.ht-page-header-img{
width: 100%;
/*height: 300px;*/
/*margin-bottom: 20px;*/
}

.single img.ht-page-header-img{
    height:auto;
}

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 30px;
}

.total-hentry {
    margin: 0 0 50px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    font-size: 15px;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

#primary{
    /*width: 70%;*/
    float: left;
    width: 100%;
}



.ht_no_sidebar #primary{
    width: auto;
    float: none;
}

.ht_no_sidebar_condensed #primary{
    width: 76%;
    float: none;
    margin: 0 auto;
}

.ht_left_sidebar #primary{
    float: right;
}

.ht_left_sidebar #secondary{
    float: left;
}

.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
}

.single .ht-post-info{
    margin-right: 30px;
    margin-bottom: 20px;
}

.ht-post-info .entry-date{
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.ht-post-info .entry-date span{
    display: block;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}

.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}

.ht-post-wrapper{
    padding-left: 105px;
}

.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}

.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}

.entry-categories a{
    color: #666;
    text-decoration: none; 
}

.entry-readmore{
    margin-top: 20px;
}

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}

section ul{
    padding: 0 0 20px 0;
}

.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{
    background: #000;
    color:#fff;
}

/*--------------------------------------------------------------
## Post category Page
--------------------------------------------------------------*/
.ht-blog-thumbnail {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-bottom: 25px;
}

#blog-box img {
    border-radius: 10px;
    width: 100%;
    background: #fff;
    padding: 2px;
}
/*--------------------------------------------------------------
## Pricing Page
--------------------------------------------------------------*/
#pricing-page {
    
}

#pricing-page .ht-plan-block{
    /*background-image:url('images/princingboxbg.png') scroll;
	background-repeat: no-repeat;
    background-position:bottom;*/
	background-color:#fff;
    padding:0 0 36px 0;
    border-radius: 10px;   
    margin-top: 1em;
	box-shadow:0 8px 10px -6px #0000006b;
}

#pricing-page .ht-princing-icon{    
    padding:30px 0 0 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 36px;
    color:#fff;
}

#pricing-page .plan-amount{   
    padding:0 0 10px 0;
    font-size: 60px;
    color:#fff;
    text-align: :center;
}

#pricing-page .ht-princing-excerpt{
    padding: 27px 0;

}

#pricing-page .ht-princing-excerpt ul {
    padding: 0 30px;
    margin: 0;
}


#pricing-page .ht-princing-excerpt ul li{
    border-bottom: 1px dashed #dadada;
    list-style: none;
    padding:10px 0;
    color:#4d4d4d;
    background: none;
    margin: 0;
}

#pricing-page .ht-princing-link {

}
.ht-princing-link a{   
    padding: 15px 50px;
    color:#fff;
    border-radius: 30px
}
.ht-princing-link a:hover{
    background:#fe5722;
     color:#fff;
     text-decoration: none;
}

#pricing-page div:nth-child(2) .ht-princing-icon{
	background:#2b2b2b;
}
#pricing-page div:nth-child(2) .plan-amount{
	background:#2b2b2b;	
}
#pricing-page div:nth-child(2) a {
	background:#2b2b2b;	
}

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/


#ht-contactus-wrap .contact-page-form{
    background: #fe5722;
    border-radius: 10px;
    padding: 2em;
}

#ht-contactus-wrap input::placeholder{
    color:#fff;
    opacity: 0.8;
}

#ht-contactus-wrap  h4{
    color:#fff;
    text-align: center;
    margin: 0 0 30px 0;
        font-size: 30px;
}

#ht-contactus-wrap .ht-section-title:after{
    border:none;
}


#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"], 
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"],
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"],
#ht-contactus-wrap textarea,
#ht-contactus-wrap select
{
    border-radius: 5px;
    border: 1px solid #fff;
    border-bottom: 2px solid #fff;
    background: none;
    width: 100%;
    color: #fff;
    margin: 0 0 20px 0;
        height: 42px;
    padding: 10px 16px;
}
#ht-contactus-wrap textarea{
    height: 80px;
}
#ht-contactus-wrap textarea::placeholder{
    color:#fff;
    opacity: 0.8;
}
#ht-contactus-wrap select{
    height: 42px;
   padding: 7px 40px 3px 8px;
}

#ht-contactus-wrap label{
    color:#ffffff;
}
#ht-contactus-wrap input[type="submit"]
{
    background: #fff;
    border: none;
    padding: 10px 35px;
    color: #f4b628;
    border-radius: 25px;
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}
#ht-contactus-wrap input[type="submit"]:hover {
    opacity: 1;
    transform: translateY(-5px);
}

.lz-fitness-address-lable{
    margin:20px 0 0 0;
}

#ht-contactus-wrap .contact-page-address{
    margin-bottom: 20px;
}

.contact-mapbox{
    margin:2em 0 0;
}
.contact-mapbox iframe{
    width: 100%;
    height:350px;
    background:#fe5722;
    padding:5px;
    border-radius: 5px;
    }

.address-box{
    margin: 0 0 20px 0;
}

.address-box span{
    padding-right: 10px;
}

.contact-sm-links {
    margin: 0;
}

.contact-sm-links li {
    display: inline-block;
    padding: 0px;
    margin: 5px 0px;
    list-style: none;
        -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.contact-sm-links li a{  
    margin: 0 2px;
    font-size: 18px;
    color: #464949;
    background: #eaeaea;
    height: 45px;
    width: 45px;
    padding: 10px 16px;
    border-radius: 5px;
}
#ht-contactus-wrap .contact-sm-links li a.fb {
    padding: 10px 20px;
}

.contact-sm-links li a:hover {
    background: #fff;
    color: #1cb9c8;
}

.contact-sm-links li:hover {
    transform: translateY(-5px);
}


/*==============Sitemap==========*/
main#innerpage-box div#sitemap-box h3 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    padding: 12px 15px;
        border: 5px solid #fff;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
}
div#sitemap-box ul li {
    text-transform: capitalize;
    font-size: 16px;
       padding: 5px 20px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}
div#sitemap-box ul {
    margin-left: 10px;
    list-style: none;
}
div#sitemap-box ul li a {
    color: #283949;
     display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
div#sitemap-box ul li a:hover {
    background: none;
    color: #000;
}
div#sitemap-box ul li:hover {
    border-radius: 0px;
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}

div#sitemap-box ul ul.children li a:before {
    content: "\f290";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}

div#sitemap-box ul ul.children li:hover > a:before {
    opacity: 1;
}

div#sitemap-box ul li a:before{
    content: "\f290";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}

div#sitemap-box ul li:hover > a:before{
    opacity: 1;
}

div#sitemap-box ul li.page_item_has_children a:before{
    content: "\f290";
    position: absolute;
    top: 18px;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}

div#sitemap-box ul li.page_item_has_children:hover > a:before{
    opacity: 1;
}

div#sitemap-box ul li a {
   border-bottom: 1px solid #283949;
    border-radius: 3px;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul li {
    list-style-type: none;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul {
    margin-left: 20px;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul li img {
    height: 65px;
    width: 65px;
}
main#innerpage-box div#sitemap-box .sitemap-posts-box {
    margin-bottom: 20px;
}
.sitemap-posts-box img {
       width: 100%;
        height: 60px;
    border: 3px solid #000;
    border-radius: 15px;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    /* overflow: hidden; */
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    /* font-family: star; */
    overflow: initial;
    font-family: star;
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span span {
    position: relative;
    top: -26px;
    padding-right: 10px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 3px double #ebe9eb;
    padding: 4px 20px 0;
}
.widget.woocommerce .buttons {
    padding: 0 20px 15px !important;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}

.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
   /* display: none;*/
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
.woocommerce-product-rating a {
    color: #000;
}


/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
       display: block;
    text-align: center;
    font-size: 200px;
    color: #dcdcdc;
    line-height: 1.2;
    background: #eee;
    border-radius: 10px;
    margin-bottom: 40px;
    border: 4px solid #fecb00;
    font-weight: 700;
}

.error404 .oops-text{
    text-align: center;
    position: relative;
    top: 133px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 4px 4px rgba(0,0,0,.2);
}

.toggle-bar{
    display: none;
}



/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    border-radius: 2px;
    text-align: center;
    
}

.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
    border-color: #fe5722
}

.woocommerce ul.products li.product a img{
    margin-bottom: 0;
}

.woocommerce ul.products li.product .total-product-title-wrap{
    padding: 20px 10px 0;
}

.woocommerce ul.products li.product a{
    color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
    font-size: 23px;
    font-weight: 500;
}
.woocommerce ul.cart_list li img:hover, 
.woocommerce-page ul.cart_list li img:hover, 
.woocommerce ul.product_list_widget li img:hover, 
.woocommerce-page ul.product_list_widget li img:hover {
    opacity: 0.8;
}

.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px 0;
}

.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0 0 15px;
}
.woocommerce ul.products li.product .price del .amount{
    display: inline;
    opacity: 1;
}
#secondary .woocommerce ul.products li.product .price del{
      color: #a8a8a8;
          width: 55%;
    float: right;
}
#secondary .woocommerce ul.products li.product .price ins{
          width: 55%;
    float: right;
}
#secondary .woocommerce ul.products li.product .price ins .amount{
    display: inline;
    font-weight: 400;
    color: #2b2b2b;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 0;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background: #333;
   /* border:1px solid #333;*/
    color: #FFF;
}

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    border:1px solid #dadada;
    border-radius: 3px;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.woocommerce ul.products li.product .button:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.single-productpage .ht-main-title {
    display: none;
}
/*.woocommerce ul.products li.product a img{    
    width: 100%;
    height: 225px;
}
.woocommerce ul.products li.product a:hover img {
    opacity: 0.8;
}*/


.woocommerce ul.products li.product:hover .button{
    border-color: #fe5722;
    /*background-color: #fe5722;
    color: #FFF;*/
}

.woocommerce ul.products li.product .button.loading{
    opacity: 1;
}

.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
    border-color: #fe5722;
    background-color: #fe5722;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    background: #333;
    border-color: #333;
    color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul{
    border: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li{
    border: 0;
    margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #333;
    color: #FFF;
}

.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

.woocommerce span.onsale:after{
    border-color: transparent #e8ae00 #e8ae00 transparent;
    border-width: 3px;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
}

.woocommerce ul.products li.product .onsale{
    margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after{
    border-color: transparent transparent #e8ae00 #e8ae00;
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #fe5722
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{
    font-weight: 400;
}

.woocommerce .product_meta{
    font-size: 15px;
}

.woocommerce .product_meta a{
    color: inherit;
}

.woocommerce .product_meta a:hover{
    color: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    border-bottom: 2px solid #fe5722;
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
       padding: 7px 0 10px;
    font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 16px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover {
     background: #333;
}
.woocommerce #respond input#submit {
    padding: 15px 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color: #FFF !important;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
    font-size: 22px;
    margin-bottom: 30px;
}

.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{
    width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
    width: 100%;
}

.related.products h2{
    margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
    background: #fe5722;
    padding: 10px 20px;
    color: #FFF;
    margin: 10px 0;
}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
    background: #333;
    color: #FFF;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{
    background: #fe5722;
    border-color: #fe5722;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    line-height: 40px;
    font-size: inherit;
    padding: 0;
}

.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}

.select2-results{
    font-size: 0.9em;
    color: inherit;
}

.select2-drop-active{
    border-color: #EEE;
}

.select2-drop.select2-drop-above.select2-drop-active{
    border-color: #EEE;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    border-top-color: #fe5722;
    font-size: 0.9em;
}

.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{
    color: #fe5722;
}

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 5px 20px;
    line-height: 1;
    height: auto;
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
    font-weight: 400;
}

#customer_details{
    margin-bottom: 40px;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{
    border: 1px solid #EEE;
    border-radius: 0;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
}

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{
    padding-top: 4px;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
    font-weight: 400;
    position: relative;
    float: right;
    margin-bottom:0px;
}

.woocommerce a.remove{
    font-family: Arial;
    font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
    top: -2px;
}

.woocommerce .widget_layered_nav ul li{
    padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #FFF;
    border: 4px solid #000;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    background-color: #fe5722
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #EEE;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
    background: none;
    color:#444444;
}
.woocommerce-info a.button, .woocommerce-message a.button  {
    padding: 4px 20px 5px;
    line-height: 3;
    height: auto;
    margin-right: 10px;
}
.woocommerce-MyAccount-content p a:hover , .woocommerce-Address-title a:hover, .product-name a:hover{
      color:#444444;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
}
#content-box nav.woocommerce-MyAccount-navigation ul li:before {
    content: none;
}

@media screen and (max-width: 1200px){
    .ht-slide-caption{
        width: 80%;
        margin-left: -40%;
    }
}

@media screen and (max-width: 1000px){
    .toggle-bar{
        display: block;
        position: absolute;
        top: -25px;
        right: 25px;
        width: 50px;
        background: #fe5722;
        cursor: pointer;
        text-align: center;
        color: #fff;
        padding: 20px 0;
        cursor: pointer;
    }

    .toggle-bar span{
        position: absolute;
        top: 50%;
        margin-top: -2px;
        height: 4px;
        left: 8px;
        right: 8px;
        background: #FFF;
        box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
    }

    .ht-team-member img{
        height: 300px;
    }

    /*.ht-sticky-header #ht-masthead{
        position: static;
    }*/

    .ht-sticky#ht-masthead{
        height: 94px;   
    }

    #ht-site-navigation{
        width: 20%;
    }

    #ht-site-branding, .site-branding{
        width: 80%;
        float: left;
    }

    .ht-sticky #ht-site-branding{
        padding: 15px 0;
    }

    .ht-sticky-header #ht-content{
        padding-top: 0;
    }

    .ht-main-navigation .ht-menu{
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 15px;
        background: #000;
        z-index: 999;
    }

    .ht-main-navigation li{
        float: none;
        margin-left: 0;
        text-align: center;
    }

    .page-template-home-template .ht-main-navigation .current_page_item > a,
    .page-template-home-template .ht-main-navigation .current-menu-item > a,
    .page-template-home-template .ht-main-navigation .current_page_ancestor > a,
    .home.blog .ht-main-navigation .current_page_item > a,
    .home.blog .ht-main-navigation .current-menu-item > a,
    .home.blog .ht-main-navigation .current_page_ancestor > a,
    .ht-main-navigation a{
        color: #FFF;
    }

    .ht-main-navigation ul ul{
        position: static;
        padding: 0;
        margin-top: 0;
    }

    .ht-main-navigation ul ul ul{
        margin: 0;
    }

    .ht-team-member{
        margin-bottom: 2em;
    }

    .boxbanner {
        margin-bottom: 10px;
    }

}
@media screen and (max-width: 991px){
    .ht-slide-cap-title{
         font-size: 25px;
        margin: 2px 0;
    }
    .ht-slide-caps-title {
        font-size: 24px;
    }
    .ht-slide-cap-desc {
        font-size: 17px;
    }
    .ht-slide-caption {
        padding: 0 0.1em;
    }
    .topcategories-area .pro-cat-img img {
        height: 200px;
    }
    ul.header-sm-links{margin: 30px 0 0;}
}

@media screen and (max-width: 768px){


    .ht-section-title,
    .ht-section-tagline{
        width: auto;
    }

    .ht-about-sec, .ht-text-block-sec{
        width: auto;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }

    .ht-about-image, .ht-left-image{
        width: auto;
        float: none;
        padding: 0;
        text-align: center;
    }


    .ht-portfolio-cat-name-list{
        text-align: center;
    }

    .ht-service-left-bg{
        display: none;
    }

    .ht-service-posts{
        float: none;
        width: auto;
        padding: 0;
    }

    .newsletter-form-box{
        margin-top: 2em;
        margin-bottom: 2em;
    }

    #ht-service-post-section{
        padding: 60px 0;
    }

    #ht-counter-section{
        background-size: cover;
        background-position: center !important;  
    }

    .ht-counter{
        width: 45%;
        margin-bottom: 60px;
    }

    #ht-counter-section{
        padding-bottom: 0;
    }



    #ht-cta-section{
        background-size: cover;
        background-position: center !important;  
    }

    .ht-top-footer{
        margin-left: 0;
    }

    .ht-footer{
        margin: 0 0 30px;
    }

    .ht-footer:last-child{
        margin-bottom: 0;
    }
	
    .ht-slide-cap-title{
        font-size: 24px;
        font-size: 4vw;
        margin-bottom: 10px;
    }

    .ht-slide-cap-desc{
        font-size: 14px;
        font-size: 3vw;
    }

    #primary{
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }

    #secondary{
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product, 
    .woocommerce .related ul.products li.product, 
    .woocommerce-page .related ul.products li.product {
        width: 48% !important;
        margin-bottom: 10px !important;
    }
    .sliderrightbox {
        margin-left: 0;
    }
    .ht-slide-caps-title {
        font-size: 12px;
    }
    .ht-slide-cap-title.animated.fadeInDown span {
        font-size: 25px;
    }
    .ht-slide-cap-desc.animated.fadeInDown {
        font-size: 16px;
    }
    .ht-slide-cap-descmore a {
        padding: 6px 20px 4px;
        font-size: 12px;
    }
    a.woocommerce-review-link {
    position: relative;
    top: 30px;
}
.single-product-page {
    padding: 5px 15px !important;
}
.col-md-2.col-sm-6.col-xs-12.ourclientborder:nth-child(2) .ourclients-post,
.col-md-2.col-sm-6.col-xs-12.ourclientborder:nth-child(4) .ourclients-post,
.col-md-2.col-sm-6.col-xs-12.ourclientborder:nth-child(6) .ourclients-post{
      border-right: none;
}  
.col-md-3.col-sm-6.support-space:nth-child(2) .support-post,
.col-md-3.col-sm-6.support-space:nth-child(4) .support-post  {
      border-right: none;
}
.offerspace {
    text-align: center;
}
#product-offer-section h2.ht-section-title {
    font-size: 26px !important;
}
#product-offer-section .ht-section-tagline {
    font-size: 12px !important;
}
#product-offer-section .ht-section-title-tagline {
    margin-bottom: 1em !important;
}
#product-offer-section .readmore a {
    padding: 10px 10px !important;
    font-size: 13px !important;
}
.offerspace {
    margin: 0 1em !important;
}
#product-banner-section .readmore a {
    margin-bottom: 20px;
}
#featured-product-section #recent-porduct , #recent-post-section #recent-porduct {
    text-align: center;
}
#featured-product-section #recent-porduct .pro-img img , #recent-post-section #recent-porduct .pro-img a img{
    margin-bottom: 10px;
}
#ht-newslatter-section {
    margin-left: 0
}
.widget-area .widget-title {
    font-size: 14px;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
    float: left;
    margin-left: 0;
    width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
        width: 100% !important;
    }

}

@media screen and (max-width: 768px){ 
#ecatproduct-section .procatbord {
    height: auto !important;
}

}


@media screen and (max-width: 763px){
#innerpage-box,
 #ourclients-post-section,
  #product-offer-section,
  #support-post-section,
  #product-banner-section,
  #ht-fproductnews-heading-section,
  #recent-post-section,
  #furcatproduct-section,
  #fcatproduct-section,
  #ecatproduct-section
  {
    padding: 2em 0 !important;
}
}

@media screen and (max-width: 580px){
    #ht-home-slider-section .bx-wrapper .bx-controls-direction a,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }    

    .ht-team-counter-wrap{
        margin-left: 0;
    }

    .ht-counter{
        width: 75%;
        float: none;
        margin: 0 auto 60px;
    }

    .ht-portfolio{
        width: 50%;
        padding: 4px;
    }
    .bannertextbox {
        margin: 1em;
    }
    .bannertextbox h3 {
        font-size: 15px; 
    }
    .bannertextbox h2 {
        font-size: 16px;
    }
    .bannertextbox p {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px){
    .ht-team-member,
    .ht-counter{
        width: auto;
        float: none;
    }


    .ht-cta-buttons a{
        display: block;
        margin: 0 0 15px;
    }

    .ht-post-info{
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

    .ht-post-wrapper{
        padding-left: 0; 
    }
}

@media screen and (min-width: 1001px){
    .ht-main-navigation .ht-menu{
        display: block !important;
    }
}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}



/* GALLARY HOMEPAGE CSS */
.ht-gallery {
    width: 350px;
    display: inline-block;
    height: 250px;
    overflow: hidden;
    border: 1px solid #fff;
}
.ht-gallery-wrap{
    background-size: cover;
    height: 250px !important;
    background-position: center center;
}
.ht-gallery-wrap img {
    position: absolute;
    width: 350px;
    overflow: hidden;
    display: none;
}
a.ht-portfolio-image {
    position: relative;
    top: 10px;
    left: 43%;
    top: 40%;
    background: #fff;
    padding: 5px 6px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.onlymobile{
    display: none;
}
@media screen and (min-width: 300px) and (max-width: 1024px){
    .onlymobile{
        display: block;
        margin:20px 0;
    }
     .ht-newslatter-member-wrap {
        margin: 0;
    }
    .quick-sale img.attachment-woocommerce_thumbnail, #ht-fproductnews-heading-section .featuredpro img.attachment-woocommerce_thumbnail {
        height: 100px !important;
    }
    #specialoffer .banner-leftbox .bannertextbox h2{margin: 10px 10px 38px 40px !important;}
}
@media screen and (min-width: 1200px) and (max-width: 768px){
    .ht-blog-post .blog-img {
        height: 170px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    #ht-fproductnews-heading-section .featuredpro ul{column-count: 2;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
    .header-phone{
        font-size: 20px;
    }
    .header-phone i {
    font-size: 26px;
}
   
ul.header-sm-links li a {
    font-size: 13px;
}
button.product-btn{
    font-size: 14px !important;
}
.ht-main-navigation li {
    padding: 4px 0px;
}
.ht-main-navigation a {
    font-size: 12px;
}
.ht-slide-caps-title {
    font-size: 12px;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 25px;
}
.ht-slide-cap-title.animated.fadeInDown span {
    font-size: 35px;
}
.ht-slide-cap-desc.animated.fadeInDown {
    font-size: 18px;
}
.support-icon span.fa {
    font-size: 30px !important;
}
#product-offer-section h2.ht-section-title {
    font-size: 26px !important;
}
#product-offer-section .ht-section-tagline {
    font-size: 12px !important;
}
#product-offer-section .readmore a {
    font-size: 12px;
}
#secondary ul.product_list_widget span.product-title {
    width: 53%;
}
.woocommerce ul.product_list_widget li img {
    width: 80px !important;
}

}

@media screen and (min-width: 320px) and (max-width: 1024px){
.ht-team-member .ht-team-designation{
    padding: 0;
}
.ht-team-social-id {
    margin-top: 5px;
}
.header-cart-text {
    font-size: 15px;
}
.ht-slide-caption{
    top: 50%;
    left: 50%;
}
section#product-category-section h5 a{
    font-size: 15px !important;
}
.discount {
    font-size: 15px !important;
}
.banner-text {
    font-size: 10px !important;
}
h2.ht-section-title.lz-newslatter-heading {
    font-size: 11px !important;
}
header#ht-masthead .product-cat {
    height: 260px !important;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1.15em;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.product-page input#woocommerce-product-search-field-0 {
    width: 88%;
    margin-bottom: 10px;
}
.product-page form.woocommerce-product-search button {
    width: 88%;
}

}
@media screen and (max-width: 768px){
    .header-cart-text {
    font-size: 8px;
}
.ht-slide-cap-title.animated.fadeInDown
{
    font-size: 18px;
}
.newsletter-form-box input[type="submit"]{
    left: 0px;
}
.ht-slide-cap-title span{
    font-size: 20px;
}
.ht-slide-cap-descmore{
    margin-top: 10px;
}
.ht-slide-cap-title.animated.fadeInDown:before{
    height: 35px;
    width: 100px;
}
.ht-slide-cap-title.animated.fadeInDown:after{
    height: 0px;
    width: 100px;
}
.support-space {
    margin-bottom: 20px;
}
section#product-category-section h5 a {
    font-size: 13px !important;
}
header#ht-masthead .product-cat {
    height: 210px !important;
}
.header-menu-box li {
    font-size: 13px;
}
.header-right-box ul li a , .header-right-box ul li{
    font-size: 13px;
}
ul.header-sm-links li a {
    font-size: 10px;
}
ul.header-sm-links {
    margin:30px 0 0 0;
}
.header-main-box {
    background: none !important;
}
button.product-btn{
    font-size: 13px !important;
}
.quick-sale img.attachment-woocommerce_thumbnail, #ht-fproductnews-heading-section .featuredpro img.attachment-woocommerce_thumbnail {
    height: 70px !important;
}

}
@media screen and (min-width: 320px) and (max-width: 475px){
    .total-count .count{
          top: 0px;
        right: 35px;
        left: auto;
    }
    ul.header-sm-links li a {
        font-size: 14px;
    }
    .header-cart-text {
    font-size: 15px;
}
    .ht-slide-cap-desc.animated.fadeInDown {
    font-size: 9px;
}
    header#ht-masthead .product-cat {
    height: 116px !important;
}
    .ht-slide-cap-descmore a{
        padding: 5px 15px;
        font-size: 10px;
    }
    .ht-slide-cap-title.animated.fadeInDown:before {
    height: 20px;
}
    .ht-slide-caps-title{
        font-size: 15px;
        padding-bottom: 5px;
    }
.logobox {
    text-align: center;
}
ul.header-sm-links {
    text-align: center;
}
.ht-slide-cap-desc.animated.fadeInDown{
    font-size: 18px;
}
.ht-slide-cap-title.animated.fadeInDown{
    font-size: 20px;
}
.upper-header {
    text-align: center;
}
.toggle-bar{
    top: -115px;
}
.ht-main-navigation .ht-menu{
    top: -75px;
}
.header-menu-box {
    text-align: center;
}
.ht-team-member .ht-team-designation{
    padding: 0 15px;
}
.ht-slide-cap-descmore{
    margin-top: 0px;
}
.ht-slide-cap-title.animated.fadeInDown{
    margin: 5px 0;
}
.newsletter-form-box input[type="submit"]{
    left: 15px;
}
.sect-height-newslatter-box{
    padding: 0;
}
.ht-site-title, .site-title{
    text-align: center;
    margin-top: 20px;
}
.ht-slide-cap-title.animated.fadeInDown span {
    font-size: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 6px 5px 0;
}
.related.products h2 {
    font-size: 22px;
}
.ourclientborder .ourclients-post {
    border-right: none !important;
}
.support-space .support-post {
    border-right: none !important;
}
.support-icon span.fa {
    margin-bottom: 10px;
}
#ecatproduct-section #recent-porduct {
    border-right: none;
}
#ecatproduct-section .ht-featured-ecatpro ul li, 
#fcatproduct-section .ht-featured-fcatpro ul li, 
#furcatproduct-section .ht-featured-furcatpro ul li {
    width: 180px;
}
.ht-slide-caps-title {
    padding: 1px 15px;
}
.ht-slide-cap-title span {
    line-height: 20px;
}

#blog-box .inner-blog-img {
    margin: 0 0 5px;
    }
.socialMedia a {
    font-size: 14px;
    padding: 5px 5px;
}
#blog-box .blog-read-more a {
    padding: 5px 10px;
    font-size: 12px;
    }
#offerbannersec .bannertextbox h2{
    font-size: 49px !important;
    line-height: 65px !important;
}
}
@media screen and (max-width: 424px) and (min-width: 375px) {
    .total-count .count {
        right: 93px;
    }
}
@media screen and (max-width: 374px) and (min-width: 320px){
    .total-count .count {
        right: 80px;
    }
    .header-right-box ul li a, .header-right-box ul li {
        font-size: 10px;
    }

}
@media screen and (min-width: 320px) and (max-width: 375px){
    .ht-slide-cap-desc.animated.fadeInDown {
    font-size: 9px;
}
    header#ht-masthead .product-cat {
    height: 116px !important;
}
    .ht-slide-cap-descmore a{
        padding: 5px 15px;
        font-size: 10px;
    }
    .ht-slide-cap-title.animated.fadeInDown:before {
    height: 20px;
}
     .ht-slide-caps-title{
        font-size: 15px;
        padding-bottom: 5px;
    }

    .logobox {
    text-align: center;
}
    ul.header-sm-links {
    text-align: center;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 18px;
}
.ht-slide-cap-desc.animated.fadeInDown{
     font-size: 15px;
}
section#product-category-section h5 a {
    font-size: 25px !important;
}
.ht-slide-caps-title {
    padding: 1px 10px;
        font-size: 6px;
}
.woocommerce button.button {
    padding: 10px 12px;
}
 .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
           margin: 18px 0 10px;
 }
 .woocommerce table.cart td.actions .coupon .button ,
 .woocommerce-page table.cart td.actions .coupon .button {
        width: 100%;
 }
 #coupon_code {
    width:100% !important;
    margin-bottom: 5px;
 }
.contact-sm-links li a {
    font-size: 15px;
    height: 30px;
    width: 30px;
    padding: 5px 9px;
}
#ht-contactus-wrap .contact-sm-links li a.fb {
    padding: 5px 12px;
}

}
@media screen and (min-width: 320px) and (max-width: 425px){
    header#ht-masthead .product-cat {
    height: 116px !important;
}
    .ht-slide-cap-descmore a{
        padding: 2px 10px 1px;
        font-size: 9px;
    }
    .ht-slide-cap-title.animated.fadeInDown:before {
    height: 20px;
}
     .ht-slide-caps-title{
        font-size: 8px;
        padding-bottom: 5px;
    }
    .logobox {
    text-align: center;
}
    ul.header-sm-links {
    text-align: center;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 10px;
}
.ht-slide-cap-desc.animated.fadeInDown {
    font-size: 14px;
}
section#product-category-section h5 a {
    font-size: 25px !important;
}
.ht-slide-cap-desc.animated.fadeInDown {
    font-size: 9px;
}
section#support-post-section h5, .support-post p {
    text-align: center;
}
.support-icon {
    text-align: center;
}
#specialoffer .bannertextbox h2{font-size: 25px !important;line-height: 29px !important;}
.bannertextbox p{font-size: 14px;}
#product-banner-section .ht-section-title{font-size: 25px;}
#product-banner-section .ht-section-title-tagline h3{font-size: 26px;}
}
/**/
section#ht-appintment-section .ht-appintment-member-wrap input[type="submit"] {
   border: 2px solid #fff;
    padding: 15px 50px;
    color: #fff;
    border-radius: 30px;
    /* display: table-column; */
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
    opacity: 1;
}
section#ht-appintment-section .ht-appintment-member-wrap input[type="submit"]:hover {
    background: #7b9207;
}
.ht-appintment-member-wrap:after {
    content: "";
    width: 35px;
    height: 35px;
    background: #121213f2;
   /* border-bottom: 2px solid #ffffffa1;
    border-left: 2px solid #ffffffa1;*/
    position: absolute;
    top: 68px;
    left: -16px;
    transform: skewX(-35deg) skewY(30deg);
}
/*===========*/
.Category-nevigation.inner-content-div i.fa.fa-angle-right.fa-lg {
    display: none;
}
.Category-nevigation {
    border: 1px solid #d6d6d6;
    margin-bottom: 15px;
    position: absolute;
    background: #ffffff;
    width: 85%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.Category-nevigation h2 {
    background: #0088cc;
    color: #fff;
    font-size: 15px;
    padding: 17px 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
.Category-nevigation li {
   list-style-type: none;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.Category-nevigation li:last-child {
    border-bottom: 0;
}
.Category-nevigation ul {
    margin: 0;
    padding: 0;
}
.Category-nevigation ul li a {
    padding: 25px;
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
}
/*========================support section===================*/ 
.support-post p {
    font-size: 17px;
    margin: 0;
    padding: 0;
}
#support-post-section h5 {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 400;
}
.support-icon span.fa:hover{
 -webkit-transition: all 0.1s ease;
}
#support-post-section{
    padding: 0.5em 0em 3em;
    background: #f7f6f2;  
    margin-left: 15px;
}
.support-icon span.fa {
    font-size: 45px;
}
.featuredicon {
    padding: 0;
}
.support-space:nth-last-child(2) .support-post{
    border-right: none !important;
}
#support-post-section .support-space{padding: 1.5em 2em;}
.support-space .support-post {
    border-right: 1px solid #cccccc;
    position: relative;
    z-index: 999;
}

.col-md-3.col-sm-6.support-space:nth-child(4) .support-post, 
.col-md-4.col-sm-6.support-space:nth-child(3) .support-post, 
.col-md-6.col-sm-6.support-space:nth-child(2) .support-post,
 .col-md-12.col-sm-12.support-space:nth-child(1) .support-post {
    border-right: none;
}

.support-post:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.support-post:hover:before, .support-post:focus:before, .support-post:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

/*======Offer section ===============*/

#product-offer-section {
    background: #1e89f3;
    padding: 2em 0;
}
#product-offer-section h2.ht-section-title {
  font-size: 36px;
    color: #fff;
    font-weight: 100;
    margin: 0 0 5px;
}
#product-offer-section .ht-section-tagline {
    font-size: 16px;
    color: #fff;
}
#product-offer-section  .ht-section-title-tagline {
    margin-bottom: 0em;
}
#product-offer-section .readmore a {
       background: #fff;
    padding: 20px 10px;
    color: #353849;
    border-radius: 50px;
    font-weight: 600;
    display: block;
    text-align: center;
}
#product-offer-section .readmore:hover a{
    color: #fff;
    opacity: 1;
    box-shadow: inset 0 0 0 2px #ffffff;
    background: #1e89f3;
}

.offerreadmore {
    margin-top: 4px;
}

.offerspace {
    margin: 0 3em;
}


/*======Our Clients section ===============*/

#ourclients-post-section {
    padding: 2em 0;
    background: #fff;
}

.ourclientborder .ourclients-post {
    border-right: 1px solid #cccccc;
    padding: 20px 10px;
}
.col-md-2.col-sm-6.col-xs-12.ourclientborder:nth-child(6) .ourclients-post, 
.col-md-3.col-sm-6.col-xs-12.ourclientborder:nth-child(4) .ourclients-post, 
.col-md-4.col-sm-6.col-xs-12.ourclientborder:nth-child(5) .ourclients-post, 
.col-md-4.col-sm-6.col-xs-12.ourclientborder:nth-child(3) .ourclients-post, 
.col-md-6.col-sm-6.col-xs-12.ourclientborder:nth-child(2) .ourclients-post,
 .col-md-12.col-sm-12.col-xs-12.ourclientborder:nth-child(1) .ourclients-post {
    border-right: none;
}

#ourclients-post-section .ourclients_img img {
 /*   height: 60px;*/
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    display: block;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#ourclients-post-section .ourclientborder:hover .ourclients_img img {
    transform: scale(1.10);
}

/*======Featured slider one by one ===============*/
.slider {
  width: 100%;
  position: relative;
  margin: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}
.slider::-webkit-scrollbar {
  display: none;
}
.slider .slide {
  display: flex;
  position: absolute;
  left: 0;
  transition: 0.3s left ease-in-out;
}
.slider .slide-item {
 /*margin-right: 25px;*/
 /*width: 235px;*/
     width: 230px;
    /* margin-left: 5px; */
}
.slider .slide-item:last-child {
  margin-right: 0;
}
.ctrl {
  text-align: center;
  margin-top: 5px;
}
.ctrl-btn:hover {
   background: #9dbd6b;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}
.ctrl-btn {
    font-size: 10px !important;
    /* min-width: 50px; */
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #9e9e9e;
    position: absolute;
    /* top: 50%; */
    margin-top: -60.5px;
    /* border: 1px solid #bfbfbf; */
    height: 23px;
}
.ctrl-btn:hover{
    
}
.ctrl-btn.pro-prev {
  /*left: 0;*/
}
.ctrl-btn.pro-next {
    position: absolute;
    /*border: 1px solid #bfbfbf;*/
    padding: 3px 5px 3px 5px;
    /* float: right; */
    right: 0;
}
.ctrl-btn.pro-prev {
    right: 62px;
    position: absolute;
    /*border: 1px solid #bfbfbf;*/
    padding: 3px 5px 3px 5px;
}
.slider {
  width: 100%;
  position: relative;
  height: 351px;  
  margin: auto;
  /*overflow-x: scroll;*/
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid #e2e2e2;
}
.slider::-webkit-scrollbar {
  display: none;
}
.slider .slides {
  /*display: flex;*/
  display: -webkit-box;
  position: absolute;
  left: 0;
  transition: 0.3s left ease-in-out;
}
.slider .slide-item {
 /*margin-right: 25px;
 width: 295px;
 margin-left: 0px;*/
}
.slider .slide-item:last-child {
  margin-right: 0;
}
.ctrl {
  text-align: center;
  margin-top: 5px;
}
.ctrl-btn {
    font-size: 15px !important;
    min-width: 45px;
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    position: absolute;
    /* top: 50%; */
    margin-top: -43.5px;
    /* border: 1px solid #bfbfbf; */
    height: 45px;
}
.ctrl-btn:hover{
    
}
.ctrl-btn.pro-next {
   position: absolute;
   /* border: 1px solid #bfbfbf;*/
    padding: 3px 5px 3px 5px;
    float: right;
    right: 15px;
}
/*======End Featured slider one by one ===============*/

/*==============Recent product section============*/
#recent-post-section {
    background: #f7f6f2;
    padding: 2em 0;
}
.recent-posts-box {
    margin-left: 15px;
}

#recent-post-section .total-products-title-wrap {
    padding-top: 15px;
    padding-bottom: 50px;
}
#recent-post-section .lz-featuredproduct-heading {
    color: #343748;
    padding: 0 10px;
}
#recent-post-section .recent-product {
    padding: 0 10px;
    margin-bottom: 20px;
}
#recent-post-section .total-product-title-wrap {
    padding:10px;
    background: none;
}
#recent-post-section .content-part a h3 {
       color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#recent-post-section .price del {
    color: #353535;
    font-size: 20px;
    margin: 0 10px;
}
#recent-post-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 20px !important;
    font-weight: 600;
}
#recent-post-section .total-product-title-wrap h6 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
}
#recent-post-section #recent-porduct .pro-img a img {
    width: 100%;
    height: 293px;
}
#recent-post-section #recent-porduct .pro-img a:hover img {
    opacity: 0.8;
}
#recent-post-section .owl-theme .owl-dots .owl-dot span{
    background: transparent;
    border: 1px solid #1e89f3;
     margin: 3px;
     width: 15px;
    height: 15px;
}
#recent-post-section .owl-theme .owl-dots .active span{
    background: #1e89f3;
    width: 46px;
    height: 14px;
    margin: 3px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#recent-post-section .owl-theme .owl-nav {
    position: absolute;
    top: -61px;
    right: 8px;
}
#recent-post-section .owl-theme .owl-nav button{margin: 3px;}
#recent-post-section .owl-theme .owl-nav button span {
    width: 19px;
    height: 18px;
    line-height: 18px;
    font-size: 25px;
    font-weight: 300;
    display: block;
    background: #000;
    color: #fff;
}
#recent-post-section .owl-theme .owl-nav {
    position: absolute;
    top: -61px;
    right: 8px;
}
/*==============bestselling section ==============*/
#bestselling{
    padding: 2em 0;
    background: #f7f6f2;
    margin-left: 15px;
}
#bestselling .bsellingpro{
    margin: 0 0 30px 0;
    text-align: center;
}
#bestselling .bsellingpro img{
    width: 100%;
    height: 250px;
}
#bestselling .bsellingpro .content-part {
    padding: 5px;
}
#bestselling .content-part a h3 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 500;
}
#bestselling .price del {
    color: #353535;
    font-size: 20px;
    margin-right: 10px;
}
#bestselling .price ins {
    background: none;
    text-decoration: none;
    color: #020202;
    font-size: 20px;
    font-weight: 700;
}
/*================== 'Offer Banner sec==========*/

#offerbannersec{
    background:#f7f6f2;
    position: relative;
    margin-left: 15px;
}

#offerbannersec h2.offerbannersec-heading{
    padding: 0 10px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
#offerbannersec .boxbanner img{
    width: 100%;
    height: 257px;
}
#offerbannersec .boxbanner{
    position: relative;
    overflow: hidden;    
}
#offerbannersec .bannertextbox{
    position: absolute;
    margin: 0.5em 0 0;
    bottom: 0;
    vertical-align: middle;
    word-break: break-all;
}
#offerbannersec .banner-rightbox .bannertextbox{
    position: absolute;
    top: 3em;
    right: 1em;
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
}
#offerbannersec .bannertextbox h3{
    font-size: 44px;
    line-height: 60px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
}
#offerbannersec .bannertextbox h2{
    font-size: 98px;
    line-height: 100px;
    font-weight: bold;
    margin-bottom: 26px;
}
#offerbannersec .bannertextbox h2 span{
    -webkit-text-stroke: 0.01em #426C7C;
    color: transparent;
}
#offerbannersec .bannertextbox p{
    font-size: 14px;
    font-weight: 400;
}
#offerbannersec .banner-rightbox .banner-disctitle {
    display: flex;
    align-items: flex-start;
}
#offerbannersec .banner-rightbox .banner-disctext{
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
}
#offerbannersec .banner-rightbox .bannertextbox h3{
    font-size: 90px;
    font-weight: 500;
    line-height: 70px;
    margin: 0 5px;
}
#offerbannersec .banner-rightbox .bannertextbox h3 span{
    font-size: 26px;
}
#offerbannersec .banner-rightbox .bannertextbox h2{
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 11.22px;
}

/*=======================end banner section=====================*/

/*================== 'special offer sec==========*/
#specialoffer{
    background:#f7f6f2;
    position: relative;
    padding-left: 15px;
}
#specialoffer .boxbanner-content{padding: 0;}
#specialoffer .boxbanner img{
    width: 100%;
    height: 257px;
}
#specialoffer .boxbanner{
    position: relative;
    overflow: hidden;    
}
#specialoffer .bannertextbox{
       position: absolute;
    margin: 2em 1em 2em 1em;
    top: 0;
    vertical-align: middle;
    word-break: break-all;
}
#specialoffer .right-bannertextbox{
    position: relative;
    margin: 0;
    padding: 18px 14px;
    word-break: break-word;
}
#specialoffer .bannertextbox h3{
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
#specialoffer .bannertextbox h4{
    font-size: 22px;
    font-weight: 700;
}
#specialoffer .bannertextbox h2{
    font-size: 36px;
    line-height: 49px;
    font-weight: bold;
    margin: 10px 0 38px;
}
#specialoffer .banner-leftbox .bannertextbox h2{
    font-size: 22px;
    line-height: 37px;
    font-weight: bold;
    margin: 10px 100px 38px 40px;
    text-align: right;
}
.bannertextbox p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #0180fe;
}
.banner-leftbox .bannertextbox p{
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    border: 1px solid #a4a4a4;
    border-left: none;
    border-right: none;
    display: flow;
    text-align: center;
    padding: 2px;
    margin-left: 8em;
}

/*=======================end banner section=====================*/

/*=======================top top categories section=====================*/
#topcategories{
    position: relative;
    overflow: hidden;
    word-break: break-all;
    margin-left: 15px;
    background: #f7f6f2;
}
#topcategories .cat-product{
  position: relative;
  overflow: hidden;
  text-align: center;
}
.topcategories-area .pro-cat-img img {   
    height: auto;
    height: 171px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.topcategories-area .cat-product:hover .pro-cat-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border: none;
}
.topcategories-area .pro-cat-img {
    position: relative;
    overflow: hidden;   
}
.topcategories-area .pro-cat-content{
    margin: 5px 0;
    padding: 10px;
}
.topcategories-area .pro-cat-content h5{margin: 0;}
.topcategories-area .pro-cat-content h5 a span{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
#topcategories .owl-theme .owl-dots .owl-dot span{
    background: transparent;
    border: 1px solid #1e89f3;
    margin: 3px;
    width: 14px;
    height: 14px;
}
#topcategories .owl-theme .owl-dots .active span{
    background: #1e89f3;
    width: 40px;
    height: 14px;
    margin: 3px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#topcategories .owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 30px;
}
#topcategories .owl-theme .owl-nav button{margin: 3px;}
#topcategories .owl-theme .owl-nav button span {
    width: 19px;
    height: 18px;
    line-height: 18px;
    font-size: 25px;
    font-weight: 300;
    display: block;
    background: #000;
    color: #fff;
}
#topcategories .owl-theme .owl-nav {
    position: absolute;
    top: -61px;
    right: 8px;
}
/*=======================top top categories section=====================*/

.padding10{
padding: 10px;
}
section#product-category-section img {
    width: 100%;
    height: 300px;
}
section#product-category-section h5 a {
    font-weight: 900;
    font-size: 25px;
}
section#product-category-section h5 {
    position: absolute;
    top: 0%;
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    left: -43px;
    padding: 55px;
}
section#product-category-section p {
    /*font-size: 14px;
    font-family: 'Lato', sans-serif;
    background: #81a04ade;
    display: inline-block;
    padding: 12px 15px 12px 15px;
    border: 6px solid #6a9529;
    margin-top: 20px;
    opacity: 1;*/
}
section#product-category-section button {
    background: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
section#product-category-section .main-banner h5:hover button {
    color: #000;
    font-weight: bold;
}
section#product-category-section .main-banner h5 {
    left: 0;
    padding: 55px;
    outline-offset: -30px;
    outline-style: double;
    outline-color: #ffffff;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
section#product-category-section .main-banner h5:hover {
    transform: scale(1.05) rotateZ(0deg);
    -moz-transform: scale(1.05) rotateZ(0deg);
    -webkit-transform: scale(1.05) rotateZ(0deg);
    -o-transform: scale(1.05) rotateZ(0deg);
}
.special-banner {
   background: #ec000a;
    padding-top: 4px;
    padding-bottom: 4px;
}
.discount {
    font-size: 43px;
    color: #fff;
}
.discount-text {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    padding-left: 54px;
    line-height: 20px;
}
.discount-text span {
    font-size: 13px;
}
.banner-text {
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
}
@media screen and (min-width: 320px) and (max-width: 1300px){
h2.ht-section-title.lz-newslatter-heading{
    font-size: 17px !important;
}
.news-social-icon {
    padding: 0;
}

} 
@media screen and (min-width: 320px) and (max-width: 1440px){

section#product-category-section h5 a{
    font-size: 25px;
}
.discount {
    font-size: 30px;
}
h2.ht-section-title.lz-newslatter-heading {
    font-size: 20px;
}
#specialoffer .bannertextbox h2{margin: 10px 0;font-size: 30px;line-height: 40px;}
#offerbannersec .bannertextbox h2{font-size: 60px;line-height: 78px;}
}
.single-product-page {
    padding: 15px 0px 0px 0px;
}

.product-page h3 {
    padding: 15px 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
    position: relative;
    display: block;
    text-transform: uppercase;
    border-radius: 5px 0 5px 5px;
    margin: -15px 20px 0px 0px;
    /* margin: 0 0 25px; */
}
.product-page h3:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    top: 0px;
    right: -10px;
    border-width: 0 0 15px 10px;
    border-radius: 0 10px 0 0;
}
/*==========newsletter section==============*/
#ht-newsletter-section {
    background: #2e3740;
    text-align: center;
    padding: 2em 0 0;
}
#ht-newsletter-section .ht-section-title-tagline{border-bottom: none;}
#ht-newsletter-section .ht-section-title.lz-newslatter-heading{
    font-size: 20px;
    font-weight: 700;
}
#ht-newsletter-section .lightbox {
    padding-top: 0em;
    padding-bottom: 0;
}
#ht-newsletter-section .newsletter-form-box input[type="text"], 
#ht-newsletter-section .newsletter-form-box input[type="email"], 
#ht-newsletter-section .newsletter-form-box input[type="url"], 
#ht-newsletter-section .newsletter-form-box input[type="password"], 
#ht-newsletter-section .newsletter-form-box input[type="search"], 
#ht-newsletter-section .newsletter-form-box input[type="number"], 
#ht-newsletter-section .newsletter-form-box input[type="tel"], 
#ht-newsletter-section .newsletter-form-box input[type="range"], 
#ht-newsletter-section .newsletter-form-box input[type="date"], 
#ht-newsletter-section .newsletter-form-box input[type="month"], 
#ht-newsletter-section .newsletter-form-box input[type="week"], 
#ht-newsletter-section .newsletter-form-box input[type="time"], 
#ht-newsletter-section .newsletter-form-box input[type="datetime"], 
#ht-newsletter-section .newsletter-form-box input[type="datetime-local"], 
#ht-newsletter-section .newsletter-form-box input[type="color"], 
#ht-newsletter-section .newsletter-form-box textarea, 
#ht-newsletter-section select{
    font-size: 16px;
    padding: 15px 15px;
    border: 0;
    font-weight: 500;
    border-radius: 0;
    margin-bottom: 1em;
}
#ht-newsletter-section .newsletter-form-box textarea {
    padding-top: 20px;
}

#ht-newsletter-section select {
    width: 100%;
}
.newsletter-form-box input[type="submit"] {
    padding: 12px 25px;
    color: #ffffff;
    border-radius: 0px;
    font-weight: 400;
    margin: 0;
    background: #fe0000;
    font-size: 20px;
    /* height: 60px; */
    color: #fddede;
    text-align: center;
    display: inline-block;
}
.ht-newslatter-member-wrap {
    margin: 0 4em 0 4em;
}
#ht-newsletter-section .newsletter-form-box input[type="file"]{
    text-align: center;
}
.newsletter-form-box input[type="submit"]:hover{
  animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
}
.newsletter-form-box label {
    width: 100%;
}
/*==========home sidebar==============*/
.main-section {clear:both;background-color: #f7f6f2;}
.main-section:before, .main-section:after {content:''; display:table; clear:both;}
.left-side {height: auto;display: inline-block;float: left;}
.left-side.fixed {position:fixed; top:32px; bottom: 0;}
.right-side {display:inline-block; vertical-align:top;}
.home-sidebar{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.5rem;
    flex: 0 0 31.5rem;    
    -webkit-transition: max-width 0.4s;
    transition: max-width 0.4s;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    z-index: 1;
    -webkit-animation: 0.7s linear 0s 1 sidebar-fadeIn;
    animation: 0.7s linear 0s 1 sidebar-fadeIn;
} 
.sidecategorie{
    margin: 1.2em 0px 1em 0;
}

.category_box{
    padding: 10px 0;
}

.sidecategorie h3{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    background: #1e89f3;
    padding: 12px 25px;
    padding-right: 20px;
}
.sidecategorie ul {
   margin: 0 10px;
    border-bottom:0;
}
.sidecategorie ul ul, .sidecategorie ul ul ul{
    margin-left: 0px;
    margin-right: 0px;
}
.sidecategorie li.drp_dwn_menu {
    list-style: none;
    padding: 0px 0;
    margin: 0 1em;
    position: relative;
    overflow: hidden;
    border-bottom: 0;
}
/*.sidecategorie ul:last-child{
    border: 0;
}*/

.sidecategorie li.drp_dwn_menu a{
    font-size: 16px;
    border-bottom: 1px solid #cccbcc;
    display: block;
    padding: 10px 0;
}
/*.sidecategorie ul:last-child li.drp_dwn_menu a{
     border-bottom: 0;
}*/

.sidecategorie ul:last-child li.drp_dwn_menu ul li.sucat:last-child a {
  border-bottom: 0;
}
.sidecategorie li.drp_dwn_menu i{
    color: #fff;
    position: absolute;
    right: 8px;
    width: 20px;
    background: #e2dedd;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 20px;
    font-size: 15px;
}
/*====================sidebar css================*/
.wp-block-search .wp-block-search__label {
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #ebf3fa;
    margin: 0;
    background: #1e89f3;
    padding: 12px 18px;
    margin-bottom: 0.5em;
}
.widget-area h3.widget-title, .widget-area .widget-title, .widget_block h2, .widget h2,
 .wp-block-calendar table caption, 
 .widget h3,  .widget h4,  .widget h5,  .widget h6{
    color: #191919;
    font-size: 20px;
    font-weight: 400;
    color: #ebf3fa;
    margin: 0;
    padding: 12px 18px;
    border-radius: 0;
    margin-bottom: 0.5em;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
    padding: 0 25px;
}
/*====================toggle button css================*/
button.product-btn{
    width: 100%;
    border: none;
    background: #1e89f3;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
    border-radius: 0;
    text-align: left;
    padding: 21px 10px 15px 50px;
}
button.product-btn:hover{
    opacity: 1;
}
.product-cat li {
    padding: 10px 0;
    border-bottom: solid 1px #d7d7d7;
    margin: 0 10px;
    list-style-type: none;
}
.product-cat li:last-child {
    border-bottom: none;
}
.product-cat li a {
    color: #3f3f3f;
    padding-left: 15px;
    text-transform: capitalize;
    font-size: 15px;
}
header#ht-masthead .product-cat {
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    width: 100%;
    padding: 20px 0px;
    height: 446px;
    overflow: auto;
}
.header-category-box i.fa.fa-bars {
      margin-right: 23px;
    padding-top: 5px;
    position: absolute;
    left: 20px;
    top: 19px;
}

/*====================end toggle button css================*/
.widget-area h3 {
    padding: 15px 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
    position: relative;
    display: block;
    text-transform: uppercase;
    border-radius: 5px 0 5px 5px;
    margin: -15px 20px 0px 0px;
    /* margin: 0 0 25px; */
}
.woocommerce div.product div.images img {
     border: 1px solid #ccc;
      display: block;
}
.woocommerce div.product div.images:hover img {
    opacity: 0.8;
}

.woocommerce .widget_rating_filter ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;
    margin: 15px;
}
/*===================product search css=====================*/
div#sb-search input.search-field {
    background: #fff;
    border: 2px solid #e6e6e6;
    color: #7e7e7e;
    padding: 13px 45px 13px 11px;
    border-radius: 3px;
    font-size: 14px;
    width: 100% !important;
    margin: 0;
}
div#sb-search input.search-field::placeholder{
    color:#7e7e7e;
}
div#sb-search form.woocommerce-product-search:after {
    content: "\f002";
    position: absolute;
    top: 36px;
    font-size: 22px;
    right: 30px;
    color: #f5f2f2fa;
    height: 25px;
    font-family: fontawesome;
    width: 25px;
    cursor: pointer;
}

/*div#sb-search form.woocommerce-product-search:after {
    content: " ";
    position: absolute;
    top: 44px;
    font-size: 35px;
    right: 30px;
    color: #f5f2f2fa;
    background-image: url(images/news2.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    cursor: pointer;
}*/
div#sb-search input[type="submit"] {
    float: right;
    position: absolute;
    right: 21px;
    text-indent: -999px;
    background: transparent;
    padding: 9px 25px 9px 30px;
    top: 32px;
    border-radius: 5px;
    width: 0%;
} 
/*div#sb-search input[type="submit"]:hover{
      background:#343748;
          opacity: 1;
}*/
.woocommerce-product-search input[type="submit"]{
   height: 45px !important;
}
div#sb-search form {
    margin: 0;
}
/*===================end product search css=====================*/
#innerpage-box .faq-title{
    cursor: pointer;
    background:#f5f5f5;
    color:#233050;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px;
}
#innerpage-box .faq-title small {
    color:#233050;
}
#innerpage-box .faq-content {
    border:1px solid #dedede;
    border-radius: 3px;
    margin-bottom: 5px;
}
 #innerpage-box .faq-content .active   {
        border-top: 1px solid #dedede;
} 
#innerpage-box  .faq-description p{
    color: #534e4a;
    background: #fff;
    padding: 15px 15px;
    margin-bottom: 0px;
    font-size: 15px;
}
#innerpage-box h6.faq-title:before {
    content: "\f0dd";
    font-family: 'Fontawesome';
    position: relative;
    bottom: 10px;
    /* top: 0; */
    font-size: 25px;
    right: 0;
    z-index: 2000;
    padding: 0px;
    float: right;
}
#ht-contactus-wrap input[type="submit"]:hover {
    background: #000;
    color: #fff;
}

/*-----------------------
## page scroll
-----------------------------*/


#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 30px;
    right: 10px;   
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: #605ca7;
}
#back2Top:hover {
    background-color: #000;
    color: #fff;
}


.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    max-width: 100% !important;
}
#content-box ul li.blocks-gallery-item {
    margin: 0 3px 5px;
}

#content-box ul li.blocks-gallery-item:before {
display: none;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, 
.wp-block-gallery.is-cropped .blocks-gallery-image img, 
.wp-block-gallery.is-cropped .blocks-gallery-item a, 
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    max-width: 100% !important;
}
.gallery-item .gallery-icon a img {
    width:100%;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, 
.wp-block-gallery.is-cropped .blocks-gallery-image img:hover, 
.wp-block-gallery.is-cropped .blocks-gallery-item a, 
.wp-block-gallery.is-cropped .blocks-gallery-item img:hover {
opacity: 0.6;
}
.gallery-item .gallery-icon a img:hover {
opacity: 0.6;
}

@media screen and (max-width: 1000px){
    .support-icon span.fa {
        font-size: 30px;
    }
    .support-space .support-post {
         border-right: 0; 
    }
}
@media screen and (max-width: 768px){
    .support-icon span.fa {
        font-size: 40px;
    }
    
}
@media screen and (max-width: 767px){
    .home-sidebar {
        margin: 0 !important;
    }
    .left-side {
        display: contents;
    }
    .header-main-box {
        padding-left: 0;
    }
    .lower-header, .slidercompletesec, .recent-posts-box, #specialoffer,
     #topcategories, #furcatproduct-section, #product-banner-section,
      #fcatproduct-section, #ht-fproductnews-heading-section, #offerbannersec,
       #bestselling, section#ht-blog-section {
        margin-left: 0;
    }
    div#ht-home-slider-section {
        margin-bottom: 10px;
    }
    #support-post-section {
        margin-left: 10px;
    }
    #ht-newsletter-section {
        margin-left: 0;
        padding: 0 10px;
    }
    .bannertextbox {
        margin: 1em;
    }
    .bannertextbox h3 {
        margin-top: 0px;
        font-size: 15px;
    }
    .bannertextbox h2 {
        font-size: 25px;
    }
    .forphone-logobox {
        display: block
    }
    .logobox{
        display: none;
    }
    .sidecategorie h3 {
        display: flex;
    }
    h2.ht-section-title{font-size: 20px;}
    #ht-fproductnews-heading-section .featuredpro ul{column-count: 1;}
}
@media screen and (min-width: 766px){
    .forphone-logobox {
        display: none
    }
    
}
@media screen and (max-width: 640px){    
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
        width: 100% !important;
    }
    .quick-sale img.attachment-woocommerce_thumbnail, #ht-fproductnews-heading-section .featuredpro img.attachment-woocommerce_thumbnail {
        height: 100px !important;
    }
}
@media screen and (max-width: 375px){
   .bannertextbox h2 {
        font-size: 18px;
        margin: 5px 0;
    }
    .quick-sale img.attachment-woocommerce_thumbnail, #ht-fproductnews-heading-section .featuredpro img.attachment-woocommerce_thumbnail {
        height: 70px !important;
    }
}