/*
Theme Name: Supermarket Ecommercee Free
Theme URI: https://luzuk.com/demo/supermarket-ecommerce/
Author: Luzuk
Author URI: http://www.luzuk.com/
Description: WordPress ecommerce theme is a theme of premium category but is available in the online market at affordable cost and is highly suitable in case you are interested to open a retail shop online with the prime focus to create a brand value and expand your business online to a global level. This ecommerce theme is perfectly suitable for retail shop for the various gadgets ranging from fashion to the high tech gadgets. This premium category theme is not only sophisticated but elegant as well besides having some exemplary features like responsiveness, multipurpose utility, CTA[ call to action] etc that are highly useful for the online product sale. Premium word Press ecommerce theme has a special design for the ecommerce shops and has a faster page load time besides being interactive with the customization options.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:supermarket-ecommerce-free
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;
}
/*body::-webkit-scrollbar { display: none;  }*/
    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;
}

/*--------------------------------------------------------------
# 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: #fff9c0;
    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;
}

.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%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #202020;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}

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%;
}

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


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
ul.product_list_widget li {
    padding: 20px !important;
}
.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{
       padding: 15px 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: block;
    text-transform: uppercase;
    border-radius: 5px 0 5px 5px;
    margin: -15px 3px 10px 0px;
    /* margin: 0 0 25px; */
    left: -17px;

}

.widget-area .widget-title:after{
   /* content:"";
    position: absolute;
    left: 0;
    top: 100%;
    width:90px;
    background: #ff2100;
    height: 4px;*/
}
.widget-area .widget-title: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;
}

.widget-area ul{
    list-style: none;
    padding:0;
    margin: 0;
}

.widget-area ul ul{
    border-top: 1px solid #f9f9f9;
    margin-top: 5px;
}

.widget-area ul ul li{
    padding-left: 10px;
}

.widget-area ul ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.widget-area li{
    padding: 5px 0px;
    line-height: normal;
    border-bottom: 1px solid #e7e2e2;
    margin-left: 10px;
    margin-right: 10px;
}
.widget-area li:last-child {
    border-bottom: none;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
}

.widget-area a:hover{
    color: #fe5722
}

.widget-area .widget{
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #e7e2e2;
      padding: 0 1em 1em;
}



#secondary input[type="text"] {
    width: 115px;
}
/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## 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: 25px;
}
nav#ht-site-navigation ul li a:hover {
    color: #605ca8;
}
.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;
}

.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;
}

.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #fe5722;
}

.ht-site-description{
    color: #EEE;
    margin: 0;
    font-size: 15px;
    font-style: italic;
    line-height: 1;
    display: none;
}

.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-main-box {
    background: #343748;
}
.header-main-box h6 {
    color: #fff;
}
ul.header-sm-links {
    margin-bottom: 0;
    color: #fff;
    margin: 0 15px;
    list-style: none;
}
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:after {
    /*content: "|";
    padding-left: 10px;
    padding-right: 10px;*/
}
.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: 0px;
    left: 15px;
    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: 8px;
    background: #f7f5f6;
    border-bottom: 1px solid #e6e6e6;
}
.header-menu-box ul li span{
    color:#605da6;
}
.header-menu-box ul li i{
    color:#605da6;
}
.header-menu-box ul li{
    color:#434343;
}
.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%;
}
.upper-header {
    margin-top: 40px;
}
.header-right-box {
    color: #434343;
    font-size: 15px;
}
.header-cart-text {
    font-size: 15px;
    color: #000;
    text-align: right;
}
#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: #605ca8;
    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 #605ca8;
    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.animated.fadeInDown {
    font-size: 25px;
        font-weight: 500;
}
.ht-slide-cap-desc.animated.fadeInDown span {
    font-weight: 900;
}

.ht-slide-cap-title.animated.fadeInDown {
     font-size: 30px;
    font-weight: 500;
       margin: 20px 0 5px;
}
.ht-slide-cap-title.animated.fadeInDown span {
    font-size: 50px;
    font-weight: 900;
}
.bx-controls-direction {
    display: block;
}
.ht-slide{
    position: relative;
}

.ht-slide img{
    width: 100%;
    border-radius: 5px;
}

.ht-slide-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
}

.ht-slide-caption{
        position: absolute;
    top: 50%;
    left: 45%;
    width: 600px;
    margin-left: -487px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 4em;
}


