/*Theme Name: Designer Boutique Free
Theme URI: https://luzuk.com/demo/designer-boutique/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:Boutique owners will be super happy after knowing all the features we offer in our Designer boutique premium WordPress theme. Super happy and super relieved also! Super happy because budget is going to hardly an issue; and super relieved because the theme in spite of being loaded with features enables boutique owners to maintain their own theme independently. You don’t need to hire professional help and pay him or her extra to manage your online presence. You don’t have to be trained or technically qualified to maintain this theme. The drag and drop menu provided will enable you to change images, change product descriptions as and when you like. If you want to make new announcements, for example if you are coming up with new seasonal collection or are having a fashion show about which you want your visitors to know, you can publish the content within minutes!
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designer-boutique-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    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 1.1em;
    padding-top: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}

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

#innerpage-box blockquote p{ position: relative; margin: 0;font-weight: 400;}
blockquote {
   position: relative;
    clear: both;
    margin: 30px 0px;
    padding: 5em 7em !important;
    font-size: 18px;
    line-height: 35px;
    color: #212121;
    font-weight: 300;
    border: 1px solid #000;
    box-shadow: none !important;
    border-radius: 250px;
}
blockquote p:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -0.5em;
    font-size: 35px;
    left: -1.2em;
    clear: both;
}
blockquote p:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: relative;
    font-size: 32px;
    top: 14px;
    right: -0.5em;
    display: inline-block;
}
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;}
.pd-1{ padding: 5px;}
.pl-0{padding-left: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%;
}
/*--------------------------------------------------------------
# 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;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
.wp-block-separator{width: 95%;}
.wp-block-quote{margin-top: 1em;}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
/*    color: #f9c12c;*/
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 15px;}
.widget select {   max-width: 100%;  width: 100%;}
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    /*text-transform: uppercase;*/
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
.widget-area li{
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 15px;
}
.widget-area li.menu-item{padding-left: 15px !important;}
.widget-area li.recentcomments {  padding: 25px 18px;}
.widget-area #recentcomments, .widget-area .product_list_widget{margin-top: 1em !important;}
.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 25px;
    /*text-transform: capitalize;*/
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 14 0 !important;
    margin: 0 !important;
}
.widget-area ul li a{padding: 15px 0 22px;} 
.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}

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

/*main#innerpage-box #sidebars .widget-area li:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f192";
    padding-right: 1em;
}*/
/*main#innerpage-box .widget-area .tagcloud a:before{
    display: none;
}*/
#secondary .widget_nav_menu li a{font-weight: 500;}

#secondary .widget_recent_entries li a:before,
#secondary .widget_archive ul li a:before,
#secondary .widget_recent_entries ul li a:before ,
#secondary .product-categories li a:before,
#secondary .widget_categories li a:before,
#secondary .widget_recent_comments  span:before,
#secondary .wp-block-categories-list  li a:before,
#secondary .wp-block-archives-list  li a:before{ 
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f0c4";
    margin: 0 17px 0 0;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 20px;
}
#content-box ul li:before {
  content: '';
    font-family: 'FontAwesome';
    position: absolute;
    float: left;
    left: 0;
    padding: 0 0.8em;
    color: #0074D9;
    font-weight: 600;
    transition: all 0.2s ease 0s;
    font-size: 20px;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
#content-box ul li{margin: 8px 0;padding-left: 3em;position: relative;}
/*/*---------------------
sidebar menu 
------------------------*/
#secondary .widget_nav_menu li ,
#sidebars .widget_nav_menu ul li{ margin:0 0 5px 0 !important;border: 1px solid #000;border-radius: 50px;}
#sidebars .widget_nav_menu a,
#sidebars .widget_nav_menu ul li a{
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 16px 0 16px 8px;
}
#secondary .widget_nav_menu li a:before,
#sidebars .widget_nav_menu ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 0 0 14px;
    font-weight: 300;
    font-size: 39px;
    float: right;
    right: 4%;
    position: relative;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
.widget-area { position: relative; overflow: hidden;}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 90%;
    margin: 5px 2px 5px 10px;
    font-size: 16px;
    display: inline-block;
    border-radius: 50px;
    padding: 11px 3px 12px 20px;
    line-height: 0.8;
    text-align: left;
}
#secondary textarea {height: 116px;border-radius: 24px;}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}
#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}
#sidebars .search-form input[type="text"]{width: 71%;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
/*#content-box a i{
    color: #fff;
}*/
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 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-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
#content p{margin-bottom: 30px;}
.post-single-content p{margin-bottom: 15px !important;}
.post-single-content .tags, .post-single-content .socialMedia {margin-top: 1em;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    margin: 0 !important;
    padding-top: 2px !important;
    padding-left: 0.5em !important;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{text-align: center;}
.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: 1em 0 2em;
    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;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 6em;
    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: 2em;
}
.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 2em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    margin-bottom: 1em;
    border: 1px solid #bbb;
    padding: 5px;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 13.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

div#secondary input[type="submit"],
.wp-block-search__button {
    width: 88%;
    margin: 0 auto;
    top: 15px;
    display: block;
    position: relative;
    text-align: center;
    padding: 6px 20px !important;
    border-radius: 0px!important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 500;
    border-radius: 50px !important;
}
#sample-heading-here:after {display: none !important;}
.section-title{ margin-bottom: 5.2em; position: relative;}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 0px;
}
.section-title h2 span {
    position: relative;
    padding: 4px 22px 3px;
    border-radius: 15px;
    border-bottom: 5px solid #232349;
}
.section-title h2 span:after{
    content: "";
    width: 20px;
    height: 20px;
    border-top: 18px solid #dca842;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{  text-align: center;}

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

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0px 5px;
    font-weight: 700;
    z-index: 1;
}
.category .ht-main-title {  margin: 0 0 1.5em;}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    padding: 0;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
/*    color: #ffffff;*/
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 0 0;
}
.ht-site-description a{color:#000;}
#total-breadcrumbs{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{ color: #000;}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{ color: #fe5722;}
.taxonomy-description,
.term-description{ margin-bottom: 15px; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    margin-bottom: 1.5em;
}
.woocommerce .woocommerce-result-count{
    float: right;
    margin: 6px 20px;
    font-size: 20px;
    font-weight: 400;
}
.woocommerce .woocommerce-ordering{float: left;}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
/*.page-main-header { text-align: center;}*/
.breadcrumbbox { position: relative; padding: 0em 0em; z-index: 1;margin-bottom: 3px;}
.breadcrumbbox span{ color:#000; margin:0 3px;}
.breadcrumbbox i {
    font-size: 10px;
    font-weight: 100;
    top: -1px;
    position: relative;
}
.breadcrumbbox .bread-arrow {display: none;}
.breadcrumbbox .root{
    background: #FCCB9D;
    margin: 0 0px;
    padding: 4px 20px;
    border-radius: 50px 0 0 50px;
    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);
    box-shadow: 1px 0px 4px #CEC9C9;
}
.breadcrumbbox .treeEnd{margin: 0 25px 0 22px;}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    padding: 4px 0px 3px !important;
    display: inline-block !important;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px 0 0 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    background: #fff;
    clip-path: polygon(91% 0, 100% 50%, 91% 100%, 0 100%, 0 0);
}
header .woocommerce-breadcrumb:after,
/*.breadcrumbbox .button:after{
    content: "";
    border-bottom: 31px solid #e41212;
    border-left: 20px solid transparent;
    position: absolute;
    top: -31px;
    left: 0px;
    transform: rotate(0deg);
    z-index: -1;
    opacity: 1;
    transition: all .7s;
}*/
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{ position: absolute; right: 0; top: 20px; cursor: pointer; padding: 0;}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar { display: none; position: absolute; bottom: 16px; z-index: 200; right: 13%;}
.sitenav .search-bar input{display:inline-block;}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{ background: #000;color: #000;width: 15%;padding: 0;}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}   
.page-main-header .headerinn-img {position: relative; height: 192px;}
.page-main-header .header-ovly{
    content: '';
    position: absolute;
    left: 0;
    right: 28%;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, #F8BF91 , #FFD8AA);
   /* background: linear-gradient(40deg,transparent -91%,#624cf6 80%);*/
    clip-path: polygon(85% 0, 100% 62%, 100% 100%, 0 100%, 0 0);
    border-radius: 0 0 8em;
} 
.page-main-header .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.4;
}
.page-main-header .headinnbox {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    display: inline-block;
}
.page-main-header .head-bread {position: relative;top: 2.8em;left: 3em;}
/*.page-main-header .headinnbx {
    position: relative;
    overflow: hidden;
    padding: 3em 1em;
    width: 50%;
    display: inline-block;
}*/
header .head-inn {position: relative; border-radius: 50px;padding: 0.3em 2.5em 0em 3.5em;}
.resp_header_logo {  display: none;}
.overlap-header { position: relative; top: 0px;}
.page-main-header{
    position: relative;
    overflow: hidden;
    /*background: #fe5722;*/
    color:#fff;
    clear: both;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logo { padding: 0px 5px 0 0px;top: -5px;}
.logobox img{ position: relative;}
header .site-header .main-dispaly.padding0 {  padding-right: 0;}
header .shopbtn {text-align: center;}
header .hshop{position: relative;}
header .hshop a, header .hshop1 a{font-size: 25px;color: #FCCB9D;margin-left: -17px;}
header .hshop a i, header .hshop1 a i{margin-top: 25px;}
header .hshop .count, header .hshop1 .count {
    position: absolute;
    right: -7px;
    top: 12px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
}
header .mobnone{display: none;}
header .mobnone1{float: right;}
header .Hbtn a{
    margin-top: 4px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 14px 15px;
    text-align: center;
    background: #232349;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    border: none;
    border-radius: 50px;
}
header .Hbtn a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    animation: rotate 0.7s ease-in-out both;
    transition: all 0.15s ease 0s;
}
header .Hbtn a:before,
header .Hbtn a:after{
    content: '';
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
header .Hbtn a:hover:before,
header .Hbtn a:hover:after{
    opacity: 0.4;
}
header .Hbtn a:hover:before{ transform: translate3d(50%, 0, 0) scale(0.9); }
header .Hbtn a:hover:after{ transform: translate(50%, 0) scale(1.1); }
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(3deg); }
    50%{ transform: rotate(-3deg); }
    75%{ transform: rotate(1deg); }
    100%{ transform: rotate(0deg); }
}
header .Hbtn a i{display: none;}
.navigation .mainmenu li a::before {
    content: '';
    background: #FFD8AA;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    opacity: 0;
    transform: translateX(-20px) scale(0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
/*.current_page_item > a:hover*/
/*.navigation .mainmenu li a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}*/


/*nav.navbar.bootsnav ul.nav li.active a:before,
nav.navbar.bootsnav ul.nav li.active a:hover:before,
nav.navbar.bootsnav ul.nav li a:hover:before,
nav.navbar.bootsnav ul.nav li.on a:before*/
.navigation .mainmenu li.current_page_item a::before,
.navigation .mainmenu li a:hover::before {
    opacity: 1;
    transform: translateX(0) scale(1.08);
}

/* 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;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display: inline-block;
    position: relative;
    line-height: normal;
    margin: 2px 4px 0;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.5s;
    border-radius: 0px;
}
.navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    text-align: left;
    transition: all 0.5s;
    animation: fadeInUp .8s ease-in-out;
    border-radius: 0px;
/*   transform: rotate(-30deg) translateY(30px);*/
}

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);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}

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

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

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

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

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

ul.sub-menu, 
header.site-header ul.sub-menu {
    background-color: #000;
    /*overflow: hidden;*/
   /* border: 2px solid #d33;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;*/
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 30px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    margin-left: -22px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
   /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 999;
    position: absolute;
    width: 100%;
    background: none;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
    #features .featuresbx{overflow: visible !important;}
}

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

/* map page header*/

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

header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}
div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

/*---------------------------------------------------------------
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;}*/
.top-bar-head { padding: 1.5em 0 0.5em 0;}
header .head-menubx {
    padding: 10px 5px 8px 0;
    display: inline-block;
    float: right;
    margin-top: 11px;
}
header .head-shop {margin-top: 10px;}
.site-navigation {
    margin-top: 0px;
/*    background: #fff;*/
    display: inline-block;
    float: right;
    padding: 2px 0em;
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}


