/*Theme Name: Expert Blogger Free
Theme URI: https://luzuk.com/demo/expert-blogger/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description: Free Blog WP Theme can be used for starting your career as an independent blogger or provide support to your core business by blogging. Blogging helps you get closer to many business objectives, right from improving fan base, followers, reputation, back links etc. In fact no business that nurtures long term success plans can do without an active blogging platform. Our Free Expert Blog WP Theme holds the power to revolutionize your business. It is not only going to provide a great support for your business, it is also super simple to maintain and upkeep it. Once you download our Blog WordPress Theme you will not require third party support to upload new content or update information, delete or upload images and so on. Responsive design will enable seamless viewing even on mobile phone. This is an important feature considering most people are doing business on their mobile phones these days. And hence it’s a fact that a good or bad blog template can make or break your business.Free Blog WP Theme has been crafted by engineers with focus on optimizing user experience and boost engagement. If a blogger can’t captivate her audience the whole effort and time invested goes for a toss. And there is nothing more damaging for a blogger than using a badly designed blog. No matter how solid or substantial or relevant the blogs you write may be, if the environment and vibe of blog design is bad, it ruins user experience. So go for a smart and outstanding Modern Blog WordPress Template that will keep you shining bright amid competitors and you can maintain it yourself. This is a quick, economical, and smart solution that has all the answers for bloggers in a YES. First time blogger or a veteran you will love our Blog WordPress design!
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expert-blogger-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;
    background: #fff;
    position: relative;
   
}
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: 0px;
}
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: #fff;*/
    font-size: 16px;
    line-height: 1.7;
/*    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: 53px;
    font-style: italic;
    line-height: 68px;
    text-align: center;
}
#innerpage-box blockquote p:before{
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    left: 1em;
    bottom: 0;
    font-size: 30px;
    color: #cccccc;
    transform: rotateX(180deg);
    font-style: normal;
}
#innerpage-box blockquote p:after{
    content: '\f10e';
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 0;
    font-size: 30px;
    color: #cccccc;
    transform: rotateX(180deg);
    font-style: normal;
}
#innerpage-box blockquote {
    position: relative;
    clear: both;
    margin: 30px 0px;
    padding: 1em 3em !important;
    font-size: 22px;
    z-index: 1;
    box-shadow: none;
}
.wp-block-quote cite{
    font-size: 17px !important;
    font-weight: 700 !important;
    background: #FAB816;
    float: right;
    border-radius: 7px;
    font-style: normal;
}
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 {
/*    background: #fff9c0;*/
    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 !important;}
.pd-1{ padding: 5px;}
.pl-0{padding-left:0 ;}
.pr-0{padding-right:0 ;}
.pl-1{padding-left: 1em;}
.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%;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 15px;
    height: 15px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    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;
    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: none;
    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;
}

#commentsAdd input[type="text"],
#commentsAdd input[type="email"],
#commentsAdd input[type="url"],
#commentsAdd input[type="password"],
#commentsAdd input[type="search"],
#commentsAdd input[type="number"],
#commentsAdd input[type="tel"],
#commentsAdd input[type="range"],
#commentsAdd input[type="date"],
#commentsAdd input[type="month"],
#commentsAdd input[type="week"],
#commentsAdd input[type="time"],
#commentsAdd input[type="datetime"],
#commentsAdd input[type="datetime-local"],
#commentsAdd input[type="color"],
#commentsAdd textarea {border: 1px solid #000 !important;}
.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: #D82828;
    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 ul{
    list-style: none;
    margin: 0;
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons li{
    margin: 0 15px 9px 0px !important;
    padding: 7px 0 18px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #32AADC !important;
    text-align: center;
    border-radius: 2px;
    padding: 0 !important;
    box-shadow: 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;}
.widget-area li{
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
}
.widget-area li.recentcomments {  padding: 4px 4px;}
.widget-area a{
    text-decoration: none;
    font-size: 16px;
    padding: 5px 0 5px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}
.recentcomments a {
    display: block !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;}

#sidebars .widget,
div#secondary.widget-area .widget {  
    margin: 0 0 48px;
    padding: 0px 0 14px;
}

#secondary .widget-area a,
#secondary .widget a{
    font-weight: 400;
    transition: all 0.1s ease 0s;
}
div#secondary input[type="submit"]{
        margin-left: 32px;
}
/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/

#sidebars .widget_archive li:before,
#sidebars .widget_categories li:before,
#secondary .widget_nav_menu li:before,
#secondary .widget_recent_entries li:before{
    display: none;
}
#secondary .widget_recent_comments a{display: block !important;}



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

#sidebars .widget_recent_entries ul li:before,
#sidebars .widget_nav_menu ul li:before{display: none;}

/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative;}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

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

#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: 5px 0px;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid;
    padding: 5px 20px 6px 10px;
    line-height: 20px;
    background-color: transparent;
    text-align: left;
}
#sidebars textarea, 
#secondary textarea {padding: 15px 3px 6px 20px; height: 90px;border-radius: 0;}
#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;}

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

#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-left: 10px;
    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 .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding-top: 2px !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: 2em 0;
    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 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    width: 100%;
    margin-bottom: 1em;
    border-radius: 10px;
}
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;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
    display: block;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #000 !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 1em 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: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

#sample-heading-here:after {display: none !important;}
.section-title{ 
    margin-bottom: 3.3em;
    margin-top: 2px;
    position: relative;
}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 400;
    font-size: 33px;
    margin: 0px;
    z-index: 4;
}
.inner-area-title {    
    font-size: 30px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 20px;
    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-site-title, .site-title{
    font-weight: 700;
    font-size: 30px;
    padding: 12px 0 0 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    font-size: 14px;
    font-weight: normal;
}
.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;}

.woocommerce .comment-form-comment{
    box-shadow: 1px 1px 2px 2px #b4acac59;
    padding: 10px;
}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.page-main-header{
    padding-bottom: 2em ;
}
.page-main-header .ht-main-title{
    position: relative;
    font-size: 49px;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 1;
}

/*===========================================
## 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;}
/*----------------------------------------*/
/*  Inner Page Header Area
/*----------------------------------------*/

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.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;}

/* ====== header-top ======== */
header .tp-head { position: relative; margin: 0.6em 0 0em 0;}
.logo { position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}

/* top-header
-------------------------------------------------------------- */

/* = Navigation hover and active menu css
-------------------------------------------------------------- */

header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
header .header-menu{align-self: center;}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin: 0px 15px 0;
    transition: all 0.5s;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
    transition: all 0.5s;
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
/*---start---*/

.navigation .mainmenu ul.sub-menu{
  /*-webkit-transform-origin: bottom;
  -webkit-transform: perspective(350px) rotateX(45deg);*/
}
/*.navigation .mainmenu li:hover ul.sub-menu{
    top: 0;
    transition: all 0.3s;
}*/
/*---end---*/

ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    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);
    transition: all 0.5s;
}
.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); 
    transition: all 0.5s;
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
/*.navigation .mainmenu ul.sub-menu li a:hover {
    border-radius: 10px !important;
}*/
.navigation .mainmenu ul.sub-menu .sub-menu{border: 0;}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
/*.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}*/
.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 {
    z-index: 200;
}*/
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 8px 10px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}*/
/*.navigation .mainmenu li:hover ul li:hover > ul{top: 0;}*/
.header.site-header ul.sub-menu li a {
    font-size: 15px;
    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: 0;
}
.mainmenu .sub-menu{border-radius: 0px;}
.sub-menu{border-radius: 0;}
ul.sub-menu, 
header.site-header ul.sub-menu {   background: none;}
.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;
}
.header.site-header ul.sub-menu li:hover a:before{
    opacity: 1;
    transition: transform 0.5s ease-in-out;
     margin-left: -18px;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a {
    padding: 12px 8px 12px 31px;
}
.navigation .mainmenu ul.sub-menu li li{border: none;}
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;}
.site-header{
    z-index: 2;
    position: relative;
    overflow-x: clip;
    width: 100%;    
}
.top-bar-head{padding: 15px 0 14px;}
.bottom-bar-head{padding: 2.2em 0 1.35em;}
.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;
}
.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;
}

div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

/*---------------------------------------------------------------
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 .head-menu{padding: 0;}
.site-navigation {
/*    margin-top: 0px;*/
/*    background: #fff;*/
    display: inline-block;
    padding: 2px 0em;
/*    float: right;*/
}
.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;}
header .header-social{text-align: right;}
header .header-social li{
    font-size: 20px;
    margin: 0 10px;
    transition: all 1s;
}
header .header-social li a i{transition: all 1s;}
header .header-social li:hover a i{
    -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}
.navigation .mainmenu li.current-menu-item a{font-weight: 700;}

