/*
Theme Name: Lz Restaurant Free
Theme URI: http://www.luzuk.com/themes/lz-restaurant/
Author: Luzuk
Author URI: http://luzuk.com
Description: The theme is so user-friendly and easily customizable that even if you aren’t a professional developer, you can work on it. You get ample of personalization options to modify the theme into your choice of look and appearance. The theme has an elegant banner thereby allowing you to feature your business in the best manner on the homepage itself. The testimonial section makes it more alluring as it displays the feedback given by people who have visited your WordPress website. Furthermore, the Call to action (CTA) button drives in abundance of clicks giving a boost in lead generation. The restaurant theme is highly interactive with a number of pages to display stunning meals! The different shortcodes keep you away from indulging in the source code.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lzrestaurant-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;
}

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

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

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

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

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

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

}

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

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

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

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

blockquote {
    margin: 0 15px;
}


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

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

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

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

big {
    font-size: 125%;
}

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

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

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

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

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

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 0 20px;
    height: 40px;
    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: #333;
}

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

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: 3px 8px;
    height: 40px;
}

textarea {
    padding: 8px;
    width: 100%;
}
.paddind5{
    padding:5px !important;
}

.col-sm-9cols{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 11%;
}


@media (max-width: 768px) {
.col-sm-9cols {
        width: 50%;
        float: left;
        margin: 10px 0;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button {
    margin-bottom: 15px;
}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #fe5722;
    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
--------------------------------------------------------------*/
.widget-area .widget-title{
        padding: 15px 0 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 25px
}

.widget-area .widget-title:after{
    content:"";
    position: absolute;
    left: 0;
    top: 100%;
    width:90px;
    background: #ff2100;
    height: 4px;
}

.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 0;
    line-height: normal;
}

.widget-area a{
    text-decoration: none;
    color: #404040;
}

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

.widget-area .widget{
    margin-bottom:15px;
    padding:0 1em 1em;
    background: #fff;
    border-radius:10px;
}

/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
#secondary{
    float:left;
    width:100%;
}

#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;
    color:#ee5636;
    border-bottom: 1px solid #ccc;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}



/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#ht-masthead{
    z-index: 99;
    transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    width:100%;
    position: relative;
    background: #000;
}
.page-template-home-template .header-transparent {
    position: absolute;
}
.page-template-home-template .header-transparent{
    background: none;
}


.header-transparent .top-header {
    background: rgba(0,0,0,0.4);
}


header .logo {
    margin: 10px 0;
}

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


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

#ht-site-branding{
    float: left;
    width: 25%;
    padding:5px 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:20px 0 20px 0;
    letter-spacing: 1px;
    font-weight: 400;   
}
.category .ht-main-title, .single-post .ht-main-title{
    margin: 20px 0 20px 0;
}

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

.ht-site-title, .site-title{
      font-weight: 400;
    margin: 0;
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 1;
    margin-top: 10px;

}

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

.ht-site-description{
    margin: 0;
    font-size: 15px;
    padding: 10px 0;
}

.ht-site-description a{
    color: #faf9f7;
}

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

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

.taxonomy-description p:last-child,
.term-description p:last-child{
    margin-bottom: 0;
}

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

.textcenter{
    text-align: center;
}

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

section a{
    text-decoration:none;
}
section a:hover, a:active{
    text-decoration:none;
}
section a:focus{
    text-decoration:none;
}
section .darkbox{    
    background: rgba(0,0,0,0.2)
}
section .lightbox{
    padding:3em 0;
}

.padding0{
    padding: 0;
}
.spacing .ht-section-title-tagline{
    margin-top:2em;
}

.ht-section-title-tagline{
    margin-bottom: 2em;
    text-align: center;
}


.ht-section-title,
.lz-about-heading,
.lz-reservation-heading
{
    font-weight: 600;       
      font-style: italic;
    font-size: 45px;
    margin: 0 auto 10px;
    padding: 0 0 20px 0;

}

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

.darkbox .ht-section-tagline{
    font-size:16px;    
   /* color:#fff;*/
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*#ht-site-navigation{
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}*/
/*
New header css*/

.header.site-header ul.sub-menu li a {
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    transition: all 0.5s ease 0s;
}
header.site-header ul {
    margin: 0;
}

header.site-header ul.navbar-nav ul{
    margin: 20px 0 0 0;
}

header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}

header.site-header .list-inline.m-a0 {
   padding-left: 20px !important;
   /*text-align: right;*/
   padding: 2px 0;
   float: right;
}



/*new header css */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.socialresponsive {
    display: none;
}
.header-nav .nav {
     float: right; 
}

.site-header .header-nav ul li {
    display: inline-block;
       position: relative;
}
.site-header ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 0;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
        font-size: 16px;
    line-height: 36px;
    padding: 0;
    font-weight: 400;
}

.site-header ul.sub-menu li a {
        text-transform: none;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.5;
    padding: 8px 15px;
    font-size: 14px;
    position: relative;
}
 ul.sub-menu {
    position: absolute;
    left: 0;
    top: 95%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
 ul.sub-menu li {
    margin: 0 0 0px;
}


header.site-header ul.sub-menu li {
        display: block !important;
}

/*.show#navbarNavDropdown .reslogobox {
    display: none;
}*/
#navbarNavDropdown .reslogobox {
    display: none;
}

.site-header .show ul.sub-menu li.current_page_item a{
    background: none !important;
}




/*
End New header css*/

.maintop-header {
    padding-bottom: 15px;
}
.navbar-nav .ht-menu{
    float: right;
}

.navbar-nav ul {
    list-style: none;
    margin:20px 0 0 0;
    padding-left: 0;
}

.navbar-nav li {
     padding: 0 15px;
         float: none;
    display: inline-block;
    position: relative;
}

.navbar-nav ul ul li{
      display: block;
        padding: 0;
}

.navbar-nav a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    padding: 0;
    font-weight: 400;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    position: relative;
}

.navbar-nav ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100% ;
    background: #FFF;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 0;
    border-top: 2px solid #fe5722;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
}

.ht-sticky .navbar-nav ul ul{
    margin-top: 17px;
}

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

.navbar-nav ul ul ul {
    left: 100%;
    top: 0;
    margin: 0 0 0 8px;
    border-top: 0;
}