/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.slider_section{
    position: relative;
    overflow: hidden;
/*    height: 850px;*/
}
.slider_section .owl-dots {  display: none;}
.slider_section .slider-image{
   left: -15%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.slider_section .slider-image .slide-mainimg{
    -webkit-mask-image: url(images/Shape1.png);
    mask-image: url(images/Shape1.png);
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
   height: 825px;
    position: absolute;
    top: 0em;
    left: 0;
}
.slider_section .slider-image .slider-call {
    position: absolute;
    bottom: 2.8em;
    right: 0;
    background: #fff;
    width: 376px;
    padding: 0.6em 3em 0.5em;
    /*border-radius: 9% 0% 0% 28% / 38% 0% 0% 80%;*/
    clip-path: path("M364.974.862H32.554A28.257,28.257,0,0,0,11.736,6.143,27.381,27.381,0,0,0,.991,26.607C.71,32.222,3.754,40.849,11.736,51.032c5.4,6.884,13.675,14.714,23.5,22.445,6.928,5.449,12.05,8.837,18.8,11.222,9.687,3.423,21.64,3.158,24.176,2.971,29.851-2.209,207.46-.3,286.082.33Q364.638,44.431,364.974.862Z");
}
.slider_section .slider-image .slider-ovly{
    position: absolute;
    bottom: -8.8em;
    right: 1em;
    width: 170px;
    height: 275px;
    background: #FCCB9D;
    transform: rotate(45deg);
    border-radius: 65px 0 0;
}
.slider_section .slider-image .slider-callhead {font-size: 18px;font-weight: 600;color: #232349;margin-bottom: 5px;}
.slider_section .slider-image .slider-callno a{
    font-size: 25px;
    color: #232349;
    font-weight: 700;
    background:
        radial-gradient(circle closest-side,#000 97%,#000 ) ,
        radial-gradient(circle closest-side,#000 97%,#0000 );
      -webkit-background-clip: text,padding-box;
              background-clip: text,padding-box;
      background-size: 230% 100%;
      background-position: right;
      background-repeat: no-repeat;
      transition: 1s linear;
}
.slider_section .slider-image .slider-callno a:hover{background-position:left;}
.slider_section .slider_gradiant{
    position: absolute;
    left: 0;
    right: 0%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.1;
}
.slider_section .slider-rightbx{position: relative;}
.slider_section .slider-area {
    position: relative;
    overflow: hidden;
    height: 825px;
    background: linear-gradient(to top right, #F8BF91 0%, #FFD8AA 100%);
    -webkit-mask-image: url(images/Path2.png);
    -webkit-mask-repeat: no-repeat;
    /*-webkit-mask-position: center;*/
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
}
.slider_section .slider_content {
    padding: 2em 3em;
    position: relative;
    top: 28%;
    left: 20%;
    width: 775px;
    z-index: 99;
}
.slider_section .title {
    position: relative;
    font-size: 68px;
    font-weight: 700;
    word-break: break-word;
    line-height: 83px;
}
.slider_section .sub-title {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 31px;
    word-break: break-word;
    padding: 0em 0em;
    margin: 15px 0 18px;
    width: 615px;
}
/*====== btn ====*/
.slider_section .btn5 {margin-top: 20px;}
.slider_section .btn5 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 19px;
    padding: 9px 29px;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
    border: none;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
}
.slider_section .btn5 a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    animation: rotate 0.7s ease-in-out both;
    transition: all 0.15s ease 0s;
}
.slider_section .btn5 a:before,
.slider_section .btn5 a:after{
    content: '';
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.slider_section .btn5 a:hover:before,
.slider_section .btn5 a:hover:after{
    opacity: 0.5;
}
.slider_section .btn5 a:hover:before{ transform: translate3d(50%, 0, 0) scale(0.9); }
.slider_section .btn5 a:hover:after{ transform: translate(50%, 0) scale(1.1); }
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(3deg); }
    50%{ transform: rotate(-3deg); }
    75%{ transform: rotate(1deg); }
    100%{ transform: rotate(0deg); }
}

/*====================*/
#slider .owl-carousel{  display: block;}
.slider_section .owl-theme .owl-dots {
    position: absolute;
    bottom: 50%;
    right: 0px;
    display: none;
}
.slider_section .owl-nav{ display: block;}
.slider_section .owl-nav .owl-prev ,
.slider_section .owl-nav .owl-next{
    position: absolute;
    bottom: 3%;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    line-height: 46px !important;
    height: 46px;
    display: block;
    z-index: 1000;
    border-radius: 0%;
    box-shadow: none;
    cursor: pointer;
}
.slider_section .owl-nav .owl-prev {left: 15%;border-radius: 35px 10px 15px 10px;}
.slider_section .owl-nav .owl-next {left: 18.1%;border-radius: 10px 35px 10px 15px;}
.slider_section .owl-nav .owl-prev span,
.slider_section .owl-nav .owl-next span {
    font-size: 72px;
    color: #fff;
    line-height: 21px;
    right: 0px;
    font-weight: 300;
    position: relative;
}
.slider_section .owl-nav .owl-prev span{left: -4px;}
.slider_section .owl-nav .owl-next span{right: 4px;}
.slider_section .owl-nav .owl-prev:focus,
.slider_section .owl-nav .owl-next:focus {
    outline: 0;
}
.slider_section .owl-nav .owl-prev:hover,
.slider_section .owl-nav .owl-next:hover {
    background: #000 !important;
}
.slider_section:hover .owl-prev {
  left: 14%;
    opacity: 1;
}
.slider_section:hover .owl-next {
    left: 19%;
    opacity: 1;
}

/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/
.service-area .inn-single-service-bx { display: none;}
#service { position: relative;overflow: hidden;}
.service-area .section-title{margin-left: 1.5em;}
.service-area .single-service-bx { margin-bottom: 4em; position: relative;}
.service-area .single-service{
    position: relative; 
    overflow: hidden; 
    transition: all 0.5s ;
    margin: 0 1.9em;
    border-radius: 40px 35px 40px 40px;
}
.service-area .service-icon { position: relative; padding: 0 0 1.7em;}
.service-area .service-icon .ser-img{position: relative;}
.service-area .service-icon img { 
    position: relative;
    z-index: 0;
    width: 100%; 
    height: 267px;
    transition: all .7s linear;
    border-radius: 110px 0 0;
}
.service-area .service-icon .s-oly {
    background: linear-gradient(#FCCB9D,#232349);
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease 0s;
}
.service-area .single-service:hover .s-oly {
    border-radius: 100% 0 0 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    opacity: 0.7;
}
.service-area .sertxbx{
    position: relative ;
    padding: 55px 20px 20px 30px;
    transition: all 0.5s ;
}
.service-area .sertxbx .s-icon {
    position: absolute;
    right: 7px;
    top: -0.9em;
    font-size: 44px;
    width: 80px;
    height: 80px;
    line-height: 70px;
    background: #232349;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #fff;
    color: #FCCB9D;
    z-index: 1;
}
.service-area .sertxbx .arrow-bg{
    width: 80px;
    height: 81px;
    background: #232349;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    right: -3px;
    top: -5px;
    transition: all 1s;
    opacity: 0;
    transform: scale3d(1, 1, 1);
    z-index: -1;
}
.service-area .single-service:hover .sertxbx .arrow-bg{
  transform: scale3d(1.2, 1.2, 1.2);
  opacity: .4;
}
.service-area h4 {font-size: 23px;font-weight: 700;margin:0px 0 0px 0;}
.service-area p {padding: 0;font-size: 18px;margin: 20px 0 20px 0;font-weight: 300;}
.service-area .section-area-text {line-height: 24px;}
.service-area .serbtn {position: absolute;right: 7px;bottom: 5px;}
.service-area .serbtn a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 3px 3px 3px 7px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    z-index: 1;
    transition: all 1s;
    border: 2px solid #232349;
    border-radius: 50px;
}
.service-area .serbtn a:hover{ padding: 1px 10px;}
.service-area .serbtn a .ser-button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 0;
  white-space: nowrap;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
  transition: all 0.4s ease;
  pointer-events: none;
}
.service-area .serbtn a:hover .ser-button {
  width: 100px;
  opacity: 1;
  margin-left: 10px;
}
.service-area .serbtn a i{font-size: 19px; transition: all 1s; margin-left: 2px;}

/*--------------------------------------------------------------
## banner Section  ##
--------------------------------------------------------------*/
#banner-section{ position: relative;}
#banner-section .banner-inn {
    position: relative;
    overflow: hidden;
}
#banner-section .banner-bx { position: relative;background: #FCCB9D;margin: 0 1.5em;}
#banner-section .banner-box{position: relative;margin-top: 3.6em;}
#banner-section .banner-ovly1{
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    width: 276px;
    height: 200px;
    clip-path: path("M0,0A109.231,109.231,0,0,0,19,36C36.015,57.194,56.3,66.311,71,72c40.609,15.715,79.287,16.978,121,38,18.821,9.485,38.184,23.035,59,42a300.468,300.468,0,0,1,27,28q-1-89.5-2-179Z");
}
#banner-section .banner-ovly2{
    position: absolute;
    right: 0;
    bottom: 0;
}
#banner-section .banner-ovly3{position: absolute;left: -2px;bottom: 0px;}
#banner-section .banner-ovly4{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    width: 100px;
    height: 110px;
    clip-path: path("M0,0A401.972,401.972,0,0,1,55,63a401.263,401.263,0,0,1,29,48L0,110Z");
}
#banner-section .right-bx {
    position: relative;
    padding: 4.6em 5em 4.3em 4.3em;
}
#banner-section .right-bx .bannerarea-img img {
    position: relative;
    width: 100%;
    height: 340px;
    border-radius: 45px;
}
#banner-section .right-bx h2{
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 55px;
    position: relative;
    z-index: 1;
}
#banner-section .banner_subtitle p {
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    color: #000;
    margin: 0 0 22px 0;
}
#banner-section .bann-btn a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fdfafa;
    background: #ff85d8;
    padding: 13px 14px 13px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
#banner-section .bann-btn a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    animation: rotate 0.7s ease-in-out both;
    transition: all 0.2s ease 0s;
}
#banner-section .bann-btn a:before,
#banner-section .bann-btn a:after{
    content: '';
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}
#banner-section .bann-btn a:hover:before,
#banner-section .bann-btn a:hover:after{
    opacity: 0.5;
}
#banner-section .bann-btn a:hover:before{ transform: translate3d(50%, 0, 0) scale(0.9); }
#banner-section .bann-btn a:hover:after{ transform: translate(50%, 0) scale(1.1); }
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(3deg); }
    50%{ transform: rotate(-3deg); }
    75%{ transform: rotate(1deg); }
    100%{ transform: rotate(0deg); }
}
#banner-section .title{
    position: relative;
    top: 1.5em;
    font-size: 45px;
    color: #3ff;
    font-weight: 600;
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .about-rightbx { position: relative;}
#about .aboutarea-img{
    left: -25%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