header .sb-search .woocommerce-product-search{position: relative;margin: 8px 15px 0 0;}
header .sb-search .woocommerce-product-search .search-field{
    font-size: 15px;
    font-weight: 400;
    margin: 0 !important;
    color: #2E2E2E;
    background-color: #E9E9E9;
    border-radius: 4px;
    padding: 9px 25px;
    border: 0px;
    width: 100%;
}
header .sb-search .woocommerce-product-search input[type="submit"] {
    float: right;
    position: absolute;
    right: 5px;
    text-indent: -999px;
    padding: 3px 16px;
    top: 4px;
    border-radius: 2px;
    box-shadow: none;
    display: inline-block;
    opacity: 0;
    width: 30px;
    z-index: 99;
}
header .sb-search .woocommerce-product-search input[type="submit"]{opacity: 0;}
header .sb-search .woocommerce-product-search input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999;
}
header #sb-search form.woocommerce-product-search:after {
    content: "\f002";
    font-family: fontawesome;
    position: absolute;
    top: 6px;
    font-size: 16px;
    font-weight: 300;
    right: 5px;
    color: #f5f2f2fa;
    background-color: #2E2E2E;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
header button#formButton{
    background: none;
    position: relative;
    z-index: 9;
    border-radius: 0;
    box-shadow: none;
    padding: 6px 15px;
}
header #formButton:after {
    content: "\f002";
    font-family: FontAwesome;
    font-weight: 400;
    position: relative;
    display: block;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 37px;
    border-radius: 50px;
    text-align: center;
    margin: 0;
    z-index: 1;
}
header form#form1 {
        width: 305px;
    border-radius: 10px;
    display: none;
    position: absolute;
    right: 0;
    top: 45px;
    overflow: hidden;
    z-index: 9999;
}
header .top-form{display: none;position: relative;}
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;
    background: none;
    margin-right: 10px;
}
header .top-form form input[type="submit"], 
header .top-form form input[type="button"] {
    background-color: #ffb800;
    color: #ffffff;
    font-size: 14px;
    padding: 13px 8px;
    font-weight: 600;
}
header .top-form fieldset{
    padding: 0;
    margin: 0 1%;
    display: flex;
}

/*----------------------------------------*/
/*  Single project Area
/*----------------------------------------*/

.singleinner-project {
    border-radius: 4px;
    border: 3px solid #FDAF1B;
    position: relative;
    margin-bottom: 26px;
}
.singleinner-project .project_inimg img {
    width: 100%;
/*    height: auto;*/
}
.singleinner-project .projectbx {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 88%;
    display: block;
    padding: 9px 12px 9px;
    transition: all .3s;
    text-align: center;
    border-radius: 8px;
    /* position: relative; */
    margin: 0 18px 8px;
    border: 1px solid #FDAF1B;
    border-radius: 22px;
    opacity: 0.83;
}
.singleinner-project .projectbx a h4{
    margin: 0 !important;
}
.singleinner-project .project_inbox {
    opacity: 1;
        transition: all .4s linear;
}
.singleinner-project:hover .project_inbox {
    z-index: 0;
    opacity: 0;
        transition: all .4s linear;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .blog-post {
    padding: 0 16px;
    margin-bottom: 4em;
}
.blog-area .box-area-S { 
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.blog-area .blog-single {
    position: relative;
    overflow: hidden;
    padding: 2em 4.2em 2.9em;
}
.blog-area .box-area-S .blog-thumbnail{ position: relative;}
.blog-area .box-area-S .blog-imgarea{
    position: relative;
    overflow: hidden;
     border-radius: 21px;
}
.blog-area .box-area-S .blog-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
    background: transparent linear-gradient(315deg, #030303 0%, #070707DE 3%, #56565600 100%) 0% 0% no-repeat padding-box;
}
.blog-area .blog-thumbnail img{
    position: relative;
    width: 100%;
    height: 455px;
}
.blog-area .blog-admin{
    position: absolute;
    left: 0;
    top: 10%;
    font-size: 17px;
    font-weight: 500;
    padding: 7px 32px 6px 15px;
    border-radius: 0px 8px 8px 0px;
    transition: all 0.5s ease-in-out;
}
.blog-area .blog-admin img{
    width: 43px;
    height: 43px;
    border-radius: 4px;
    margin-right: 9px;
}
.blog-area .blog-posts h4{
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 25px;
    line-height: 31px;
    text-transform: capitalize;
    word-break: break-word;
}
.blog-area .blog-single p{
    font-size: 15px;
    margin-bottom: 38px;
    line-height: 30px;
    font-weight: 400;
}
.blog-area .blog-bottom-area{
    display: flex;
    justify-content: space-between;
}
.blog-area .blogbtn a{
        display: inline-block;
    position: relative;
    padding: 5px 24px 4px;
    text-align: center;
    background-color: #F47E00;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    z-index: 1;
    border: none;
    border-radius: 4px;
    text-transform: capitalize;
}
.blog-area .blogbtn a:hover{  transition: all 0.3s ease 0.3s;}
.blog-area .blog-page-palette{
    position: relative;
    text-align: center;
}
.blog-area .blog-splash {
    position: relative;
    width: 4px;
    height: 4px;
    background: #2E2E2E;
    border-radius: 50px;
    outline: 2px solid #2E2E2E;
    outline-offset: 3px;
    display: inline-block;
}
.blog-area .blog-splash:before{
    content: '';
    position: absolute;
    left: -38px;
    top: -5px;
    width: 28px;
    height: 12px;
    background: transparent linear-gradient(270deg, #0000005E 0%, #16161646 32%, #4848480D 62%, #54545400 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.blog-area .blog-splash:after{
    content: '';
    position: absolute;
    right: -38px;
    top: -5px;
    width: 28px;
    height: 12px;
    background: transparent linear-gradient(90deg, #0000005E 0%, #16161646 32%, #4848480D 62%, #54545400 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.social-media {position: relative;}
.share-btn ul{margin: 0;}
.share-btn li{
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
button.share-icn {
    width: 35px;
    height: 35px;
    line-height: 34px;
    padding: 0 0px;
    background-color: #32AADC;
    border-radius: 3px;
    font-size: 26px;
    /* color: #fff; */
    box-shadow: none;
    margin: 0;
}
.share-btn .a {
    width: 50px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
}
.share-btn .a:hover{color: #000 !important;}
.share-btn.active.top {
  transform: scale(1) translateY(-10px);
}
.share-btn.active {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
    border-radius: 3px;
}
.share-btn.top {
  transform-origin: 0 0 0;
}
.share-btn {
        opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    position: absolute;
    top: 0px;
    width: 175px;
    right: 37px;
    border-radius: 4px;
    padding: 5px 10px;
    background: #7e7e7e;
    z-index: 9;
}
.btn:focus{box-shadow: none;}
.blog-area .share-btn i{font-size: 18px;}
.blog-area .pagingation a{
    font-size: 16px;
    border: none;
    background: #E8E8E8;
    border-radius: 4px;
    padding: 3px 6px;
    margin: 0 5px;
}
.blog-area .pagingation span.current{
    font-size: 22px;
    border-radius: 4px;
    border: none;
    background: #000000;
    padding: 2px 10px;
    margin: 0;
    color: #fff;
}


#innerpage-box .inner-post-excerpt{
    width: 50%;
    float: left;
}
/*----------------------------------------*/
/*  Newsletter Area
/*=======================================*/

#newsletter { 
    position: relative; 
    overflow: hidden;
    background: #E2E2E2;
    z-index: 0;
}
#newsletter .newslettersign-box h3{    
    font-size: 21px;
    line-height: 35px;
    font-weight: 600;
    margin: 0 0 19px;
}
#newsletter .newsletterleft-img img{transform: rotateY(180deg);}
#newsletter .f-box{    
    position: relative;
    text-align: center;
}
#newsletter .box-form {     
    position: relative;
    width: 64%;
    margin: 0 auto;
}
#newsletter  .ht-newsletter-member-wrap input::placeholder{ opacity: 1;}

.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"],
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"],
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select,
.ht-newsletter-member-wrap textarea{    
        width: 100%;
    color: #fff;
    margin: 0 0 0 0;
    border-radius: 5px;
    padding: 9px 17px;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
}
.ht-newsletter-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
.ht-newsletter-member-wrap textarea {
    height: 100px;
    padding: 18px 50px;
}
.ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
.ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.ht-newsletter-member-wrap input[type="submit"] {
    font-size: 15px;
    font-weight: 400;
    color: #e8e2f0;
    position: relative;
    padding: 6px 21px;
    border-radius: 5px;
    text-transform: capitalize;
    box-shadow: none;
    margin: 3px 0 0 -40px;
}
.ht-newsletter-member-wrap span{font-size: 16px;}
.ht-newsletter-member-wrap input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 1px solid #DDA759;
    margin-right: 22px;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/

.footer-area {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #F8F8F8;
}
.footer-area .fbox { position: relative;}
.footer-area .f-text { margin-bottom: 15px;}
.footer-area i { 
    font-size: 20px;
}
.footer-area .menu li {
    display: block;
    margin-bottom: 1.3em;
    font-size: 15px;
    font-weight: 500;
}
.footer-area li a {    
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
}
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {     
    margin-bottom: 26px;
    line-height: 27px;
    font-size: 16px;
    font-weight: 600;
}

/*#footer .widget-title:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #d33;
    content: "";
    z-index: -1;
}*/
footer#footer.footer-area .widget-title {  
    position: relative;
    color: #feffff;
    margin: 0.5em 0 1em;
    font-size: 17px;
    font-weight: 700;
    z-index: 1;
}
.footer-area .widget {margin-bottom: 1em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {
    position: relative;
    z-index: 1;
    margin-top: 1.2em;
    border-top: 2px solid #959292;
}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {    
        position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
}
.footer-text b,.footer-text span,.footer-text bold{font-weight: 600;}
.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: 2px solid #000;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 8px 10px 8px 20px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
    border-radius: 4px;
}

.footer-area textarea {  height: 80px !important;}
.footer-area input[type="submit"]{
    margin-top: 0px;
    padding: 7px 20px;
    white-space: normal;
    font-weight: 500;
    font-size: 18px;
    border-radius: 4px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
}
.footer-area li.recentcomments {
    position: relative;
    border-bottom: 1px solid #000;
    padding: 13px 0 13px 30px;
}
.footer-area li.recentcomments:before{
    content: '';
    position: absolute;
    left: -5px;
    width: 6px;
    height: 6px;
    border: 1px solid #707070;
    border-radius: 10px;
    bottom: -3px;
}
.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: 47px 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: 600;
    background: none;
    text-align: center;
    margin: 0 1em 0 0;
    border: 0.5px solid #FFFFFF;
    width: 30px;
    height: 30px;
    line-height: 32px;
    transition: all .2s;
}
.footer-area .social-profile-icons ul li i{font-size: 18px;}
.footer-area .social-profile-icons ul li i:after{display: none;}
.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;}