.ht-sticky .navbar-nav ul ul ul{
    margin-top: 0
}

.navbar-nav ul ul a {
    text-transform: none;
    font-weight: 400;
    color: #444;
    line-height: 1.5;
    padding: 10px 15px;
    font-size: 14px;
}

.navbar-nav ul ul li {
    float: none;
    margin: 0 0 5px;
}
.navbar-nav ul ul li:last-child{
    margin-bottom: 0;
}

.navbar-nav 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 {
    color: #FFF;
}*/

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

.navbar-nav li a:before  {
    height: 2px;
    border-radius: 3px;
    bottom: 2px;
    left: 0px;
    content: "";
}

.navbar-nav li:hover a:before {
    transform-origin: left;
    transform: scale(1);
}

.navbar-nav li a:before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #eb4444;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.navbar-nav li:hover > a, 
.page-template-home-template .navbar-nav li:hover > a  {
    color:#eb4444;
}

.navbar-nav ul ul li a:before {
    display: none;
}

/*----------------------------------------------------------
Header Social
------------------------------------------------------------*/

.header-transparent .social-icons{
    float:right;
}
.social-icons ul{      
    margin:20px 0 0 0;
    padding:0;
}
.header-transparent .social-icons span {
    color: #acacaa;
    font-size: 16px;
    padding: 16px 15px;
    border-left: 1px solid #46423f;
}

.header-transparent .social-icons a:first-child span{
    border-left:none;
}

.social-icons ul li a span:hover{
    color: #000;
}
.social-icons ul li:hover{  
    background:#fff;
    border-radius: 50%;
}
.social-icons ul li{
    display: inline-block;    
    margin:0;
    list-style: none;
    border-radius: 50%;
}

/*----------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
.ht-slide{
    position: relative;
}

.ht-slide img{
    width: 100%;
}

.ht-slide-overlay{
        position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.60;
}

.ht-slide-caption{
    position: absolute;
    top: 56%;
    left: 56%;
    width: 770px;
    margin-left: -585px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    border-left: 7px solid #eb4444;
    padding: 70px 15px 0;
}


.ht-slide-caption:before {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
    bottom: 0px;
    right: 50%;
    width: 0px;
    height: 0px;
    border-right: 7px solid #eb4444;
    border-bottom: 7px solid #eb4444;
    height: 18%;
    width: 50%;
}


.ht-slide-caption:after {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
    top: 0px;
    right: 50%;
    width: 0px;
    height: 0px;
    border-right: 7px solid #eb4444;
    border-top: 7px solid #eb4444;
    height: 18%;
    width: 50%;
}


.ht-slide-cap-title{
    font-size: 67px;
    color: #f8faf7;
       font-weight: 500;
    margin-bottom: 25px;
    font-style: italic;
    padding: 0 8%;
    line-height: 1.2;
    letter-spacing: 2px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        margin-top: 9%;
}

.ht-slide-cap-title span{
    display: inline-block;
}

.ht-slide-cap-readmore{
    text-align: center;
    margin-bottom: 80px;
}

.ht-slide-cap-readmore a {
    background: #ea4444;
    color: #fff;
    padding: 12px 50px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;

        display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


.ht-slide-cap-readmore a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ht-slide-cap-readmore a:hover:before, .ht-slide-cap-readmore a:focus:before, .ht-slide-cap-readmore a:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


.ht-slide-cap-desc a:hover{
    background: #fff;
    color:#000;
}
.morbut{
    margin-top:40px;
}
.ht-slide-cap-desc{
        font-size: 16px;
    line-height: 1.4;
    color: #ececec;
       padding: 0 30% 0 8%;
    -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);
       margin-bottom: 10%;
}

#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 rgba(0,0,0,0.3);
    left: 0;
}

#ht-home-slider-section .bx-wrapper .bx-next{
    background: url(images/next.png) no-repeat center rgba(0,0,0,0.3);
    right: 0;
}
/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
/*#ht-about-us-section{
    background-image: url(images/aboutsectionbg.jpg);
    background-position: top;
    background-size: cover;
}*/
#ht-about-us-section .about-form{
    padding:40px 40px 30px 40px;
}

.about-inside{
    overflow:hidden;
}

#ht-about-us-section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    color: #fff;
    width:100%;
}

#ht-about-us-section .lz-about-heading,
.lz-reservation-heading{
    background:url(images/title-bg2.png) no-repeat center bottom;
    /*color:#fff;*/
}

.about-inside input[type="text"], 
.about-inside input[type="email"], 
.about-inside input[type="url"], 
.about-inside input[type="password"], 
.about-inside input[type="search"], 
.about-inside input[type="number"], 
.about-inside input[type="tel"], 
.about-inside input[type="range"], 
.about-inside input[type="date"], 
.about-inside input[type="month"], 
.about-inside input[type="week"], 
.about-inside input[type="time"], 
.about-insidec input[type="datetime"], 
.about-inside input[type="datetime-local"], 
.about-inside input[type="color"], 
.about-inside textarea,
.about-inside select,
.about-inside input[type=file]

{
    width: 100%;
    background: none;
    border: 1px solid #f28484;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
}

.about-inside input[type="file"] {
    cursor: pointer;
    padding: 10px;
}
.about-inside form p{
    text-align: left;
}

.about-inside .wpcf7-form textarea{ 
    width: 100%;
    height:45px;
}

.about-inside .wpcf7-form textarea::-webkit-input-placeholder {
    color: #fff !important;
}
 
.about-inside .wpcf7-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;  
}
 
.about-inside .wpcf7-form textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #fff !important;  
}
 
.about-inside .wpcf7-form textarea:-ms-input-placeholder {  
    color: #fff !important;  
}

.about-inside input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.about-inside input[type="email"]::-webkit-input-placeholder {
    color: #fff;
}


 .about-inside input::placeholder,
 .about-inside textarea::placeholder,
 .about-inside select::placeholder {
         color: #fff;
    }
