/*Theme Name: Luxury Furniture Store Free
Theme URI: https://luzuk.com/demo/luxury-furniture-store-pro/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes//
Description: We’ve created this stellar Luxury Furniture Store Free Theme especially for luxury furniture manufacturers and high end furniture showroom owners. Our goal behind designing this theme is to help your furniture store become a beneficial venture. This theme will come in handy for people dealing in luxury furniture. The designers on board have a deep understanding of buyer psyche. They understand that when a visitor is on your Luxury Furniture Store Free Theme checking out products, the overall environment has to create the finest impression in the shopper’s mind. S/he is not likely to place an order unless the theme exudes the vibe that s/he is able to relate with. That’s why we’ve chosen the images, color scheme, layout, flow of information etc. in a way that collectively they make an impression, give out that vibe. The storefront when you download and install becomes the face of your business. The way it captures attention and appeals to visitors is bound to trigger consumer’s eagerness that will make buyer’s exploration journey more meaningful.  On this Luxury Furniture Store Free Theme, besides sharing information, you can place catalogue to displays your luxury furniture collection with detailed descriptions for your visitor. Once you download and install the theme there’s lot you can do to make luxury furniture store come across as a god deal. Own Luxury Furniture Store Free Theme today!
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxury-furniture-store-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.custom-background {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
}
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;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
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;
}
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: 8px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
/*    line-height: 1;*/
    font-family: 'Oswald', sans-serif;
}
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;
}

#innerpage-box blockquote p{ 
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
}
/*#innerpage-box blockquote p:before{
    content: '';
    position: absolute;
    top: 64px;
    right: 70px;
    width: 53%;
    height: 4px;
    border-radius: 1px;
    background-color: #F23C38;
}
#innerpage-box blockquote p:after{
    content: '';
    position: absolute;
    bottom: 52px;
    left: 70px;
    width: 53%;
    height: 4px;
    border-radius: 1px;
    background-color: #F23C38;
}*/
blockquote {
    top: 2em;
    background-color: #f2f2f2;
    position: relative;
    clear: both;
    margin: 2em 0px;
    padding: 84px 65px 70px 65px !important;
    font-size: 20px;
    color: #212121;
    font-style: normal;
    font-weight: 400;
    border: 2px solid #d33;
    border-radius: 20px;
    width: 75% !important;
    text-align: center;
}
blockquote:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -52px;
    font-size: 64px;
    clear: both;
}
blockquote:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -54px;
    font-size: 64px;
    clear: both;
}
q:before,
q:after {
    content: "";
}
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 {
    text-decoration: none;
}
big {
    font-size: 125%;
}
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;
}
.clearfix{clear:both;}

/*padding*/

.pd-0{ padding: 0;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pl-1{padding-left: 1em;}
.pr-0{padding-right: 0;}
.pd-4{padding: 0 2em;}
/*margin*/

.mr-0{margin-left: 0 !important;margin-right: 0 !important;}


.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# 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;
}

blockquote,
q {
    quotes: "" "";
        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}
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
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: 0 0.5em 0.5em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: red;
    z-index: 1;
    position: relative;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
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;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
/*    color: #f9c12c;*/
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
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;}
.widget select {   max-width: 100%;  width: 100%;}
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    /*text-transform: uppercase;*/
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
#secondary .product-categories li ,
#sidebars .product-categories li { padding-left: 4px;}
main#innerpage-box #secondary .product-categories li ,
main#innerpage-box #sidebars .product-categories li {margin: 4px 0px 4px 0px;padding: 0;}

main#innerpage-box #secondary.widget-area .product-categories li a,
main#innerpage-box #sidebars.widget-area .product-categories li a {
    font-size: 16px;
    padding: 0px 0;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.widget-area li{
   line-height: normal;
    margin: 5px 0 5px 15px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 30px;
}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #404040;
    display: block;
    padding: 10px 0;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

/*main#innerpage-box #sidebars .widget-area li:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    padding-right: 1em;
}*/
/*main#innerpage-box .widget-area .tagcloud a:before{
    display: none;
}*/
#secondary.widget-area li:before,
main#innerpage-box #sidebars .widget-area li:before{display: none !important;}
#secondary .widget_nav_menu li a{  
    padding: 6px 50px 6px 18px;
    font-size: 16px;
    border-radius: 0px;
}
#innerpage-box .product-categories li a:before{display: none;}
#innerpage-box .product-categories li a { display: inline-block;}

#innerpage-box .sidebar .wp-block-latest-comments__comment a:before{display: none;}
#innerpage-box .sidebar .widget_block li a:before,
#secondary .widget_archive a:before,
#secondary .widget_categories a:before,
#secondary .widget_recent_entries li a:before,
#secondary .widget_recent_comments span:before,
#sidebars .widget_archive ul li a:before,
#sidebars .widget_recent_entries ul li a:before ,
#sidebars .product-categories li a:before,
#sidebars .widget_recent_comments span:before{ 
   font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f124";
    margin: 2px 6px 0 0;
    left: 0;
    font-weight: 200;
    transition: all 0.2s ease 0s;
    font-size: 18px;
    position: absolute;
    transform: rotate(45deg);
    top: 6px;
}
 #sidebars .product-categories li li a:before{margin: -6px 0 0 -4px;}
#secondary ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 12px;
    color: #0074D9;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 18px;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
#content-box ul li{margin: 15px 0;padding-left: 2em;position: relative;}
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{
    margin: 20px 1% 20px 2% !important;
    border: 1px solid #000;
    padding-left: 0;
    border-radius: 0px;
}
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{display: block;}
#secondary .widget_nav_menu li a:before,
#sidebars .widget_nav_menu ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    color: #000;
    /* background: #d33; */
    margin: 0 0 0px 14px;
    font-weight: 500;
    font-size: 35px;
    right: 0px;
    top: 0px;
    height: 36px;
    height: 40px;
    border-radius: 0;
    width: 51px;
    line-height: 40px;
    position: absolute;
    text-align: center;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, #secondary select {
    width: 100%;
    margin: 0px 0%;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #543602;
    padding: 9px 15px 7px 28px;
    line-height: 0.8;
    background-color: transparent;
    text-align: left;
    margin: 0 0 10px;
}
#secondary select{padding: 2px 3px 2px 20px;line-height: 24px;}
#innerpage-box .sidebar .wp-block-search__button-outside input,
#secondary .search-form input[type="text"]{
        width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 25px 15px;
    border-radius: 3px;
    border: 2px solid;
}
#secondary textarea {    
    padding: 15px 15px 6px 28px;
    height: 116px;
    border-radius: 4px;
}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}

/*#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}*/
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
/*#content-box a i{
    color: #fff;
}*/
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 5px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break: break-word;
}

#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
}
.comment-form-url,
.comment-form-author,
.comment-form-email{
    float: left;
    margin-left: 1%;
    width: 49%;
}

.comment-respond p label{margin-bottom: 5px;}
.inner_contentbox .tags{margin-top: 15px;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding: 2px 5px!important;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{float: right;}
.inner_contentbox .socialMedia ul li a i {
    background: none !important;
    border: 2px solid #d33;
    color: #000;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 16px;
    margin: 2px 0;
    clear: both;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
/*================== New ==========================*/
div#commentsAdd {
    margin-top: 1em;
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    /*text-transform: uppercase;*/
    z-index: 1;
}

.comment-author.vcard {
    width: 15%;
    position: relative;
    float: left;
}
.commentmetadata {
    width: 85%;
    float: left;
    margin-top: 1.5em;
}
.comment-metadata a{font-weight: 600; font-size: 16px;}
.comment-metadata {
    position: absolute;
    /* float: right; */
    top: 0;
    margin-left: 100%;
}
#comments .commentmetadata p{margin: 1em 0;}

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 3em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    margin-bottom: 1em;
    border: 1px solid #bbb;
    padding: 5px;
}
article{position: relative;}
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;
    display: block;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    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: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

}
.pagingation a, .woocommerce nav.woocommerce-pagination ul li a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
        border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin-right: 8px;
    transition: all 0.25s ease;
}
.pagingation a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.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: 13.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;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## Woocommerce General
--------------------------------------------------------------*/
.u-column2.col-2, 
.u-column1.col-1 {
    width: 50% !important;
    max-width: none !important;
    float: left;
    padding: 0 16px;
    margin: 1em 0;
}

/********************/

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
div#secondary input[type="submit"],
.wp-block-search__button {
    width: 100%;
    margin: 0 auto;
    top: 5px;
    display: block;
    position: relative;
    text-align: center;
    padding: 7px 10px !important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 400;
    border-radius: 4px;
}
#sample-heading-here:after {display: none !important;}
.section-title{margin-bottom: 20px; position: relative;}
.section-title h2 {
    position: relative;
    font-weight: 500;
    font-size: 32px;
    margin: 0;
    /* line-height: 55px; */
    z-index: 1;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
/*.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 35px;
    font-weight: 400;
    word-break: break-word;
}*/
.textcenter{  text-align: center;}

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

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0px 12px;
    z-index: 1;
}
.category .ht-main-title {  margin: 0 0 1.5em;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    padding: 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
/*    color: #ffffff;*/
    font-size: 14px;
    font-weight: normal;
    margin: 2px 0 0 0;
}
.ht-site-description a{color:#000;}
#total-breadcrumbs{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.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; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
/*.page-main-header { text-align: center;}*/
.breadcrumbbox { position: relative; padding: 0em 0em; z-index: 1;margin-bottom: 3px;}
.breadcrumbbox span{ color:#000; margin:0 0px;}
.breadcrumbbox span.bread-arrow{display: none;}
.breadcrumbbox span.root {padding: 5px 20px 4px 20px;border-radius: 29px;margin-right: 0px;}
.breadcrumbbox span.treeEnd, .breadcrumbbox span.post-cat {
    border-radius: 30px; 
    padding: 3px 20px 3px 20px;
    left: -4px;
    position: relative;
}
/*.breadcrumbbox i {
    font-size: 20px;
    font-weight: 100;
    top: 0px;
    position: relative;
}
.breadcrumbbox span.bread-arrow i{top: 4px;}*/
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    /*background: #F9CDA0;
    padding: 12px 25px 12px 25px !important;*/
    display: inline-block !important;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 10px 0;
}
.breadcrumbbox .button i {
    font-size: 25px;
    padding-right: 6px;
}
.breadcrumbbox .button .bread-arrow i{font-size: 30px;font-weight: 600;padding-right: 10px;}

/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{ position: absolute; right: 0; top: 20px; cursor: pointer; padding: 0;}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar { display: none; position: absolute; bottom: 16px; z-index: 200; right: 13%;}
.sitenav .search-bar input{display:inline-block;}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{ background: #000;color: #000;width: 15%;padding: 0;}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.page-main-header .headinnbox {position: relative;overflow: hidden;}
.logo-header.mostion {padding:1px 0 0px;text-align: left;}
.resp_header_logo {  display: none;}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}

.logobox img{ position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}
/* top Header*/
header .h-offer {
  white-space: nowrap;
  position: relative;
  overflow: hidden; 
  margin: 0 auto;
  background: #fee9e8;
  text-align: center;
  padding: 2px 0;
}
header .h-offer .h-offtxt {
  display: inline-block;
  padding-left: 100%;
  animation: marquee-right-left 30s linear infinite;
}
@keyframes marquee-right-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-80%); }
}
header .h-offer:hover .h-offtxt{  animation-play-state: paused;}
header .h-offer .h-offtxt li{
    position: relative;
    font-size: 14px;
    margin: 0 5em;
    list-style: none;
    color: #b46463;
    font-weight: 300;
}
header .h-offer .h-offtxt li i{
    font-weight: 600;
    transform: rotate(30deg);
    margin-right: 6px;
}
header .l_headerbx{position: relative;padding: 4px 0;}

/*search form*/
header .top-form{display: none;}
header .s-frm { position: relative;margin-top: 8px;}
header .search_bar fieldset {margin: 0px 0px 0 50px;padding-top: 0px;}
header .search_bar {
    background: #fff;
    border: #A4A0A0 solid 1px;
    border-radius: 4px;
    position: relative;
}
header .search_bar input[type=text] {
    border: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    width: 94%;
    padding: .5em 0.5em 0.5em 1em;
    margin: 0;
    overflow: hidden;
}
header .search_bar:focus {outline: none; }
header .s-frm input[type="submit"] {
    color: #000;
    width: 40px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    background: #000;
    border-radius: 0 4px 4px 0;
    margin: 0;
    user-select: none;
    text-indent: -999px !important;
}
header .search_bar:after {
    content: "\f002";
    font-family: 'Fontawesome';
    position: absolute;
    margin-top: -34px;
    font-size: 20px;
    right: 28px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    width: 0;
    clear: both;
    border-radius: 4px;
    opacity: 1;
}
header .search_bar:hover:after{display: none;}
header input[type="submit"]:hover,
header input[type="submit"]:focus {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      cursor: pointer;
    }