/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/
#innerpage-box .innertest-item{ width: 33%;padding: 0 2em;}
#innerpage-box .ts-area-single-inn{margin-bottom: 3.8em;}
#innerpage-box .tsarea-inn{  
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    text-align: center;
}
#innerpage-box .ts-area-thumb{padding: 1.5em 0;}
#innerpage-box .testiimginn {
    position: relative;
    display: inline-block;
}
#innerpage-box .testiimginn:before{
    content: '';
    position: absolute;
    left: -19px;
    right: -19px;
    top: -19px;
    bottom: -19px;
    border: 0.5px solid #d4d4d4;
    border-radius: 50%;
}
#innerpage-box .ts-area-single-inn:hover .testiimginn:before{
    border: 2px dashed #E40000;
    animation: rotate 8s linear infinite;
}
@keyframes rotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
#innerpage-box .ts-area-thumb img{ 
    width: 122px;
    height: 121px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
}
#innerpage-box .ts-area-content {
    position: relative;
    margin: 0 0 0px 0;
    transition: all 1s ease 0s;
}
#innerpage-box .ts-area-c {
    padding: 1em;
}
#innerpage-box .ts-area-c p {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 17px 0 20px;
    z-index: 1;
}
#innerpage-box h5.ts-area-title {
    position: relative;
    margin: 0px 0 11px 0 !important;
    z-index: 1;
    font-weight: 700 !important;
}
#innerpage-box .text-designation{    
    position: relative;
    font-size: 15px;
    font-weight: 400;
    z-index: 1;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .inner-team {
    position: relative; 
    overflow: hidden;
    margin-bottom: 2.5em;  
    padding: 0 19px;
}
#innerpage-box .imgbx {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out;
}
#innerpage-box .imgbx .innteam-img{
    position: relative;
    z-index: 1;
}
#innerpage-box .imgbx img{
    position: relative;
    width: 100%;
    height: 501px;
    filter: none;
    transition: all 0.5s ease-out;
}
#innerpage-box .imgbx:hover img{filter: grayscale();}
#innerpage-box .team-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 80px 13px 23px;
    z-index: 1;
    transition: all 0.5s ease-out;
}
#innerpage-box .imgbx:hover .team-box{
    top: 0;
    padding: 62px 12px 23px;
}
#innerpage-box .innerteam-ovly{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: transparent linear-gradient(180deg, #00000000 0%, #1B1D26 100%);
    opacity: 0.95;
}
#innerpage-box .imgbx:hover .innerteam-ovly{
    background:#1B1D26;
    opacity: 0.7;
}
#innerpage-box .team-box h2{margin: 0 0 9px !important;}
#innerpage-box .team-member-designation {    
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2.72px;
    text-transform: uppercase;
}
#innerpage-box .innteam-content{
    position: relative;
   display: none;
    margin-top: 28px;
    transition: all 1s ease 0.5s;
}
#innerpage-box .imgbx:hover .innteam-content{
   display: block;
}
#innerpage-box .innteam-content li{    
    position: relative;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px 8px 0;
    margin-bottom: 6px;
}
#innerpage-box .innteam-content li:nth-child(even){padding: 7px 8px;}
#innerpage-box .innteam-content li:nth-child(odd):before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.21;
}
#innerpage-box .innteam-content li .team-list{
    font-size: 13px;
    color: #a4a4a7;
}
#innerpage-box .innteam-content li .team-details{
    font-size: 15px;
    color: #fff;
}

/*--------------------------------------------------------------
# Gallery Script*/

/*fancybox.css*/

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar{top: 2em !important;}

/*end*/
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/

#innerpage-box .lz-gallery-images {
    position: relative;
    overflow: hidden;
}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images a * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#innerpage-box .gallery-inn .gbox{
    width: 33%;
    padding: 5px;
    display: inline-block;
}
#innerpage-box .lz-gallery-images a img {
  opacity: 1;
  width: 100%;
}
/*#innerpage-box .lz-gallery-images a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0) rotate(90deg);
    background-color: rgba(255, 192, 203, 0.5);
    color: blueviolet;
    text-align: center;
    padding-top: 20px;
    transition: opacity .3s ease, transform .3s ease, rotate .3s ease;
        z-index: 1;
}*/
/*#innerpage-box .lz-gallery-images a:hover:before {
  opacity: 0.3;
    transform: scale(1) rotate(0deg);
}*/
#innerpage-box .lz-gallery-images a{
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: 0.5s ease;
}
#innerpage-box .lz-gallery-images img {
    position: relative;
    transition: 0.5s all;
    width: 100%;
    height: auto;
}
#innerpage-box .lz-gallery-images .galleryinn-ovly{
     position: absolute;
     top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    background: transparent linear-gradient(184deg, #00000000 0%, #000000 100%);
}
#innerpage-box .lz-gallery-images:hover .galleryinn-ovly{right: 0;}
#innerpage-box .lz-gallery-images .gallery-title{
    position: absolute;
    left: -100%;
    width: 100%;
    bottom: 0;
    padding: 0 16px;
    transition: 0.5s ease;
}
#innerpage-box .lz-gallery-images:hover .gallery-title{left: 0;}

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

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

#innerpage-box .inn-single-service-bx {  padding: 0 13px;}
#innerpage-box .inn-single-service-bx .service-img{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#innerpage-box .service_inbox{
    position: relative;
    transition: all .3s;
}
#innerpage-box .singleinner-service {
    margin-bottom: 1.5em;
    transition: all .3s;
    padding: 0px 0px;
    position: relative;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    transition: all .3s;
    overflow: hidden;
}
#innerpage-box .singleinner-service .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all .3s;
    transition: filter 0.4s ease-in-out;
    filter: none;
    border-radius: 0;
}
#innerpage-box .singleinner-service:hover  .service_inimg img{filter: grayscale();}
#innerpage-box .singleinner-service .innservice-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1B1D26;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s;
}
#innerpage-box .singleinner-service:hover .innservice-overlay{
    opacity: 0.3;
}
#innerpage-box .serbx {
   position: relative;
    padding: 14px 0 15px;
    transition: all .3s;
}
#innerpage-box .serbx h3{
    margin: 2px 0 8px 0!important;
    padding: 0px 0;
}
#innerpage-box .serbx p{
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 3px 0 6px 0;
}
#innerpage-box .serbtn a {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #E40000;
    border-radius: 50%;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    z-index: 9;
}
#innerpage-box .serbtn a:hover{transform: scale(1.1);}

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

#project .main-projectinn,
#innerpage-box .main-project{display: none;}

#innerpage-box .main-projectinn {
    position: relative;
    overflow: hidden;
    width: 25%;
    float: left;
    margin-bottom: 1.5em;
    padding: 0 10px;
}
#innerpage-box .single-project{transition: all 0.3s ease 0s;position: relative;}
#innerpage-box .project-imgsingle-project {position: relative ; text-align: center;}
#innerpage-box .project-img{ position: relative; overflow: hidden;}
#innerpage-box .project-img img{width: 100%;height: 277px;border-radius: 4px;border: 3px solid #FDAF1B;}
#innerpage-box .project-img .overlay{
    position: absolute;
    overflow: hidden;
    top: 101%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:linear-gradient(to top,#000 12%,transparent 40%);
    transition: all 0.3s ease 0s;
    border-radius: 4px;
}