.about-inside input[type="submit"]{
    background: #fff;
    border:none;
    padding:11px 50px;
    color:#eb4444;
    border-radius: 10px;
    height: auto;
    font-weight: bold;
    text-transform:uppercase;
    box-shadow: 0 0 25px -4px #666;
    
}
.about-inside input[type="submit"]:hover{
    opacity: 0.8;
}
#ht-about-us-section .readmore{
    margin-top:2em;
}

#ht-about-us-section .readmore a {
    background: #ea4444;
    color: #fff;
    padding: 12px 50px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;

        display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


#ht-about-us-section .readmore a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#ht-about-us-section .readmore a:hover:before, #ht-about-us-section .readmore a:focus:before, #ht-about-us-section .readmore a:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}



.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-facility-section{
    background: #FFF;
}

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

/*--------------------------------------------------------
##Product Category
-------------------------------------------------------------*/
#product-category-section .ht-section-title{
    background:url(images/title-bg.png) no-repeat center bottom;
}

#product-category-section .product-grid{
    margin:1em 0 0;
}
#product-category-section .product-grid{
    text-align:center;
}
#product-category-section .product-grid h4{
    margin:10px 0;
	color:#fff;
    position: sticky;
    bottom: 85px;
    text-align: center;

}
#product-category-section .product-grid h4 a{
    font-size:24px;
    font-weight:bold;
    color:#fff;
    text-transform: capitalize;
    
}
#product-category-section .product-grid img{
    height: 200px;
}
#product-category-section .cat-product:hover{
    opacity:0.7;
    cursor:pointer;
}
/*--------------------------------------------------------------
## Featured Section
--------------------------------------------------------------*/
#featured-post-section{
    color: #FFF;
    position: relative;
}
#featured-post-section .slider .slide-item {
    margin-right: 30px;
    width: 295px;
}
#featured-post-section .ctrl-btn.pro-next {
    right: 8%;
}
#featured-post-section .ctrl-btn.pro-prev {
    right: 12%;
        left: auto;
}
#featured-post-section .ctrl-btn {
    top: 10%
}
#featured-post-section #recent-porduct h3 {
    font-size: 20px;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: 100;
    color: #000;
}
#featured-post-section .slider {
    width: 100%;
    height: 490px;
    position: relative;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#featured-post-section .lz-featured-heading{
     background: url(images/title-bg.png) no-repeat center bottom;
}

.featured-post, .ht-plan-block{
    text-align: center;

}


.featured-post:after{
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0px;
     height: 0px;
    border-top: 69px solid #fff; 
    border-left: 69px solid transparent;
}

.featured-post{
    padding:0 0 2em;
    box-shadow:1px 1px 5px #bbb;
    position: relative;
}



#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:1.5em 1em 0.3em;
}

#featured-post-section .featured-icon img{
    width:100%;
    height: 200px;
}

#featured-post-section .featured-icon{
    font-size: 60px;

}
.featured-excerpt{
    padding: 0 1em;
}

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

.featured-link{
    margin: 26px 0 0 0;
}

.featured-link a{
    padding: 0 40px;
    display: inline-block;
    line-height: 40px;
    background: #FFF;
    color: #fe5722;
    border:1px solid #fe5722;
    border-radius: 50px;

}

.featured-link a:hover{
    background: #333;
    color: #FFF;
}

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

/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.ht-sticky-header .header-transparent {position: fixed !important;}
#ht-team-section{
    background-image: url(images/team-bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}

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

.ht-team-member{
    text-align: center;
    cursor:pointer;
}

.ht-team-member img{
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height:400px;
}

.member-name{
    font-size: 30px;
}

.ht-team-member-image{
    position: relative;
    overflow: hidden;
}

.ht-team-social-id{
    padding: 10px;
    background: #fe5722;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.ht-team-social-id a{
    display: inline-block;
    color: #FFF;
    margin: 0 5px;
    font-size: 16px;
    line-height: 32px;
    background: #fe5722;
    color: #FFF;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.ht-team-social-id a:hover{
    background: #333;
    color: #FFF;
}

.ht-team-member-excerpt{
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    color: #FFF !important;
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    opacity: 0;
    -ms-transform: scale(0.5); 
    -webkit-transform: scale(0.5); 
    transform: scale(0.5);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}

.ht-team-member:hover .ht-team-member-excerpt{
    opacity: 1;
    -ms-transform: scale(1); 
    -webkit-transform: scale(1); 
    transform: scale(1);
}

.ht-team-member-excerpt-wrap{
    display: table;
    width: 100%;
    height: 100%;
}

.ht-team-member-excerpt-wrap .ht-team-member-span{
    display: table-cell;
    vertical-align: middle;
}

.ht-title-wrap{
    background: #fff;
    color: #FFF;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    opacity: 1;
    width: 100%;
}

.ht-team-member:hover .ht-title-wrap{
    opacity: 0;
}

.ht-team-member h6{
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
}

.ht-team-member .ht-title-wrap h6{
    padding: 0;
    margin: 0;
    color:#fe5722;
}

.ht-team-member h6 a{
    text-decoration: none;
    color: inherit;
}

.ht-team-member .ht-team-member-excerpt h6:after{
    content: "";
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #FFF;
    bottom: -2px;
}

.ht-team-member .ht-team-designation{
    font-size: 1.5em;
    margin-bottom: 15px;
}

.ht-team-detail{
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fe5722;
    padding: 0 10px;
    text-decoration: none;
    line-height: 30px;
    font-size: 0.9em;
}

.ht-team-detail:hover{
    background: #333;
    color: #FFF;    
}

/*--------------------------------------------------------------
## Counter Section
--------------------------------------------------------------*/
#ht-counter-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #FFF;
    background-attachment: fixed;
    position: relative;
    background-position: 50% 0;
}

#ht-counter-section .ht-section{
    background: none;
}

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


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

.ht-counter{
    float: left;
    width: 20%;
    margin-left: 5%;
    text-align: center;
    border: 2px solid #fe5722;
    border-top: 0;
    padding: 0 20px 20px;
    position: relative;
}

.ht-counter:after{
    content: "";
    position: absolute;
    width: 30%;
    left: 0;
    top: 0;
    height: 2px;
    background: #fe5722;
}

.ht-counter:before{
    content: "";
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    height: 2px;
    background: #fe5722;
}