#about .aboutarea-img .about-img{
    -webkit-mask-image: url(images/Shape1.png);
    mask-image: url(images/Shape1.png);
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
    height: 770px;
    position: absolute;
    top: 0em;
    left: 0;
}
#about .section-title{margin-bottom: 3.4em;}
#about .section-title h2 span{padding: 3px 45px;}
#about .section-subtitle h3 {font-size: 34px;font-weight: 600;line-height: 1.4;margin: 20px 10px 5px 0;;}
#about .section-subtext p{font-size: 17px;font-weight: 400;line-height: 1.6;margin: 1em 0 1.4em 0;}
#about .about-area-data {text-align: left;margin: 0em 5em 0em -2.4em;}
#about .about-area-data h4{font-size: 21px;margin: 7px 0 6px;font-weight: 500;line-height: 25px;}
#about .about-area-data p{    
    font-size: 15px;
    font-weight: 400;
    color: #7D7D81;
    padding: 0;
    margin-right: 3em;
}
#about .aboutus-post-wrap { margin-top: 1em;}
#about .aboutus-single {  margin-bottom: 3em; padding: 0; transition: all .2s linear; text-align: center;}
#about .about-bx:nth-last-child(2) .aboutus-single {margin-bottom: 0.5em;}
#about .hi-icon {
   position: relative;
    text-align: left;
    top: 5px;
    font-size: 43px;
    transition: all 0.2s ease 0s;
}
#about .aboutus-single:hover .hi-icon span{
    transition: all 0.5s ease 0s;
    border-radius: 50%;
    box-shadow: 0px 0px 20px -3px rgb(122 118 118);
}
#about .hi-icon span{
    position: relative;
    transition: all 0.2s ease 0s;
    width: 64px;
    height: 62px;
    line-height: 63px;
    background: #232349;
    text-align: center;
    font-weight: 600;
    border-radius: 10px;
}
#about .hi-icon span:after{
   content: "";
    width: 71px;
    border: 2px #000;
    border-style: dashed;
    border-right: none;
    border-top: none;
    margin: 0 auto;
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    z-index: 0;
    transform: rotate(90deg);
}
#about .about-bx:nth-last-child(2) .hi-icon span:after{display: none;}
#about .abt-btn a{
    margin-top: 1.3em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 5px 15px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    border-radius: 50px;
    z-index: 1;
    transition: all 0.4s ease 0.5s;
    border: none;
}
#about .abt-btn a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    animation: rotate 0.7s ease-in-out both;
    transition: all 0.15s ease 0s;
}
#about .abt-btn a:before,
#about .abt-btn a:after{
    content: '';
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    opacity: 0;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
}
#about .abt-btn a:hover:before,
#about .abt-btn a:hover:after{
    opacity: 0.5;
}
#about .abt-btn a:hover:before{ transform: translate3d(50%, 0, 0) scale(0.9); }
#about .abt-btn a:hover:after{ transform: translate(50%, 0) scale(1.1); }
@keyframes rotate{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(3deg); }
    50%{ transform: rotate(-3deg); }
    75%{ transform: rotate(1deg); }
    100%{ transform: rotate(0deg); }
}
/*----------------------------------------*/
/*   Features Section
/*----------------------------------------*/
#features {position: relative;z-index: 1;}
#features .section-title{margin-bottom: 5em;}
#features .featuresus-post-boxes {position: relative;}
#features .featuresbx {position: relative;overflow: hidden;margin: 0 0 2em;}
#features .featuresus-single { 
    position: relative;
    overflow: hidden;
    margin: 0 2px;
    padding: 35px 38px 45px;
    border-radius: 45px;
    transition: all .1s linear;
    clip-path: polygon(100% 0, 100% 70%, 71% 100%, 0 100%, 0 0);
    transition: all ease 0.5s;
}
#features .featuresbx:hover .featuresus-single{
    clip-path: polygon(100% 0, 100% 67%, 67% 100%, 0 100%, 0 0);
    transition: all ease 0.5s;
}
#features .featuresus-single::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FBB16C;
    left: 71%;
    top: 70%;
    /* border-style: solid; */
    /* border-width: 85px 88px 0px 0px; */
    /* border-color: #FBB16C transparent; */
    border-radius: 45px 0 0;
    z-index: 2;
    transition: all ease 0.5s;
}
#features .featuresbx:hover .featuresus-single::before {
    left: 67%;
    top: 67%;
 /* border-width: 95px 98px 0px 0px;
  border-color: #FBB16C transparent;*/
  transition: all ease 0.5s;
}
#features .feainn-oly{
     content: "";
    /*background: rgba(87,54,151,0.7);*/
    height: 0;
    border-radius: 0 0 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
#features .featuresbx:hover .feainn-oly{ 
    height: 100%; 
    border-radius: 0;
}
#features .hi-icon { 
   position: relative;
    font-size: 45px;
    margin-bottom: 10px;
    transition: all 1s ease 0s;
}
#features .hi-icon span {z-index: 1;position: relative;transition: all 1s ease 0s;}
#features .featuresbx:hover .hi-icon span{animation: flash .5s ease-in-out;transition: all 1s ease 0s;}
#features .features-area-data { position: relative;}
#features .features-area-data h4{    
    font-size: 24px;
    margin: 0px 0 28px 0;
    font-weight: 700;
    position: relative;
    padding-bottom: 7px;
    z-index: 1;
}
#features .features-area-data h4:after{
    content: " ";
    position: absolute;
    width: 30px;
    bottom: 0;
    left: 0;
    border-bottom-style: solid;
    border-width: 3px;
    border-radius: 5px;
}
#features .features-area-data p{font-size: 15px;position:relative; z-index: 1;}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#team .section-title{margin-left: 1.5em;}
#team .section-title h2 span{padding: 3px 30px;}
#team { position: relative;overflow: hidden;}
#team .single-team {  padding: 0 45px;}
#team .our-team{
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 3em;
    border-radius: 40px;
    transition: all .4s linear;
}
#team .single-team-img { position: relative; overflow: hidden;}
#team .team-text h4 {word-break: break-word;font-size: 20px;font-weight: 600; color: #FE8A00; margin-bottom: 10px;}
#team .team-text .team-designation{word-break: break-word;font-size: 18px;margin-bottom: 0px;font-weight: 400;}
#team .team-text{
    padding: 1.5em 0em 1.1em;
    position: relative;
    overflow: hidden;
    text-align: center;
}
#team .single-team-img{border-radius: 55px 55px 55px 0;}
#team .single-team-img img{width: 100%;height: 328px;transition: all .7s linear;}
#team .our-team:hover .single-team-img img{transform: scale(1.15);}
#team .team-social-icon {    
    position: absolute;
    text-align: center;
    right: 0;
    bottom: -30%;
    transition: all .4s linear;
    padding: 2.3em 0 2em;
    width: 168px;
}
#team .our-team:hover .team-social-icon{bottom: 0%;}
#team .team-social-ovly{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 168px;
    height: 105px;
    background: #FCCB9D;
    opacity: 0;
    z-index: 0;
    transform: scale(1.5);
    border-radius: 55px 0 0;
    transition: all 0.3s linear 0s;
}
#team .our-team:hover .team-social-ovly{
    opacity: 0.8;
    transform: scale(1);
}
#team .team-social-icon a i{
    position: relative;
    margin: 4px 6px;
    font-size: 18px;
    font-weight: 500;
    background: #f3f;
    color: #767779;
    width: 33px;
    height: 33px;
    line-height: 34px;
    text-align: center;
    border-radius: 50px;
    transition: all .4s linear;
    z-index: 9;
}
#team .our-team:hover i{transform: rotate(360deg);}
#team .our-team .team-social-icon a:hover i{ 
    transition: all .4s linear; 
    background: none;
    transform: scale(1.4);
}

/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;}
#testimonials .section-title{margin-bottom: 4.9em;}
#testimonials .ts-area-single{margin-top: 2.3em;}
#testimonials .ts-area-thumb {
    position: absolute;
    margin-top: -2.3em;
    left: 0;
    right: 0;
}
#testimonials .tsarea-inn .ts-area-bg{border-radius: 40px 40px 290px;transition: all 1s ease 0s;}
#testimonials .tsarea-inn{border-radius: 40px 40px 35px;}
#testimonials .tesbox { position: relative; overflow: hidden; }
#testimonials .tes-olay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}
#testimonials .ts-area-thumb img{ 
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    margin: 0 auto;
    width: 180px;
    height: 147px;
    border-radius: 13px 13px 140px;
}
/*#testimonials .ts-area-single:hover .ts-area-thumb img{border-radius: 20px;}*/
#testimonials .ts-area-content {
    position: relative;
    margin: 0.5em 3em 0.5em 1.8em;
    padding: 7.7em 0px 5.1em;
    transition: all 1s ease 0s;
}
.testimonials-area .ts-area-bx{position: relative;}
.testimonials-area h3.ts-area-title {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin: 18px 0 8px 0;
}
.testimonials-area .ts-area-content:hover h3.ts-area-title{letter-spacing: 1px;transition: all 0.5s ease 0s;}
.testimonials-area .ts-area-c p {
    position: relative;
    z-index: 1;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin: 1em 0 1.2em;
}
#testimonials .text-designation{font-size: 18px;font-weight: 500;}
#testimonials .owl-carousel {display: block;transition: all 1s ease 0s;}
#testimonials .owl-nav{display: block;text-align: center;margin-top: -2em; position: relative;}
#testimonials .owl-dots {display: none; }
#testimonials .owl-carousel .owl-nav button.owl-next, 
#testimonials .owl-carousel .owl-nav button.owl-prev{
    border: none;
    font: inherit;
    background: none;
    color: #fff;
    font-size: 80px;
    padding: 0;
    margin: 0 16px;
    width: 30px;
    height: 0px;
    box-shadow: none;
    font-weight: 500;
    opacity: 0;
    transition: all 1s ease 0s;
}
#testimonials .testimonials-single-area:hover .owl-carousel .owl-nav button.owl-next,
#testimonials .testimonials-single-area:hover .owl-carousel .owl-nav button.owl-prev{opacity: 1;}
/*----------------------------------------
/*  appointment Area
/*----------------------------------------*/
#appointment {position: relative;overflow: hidden;}
#appointment .section-title{margin-bottom: 3.8em;}
#appointment .section-title h2{font-size: 28px;}
#appointment .section-title h2 span{padding: 10px 28px;}
#appointment .app-inn{position: relative;}
#appointment .app-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #FCCB9D;}
#appointment .app-form{ position: relative; }
#appointment .overlay{
    position:absolute; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
}
#appointment .ht-inquiry-member-wrap {  
    position: relative;
    overflow:hidden; 
    padding: 5em 4.5em 1.2em 4.5em;
    margin-left: 2em;
}
.ht-inquiry-member-wrap { text-align: center;}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    border: 2px solid #fff;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 23px 0;
    border-radius: 0 50px 50px 50px;
    padding: 29px 20px 31px 35px;
    font-size: 18px;
    height: 40px;
    font-weight: 700;
    background: #fff;
}
.wpcf7-form-control:before{content:'';
  position: absolute;
  background-color: #85C1E9;
  width: 3px;
  height: 90%;
  bottom: 0;
  left:-7px; }
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea { height: 65px; padding: 18px 20px; margin-top: 0px;}
.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    width: 100%;
    text-align: center;
    position: relative;
    background: #e1e1e1;
    border: 1px solid #FCCB9D;
    padding: 11px 30px 12px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 50px;
    margin-top: 0.6em;
    word-break: break-all;
    transition: all 0.4s;
}
.ht-inquiry-member-wrap input[type="submit"]:hover{  transition: all 0.4s;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

/*======================================================*/
/* products Section */
/*======================================================*/
#product-section{ position: relative; overflow: hidden;}
#product-section .section-title {margin-bottom: 5em;}
#product-section .product-grid{ position: relative; overflow: hidden;}
#product-section .product-area{ position: relative; overflow: hidden;}
#product-section .product-image{
    position: relative;
    overflow: hidden;
    border-radius: 45px;
    padding: 13px;
    background: #FCCB9D;
    transition: all 0.7s ease 0s;
}
#product-section .product-image img{width: 100%;height: 360px;border-radius: 45px;}
#product-section .owl-carousel{display: block;}
#product-section .product-grid .add-to-cart{
    color: #161616;
    font-size: 22px;
    transition: all 0.3s;
    font-weight: 600;
}
#product-section .cart-button {
    position: absolute;
    left: 0.9em;
    top: 0.8em;
    transition: all 1s ease 0s;
}
#product-section .cart-button  i{
    font-size: 24px;
    background: #FCCB9D;
    color: #232349;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 35px 8px 15px 10px;
}
#product-section .product-content {
    padding: 2.1em 0em 0.5em;
    transition: all 0.3s ease 0s;
    margin-bottom: 0px;
    text-align: center;
}
#product-section .product-grid .price{
    color: #ffffff;
    font-size: 16px;
    background: #212121;
    padding: 5px 10px;
    font-weight: 600;
}
#product-section .product-grid h3.title {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 600;
    word-break: break-word;
}
#product-section .product-grid del {display: none;}
#product-section ins{
    background: transparent;
    font-size: 18px;
    color: #222222;
    font-weight: 400;
    padding-left: 5px;
}
#product-section .owl-dots { display: none; margin-top: 2em;}
#product-section .owl-theme .owl-nav{  display: none;}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .section-title {margin-bottom: 5.1em;}
.blog-area .box-area-S {margin: 0 1.2em 3.5em;position: relative;border-radius: 52px;padding-bottom: 0.7em;}
.blog-area .blog-single {
    position: relative;
    overflow: hidden;
    padding: 140px 30px 73px;
    margin: -80px 11px 0px;
    clip-path: polygon(32% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 21%);
    border-radius: 0 35px 20px 45px;
    z-index: 2;
}
.blog-area .blog-date {
    position: absolute;
    padding: 11px 15px 11px 26px;
    right: 0;
    top: 3.2em;
    left: 3.5em;
    font-size: 18px;
    font-weight: 500;
    /*width: 295px;*/
    border-radius: 50px 0 0 50px;
    transition: all 1s ease 0s;
}
/*.blog-area .box-area-S:hover .blog-date{width: 90%;}*/
.blog-area .box-area-S .blog-thumbnail{ position: relative; overflow: hidden;border-radius: 52px;}
.blog-area .box-area-S:hover .blog-thumbnail::after{opacity: 0.9;transition: all 1s ease 0s;}
.blog-area .blog-thumbnail img{width: 100%;height: 315px;transform: scale(1);transition: all 1s ease 0s;}
.blog-area .blog-thumbnail .overlay:before{
    content: "";
    width: 0;
    height: 200%;
    /* background: rgba(0,0,0,0.5); */
    position: absolute;
    top: 0;
    right: -40%;
    bottom: 0;
    opacity: 0.5;
    transform: skewX(-48deg);
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.blog-area .box-area-S:hover .overlay:before{width: 200%;}
.blog-area .blog-date i {
    padding-right: 10px;
    font-size: 20px;
    font-weight: 600;
    top: 1px;
    position: relative;
}
.blog-area .blog-date .blog-icon {text-align: center;}
.blog-area .blog-posts h4{
    font-size: 26px;
    font-weight: 700;
    margin: 0px 0 18px;
    line-height: 40px;
    text-align: center;
    word-break: break-word;
}
.blog-area .blog-single p{font-size: 17px; margin-bottom: 0;line-height: 25px;font-weight: 400;}
.blog-area .blogbtn {position: absolute;right: 32px;bottom: 13px;}
.blog-area .blogbtn a {
   display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 3px 4px 3px 7px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    z-index: 3;
    transition: all 1s;
    border: 2px solid #fff;
    border-radius: 50px;
}
.blog-area .blogbtn a .blog-button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 0;
  white-space: nowrap;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
  transition: all 0.4s ease;
  pointer-events: none;
}
.blog-area .blogbtn a:hover .blog-button {
  width: 100px;
  opacity: 1;
  margin-left: 10px;
}
.blog-area .blogbtn a i{font-size: 18px; transition: all 1s; margin-left: 2px;}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar{top: 3em !important;}
/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;overflow: hidden;}
.f-newsletterbx .news-img img{width: 100%;    height: auto;}
/*.f-newsletterbx .ftnwsfm{ padding:3em 5em 0em 5em;}*/
.footer-area .f-newsletterbx{position: relative;top: 5.2em;left: 21em;}
.footer-area .footer-rghtbx{position: relative;    align-self: end;}
/*.footer-area .footer-bx {
    left: -34%;
    position: absolute;
    -webkit-mask-image: url(images/shape2.png);
    -webkit-mask-repeat:round;
    -webkit-mask-position: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    top: 0;
    bottom: 0;
    right: 0;
}*/
.footer-area .footer-bx {
    margin-left: -27%;
    position: relative;
    -webkit-mask-image: url(images/shape2.png);
    -webkit-mask-repeat: round;
    -webkit-mask-position: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100% 100%;
}