.ht-slide-cap-title{
      text-align: center;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0 0px;
    /* padding: 0 10%; */
    line-height: 1.2;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.ht-slide-cap-title span {
    font-size: 50px;
    line-height: 45px;
}

.ht-slide-cap-descmore{
    margin-top: 10px;
}
.ht-slide-cap-descmore a{
       padding: 8px 20px 10px;
    font-size: 16px;
    display: inline-block;
    color: #000;
    border-radius: 0;
    box-shadow: 0 8px 10px -6px #0000006b;
	
}
.ht-slide-cap-descmore a:hover{
    color: #000;
    opacity: 1;
    box-shadow: inset 0 0 0 2px #ffffff;
}
.ht-slide-caps-title {
        display: inline-block;
    font-size: 20px;
    font-weight: normal;
    padding: 1px 45px;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    background: #fff;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0%, 93% 100%, 0% 100%);
}

.ht-slide-caps-title:before {
    top: -4px;
    left: -4px;
    width: 0;
    height: 0;
    border-top: 28px solid #d0ac62;
    border-right: 29px solid transparent;
    content: '';
    position: absolute;
}

.ht-slide-caps-title:after {
    bottom: -4px;
    right: -4px;
    width: 0;
    height: 0;
    border-bottom: 28px solid #d0ac62;
    border-left: 29px solid transparent;
    content: '';
    position: absolute;
}



.ht-slide-cap-desc{
    text-align: center;
    font-size: 38px;
	color:#fff;
    line-height: 1.4;    
   /* padding: 0 15%;*/
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	/*background: url(images/titlebg.png) no-repeat center;*/
	font-weight:bold;
}

#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;
}

.sliderrightbox {
    margin-left: 15px;
}
.slidercompletesec {
    background: #f7f5f6;
    padding: 1em 0;
}
.sliderright-img {
    border: 1px solid #e6e6e6; 
    width: 100%;
    border-radius: 5px;
}
.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;
}
#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 {
    padding: 2em 0;
    background: #f7f5f6;
}
.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 {
    border-bottom: 1px solid #e0e0e0;
}
#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: #605ca8;
}
#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: #605ca8;
}

#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: #f7f5f6;
}
#fcatproduct-section .content-part a h3 {
       color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#fcatproduct-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 15px;
}
#fcatproduct-section .price del{
    color: #353535;
     font-size: 15px;
}
.ht-featured-fcatpro {
    margin-top: 5px;
}
#fcatproduct-section .responsive-tabs {
    background: #ffff;
    box-shadow: 0px 1px 2px 2px rgba(216, 216, 216, 0.4);
}
#fcatproduct-section #recent-porduct {
    border-right: 1px solid #e0e0e0;
    padding: 0 25px;
    margin: 30px 0;
}
#fcatproduct-section .procatbord {
    border-bottom: 1px solid #e0e0e0;
}
#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: #605ca8;
}
#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: #605ca8;
}

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


#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;
}
.fcatbanner img{
    width: 100%;
    position: relative;
}

/*--------------------------------------------------------------
## furCat PRODUCT Section
--------------------------------------------------------------*/
#furcatproduct-section {
    padding: 2em 0;
    background: #f7f5f6;
}
#furcatproduct-section .content-part a h3 {
        color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#furcatproduct-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 15px;
}
#furcatproduct-section .price del{
    color: #353535;
     font-size: 15px;
}
.ht-featured-furcatpro {
    margin-top: 5px;
}
#furcatproduct-section .responsive-tabs {
    background: #ffff;
       box-shadow: 0px 1px 2px 2px rgba(216, 216, 216, 0.4);
}
#furcatproduct-section #recent-porduct {
    border-right: 1px solid #e0e0e0;
    padding: 0 25px;
    margin: 30px 0;
}
#furcatproduct-section .procatbord {
    border-bottom: 1px solid #e0e0e0;
}
#furcatproduct-section .ht-featured-furcatpro ul {
    margin: 0;
        padding-bottom: 0;
}
#furcatproduct-section .ht-featured-furcatpro 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;
}
#furcatproduct-section .ht-featured-furcatpro ul li:hover{
    background: #605ca8;
}
#furcatproduct-section .ht-featured-furcatpro ul li:hover b{
    color: #fff;
}
#furcatproduct-section .ht-featured-furcatpro ul li b {
    color: #b6b6b6;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
#furcatproduct-section .ht-featured-furcatpro ul li i{
    color:#b6b6b6;
}
#furcatproduct-section .ht-featured-furcatpro ul li:hover i{
    color: #fff;
}
#furcatproduct-section .ht-featured-furcatpro ul li:last-child {
   border-left: none;
}
#furcatproduct-section .ht-featured-furcatpro ul li:last-child:hover {
    background: #605ca8;
}

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


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

#furcatproduct-section .furcatbanner 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;
}
#furcatproduct-section .furcatbanner: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
}


#furcatproduct-section .pro-img{
    background: #fff;
}

.furcatbanner img{
    width: 100%;
    position: relative;
}

/*
-------------------------------------------------------------
## Featured Product and Newsletter Section
--------------------------------------------------------------*/