.ht-counter-count{
    font-size: 48px;
    line-height: 1;
    margin-bottom: 25px;
    letter-spacing: 3px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.ht-counter-icon{
    display: inline-block;
    font-size: 36px;
    color: #fe5722;
    position: relative;
    -ms-transform: translate(0, -17px);
    -webkit-transform: translate(0, -17px);
    transform: translate(0, -17px);
    line-height: 36px;
}

.ht-counter-title{
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 400;
    margin: 0;
}

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

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
/*#testimonials-section{
    background-image: url('images/relax-1690338_1920.jpg');
    background-position: top;
    background-size: cover; 
}*/
#testimonials-section .ht-section-title-tagline{
    background:url(images/title-bg.png) no-repeat center bottom;
}
#testimonials-section h6{
    text-align: center;
    margin:15px 0 0 0;
    color:#888888;
}

#testimonials-section p{
    color:#4d4d4d;
    font-size: 18px;
    font-style: italic;
}

.testimonials-member-wrap{
    background: #fff;
    padding: 1em;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 130px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.testimonials-member-wrap{
    background:#f2f2f2;
    padding:40px;
}
.monials-row{
    padding:3em 20px;
    background:#f2f2f2;
}


/* --------------------------------- */
/* Testimonial Page */
/* --------------------------------- */

.page-testimonial-box{
    background: #eee;
    padding-bottom: 25px;
    border-radius: 10px;
    padding: 1.5em;
    border: 5px double #d0d0d0;
}

.page-template-default div.jquery-gdakram-tooltip {
    position: inherit;
}
.page-template-default div.jquery-gdakram-tooltip div.content:after {
    display: none;
}
/*--------------------------------------------------------------
## Site map template
--------------------------------------------------------------*/
div#sitemap-box h3 {
    font-size: 20px;
    background: #2e2e2e;
    display: inline-block;
    padding: 15px 25px;
    color: #ffffff;
    border: 5px solid #ff9025;
}
div#sitemap-box .sitemap-blogposts ul {
    padding: 5px 5px 5px 0;
    margin: 0;
}
div#sitemap-box .sitemap-posts-box {
    margin-bottom: 15px;
}
div#sitemap-box .blogpostsitemap li {
    list-style: none;
}
div#sitemap-box .sitemap-posts-box img {
    width: 100%;
}

/*--------------------------------------------------------------
## Timing Section
--------------------------------------------------------------*/
/*#time-address-section{
    background-image: url('images/sleep.jpg');
    background-position: top;
    background-size: cover;
}*/

#time-address-section .days-time-day{
    background:none;    
    padding: 3px 0;
    text-align: center;
    color: #fff;
    font-size:18px;
    font-weight: bold;
    display: table;
    margin: 0 auto;
    text-transform: uppercase;    
}

.lz-fitness-time div:nth-child(7) .days-time-day {
    background: none !important;
    border-bottom: 2px solid #fff;
}

#time-address-section .days-time-day-time{
    color:#fff;
    margin: 0 0 15px 0;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 0;
}
.monogram{
    color:#fff;
    font-size:30px;
    text-align:center;  
}
#time-address-section .price-time{
    padding:20px 40px 40px; 
}
#time-address-section .ht-section-title-tagline{
    background:url(images/title-bg2.png) no-repeat center bottom;
    color:#fff;
}


#time-address-section .video-left{  
    margin:50px 0;
}
#time-address-section .video-left iframe{
    width:100%;
    border:4px solid #dddada;
}
/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
#blog-section{
}
.ht-blog-post .blog-img{
    width: 100%;
    height: 243px;
    /*outline: 1px solid white;
    outline-offset: -5px;
    padding:2px;*/
}

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

.ht-blog-thumbnail a{
    display: block;
    position: relative;
}
.ht-blog-post .box-panels{
	border:1px solid #c6c6c6;
} 
.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 .post-right{
	padding: 10px 25px;
    border-left: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
    font-size:14px;	
}

.ht-blog-excerpt .post-right span b{
	color:#000;
	font-weight:normal;
}
.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-excerpt p{
    font-size:14px;
    line-height:20px;
    margin:0;
}
.ht-blog-date{
    font-size: 16px;   
    margin-bottom:0; 
    color: #fff;
	padding:10px;	
}
.ht-blog-comment{
    font-size: 18px;
    margin-bottom: 0;
    color: #7f7f7f;
    padding: 15px;
}
.ht-blog-date .fa{
    margin-right: 10px;
}

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

}

#ht-blog-section .blog-read-more a {
    background: #ea4444;
    color: #fff;
    margin: 10px 0;
    padding:10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;

        display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


#ht-blog-section .blog-read-more a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#ht-blog-section .blog-read-more a:hover:before, #ht-blog-section .blog-read-more a:focus:before, #ht-blog-section .blog-read-more a:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}



/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/


#blog-box h4{
    margin: 20px 0 5px 0;
        font-weight: 700
}

#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 0px;
    background: #fff;
    padding: 2px;
}

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

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

}
.inner-blog-post{
    display: block;
    padding: 8px 29px;
    margin: 10px 0;
    border-radius:30px;
}

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

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

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

.socialMedia a{
      font-size: 30px;
    color: #fff;
    border: 2px solid transparent;
    padding: 5px 10px;
    width: auto;
}


/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#ht-appintment-section{ 
    /*background-image: url('images/timesectionbg.jpg');
    background-position: top;
    background-size: cover;*/
}
#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-top: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);
}

.right-img{
    margin: 85px 0;
    border: 2px solid #fff;
    border-radius: 3px;
}

.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;
    font-family: 'Oswald', sans-serif;
}

.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;
}
.contact-box h4{
    font-family:inherit;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#ht-colophon{
    background:#333333; 
    font-size: 14px;
}

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

#ht-colophon a{
    color: #989898;
    text-decoration: none;
    font-size: 15px;
}
#ht-colophon .tagcloud a {
    font-size: 15px !important;
}
#ht-colophon .widget-title{
       letter-spacing: 1px;
    color: #feffff;
    margin-bottom: 25px;
    font-family: inherit;
    font-size: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid #2d292a;
    padding-bottom: 25px;
    font-weight: 500;
}
.ht-footer .gallery-icon img {
    padding: 5px;
}
#ht-colophon #gallery-1 {
    padding-top: 10px;
}