header .search_dropdown {
    font-weight: 600;
    min-width: 16px;
    border-right: 1px solid #ddd;
    color: #555;
    padding: 0 22px 0 11px;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    user-select: none;
    box-sizing: content-box;
}
header .search_dropdown:after {
    position: absolute;
    content: "\f107";
    font-family: 'Fontawesome';
    top: 16%;
    right: 6px;
    font-weight: 400;
    font-size: 16px;
}
    
header .search_dropdown:hover,
header .search_dropdown.active {
    cursor: pointer;
    border-right-color: #ccc;
    }
header .search_dropdown span {
    position: absolute;
    top: 24%;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    }
    
header .search_dropdown ul {
      display: none;
      position: absolute;
      top: 105%;
      left: -1px;
      font-size: 14px;
      width: 225px;
      background: #fff;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 7px 0;
    }
    
header .search_dropdown li {
      list-style-type: none;
      margin: 0;
      padding: 5px 18px;
      color: $highlight_color;
      line-height: 1.2em;
      position: relative;
  }
      
header .search_dropdown:hover {}
header .search_dropdown .selected {color: #fff;}
header .search_dropdown .huge { max-width: 860px; }
header .search_dropdown  input[type=text] {  font-size: 20px;}
    
/*********/
header .sign_in{ position: relative;float: right; margin-top: 12px;display: ruby;}
header .sign_in a{font-size: 14px; font-weight: 600;}
header .sign_in i{font-size: 16px; font-weight: 400; padding-right: 6px;}
header .hshop {
    position: relative;
    display: ruby;
    top: 12px;
}
header .hshop .count {
    position: absolute;
    top: -5px;
    left: 12px;
    font-size: 13px;
    font-weight: 400;
    width: 14px;
    height: 19px;
    text-align: center;
    background-color: #F23C38;
    border-radius: 50px;
}
header .hshop a{font-size: 14px; font-weight: 600;}
header .hshop i {
    font-size: 16px;
    font-weight: 400;
    padding-right: 10px;
}
/*header button*/
header .header-cont{position: relative;float: right;}
header .header-cont a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #B05D5D;
    padding: 4px 14px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    z-index: 1;
   word-break: break-all;
}
header .header-cont a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
header .header-cont a:hover { color: #fff;}
header .header-cont a:hover:after {top: 0;height: 100%;}
header .header-cont a:active {top: 2px;}
/* -------------------------------------------------------------- */
/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.head-menu { text-align: center;}
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 0 14px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}

/*new*/

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.5s;
    border-radius: 0px;
}
.navigation .mainmenu ul.sub-menu li:last-child,
.navigation .mainmenu ul.sub-menu li ul.sub-menu li:last-child{border: none;}
.navigation .mainmenu li:hover ul.sub-menu{
   left: auto;
    text-align: left;
    transition: all 0.01ms;
    animation: pulse 0.6s ease-in-out;
    border-radius: 0px;
    border: 4px solid #FCE097;
    border-bottom: none;
    border-top: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

ul.sub-menu{
   /* display:none;*/
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navigation .mainmenu li:hover ul.sub-menu a{text-shadow: none;transform: scale(1);}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 8px 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
/*.ht-sticky-header .header-transparent {
    position: fixed !important;
    left: 0;
    right: 0;
}*/
.ht-sticky-header .header-transparent.sticky{
    position: fixed;
    top: 0;
    z-index: 9999;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */

.navigation .mainmenu li:hover ul li:hover > ul{
/*    display:inline-block; */
    position:absolute; 
    left:100%; 
/*    top:-1px; */
    /*-ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; */
    z-index: 1;
}

.header.site-header ul.sub-menu li a {
    font-size: 15px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 500;
    position: relative;
}

.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 30px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    margin-left: -22px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
   /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
header.site-header ul { margin: 0;}
/*header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}*/
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.home.page-template .site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
}
.page-template .site-header,
.page-template-default .site-header,
.site-header {
    z-index: 9;
    position: relative; ;
    width: 100%;
    background: none;
}
.page-main-header {position: relative; overflow: hidden;}

/*==== start====*/
.page-template-defaul .page-main-header {
    position: relative;
    width: 100%;
    background: none;
}

/*====end ====*/
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .u-column2.col-2, 
    .u-column1.col-1 {
    width: 100% !important;
    max-width: none !important;
    float: left;
    padding: 0 6px;
    margin: 1em 0;
}
    .extra-nav {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/

#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

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;
}
div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

/*header categories block*/
/*====================toggle button css================*/
header .header-category-box {float: right;}
header button.product-btn{
    background: none;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    padding: 0;
    transition: .5s ease-in-out;
}
header button.product-btn a{
    position: relative;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
}

/*header inner image*/

/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {
    text-align: right;
}
.main-header-info {
    text-align: center;
}
.header-icon {
    display: inline-block;
    text-align: left;
}
.top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {
    float: right;
}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{
    display:inline-block;
}
.dlab-topbar-left ul li{
    padding-right:0px;
}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{
    color:#444444;
}
.topbar-social li a{
    padding: 0 6px; 
}

.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%;
}
.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu { display: block !important;}
.navigation .mainmenu li { position: relative;}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}
.sf-arrows .sf-with-ul { padding-right: 0em !important;}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */
/*.mobi1{display: none;}*/
header .menubx {  position: relative;  background: #000;padding:16px 6px 2px;}
.site-navigation {
    margin-top: 0px;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}

/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/
.slider_section{ position: relative; overflow: hidden;}
.slider_section .owl-item .item {position: relative;overflow: hidden;}
.slider_section .sliderimg{ position: relative;padding: 20px 0;}
.slider_section .sliderimg {position: relative; }
.slider_section .sliderimg img{border-radius: 16px;width: 100% ;height: 456px;}
.slider_section .slider_content {position: absolute;top: 39%; width: 650px; display: none;}
.slider_section .title {display:none;position: relative;font-size:30px;}

#slider .owl-carousel{display: block;}
.slider_section .owl-theme .owl-dots { display: block;}
.slider_section .owl-nav{  display: none;}
.slider_section .owl-dots {position: absolute;bottom: 50px;left: 0;right: 0;text-align: center;}
.slider_section .owl-dots button{ background: #3ff; border-radius: 50px; padding: 6px; margin: 0 8px;}

/*----------------------------------------*/
/*   selling Section
/*----------------------------------------*/
#selling {position: relative; overflow: hidden;z-index: 1;}
#selling .sellbtn{position: relative;float: right;}
#selling .sellbtn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background-color: #FFE8E8;
    padding: 0px 14px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 0.7px;
    text-align: center;
    border: 1px solid #B05D5D;
    z-index: 9;
    word-break: break-all;
}
#selling .sellbtn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0px;
    background-color: #f3f;
    transition: all 0.3s ease;
}
#selling .sellbtn a:hover { color: #fff;}
#selling .sellbtn a:hover:after {top: 0;height: 100%;}
#selling .sellbtn a:active {top: 2px;}

#selling .sellingus-post-boxes {position: relative;}
#selling .sellingbx {margin-bottom: 2px;position: relative;overflow: hidden;}
#selling .sellingbx:active{ bottom: 0px;}
#selling .sellingus-single { 
    position: relative;
    overflow: hidden;
    margin-bottom: 0em;
    padding: 0 10px 0 0;
    transition: all .1s linear;
}
#selling .hi-icon { 
    position: relative;
/*    overflow: hidden;*/
    transition: all 1s ease 0s;
}
#selling .hi-icon img{    
    position: relative;
    display: block;
    width: 100%;
    height: 334px;
    border-radius: 17px;
    transition: 1s ease-in-out;
    z-index: 2;

    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

#selling .sellingus-single:hover .hi-icon img{
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}
#selling .selling-price{
    font-size: 19px;
    font-weight: 500;
    position: absolute;
    right: -10px;
    top: 24px;
    display: inline-block;
    z-index: 9;
    background: #B05D5D;
    padding: 2px 20px;
    border-radius: 50px 0 0 50px;
}
#selling .selling-price:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 1px;
    z-index: -2;
    background-image: linear-gradient(225deg, transparent 41%, #853E3E 0%);
}
/*#selling .hi-icon span {z-index: 1;position: relative;transition: all 1s ease 0s;}
#selling .sellingbx:hover .hi-icon span{transform: translateX(10px) rotate(10deg) translateY(-10px);transition: all 1s ease 0s;}*/
#selling .selling-area-data { position: relative;padding: 10px 4px;text-align: center;}
#selling .selling-area-data h4{ 
    font-size: 18px;
    margin: 0px 0 8px 0;
    font-weight: 400;
    position: relative;
    z-index: 1;
}
#selling .price del{display: none;}
#selling .price ins{background: none;}
#selling .woocommerce.columns-3 ul.products li.product{display: inline-block;}
#selling .owl-theme .owl-dots{display: none;}
#selling .owl-carousel{display: block;}
#selling .owl-carousel .owl-nav{display: block;}
#selling .owl-carousel .owl-nav button {
    position: absolute;
    top: 30%;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 12% !important;
    box-shadow: none;
    font-size: 24px;
    opacity: 0;
}
#selling .owl-carousel .owl-nav button.owl-prev:hover i, 
#selling .owl-carousel .owl-nav button.owl-next:hover i{color: #000;}
#selling .owl-carousel .owl-nav button.owl-prev {left: -1.5em;}
#selling .owl-carousel .owl-nav button.owl-next {right: -1em;}
#selling .sellingus-post-wrap:hover .owl-nav button {opacity: 1;}

/*----------------------------------------*/
    /*product Categories*/
/*=======================*/

#topcategories {position: relative;overflow: hidden;}
/*#topcategories .owl-carousel{   display: block; }*/
#topcategories .catMbx{position: relative;width: 25%; float: left; padding: 0 15px;}
#topcategories .cattopbx{
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
    transition: all 0.3s ease 0s;
    border-radius: 19px;
}
#topcategories .cattopbx img{width: 100%;height: 360px;border-radius: 19px;}
#topcategories .cat_oly{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 19px;
    background-image: linear-gradient(to top,#000 5%,transparent 30%);
    transition: all 0.3s ease 0s;
}
#topcategories .cattopbx:hover .cat_oly{
    top: -500%;
    transition: all 0.3s ease 0s;
    opacity: 0.2;
    border-radius: 19px;
}
#topcategories .cattopbx .conbox {
    width: 100%;
    position: absolute;
    padding: 8px 8px;
    transition: all 0.5s;
    bottom: 12px;
    text-align: center;
}
#topcategories .cattopbx .tbox {position: relative;}
#topcategories .cattopbx .tbox h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 0px 0;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}
#topcategories .cattopbx .cat-icon {
   position: absolute;
    top: -15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    transition: all 0.5s ease 0s;
    transform: rotate(45deg);
}
#topcategories .cattopbx .cat-icon i{transform: rotate(-45deg);}
#topcategories .cattopbx:hover .cat-icon{
    top: 35%;
    transition: all 0.5s ease 0s;
}
/*----------------------------------------*/
/*  Video-section*/
/*----------------------------------------*/
#ourvideo-section{position: relative;overflow: hidden;text-align: center;}
#ourvideo-section .v-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
}
#ourvideo-section iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#ourvideo-section  embed{  max-width: 100%; width: 100% !important; height: 100% !important;}
#ourvideo-section .ourvideo-subtext{ font-size: 16px; line-height: 25px;}
#ourvideo-section .ht-section-title-tagline{text-align: left; margin-bottom: 1em;}
#ourvideo-section .video-content-bg{ width: 100%; position: relative; overflow: hidden; border-radius: 26px;}
#ourvideo-section .videos-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
#ourvideo-section:hover .videos-icon{
    opacity: 1;
    transition: all 0.5s ease 0s;
}
#ourvideo-section .videos-icon a{
    display: inline-block;
    position: relative;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 90px;
    color:#2765ba;
    background: #fff;
    font-size: 30px;
    animation: innerbeat 8.2s infinite linear forwards;
}
#ourvideo-section .videos-icon a:before{
    content: '';
    display: inline-block;
    position: absolute;
    opacity: 0.3;
    top: -8px;
    left: -8px;
    bottom: -8px;
    right: -8px;
    border-radius: inherit;
    background: #f3f;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
   
}
@keyframes pulse-border {
  0% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


/*--------------------------------------------------------------
## banner 2 Section  ##
--------------------------------------------------------------*/
#banner2-section{ position: relative;overflow: hidden;}
#banner2-section .banner2-bx{ 
    position: relative;
    overflow: hidden;
    padding:1em 2em 1em 2em;
}
#banner2-section .banner2-lhs{ width: 30%;padding: 2em 0 0 0;text-align: center;}
#banner2-section .banner2-rhs{width: 22%;text-align: center;}
#banner2-section .banner2-boxinn{
    position: relative;
    width: 48%;
    text-align: center;
    margin: 0 auto;
    padding: 4em 6em 1em 0em;
}
#banner2-section h3{
    position: relative;
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}
#banner2-section h2{
    position: relative;
    font-size: 43px;
    font-weight: 700;
    margin: 4px 0 4px 0;
}
#banner2-section p{font-size: 16px;line-height: 25px;font-weight: 400; margin: 0;}
#banner2-section .bann-btn{position: relative;margin-top: 10px;}
#banner2-section .bann-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    color: #fdfafa;
    background: #ff85d8;
    padding: 4px 14px;
    border-radius: 4px;
    z-index: 1;
    word-break: break-all;
    border:1px solid #3ff;    
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
  
}
#banner2-section .bann-btn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
#banner2-section .bann-btn a:hover { color: #fff;}
#banner2-section .bann-btn a:hover:after {top: 0;height: 100%;}
#banner2-section .bann-btn a:active {top: 2px;}