.footer-area .newstitle h3 {
    position: relative;
    font-size: 26px;
    color: #fdfdfd;
    font-weight: 700;
    background: #232349;
    line-height: 57px;
    padding: 0px 40px;
    border-radius: 50px 0 0 50px;
    margin: 0 0em 1.2em 0;
    border: 1px solid #FCCB9D;
    border-left: none;
    border-right: none;
}
.footer-area {position: relative;overflow: hidden;}
.footer-area .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    
}
.footer-area .fbox {
    width: 100%;
    padding: 6.5em 0 0 0;
    position: relative; 
    height: 100%;
    -webkit-mask-image: url(images/Path2.png);
    -webkit-mask-repeat: space;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.footer-box {position: relative;margin-left: 23%;}
.footer-area .footer-leftovly {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #232349;
    z-index: -1;
/*    border-radius: 0 8em 0 0/0 13em 0 0;*/
}
.footer-area i { padding-right: 6px;}
.footer-area li {display: block;margin-bottom: 13px;font-size: 15px;font-weight: 500; }
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;}
/*.footer-area li:before {
    content: "\f015";
    font-family: 'Fontawesome';
    font-size: 16px;
    padding-right: 10px;
}*/
.footer-area .gallery-item {padding-right: 13px;padding-bottom: 13px;}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p { 
    margin-bottom: 35px;
    font-weight: 500;
    line-height: 28px;
    font-size: 16px;
}
footer#footer.footer-area .widget-title {   
    margin-top: 0em;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    /*text-decoration: underline;*/
}
footer#footer.footer-area .widget-title:after{
    display: block;
    margin: -5px 0 0 0;
    content: " ";
    border-color: #3ff;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.footer-area .widget {margin-bottom: 1.5em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: absolute;bottom: 0;left: 9em;right: 9em;}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text, .footer-text a {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 15px;
    color: #fff;
    z-index: 9;
    position: relative;
}
.footer-text:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FCCB9D;
    opacity: 0.6;
    z-index: -1;
    border-radius: 50px;
}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: none;
    font-size: 16px;
    border-radius: 0px;
    background: transparent;
    margin-bottom: 4px;
    padding: 12px 10px 12px 18px;
    font-style: normal;
    font-weight: 400;
    word-break: break-all;
}
.footer-area textarea {  height: 80px !important;}
.footer-area .box-form { 
    position: relative; 
    overflow: hidden;
   /* left: 30%;*/
    background: #FCCB9D;
    border-radius: 7% 10% 75% 20% / 42% 0% 0% 84%;
    border: 3px solid #232349;
    padding: 15px 10px 0 50px;
}
.footer-area .wpcf7-spinner{
    visibility: hidden;
    display: block;
    background-color: #23282d;
    opacity: 0.75;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.footer-area .ftnwsfm input[type="submit"]{position: relative;}
.footer-area input[type="submit"]{
    padding: 7px 31px;
    white-space: normal;
    font-weight: 600;
    font-size: 20px;
    border-radius: 0px;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: none;
    border-radius: 50px;
}
.footer-area .footer-img{position: relative;padding: 1px 0;}
.footer-area .footer-img:after{
    content: '';
    position: absolute;
    top: 0;
    left: -30em;
    bottom: 0;
    right: 71%;
    background: #FCCB9D;
    z-index: -1;
    border-radius: 0 50px 50px 0;
}
.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: 10px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;}
.footer-area .social-profile-icons ul li a {    
    display: inline-block;
    font-weight: 800;
    width: 51px;
    height: 49px;
    line-height: 57px;
    background: #fff;
    border-radius: 35px 9px 14px 13px/35px 7px 14px 9px;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0;
}
.footer-area .social-profile-icons i.fa { font-size: 30px; padding: 0;}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{ opacity: 0.8;border-radius: 20px;transition: all .5s;}

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


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

#testimonials .ts-area-single-inn,
#innerpage-box .ts-area-single{display: none;}
#innerpage-box .innertest-item{float: left;}
#innerpage-box .item.innertest-item{
    width: 50%;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .ts-area-single-inn {
    margin: 0 0.2em 1.2em 0.3em;
    /* box-shadow: 5px 4px 25px 4px rgb(180 177 177 / 20%); */
    background: #f3f3;
    border-radius: 16px;
    border: 1px solid #E39E5D;
}
#innerpage-box .ts-area-thumb {
    position: relative;
    padding: 16px 16px 8px;
    background: #fff;
    width: 250px;
    border-radius: 5px;
    text-align: center;
   transform: rotate(-4deg);
}
#innerpage-box .ts-area-thumb:before{
   content: '';
    position: absolute;
    background: #E39E5D;
    opacity: 0.7;
    width: 95px;
    height: 25px;
    left: -28px;
    top: -1px;
    transform: rotate(-32deg);
}
#innerpage-box  .tsareainn:hover .ts-area-thumb{
    animation: swingimg ease-in-out 1s infinite alternate;
    transform-origin: left -20px;
    float:left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
@keyframes swingimg {
    0% { transform: rotate(4deg); }
    100% { transform: rotate(-4deg); }
}
#innerpage-box .ts-img { position: relative;}
#innerpage-box .ts-area-thumb img {
    height: 200px;
    width: 100%;
    text-align: center;
    transition: all .8s;
    border-radius: 5px;
}
#innerpage-box .ts-area-bx { padding: 0 10px 0 16px; margin: 3em 0 1em;}
#innerpage-box .ts-area-bx i {
    font-size: 30px;
    color: #E39E5D;
    margin-left: -4px;
}
#innerpage-box .ts-area-c p {
    font-size: 14px;
    line-height: 24px;
    margin: 2px 0px 0 0px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    word-break: break-word;
}
#innerpage-box .text-designation {font-size: 17px;margin-top: 3px;font-weight: 400;transition: all .8s;}
/*#innerpage-box .tsareainn:hover .text-designation {font-weight: 600;transition: all .8s;letter-spacing: 2px;}*/
#innerpage-box h5.ts-area-title { 
    position: relative;
    margin: 0.8em 0 0 0px !important;
    transition: all .8s;
    font-weight: 500 !important;
}
#innerpage-box  .tsareainn{transition: all .8s;padding: 1.4em 1em 1.2em 3.5em;font-weight: 600 !important;}
/*#innerpage-box  .tsareainn:hover h3.ts-area-title { letter-spacing: 2px;transition: all .8s;}*/

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .single-team {
    position: relative; 
    margin-bottom: 1.6em; 
    width: 33%; 
    float: left;
    padding: 0 6px;
}
#innerpage-box .inner-team { position: relative;/* overflow: hidden;*/}
#innerpage-box .textbx h4 {
    position: relative;
    margin: 0 0 13px 0 !important;
    font-weight: 500 !important;
}
body.page-template-default main#innerpage-box .textbx h2:after{display: none;}
#innerpage-box .single-team-img{position: relative;overflow: hidden; margin: 0 auto;border-radius: 15px 15px 0 0;}
#innerpage-box .single-team-img:before{
    content: "";
    width: 50%;
    height: 75%;
    border-top: 180px solid #232349;
    border-left: 158px solid #FCCB9D;
    border-bottom: 188px solid transparent;
    border-right: 151px solid transparent;
    position: absolute;
    top: 0;
    left: -224px;
    z-index: 1;
    transition: all .4s ease-in-out;
}
#innerpage-box .inner-teambx:hover .single-team-img:before{
    border-top: 325px solid #FCCB9D;
    border-left: 422px solid #FCCB9D;
    border-bottom: 218px solid transparent;
    border-right: 160px solid transparent;
    opacity: 0.7;
    transform: rotate3d(0,0,1,54deg) scale3d(1,1,1);
    top: 103px;
    left: -350px;
}
#innerpage-box .single-team-img img{width: 100%;height: 386px;transition: all .5s linear;}
#innerpage-box .textbx{
   position: relative;
    overflow: hidden;
    background: #f3f3;
    padding: 1.6em 2em 1.3em;
    border-radius: 0 0 15px 15px;
    box-shadow: -2px 0px 8px rgb(63 78 100 / 15%);
}
#innerpage-box .textbx .team-designation{
    position: relative;
    word-break: break-word;
    font-size: 19px;
    margin: 2px 0 10px 0;
    font-weight: 600;
}
#innerpage-box .team-social-icon{ position: relative;display: inline-flex;}
#innerpage-box .team-social-icon li {
    position: relative;
    overflow: hidden;
    list-style: none;
    font-size: 25px;
    margin: 8px 15px 4px 0;
    text-align: center;
    border-radius: 50px;
    transition: all .4s linear;
}
#innerpage-box .team-social-icon li:hover{ border-radius: 0px;transition:all .4s linear;}
#innerpage-box .team-social-icon a i{
    font-weight:500;
    color:#767779;
    transition:all .4s linear;
    padding: 0px 14px 0 1px;
}
#innerpage-box .team-social-icon li:hover a i{ 
    transition: all .4s linear; 
    transform: rotate(360deg);
}
#innerpage-box .inner-teambx .teaminn-ovly{
    content: "";
    background: #E39E5D;
    width: 500px;
    height: 500px;
    border-top: 10px solid #FCCB9D;
    transform: rotate(-49deg);
    position: absolute;
    top: 52%;
    left: 62%;
    z-index: 1;
    transition: all 0.3s ease-in;
}
#innerpage-box .inner-teambx:hover .teaminn-ovly {
    top: 38%;
    left: 55%;
}
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#innerpage-box .innergalry{position: relative;}
/*#innerpage-box .innergalry:nth-child(5n + 4){width: 100%;}
#innerpage-box .innergalry:nth-child(5n + 3){width: 40%;}
#innerpage-box .innergalry:nth-child(5n + 2){width: 60%;}
#innerpage-box .innergalry:nth-child(5n + 1){width: 60%;}
#innerpage-box .innergalry:nth-child(5n + 0){width: 40%;}*/
/*#innerpage-box .innergalry:nth-child(5n + 4){width: 50%;}
#innerpage-box .innergalry:nth-child(5n + 3){width: 33%;}
#innerpage-box .innergalry:nth-child(5n + 2){width: 50%;}
#innerpage-box .innergalry:nth-child(5n + 1){width: 33%;}
#innerpage-box .innergalry:nth-child(5n + 0){width: 33%;}*/