#ht-top-footer{
    color: #BBB;
      padding: 0 0 0.5em;
  }

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

.ht-footer{
      float: left;
    width: 23%;
    margin-left: 2%;
    margin-bottom: 4em;
}
.ht-footer1 .textwidget {
    text-align: center;
}
.ht-footer1 {
    width: 23%;
}
.ht-footer.ht-footer1 {
    padding: 3em 0;
}

 .ht-footer2 {
    width: 70%;
    border-left: 1px solid #382b28;
        padding: 2em 0;
    padding-left: 4em;
    margin-left: 0%;
}
#ht-colophon .overlay {
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(0,0,0,0.8);
    position: relative;
    opacity: 1;
    padding: 6em 0 5em;
}

.ht-footer .widget{
    margin-bottom: 20px;
}
.textright {
    text-align: right; 
}
.textleft {
    text-align: left; 
}
#ht-colophon .ht-footer .textwidget p a {
    border-bottom: 1px solid;
}
#ht-colophon .ht-footer .textwidget p a:hover {
    opacity: 0.6;
}

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

.ht-site-info {
    color: #a4a4a4;
}
#ht-colophon .ht-footer table tr td a:hover {
    opacity: 0.6;
}

.ht-footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.ht-footer ul li{
    list-style: none;
}
.ht-footer .widget_recent_entries ul li{
    border-bottom: 1px solid #2d292a;
    line-height: 40px;
}

.ht-top-footer .widget_recent_entries ul li:before {
    display: none;
}

.ht-footer ul li a:hover{
    color:orange;
}
.social-profile-icons ul li{
    display:inline-block;
    margin: 5px;
}
.social-profile-icons ul li i{
    font-size: 30px;
}
#ht-colophon .social-profile-icons a:hover{
    color: #fe5722;
}
#ht-bottom-footer{
    padding: 20px 0;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}

.social-profile-icons ul li i{
    font-size: 14px;
    color: #fff;
    padding: 0;
    text-align: center;
}
.social-profile-icons ul li {
    display: inline-block;
    margin: 0 2px;
    list-style: none;
    border-radius: 50%;
}

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

.ht-footer .textwidget .fa {
    margin-right: 5px;
} 
.ht-top-footer ul li {
    line-height: 28px;
}
.ht-top-footer ul li:before {
    content: "\f105";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 10px;
}

.ht-footer table tr {
    line-height: 28px;
    text-align: center;
}
#ht-colophon .widget_calendar table thead tr th {
    text-align: center;
}
.ht-top-footer  button, input[type="button"], .ht-top-footer  input[type="reset"], .ht-top-footer  input[type="submit"] {
    background: none;
     padding: 0;
    border-bottom: 1px solid;
    height: 25px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.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"] {
    width: 100%;
}

footer#ht-colophon textarea {
    height: 90px;
}
footer#ht-colophon .widget select {
    width: 100%;
}
footer#ht-colophon input[type="text"],
footer#ht-colophon input[type="email"],
footer#ht-colophon input[type="url"],
footer#ht-colophon input[type="password"],
footer#ht-colophon input[type="search"],
footer#ht-colophon input[type="number"],
footer#ht-colophon input[type="tel"],
footer#ht-colophon input[type="range"],
footer#ht-colophon input[type="date"],
footer#ht-colophon input[type="month"],
footer#ht-colophon input[type="week"],
footer#ht-colophon input[type="time"],
footer#ht-colophon .widget select{
    height: 45px;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0;
}
footer#ht-colophon textarea{
    background: none;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0;
}
.ht-top-footer input[type="submit"]:hover {
    opacity: 0.6;
    background: none;
}


.ht-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
}


.textwidget p {
    font-size: 15px;
}
.textwidget td {
    font-size: 15px;
}
div#ht-top-footer .social-profile-icons ul li i {
    font-size: 20px;
    color: #989898;
    padding: 5px;
}
div#ht-top-footer .social-profile-icons ul li {
    border: none;
    background: none;
    padding-left: 0;
}
div#ht-top-footer .social-profile-icons ul li:before{
    display: none;
}

section#featured-post-section .lightbox {
    padding-bottom: 3em;
}


/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/
#ht-princing-post-section {
    background-image: url('images/man-461195_1280.jpg');
    background-position: top;
    background-size: cover;
}

.ht-plan-block{
    background: #fff;
    padding:0 0 36px 0;
    border-radius: 10px;
}

#ht-princing-post-section .ht-princing-icon
{
    background:#fe5722;
    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{
    background:#fe5722;
    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 2em 0;
    /*color:#fff;*/
}
.address-box a{
    color:#fff;
}
.address-box:after{
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;   
}
.fitness-address-block{
    margin:20px 0 0;
}


.address-box .lz-appointment-heading{
   /* color:#fff;*/
    background:url(images/title-bg2.png) no-repeat center bottom;
}
/*--------------------------------------------------------------
## Appointment Section
--------------------------------------------------------------*/

#ht-appintment-section .ht-appintment-member-wrap{
    border-radius: 10px;
    padding: 2em;
}

#ht-appintment-section .ht-appintment-member-wrap input::placeholder{
    color:#fff;
    opacity: 0.8;
}

.days-time {
    margin-top: 0.3em;
}

.lz-fitness-time div:nth-child(7){
    margin: 0 auto;
    text-align: center;
    float: none;
    display: block;
    clear: both;
}

.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:none;
    border-bottom: 2px solid #fff;
    background: none;
    width: 100%;
    color: #fff;
    margin: 0 0 32px 0;
}
.ht-appintment-member-wrap textarea{
    height: 50px;
}
#ht-appintment-section .ht-appintment-member-wrap textarea::placeholder{
    color:#fff;
    opacity: 0.8;
}

.ht-appintment-member-wrap label{
    color:#ffcdbd;
}
.ht-appintment-member-wrap input[type="submit"]
{
    background: #fff;
    border:none;
    padding:0px 50px;
    color:#fe5722;
    border-radius: 30px;
}

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




/*--------------------------------------------------------------
## Newsletter Section
--------------------------------------------------------------*/