/*----------------------------------------*/
/*   New Arrival Section
/*----------------------------------------*/
#newarrival {position: relative; overflow: hidden;}
#newarrival .narivlbtn{float: right;}
#newarrival .narivlbtn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background-color: #FFE8E8;
    padding: 0px 14px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 0.7px;
    text-align: center;
    border: 1px solid #B05D5D;
    z-index: 9;
    word-break: break-all;
}
#newarrival .narivlbtn a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0px;
    background-color: #f3f;
    transition: all 0.3s ease;
}
#newarrival .narivlbtn a:hover { color: #fff;}
#newarrival .narivlbtn a:hover:after {top: 0;height: 100%;}
#newarrival .narivlbtn a:active {top: 2px;}
#newarrival .newarrivalbx {
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
    width: 25%;
    float: left;
}
#newarrival .newarrivalus-post-boxes {position: relative;}

#newarrival .newarrivalus-single { 
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 8px;
    transition: all .1s linear;
}
#newarrival .hi-icon { 
    position: relative;
    overflow: hidden;
    transition: all 1s ease 0s;
}
#newarrival .hi-icon img{
    display: block;
    width: 100%;
    height: 334px; 
    transition: 1s ease-in-out;
    border-radius: 17px;
}

#newarrival .newarrival-area-data { position: relative;padding: 8px 4px;text-align: center;}
#newarrival .newarrival-area-data h4{
    position:relative;
    font-size: 18px;
    margin: 2px 0 0 0 ;
    font-weight: 400;
}
#newarrival .newarrival-area-data .price {font-size: 20px; font-weight: 500; margin: 6px 0 4px 0;}
#newarrival .newarrival-area-data .price ins{background: none;}
#newarrival .price del { display: none;}

/*----------------------------------------*/
/* Support Area
/*----------------------------------------*/
#support {position: relative;overflow: hidden;background: #FFE8E8;}
#support .support-space {position: relative;text-align: center;margin-bottom: 1em;}
#support .support-post {position: relative;z-index: 999;transition: all 1s ease-out;}
#support .support-post:hover .support-icon span{transition: all 1s ease-out;transform: rotateZ(-9deg);}
#support .support-icon span.fa {font-size: 58px;position: relative;transition: all 1s ease-out;}

#support .icncir{
    position: absolute;
    left: -10%;
    right: 0;
    top: 0;
    content: "";
    width: 52px;
    height: 52px;
    border-radius: 50px;
    background: #d33;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
}
#support .support-post:hover .icncir{
    animation-name: bounceIn;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    background: #b46463;
}
#support .support-post h5 {font-size: 18px; margin: 8px 0 2px 0;font-weight: 400;}
#support .support-post p {font-size: 14px;font-weight: 400;margin-bottom: 5px;}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}


/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;}
#testimonials .tesbox {position: relative;margin: 0 4em;}
#testimonials .swiper-wrapper{box-sizing: border-box;}
#testimonials .swiper-container { width: 100%;height: 100%;}
.swiper-container .swiper-slide-container{
    display: block;
    padding:14px 14px 20px 14px;
    box-shadow: 0px 6px 16px #00000029;
    border-radius: 17px;
    background: #fff;
    text-align: center;
    margin: 15px -46px;
    filter: blur(2px);
}
/*.swiper-slide-active{}*/
.swiper-container .swiper-slide-active .swiper-slide-container{
    filter: blur(0px);
}
#testimonials .slider-img{padding: 0;text-align: left;}
#testimonials img.slide-mainimg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/*#testimonials .ts-quote i{font-size: 33px;color: #FFD500;}*/
#testimonials .ts-quote svg{
    width: 64px;
    transition: all 1s ease 0s;
    float: right;
    margin-right: 10px;
    position: relative;
    fill: #B05D5D;
}
#testimonials .swiper-slide-active .swiper-slide-container:hover .ts-quote svg{transition: all 1s ease 0s;transform: rotateZ(180deg);}
#testimonials .ts-area-c p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 13px 0;
    line-height: 30px;
}

#testimonials .ts-area-bx{text-align: left;padding: 28px 0 0 0;}
#testimonials .ts-area-bx  h3.ts-area-title{font-size: 22px;font-weight: 500;margin: 0;}
#testimonials .text-designation{font-size: 16px;font-weight: 400;margin: 2px 0;}

#testimonials .swiper-3d .swiper-slide-shadow-left,
#testimonials .swiper-3d .swiper-slide-shadow-right{background-image: none !important; }

/**/
#testimonials .swiper-button-prev,
#testimonials .swiper-button-next{background-image: none !important;}
#testimonials .swiper-button-next:after,
#testimonials  .swiper-button-prev:after{display: none;}

#testimonials .swiper-button-prev,
#testimonials .swiper-button-next {
    width: 50px;
    height: 50px;
    background: #d33;
    border-radius: 50px;
}
#testimonials .swiper-button-prev{left: -50px;}
#testimonials .swiper-button-next {right: -50px;}
#testimonials .swiper-button-prev i,
#testimonials .swiper-button-next i{font-size: 24px;font-weight:500;color:#000; }
/**/

/*----------------------------------------
/*  appointment Area
/*----------------------------------------*/
#appointment {position: relative;overflow: hidden;}
#appointment .app-title h2{font-size: 32px;font-weight: 700;margin-bottom: 12px;}
#appointment .section-subtitle h3{
    font-size: 18px;
    line-height: 28px;
    margin: 0px 0 ;
}
#appointment .app-detail{position: relative;overflow: hidden;}
#appointment .app-detailbxinn { position: relative; overflow: hidden;}
#appointment .info-txt{
    padding: 30px 0 2px;
    transition: all 0.5s ease 0s;
}
#appointment .info-txt:hover .icnbx{ 
    border-radius: 10px;
    transition: all 0.5s ease 0s;
}
#appointment .infoinnbx { padding: 0px 10px 0 30px;align-self: center;}
#appointment .info-txt .infoinnbx a,
#appointment .info-txt .infoinnbx p{
    position: relative;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 0em;
    line-height: 43px;
    word-break: break-word;
}
#appointment .icnbx {
    position: relative;
    text-align: center;
    font-weight: 600;
    background: #d33;
    transition: all 0.5s ease 0s;
    width: 54px;
    height: 54px;
    line-height: 68px;
    border-radius: 50px;
}
#appointment .m-icnbx{line-height: 60px !important;}
#appointment .info-txt i.fa-phone,
#appointment .info-txt i.fa.fa-map-marker{font-size: 35px;font-weight: 600;}
#appointment .info-txt i.fa.fa-envelope-o {font-size: 30px;font-weight: 600;}

#appointment .app-form{ position: relative; overflow: hidden; padding: 0 40px;}
#appointment .section-hdtitle{
    position: relative;
    padding: 20px 10px;
    margin: 22px 0 40px 0;
}
#appointment .section-hdtitle h2{
    position: relative;
    text-align: center;
    font-size: 32px;
    line-height: 30px;
    color: #332102;
    font-weight: 700;
    z-index: 9;
    margin: 0;
}
#appointment .fmtitlbg{
    position: absolute;
    top: 0;
    right: -30px;
    left: -30px;
    bottom: 0;
    background: #d33;
    border-radius: 13px 13px 0px 0px;
}
#appointment .fmtitlbgcorn{position: relative;}
#appointment .fmtitlbgcorn:before{
    content: '';
    height: 34px;
    width: 59px;
    position: absolute;
    left: -68px;
    bottom: -54px;
    background-image: linear-gradient(45deg, transparent 66%, #F18E8E 63%);
}
#appointment .fmtitlbgcorn:after{
    content: '';
    height: 34px;
    width: 59px;
    position: absolute;
    right: -68px;
    bottom: -54px;
    background-image: linear-gradient(-45deg, transparent 66%, #F18E8E 63%);
}

#appointment .ht-inquiry-member-wrap {
    position: relative;
    /* overflow: hidden; */
    box-shadow: 0px 3px 16px #00000029;
    border-radius: 25px;
    margin: 4px 1px 10px 1px;
    padding-top: 1em;
}
#appointment .inquiry-formbx{  position: relative; padding: 0em 3.2em 2.5em 3.2em;}

.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    border: 1px solid #fff;
    width: 100%;
    color: #fff;
    margin: 0 0 20px 0;
    border-radius: 4px;
    padding: 10px 10px 10px 18px;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
}
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea { 
    height: 131px; 
    padding:12px 10px 18px 14px; 
    margin-top: 0px;
    margin-bottom: 19px;
}
.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 6px 50px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #000;
    margin-top: 2px;
    word-break: break-all;
    transition: all 0.4s;
    box-shadow: none;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{  transition: all 0.4s;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
#appointment .soci-icn{position: relative;float: right;}
#appointment .soci-icn li{
    position: relative;
    transition: all 0.5s;
    list-style: none;display: inline-block;
    margin:10px 0px 4px 6px;
}
#appointment .soci-icn li a i{
    font-size: 20px;
    transition: all 0.5s;
}
#appointment .soci-icn li a:hover i{
    color: #f3f3;
    transition: all 0.5s;
}
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .blog-post {position: relative; padding: 0 18px;margin-bottom: 2em;overflow: hidden;}
.blog-area .box-area-S {
    position: relative;
    overflow: hidden;
    padding: 0 10px 0 0;
}
.blog-area .blog-image{}
.blog-admin:after {
    background-image:linear-gradient(34deg, transparent 18%, #6a951f 62%);
    width: 14px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: -1;
    content: "";
    transform: rotate(21deg);
}
.blog-area .blog-image img{
    position: relative;
    width: 100%;
    height: 334px;
    border-radius: 17px;
    transform: scale(1);
    transition: all 0.5s;
}

.blog-area .box-area-S:hover .blog-image img{
    filter: grayscale(100%);    
    transform: scale(1);
    transition: all 0.5s;
}
.blog-area .blog-admin{
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #d33;
    width: 92%;
    top: 17px;
    right: 0;
    padding: 6px 0 6px 14px;
    border-radius: 50px 0 0 50px;
}
.blog-area .blog-admin li {
    list-style: none;
    position: relative;
    z-index: 1;
}
.blog-area .blog-adminbx {padding-left: 20px;}
.blog-area .blog-comment {  text-align: center;}
.blog-area .blog-admin i{font-size: 14px;font-weight: 900;margin-right: 6px;}
.blog-area .blog-single {
    position: relative;
    overflow: hidden;
    padding: 6px 0px 0px 0px;
}
.blog-area .blog-posts h4{
    font-size: 20px;
    font-weight: 500;
    margin: 4px 0 8px;
    line-height: 34px;
    word-break: break-word;
}
.blog-area .blog-single p{
    font-size: 16px;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: 400;
}

/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter { position: relative;overflow: hidden;}
#newsletter .news-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
    background: #B05D5D;
}
#newsletter .newsrhs{
    width: 28%;
    position: relative;
    margin: 1em 0 0 0;
}
#newsletter .newslhs {
    width: 22%;
    position: relative;
    margin: 1em 0 0 0;
}
#newsletter .newslhs img{}
#newsletter .newslettersign-box {
    position: relative;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 0em 2em 0 2em;
}
#newsletter .newstitle h3 {
    position: relative;
    font-size: 30px;
    color: #fdfdfd;
    font-weight: 500;
    margin: 0 0 16px 0;
}
#newsletter .newstitle h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    border-bottom: 1px solid #d33;
    width: 170px;
    margin: 0 auto;
}
#newsletter .ht-newsletter-member-wrap {  padding: 1em 0em 0 0;}
#newsletter .ht-newsletter-member-wrap input::placeholder{  opacity: 1;}