#ht-fproductnews-heading-section {
    background: #f7f5f6;
    padding: 2em 0;
}
#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 .ht-section-title-tagline {
    margin-bottom: 0.5em;
}

#featured-product-section .lz-featuredproduct-heading {
    color: #343748;
    padding: 0 10px;
}
#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;
}

#ht-newslatter-section {
    padding: 3em 1em;
    text-align: center;
    margin-left: 25px;
}
#ht-newsletter-section .box-form {
    position: relative;
    top: 30px;
}

h2.ht-section-title.lz-newslatter-heading span {
    font-size: 32px;
    color: #fff;
}
#ht-newslatter-section .newsletter-box {
    box-shadow: 0 0px 10px 0px #00000024;
    margin-top: 15px;
    border-radius: 10px;
    padding: 0;
    padding: 15px;
    background: #ccccccc7;
}
#ht-newslatter-section ::placeholder {
    color: #6f6d6d;
    padding: 0;
}

.ht-section-tagline.lz-newslatter-text {
    font-size: 16px;
    margin-top: 20px;
}

h2.ht-section-title.lz-newslatter-heading span {
    font-weight: bold;
    color: #2b2b2b;
}
#ht-newslatter-section .ht-section-title-tagline{
    color:#fff;
}

#ht-newslatter-section  .ht-section-title{
    color: #fff;
    font-size: 25px
}
#ht-newslatter-section .ht-section-title-tagline{
      margin: 0 5px;
}
#ht-newslatter-section .newsletter-form-box{     
    color: #fff;
    margin-top: 30px;
    text-align: left;
}
.newsletter-form-box input::placeholder{
    color:#fff;
    opacity: 0.7;
     padding: 15px 20px;
}


.newsletter-form-box input[type="text"], 
.newsletter-form-box input[type="email"], 
.newsletter-form-box input[type="url"], 
.newsletter-form-box input[type="password"], 
.newsletter-form-box input[type="search"], 
.newsletter-form-box input[type="number"], 
.newsletter-form-box input[type="tel"], 
.newsletter-form-box input[type="range"], 
.newsletter-form-box input[type="date"], 
.newsletter-form-box input[type="month"], 
.newsletter-form-box input[type="week"], 
.newsletter-form-box input[type="time"], 
.newsletter-form-box input[type="datetime"],
.newsletter-form-box input[type="datetime-local"], 
.newsletter-form-box input[type="color"],
.newsletter-form-box textarea,
  .newsletter-form-box input[type="file"],
.newsletter-form-box select{   
     border: 1px solid #d0d0d0;
    color: #555;
    width: 100%;
    padding: 15px 20px;
    border-radius: 0;
    margin-bottom: 5px;
}
.newsletter-form-box textarea{
    height: 50px;
}
.newsletter-form-box label{
    color:#ffcdbd;
}

.newsletter-form-box input[type="submit"]{
    padding: 10px 25px;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 400;
    margin: 35px auto 0;
    background: #e64c56;
    font-size: 15px;
    display: block;

}
.newsletter-form-box input[type="submit"]:hover{
  animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
}

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

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

#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: #f7f5f6;
    padding: 2em 0;
}
.product-innerbanner {
    padding: 3em 0 1em;
    background: #fff;
}

#product-banner-section .ht-section-title-tagline {
    text-align: center;
}

#product-banner-section .ht-section-title {
    color: #000;
   font-size: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}

#product-banner-section .ht-section-tagline {
    color: #000;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px
}
.probannerreadmore {
    text-align: center;
}

#product-banner-section .readmore a {
       padding: 8px 20px 8px;
    font-size: 20px;
    display: inline-block;
    color: #000;
    border-radius: 0;
    background-color: #ffc801;
    margin-top: 20px;
}

#product-banner-section .readmore a:hover {
    color: #fff;
    opacity: 1;
    box-shadow: inset 0 0 0 2px #ffffff;
    background: #605ca8
}
.probannerboxeffect img {
    width: 100%;
    height: 100%;
}

/*


/*--------------------------------------------------------------
## Logo Section
--------------------------------------------------------------*/
.ht_client_logo_slider img{
    padding: 0 26px;
}




/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
.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 {
    border: 1px solid #c6c6c6;
        margin-bottom: 20px;
}
.ht-blog-post .blog-img{
    width: 100%;
    height: 243px;
}

.ht-blog-post{
    /*margin-top: 2em;*/
}

.ht-blog-post:nth-child(3n+1){
    clear: both;
}

.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;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px;
    border-radius: 30px;
    text-align: center;
    border: 3px solid #FFF;
}
.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: center;
    margin: 40px 0 20px 0;
}