#innerpage-box .innergalry:nth-of-type(4n-3){width: 63% ;}
#innerpage-box .innergalry:nth-of-type(4n-2){width: 37%;}
#innerpage-box .innergalry:nth-of-type(4n-1){width: 37%;}
#innerpage-box .innergalry:nth-of-type(4n-0){width: 63%;}
#innerpage-box .innergalry:hover .lz-gallery-images { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
#innerpage-box .lz-gallery-images {
    position: relative;
    overflow: hidden;
    background: #000;
    margin: 0 3px 25px;
    border-radius: 25px;
    border: 4px solid #E39E5D;
}
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    height: 330px;
/*    z-index: 1;*/
}
#innerpage-box .innergalry:hover .lz-gallery-images img {
    opacity: 0.5;
    transform: scale(1.1);
}
/*#innerpage-box .lz-gallery-images .overlay{
    content: '';
    position: absolute;
    background: 000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.35s ease;
}*/
#innerpage-box .lz-gallery-images .over-text {
    color: #fff;
    background: #13c5dd;
    width: 100%;
    padding: 10px 0 20px;
    transform: translateX(-50%);
    position: absolute;
    top: -100px;
    left: 50%;
    transition: all 0.35s ease;
}
#innerpage-box .innergalry:hover .lz-gallery-images .over-text{ top: 0; }
#innerpage-box .lz-gallery-images .inner-area-title:after {display: none !important;}
#innerpage-box .lz-gallery-images .over-text h3{
    position: relative;
    padding: 0;
    margin-bottom: 0 !important;
    color: #000 ;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    text-align: center;
    font-weight: 600 !important;
}

#innerpage-box .gall-icn i{
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    /*margin: 0;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#innerpage-box .lz-gallery-images:hover .gall-icn i{  opacity: 1;}
#innerpage-box .lz-gallery-images:hover .gall-icn i{
    -webkit-transform: scale(2) translate(0px, -30px);
    transform: scale(2) translate(0px, -30px);
    font-size: 10px;
    border-radius: 0%;
    width: 25px;
    height: 25px;
    line-height: 23px;
    background: #000;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/
.page-template-default #innerpage-box .single-service-bx { display: none; }
.service-area .singleinner-service { display: none; }
#innerpage-box .inn-single-service-bx {  padding: 0 2.8em;}
#innerpage-box .serviceinn-bx{border-radius: 0 15px 0 0;}
#innerpage-box .service_inbox{
    position: relative;
    transition: all .3s;
    padding: 17px 17px 0;
}
#innerpage-box .service_inbox:before{
    content: '';
    position: absolute;
    background: #EE9C50;
    width: 75px;
    height: 30px;
    top: 0;
    left: -23px;
    border-radius: 100px 0 0;
    z-index: -1;
}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    transition: all .3s;
    border-radius: 10px;
}
#innerpage-box .singleinner-service .service_inimg img {
    width: 100%;
    height: 196px;
    transition: all .3s;
    position: relative;
}
#innerpage-box .service_inimg .serinnolay{
    background: linear-gradient(#FCCB9D,#232349);
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease 0s;
}
#innerpage-box .singleinner-service:hover .serinnolay { 
    border-radius: 100% 0 0 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    opacity: 0.7;
}
#innerpage-box .singleinner-service {margin-bottom: 6em; transition: all .3s;}
#innerpage-box .serbx {position: relative; padding: 1.3em 1em 0em 0em;transition: all .3s;}
#innerpage-box .serbx .s-icon{
    position: absolute;
    left: 15px;
    top: -1.3em;
    font-size: 25px;
    width: 52px;
    height: 52px;
    line-height: 47px;
    background: #232349;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #fff;
    color: #FCCB9D;
    z-index: 1;
}
#innerpage-box .serbx .s-icon .arrow-bg{
    content: '';
    width: 65px;
    height: 65px;
    background: #232349;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    right: -10px;
    top: -10px;
    transition: all 1s;
    opacity: 0;
    transform: scale3d(1, 1, 1);
    z-index: -7;
}
#innerpage-box .singleinner-service:hover .serbx .s-icon .arrow-bg{
    opacity: 0.5;
}
#innerpage-box .serbx h3{margin: 0 0 0px 0!important;font-weight: 700 !important;line-height: 35px;}
#innerpage-box .service_inbox .serbx h2:after { display: none;}
#innerpage-box .serbx p{
    transition: all .3s;
    font-size: 20px;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 11px 0 0;
}
#innerpage-box .serbtn {position: absolute;right: 0;}
#innerpage-box .serbtn a{
    margin-top: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 45px;
    height: 45px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 23px;
    font-weight: 300;
    z-index: 1;
    transition: all 0.1s ease 0.1s;
    border: 2px solid #232349;
}
#innerpage-box .serbtn a:hover{transition: all 0.1s ease 0.1s;}
#innerpage-box .singleinner-service svg {
    position: relative;
    margin-top: -13px;
    z-index: -2;
}

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

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

div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    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 .contact-address-area { position: relative;margin: 2em 0 4em 0; overflow: hidden;}
#innerpage-box .contact-address-area .cntlhsbx { margin-bottom: 2em;padding-right: 3em;}
.contact-address-area .cntlhsbx p { font-size: 15px; padding: 8px 0;}
#innerpage-box .cntpgbx {
    padding: 1.3em 1.3em 1em;
    margin: 0em 0em 20px 0em;
    position: relative;
    overflow: hidden;
    border: 1px solid #FCCB9D;
    border-radius: 14px;
}
#innerpage-box .cntlhsbx p{font-size: 15px;}
#innerpage-box .cntpgtxt{padding: 5px 15px;}
#innerpage-box .cntpgtxt h3:after{display: none !important;}
#innerpage-box .cntpgtxt p,
#innerpage-box .cntpgtel a{
    word-break: break-all;
    font-size: 19px;
    margin-bottom: 1px;
    padding: 0;
    font-weight: 400;
    line-height: 24px;
}
#innerpage-box .cntpgicn{text-align: center;}
#innerpage-box .cntpgicn i{font-size: 34px;text-align: center;}
#ht-contactus-wrap .contact-form{ position: relative; overflow: hidden;text-align: center;}
#innerpage-box .contact-address-area .contforminn {padding: 2.8em 2.5em 1.5em 2.5em;border: 1px solid #000;}
#ht-contactus-wrap .maintle{ 
    position: relative;
    font-size: 26px;
    font-weight: 700;
    margin: 2px 0 35px;
    text-align: center;
}
#ht-contactus-wrap .maintle:hover:after{width: 25%;height: 2px;transition: all 0.5s;}
#innerpage-box .contact-mapbox iframe { width: 100%; height: 348px;margin-top: 10px;}
#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 {
    margin: 1.3em 0 0.5em;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 15px 25px 14px;
    border-radius: 0px;
    font-weight: 400;
    border-radius: 50px;
    background: transparent;
}
#ht-contactus-wrap textarea {height: 179px;border-radius: 30px;}
#ht-contactus-wrap input[type="submit"] {
    padding: 17px 30px;
    margin-top: 1.1em;
    border-radius: 50px;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: none;
    transition: all 1s ease 0s;
}

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-content {text-align: center;}
div#content-box .faq-content button.accordion {
    position: relative;
    color: #444;
    cursor: pointer;
    width: 93%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: #fbb34d;
    padding: 25px 14px 25px 45px;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow: none;
}

div#content-box .faq-content button.accordion{
    border: 1px solid #000;
    border-radius: 11px;
}
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.active{
    width: 88%;
    transition: 0.6s ease-in-out;
    border-radius: 37px;
    padding: 30px 14px 32px 45px;
    margin-left: 1em;
    border: none;
}
/*div#content-box .faq-content button.accordion:after {
    content: "\f111";
    font-family: 'Fontawesome';
    font-size: 14px;
    color: #000;
    float: left;
    left: 0;
    position: relative;
    top: -22px;
    font-weight: 600;
    transition: all 0.2s ease 0s;
}*/

div#content-box .faq-content button.accordion:before {
    content: "\f105";
    font-family: 'Fontawesome';
    font-size: 40px;
    color: #000;
    /* float: right; */
    right: -30px;
    top: 3px;
    position: absolute;
    text-align: center;
    font-weight: 300;
    width: 71px;
    height: 72px;
    line-height: 72px;
    background: #232349;
    border-radius: 50px;
    border: 1px solid #6565E6;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f107";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
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 18px 0;
    border: none;
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel{  border: 1px solid #000;border-radius: 21px;}
div#content-box .faq-content div.panel.show {    
    background: #f3f3;
    opacity: 1;
    max-height: 500px;
    padding: 73px 50px 32px 45px;
    margin-top: -2.5em;
    position: relative;
    z-index: -1;
    margin-left: 1.4em;
    text-align: left;
    transition: all 0.2s ease;
}
div#content-box .faq-content div.panel p{margin: 12px 0 12px 0; line-height: 33px; font-size: 20px;}
main#innerpage-box div#content-box h5.faq-title {
    padding-right: 35px;
    margin: 0;
    font-weight: 400;
    line-height: 30px;
    word-break: break-word;
    text-align: left;
}
main#innerpage-box div#content-box h5.faq-title:after {  display: none;}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

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