#innerpage-box .single-project:hover .overlay{top:-40%;transition: all 0.3s ease 0s;}
#innerpage-box .main-projectinn .projtxbx{
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    width: 86%;
    margin: 0 auto;
    border-radius: 50px;
    padding: 8px 12px;
    border: 1px solid #FDAF1B;
}
#innerpage-box .main-projectinn .projtxbx:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.83;
}
#innerpage-box .main-projectinn .projtxbx h4{
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
}
#innerpage-box .main-projectinn .projtxbx p{display: none;}
/*-----------------------
## 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: 36px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 16px;
    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 {
      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;
}
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: 9px;
    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;}
#innerpage-box .cntpgtxt h3{font-size: 22px; margin: 0 !important; padding: 0; font-weight: 500;}
#innerpage-box .contactbox span{
    font-size: 19px;
}
#innerpage-box .contactbox p { 
    margin: 0;
    position: relative;
    font-size: 27px;
    font-weight: 500;
    line-height: 46px;
    color: #fff;
    word-break: break-word;
    position: relative;
}
#ht-contactus-wrap{
    text-align: center;
    margin-bottom: 32px;
}
#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 {
        position: relative;
    margin-bottom: 23px;
    font-size: 15px;
    padding: 21px 22px;
    font-weight: 400;
    border: none;
    box-shadow: 0px 0px 8px #0000000D;
    border-radius: 0;
    width: 100%;
    z-index: 1;
}
#ht-contactus-wrap select{
    height: auto;
    line-height: 26px;
}
#ht-contactus-wrap .field-wrapper{position: relative;}
#ht-contactus-wrap .field-wrapper:after{
        content: '';
    position: absolute;
    left: 13px;
    top: -3px;
    width: 88%;
    height: 60%;
    border: 2px solid #32AADC;
    border-right: 0;
    border-bottom: 0;
    z-index: 0;
}
#ht-contactus-wrap input[type="checkbox"]{
    width: 16px;
    height: 16px;
    margin-right: 17px;
}
#ht-contactus-wrap label{
    font-size: 15px;
    line-height: 19px;
}
#ht-contactus-wrap p{position: relative;}
#ht-contactus-wrap .fa{position: absolute;top: 31px;font-size: 18px;}
#ht-contactus-wrap textarea {   height: 211px;}
#ht-contactus-wrap input[type="submit"] {
    position: relative;
    padding: 11px 36px;
    font-weight: 500;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: none;
    transition: all 1s ease 0s;
    margin-top: 1.3em;
    border-radius: 0;
}
#innerpage-box .contact-mapbox iframe { width: 100% !important; height: 489px;}
#innerpage-box .contact-bottoleftbox{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5.2em;
}
#innerpage-box .contact-bottoleftbox .title-border{
    flex: 1;
    border: none;
    border-top: 2px solid #575757;
    margin: 0;
}

#innerpage-box .contact-bottoleftbox h3{
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 !important;
    padding: 0 22px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
}

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-heading{
    position: relative;
    margin: 1.3em 0;
}
div#content-box .faq-heading h3{
    font-size: 29px;
    line-height: 43px;
    margin: 0px 20px 16px 0 !important;
}
div#content-box .faq-heading p{
    font-size: 14px;
    line-height: 27px;
}
div#content-box .faq-button{margin-top: 2.4em;}
div#content-box .faq-button a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 20px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 10px 46px;
    z-index: 1;
}
div#content-box .faq-button a:before, div#content-box .faq-button a:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background-color: #7038a2;
  border-radius: 50%;
  z-index: -1;
}
div#content-box .faq-button a:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div#content-box .faq-button a:after {
  background-color:#fdc400;
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
div#content-box .faq-button a:hover:before {
  -webkit-animation: criss-cross-left 0.9s both;
          animation: criss-cross-left 0.9s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
div#content-box .faq-button a:hover:after {
  -webkit-animation: criss-cross-right 0.5s both;
          animation: criss-cross-right 0.5s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}


div#content-box .faq-content{
    position: relative;
    border-bottom: 1px solid #dadada;
}
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: transparent;
    padding: 0;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active{
    margin: 0;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}
div#content-box .faq-content button.accordion:after {
    content: "\002B";
    font-family: 'Fontawesome';
    font-size: 10px;
    text-align: center;
    color: #000;
    background: #F5F5F5;
    float: right;
    position: absolute;
    font-weight: 600;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    top: 25px;
    right: 10px;
    transition: all 0.4s ease 0s;
}
div#content-box .faq-content button.accordion.active:after {
    content: "\2212";
    font-family: 'Fontawesome';
    transition: all 0.4s ease 0s;
/*    opacity: 0;*/

}
/*div#content-box .faq-content button.accordion.active:before{color: #d33;}*/
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 10px 0;
    border: none;
    border-radius: 5px 5px;
    padding: 1px 20px 1px 0px;
    box-shadow: none;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;
}
div#content-box .faq-content div.panel p{
    margin: 5px 30px 5px 0;
    line-height: 25px;
    font-size: 17px;
}
main#innerpage-box div#content-box h5.faq-title {
    padding: 23px 40px 15px 0px;
    margin: 0;
    word-break: break-word;
}
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-oursteps{ 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 {
    position: relative;
}
div#sidebars.sidebar{position: relative;z-index: 1;}
div#secondary.widget-area .product_list_widget span.product-title{font-size: 17px;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/
.widget-area form .wp-block-search__inside-wrapper button.wp-block-search__button,
.widget-area form#searchform input[type="submit"] {
    border-radius: 2px;
    background: transparent;
    overflow: hidden;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 2px;
    text-indent: -999px;
    width: 35px;
    height: 33px;
    z-index: 1;
    bottom: 6px;
    top: 6px;
}
.widget-area form#searchform:hover input[type="submit"],
.widget-area form#searchform input[type="submit"]:hover {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999 !important;
}
.wp-block-search__inside-wrapper{position: relative;}
.widget-area form.wp-block-search .wp-block-search__inside-wrapper:after,
.widget-area form#searchform:after {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    right: 2px;
    top: 5px;
    text-align: center;
    width: 38px;
    height: 33px;
    line-height: 33px;
    border-radius: 2px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    opacity: 1;
}

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding: 0em 0em 1.5em;}
div#content-box {
    padding: 0 1em;
    position: relative;
    overflow: hidden;
}
#content-box .woocommerce-MyAccount-navigation-link:before{margin-right: 0px;}
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 0px 10px;list-style: none;font-size: 20px;margin: 0;}
#content-box ol{ font-size: 20px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;}
#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 13px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    top: 0px;
    position: relative;
    text-align: center;
    font-size: 17px;
    width: 29px;
    line-height: 30px;
    height: 30px;
    font-weight: 600;
}
#content-box ul li:hover:before { transform: scale(1.2);}
#secondary .widget li:before{display: none;}
.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 ul#recentcomments li:before, #content-box ul#recentcomments li span:before   {
    display: none;
}