.socialMedia a{
      color: #fff;
    background: #605ca8;
    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;
}
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: #605ca8;
}
.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-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: 14px;
}
#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{
    background: #333333; 
    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{
    color: #424242;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

#ht-colophon .widget-title{
       font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
    color: #343746;
}

#ht-top-footer{
    background: #f7f5f6;
    color: #424242;
    padding: 50px 0;
    box-shadow: 0px 1px 2px 2px rgba(216, 216, 216, 0.8);
}

.ht-top-footer{
    margin-left: -3%;
}

.ht-footer{
    float: left;
    width: 23%;
    margin-left: 2%;
}

.ht-footer .widget{
    margin-bottom: 30px;
}

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

.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;
    background: #fff;
    padding: 30px 0;
    color: #848484;
    line-height: 1.2;
    box-shadow: 0px 1px 2px 2px rgba(216, 216, 216, 0.8);
}

.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;
}

.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%;
}
/*.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;
    background: #eee;
}

.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 {
    
}

.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;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
}

#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: 100%;
    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.products li.product .woocommerce-loop-product__title{font-size: 15px;}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins {
    font-size: 15px !important; 
}
.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;
}
.product_list_widget .amount {
    color: #ffff !important;
}

.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{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    display: inline;
    font-weight: 400;
}

.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{
     border: none !important;
    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;
}

.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: 8px;
}

.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;
    }
}

@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{
        width: auto;
        margin: 0 0 30px;
        float: none;
    }

    .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: 100% !important;
        margin-bottom: 10px !important;
    }
    .sliderrightbox {
        margin-left: 0;
    }
    .sliderright-img, .sliderright2-img {
        height: auto;
    }
    .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%;
}


}

@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;
    }
}

@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;
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
    .upper-header {
    margin-top: 35px;
}
ul.header-sm-links {
    margin: 0 12px;
}
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;
}
.sliderright2-img , 
.sliderright-img {
    height: 125px;
}
.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;
}

}

@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: 0 0px;
}
.header-main-box {
    background: none !important;
}
button.product-btn{
    font-size: 13px !important;
}

}
@media screen and (min-width: 320px) and (max-width: 475px){
    .total-count .count{
          top: 0px;
        right: 106px;
        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;
    }


}
@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;
}
}
/**/
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-box {
    padding-top: 10px;
}
.support-post p {
    font-size: 15px;
}
#support-post-section h5 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}
.support-icon span.fa:hover{
 -webkit-transition: all 0.1s ease;
}
#support-post-section{
    padding: 0.5em 0em 3em;
    background: #f7f5f6;
}
.support-icon span.fa {
    font-size: 45px;
}
.featuredicon {
    padding: 0;
}

.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: #605ca8;
    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: #605ca8;
}

.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: #f7f5f6;
    padding: 2em 0;
}
.recent-posts-box {
    box-shadow: 0px 1px 3px 3px rgba(197, 197, 197, 0.4);
    background: #fff;
    border-radius: 3px;
    padding: 2.5em 10px 0em;
}
#recent-post-section .total-products-title-wrap {
    padding-top: 15px;
    padding-bottom: 50px;
}
#recent-post-section h2.lz-recentproduct-heading{
       color: #343748;
    padding: 0 10px;
}
#recent-post-section .ht-section-title-tagline {
    margin-bottom: 0.5em;
}
#recent-post-section .lz-featuredproduct-heading {
    color: #343748;
    padding: 0 10px;
}
#recent-post-section #recent-porduct {
    background: #f7f5f6;
    padding: 10px;
}

#recent-post-section .recent-product {
    padding: 0 10px;
    margin-bottom: 20px;
}
#recent-post-section .total-product-title-wrap {
    padding: 0 15px;
    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: 15px;
}
#recent-post-section .price ins {
    background: none;
    text-decoration: none;
    color: #605da6;
    font-size: 15px;
}
#recent-post-section .total-product-title-wrap h6 {
    color: #353535;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}
#recent-post-section #recent-porduct .pro-img a img {
    width: 100%;
}
#recent-post-section #recent-porduct .pro-img a:hover img {
    opacity: 0.8;
}

/*=======================banner 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;
}
}
.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;
}
/*====================toggle button css================*/
button.product-btn{
    width: 100%;
    border: none;
    background: #605ca8;
    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; */
}
.widget-area 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;
}
.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 {
    width: 100%;
    background: #fff;
    border: 2px solid #e6e6e6;
    color: #7e7e7e;
    padding: 3px 8px 3px 20px;
    height: 56px;
    border-radius: 5px;
    font-size: 16px;
        width: 100% !important;
    margin: 0;
}
div#sb-search input.search-field::placeholder{
    color:#7e7e7e;
}


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: #605ca8;
    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;
}