/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

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

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/
.widget-area form#searchform input[type="submit"] {
    display: inline-block;
    background: #e1e1e1;
    padding: 10px 22px !important;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    color: #1d62b8;
    position: absolute;
    text-indent: -999px;
    border-radius: 0;
    transition: all 0.5s;
    border-radius: 50px!important;
    width: 48px !important;
    height: 48px;
    line-height: 48px;
    right: 4%;
    float: right;
    top: 57%;
    z-index: 1 !important;
    opacity: 0;
    background: none;
}
.widget-area form#searchform:after {
    position: absolute;
     margin-top: -24%;
    font-size: 19px;
    right: 4%;
    text-align: center;
    color: #fff;
    background: #000;
    background-repeat: no-repeat;
    width: 48px !important;
    height: 48px;
    line-height: 48px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    display: inline-block;
    border-radius: 50px;
}

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:5em 1em 2em;}
.single-post .ht-main-title { margin: 0px 0 15px; padding: 15px 15px 0;}
/*.innerpage-whitebox{  padding: 0 0em;}*/
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 20px 0;list-style: none;font-size: 18px;margin: 0;}
#content-box ol{ font-size: 18px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;padding: 5px 0 5px;}
/*#content-box ul li:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/
#content-box ul li:hover:before { transform: scale(1.4);}
.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
/*.widget-area ul li:hover:before {  transform: scale(1.4);}*/
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0 0 30px;}
#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: #f07100;
    border-radius: 0%;
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #FCCB9D;
}
.page_featured {margin: 0 4em;margin-bottom: 2em;padding: 10em 4em;}
img.ht-page-header-img{ width: 100%;box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);}
.sticky {   display: block;}
.total-hentry { margin: 0 0 50px;}
.byline,
.updated:not(.published) { display: none;}
.page-links {clear: both;margin: 0 0 15px;}
.ht_no_sidebar #primary{width: auto;float: none;}
.ht_no_sidebar_condensed #primary{width: 76%;float: none;margin: 0 auto;}
.ht_left_sidebar #primary{float: right;}
.ht_left_sidebar #secondary{float: left;}
.ht-post-info{float: left;width: 80px;text-align: right;}
.single .ht-post-info{margin-right: 30px;margin-bottom: 20px;}
.ht-post-info .entry-date{display: block;font-size: 0.9em;margin-bottom: 20px;}
.ht-post-info .entry-date span{ display: block;}
.ht-post-info .entry-date span.ht-day{ font-size: 60px;line-height: 1.3; color: #fe5722;}
.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    /*text-transform: uppercase;*/
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}
.ht-post-wrapper{padding-left: 105px;}
.entry-figure{background: #f9f9f9; text-align: center; margin-bottom: 15px;}
.entry-header .entry-title{font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;}
.entry-figure + .entry-header{background: #FFF;position: relative;margin-top: -65px;width: 90%;padding: 15px 0 1px;}
.entry-header .entry-title a{ text-decoration: none; color: #333;}
.entry-categories{font-size: 14px;color: #666;font-style: italic;margin-bottom: 15px;}
.entry-categories .fa{ color: #fe5722;margin-right: 8px;}
.entry-categories a{color: #666;text-decoration: none; }
.entry-readmore{margin-top: 20px;}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

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

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

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    overflow: hidden;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    z-index: 999;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 20px;
    right: 16px;
    color: #000;
    text-align: center;
    font-size: 20px;
    padding: 1px 1px 1px 1px;
    text-decoration: none;
    background: #e5cddd;
}
#back2Top svg.bi.bi-amd {
    font-size: 112px;
    width: 30px;
    height: 25px;
    color: #000;
}

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

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

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

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{ padding: 0 25px; margin: 0em 0em 1.5em 0em;}
#innerpage-box .inner-blogpost {
    background: #d33;
    position: relative;
    border-radius: 25px; 
    padding: 21px;
    box-shadow: 0 0px 10px 3px rgb(153 154 155 / 14%);
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;border-radius: 25px 25px 0 0;}
#innerpage-box .inner-blogpost .blog-Athr li{list-style: none;display: inline-block;word-break: break-word;}
#innerpage-box .inner-blogpost .blog-date {margin-right: 45px;}
/*#innerpage-box .inner-blogpost .blog-Athr li:last-child{float: right;}*/
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 252px;
    border-radius: 0px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
#innerpage-box .ht-blog-thumbnail .overlay{
    content: '';
    background: linear-gradient(#2193b0,#6dd5ed);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 25px;
    transition: all 0.3s ease 0s;
}
#innerpage-box .inner-blog-post .inner-blogpost:hover .overlay { 
    opacity: 0.4;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}
#innerpage-box .inner-blogpost-info {
    padding: 3.4em 0.7em 1.7em 0.7em; 
    position: relative;
    border-radius: 0 0 25px 25px;
}
main#innerpage-box #blog-box h5{
    position: relative;
    font-weight: 500;
    word-break: break-word;
    margin: 0 0 0.5em 0.6em;
    line-height: 31px;
}
main#innerpage-box #blog-box h5:before{
    content: '';
    position: absolute;
    left: -13px;
    top: 3px;
    bottom: 2px;
    background: #232349;
    width: 6px;
}
body.page-template-default #blog-box h5:after{display: none !important;}
#innerpage-box .inner-blog-excerpt {
   font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    word-break: break-word;
    padding: 7px 0 20px 0;
    position: relative;
}
/*#innerpage-box .inner-blogpost .blog-comm,*/
#innerpage-box .inner-blogpost .blog-Athr {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    word-break: break-word;
    background: #f3f;
    padding: 18px 25px 18px 23px;
    border-radius: 0px;
    position: absolute;
    left: 1.8em;
    right: 1.8em;
    top: -2em;
    border-radius: 32px;
}
#innerpage-box .inner-blogpost .blog-Athr .fa-comments-o{ padding:0 10px;}
#innerpage-box .inner-blogpost .blog-Athr i { padding-right: 10px;font-size: 17px;}
#innerpage-box .inner-blog-post .bloginnbtn{
   position: absolute;
    left: 45%;
    margin: 0 auto;
    bottom: -15px;
}
#innerpage-box .inner-blog-post .bloginnbtn a{
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 3px 4px 3px 7px;
    text-align: center;
    background: #fff;
    color: #232349;
    font-size: 18px;
    font-weight: 500;
    z-index: 3;
    transition: all 1s;
    border: 2px solid #232349;
    border-radius: 50px;
}
#innerpage-box .inner-blog-post .bloginnbtn a i {
    font-size: 18px;
    transition: all 1s;
    margin-left: 2px;
}
#innerpage-box .inner-blog-post .bloginnbtn a .blog-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 0;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
    pointer-events: none;
}
#innerpage-box .inner-blog-post .bloginnbtn a:hover .blog-btn {
  width: 100px;
  opacity: 1;
  margin-left: 10px;
}

/*--------------------------------------------------------------
## 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;font-weight: 600;margin: 20px 0;}

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

.page-template-templates main#innerpage-box #blog-box h2:after { display: none;}
#sidebars .sidebar,
div#secondary.widget-area .widget {     
    box-shadow: 0 0px 4px 2px rgb(63 78 100 / 6%);
    padding: 2.5em 0 0.5em;
    margin: 1.5em 0px 2.5em 0px;
    border: 1px solid #FCCB9D;
    border-radius: 0 0 8px 8px;
}
div#secondary.widget-area .widget_nav_menu{padding: 2.5em 0 0em;margin: 1.5em 0px 2em 0px;}
div#secondary.widget-area .widget_nav_menu{
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}
.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    font-size: 22px !important;
    position: absolute;
    color: #000;
    font-weight: 500;
    background: #f3f;
    padding: 12px 10px 13px 45px;
    margin: 0em -2px 0px -2px;
    position: absolute;
    left: 0;
    right: 0;
    top: -1em;
    display: block;
    border-radius: 50px;
    text-align: left;
    border: 2px solid #E39E5D;
}
 #innerpage-box .widget-area .widget-title:before{
   content: '';
    position: absolute;
    left: 9%;
    top: 39%;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #fff;
 }
#innerpage-box .widget-area .widget-title:after {display: none;}
/*#innerpage-box .widget-area .widget-title:before{
    content: "\f111";
    top: -2px;
    position: relative;
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 10px;
    color: #000;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}*/
main#innerpage-box .widget-area .tagcloud a {
    margin: 2px 4px;
    padding: 4px 4px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    background: none;
    text-align: center;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 0 0 0;}