#newsletter .ht-newsletter-member-wrap input[type="text"], 
#newsletter .ht-newsletter-member-wrap input[type="email"], 
#newsletter .ht-newsletter-member-wrap input[type="url"], 
#newsletter .ht-newsletter-member-wrap input[type="password"], 
#newsletter .ht-newsletter-member-wrap input[type="search"], 
#newsletter .ht-newsletter-member-wrap input[type="number"], 
#newsletter .ht-newsletter-member-wrap input[type="tel"], 
#newsletter .ht-newsletter-member-wrap input[type="range"], 
#newsletter .ht-newsletter-member-wrap input[type="date"], 
#newsletter .ht-newsletter-member-wrap input[type="month"], 
#newsletter .ht-newsletter-member-wrap input[type="week"], 
#newsletter .ht-newsletter-member-wrap input[type="time"], 
#newsletter .ht-newsletter-member-wrap input[type="datetime"],
#newsletter .ht-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .ht-newsletter-member-wrap input[type="color"],
#newsletter .ht-newsletter-member-wrap input[type="file"],
#newsletter .ht-newsletter-member-wrap select,
#newsletter .ht-newsletter-member-wrap textarea{
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 10px 0;
    border-radius: 7px;
    padding:11px 10px 11px 16px;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #707070;
}
#newsletter .ht-newsletter-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
#newsletter .ht-newsletter-member-wrap textarea {
    height: 100px;
    padding: 18px 50px;
}
#newsletter .ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
      background: #fff;
}
#newsletter .ht-newsletter-member-wrap input[type="submit"] {
    font-size: 20px;
    font-weight: 700;
    color: #e8e2f0;
    border: none !important;
    position: relative;
    padding: 6px 20px;
    border-radius: 7px;
    transition: all 0.3s;
}
/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;overflow: hidden;background: #303030;}
.footer-area {position: relative;overflow: hidden;}
.footer-area .fbox { position: relative;}
.footer-area li {display: block;margin-bottom: 8px;font-size: 20px;font-weight: 400; }
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;}
.footer-area li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 12px;
    padding-right: 12px;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { 
    position: relative;
    margin-bottom: 33px;
    line-height: 27px;
    font-size: 18px;
    z-index: 1;
}
footer#footer.footer-area .widget-title {  
    position: relative;
    display: inline-block; 
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
footer#footer.footer-area .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #fff;
    right: 0;
    /* top: 0; */
    width: 55%;
}
.footer-area .widget {margin-bottom: 0.9em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {
    font-size: 16px;
    background: #FFE8E8;
    font-weight: 400;
    text-align: center;
    color: #010101;
    padding: 10px 0;
}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid #000;
    font-size: 16px;
    margin-bottom: 4px;
    padding: 4px 12px 4px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 2px;
}
.footer-area textarea {  height: 80px !important;}
.footer-area .subscribe_shortcode {position: relative;}
.footer-area .box-form { 
    position: relative;
    overflow: hidden;
    margin-bottom: 0.9em;
}
.footer-area .ftnwsfm input[type="submit"]{
 position: absolute;
    top: 6px;
    right: 0;
}
.footer-area input[type="submit"]{
    padding: 4px 14px 4px;
    white-space: normal;
    font-weight: 500;
    font-size: 18px;
    border-radius: 4px;
    color: #000;
    transition: all 0.3s;
    box-shadow: none;
    margin-top: 1px;
}
.footer-area .top-area { padding: 0 0 0.5em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}

.footer-area .social-profile-icons ul{margin: 5px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;}
.footer-area .social-profile-icons ul li a{    
    display: inline-block;
    font-weight: 800;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 0 12px 0 0;
    padding: 0;
}

.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{ opacity: 0.8;border-radius: 20px;transition: all .5s;}

.s-footer{float: left;margin-bottom: 0.4em; }
.footer-area .widget_recent_entries ul li { line-height: 25px;}
.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer_facility-text i.fa {
    padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/

#testimonials .ts-area-single-inn,
#innerpage-box .ts-area-single{display: none;}
#innerpage-box .col-inner{display: none;} 
#innerpage-box .item.innertest-item{
    width: 50%;
    position: relative;
    overflow: hidden;
    padding: 0 28px 0px 28px;
    float: left;
    margin-bottom: 0.8em;
    border-radius: 0 0 0px 0px;
}

#innerpage-box .ts-area-single-inn {position: relative;margin:1em 0 0 0;padding:  0;}
#innerpage-box .ts-area-single-inn:before {
    content: "";
    position: absolute;
    background: #B05D5D;
    left: 0;
    top: 50px;
    width: 33px;
    height: 130px;
    z-index: 5;
    border-radius: 0 28px 28px 0;
}
#innerpage-box .tsareainn{
    transition: all .8s;
    position: relative;
    /* overflow: hidden; */
    padding: 50px 10px 20px 0px;
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 28px;
    margin: 0 0 6em 0;
    z-index: 2;
}

.tsareainn:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 8px 8px 0px -1px #B05D5D;
    border-radius: 28px;
    z-index: 0;
}
#innerpage-box .ts_shape{
    position: absolute;
    background: #fff;
    width: 74px;
    height: 143px;
    left: 90px;
    bottom: -67px;
    border-radius: 19px 13px 0px 14px;
    box-shadow: 19px 10px 0px -12px #B05D5D;
    transform: rotate(58deg);
    z-index: 1;
}
#innerpage-box .ts_shape:after{
    content: "";
    position: absolute;
    box-shadow: 2px 3px 2px 0px #a0999930;
    left: 6px;
    right: -5px;
    bottom: 2px;
    top: 0;
    border-radius: 0 0px 0px 6px;
}
#innerpage-box .tsimgbx {
    width: 36%;
    padding: 0;
}
#innerpage-box .tsimgbx{ position: relative;}
#innerpage-box .ts-area-thumb { position: relative;float: right; right: 12%;}
#innerpage-box .ts-area-thumb img {
    width: 132px;
    height: 132px;
    text-align: center;
    transition: all .8s;
    border-radius: 50%;
    border: 4px solid #FFE8E8;
    position: relative;
    z-index: 1;
    top: 0px;
    margin: 0px auto 0 auto;
    left: 0;
    right: 0;
}
#innerpage-box .ts-area-c{
    width: 64%;
}
#innerpage-box .ts-area-c p {
    font-size: 16px;
    line-height: 30px;
    margin: 0px 0 0px 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: 400;
    word-break: break-word;
    padding: 0 0px;
}

#innerpage-box .ts-area-bx {  
    position: relative;
    padding: 6px 0px 10px 0px;
}
#innerpage-box h5.ts-area-title { 
    position: relative; 
    z-index: 1;
    margin: 0.2em 0 0 0 !important;
    transition: all .8s;
}
#innerpage-box .text-designation { 
    position: relative; 
    z-index: 1;  
    font-size: 16px;
    font-weight: 400;
    transition: all .8s;
    margin: 0px 0 0 0;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/

#innerpage-box .single-team {
    position: relative;
    margin-bottom: 3em;
    width: 25%;
    float: left;
    padding: 0 10px;
}
#innerpage-box .inner-team { 
    position: relative; 
    overflow: hidden;
    box-shadow: 0px 0px 13px #00000029;
    border-radius: 28px;
    text-align: center;
    padding: 30px 10px;
}
#innerpage-box .single-team-img{    
    position: relative;
    overflow: hidden;
}
#innerpage-box .single-team-img img{
    width: 176px;
    height: 176px;
    border: 1px solid;
    border-radius: 50%;
    transition: all 0.2s ease 0s;
}
#innerpage-box .textbx{
   position: relative;
    overflow: hidden;
    transition: all .2s ease;
}
#innerpage-box .inner-team h3.inner-area-title{margin: 20px 0 8px;}
#innerpage-box .team-designation{
    position: relative;
    word-break: break-word;
    font-size: 16px;
    margin: 0 0 4px 0;
    font-weight: 500;
}
#innerpage-box .team-social-icon{ position: relative;}
#innerpage-box .team-socials{
   position: relative;
    /* width: 100%; */
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    transition: all 0.4s;
}
#innerpage-box .team-social-icon li{
    display: inline-block;
    list-style: none;
}
#innerpage-box .team-social-icon li a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    background: #f33;
    margin: 2px 6px;
    text-align: center;
    border-radius: 1px;
    transition: all .2s ease; 
}
#innerpage-box .team-social-icon li a:hover{ border-radius: 6px;transition: all 0.2s ease 0s;}
#innerpage-box .team-social-icon a i{
    font-weight:500;
    color:#767779;
    transition: all .2s ease;
}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {top: 3em !important;}

#innerpage-box .gallery-inn {column-count: 3;}
#innerpage-box .innergalry{position: relative;overflow: hidden;margin: 0 4px;}
#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 30px;}

#innerpage-box .innergalry:nth-child(4) .lz-gallery-images img ,
#innerpage-box .innergalry:nth-child(5) .lz-gallery-images img{height: 512px;}
#innerpage-box .innergalry .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    border: 0px solid #B05D5D;
    border-radius: 28px;
    vertical-align: top;
    height: 330px;
}

#innerpage-box .lz-gallery-images .over-text h5{
    position: relative;
    margin: 0;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 22px;
    font-weight: 500;
}
#innerpage-box .lz-gallery-images .over-text {
    position: absolute;
    overflow: hidden;
    width: 92%;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #000;
    padding: 8px 20px;
    margin: 0px 16px;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    word-break: break-all;
    bottom: -100%;
}
#innerpage-box .lz-gallery-images:hover .over-text{ transition: all 0.5s; bottom: 2%;}
#innerpage-box .lz-gallery-images:hover .over-text:after {top: 0;height: 100%;}

/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/

.page-template-default #innerpage-box .single-service-bx { display: none; }
.service-area .singleinner-service { display: none; }

#innerpage-box .inn-single-service-bx {  padding: 0 20px;}
#innerpage-box .service_inbox{position: relative;transition: all .3s;}
#innerpage-box .inn-single-service-bx{position: relative; padding: 0 28px;}
#innerpage-box .singleinner-service {
    margin-bottom: 3em;
    transition: all .3s;
    position: relative;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    padding: 0 0 0px 0px;
    transition: all .3s;
}
#innerpage-box .singleinner-service .service_inimg .service-img {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    height: 300px;*/
    border-radius: 28px;
}
#innerpage-box .singleinner-service .service_inimg a:before{
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    opacity: 0;
    /*transform: skewY(30deg);*/
    position: absolute;
    left: 0;
    top: -30%;
    z-index: 2;
    border-radius: 28px;
    transition: all 0.4s ease 0s;
}
#innerpage-box .singleinner-service  .service_inbox:hover .service_inimg a::before{
     opacity: 0.6;
    /*transform: skew(0);*/
    top: 0;

}
#innerpage-box .serbx {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 20px 0px 10px;
    transition: all .3s;
    border-radius: 0;
    transition: all 0.5s;
    cursor: pointer;
    word-break: break-all;
    text-align: center;
}
#innerpage-box  .serbx:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-radius: 0px;
    background-color: #f3f;
    transition: all 0.3s ease;
}
#innerpage-box .serbx h3{
    margin: 0 0 10px 0!important;
    position: relative;
    z-index: 2;
}
#innerpage-box .serbx p{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #707070;
    padding: 0px 0;
    z-index: 1;
    margin: 0;
}
#innerpage-box .serbtn{position: relative;margin: 8px 0 0  0;}
#innerpage-box .serbtn a{
    display: inline-table;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s ease 0.5s;
    text-decoration: none;
    transition: all .3s;
    z-index: 2;
}
#innerpage-box .serbtn a i {
    position: relative;
    font-size: 22px;
    top: 3px;
}
#innerpage-box .serbtn a:hover{
    transition: all .3s;
    letter-spacing: 1px;
}

/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/

/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 58px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 26px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box h3 {
    position: relative;
      font-size: 20px;
    background: #2e2e2e;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 0px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}
.page-template-templates main#innerpage-box div#sitemap-box h3:after {  display: none;}
main#innerpage-box div#sitemap-box ul li {list-style: none;padding-bottom: 5px;}
main#innerpage-box div#sitemap-box ul li a {position: relative;padding-left: 20px;}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    top: -3px;
    position: relative;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {transform: scale(1.4);}
div#sitemap-box ul { margin: 0;}
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%;}
div#sitemap-box h3:before {
      position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: -11px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}
/*====## Contact Template ==========
====== {contact Inner Page} ========*/
#innerpage-box {
    position: relative;
    overflow: hidden;
    background:#F6E8DA;
}
#innerpage-box .inner-contactarea{position: relative;}
#innerpage-box .contact-address-area { position: relative;margin: 0; overflow: hidden;}
#innerpage-box .contact-address-area .detailbx{
    position: relative;
    overflow: hidden;
    width: 45%;
    padding: 0;
}
#innerpage-box .contact-address-area .contct-leftbx {
    position: relative;
    overflow: hidden;
    padding: 70px 20px 30px 20px;
}
#innerpage-box .contct-leftbx:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}
#innerpage-box .contact-address-area .cont-hdtitle {
    position: relative;
    font-size: 34px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0em 20px 0;
    z-index: 1;
    text-align: center;
} 
#innerpage-box .contact-address-area .cont-hdtext{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin: 0 0 1em 0;
    z-index: 1;
    text-align: center;
}
#innerpage-box .cntlhsbx {
    position: relative;
    overflow: hidden;
    padding: 0em 0em 0em 1.5em;
    border-radius: 0;
    margin-bottom: 0em;
}
#innerpage-box .cntpgbx  {
    padding: 13px 0 19px;
    transition: all 0.5s ease 0s;
}
#innerpage-box .cntpgicn{
    position: relative;
    text-align: center;
    font-weight: 600;
    border: 1px solid #fff;
    transition: all 0.5s ease 0s;
    width: 44px;
    height: 44px;
    border-radius: 52px;
    margin-top: 0px;
    z-index: 1;
}
#innerpage-box .cntpgicn i.fa-phone, 
#innerpage-box .cntpgicn i.fa.fa-map-marker {
    font-size: 30px;
    font-weight: 600;
    line-height: 44px;
}
#innerpage-box .cntpgicn i.fa.fa-envelope {
    font-size: 24px;
    line-height: 44px;
    font-weight: 600;
}
#innerpage-box .cntpgtxt{ padding:0px 0px 0 10px;align-self: center;}
#innerpage-box .cntpgtxt a,
#innerpage-box .cntlhsbx p{
    position: relative;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0em;
    line-height: 30px;
    word-break: break-word;
    z-index: 1;
}