/*#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: 3em;
    min-height: 60px;
    padding-top: 4px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: transparent;
    border-radius: 50px;
    font-size: 15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: absolute;
    background-image: linear-gradient(72deg, #FBC216 47%, transparent 20%);
    top: 0;
    left: 0;
}
#content-box ol li:after{
    content: "";
    position: absolute;
    border-radius: 50px;
    height: 33px;
    width: 33px;
    left: 0px;
    right: 0;
    top: 0px;
    bottom: 0;
    border: 1px dashed #000;
    border-left: none;
    border-bottom: none;
    transform: rotate(27deg);
    z-index: -1;
}
#content-box .comment:after{display: none;}

.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 25px;}
.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;}
.oops-text { position: relative; z-index: 1;}
.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: 20px;
    right: 20px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    transform: rotate(0deg);
    text-decoration: none;
    z-index: 99999;
    cursor: pointer;
    color: #000;
    border-radius: 50%;
    transition: all 0.2s 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;
}
#secondary .widget ul li,
#sidebars .widget ul li{
    margin: 0 0 9px 0px;
    border-bottom: 1px solid #eaeaea;
    padding: 7px 0 18px;
}
div#secondary caption {padding-top: 12px;padding-bottom: 12px;padding-left: 10px;}
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 ul.product_list_widget li img {    
    width: 73px;
    height: auto;
    float: left;
    border: none;
}
.widget-area ul.product_list_widget li{position: relative;display: flow-root;}

.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 .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 {height: 3em;}
.woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0;float: left;}
/*.woocommerce .woocommerce-product-rating .star-rating span,*/
.woocommerce-Price-amount span{color:#000 ;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins { font-size: 25px !important;}
.single-productpage h2.woocommerce-loop-product__title {
    line-height: 33px; 
    word-break: break-word;
    font-size: 21px !important;
}
.woocommerce .price ins bdi{font-size: 19px;}
.woocommerce .price del bdi{font-size: 12px;}
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 {    
    box-shadow: inset 0px 0px 100px #F1F1F1;
    padding: 3.1em 5.4em;
    font-size: 18px;
    margin: 0 0 2.3em !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]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

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

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---------------------------------------*/

/*-----------------------
## Woocommerce
-----------------------------*/
.woocommerce li.product-category {
    width: 15%;
    display: inline-block;
    text-align: center;
    padding-bottom: 0px !important;
    margin-right: 10px !important;
}
.woocommerce ul.products li.product-category a img{
    border: none !important;
    height: 260px;
    width: auto;
}
.woocommerce ul.products li.product-category:before{display: none !important;}
.woocommerce li.product-category h2{
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 17px 0 !important;
}
.woocommerce li.product-category h2 mark{
    background: none;
    display: block;
    padding: 19px 0 5px;
}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product{
    width: 100%;
    text-align: center;
    margin-bottom: 28px !important; 
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{
    font-size: 23px;
    width: 30px;
    height: 30px;
    line-height: 23px !important;
    padding: 0 !important;
    border-radius: 50%;
    margin: 8px 4px 0;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current{
    font-size: 33px;
    width: 40px;
    height: 40px;
    line-height: 29px !important;
}
.woocommerce ul.products, .woocommerce-page ul.products{
    border-top: none !important;
    padding-top: 10px !important;
}
.woocommerce .shop-page ul.products, .woocommerce-page .shop-page ul.products{
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 19px;
    --gutter-width: 30px;
    display: grid;
    row-gap: 0;
}
.woocommerce ul.products::before{display: none !important;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
    float: right !important;
    font-size: 19px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: left !important;}
.woocommerce .woocommerce-ordering select{    
    border: none !important;
    font-size: 19px;
    width: 175px;
    padding: 3px 34px 3px 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link{position: relative;    margin-bottom: -13px;}
.woocommerce-loop-product__link {
    display: block;
    position: relative;
}
.woocommerce ul.products li.product a img{
    border: none !important;
    height: auto;
    width: auto;
    margin: 0 auto;
        border-radius: 5px;
}
.woocommerce div.product .woocommerce-product-rating{display: none;}
.woocommerce .top-product-categories{margin-bottom: 23px;}
.woocommerce .top-product-categories a{font-size: 16px;}
.woocommerce .woocommerce-product-details__short-description p{
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
}
.woocommerce span.sale-price {font-size: 34px;margin-right: 15px;}
.woocommerce span.regular-price {font-size: 26px;}
.woocommerce span.regular-price bdi{text-decoration: line-through;}
.woocommerce .single-product-detials {
        border: 1px solid #e2e2e2;
    border-left: none;
    border-right: none;
    padding: 12px 0 10px;
    font-size: 18px;
    font-weight: 400;
    margin: 16px 0 18px;
}
.woocommerce .single-product-detials strong{font-weight: 400;}
.woocommerce .single-product-detials .product-categories,
.woocommerce .single-product-detials .product-tags,
.woocommerce .single-product-detials .product-sku{margin-bottom: 9px;}
.woocommerce .quantity strong{font-size: 15px;font-weight: 500;}
.woocommerce .quantity input::-webkit-outer-spin-button,
.woocommerce .quantity input::-webkit-inner-spin-button{
    -webkit-appearance: none;
  margin: 0;
}
.woocommerce .quantity input[type="number"]{
 -moz-appearance:textfield; 
    appearance: none;
    margin: 0; 
    width: 92px !important;
    height: 31px;
    text-align: center;
    border: 1px solid #DDA759;
    border-left: none;
    border-right: none;
    margin: 5px -2px 14px;
    font-size: 20px;
}
.woocommerce div.product form.cart div.quantity{
    margin-top: 15px !important;
    float: none !important;
}
.woocommerce .variations_button .qty-label,
.woocommerce div.product form.cart .variations label,
.woocommerce .variations_button .price-info span{
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.woocommerce .variations_button .price-info .total-price{font-size: 20px;margin-bottom: 1em;}
.woocommerce .variations_button .qty-label{float: left;margin: 0.4em 1.3em 0 0;}
.woocommerce .single_variation_wrap{margin-top: 2em}
.woocommerce .woocommerce-variation-price{margin-bottom: 0.5em;}
.woocommerce div.product form.cart .variations .value label {
    padding: 0px 8px 0 8px;
    border: 1px solid #393438;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
}
.woocommerce .variations input[type="radio"] {display: none;}

.woocommerce .quantity .plus, .woocommerce .quantity .minus{
    width: 21px;
    height: 38px;
    line-height: 30px;
    padding: 1px 3px 1px 3px;
    border-radius: 0;
    outline: 1px solid #DDA759;
    outline-offset: 2px;
    font-size: 24px;
    font-weight: 600;
    box-shadow: none;
    position: relative;
}
.woocommerce div.product .product_title{    margin-bottom: 27px;}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, 
.woocommerce-page #content div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs{padding-top: 2em;}

.is-large.wc-block-cart .wc-block-cart-items{margin: 0 !important;}
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main{
    padding: 25px 25px 0 25px !important;
    margin-top: 5px !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
    width: 60% !important;
    margin-right: 20px !important;
}
.wc-block-components-sidebar.wp-block-woocommerce-cart-totals-block,
.wp-block-woocommerce-checkout-order-summary-block{
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 30px !important;
    margin-top: 10px !important;
}
.is-large.wc-block-cart .wc-block-cart__totals-title{font-size: 17px !important;font-weight: 600;}
.is-large.wc-block-cart .wc-block-cart-items th{padding: 9px 12px !important;font-size: 17px;}
.wc-block-components-product-details.wc-block-components-product-details li{margin: 0 !important;}
.wc-block-components-product-name{font-size: 17px !important;font-weight: 600 !important;}
.wc-block-components-product-price{font-size: 17px;}
.wc-block-components-product-badge{display: none !important;}
.wc-block-components-product-details.wc-block-components-product-details{padding: 0 !important;}
.wc-block-components-product-details li:before {width: 15px !important;margin-right: 10px !important;}
.wc-block-cart__submit-container a{
    background: #000;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 600;
    transition: all 0.5s ease;
}
.wc-block-cart-item__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.wc-block-cart-item__prices, .wc-block-cart-item__quantity{text-align: center;}
.wc-block-components-quantity-selector{margin: 0 auto 10px !important;}
.wp-block-woocommerce-checkout fieldset,
.wp-block-woocommerce-checkout .wc-block-checkout__order-notes{
    padding: 30px !important;
    background: #fff !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
    margin: 10px 0 25px !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions,
.wp-block-woocommerce-checkout .wc-block-checkout__terms{
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 30px !important;
}
.wp-block-woocommerce-checkout .wc-block-checkout__terms
.wp-block-woocommerce-checkout h2{font-size: 32px !important;margin: 0 0 10px !important }
.wp-block-woocommerce-checkout h2:before{display: none;}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after{display: none;}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product{
    visibility: visible !important;
}
nav.woocommerce-MyAccount-navigation{width: 35%;float: left;margin-right: 3em;}
.woocommerce-MyAccount-content{width: 60%;float: left;}
.woocommerce-MyAccount-content a{font-weight: 700;}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address{width: 100%;}
.wc-block-grid__product .wc-block-grid__product-title{font-size: 20px;}
li.wc-block-grid__product:before{display: none !important;}
.wc-block-grid__product .wc-block-grid__product-price{font-size: 18px !important;}


.is-large.wc-block-cart .wc-block-cart-items td{padding: 16px 0 16px 10px !important;}


/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {
/*    color: #000;*/
    font-weight: 400; 
    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-blog-post{
    padding: 0 19px;
    margin: 0 0 46px;
    position: relative;
    z-index: 1;
}
#innerpage-box .default-blog img.blog-img{
    width: 100%;
    height: 455px;
}
#innerpage-box .inner-blogpost {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { 
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
#innerpage-box .ht-blog-thumbnail img.inner-blog-img {
    width: 100%;
    transition: all 1s ease 0s;
}
#innerpage-box .blog-admbx img{
    width: 34px;
    height: 33px;
    border-radius: 4px;
    margin-right: 19px;
}
#innerpage-box .blog-admbx .blog-author{
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;
    text-transform: capitalize;
}
#innerpage-box .blog-admbx {
    position: absolute;
    top: 24px;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    padding: 8px 28px 8px 12px;
    border-radius: 0px 8px 8px 0px;
    display: flex;
    align-items: center;
        z-index: 3;
}
#innerpage-box .blog-admbx  i{
    padding-right: 3px;
    font-size: 20px;
    position: relative;
    font-weight: 600;
}
#innerpage-box .advertise-blog .blog-admbx{
    position: relative;
    top: 0;
    background-color: transparent;
}
#innerpage-box .inner-blogpost-info {
    position: relative;
    padding: 6px 0 10px;
}
main#innerpage-box #blog-box h2{
    word-break: break-word;
    margin: 8px 0 16px 0;
    line-height: 27px;
    text-transform: capitalize;
}
#innerpage-box .blogbtn a {
        font-size: 12px;
    padding: 6px 20px;
    border-radius: 4px;
}
#innerpage-box .inner-blog-bottom-area{
    display: flex;
    justify-content: space-between;
}
#innerpage-box .inner-blog-bottom-area button.share-icn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0 0px;
    background-color: #32AADC;
    border-radius: 3px;
    font-size: 15px;
    box-shadow: none;
    margin: 0;
}
#innerpage-box .inner-blog-bottom-area .share-btn{
        top: -30px;
    width: 168px;
    right: 0;
    padding: 1px 10px;
}
#innerpage-box .inner-blog-overlay{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent linear-gradient(327deg, #030303 0%, #070707DE 3%, #56565600 100%);
    opacity: 0.47;
}
#innerpage-box .innerblog-page-palette {
    position: relative;
    text-align: center;
    padding: 2.5em 0 6px;
}
#innerpage-box .innerblog-page-palette .blog-splash {
        position: relative;
    width: 4px;
    height: 4px;
    background: #2E2E2E;
    border-radius: 50px;
    outline: 2px solid #2E2E2E;
    outline-offset: 3px;
    display: inline-block;
}
#innerpage-box .innerblog-page-palette .blog-splash:before{
    content: '';
    position: absolute;
    left: -38px;
    top: -5px;
    width: 28px;
    height: 12px;
    background: transparent linear-gradient(270deg, #0000005E 0%, #16161646 32%, #4848480D 62%, #54545400 100%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
#innerpage-box .innerblog-page-palette .blog-splash:after{
    content: '';
    position: absolute;
    right: -38px;
    top: -5px;
    width: 28px;
    height: 12px;
    background: transparent linear-gradient(90deg, #0000005E 0%, #16161646 32%, #4848480D 62%, #54545400 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}
#innerpage-box .pagingation .current{
    font-size: 22px;
    border: none;
    background-color: #000;
    color: #fff;
    padding: 4px 11px;
    border-radius: 4px;
    margin-right: 6px;
}
#innerpage-box .pagingation a {
        font-size: 17px;
    font-weight: 600;
    border: none;
    padding: 4px 8px;
}
#innerpage-box .blog-authorbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#innerpage-box .advertise-blog .blog-admbx .blog-author,
#innerpage-box .advertise-blog .blog-admbx .blog-comment{
    font-size: 13px;
    font-weight: 400;
}
#innerpage-box .inner-blog-post.advertise-blog{padding: 0 15px;}
#innerpage-box .advertisement-box{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
#innerpage-box .advertisement-box img{
    width: 100%;
    height: 500px;
}
#innerpage-box .tag-post{
    text-align: center;
    padding: 2.5em 4em 1em;
    border-radius: 21px;
}
#innerpage-box .tag-post a{
    font-size: 15px;
    font-weight: 600;
    margin: 0 30px;
    text-transform: capitalize;
}
#innerpage-box .tag-post h2{
    font-size: 27px !important;
    line-height: 34px !important;
    margin: 0 !important;
}
#innerpage-box .tag-post .inner-blog-excerpt {
    font-size: 16px !important;
    line-height: 25px !important;
    letter-spacing: 0.53px;
}
#innerpage-box .tag-post .tagpage-blognumber {
        position: absolute;
    right: 0;
    font-size: 212px;
    line-height: 181px;
    font-weight: 600;
    bottom: 0;
    z-index: -1;
}
#innerpage-box .inner-blog-post.tag-post{ 
    margin: 0 0 30px;
 }
 #innerpage-box .innerblog-palette{
    margin-bottom: 1.5em;
 }