.widget-area .textwidget { padding: 10px;}
.widget-area li span.post-date {margin-bottom: 1em;position: relative;display: list-item;}
.widget-area .widget_media_image img {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 .gallery-item a{padding: 0;}
.widget-area div#calendar_wrap {padding: 0px 1px 0 ;margin: 0;border: 1px solid #eaeaea;}
.widget_calendar table {border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { 
    width: 100%;
    padding: 0px;
    display: contents;
    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;}
.woocommerce div.product .product_title{font-weight: 500;position: relative;padding: 0 0 17px;}
.woocommerce div.product .product_title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #232349;
    width: 80px;
    height: 4px;
    border-radius: 5px;
}
.ht-container .product form.cart {
    margin-top: 1.8em;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #DFDBDB;
}
.cart button.single_add_to_cart_button.button.alt {
   width: 427px;
    font-size: 16px !important;
    padding: 7px 10px !important;
    font-weight: 600;
    line-height: 29px !important;
    border-radius: 8px !important;
    margin: 0px 0 0 7px !important;
    box-shadow: none !important;
}
.woocommerce .quantity .qty {
    height: 43px !important;
    width: 30px !important;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    padding: 0px !important;
    border-radius: 0px;
    text-align: center;
    border: none;
}
.quantity input[type=number]::-webkit-inner-spin-button, 
.quantity input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   /* margin: 0; */
text-align: center;
}
.quantity button.minus, .quantity button.plus {
   width: 30px;
    height: 43px;
    line-height: 40px;
    font-weight: 500;
    font-size: 19px;
    box-shadow: none;
    text-align: center;
    padding: 0;
}
.select2-container--default .select2-selection--single, .woocommerce .quantity .qty, div#payment, #coupon_code, .quantity button.minus, .quantity button.plus {
    background: transparent !important;
}
.woocommerce div.product form.cart div.quantity {border: 1px solid #000;border-radius: 4px;}
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    height: 48px;
    width: 170px;
    padding: 12px;
    border-radius: 6px;
    font-size: 16px;
}
.woocommerce .products ul, .woocommerce-page .products ul, 
.woocommerce ul.products, .woocommerce-page ul.products {padding-top: 30px !important;}
/*--------------------------------------------------------------
## 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 !important;margin: 0 1% 2.992em 0;}
/*.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {

}*/
.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;}
.woocommerce ul.products li.product a img{
    border: 13px solid #f1f0f0 !important;
    height: 375px;
    border-radius: 50px;
}
.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 10px 10px 0;}
.woocommerce ul.products li.product a{color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0 9px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{ margin: 5px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px;}
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #fe5722;margin: 0;}
.woocommerce ul.products li.product .price del{ display: inline;color: #999;opacity: 1;display: none;}
.woocommerce ul.products li.product .price ins{display: inline;font-weight: 500 !important;font-size: 16px !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 .related.products ul.products li.product .button{font-weight: 600;display: initial;float: right;}
.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 17px;
    font-weight: 400;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    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: 50px;
    box-shadow: none;
}

.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{border: 0;margin: 0;}
.woocommerce nav.woocommerce-pagination ul li{border: 0;margin: 0 4px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

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

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

.woocommerce ul.products li.product .onsale{margin: 10px -6px 0 0;display: none;}
.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;font-size: 28px;}
#page .ht-container .summary .price { border-top: 1px solid #DFDBDB;padding: 1em 0 0em;}
.woocommerce .woocommerce-product-details__short-description p{line-height: 27px;}
.woocommerce div.product .woocommerce-tabs .panel p{font-size: 16px;line-height: 30px;margin-top: 5px !important;}
.woocommerce div.product .woocommerce-tabs .panel p.comment-notes{border-bottom: 1px solid #716F71;padding-bottom: 1.5em !important;}
.comment-respond .comment-reply-title{font-size: 20px;font-weight: 600;}
.comment-form-rating{margin: 2em 0;}
.woocommerce #reviews #comment {height: 125px;margin-bottom: 2em;}
main#innerpage-box .comment-notes span {color: #716F71;}
.woocommerce div.product p.price del{display: none;}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{font-weight: 400;}
.woocommerce .product_meta{font-size: 17px;}
.woocommerce .product_meta a{color: inherit;margin: 0 4px;}
.woocommerce .product_meta a:hover{ color: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;border-bottom: 1px solid #DFDBDB;overflow: visible;}
.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: 15px 10px;
    font-weight: 400;
    font-size: 20px;
    font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background: none;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{font-size: 20px !important; margin-bottom: 30px !important;font-weight: 600;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 47%;margin-bottom: 2em !important;}
.woocommerce-Reviews .comment-form-author{margin-right: 4.5em !important;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;height: 75px;}
.woocommerce .related.products{margin-top: 3em;}
.woocommerce .related.products .price{float: left;margin: 1.5em 0 0 2em !important;}
.woocommerce .related.products .price ins{font-size: 22px !important;}
.related.products h5{ margin-bottom: 30px;font-weight: 600;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{background: #fe5722;border-color: #fe5722;}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {width: 32%;}

#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-container {
    margin: 10px 10px 20px 15px !important;
    width: 90% !important;
}
.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; border: 4px solid #fe5722;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    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 ul.products li.product, .woocommerce-page ul.products li.product{margin-bottom: 40px !important;}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}

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

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {display: inline-block; margin-left: 10px; padding-top: 15px;padding-bottom: 15px;}
.single_post .datebx  i { padding-right: 10px;}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    width: 93px;
    padding: 8px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50px;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    margin-left: 12px;
}
div#sidebars ins {background: none;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
#secondary.widget-area { 
    padding-bottom: 0em;    
/*    background-color: #fff;*/
    /*box-shadow: 0 0px 4px 2px rgb(63 78 100 / 6%);
    margin-left: 4px;
    margin-right: 4px;*/
}
/*#secondary.widget-area .widget{margin-bottom: 1em;}*/
/*--------------------------------------------------------------
# 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 div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{position: relative;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    border: 3px solid #000000;
    border-top: none;
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    font-size: 20px;
    padding: 5px 15px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50px;
    box-shadow: none;
}
.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 a img:hover {
    opacity: 0.8; 
    transform: scale(1.05);
    border-radius: 0px;
}
.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{margin-bottom: 2em;margin-top: 1em;}
.woocommerce .widget_price_filter .price_slider_amount .price_label {padding-top: 0px;font-size: 18px;}
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;}

/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as, 
.woocommerce div.product .product_meta .sku_wrapper{
    display: block;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0.7em;
}
.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 div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    margin-top: 2em;
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
.slider_section .owl-nav .owl-prev{left: 12% !important;}
/*.footer-area .bottom-area{bottom: 7em;left: 2em;right: 2em;}*/
/*main#innerpage-box .ht-blog-thumbnail img {
 height: 272px;
}*/
}

@media only screen and (max-width: 1500px) {
    .slider_section .slider-area,
    .slider_section .slider-image .slide-mainimg{height: 750px;}
    .slider_section .slider_content{left: 6%;}
    .slider_section .slider-image{left: -18%;}
    .slider_section .slider_content{width: 700px;top: 23%;}
    .slider_section .sub-title{width: 540px;}
    .slider_section .owl-nav .owl-prev {left: 14%;}
    .footer-area .f-newsletterbx{left: 13em;}
    .footer-box{margin-left: 15%;}
    .footer-area .bottom-area{bottom: 4em;}
}
@media only screen and (max-width: 1299px) {
header .Hbtn a { padding: 10px 12px;}
.navigation .mainmenu li {  margin: 0 6px;}
.slider_section .slider_content{right: 1%;}
.slider_section .bx-wrapper .bx-controls-direction a{top: 87%;}
.slider_section .bx-wrapper .bx-prev { left: 45%;}
.slider_section .bx-wrapper .bx-next {  right: 45%;}
.slider_section .slider_content{top:20%;}
#about .about-area-data { margin-left: 0em;}
#team .single-team {  padding: 0 15px;}
#team .team-social-icon a i { margin:8px 0px;}
#appointment .infoinnbx { margin: 0 0 0 0px;}
#appointment h5 { font-size: 35px;}
.f-newsletterbx .ftnwsfm{ padding:1em 0em 1em 2em;}
#innerpage-box .lz-gallery-images img { height: 300px;}
#innerpage-box .team-social-icon li {width: 31px;height: 31px;line-height: 31px;font-size: 18px;margin: 4px 4px 4px 0;}
#innerpage-box .cntpgbx { margin: 0em 0em 1em 0em;}
/*.page-main-header .headinnbx { width: 70%;}*/
#innerpage-box .inner-blogpost{margin: 0 ;}
.widget-area form#searchform:after {margin-top: -25%;}
.service-area .single-service{margin: 0 1em;}
.blog-area .blog-single{padding: 143px 20px 80px;}
.blog-area .blog-date{padding: 11px 15px;}
.footer-area .f-newsletterbx {left: 9em;}
#innerpage-box .inner-teambx .teaminn-ovly{top: 30%;}
div#content-box .faq-content button.accordion{padding: 25px 14px 25px 25px;}
#innerpage-box .contact-address-area .cntlhsbx{padding-right: 1.5em;}
.woocommerce-Reviews .comment-form-author, .woocommerce-Reviews .comment-form-email{width: 46% !important;}
}

@media screen and (max-width: 1200px){
.ct-btn-scroll{
    bottom: 20px;
    }
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
    .slider_section .title{font-size: 40px !important;line-height: 55px !important;}
    .slider_section .sub-title{font-size: 17px;    line-height: 28px;}
}

@media screen and (max-width: 1199px){
    header .hshop a{margin-left: 0px;}
    header .hshop .count{right: -22px;}
    #features .featuresus-single{margin: 0 0px;}
    .blog-area .blog-date{left: 1em;}
    .footer-area .footer-bx{position: relative;margin-left: 0;}
    .footer-area .f-newsletterbx{left: 25em;}
    .footer-area .footer-img:after{right: 80%;}
    .footer-box {margin-left: 11%;}
    #innerpage-box .inn-single-service-bx {padding: 0 1.5em;}
    #innerpage-box .singleinner-service{margin-bottom: 2em;}
    #innerpage-box .inner-blogpost .blog-date {margin-right: 0px;}
    #innerpage-box .inner-blogpost .blog-Athr{left: 1.5em;right: 1.5em;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.service-area h4 { font-size: 25px;}
.facility-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
#features .featuresus-single::before{left: 68%;top: 79%;}
#features .featuresbx:hover .featuresus-single::before{left: 63%;top: 76%;}
#features .featuresus-single{clip-path: polygon(100% 0, 100% 79%, 68% 100%, 0 100%, 0 0);}
#features .featuresbx:hover .featuresus-single{clip-path: polygon(100% 0, 100% 76%, 63% 100%, 0 100%, 0 0);}
#about .section-subtext p{margin: 1em 6em 1.5em 0;}
.blog-area .blog-thumbnail .overlay:before{right: -20%;}
.slider_section .slider-area, .slider_section .slider-image .slide-mainimg{height: 550px;}
.slider_section .slider_content{width: 500px;}
.slider_section .sub-title{width: 365px;}
.blog-area .blog-single{clip-path: polygon(32% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 17%);}
}

@media screen and (min-width: 1200px) and (max-width: 1399px){
    #features .featuresus-single::before{border-width: 80px 76px 0px 0px;}
   /* #features .featuresbx:hover .featuresus-single::before{border-width: 90px 86px 0px 0px;}*/
    #features .featuresus-single{padding: 35px 30px 40px;}
    #about .about-area-data{margin: 0em 5em 0em -2em;}
    .slider_section .slider-area, .slider_section .slider-image .slide-mainimg{height: 650px;}
    .footer-area .bottom-area{bottom: 9em;left: 2em;right: 1em;}
}

@media screen and (max-width: 1399px){
    #about .aboutarea-img .about-img{-webkit-mask-position: top;mask-position: top;}
    #about .aboutarea-img{left: -20%;}
    #about .aboutus-single{margin-bottom: 2em;}
    .blog-area .box-area-S{margin: 0 0em 2em;}
    .slider_section .title{font-size: 50px;line-height: 65px;}
    .page-main-header {padding-top: 9em !important;}
    #innerpage-box .ts-area-thumb{width: 100%;}
    #innerpage-box .lz-gallery-images{margin: 0 0px 25px;}
    #innerpage-box .inner-blog-post{padding: 0 10px;}
    .cart button.single_add_to_cart_button.button.alt{width: 300px;}
    .woocommerce-Reviews .comment-form-author, .woocommerce-Reviews .comment-form-email{    width: 46.5%;}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
.service-area h4 { font-size: 25px;}
.luzuk-content-area {top: 70%; width: 390px;right: 0%;}
#features .featuresus-single::before{left: 66%;top: 77%;}
#features .featuresbx:hover .featuresus-single::before{left: 62%;top: 74%;}
#features .featuresus-single{clip-path: polygon(100% 0, 100% 77%, 66% 100%, 0 100%, 0 0);}
#features .featuresbx:hover .featuresus-single{clip-path: polygon(100% 0, 100% 74%, 62% 100%, 0 100%, 0 0);}
#about .section-subtext p{margin: 1em 4em 1.5em 0;}
.blog-area .blog-date{width: 257px;}
.blog-area .blog-thumbnail .overlay:before{right: -20%;}
.slider_section .slider-area, .slider_section .slider-image .slide-mainimg{height: 530px;}
.slider_section .slider_content{width: 500px;}
.slider_section .sub-title{width: 375px;}
.slider_section .owl-nav .owl-prev{left: 12%;}
.blog-area .blog-single{clip-path: polygon(32% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 16%);}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.facility-area .btn{padding: 18px 40px;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}
header.site-header .text-bx.padding0{padding-left: 15px;}
header.site-header input[type="search"] {
    width: 100%;
}
}

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

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

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

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

@media (max-width: 992px){
.sf-arrows .sf-with-ul:after{ right: 30px !important;}
.ht-site-title, .site-title { font-size: 23px;}
.top-bar-head .head-menu { padding-right: 0;}
#appointment {padding: 2em 0 !important;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
}
}
@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) {
.logo{order: 1;}
header .head-menubx{order: 3;}
header .head-shop{order: 2;}
header .hshop{text-align: right;}
header .hshop .count {right: -14px;top: 5px;}
header .Hbtn a i{display: block;font-size: 20px;}
header .Hbtn a span{display: none;}
header .head-menubx{margin-top: 0;}
header .head-shop{margin-top: 8px;}
header .hshop a i, header .hshop1 a i {margin-top: 20px;}
header .head-menubx{background: transparent !important;}
header .mobnone{display: block;}
header .hshop1 .count{left: 0; right: -10px; margin: 0 auto;}
.site-navigation{background:none ;}
.site-header {position: relative;background: #000;}
.slider_section .title {font-size: 35px; line-height: 30px;}
.slider_section .owl-nav .owl-prev,
.slider_section .owl-nav .owl-next{display: none;}
.slider_section .slider-area,
.slider_section .slider-image .slide-mainimg{-webkit-mask-image:none;mask-image:none;}
.slider_section .slider-image {position: relative;left: 0;}
.slider_section .slider-image .slider-call,
.slider_section .slider-image .slider-ovly{display: none;}
.bx-controls-direction { display: none;}
#features .featuresus-post-boxes { top: 0;}
.section-title { margin-bottom: 3em;}
#about .aboutarea-img img {float: left; right: 0; }
#about .section-title {margin-bottom: 2em; margin-top: 0.5em;}
#about .section-title h1{left: 0; margin:4px 0 8px;font-size: 26px; padding: 4px;}
#about .section-subtext p {  margin: 0.5em 0;}
#testimonials .section-title {margin-bottom: 2em !important;}
#testimonials .ts-area-content {margin: 0.5em 2em;}
#appointment .app-crcl{display: none;}
#appointment h5 { font-size: 28px;}
#appointment .app-detail {padding: 2em 5em 2em 2em;margin-top: 0em;}
#appointment .info-txt { margin: 1em 0;}
.service-area .section-title{margin-left: 0em;}
.service-area p { font-size: 16px !important;margin: 10px 0;}
.blog-area .blog-posts h4 { font-size: 22px;}
.blog-area .blog-posts h4 {margin: 2px 0;}
.blog-area .blog-thumbnail img { height: 280px;}
.blog-area .blog-date i { padding-right: 5px;font-size: 18px;top: 0px;}
.blog-area .blog-date {font-size: 16px;padding: 15px 9px;text-align: center;}
#about,#features,#banner-section,#product-section,#team,#testimonials,#gallery,#appointment,
#blog ,#ourclient,#service{ padding: 2em 0 !important;}
footer#footer.footer-area .widget-title { margin-bottom: 15px;}
#footer{ padding: 1em 0 1em 0em !important;}
.page-main-header{padding:2em 0 2em 0 !important;}
#innerpage-box {  padding: 2em 1em ;}

.widget-area form#searchform:after {  margin-top: -26%;}
#innerpage-box .team-social-icon li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin: 4px 12px 4px 0;
}
#innerpage-box .cntpgicn{margin: 0 auto;}
/*.page-main-header .headinnbx { width: 90%;}*/
.section-title h2 {  font-size: 35px;}

#innerpage-box .single-team { width: 50%;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 1em 0em;}
.widget-area ul li:before{margin-right: 4px !important;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .ts-area-bx { margin-top: 2em;}
.faq_tp .faq-heading{font-size: 28px;}
.footer-area input[type="submit"] { margin-left: 0;}
.f-newsletterbx .news-img img {height: 250px;}
#innerpage-box .contact-address-area {  margin: 0em 0 1em 0;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover { width: 100%;}
#team .team-text h4 {font-size: 22px; margin-bottom: 8px;}
#team .team-text .team-designation { font-size: 16px;}
#team .team-social-icon { margin: -20px 0px 0px 0px;}
#team .single-team {  padding: 0 6px;}
#team .team-social-icon a i { 
    margin: 2px 2px;
    width: 33px;
    height: 33px;
    line-height: 36px;
}
#about .aboutarea-img{position: relative;left: 0%; margin-top: 1em;}
#about .aboutarea-img .about-img{position: relative; -webkit-mask-position: top;;width: 69%;
    height: 510px;margin: 0 auto;right: 0;}