/*rhs*/
#innerpage-box .contact-address-area .contforminn { 
    position: relative;
    overflow: hidden;
    width:55% ;
    padding: 0 0 0 150px;
}
#ht-contactus-wrap {  position: relative;}
#ht-contactus-wrap .contact-form{ position: relative; }
#ht-contactus-wrap .maintle {position: relative;}
#ht-contactus-wrap .maintle h2{
    position: relative;
    text-align: center;
    font-size: 32px;
    line-height: 30px;
    color: #332102;
    font-weight: 700;
    z-index: 9;
    margin: 0;
}
#ht-contactus-wrap .maintle h1{ 
    position: relative;
    margin: 0 0 15px 0 !important;
    z-index: 2;
    font-size: 34px;
    color: #fff;
    font-weight: 400;
}
#innerpage-box .ctform p{margin: 0;}
#innerpage-box .contact-mapbox{position: relative;margin-top: 4em; }
#innerpage-box .contact-mapbox iframe { width: 100%; height: 473px;}
#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 select, 
#ht-contactus-wrap textarea {
    border: 1px solid #fff;
    width: 100%;
    color: #fff;
    margin: 12px 0 20px 0;
    border-radius: 0px;
    padding: 6px 4px 6px 12px;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
}
#ht-contactus-wrap textarea {height: 168px;}
#ht-contactus-wrap input[type="submit"] {
    text-align: center;
    position: relative;
    background: #e1e1e1;
    padding: 8px 40px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    border-radius: 9px;
    border: 1px solid #ECBFBF;
    margin-top: 1px;
    word-break: break-all;
    transition: all 0.4s;
    box-shadow: none;
    margin-top: 10px;
}
/*-----------------------
## FAQS page
-----------------------------*/
/*#content-box .faq { column-count: 2;}*/
#content-box .faq{ position: relative;}
div#content-box .faq-content { }
div#content-box .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: #fbb34d;
    padding:26px 55px 30px 30px;
    /* border: 2px solid; */
    border-radius: 18px;
    transition: all 0.2s ease 0s;
    box-shadow: none;
}
/*div#content-box .faq-content button.accordion span{color: #B05D5D;}
div#content-box .faq-content button.accordion.active span{color: #fff;}*/
div#content-box .faq-content button.accordion.active{padding: 40px 52px 40px 30px;}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
    border-radius: 28px 28px 0 0;
}
button.accordion.active:after {
    content: "";
    border: 1px solid #3ff;
    position: absolute;
    bottom: 0;
    width: 92%;
    margin: 0px 0;
}
div#content-box .faq-img{
    text-align: center;
}
div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 24px;
    top: 32px;
    position: absolute;
    line-height: 36px;
    width: 34px;
    height: 34px;
    background: #000;
    text-align: center;
    border-radius: 50%;
    transition: all 0.2s ease 0s;
    right: 24px;
}
div#content-box .faq-content button.accordion.active:before{top:48px;}
/*div#content-box .faq-content button.accordion.rghtbx:before,
div#content-box .faq-content button.accordion.leftbx:before{right: 15px;}*/
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 18px 0;
    border: none;
    width: 100%;
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;
    padding: 26px 26px 33px 27px;
    margin: 0px 0 26px;
    /* border: 2px solid #d33; */
    border-radius: 0 0 28px 28px;
}
div#content-box .faq-content div.panel p{
    margin: 0px 0 0px 0;
    line-height: 36px;
    font-size: 20px;
    font-weight: 400;
}
main#innerpage-box div#content-box h5.faq-title {
    margin: 0;
    font-size: 20px;
    word-break: break-word;
    text-align: left;
}
main#innerpage-box div#content-box h5.faq-title span{font-size: 32px;font-weight: 500;transition: 0.6s ease-in-out;}
div#content-box .faq-content button.accordion.active span{padding-right: 5px;transition: 0.6s ease-in-out;}
main#innerpage-box div#content-box h5.faq-title:after {  display: none;}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

.col-container { display: table; width: 100%;}
.col-facility{ display: table-cell;}
.heading.active i {box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;}
.test-right img { width: 100%; height: 100%;}
.heading{cursor: pointer;}
.inside-full-height{height:100%}

/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;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: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #f72985;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    width: auto;height: auto;margin: 0px 0 0;}
.total-count {
    background: #f72985;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*===============
All Siderbar 
================*/
#secondary.widget-area {
    padding: 0em;
    position: relative;
    overflow: visible;
    /*background: url(images/sbar.jpg);*/
}
div#sidebars.sidebar{position: relative;z-index: 1;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/
#innerpage-box .sidebar .wp-block-search__button-outside button[type="submit"],
.widget-area form#searchform input[type="submit"] {
    position: relative;
    padding: 0 !important;
    border-radius: 0!important;
    z-index: 999 !important;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    float: right !important;
    position: absolute!important;
    right: 13px !important;
    top: 13px;
    text-indent: -999px !important;
    width: 55px;
    height: 46px;
    z-index: 1 !important;
}
#innerpage-box .sidebar .wp-block-search__button-outside{position: relative;}
#innerpage-box .sidebar .wp-block-search__button-outside:after,
.widget-area form#searchform:after {
    position: absolute;
    top: 13px;
    font-size: 20px;
    right: 13px;
    text-align: center;
    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    height: 46px;
    line-height: 46px;
    width: 55px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    border-radius: 0;
    opacity: 1;
}
#innerpage-box .sidebar .wp-block-search__button-outside:after{top: 5px;right: 11px;}
.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:3em 0em 2em;margin-top: 0em;}
.single-post .ht-main-title { margin: 0px 0 15px; padding: 15px 15px 0;}
/*.innerpage-whitebox{  padding: 0 0em;}*/
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{    
    padding: 0 0 5px 10px;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ol{ font-size: 18px;}
#content-box ol ol {   margin-left: 5px !important;}
#content-box ul ul {   margin-left: 10px !important;}
#content-box .wc-block-grid__product:before{display: none;}
#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    position: absolute;
    font-size: 23px;
    top: -4px;
    left: 0;
    margin-right: 10px;
    /* transform: scale(1); */
    transform: rotate(45deg) !important;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ul li:hover:before { transform: scale(1.4);}
.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
   margin-top: 1em;
    position: relative;
    padding-left: 2.4em;
    min-height: 40px;
    padding-top: 4px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 0px;
    font-size: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    border: 1px solid #000; 
    
}
/*#content-box ol li:after{
    content: '';
    position: absolute;
    left: -4px;
    top: -6px;
    width: 34px;
    height: 34px;
    border: 4px solid #F23C38;
    border-right: none;
    border-top: none;
    border-radius: 8px;
    margin: 0px;
   
    transform: rotate(45deg);
}*/
.wp-block-separator{width: 90%;}
.page_featured {margin: 0 4em;margin-bottom: 2em;padding: 10em 4em;}
img.ht-page-header-img{ width: 100%;box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);}
.sticky {   display: block;}
.total-hentry { margin: 0 0 50px;}
.byline,
.updated:not(.published) { display: none;}
.page-links {clear: both;margin: 0 0 15px;}
.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;}
.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;}
.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 !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{background: #333; color: #FFF;}
section ul{padding: 0 0 20px 0;}
.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{background: #000;color:#fff;}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    /*font-family: josefin sans,sans-serif;*/
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-text{text-align: center;}
.toggle-bar{display: none;}
.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
   0%{
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
    25%{
        text-shadow:
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000,
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000;
    }
    50%{
        text-shadow:
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000,
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000;
    }
    75%{
        text-shadow:
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000,
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000;
    }
    100% {
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    position: fixed;
    bottom: 40px;
    right: 50px;
    line-height: 22px;
    text-align: center;
    font-size: 27px;
    text-decoration: none;
    z-index: 99999;
    transition: all 0.3s ease 0.2s;
}
/*#back2Top:hover{transition: all 0.3s ease 0.2s;}*/
#back2Top svg{width: 44px;transition: all 0.3s ease 0.2s;}
#back2Top svg path{ stroke:#3ff;transition: all 0.3s ease 0.2s;}
#back2Top:hover svg path{ stroke:#f33;transition: all 0.3s ease 0.2s;}

.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars li {font-size: 15px;margin:5px 10px;}
div#secondary caption {padding-top: 12px;padding-bottom: 12px;}
div#secondary .widget_calendar table {margin: 0;padding: 0;}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
/*    border: 1px solid #eaeaea;*/
}
.widget-area .widget_rating_filter ul li {border-bottom: none;}
.widget-area .woocommerce ul.cart_list li, 
.widget-area .woocommerce ul.product_list_widget li {padding: 12px 12px 12px;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, 
.widget-area .woocommerce ul.product_list_widget li img, 
.widget-area .woocommerce-page ul.product_list_widget li img {width: 74px;height: 74px;}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area .woocommerce ul.product_list_widget li img:hover { opacity: 0.8;}
.widget-area .woocommerce .widget_shopping_cart_content p {padding: 12px;margin: 0;border: 1px solid #eaeaea;margin-top: 15px;}
.woocommerce .woocommerce-product-rating .star-rating { margin: 1px 4px 0 0;float: left;width: 120px;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
main#innerpage-box #comments li.comment:after{display: none;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 1px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;display: block;}
.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]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {color: #000;font-weight: 600; margin-bottom: 10px;}
.entry-readmore a {
    padding: 2px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

/*-----------------------
## Blog Inner Page 
-----------------------------*/
/*#innerpage-box .inner-blogpost svg {
    position: absolute;
    left: 0px;
    top: -2px;
}*/
#innerpage-box .inner-blogpost .blog-image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
#innerpage-box .inner-blogpost .blog-ovly{
   content: '';
    position: absolute;
    left: 0px;
    right: 0;
    top: -10%;
    width: 50px;
    height: 50px;
    transform: scale(1);
    margin: auto;
    background: #332102;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
#innerpage-box .inner-blogpost:hover .blog-ovly{
    opacity: 0.4;
    transform: scale(8);
}
/*#innerpage-box .inner-blog-pagepost{padding: 1em 3.1em !important; }*/
#innerpage-box .inner-blog-post{     
    padding: 0em 2em;
    margin: 0em 0em 2.9em 0em;
    position: relative;
    float: left;
}
#innerpage-box .inner-blogpost {   
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { position: relative; overflow: hidden; }
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 261px;
    border-radius: 4px;
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blogpost .blog-admin{
    font-size: 16px;
    font-weight: 500;
    background: #3ff;
    padding: 14px 22px;
    border-radius: 4px;
    position: relative;
    /* bottom: 30px; */
    margin: -30px 24px 0px 24px;
}
#innerpage-box .inner-blogpost .blog-adminbx{padding: 0 10px 0 0;}
#innerpage-box .inner-blogpost .blog-comment{padding: 0 0px 0 10px;}
#innerpage-box .inner-blogpost .blog-admin i{    
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    overflow: hidden;
    padding: 0px 0px;
}
main#innerpage-box #blog-box h2{
    position: relative;
    text-align: center;
    word-break: break-word;
    margin: 16px 0 2px 0;
    padding: 0px 24px;
    line-height: 33px;
}
#innerpage-box .inner-blog-excerpt p,
#innerpage-box .inner-blog-excerpt {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    word-break: break-word;
    padding: 0px 24px;
    position: relative;
    text-align: center;
}
#innerpage-box .bloginnbtn{position: relative;margin-top: 16px;}
#innerpage-box .bloginnbtn a{
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #B05D5D;
    padding: 10px 18px;
    border-radius: 2px;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    word-break: break-all;
    border: 1px solid #B05D5D;
}
#innerpage-box .bloginnbtn a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px;
   background-color: #f3f;
/*background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);*/
  transition: all 0.3s ease;
}
#innerpage-box .bloginnbtn a:hover { color: #fff;}
#innerpage-box .bloginnbtn a:hover:after {top: 0;height: 100%;}
#innerpage-box .bloginnbtn a:active {top: 2px;}

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6
 {word-break: break-word;margin: 20px 0;}

#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
}

/*.page-template-templates main#innerpage-box #blog-box h2:after { display: none;}*/
/*div#content-box {padding-right: 2em;}*/
#sidebars .sidebar,
div#secondary.widget-area .widget {     
    position: relative;
    overflow: hidden;
    padding: 0em 1em 0.9em 1em;
    margin: 0em 0px 2.5em 0px;
    border-radius: 0;
    /* box-shadow: 0px 4px 12px #00000029; */
    border: 1px solid #ccc;
}
 #innerpage-box .sidebar .wp-block-heading,