#innerpage-box .audio-blog .ht-blog-thumbnail img{
    width: 100%;
}
#innerpage-box .audio-blog .ht-blog-thumbnail figure{
    position: absolute;
    bottom: -9px;
    width: 100%;
    margin: 0;
}

#innerpage-box .tags-slider .owl-carousel{display: block;}
#innerpage-box .tags-slider .owl-carousel img{
    width: 100%;
    height: 156px;
    border-radius: 10px 10px 0px 0px;
}
#innerpage-box .tags-slider .owl-carousel .owl-nav{display: none;}
#innerpage-box .tags-slider .owl-carousel .owl-dots{    
    display: block;
    text-align: center;
    margin: 1.3em 0 3.5em;
}
#innerpage-box .tags-slider .owl-carousel .owl-dots button{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    padding: 0;
    margin: 0 5px;
}
#innerpage-box .tags-slider .tag-box{
    padding: 10px;
    margin: 0 2px;
}
#innerpage-box .tags-slider .tag-box:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    border: 3px solid #32AADC;
    border-top: 0;
}
#innerpage-box .tags-slider .tag-box p{    
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}
#innerpage-box .tags-slider .tag-area{
    text-align: center;
}
#innerpage-box .tags-slider .tag-title{
    font-size: 15px;
    font-weight: 700;
}

#innerpage-box .masonry-featured-full{
    width: 33.33%;
}
#innerpage-box .masonry-featured-full:nth-child(1),
#innerpage-box .masonry-featured-side:nth-child(1),
#innerpage-box .fullwidth-with-Sidebar{
    width: 100%;
}
#innerpage-box .masonry-featured-full:nth-child(1) img,
#innerpage-box .masonry-featured-side:nth-child(1) img,
#innerpage-box .fullwidth-with-Sidebar img{
    height: auto !important;
}
#innerpage-box .masonry-featured-full:nth-child(1) .inner-blogpost-info,
#innerpage-box .masonry-featured-side:nth-child(1) .inner-blogpost-info,
#innerpage-box .fullwidth-with-Sidebar .inner-blogpost-info,
#innerpage-box .classic-blog-full .inner-blogpost-info,
#innerpage-box .default-blog .inner-blogpost-info,
#innerpage-box .gallery-thumb .inner-blogpost-info{
    padding: 1em 4em;
}
#innerpage-box .masonry-featured-full:nth-child(1) .inner-blogpost-info h2,
#innerpage-box .masonry-featured-side:nth-child(1) .inner-blogpost-info h2,
#innerpage-box .fullwidth-with-Sidebar .inner-blogpost-info h2{
    font-size: 24px !important;
    line-height: 31px !important;
}
#innerpage-box .masonry-featured-side{width: 50%;}

#innerpage-box .gallery-thumb .ht-blog-thumbnail img{border-radius: 10px;}
#innerpage-box .gallery-item .owl-carousel{display: block;}
#innerpage-box .gallery-item .owl-nav button{
    position: absolute;
    top: 65%;
    width: 29px;
    height: 51px;
    line-height: 45px;
    padding: 0;
    font-size: 40px;
    background: #fff;
}
#innerpage-box .gallery-item .owl-nav button.owl-prev{
    left: 0;
    border-radius: 0px 13px 13px 0px;
}
#innerpage-box .gallery-item .owl-nav button.owl-next{
    right: 0;
    border-radius: 13px 0px 0px 13px;
}
#innerpage-box .gallery-item .owl-nav button span{font-weight: 300;}

/*-----------------------
## List Blog Inner Page 
-----------------------------*/
#innerpage-box .list-blog-post{padding: 0;float: none;}

/*-----------------------
## Video Blog Inner Page 
-----------------------------*/
#innerpage-box .video-blog .inner-blogpost-info{padding: 1em 4em;}
#innerpage-box .video-blog .ht-blog-thumbnail iframe{
    width: 100%;
    height: 455px;
        border-radius: 10px;
}

/*-----------------------
## audio Blog Inner Page 
-----------------------------*/
#innerpage-box .audio-blog .inner-blogpost-info{
    padding: 1em 4em;
}
.posts-nav.post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 20px;
    margin: 20px 0;
}
.posts-nav.post-navigation img {
    width: 60px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    border-radius: 5px;
}
.posts-nav.post-navigation span {
    display: block;
    font-size: 14px;
    color: #000;
}
.posts-nav.post-navigation .nav-previous,
.posts-nav.post-navigation .nav-next{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
}
.posts-nav.post-navigation .nav-next{
    flex-direction: row-reverse;
}
.posts-nav.post-navigation a{
    background: transparent;
    font-size: 17px;
    color: #000 !important;
    margin-left: 0;
}
.posts-nav.post-navigation .nav-next a:after{
    display: none;
}
.posts-nav.post-navigation .nav-img{
    width: 25%;
}
.posts-nav.post-navigation .nav-content{
    width: 72%;
}

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


/*div#secondary.widget-area .widget:first-child {  padding-top: 0;}*/
/*#innerpage-box .widget_search .widget-title{margin: 0px 0px 0em 0 !important;}*/

.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
        font-size: 22px !important;
    color: #000;
    font-weight: 700 !important;
    padding: 0 25px 0 0;
    margin: 0px 0px 42px 0 !important;
    position: relative;
}
.wp-block-group__inner-container h2:after,
 #innerpage-box .widget-area .widget-title:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 37%;
    height: 1px;
    background: #000;
 }