#ht-newslatter-section .newsletter-form-box{
    background:url(images/newsletterbg.png) no-repeat center center;      
    background-size:cover;
    padding:2em 0;
}
#ht-newslatter-section .lz-newslatter-heading{
    background:url(images/title-bg.png) no-repeat center bottom;
}
.newsletter-form-box input::placeholder{
    color:#fff;
    opacity: 0.7;
}

.newsletter-content-box{
    margin-top: 2em;
}
.newsletter-form-box {
    color: #fff;
}

.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 select{
    border:none;
    border-bottom: 1px solid #fff;
    background: none;
    color:#fff;
    margin: 0 0 10px 0;
    width:100%;
    border-radius:1px;
}

.newsletter-form-box input[type=file]{
    border:none;
    background: none;
    color:#fff;
    margin: 0 0 10px 0;
    width:100%;
    border-radius:1px;
}

.newsletter-form-box .wpcf7 input::-webkit-input-placeholder{
    color:#fff;
    width:100%;
}
.newsletter-form-box .wpcf7 textarea::-webkit-input-placeholder{
    color:#fff;
    width:100%;
}
.wpcf7-form textarea{ 
    width: 100%;    
}

.newsletter-form-box textarea{
    height: 50px;
}
.newsletter-form-box label{
    color:#fff;
    font-weight;normal;
}
.newsletter-form-box input[type="submit"]{
    background: #fff;
    border:none;
    padding:11px 50px;
    color:#eb4444;
    border-radius: 10px;
    height: auto;
    font-weight: bold;
    text-transform:uppercase;
    box-shadow: 0 0 25px -4px #666;
}

.newsletter-form-box .get-discounts{
    border-right: 2px dashed #fff;
    border-width: 2px;
    text-align:center;
    padding:30px;
}
.letter-form{
    padding:20px 0;
}
.newsletter-form-box .get-discounts h2{
    font-size:130px;
    font-weight:bold;
    color:#fff;
    
}
.newsletter-form-box .get-discounts h4{
    font-size: 45px;
    font-family: inherit;
    color: #fff;
    margin-bottom: 65px;
}
.newsletter-form-box input[type="submit"]:hover{
    opacity: 0.8;
}

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


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

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

#innerpage-box{
    padding:2em 0;
    background: #eee;
}

.innerpage-whitebox{
    background: #fff;
    padding: 2em;
    border-radius:10px;
}

#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 {
    margin: 10px 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: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;
}

.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 50px;
    color: #fff;
    border-radius:5px;
}

.readmore a:hover{
    background: #fff;
    color:#000;
}


/*--------------------------------------------------------------
## Pricing Page
--------------------------------------------------------------*/
#pricing-page {
    
}

#pricing-page .ht-plan-block{
    background: #fff;
    padding:0 0 36px 0;
    border-radius: 10px;
    border:1px solid;
    margin-top: 2em;
}

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

#pricing-page .plan-amount{
    background:#fe5722;
    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 solid #dadada;
    list-style: none;
    padding:10px 0;
    color:#4d4d4d;
    background: none;
    margin: 0;
}

#pricing-page .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;
}


/*--------------------------------------------------------------
## 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;
}
div#ht-contactus-wrap .contact-sm-links {
    margin-bottom: 35px;
}


#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{
    border:none;
    border-bottom: 2px solid #fff;
    background: none;
    width: 100%;
    color: #fff;
    margin: 0 0 32px 0;
    border-radius:1px;
}
#ht-contactus-wrap textarea{
    height: 50px;
}
#ht-contactus-wrap textarea::placeholder{
    color:#fff;
    opacity: 0.8;
}

#ht-contactus-wrap select {
    width:100%;
}

#ht-contactus-wrap label{
    color:#fff;
    width:100%;
}
#ht-contactus-wrap input[type="submit"]
{
    background: #fff;
    border:none;
    padding:0px 50px;
    color:#fe5722;
    border-radius: 30px;
}

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

#ht-contactus-wrap .ht-section-title {
    background: url(images/title-bg2.png) no-repeat center bottom;
}
.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;
}

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

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

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

/*--------------------------------------------------------------
## 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 .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    width:100%;
}
ul.woocommerce-error li{
    background:none !important;
    padding-left: 50px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    margin-bottom:5px;
}


ul.products li.product-category {   
    border-radius: 5%;
    background:#fff !important;
    border:3px solid;
    
    
}
ul.products li.product-category img{
    border:none !important;
    margin-bottom:25px !important;
    border-radius:4.6% 4.6% 0 0;    
    height:200px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title{}
.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{
    font-family: 'Pontano Sans', sans-serif;
    margin: 0 0 6px;
    padding: 0;
}

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

.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;
    height: 40px;
    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;
    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-radius: 5px;
}

.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;
    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: 10px 0;
    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 20px;
}

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

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

.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{    
    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;
    margin-bottom: 15px;
}

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

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

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

.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{
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid #000;
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid #000;
}
.woocommerce div.product div.images img:hover {
    opacity: 0.8;
}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{
    float: right;
    display: contents;
}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
    display: inherit;
}
.woocommerce .star-rating::before{
float: right !important;
    top: 0 !important;
    right: 0 !important;
    position: relative;
}
.woocommerce div.product .woocommerce-product-rating{
    line-height: 0px;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
}
#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 {
    border: 1px solid;
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{
        padding-bottom: 30px;
}

.woocommerce ul.products li.product strong {
    display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    width: 100% !important;
}
.woocommerce .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}

/*=======================================
## My Account orders page
==============================================*/

#content-box .woocommerce table.my_account_orders {
    font-size: .85em;
}
#content-box .woocommerce table.shop_table {
       padding-bottom: 30px;
}
#content-box .woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
}

#content-box .woocommerce-MyAccount-navigation-link a {   
    padding: 0px 20px;
    margin-bottom: 5px;
    display: block;
}
#content-box .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 4px 8px;
    vertical-align: middle;
}
#content-box .woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
}