.service-area .single-service-bx{margin-bottom: 2em;}
#testimonials .ts-area-single{margin-top: 3.3em;}
.footer-area .footer-img:after{right: 65%;}
.woocommerce ul.products li.product a img {border: 8px solid #f1f0f0 !important;height: 300px;border-radius: 30px;}
.woocommerce-Reviews .comment-form-author{margin-right: 1em !important;}
.woocommerce .related.products .price{float: none;  margin: 0em !important;}
.woocommerce .related.products ul.products li.product .button{display: inline-block;float: none;}
#team .section-title{margin-left: 0em;}
#banner-section .banner-bx{margin: 0;}
#appointment .ht-inquiry-member-wrap{margin-left: 0em;}
.footer-area .footer-bx{height: 600px !important;}
.footer-area .fbox{-webkit-mask-image:none;}
.footer-area .footer-bx{-webkit-mask-image:none;}
}


@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;}
.top-bar-head {
    padding:0.5em !important;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {width: 47% !important;}
}

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

@media screen and (max-width: 611px){
.slider_section .slider_content {top: 10%; padding: 1em;}
.slider_section .sub-title{line-height: 22px;}
.slider_section a.btn { padding: 6px 15PX; font-size: 13px;}
.slider_section .btn5{  margin-top: 0em;}
.slider_section .btn5 a {font-size: 15px; padding: 3px 10px;}
#ht-contactus-wrap .maintle{font-size: 30px;}
}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .service-area .single-service{margin: 0 0em;}
    #banner-section .right-bx{padding: 4em 3em 3em 3em;}
    .blog-area .blog-single{clip-path: polygon(42% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 13%);}
    .blog-area .blogbtn{right: 17px;bottom: 20px;}
    .blog-area .blog-thumbnail .overlay:before{right: -5%;}
    .slider_section .slider-area, .slider_section .slider-image .slide-mainimg{height: 300px;}
    .slider_section .sub-title {width: auto;}
    .slider_section .slider_content{width: 100%;top: 0%;padding: 1em 2.5em 1em 1em;}
    .slider_section .title{font-size: 25px !important;line-height: 35px !important;}
    .footer-area .f-newsletterbx{left: 15em;}
    blockquote{padding: 5em 4em 5em 5em !important;}
    .woocommerce-Reviews .comment-form-author, .woocommerce-Reviews .comment-form-email{width: 48% !important;}
    .cart button.single_add_to_cart_button.button.alt{width: 200px;}
    #about .about-area-data{margin-left: 1em;}
}

@media screen and (min-width: 320px) and (max-width: 768px){
header.site-header .main-dispaly.padding0 {padding-right: 20px;}
.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;}
.ti-home:before{left: 15px;top: 12px;}
.is-fixed .main-bar ul.sub-menu { margin-top: 0 ;}
}

@media only screen and (max-width: 767px) {
.section-title h2{font-size: 25px;}
#about .section-subtitle h3{font-size: 23px;}
.slider_section .owl-nav{ display: none;}
#appointment .app-detail {padding: 2em 3px;}
#appointment h1 {margin-bottom: 0.5em;}
#appointment .app-detailbxinn, #appointment .info-txt {text-align: center;}
#appointment h3 {margin: 8px 0 5px 0;}
.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;}
#about .hi-icon {top: 0px;}
#innerpage-box .ts-area-single-inn { margin:0 0 1em 0;}
#innerpage-box .ts-area-bx { padding-left: 0px;}
.widget-area form#searchform:after {margin-top: -14%;}
#innerpage-box .ts-area-c p {margin: 0em 0px 0 0px;}
.widget-area li{padding-left: 0;}
#innerpage-box .contact-mapbox iframe {height: 250px;}
.blog-area .blog-posts h4 { font-size: 20px; line-height: 25px;}
#team .team-social-icon { margin: -35px 0px 0px 0px;}
#features .featuresus-single::before{left: 71%;top: 78%;}
#features .featuresbx:hover .featuresus-single::before{left: 66%;top: 73%;}
#features .featuresus-single{clip-path: polygon(100% 0, 100% 78%, 71% 100%, 0 100%, 0 0);}
#features .featuresbx:hover .featuresus-single{clip-path: polygon(100% 0, 100% 73%, 66% 100%, 0 100%, 0 0);}
.service-area .single-service {margin: 0 0.5em;}
#banner-section .right-bx{padding: 2em 2em 3em 3em;}
.slider_section .slider-area{height: auto;}
.slider_section .slider-image .slider-call{width: 280px;}
.slider_section .slider-image .slider-ovly{bottom: -12.5em;}
.slider_section .slider_content{top: 0%;}
.slider_section .slider_content{width: auto;left: 0;}
.footer-area .f-newsletterbx{right: 0;left: auto;}
.footer-area .footer-img:after{right: 58%;}
.footer-area .s-footer.single-footer-5{margin: 0em 0 1em;}
.footer-area .single-footer-1{margin: 4.5em 2em 1.7em 0;}
.slider_section .sub-title{width: 250px;margin: 5px 0 10px;}
.slider_section .title {font-size: 25px !important;line-height: 30px !important;}
#innerpage-box .lz-gallery-images img{    height: 200px;}
#innerpage-box .inner-blogpost .blog-Athr{text-align: center;}
#innerpage-box .widget-area .widget-title:before{left: 5%;}
.page-main-header .head-bread{top: 0.5em;left: 1em;}
.commentmetadata span.reply{right: 0em;}
.commentmetadata{width: 100%;margin-top: 0em;}
.comment-metadata{position: relative;margin-left: 0;}
.woocommerce-Reviews .comment-form-author, .woocommerce-Reviews .comment-form-email{width: 100% !important;}
.cart button.single_add_to_cart_button.button.alt{width: 135px;}
#about .aboutarea-img .about-img{height: 400px;}
#banner-section .banner-ovly3{left: -2em;bottom: -0.5em;}
#banner-section .banner-ovly2{right: -1em;bottom: -1em;}
.blog-area .blog-single{clip-path: polygon(34% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 17%);}
.footer-area .bottom-area{left: 0;right: 0;margin: 0 auto;}
}

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

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

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

@media screen and (min-width: 576px) and (max-width: 767px){
    .slider_section .slider-leftbx{width: 50%;}
    .slider_section .slider-rightbx{width: 50%;}
    .slider_section .slider-area, .slider_section .slider-image .slide-mainimg{height: 370px;}
}

@media screen and (max-width: 575px){
header .head-inn{padding: 0.5em 1em 0em;border-radius: 10px;}
header .hshop a{margin-left: 15px;}
header .head-shop{margin-top: 0;    align-self: center;}
header .head-menubx{align-self: center;}
header .js-nav-toggle{margin: 0 !important;}
.slider_section .slider-rightbx{order: 1;}
.slider_section .slider-leftbx{order: 2;}
.slider_section .slider-image .slide-mainimg{height: 300px;width: auto;margin: 0 auto;}
#about .about-con{width: 20%;}
#about .about-areabx{width: 80%;}
#about .about-area-data{margin: 0em 0em 0em 1em;}
#about .aboutarea-img .about-img{height: 375px;}
.slider_section .slider-image .slider-callno a{font-size: 19px;}
.slider_section .slider-image .slider-call{padding: 0.5em 1.5em;width: 230px;}
#team .single-team{padding: 0 20px;}
#innerpage-box .inner-teambx .teaminn-ovly{top: -10%;}
#innerpage-box .tsareainn{padding: 1.4em 2em 1.2em 3.5em;}
#innerpage-box .cntpgtxt{text-align: center;}
.slider_section .slider-image .slide-mainimg{position: relative;}
}

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

@media screen and (min-width: 320px) and (max-width: 475px){
#features .featuresus-single{padding: 30px;}
#features .featuresus-single::before{display: none;}
#features .featuresus-single{clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 100%, 0 0);text-align: center;}
#features .featuresbx:hover .featuresus-single{clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);}
#features .features-area-data h4{display: inline-block;}
#team .t-wave svg {  bottom: -40%;}
#testimonials .test-form {  margin: 0 1em;}
.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;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .ts-area-single-inn { margin: 0 0em 1em 0em;}
#innerpage-box .ts-area-c i { right: 8%;}
#innerpage-box .single-team { width: 100%;margin-bottom: 2em;}
#innerpage-box .textbx{position: relative;width: 100%;bottom: 0;}
main#innerpage-box h1, 
body.page-template-default main#innerpage-box h1, 
.ht-main-title, #ht-contactus-wrap h1 { font-size: 22px !important;}
/*.page-main-header .headinnbx {  width: 100%;}*/
#innerpage-box .cntpgbx{margin: 0em 0em 1em 0em;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 0em;}
.footer-area .newstitle h3{font-size: 20px;line-height: 30px;margin: 0 0em 0.5em 0;}
.footer-area .f-newsletterbx{top: 0em;}
.footer-area .newstitle h3{    padding: 0px 20px;}
.footer-area .footer-img:after {right: 40%;}
#innerpage-box .single-team{padding: 0 15px;}
#innerpage-box .single-team-img img{height: 300px;}
#innerpage-box .inner-teambx .teaminn-ovly {top: 20%;}
.widget-area form#searchform:after {margin-top: -19%;}
blockquote{padding: 3em 4em !important;border-radius: 50px;}
.blog-area .blog-single {clip-path: polygon(20% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 21%);}
}


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

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

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
.slider_section .slider-image .slide-mainimg{    height: 250px;}
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .contact-address-area .contforminn {  padding: 1em 1em 1em 1em;}
#innerpage-box .contform {display: block !important;}
#banner-section .banner-ovly2{display: none;}
#banner-section .right-bx{padding: 2em 2em 3em 2em;}
#banner-section .right-bx .bannerarea-img img{height: 200px;}
#banner-section .right-bx h2{font-size: 30px;line-height: 45px;}
#banner-section .banner-box{margin-top: 1em;}
#banner-section .bann-btn {text-align: center;}
#team .single-team-img img{height: 250px;}
#team .our-team{margin-bottom: 1em;}
#appointment .ht-inquiry-member-wrap{padding: 3em 2em 0em 2em;}
#appointment .section-title h2 span{padding: 5px 15px;}
.page-main-header .head-bread{left: 0.5em;}
header .woocommerce-breadcrumb, .breadcrumbbox .button{font-size: 14px;}
#innerpage-box .innergalry:nth-of-type(4n-3){width: 60% ;}
#innerpage-box .innergalry:nth-of-type(4n-2){width: 40%;}
#innerpage-box .innergalry:nth-of-type(4n-1){width: 40%;}
#innerpage-box .innergalry:nth-of-type(4n-0){width: 60%;}
#innerpage-box .innergalry{padding: 0 5px;}
#innerpage-box .inner-blogpost .blog-Athr{text-align: left;}
#innerpage-box .inner-blogpost .blog-Athr li:last-child{float: right;}
#banner-section .banner-ovly4{bottom: -1em;}
#banner-section .banner-ovly3{left: -2.8em;}
#blog, #product-section{padding: 1em 0 !important;}
}

@media screen and (min-width: 320px) and (max-width: 375px){
.ht-site-title, .site-title {font-size: 18px;}
.navicon { top: -60px !important;}
.team-area .inner-area-title { font-size: 15px;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
.footer-area .bottom-area{bottom: -1em;}
.footer-area .box-form{padding: 0px 10px 0 40px;}
#about .aboutarea-img .about-img{height: 250px;}
.slider_section .slider-image .slider-callno a,.slider_section .slider-image .slider-callhead{font-size: 15px;}
.slider_section .slider-image .slider-call{width: 140px;}
.slider_section .slider-image .slider-ovly{bottom: -13.5em;right: 0;}
.widget-area form#searchform:after{margin-top: -25%;}
.blog-area .blog-single{clip-path: polygon(29% 0, 100% 0, 100% 85%, 76% 100%, 0 100%, 0% 60%, 0 18%);}
.footer-area .footer-bx{height: 450px !important;}
}

@media screen and (min-width: 376px) and (max-width: 475px){
    .footer-area .bottom-area {bottom: 2em;left: 0;right: 0;}
    .footer-area .f-newsletterbx {left: 7em;}
    #about .aboutarea-img .about-img {height: 300px;}
}

@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: 7px;
    display: inline-block;
}
div#secondary select option{ background: transparent;}
body.home.blog .page-main-header img {display: none;}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title { word-break: break-word;}
.select2-container--default .select2-selection--single,.woocommerce .quantity .qty,div#payment,
#coupon_code{ background: transparent !important;}
#content-box li.blocks-gallery-item:before {  content: none;}
div#content-box li.blocks-gallery-item figure img {  padding: 5px;  margin-bottom: 0;}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{  opacity: 0.7;}
main#innerpage-box ul.children { border: 0; margin-left: 2em;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}