.wp-block-search__label{margin-left: 29px;}
#sidebars .wp-block-tag-cloud a,
main#innerpage-box .widget-area .tagcloud a {
    margin: 0 8px 15px;
    border: none;
    position: relative;
    box-shadow: unset;
    padding: 9px 30px;
    border-radius: 21px;
    background: none;
    text-align: center;
    font-size: 16px !important;
}
#sidebars .wp-block-tag-cloud a:before,
main#innerpage-box .widget-area .tagcloud a:before{
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-radius: 21px;
    border-left: none;
    border-right: none;
}
.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, #sidebars .wp-block-calendar {
    padding: 0px 0px 0 ;
    border: 1px solid #eaeaea;
}
#sidebars ol.wp-block-latest-comments{margin: 0 2em;}
.widget_calendar table {border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { width: 100%;  padding: 0px;position: relative;}
.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;}
.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 60px;
}
.widget_recent_entries ul li {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 10px;
    align-items: center;
}
.s-footer .attachment-thumbnail.size-thumbnail.wp-post-image{
    margin: 10px 0;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{ padding-bottom: 45px;}

.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {
    font-weight: 600;
    letter-spacing: 0.69px;
    margin-bottom: 0px;
}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 10px 10px 0;}
.woocommerce .total-product-title-wrap .product-category {margin-bottom: 1em;}
.woocommerce .total-product-title-wrap .product-category a{font-size: 16px;letter-spacing: 0.8px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0 6px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{padding: 0 3em;display: flex;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-dots{display: none;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-prev,
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-next {    
    position: absolute;
    top: 50%;
    width: 14px;
    height: 25px;
    font-size: 18px;
    line-height: 25px;
    padding: 0;
    border-radius: 0;
    color: #fff;
}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-prev{left: -2em;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-next{right: -2em;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px;width: 100%;}
.woocommerce div.product div.images .flex-control-thumbs li img{opacity: 1;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel img{
    height: 151px;
}
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #fe5722;margin: 0;}
.woocommerce ul.products li.product .price del{ display: inline;color: #999;opacity: 1;}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del{display: inline;font-weight: 400 !important;}

.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{
    font-size: 14px;
    font-weight: 500;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 24px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: capitalize;
    letter-spacing: 0.46px;
    border-radius: 4px;
}

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

.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{display: flex;align-items: end;}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, 
.woocommerce #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:focus, 
.woocommerce #content nav.woocommerce-pagination ul li a:focus, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus{margin: 8px 5px 0px !important;}
.woocommerce nav.woocommerce-pagination{    margin-top: 6px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{background: #333;color: #FFF;}
.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

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

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

.woocommerce div.product p.price, 
.woocommerce div.product span.price{color: #fe5722}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{font-weight: 400;}
.woocommerce .product_meta{font-size: 15px;}
.woocommerce .product_meta a{color: inherit;}
.woocommerce .product_meta a:hover{ color: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;margin: 0;}
.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: 16px 0 15px;font-weight: 400;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background: transparent !important;
    border-radius: 0;
    margin: 0 27px 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: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

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

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{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: 10px;}
.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; 
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722;height: 2px;top: 3px;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:nth-child(2){
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 10px solid #555;
    border-bottom: 10px solid transparent;
    border-radius: 0;
    margin: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:nth-child(3){
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 10px solid #555;
    border-bottom: 10px solid transparent;
    border-radius: 0;
    margin: 0;
}
div#secondary.widget-area .woocommerce .price_slider_wrapper {margin: 1em 2em;}
.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 .accordion{margin-top: 16px;}
.woocommerce .accordion-button{
    padding: 7px 0 10px;
    box-shadow: none;
    border-bottom: 1px solid #ABABAB;
}
.woocommerce .accordion-item{border: none;}
.woocommerce .accordion-button h5{
    font-size: 15px !important;
    margin: 0;
    font-weight: 400 !important;
}
.woocommerce .accordion-button:focus {box-shadow: none;}
.woocommerce .accordion-button:not(.collapsed){background-color: transparent;}
.woocommerce .accordion-button:before {
      content: '\f106';
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    right: 0;
    top: 0;
    transition: all 0.3s ease;
}
.woocommerce .accordion-button.collapsed:before {
    background-image: none;
    transform: rotate(180deg);
}
.woocommerce .accordion-button:after {
  background-image: none !important;
}
.woocommerce .accordion-button.collapsed:after {
  background-image: none !important;
}
.woocommerce .accordion-body {
    padding: 10px 0;
    font-size: 15px;
    line-height: 29px;
    letter-spacing: 0.94px;
    border-bottom: 1px solid;
}
.woocommerce .accordion-body li{
    font-size: 14px;
    letter-spacing: 0;
    margin: 0px 10px;
}
.woocommerce ul.products li.product .button{margin-top: 1.7em;}


/*-------------------------------*/
/*    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;}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 88%;
    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: 0;
    box-shadow: none;
    margin: 6px 0 0 27px;
}
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 span.woocommerce-Price-amount.amount {
    margin: 0 0 8px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.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: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating { margin-top: 0; margin-right: 0; margin-bottom: 0;}
.woocommerce .star-rating, .woocommerce-page .star-rating {margin-bottom: 0 !important;}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .product-btnarea{
    display: flex;
    align-items: end;
}
.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: 12px 20px;
    color: #FFF;
    border: 0;
    width: 251px;
    font-size: 16px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 2px;
    box-shadow: none;
    margin: 0;
    text-transform: capitalize;
    float: none !important;
    margin: 16px 14px 0 0;
    text-align: center;
    display: inline-block;
}
.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 41px;
    color: #FFF;
    font-size: 21px;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0;
}
.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: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {opacity: 0.8;}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{float: right;display: contents;}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
.woocommerce .star-rating::before{top: 0 !important;left: 0 !important;position: relative;}
.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;}
.woocommerce ul.products li.product:hover a img {transform: scale(1.05);}
.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;    font-size: 17px;}
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;}
.woocommerce div.product form.cart{margin-bottom: 0.5em !important}

/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as {display: block;font-weight: 400;line-height: 1.6;}
.woocommerce .star-rating {
    float: right;
    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;}
.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: #999;
    -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;
}
.woocommerce span.onsale {display: none;}

@media only screen and (max-width: 1299px) {
.navigation .mainmenu>li>a {font-size: 18px !important;}
.footer-area input[type="submit"] { padding: 8px 26px;font-size: 18px;  }
#innerpage-box .inner-blogpost{margin: 0 ;}
}


@media screen and (max-width: 1199px){
#innerpage-box .singleinner-service { margin-bottom: 1em;}
#innerpage-box .inn-single-service-bx {padding: 0 10px;}
.footer-area .social-profile-icons ul li a{margin: 0 0.5em 0 0;}
.widget-area a{font-size: 17px;}
header .header-social li{font-size: 17px;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
.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;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
    #innerpage-box .innertest-item { padding: 0 1.5em;}
    #innerpage-box .lz-gallery-images img {height: 300px !important;}
}

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

@media only screen and (max-width: 991px) {
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
}

@media screen and (max-width: 991px) {
header .header-social{order: 1;text-align: left;}
header .header-menu{order: 2;}
.bottom-bar-head{padding: 5px 0 3px;}
.home.page-template .site-header { position: relative;}
.navigation .mainmenu li a::before{display: none;}
.site-navigation{background:none ;}
.page-main-header{padding: 0 !important;}
.ht-main-title { margin: 0px 0px 10px 0;}
.section-title{margin-left: 0;}
#blog { padding: 2em 0 !important;}
.footer-area .social-profile-icons ul li a { margin: 0 8px 0 0;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;}
#footer{ padding: 1em 0 1em 0em !important;}
.footer-area .newstitle h3 {font-size: 30px; margin: 0 0em 10px 0;line-height: 40px;}
#innerpage-box .main-projectinn { width: 50%;}
#innerpage-box {  padding: 2em 0em ;}
#innerpage-box .contact-img {margin-top: 1em; margin-left: -4em;bottom: -2em;}
#innerpage-box .lz-gallery-images img { height: 250px !important;}
div#content-box .faq-content button.accordion.active,
div#content-box .faq-content button.accordion {padding: 2px 20px 2px 0px ;}
#innerpage-box blockquote { padding: 4em 2em !important;}
#innerpage-box blockquote:after { bottom: -2px; font-size: 45px;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
.s-footer { padding-bottom: 0em;}
#content-box ol li { padding-left: 3em;}
#newsletter .newsletterleft-img, #newsletter .newsletterright-img{display: none;}
.footer-area .single-footer-3, .footer-area .single-footer-4{width: 50%;}
#innerpage-box .innertest-item{width: 50%;}
.wc-block-components-sidebar-layout .wc-block-components-main{width: 100% !important;}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    align-self: auto !important;
    grid-column-start: auto !important;
    grid-row-start: auto !important;
}
.blog-area .blog-thumbnail img.blog-img{height: 300px;}
#innerpage-box .contact-bottoleftbox{    margin-bottom: 2em;}
#innerpage-box .masonry-featured-full {width: 50%;}
#innerpage-box .masonry-featured-full:nth-child(1) .inner-blogpost-info {padding: 1em;}
#sidebars .wp-block-tag-cloud a, main#innerpage-box .widget-area .tagcloud a{    padding: 5px 15px;}
#innerpage-box .video-blog .inner-blogpost-info{padding: 1em;}
#innerpage-box .inner-post-excerpt{width: 100%;}
}

@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;}
.footer-area input[type="submit"] {font-size: 16px;}
.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 {font-size: 12px;}
}

@media screen and (max-width: 768px){
.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;}
}


@media screen and (min-width: 320px) and (max-width: 768px){
.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;display: block !important;}
.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: 768px) and (max-width: 991px){
    .woocommerce li.product-category{width: 22%;}
    .quick-view-popup .product-button{display: block;}
    .quick-view-popup .product-add-to-cart {margin-bottom: 3em;}
    #innerpage-box .innertest-item {padding: 0 1em;}
    #innerpage-box .gallery-inn .gbox{width: 32%;}
    .one .two{    width: 80%;}
    .woocommerce .shop-page ul.products, .woocommerce-page .shop-page ul.products
    {grid-template-columns: repeat(3, 1fr) !important;}
     #innerpage-box .classic-blog-full .inner-blogpost-info,
     #innerpage-box .default-blog .inner-blogpost-info{padding: 1em;}
     #innerpage-box .video-blog .ht-blog-thumbnail iframe{height: 300px;}
}

@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 (min-width: 320px) and (max-width: 768px){
.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{ font-size: 16px;}
.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 (max-width: 767px){
header .top-form{display: block;}
header .sb-search{display: none;}
#blog{padding: 1em 0 !important}
.ht-inquiry-member-wrap textarea { height: 100px;}
#ht-contactus-wrap input[type="submit"] {padding: 4px 20px;font-size: 18px;}
#innerpage-box .main-projectinn { width: 100%;}
#innerpage-box .item.innertest-item { width: 100%;}
#innerpage-box .ts-area-single-inn {margin-bottom: 1.5em;}
#innerpage-box .ts-area-c{padding: 1em 0;}
#innerpage-box .singleinner-service { margin-bottom: 1.5em;}
#innerpage-box .serbtn .btn1{font-size: 18px;}
#innerpage-box .faq { margin-top: 1em;}
.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;}
#innerpage-box .inner-blogpost .blog-Athr .comm { text-align: left;}
.woocommerce li.product-category{width: 30%;}
.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: 150px;}
.woocommerce ul.products li.product .button {padding: 18px 25px;font-size: 15px;}
main#innerpage-box h2.woocommerce-loop-product__title{font-size: 22px;letter-spacing: 0;}
.woocommerce ul.products, .woocommerce-page ul.products{padding-top: 2px !important;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product{margin-bottom: 20px !important}
div#content-box .faq-content div.panel p{margin: 0;}
div#content-box{padding: 0 5px;}
.wc-block-components-sidebar-layout .wc-block-components-main{
    padding: 25px 10px 0 10px !important;
    margin-right: 5px !important;
}
.wc-block-components-product-name{font-size: 17px !important;}
.wc-block-components-product-price {font-size: 16px;}
.wc-block-cart-item__wrap{grid-template-columns: repeat(2, 1fr);}
nav.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content{width: 100%;}
#innerpage-box .inn-single-service-bx{    padding: 0 25px;}
.ht-newsletter-member-wrap input[type="submit"]{padding: 4px 20px;font-size: 18px;}
#newsletter .box-form{width: 90%;text-align: center;}
#innerpage-box .serbx h3, #innerpage-box .serbx h3 small{font-size: 23px !important;}
#innerpage-box .gallery-inn .gbox{width: 49%;padding: 0;}
#sidebars .widget, div#secondary.widget-area .widget{margin: 0 0 28px;}
.wp-block-group__inner-container h2, #innerpage-box .widget-area .widget-title{margin: 0px 0px 20px 0 !important}
.blog-area .blog-thumbnail img.blog-img{height: 230px;}
.blog-area .blog-single{padding: 1em 2em;}
.blog-area .blog-post{    margin-bottom: 1em;}
.woocommerce .shop-page ul.products, .woocommerce-page .shop-page ul.products
{    grid-template-columns: repeat(2, 1fr);}
#innerpage-box .advertise-blog .ht-blog-thumbnail img.inner-blog-img{height: auto !important;}
#innerpage-box .advertisement-box img{height: auto;}
#innerpage-box .tag-post a{    margin: 0 15px;}
#innerpage-box .tag-post h2{font-size: 21px !important;}
#innerpage-box .masonry-featured-full:nth-child(1) .inner-blogpost-info h2,
#innerpage-box .masonry-featured-side:nth-child(1) .inner-blogpost-info h2,
#innerpage-box .fullwidth-with-Sidebar .inner-blogpost-info h2,
#innerpage-box .classic-blog-full .inner-blogpost-info h3,
#innerpage-box .default-blog .inner-blogpost-info h3,
#innerpage-box .gallery-thumb .inner-blogpost-info h3{font-size: 19px !important;line-height: 25px !important;}
#innerpage-box .masonry-featured-full:nth-child(1) .inner-blogpost-info,
#innerpage-box .masonry-featured-side:nth-child(1) .inner-blogpost-info,
#innerpage-box .fullwidth-with-Sidebar .inner-blogpost-info,
#innerpage-box .classic-blog-full .inner-blogpost-info,
#innerpage-box .default-blog .inner-blogpost-info,
#innerpage-box .gallery-thumb .inner-blogpost-info{ padding: 1em 0;}
#innerpage-box .gallery-item .owl-nav button{position: relative;width: 30px;height: 30px;line-height: 30px;font-size: 30px;}
#innerpage-box .video-blog .ht-blog-thumbnail iframe{height: 250px;}
main#innerpage-box .video-blog h3{font-size: 20px;}
}

@media screen and (max-width: 575px){
#innerpage-box .cntpgtxt p {font-size: 18px;}
.widget-area a { padding: 6px 0 6px 10px;}
header li.shop-icon{margin-left: 10px;}
header .js-nav-toggle{margin: 0 !important;}
div#content-box .faq-heading h3{font-size: 23px !important;}
div#content-box .faq-button a{font-size: 18px;padding: 11px 30px;}
.one .two{width: 90%;top: 10%;padding: 1em;}
#innerpage-box .tag-post{padding: 1em 2em 1em;}
#innerpage-box .masonry-featured-full, #innerpage-box .fullwidth-with-Sidebar
#innerpage-box .masonry-featured-side {width: 100%;}
#innerpage-box .inner-blog-post{padding: 0;}
.posts-nav.post-navigation{display: block;}
.posts-nav.post-navigation .nav-previous, .posts-nav.post-navigation .nav-next{margin: 10px 0;}
}

@media screen and (max-width: 520px){
.s-footer { 
    margin-bottom: 1em;
}
}
@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;}
.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;
}
.woocommerce ul.products, .woocommerce-page ul.products{display: block;}
.woocommerce .shop-page ul.products, .woocommerce-page .shop-page ul.products{grid-template-columns: repeat(1, 1fr);}
.wc-block-cart-item__wrap{grid-template-columns: repeat(1, 1fr);}
.wc-block-cart-item__prices, .wc-block-cart-item__quantity{text-align: left;}
.wc-block-components-quantity-selector {margin: 0 0 10px !important;}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
.slider_content { top: 12%;}
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;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title, #ht-contactus-wrap h1 { font-size: 28px !important;}
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-area input[type="submit"] { position: relative; top: 0px;}
.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;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
body {   position: inherit; }
.comment-form-url,
.comment-form-author,
.comment-form-email{ width: 98%;}
#innerpage-box .contform {display: block !important;}
.single-header-info { text-align: center; padding: 0;}
.woocommerce li.product-category{    width: 46%;}
.footer-area .s-footer{width: 100%;}
#innerpage-box .singleinner-service .service_inimg img{height: auto !important;}
#innerpage-box .gallery-inn .gbox{width: 100%;padding: 0;}
}

@media screen and (max-width: 425px){
#innerpage-box .video-blog .ht-blog-thumbnail iframe { height: 170px; }
#newsletter .ht-newsletter-member-wrap span{margin-left: 0;}
.woocommerce div.product div.images .flex-control-thumbs{    padding: 0 2em;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-prev{left: -1em;}
.woocommerce div.product div.images .flex-control-thumbs .owl-carousel .owl-nav .owl-next{right: -1em;}
.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: auto;padding: 12px 13px;}
#innerpage-box .ht-blog-thumbnail img.inner-blog-img{height: 175px !important;}
.blog-area .blog-single{        padding: 1em;}
.blog-area .blog-posts h4{font-size: 20px;margin: 10px 0 15px;line-height: 25px;}
}

@media screen and (max-width: 375px){
    .slider_content {width: 97%;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
/*.ht-site-title, .site-title {font-size: 18px;}*/
.navicon { top: -60px !important;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
.blog-area .blog-thumbnail img.blog-img{height: 170px;}
}

@media screen and (min-width: 320px) and (max-width: 320px){
.header-transparent .is-fixed .main-bar h1.ht-site-title { top: 45px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.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: 4px;
    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,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: 2em;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}