#content-box .woocommerce table.my_account_orders {
    font-size: .85em;
}
#content-box .woocommerce table.shop_table td {
    border-top: 1px solid #000;
    padding: 6px 12px;
    vertical-align: middle;
}
#content-box .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 4px 8px;
    vertical-align: middle;
}
@media screen and (min-width: 300px) and (max-width: 800px){
	#content-box nav.woocommerce-MyAccount-navigation{
		 width: 100%;
	}
  #content-box .woocommerce-MyAccount-content {
    float: none;   
    width: 100%;
    /*display: inline-block;
    overflow: scroll;*/
	 /*max-width: 100%;*/
  }
  
   #content-box .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right!important;
   }
    #content-box .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
	display: block;
	}
	  #content-box .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
	}
	  #content-box .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
    display: none;
}
 
 #content-box .woocommerce-MyAccount-content table { 
  width: 100%; 
  border-collapse: collapse; 
 }
}

#content-box .woocommerce-MyAccount-content input[type="email"]{
    width: 100%;
    background: none;
    border: 1px solid #eee;
    border-radius: 0;
    color: inherit;
}
#content-box .woocommerce-MyAccount-conten  legend{
	    margin-bottom: 10px;
}

/*--------------------------------------------------------------
## 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: 100% !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;
    border: 1px solid;
}
.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;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
}
.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;
}
.post-date-publishable i {
    margin-right: 5px;
}

/*--------------------------------------
recent-porduct-home secton
--------------------------------------------*/
#recent-porduct .pro-img{
    padding: 0 5px;
}
#recent-porduct{
    background:#e4e4e4;
    padding:5px;
    outline: 1px solid white;
    outline-offset: -5px;
    box-shadow:1px 1px 1px 1px rgba(25, 51, 78, 0.14);
        margin-bottom: 25px;
}
.pro-img:hover{
    opacity:0.6;
    cursor:pointer;
}
#recent-porduct .pro-img img{
    height:208px;
    width:100%;
    border:1px solid #fff;
}
#recent-porduct h3{
    font-size: 20px;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: bold;    
}
#recent-porduct .content-part{
    color: #808080;
    padding: 20px 20px 5px 20px;
    font-size: 16px;
}

#recent-porduct .pro-price{    
    padding:0 0 30px 0;
}
#recent-porduct .pro-price .add-to-cart{
    box-shadow:1px 1px 1px 1px rgba(25, 51, 78, 0.14);
    margin-top:20px;
}
#recent-porduct .pro-price span{
    font-size:30px;
    font-weight:bold;
    color:#333333;
}
.add-to-cart a {color:#fff;}

.add-to-cart{
    padding: 8px 30px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;  
    text-transform:uppercase;
}
#recent-porduct .pro-price .add-to-cart a:hover{
     color: #fff;    
     
}
/*--------------------------------------
--------------------------------------------*/

@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: -55px;
        right: 20px;
        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: #fe5722;
        z-index: 999;
        border: 6px solid #000;
    }

    .ht-main-navigation li{
           float: none;
        margin-left: 0;
        text-align: left;
        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,
    .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 (min-width: 1024px) and (max-width: 1200px){
    .ht-slide-cap-title {
    font-size: 45px;
    margin-bottom: 15px;
    margin-top: 3%;
}
.ht-slide-caption:after {
    height: 11%;
}
.ht-slide-caption:before {
    height: 11%;
}
.ht-slide-caption {
    padding: 40px 15px 0;
        top: 55%;
}
.ht-slide-cap-readmore {
    margin-bottom: 28px;
}
.ht-slide-cap-desc {
    margin-bottom: 2%;
}
#featured-post-section .ctrl-btn.pro-prev {
    right: 14%;
    left: auto;
}

}

@media screen and (max-width: 815px){
.ht-slide-cap-title {
    font-size: 38px;
    margin-bottom: 15px;
    margin-top: 3%;
}
.ht-slide-caption:after {
    height: 11%;
}
.ht-slide-caption:before {
    height: 11%;
}
.ht-slide-caption {
    padding: 25px 15px 0;
        top: 62%;
}
.ht-slide-cap-readmore {
    margin-bottom: 28px;
}
.ht-slide-cap-desc {
    margin-bottom: 2%;
}
}

@media screen and (min-width: 300px) and (max-width: 768px){
  .social-icons ul{
    margin:0;
  }
}


@media screen and (max-width: 990px){
div#navbarNavDropdown {
    padding: 3em 0 0px;
    background: #36c977;
    border-right: 5px solid #fff;
}
header.site-header .current_page_item a, .page-template-home-template header.site-header .current_page_item > a {
    color: #273c57;
    background: #fff;
}
.show#navbarNavDropdown .reslogobox {
    display: block;
    margin-bottom: 20px;
    padding: 0 6px;
}
.show#navbarNavDropdown .socialresponsive {
display: block;
}
.logobox {
    padding-left: 15px;
}
header.site-header ul {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
ul.sub-menu {
    min-width: 100%;
}
.site-header .show ul.sub-menu {
    background-color:#fff;
      border-radius: 0;
    top: 47%;
}
.site-header .show ul#menu-primary-menu {
    top: 0%;
}
.site-header .show ul#menu-primary-menu ul.sub-menu {
    top: 100%;
    width: 100%
}

.site-header .show ul.sub-menu li a:hover{
    color:#fa6a3c;
}
.header-transparent .navbar-toggler {
    padding: 15px 0 0;
}
.header-transparent .navbar-toggler:hover {
    background: #36ca76;
}
.header-seo.header-transparent .navbar-toggler:hover span{
    background-color: #fff;
}

.site-header ul li a {
    padding: 15px 20px;
}
.navbar-nav li {
    padding: 0;
}
header.site-header .show ul.navbar-nav ul {
    margin: 0;
}
.header-transparent .social-icons {
    float: none;
    text-align: center;
}
.ht-site-description {
    text-align: center;
}
.show#navbarNavDropdown .reslogobox {
    text-align: center;
}
.show#navbarNavDropdown .socialresponsive {
    display: block;
    background: #fff;
}
.show#navbarNavDropdown .social-icons .socialresponsive span {
    color: #000;
}


}