.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    position: relative;
    display: block;
    font-size: 20px !important;
    color: #000;
    font-weight: 700;
    background: #f3f;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 2px 0;
    text-align: left;
}
/*#innerpage-box .sidebar .wp-block-heading:before,
#innerpage-box .widget-area .widget-title:before{
        content: "\f118";
    font-family: 'FontAwesome';
    position: absolute;
    left: -37px;
    top: -12px;
    width: 60px;
    height: 60px;
    font-weight: 300;
    line-height: 60px;
    text-align: center;
    font-size: 35px;
    border-radius: 50%;
}
#innerpage-box .sidebar .wp-block-heading:after,
#innerpage-box .widget-area .widget-title:after{
    content: "";
    position: absolute;
    left: -43px;
    top: -18px;
    width: 72px;
    height: 72px;
    line-height: 67px;
    border-radius: 50%;
    border: 10px solid #F23C38;
    border: 6px solid #F23C38;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none;
    transform: rotate(-31deg);
}*/
/*#innerpage-box .widget-area .widget-title:after {display: none;}*/
/*#innerpage-box .widget-area .widget-title:before{
    content: "\f111";
    top: -2px;
    position: relative;
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 10px;
    color: #000;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/
main#innerpage-box .widget-area .wp-block-tag-cloud a,
main#innerpage-box .widget-area .tagcloud a {
    margin: 2px 4px;
    padding: 4px 4px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    background: none;
    text-align: center;
}
main#innerpage-box .widget-area .wp-block-tag-cloud a{display: inline-block;}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 0 0 0;}
.widget-area .textwidget { padding: 10px;}
.widget-area li span.post-date {margin-bottom: 1em;position: relative;display: list-item;}
.widget-area .widget_media_image img {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 .gallery-item a{padding: 0;}
.widget-area div#calendar_wrap {padding: 0px 1px 0 ;margin: 0;border: 1px solid #eaeaea;}
.widget_calendar table {border-collapse: separate; width: 100%;}
#innerpage-box .sidebar .wp-block-search__button-outside,
.widget-area .woocommerce-product-search, 
.widget-area form#searchform {width: 100%;position: relative;padding: 0 7px;}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {border-radius: 0;border:none;}
.widget-area ul ul li {padding-left: 10px;border-bottom: none;}
.widget-area ul ul li a {padding: 0;}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {border: none; padding: 0px;}
/*--------------------------------------------------------------
## 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 single product pageg color*/
/*---------------------------------------------------*/
.custom-color-swatches span.color-swatch{position: relative;}
.custom-color-swatches .color-swatch.active {}
.custom-color-swatches span.color-swatch.active:after {
    border-bottom: 4px solid #000;
    position: absolute;
    content: "";
    bottom: -8px;
    width: 22px;
    height: 10px;
    left: 4px;
}
.woocommerce div.product form.cart .variations {display: none;}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {width: 22% !important; margin-right: 3% !important;}
.woocommerce .related.products {position: relative;clear: both;}
.woocommerce .sp_page_box{position: relative;margin: 30px 0 60px 0;}
.woocommerce .sp_page_title h2{
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000; 
    margin: 10px 0 21px 0;
}
.woocommerce .sp_page_Desc li{color: #707070;font-size: 16px;margin: 0 0 13px 0px;padding: 0 0 0 0px;line-height: 1.6;}
.woocommerce .commentlist li{margin: 0 0 10px !important;}
.woocommerce .cus_reviews h2{text-align: center;font-size: 26px !important;margin: 0;}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
    width: 67px !important;
    height: 67px !important;
    border-radius: 50px;
    box-shadow: 0px 0px 6px #00000029;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    padding: 10px 0;
    width: 93% !important;
}
.woocommerce div.product div.images .flex-control-thumbs{padding: 0 70px;}
.woocommerce div.product div.images .flex-control-thumbs button{
       position: absolute;
    top: 20%;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    box-shadow: none;
}
.woocommerce div.product div.images .flex-control-thumbs button.owl-prev{left: -4em;}
.woocommerce div.product div.images .flex-control-thumbs button.owl-next{right: -4em;}
/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{ padding-bottom: 4px !important;}
/*.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
}*/
.wc-block-grid__product-rating .star-rating span:before, 
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{content: "" !important;}
.wc-block-grid__product,
.total-product-title-wrap h2,
.woocommerce-loop-product__title{font-size: 18px !important;margin: 0;}
.product .product_title.entry-title{font-size: 28px;line-height: 44px;font-weight: 500;}
.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, 
.editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title,
main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 400 !important;}

/*woocommerce gallery*/
/*===================*/
.woocommerce-product-gallery .owl-dots{display: none;}
.woocommerce div.product div.images .flex-control-thumbs li{ 
    padding: 5px;
/*    width: 127px !important;*/
    height: 137px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    opacity: 1;
    height: 100%;
    border-radius: 12px;
    transition: all 0.3s ease 0s;
}
/*.woocommerce div.product div.images .flex-control-thumbs .active li img{border: 3px solid #B05D5D !important;}*/
.woocommerce div.product div.images .flex-control-thumbs .flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
    border: 2px solid #B05D5D !important;
    transition: all 0.3s ease 0s;
}
.woocommerce div.product div.images .flex-control-thumbs .owl-nav{text-align: center;display: block;}
.woocommerce-product-gallery .owl-nav button{
    margin: 10px 5px;
    padding: 1px 10px 1px 10px;
    transition: all 0.3s ease 0s;
}
.woocommerce-product-gallery .owl-nav button:hover{background: #8e8b8b;transition: all 0.3s ease 0s;}
.woocommerce-product-gallery .owl-nav button i{font-size: 22px;font-weight: 600;color: #fff;}
.woocommerce-product-gallery .flex-direction-nav{display: none;}
/*end*/

/*.woocommerce ul.products li.product a img{ border: none !important; height: 300px;border-radius: 17px;}*/
/*.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}*/
.woocommerce ul.products li.product .total-product-title-wrap{padding: 5px 10px 3px 10px;}
.woocommerce ul.products li.product a{color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{ margin: 9px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 0;width: 100%;}

.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price dei,
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #000;margin: 0;}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del,
.woocommerce-page ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins { 
    font-size: 20px;
    font-weight: 500 !important;
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {float: right;width: 100%;}
.woocommerce-MyAccount-navigation ul li:before{display: none;}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0px 20px;

}
.woocommerce-MyAccount-navigation ul li{margin: 5px 0 !important;}
.woocommerce-MyAccount-navigation-link.is-active a{color:#000 !important;}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{background: #333;color: #FFF;}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button { color:#fff !important;}
.woocommerce ul.products li.product .button{
    display: none ;
    margin: 4px 0 0 0;
    font-size: 17px;
    background-color: #ec5597;
    border: 1px solid #ECBFBF;
    border-radius: 9px;
    padding: 10px 20px;
    color: #FFF;
    transition: all 0.3s ease;
    box-shadow:none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 40px !important;
}

.woocommerce p.quantity-heading {
    font-size: 14px;
    margin-bottom: 9px;
}
.woocommerce div.product form.cart .variations label{font-weight: 500;}
.woocommerce div.product form.cart div.quantity{
        margin: 2px 11px 20px 0;
    border-radius: 2px;
    padding: 15px 10px;
    border: 1px solid #6E6E6E;
}
.woocommerce div.product form.cart div.quantity button{
    position: relative;
    background: none;
    padding: 0px 4px;
    color: #000;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: none;
    font-size: 20px;
    margin: 0 !important; 
    padding: 0;
}
.woocommerce .quantity input[type="number"]{    
    text-align: center;
    border: none;
    font-size: 15px;
    font-weight: 700;
    padding: 2px;
    width: 44px;
     -moz-appearance: textfield;
}
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.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{
        font-size: 14px;
    padding: 24px 20px 23px !important;
    width: 277px;
    border-radius: 0 !important;
    margin-top: 2px !important;
}
.woocommerce-page #content div.product form.cart .button#sbw_wc-adding-button{
    padding: 15px 25px !important;
    width: 390px;
    height: 49px;
    background: #B05D5D !important;
}
.woocommerce div.product form.cart .button:hover{opacity: 0.8;}

.single_inner .page-main-header {  display: none;}
/*.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;
}
.custom-size-dropdown .dropdown-btn{box-shadow: none;}

.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;
    z-index: 1;
}

.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;right: auto;}
.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 del{text-decoration-color: #7D7B7B; }
.woocommerce div.product p.price del bdi, 
.woocommerce div.product p.price del bdi span{color: #7D7B7B !important;}
.woocommerce div.product p.price del, 
.woocommerce div.product span.price del{opacity: 1;}
.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 #comments h2, 
.woocommerce-page #reviews #comments h2 { margin-bottom: 10px !important;}
.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: 5px;font-size: 32px ;
    font-weight: 500 !important;}
.woocommerce .products ul, .woocommerce-page .products ul, 
.woocommerce ul.products, .woocommerce-page ul.products{border-top: none !important;}
.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;}

.woocommerce-product-details__short-description p{
    color: #434141 !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.9px;
    margin-bottom: 25px;
}
.woocommerce .product-info p{font-size: 14px;margin-bottom: 22px;color: #5A5959;}
.woocommerce .product-info svg{margin-right: 5px;}
.woocommerce .product-info p.product-info-quant {font-weight: 500;}
.woocommerce .product-info p.product-view {color: #434141 !important;}
.woocommerce .product-info p.product-sku span{font-weight: 600;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{line-height: 40px;font-size: inherit;padding: 0;}
.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}
.select2-results{font-size: 0.9em;color: inherit;}
.select2-drop-active{border-color: #EEE;}
.select2-drop.select2-drop-above.select2-drop-active{border-color: #EEE;}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{border-top-color: #fe5722;font-size: 0.9em; 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: 4;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.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;   padding: 18px;}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

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

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{font-weight: 400;}
/*.woocommerce a.remove{font-family: Arial; font-weight: normal;}*/
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 8px;}
.woocommerce .widget_layered_nav ul li{ padding: 5px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #FFF; border: 4px solid #000;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{ background: none;}
.woocommerce ul.products li.product strong {display: inline-block;}
.woocommerce span.onsale, .woocommerce-page span.onsale {left: 0px !important;top: 0px !important;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width: 52%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width: 43%;}
.single-productpage main#innerpage-box h1{
    font-size: 23px !important;
    letter-spacing: 0.14px;
    margin-bottom: 9px;
    line-height: 34px;
}
.custom-color-swatches .color-swatch {
    display: inline-block;
    width: 37px;
    height: 32px;
    margin: 0 3px;
    cursor: pointer;
    border: 1px solid #ccc;
}
/*.woocommerce .woocommerce-product-rating .star-rating span{display: none;}*/
.woocommerce div.product .woocommerce-product-rating{margin-bottom: 11px;}
.woocommerce .related.products{display: none;}
.woocommerce .woocommerce-related-products .related.products{display: block;}
.woocommerce-product-details__description,
.woocommerce-product-additional-information{margin-bottom: 2em;}
.woocommerce-product-details__description h6,
.woocommerce-product-additional-information h6,
.woocommerce-product-reviews h2{font-weight: 700 !important;}
.woocommerce-product-reviews .woo-reviews{text-align: center;    margin-bottom: 58px;}
.woocommerce-product-reviews span.comment-reply-title{display: none;}
.woocommerce-product-reviews div#review_form_wrapper {
    border: 1px solid #B05D5D;
    border-radius: 11px;
    padding: 21px 31px;
    margin-bottom: 45px;
    display: none;
}
.woocommerce-product-reviews .review p{margin-left: 20px;}
.woocommerce-product-reviews .review-verification{margin-left: -3em;position: relative;}
.woocommerce-product-reviews .review-verification:before{
    content: "";
    width: 13px;
    height: 2px;
    position: absolute;
    left: -30px;
    background: #FFE8E8;
    top: 15px;
}
#show-review-form {padding: 10px 20px;}
/*.single-product-ratings .star-rating span{display: none !important;}*/
.single-product-ratings .average-count{font-size: 14px;font-weight: 700;margin-bottom: 3px;}
.single-product-ratings .based-review{font-size: 15px;font-weight: 700;}
.single-product-ratings .star-rating{margin: 0 0 15px !important;}
.woocommerce .commentlist .star-rating{margin-bottom: 0 !important;}
.woocommerce .woocommerce-review__date{font-size: 14px;display:block;clear: both;}
.woocommerce .comment-text .review-verification p{font-size: 16px;}
.woocommerce .comment-text{margin-bottom: 0;}
.single-product-ratings p{margin-bottom: 0;}
.woocommerce-review-toparea {
    border: 1px solid #B05D5D;
    border-radius: 11px;
    padding: 15px 30px 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
/*.single-product-ratings .star-rating::before {font-size: 1.2em !important;letter-spacing: 5px; }*/
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, 
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 18px !important;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, 
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong{font-weight: 400 !important;}
/*.woocommerce .commentlist .star-rating span{display: none;}*/
.single-productpage .price{margin-bottom: 7px;}
.custom-color-swatches {margin-bottom: 27px;}
.custom-color-swatches p, .custom-size-dropdown p{    
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #E2DCDC;
}
.custom-additional-info p{font-size: 14px;margin-bottom: 0;}
.custom-additional-info p span{font-weight: 500;}
.custom-additional-info .additional-info {margin-bottom: 20px;}
.woocommerce-product-attributes th{font-size: 15px;}
.woocommerce #reviews #comments ol.commentlist{margin: 2.5em 0 0;}
.short-description p{font-size: 18px;line-height: 28px;margin-bottom: 36px;}
.custom-size-dropdown .dropdown-btn{padding: 5px 9px;border: 2px solid #abaaaa;}
.single-productpage .custom-size-dropdown{margin: 10px 0 32px !important;}
.woocommerce-product-details__description {margin-top: 1.4em;}
.woocommerce-product-details__description h6,
.woocommerce-product-additional-information h6 {margin-bottom: 1.1em;}
.woocommerce-related-products{position: relative;}
.woocommerce-related-products .related-products-button {
    position: absolute;
    top: 0;
    right: 45px;
    z-index: 999;
}
.woocommerce-related-products .related-products-button .button{
    font-size: 16px;
    border: 1px solid #B05D5D;
    border-radius: 5px;
    padding: 3px 10px;
    letter-spacing: 0.7px;
}
.woocommerce p.custom-shipping{margin-bottom: 5px;}
.woocommerce p.custom-shipping, .woocommerce p.custom-shipping a{font-size: 14px;color: #B05D5D !important;}
.woocommerce p.custom-shipping a:hover{text-decoration: underline;text-decoration-line: 5px;}
/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/

.woocommerce-product-gallery__wrapper{width:100%;height: 100%;}
.woocommerce-product-gallery__image.flex-active-slide a img {
    height: 100% !important;
    width: 100% !important;
    border-radius: 17px;
    margin-bottom:1.5em ;
}
#primary .summary .price .amount span, 
#primary .summary .price .amount {font-size: 18px;}
#primary .summary .price .amount
ul.flex-direction-nav {
    position: absolute;
    top: 30%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
    visibility:visible;content: '\f054';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 20px;   
    font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
    font-family: 'FontAwesome';   
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}

/*---------------END FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}

ul.themetext {margin: 0;padding: 0;list-style: none;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title { margin: 0;}

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {display: inline-block; margin-left: 10px; padding-top: 15px;padding-bottom: 15px;}
.single_post .datebx  i { padding-right: 10px;}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    background: #000;
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {background: none;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area span.woocommerce-Price-amount.amount {
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    position: relative;
    height: auto; 
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating {
    display: block;
    position: relative;
    unicode-bidi: bidi-override;
    direction: ltr; /* Use ltr direction for proper filling */
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating::before {
    color: #000 ; 
    content: '\73\73\73\73\73';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}
.woocommerce .star-rating span {
   color: #000 ; 
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0; /* Default width */
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    font-family: star;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
}

/*.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #FBC000;
    float: left;
    top: 8px;
    left: 0;
    font-size: 17px;
    position: relative;
    letter-spacing: 7px;
}
.woocommerce div.product .woocommerce-product-rating a{color: #FBC000;}
.woocommerce .star-rating strong.rating,
.woocommerce .star-rating span{color: #000 !important;}
.comment-text .star-rating { margin-top: 0; margin-right: 0; margin-bottom: 0;}*/
/*.woocommerce .star-rating, .woocommerce-page .star-rating {margin-bottom: 0 !important;}*/

/*--------------------------------------------------------------
# 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;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: none;
    margin: 0 0 18px;
        cursor: pointer;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
        border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: none;
    margin-top: 12px;
}
.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;font-size: 16px;}*/
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
/*.woocommerce div.product .woocommerce-product-rating{line-height: 0px;}*/
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product {overflow: hidden;}
.woocommerce ul.products li.product a img {
    transform: scale(1);
    transition: all 1s ease 0s;
    border-radius: 17px;
    margin: 0;
    height: 334px;
    border: none !important;
}
.woocommerce ul.products li.product a:hover:after {
    
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    margin: 2px 0;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#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;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {padding-top: 40px;}
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;}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {display: none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: relative;}
.woocommerce #reviews #comments ol.commentlist li {display: inline-block;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0;}
#innerpage-box .woocommerce li.product-category {
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 0;
    text-align: center;
    margin: 0 10px 20px 10px;
    border-radius: 19px;
    transition: all 0.4s ease 0s;
}
#innerpage-box .woocommerce li:before{display: none;}
#innerpage-box .woocommerce li.product-category img{
    width: 298px;
    height: 360px;
    border-radius:19px;
    border: none !important;
    transition: all 0.4s ease 0s;
    position: relative;
    overflow: hidden;
}
#innerpage-box .woocommerce li.product-category:after{
    content: "";
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 19px;
    background-image: linear-gradient(to top,#000 5%,transparent 30%);
    transition: all 0.3s ease 0s;
}
#innerpage-box .woocommerce li.product-category:hover:after{
    top: 00%;
    transition: all 0.3s ease 0s;
    display:none;
    border-radius: 19px;
}
.woocommerce li.product-category h2{
    position: absolute;
    font-size: 20px !important;
    font-weight: 400 !important;
    width: 100%;
    padding: 0 10px !important;
    bottom: 4px;
    z-index: 1;
}
.woocommerce li.product-category h2 mark{background: none;}

/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as {
    display: none;
    font-weight: 400;
    line-height: 1.6;    
    font-size: 16px;
    font-weight: 500;
}
a.woocommerce-review-link {   display: none !important;}
.woocommerce .star-rating {
    float: left;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
/*    width: 100%;*/
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {padding: 1px 0;text-decoration: none;}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating { margin: 0;}
#secondary.widget-area .woocommerce li.wc-layered-nav-rating .star-rating,
#sidebars .sidebar .woocommerce li.wc-layered-nav-rating .star-rating{
    margin: 2px 0 26px;
}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
    list-style: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}

@media screen and (max-width: 1600px){
    #topcategories .owl-nav button.owl-prev{left: -1em;}
    #topcategories .owl-nav button.owl-next{right: -1em;}
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
}
@media only screen and (max-width: 1299px) {
header .Hbtn a { padding: 6px 6px;font-size: 15px;}
header .Hbtn a i { font-size: 10px; padding: 1px 1px; margin-right: 6px;}
.navigation .mainmenu li {  margin: 0 6px;}
/*.footer-area .newstitle h3 { font-size: 35px;}*/
#innerpage-box .single-team { padding: 0 0.5em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
#innerpage-box .woocommerce li.product-category img {height: 300px;}
/*header.page-main-header .innheadrhs{width: 70%;}*/
}

@media screen and (max-width: 1200px){
 .ct-btn-scroll{ bottom: 20px; }
 .new-page.menu-new{  display:none;}
}

@media screen and (max-width: 1199px){
#innerpage-box .contact-address-area .detailbx {width: 50%;}
#innerpage-box .contact-address-area .contforminn{width: 50%;padding: 0 0 0 50px;}
#innerpage-box .cntlhsbx{padding: 0;}
#innerpage-box .item.innertest-item { padding: 0 15px 0px 15px;}
#innerpage-box .ts-area-thumb { right: -4%;}
#topcategories .catMbx,#newarrival .newarrivalbx { width: 33.33%;}
#appointment .infoinnbx { padding: 0px 10px 0 40px;}
#appointment .info-txt .infoinnbx a, #appointment .info-txt .infoinnbx p { font-size: 24px; line-height: 34px;}
#banner2-section .banner2-lhs{ width: 30%;padding: 2em 0 0 0;}
#banner2-section .banner2-rhs{width: 25%;}
#banner2-section .banner2-boxinn{ width: 45%;padding: 4em 1em 1em 1em;}
#testimonials .swiper-container .swiper-slide-container { margin: 10px -70px;}
#testimonials .tesbox {position: relative;margin: 0 0em;}
#testimonials .swiper-button-prev {left: -30px;}
#testimonials .swiper-button-next { right: -30px;}
#newsletter .newstitle h3 {font-size: 26px;}
#newsletter .ht-newsletter-member-wrap input[type="submit"] {font-size: 16px; padding: 12px 14px;}
#innerpage-box .woocommerce li.product-category img { width: 284px;}
#innerpage-box .inn-single-service-bx {padding: 0 6px;}   
#innerpage-box .inner-blog-post {padding: 0 15px;margin: 0 0 2em 0;}
#innerpage-box .inner-blog-pagepost{padding: 10px !important;}
#innerpage-box .inner-blogpost .blog-admin { padding: 14px 18px;}
#innerpage-box .single-team{width: 33.33%;}
#innerpage-box .inner-teambx{padding: 0 0.5em;}
.woocommerce ul.products li.product a img {height: 280px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text, 
.woocommerce-page #reviews #comments ol.commentlist li .comment-text{width: 85% !important;}
.woocommerce div.product div.images .flex-control-thumbs li{height: 120px;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.facility-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
}
@media screen and (max-width: 1024px){

}

@media screen and (min-width: 992px) and (max-width: 1023px){
.luzuk-content-area {top: 70%; width: 390px;right: 0%;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.facility-area .btn{padding: 18px 40px;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}
header.site-header .text-bx.padding0{padding-left: 15px;}
header.site-header input[type="search"] {
    width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .navigation .mainmenu li:hover ul.sub-menu{border: none;border-radius: 0;}
    .slider_content{width: 550px !important;}  
    .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
    .woocommerce .upsells.products ul.products li.product, 
    .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, 
    .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, 
    .woocommerce-page .upsells.products ul li.product{width: 44% !important;}

}
@media screen and (max-width: 1000px){
    .toggle-bar{
     display: block;
     position: absolute;
     top: -35px;
     right: 35px;
     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;
}
}

@media (max-width: 1012px){
.header-transparent .sticky-header {padding: 0;
}
}

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

@media (max-width: 992px){
.sf-arrows .sf-with-ul:after{ right: 30px !important;}
.ht-site-title, .site-title { font-size: 23px;}
.top-bar-head .head-menu { padding-right: 0;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
}
}
@media only screen and (max-width: 991px) {
.head-menu { text-align: left;}
.header-rght{order: 2;padding: 0;}
.header-middle{order: 3;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{left: 0;top:0;position: relative;}
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
.woocommerce-product-reviews .woo-reviews{margin-bottom: 20px;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    width: 100% !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    width: 100% !important;
}
}

@media screen and (max-width: 991px) {
#innerpage-box .tsareainn {padding: 20px 10px 10px 0px; margin: 0 0 1em 0;}
#innerpage-box .ts-area-thumb {right: 15%;}
#innerpage-box .ts_shape{display: none;}
#innerpage-box .ts-area-single-inn:before { top: 30px;}
.page-main-header{padding:2em 0 !important;}
.home.page-template .site-header{position: relative;}
.site-navigation{background:none ;float: right;z-index: 2;}
.page-template .site-header, 
.page-template-default .site-header, .site-header{position: relative;background: #000;}
header .sign_intxt,header .hshoptxt{display: none;}
.slider_section .sliderimg img{height: 350px;}
#topcategories .catMbx, #newarrival .newarrivalbx{ width: 50%;}
#banner2-section .banner2-bx {padding: 1em 1em 1em 1em;}
#banner2-section .banner2-lhs{ width: 100%;padding: 2em 0 0 0;}
#banner2-section .banner2-rhs{width: 100%;}
#banner2-section .banner2-boxinn{ width: 100%;padding: 1em 0em 1em 0em;}
#banner2-section h2 { font-size: 30px;}
#appointment .info-txt { padding: 8px 0 8px;}
.swiper-container .swiper-slide-container { margin: 10px -100px;}
#newsletter .newslhs{width: 100%;text-align:center;}
#newsletter .newslettersign-box { width: 100%;padding: 0em 1em 0 1em;margin: 1em auto;}
#newsletter .newsrhs{width: 100%; margin: 0em 0 0 0;text-align:center;}
.section-title { margin-bottom: 2em;}
#ourvideo-section .video-content-bg {padding: 8em 0 !important;}
#about,#team,#testimonials,#appointment,#blog ,#ourclient,#topcategories{ padding: 2em 0 !important;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;margin-top: 0em;}
.footer-area .widget { margin-bottom: 1em;}
#footer{ padding: 1em 0 1em 0em !important;}
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .woocommerce li.product-category img { width: 300px;}
#innerpage-box .gallery-inn {column-count: 2;}
#innerpage-box .innergalry .lz-gallery-images img,
#innerpage-box .innergalry:nth-child(4) .lz-gallery-images img ,
#innerpage-box .innergalry:nth-child(5) .lz-gallery-images img{height: 300px;}
blockquote { padding: 1em 1em 1em 1em !important;}
blockquote:before{top: -33px;font-size: 40px;}
blockquote:after{font-size: 40px;bottom: -33px;}
#innerpage-box blockquote p:before{top: 55px;}
#innerpage-box .single-team { width: 50%;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
#innerpage-box .item.innertest-item{width: 100%;}
.faq_tp .faq-heading{font-size: 28px;}
.footer-area input[type="submit"] { margin-left: 0.8em;}
#innerpage-box .contact-address-area {  margin: 0em 0 1em 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
#innerpage-box .con-cir {width: 500px; height: 500px;}
#innerpage-box .single-team{margin-bottom: 2em;}
#topcategories .owl-nav button{ width: 60px;height: 60px;font-size: 30px;}
#topcategories .owl-nav button.owl-prev{left: -2.5em;}
#topcategories .owl-nav button.owl-next {right: -2.5em;}
#selling .selling-area-data .price li i{margin-left: 5px;}
#selling .selling-area-data .price li.selling-btn{padding: 5px 10px;}
#selling .selling-area-data .price li.selling-price{padding: 8px 5px;}
.breadcrumbbox span{line-height: 40px;}
blockquote{width: 95% !important;margin: 2em 10px;}
#innerpage-box .contact-address-area .detailbx{width: 100%;}
#innerpage-box .contact-address-area .contforminn{width: 100%;padding: 0;margin: 15px 0 0 0;}
#innerpage-box .cntpgbx {padding: 8px 0 8px;}
#innerpage-box {  padding: 2em 0em 0;}
#innerpage-box .contact-mapbox { margin-top: 2em;}
div#content-box .faq-content button.accordion{margin: 0 7px;width: 97%;}
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
body.admin-bar .navigation { top: 45px;}
}

@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{  margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ margin-bottom: 15px;}
.ht-main-navigation a{ padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{  width: auto;}
.ht-top-footer{  margin-left: 0;}
.ht-footer{ width: auto; margin: 0 0 30px; float: none;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{ width: auto !important; float: none !important; margin-bottom: 30px; overflow: hidden;
}
}

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

}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{padding-left: 15px;padding-right: 15px;}
.navigation .mainmenu li ul li{ top: auto;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{  position: relative; left: 0; transition: all 0.3s ease 0s;}
.navigation .mainmenu li{bottom: auto;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{ text-align: left;}
.navigation .mainmenu li:hover > ul{
    width: 100%;
 }
}

@media screen and (min-width: 320px) and (max-width: 768px){
header.site-header .main-dispaly.padding0 {padding-right: 20px;}
.navigation .mainmenu { right: 0; padding-left: 0;}
.ht-section-title:after {width: 65%;}
.woocommerce div.product .woocommerce-tabs ul.tabs{ padding-top: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 18px;}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product{ margin-bottom: 30px !important;}
.sf-arrows .sf-with-ul:after{ right: 40px;}
.navigation .mainmenu li a{box-shadow: none;}
.ti-home:before{left: 15px;top: 12px;}
.is-fixed .main-bar ul.sub-menu { margin-top: 0 ;}
.navigation .mainmenu li a,
header.site-header ul.sub-menu li a{padding: 5px 0 5px 10px;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}

}

@media screen and (max-width: 767px){
#innerpage-box .ts-area-thumb {  right: 0%;}
.logo-header.mostion { text-align: center;}
#innerpage-box .con-cir{ display: none;}
#newarrival .narivlbtn,
#selling .sellbtn {float: left;margin-bottom: 1em;}
.section-title { margin-bottom: 1em;}
#testimonials .ts-area-bx,
#testimonials .slider-img {text-align: center;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.text-white .site-button.outline { padding: 8px 15px;}
.section-title h2 {  font-size: 26px;}
#about,#team,#testimonials,#appointment,#blog ,#ourclient,#topcategories,#selling,
#newarrival,#banner2-section{ padding: 1em 0 !important;}
#innerpage-box .contact-mapbox iframe {height: 250px;}
#innerpage-box .woocommerce li.product-category{margin: 0 0 01.5em 0 !important;}
#innerpage-box .inner-blogpost .blog-admin,
#innerpage-box .inner-blogpost .blog-admin .blog-comment{text-align: center;}
.footer-area .social-profile-icons ul li a{margin: 0 15px 0 0;}
#innerpage-box .inner-blogpost .blog-admin { padding: 6px 2px;}
#innerpage-box .inner-blogpost .blog-admin {font-size: 14px;}
.woocommerce.columns-4 .products.columns-4{text-align: center;}
#innerpage-box .woocommerce li.product-category img { width: 100%;}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product {
    width: 48% !important;
    margin-right: 0% !important;
}
.woocommerce div.product div.images .flex-control-thumbs{padding: 0 60px;}
.woocommerce div.product div.images .flex-control-thumbs button{width: 50px;height: 50px;}
.woocommerce div.product div.images .flex-control-thumbs button.owl-prev{left: -3.2em}
.woocommerce div.product div.images .flex-control-thumbs button.owl-next{right: -3.2em}
.single-productpage main#innerpage-box h1{font-size: 22px !important;line-height: 32px;}
.woocommerce-product-reviews .woo-reviews{font-size: 22px !important;}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
}
@media screen and (min-width: 476px) and (max-width: 630px){
#innerpage-box .textbx { padding: 0.5em 0.5em;}
#innerpage-box .textbx .team-designation {font-size: 16px;margin: 2px 0;}
}

@media screen and (max-width: 580px){  
.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 575px){  
.site-navigation{padding: 0;}
header .search_bar fieldset {margin: 0px 0px 0 0px;}
header .search_dropdown,
header .search_dropdown span{display: none;}
header .search_bar input[type=text] { width: 100%;margin: 0;}
header .sign_in{float: left; }
header .header-category-box { float: left;}
header .product-cat { height: 250px;}
.slider_section .owl-dots{display: none;}
.slider_section .sliderimg img{height: 300px;}
#topcategories .catMbx,#newarrival .newarrivalbx { width: 100%;}
#testimonials .swiper-button-prev,
#testimonials .swiper-button-next { display: none;}
#appointment .info-txt{text-align: center;padding: 12px 0 8px;}
#appointment .icnbx{margin: 0 auto;}
#appointment .infoinnbx { padding:0px 10px 0 20px;}
#appointment .info-txt .infoinnbx a, #appointment .info-txt .infoinnbx p{ font-size: 20px; line-height: 30px;}
#appointment .inquiry-formbx {  padding: 0em 1em 1em 1em;}
#appointment .app-title h2,
#appointment .section-hdtitle h2 {font-size: 25px;}
.widget-area a { padding: 6px 0 6px 10px;}
.hamburger-menus{position: absolute !important;right: 4%;}

#innerpage-box .tsimgbx { width: 100%;}
#innerpage-box .ts-area-thumb {right: 0%; width: 100%; text-align: center;}
#innerpage-box .ts-area-c { width: 100%;}
#topcategories .cattopbx .conbox{padding: 14px 22px 25px 22px;}
#topcategories .owl-nav{display: none;}
.woocommerce div.product div.images .flex-control-thumbs li{float: none !important;margin: 0 auto !important;}
.woocommerce div.product div.images .flex-control-thumbs{padding: 0 45px;}
.woocommerce div.product div.images .flex-control-thumbs button.owl-prev{left: -2.5em;}
.woocommerce div.product div.images .flex-control-thumbs button.owl-next {right: -2.5em;}
.woocommerce div.product div.images .flex-control-thumbs button{width: 40px;height: 40px;}
.woocommerce div.product div.images .flex-control-thumbs li{width: 110px !important;height: 100px;}
}

@media screen and (max-width: 520px){
.top-bar-head .head-menu {  padding-right: 0em;}

.s-footer { 
    margin-bottom: 1em;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
header .s-frm {display: none;}
header .top-form{display: block;}
/*.l_headerbx .top-form{
    display: none;
}*/
header button#formButton{
    background: #da1313;
    position: relative;
    margin-top: 11%;
    z-index: 99;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    right: -18px;
    padding: 0;
}

header #formButton:after {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /* position: relative; */
    font-size: 14px;
    top: 0%;
    position: absolute;
    left: 0px;
    right: 0;
    text-align: center;
    margin: 0;
    z-index: 1;
}

header form#form1 {
    width: 280px !important;
    border-radius: 10px;
    display: none;
    position: absolute;
    right: 0;
    margin: 0 auto;
    left: 0;
    width: auto;
    top: 50px;
    overflow: hidden;
}
header .top-form form {
    padding: 8px;
    background: #F0F8FF;
    border-radius: 15px;
    position: absolute;
    right: 2%;
    width: auto;
    /*top: 100%;*/
    z-index: 10;
}
header .top-form form input[type="text"]{
    width: 80%;
    font-size: 15px;
}
header .top-form form input[type="submit"], header .top-form form input[type="button"],
header .top-form form input[type="submit"], 
header .top-form form input[type="button"] {
    background-color: #ffb800;
    color: #000;
    position: absolute;
    font-size: 14px;
    padding: 13px 8px;
    font-weight: 600;
/*    text-indent: 999px !important;*/
}
header .top-form fieldset{
    padding: 0;
    margin: 0 1%;
}

.slider_section .sliderimg img { height: 220px;}
#testimonials .ts-area-c p {font-size: 16px;line-height: 25px;}
.footer-area input[type="submit"] { position: relative; top: 0px;margin-bottom: 1em;}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea, .footer-area select{padding: 12px 10px 12px 18px;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .single-team { width: 100%;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title { font-size: 26px !important;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 1em;}
.section-title .heading-brd1:before{top: 17px;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 18px;}
.breadcrumbbox span.root{padding: 5px 12px 5px;margin-right: 1px;}
.breadcrumbbox span.treeEnd{padding: 5px 12px 5px;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{padding: 15px 2px 15px !important;}
main#innerpage-box div#content-box h5.faq-title{line-height: 25px;}
#innerpage-box .lz-gallery-images img{height: 300px !important;}
#innerpage-box .gallery-inn {column-count: 1;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{text-align: left;}
.breadcrumbbox span.root, .breadcrumbbox span.treeEnd{border-radius: 0;}
.woocommerce #reviews #comments ol.commentlist li .comment-text, 
.woocommerce-page #reviews #comments ol.commentlist li .comment-text{width: 74% !important;}
.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{width: 170px;padding: 15px 20px !important;}
.woocommerce-page #content div.product form.cart .button#sbw_wc-adding-button{width: 283px;}
.woocommerce div.product form.cart div.quantity{padding: 6px 10px;}
}

@media screen and (min-width: 376px) and (max-width: 475px){
    .woocommerce .products ul, .woocommerce-page .products ul, .woocommerce ul.products, 
    .woocommerce-page ul.products{padding: 20px 50px 0;}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.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-size: 20px !important;}
.single-productpage .innerpage-whitebox{ padding: 0;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product { width: 30.75%; width: 100% !important;}
#blog-box h2{font-size: 22px !important;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin-bottom: 10px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.faq_tp .faq-heading:before,
.faq_tp .faq-heading:after{   display: none;}
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.single-header-info { text-align: center; padding: 0;}
}

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
header .header-cont a { padding: 4px 6px;}
#banner2-section h3 { font-size: 20px;}
#banner2-section h2 { font-size: 24px;}
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .contact-address-area .contforminn {  padding: 1em 1em 1em 1em;}
#innerpage-box .contform {display: block !important;}
.section-title h2{font-size: 22px;}
.woocommerce-review-toparea{padding: 15px 10px 11px;}
#show-review-form{padding: 10px 10px;font-size: 14px;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
.ht-site-title, .site-title {font-size: 18px;}
.navicon { top: -60px !important;}
.team-area .inner-area-title { font-size: 15px;}
.page_featured { margin-bottom: 1em;  padding: 2em 4em;}
#innerpage-box .innerpage-whitebox{padding: 0;}
.woocommerce .products ul, .woocommerce-page .products ul, .woocommerce ul.products, 
.woocommerce-page ul.products{padding: 20px 20px 0;}
.woocommerce-related-products .related-products-button{
    position: relative;
    right: 0;
    margin: 7px 0;  
}
}

@media screen and (min-width: 320px) and (max-width: 363px){
    .woocommerce div.product div.images .flex-control-thumbs li{width: 95px !important;height: 95px;}
}

@media screen and (min-width: 320px) and (max-width: 320px){
.header-transparent .is-fixed .main-bar h1.ht-site-title { top: 45px;}
header .hshop a,header .sign_in a {font-size: 11px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.star-rating {padding-top: 9px;}
.toggle-bar {right: 25px !important;}
.total-count { padding: 18px 36px;}
.total-count .count { right: 24px;}
.total-count .count {right: 10px;}
.total-count { padding: 18px 20px;}
.page_featured {
    margin-bottom: 0em;
}
}

main#innerpage-box .tagcloud a {
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    padding: 7px;
    display: inline-block;
}
div#secondary select option{ background: transparent;}
body.home.blog .page-main-header img {display: none;}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title { word-break: break-word;}
.select2-container--default .select2-selection--single,.woocommerce .quantity .qty,div#payment,
#coupon_code{ background: transparent !important;}
#content-box li.blocks-gallery-item:before {  content: none;}
div#content-box li.blocks-gallery-item figure img {  padding: 5px;  margin-bottom: 0;}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{  opacity: 0.7;}
main#innerpage-box ul.children { border: 0; margin-left: 0em;}
.product-categories li .children a { margin: 0 0 0 10px;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}