@media (min-width: 992px){
.navbar-expand-lg .navbar-toggler {
    display: none;
}
}

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

    #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: 2vw;
    }

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

    #secondary{
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }
    #ht-contactus-wrap .contact-page-address {
    margin-bottom: 10px;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
    float: left;
    margin-left: 0;
    width: 100%;
}
#product-category-section,
#featured-post-section,
#testimonials-section,
#ht-newslatter-section,
#ht-blog-section {
    padding: 3em 0 !important;
}
.ht-section-title, .lz-about-heading, .lz-reservation-heading {
    font-size: 30px;
}
#featured-post-section .ctrl-btn.pro-prev {
    right: 10%;
}
#featured-post-section .ctrl-btn.pro-next {
    right: 3%;
}

}
@media screen and (max-width: 640px){
    #ht-masthead .top-header {
    text-align: center;
}
#ht-masthead .social-icons {
    float: none;
}
}

@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;
    }
  .page-template-home-template #ht-masthead{
    position: relative;
}

.ht-slide-cap-title {
    font-size: 20px;
    margin-bottom: 5px;
}
.ht-slide-cap-desc {
    padding: 0 0% 0 8%;
    margin-bottom: 4%;
    font-size: 12px;
}
.ht-slide-caption {
    padding: 25px 15px 0;
    top: 50%;
}
.ht-slide-cap-readmore {
    margin-bottom: 20px;
}
.ht-slide-cap-readmore a {
    padding: 6px 30px;
    font-size: 13px;
}
.ht-section-title{
    font-size: 30px;
}
.ht-main-navigation .ht-menu {
    top: -60px;
}
.toggle-bar {
    top: -100px;
    right: 0px;
}
#featured-post-section .ctrl-btn {
    top: 50%;
    z-index: 2;
}
#featured-post-section .ctrl-btn.pro-prev {
    right: auto;
    left: 0;
}

}

@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; 
    }
    .contact-sm-links li a {
    font-size: 13px;
    padding: 5px 7px;
}
div.wpcf7 input[type="file"] {
    cursor: pointer;
    width: 100%;
}

}




@media screen and (max-width: 320px){
    .ht-slide-cap-title {
    font-size: 16px;
    margin-bottom: 2px;
}
.ht-slide-caption {
    padding: 13px 0px 0;
    top: 50%;
}
.ht-slide-cap-readmore {
    margin-bottom: 15px;
}
.star-rating {
    padding-top: 15px;
}
.woocommerce div.product .woocommerce-product-rating {
    line-height: 5 !important;
}

}

@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: rgba(206, 64, 64, 1);
    border: 1px solid #673333;
}



/* 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: 769px){
 
 .row-eq-height { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    }

    .inside-full-height{
        height:100%
    }

}

.single-productpage .ht-main-title{
    margin-bottom:20px;
    padding:10px;
}
.single-productpage .ht-main-title h1 {
    margin:0;
}
.single-productpage #content_box header {
    padding: 0;
}
.single-productpage .innerpage-whitebox header {
      padding: 20px;
}

.clearfix{clear:both;}

/* Catalogue slider Start */
.slider {
  width: 100%;
  height: 200px;
  position: relative;
  margin: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
.slider::-webkit-scrollbar {
  display: none;
}
.slider .slides {
  display: flex;
  position: absolute;
  left: 0;
  transition: 0.3s left ease-in-out;
}
.slider .slide-item {
  margin-right: 10px;
  width: 200px;
}
.slider .slide-item:last-child {
  margin-right: 0;
}
.ctrl {
  text-align: center;
  margin-top: 5px;
}
.ctrl-btn {
  border: none;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  position: absolute;
  top: 45%;
  opacity: 0.7;
}
.ctrl-btn:hover{
    color:#fff;
    opacity: none;
}
.ctrl-btn.pro-prev {
  left: 0; 
 border-radius: 5px;
}
.ctrl-btn.pro-next {
  right: 0;
 border-radius: 5px;
}

 .slider .tint {
    position: relative;    
    cursor: pointer;  
  }
  .slide-item a:hover img{
    opacity:0.8;
  }
  .slider .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, 0.5);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
.ht-section-tagline.lz-appointment-maintitle {
    font-size: 22px;
}

.bx-wrapper .bx-controls-direction a{
    z-index: 1 !important;
}
#content-box .socialbxsinglepost:hover a i{
    color: #ccc;
}
body.home.blog.logged-in.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header.page-main-header img {
    display: none;
}
body.home.blog.logged-in.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
    position: relative;
}
body.home.blog.logged-in.admin-bar.woocommerce-js.hfeed.columns-3.customize-support header.page-main-header img {
    display: none;
}
body.home.blog.logged-in.admin-bar.woocommerce-js.hfeed.columns-3.customize-support header#ht-masthead {
    position: relative;
}
div#content-box li.blocks-gallery-item:before {
    content: none;
}
div#content-box li.blocks-gallery-item {
    padding: 10px;
    margin: 0;
}
section#ht-contact-section .contactrightbox {
    padding-right: 6%;
}
div#content-box li.blocks-gallery-item img:hover {
    opacity: 0.6;
}
.woocommerce #reviews h2 small{
    float: none;
}
body.archive.post-type-archive.post-type-archive-product.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.hfeed.columns-3.customize-support header#ht-masthead {
    position: relative;
}
body.product-template-default.single.single-product.postid-30.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-support header#ht-masthead {
    position: relative;
}
body.archive.post-type-archive.post-type-archive-product.logged-in.woocommerce.woocommerce-page.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
    position: relative;
}
body.product-template-default.single.single-product.postid-30.logged-in.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
    position: relative;
}
.ht-main-title small{
    color: #ffffff;
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
   content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    opacity: 0.6;
}
.total-count {
    text-align: right;
    padding-right: 25px;
    padding-top: 10px;
    right: 0;
}
.total-count .count {
    color: #252525;
    position: absolute;
    padding: 0;
    z-index: 1;
    top: 0px;
    right: 0px;
    font-size: 14px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #f6e264;
    font-weight: 500;
}
@media screen and (min-width:320px) and (max-width:768px){
.total-count {

    right: 25px;
    position: absolute;
}
}
@media screen and (min-width:320px) and (max-width:576px){
.total-count{

    top: 25px;
}
}
@media screen and (min-width:320px) and (max-width:320px){
.total-count{

    right: 10px;
}
}
.total-count i.fa.fa-shopping-cart {
    color: #ffffff;
}
.total-count .count{
    color: #ffffff;
}