
/*Theme Name: Weight Loss Free
Theme URI: https://luzuk.com/demo/weight-loss/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:Weight loss WordPress Theme is designed with a professional approach that results in a sleek and highly optimized design. This theme follows all the latest WordPress standards and implements the best coding practices for a better result. Weight loss clinics, fitness centers, and weight loss trainers will find the design absolutely useful for bringing a professional website to the table. If you think you don’t have enough time to start all over from scratch, use this theme’s wonderful demo for getting online. You just have to upload your content and change the background imagery if you want to start your online journey. This Weight loss WordPress Theme gives all the possible customization options for you so that there is hardly any need for you to write new codes. The live theme customizer will let you see the changes in real-time before you push them live. Besides these options, you get modern tools such as the drag and drop page builder for custom-made pages. Its slider is very catchy welcoming the users and introducing them to your weight loss program you can show all the various weight loss programs that you run. Weight Loss WordPress Theme also includes an email subscription form for your audience.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: weight-loss-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;
    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.2;
    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;
}
blockquote {
    margin: 0 0px 15px;
    padding: 21px 30px 18px;
    background: #f2f2f2;
    font-size: 16px;
    color: #212121;
    font-style: italic;
    font-weight: 400;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}
#innerpage-box blockquote p{
    margin: 0;
    font-weight: 400;
}
/*.wp-block-image img {
    max-width: 100%;
    width: 100%;
}*/
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;
}
.pd-0{ padding: 0;}
.pl-0{padding-left:0 ;}
.pd-4{padding: 0 2em;}
.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:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
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%;
}
/*--------------------------------------------------------------
## 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;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.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: 0;
    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{
   /* padding: 5px 0;*/
    line-height: normal;
    margin: 0;
    /*padding: 0;*/
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 15px;
}
.widget-area li.recentcomments {
    padding: 10px 15px;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area a:hover{
    color: #fe5722
}
.widget-area .widget{
   margin-bottom: 15px;
    /*padding: 0.3em 0em 0em;*/
    background: transparent;
    /*border: 1px solid;*/
}
/*.widget-area:last-child .widget_block{border-bottom: none;}*/
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
/*div#secondary input[type="submit"] {
    width: 100%;
}*/
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.2;
        background-color: transparent;
}
#secondary textarea {
    height: 90px;
}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{
    opacity: 0.7;
}
#secondary figure.gallery-item a img, #secondary .widget img{
    padding: 5px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#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-left: 10px;
    border: 1px solid #000;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 50px;
}
#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-right: 1%;
    width: 48%;
}
#content p{margin-bottom: 30px;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    top: -20px;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.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: 8px 0;
}
.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 {
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    text-transform: uppercase;
    z-index: 1;
}

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

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    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 {
    display: inline-block;
    position: relative;
    /* right: 17px !important; */
    /* text-indent: -999px !important; */
    /* background: none; */
    padding: 7px 24px !important;
    /* top: 0px; */
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    /* width: 0% !important; */
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
}
/*div#secondary input[type="submit"]:after,
.wp-block-search__button:after {
    position: absolute;
    top: 7px;
    font-size: 18px;
    right: 0px;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    text-indent: -10px !important;
}*/
#sample-heading-here:after {display: none !important;}
.section-title{
    margin-bottom: 4em;
    position: relative;
}
.section-title h2 {
    word-break: break-word;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 15px;
}
.section-subtitle{ 
    font-size: 28px !important;
    margin-bottom: 6px;
    font-weight: 700 !important;
} 

.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 25px;
    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;
}
/*.ht-section-title:last-child{   margin-bottom: 0;}*/
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    position: relative;
    margin: 0 0 0.5em;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
}
.category .ht-main-title {  margin: 0 0 1.5em;}
/*.ht-main-title:last-child{  margin-bottom: 0;}*/
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 32px;
    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;
}
#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 ===========*/

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.page-main-header { text-align: center;}
.breadcrumbbox {
    position: relative;
    padding: 0px 0 2.5em;
    text-align: center;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
   background: #6e6e6e;
    padding: 10px 20px !important;
    display: inline-block !important;
    border-radius: 50px;
    text-align: center;
}

/*===========================================
## 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 .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.3;
}
.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;
}
.lower-header .header-social-links {  margin: 20px 0;}
.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: 0 5px;}
.logobox img{ position: relative;}
/*.navigation .mainmenu ul.sub-menu li a:after { background: #090909;}*/
header.site-header .main-dispaly.padding0 {  padding-right: 0;}
/* = 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: 0 15px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
}
.menu-content {
    padding: 5px 0;
    text-align: right;
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { list-style-type: none;transition: all 0.5s;border-bottom: 1px solid #f1f1f1;}
.navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    text-align: left;
    transition: all 0.5s;
    animation: slideInUp .5s ease-in-out;
    border-radius: 0px;
    /*transition: all 500ms ease;*/
}
ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 10px;
    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
-------------------------------------------------------------- */
/*.page-template-default .navigation .mainmenu li a{color:#fff;}*/
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:100%; 
    top:0px; 
    /*-ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; */
    z-index: 1;
}

.header.site-header ul.sub-menu li a {
        font-size: 14px;
/*    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";
    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;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.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: 99;
    position: relative;
    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;
    }
}
@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;
}

@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#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; 
}
@media only screen and (max-width: 991px) {

    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        padding-right: 0;
    }
}
.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
-------------------------------------------------------------- */
.top-bar-head {   padding: 1em 0;}

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

.headenquiry a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 400;
    padding: 6px 38px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 22px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    box-shadow: 3px 3px 12px 5px rgb(20 20 20 / 28%);
}
.headenquiry a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.headenquiry a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}

/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

.bx-wrapper .bx-controls-auto{
    display: none;
}
.bx-custom-pager{ display: block;}
.bx-default-pager{ display: block;}
.bx-controls-direction { display: block;}
#slider{padding: 2em 0;}
.slider-caption{
    position: relative;
    overflow: hidden;
    padding: 1em 0em;
    text-align: left;
    z-index: 999;
}

.slider-cap-title{
    font-size: 83px;
    font-weight: 600;
    padding-bottom: 0px;
    word-break: break-word;
    text-align: left;
    line-height: 95px;
}

.slider-cap-desc {   
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    word-break: break-word;
    text-align: left;
    margin: 1em 0;
     text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.slider-cap-desc li{
    margin-top: 1em;
    margin-left: 30px;
    position: relative;
    list-style: none;
}
.slider-cap-desc li:before {
    margin-left: -30px;
    content: "\f046";
    font-family: "Fontawesome";
    font-weight: 100;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
}
#slider a.btn {
    position: relative;
    overflow: hidden;
    border: none;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 400;
    padding: 8px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 999;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    box-shadow: 8px 3px 7px 4px rgb(20 20 20 / 15%);
}
#slider a.btn span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
#slider a.btn:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}
#slider .sliderimg img {
    /*width: 100%;
    height: 100%;*/
    height: 500px;
   border-radius: 230px 50px;
}

.sliderimg {
    /* width: 780px;*/
    position: relative;
    top: 0px;
    right :0;
    float: right;
    /*height: 495px;*/
    padding: 0 5px 0 5px;
    background-clip: content-box;
    display: inline-block;
}
#slider .owl-nav{ display: block;}
#slider .feedback-slider button.owl-prev,
#slider .feedback-slider button.owl-next {
    font-size: 30px;
    width: 45px;
    height: 30px;
    line-height: 30px;
    box-shadow: none;
    margin: 10px;
}
#slider .owl-carousel{display: block;}

/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/
.service-area .inn-single-service-bx { display: none;}
#service { position: relative;overflow: hidden;}
.service-area .single-service-bx {  margin-bottom: 1em;      position: relative;}
.service-area  .single-service{
    position: relative;
    overflow: hidden;
    transition: all 0.5s ;
}
/*===img===*/
.service-icon { position: relative; overflow: hidden;}
.service-area .tl6 , .service-area .tr6,
.service-area .bl6 , .service-area .br6{ background-color: #FEDB1D; opacity: 0.7;}
.service-area .tl6 {
    position: absolute;
  width  : 120px;
  height : 80px;
  top  : -80px;
  left : -240px;
  -webkit-transition: all .3s;
  transition   : all .3s;        
}
    .service-area .single-service:hover .tl6 {
      top  : 0;
      left : 0;
      -webkit-transition: all .3s;
      transition   : all .3s;
      transform: rotate(180deg);
    }
.service-area .tr6 {
    position: absolute;
    width  : 120px;
    height : 80px;
    top   : -80px;
    right : -240px;
    -webkit-transition: all .3s;
    transition   : all .3s;        
}
    .service-area .single-service:hover .tr6 {
        top   : 0;
        right : 0;
        -webkit-transition: all .3s;
        transition   : all .3s;
        transform: rotate(180deg);
    }

.service-area .bl6 {
    position: absolute;
    width  : 120px;
    height : 80px;
    top : 100%;
    left   : -240px;
    -webkit-transition: all .3s;
    transition   : all .3s;
}
    .service-area .single-service:hover .bl6 {
      top : 80%;
      left   : 0;
      -webkit-transition: all .3s;
      transition   : all .3s;
      transform: rotate(180deg);
    }
.service-area .br6 {
    position: absolute;
    width  : 120px;
    height : 80px;
    top : 100%;
    right : -240px;
    -webkit-transition: all .3s;
    transition   : all .3s;
}
    .service-area .single-service:hover .br6 {
        position: absolute;
        top : 80%;
        right: 0;
        -webkit-transition: all .3s;
        transition   : all .3s;
        transform: rotate(180deg);
    }
.service-area .service-icon img {  width: 100%; height: 400px;transition: all .7s linear;}

.service-area .single-service:hover .service-icon img {
    transform: scale(1.1) rotateZ(3deg);
    -moz-transform: scale(1.1) rotateZ(3deg);
    -webkit-transform: scale(1.1) rotateZ(3deg);
    -o-transform: scale(1.1) rotateZ(3deg);
}
/*===end img===*/
.service-area .sertxbx{
    position: relative ;
    overflow: hidden; 
    padding: 0 10px 20px 0;
}
.service-area h4 {
    font-size: 30px;
    font-weight: 700;
    margin:0.5em 0;
}
.service-area p {     
    padding: 0;
    font-size: 18px;
    margin-bottom: 12px;
}
.service-area .serbtn a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #3ff;
    font-weight: 400;
    padding: 6px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    box-shadow: 3px 3px 8px 3px rgb(20 20 20 / 28%);
    transition: color 0.2s;
}
.service-area .serbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.service-area .serbtn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}

/*----------------------------------------*/
/*  Video-section*/
/*----------------------------------------*/
#ourvideo-section{position: relative;overflow: hidden;text-align: center;}
#ourvideo-section .v-oaly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    background:#2e4179 ;
}
#ourvideo-section iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#ourvideo-section  embed{
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
}

#ourvideo-section .ourvideo-subtext{ font-size: 16px; line-height: 25px;}
#ourvideo-section .ht-section-title-tagline{
    text-align: left;
    margin-bottom: 1em;
}
#ourvideo-section .video-content-bg{
    width: 100%;
    position: relative;
    overflow: hidden;
}
#ourvideo-section .videos-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#ourvideo-section .videos-icon a{
    display: inline-block;
    position: relative;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color:#2765ba;
    background: #fff;
    font-size: 34px;
    animation: innerbeat 8.2s infinite linear forwards;
}

@keyframes innerbeat {
    0% {transform: scale(1);}
    10% {transform: scale(1);}
    50% {transform: scale(1.15);}
    60% {transform: scale(1.05);}
    75% {transform: scale(1.2);}
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity:1;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

#ourvideo-section .videos-icon a:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: inherit;
    border: 8px solid #fff;
  -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}
#ourvideo-section .vidocbx {
    text-align: center;
    padding: 2em 6em;
    background: #f3f;
    display: inline-block;
    position: relative;
    width: 50%;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: -4em;
    box-shadow: 0 9px 9px 1px rgb(170 172 174 / 15%);
    border-radius: 20px;
}
#ourvideo-section .vidocbx .vidocbx-title h2{
    font-size: 38px;
    font-weight: 700;
    margin-top: 25px;
}
#ourvideo-section .secinnsbttle{ margin-top: 6px; transform: rotateY(180deg);}
#ourvideo-section .secinnsbttle:after {
    content: '';
    width: 76px;
    height: 35px;
    position: absolute;
    border-top: 4px solid #a8d534;
    border-radius: 31% 93% 16% 100% / 30% 92% 30% 30%;
    transform: skewX(50deg);
    text-align: center;
    margin: 0em auto;
    left: 0;
    right: 0;
}

/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .section-title{    margin-bottom: 1em;}
#about .section-title h2{ font-weight: 700;}
#about .section-title h2:after{
    content: '';
    display: inline-block;
    width: 66px;
    height: 35px;
    margin-top: 1em;
    margin-left: -30px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    position: absolute;
    border-top: 4px solid #a8d534;
    border-radius: 31% 93% 16% 100% / 30% 92% 30% 30%;
    transform: skewX(38deg);
}
#about .aboutarea-img img {
     width: 100%;
    height: auto;
    border-radius: 50%;
}
#about .abt-btn a {
    margin-top: 0.5em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 500;
    padding: 8px 44px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    box-shadow: 3px 3px 8px 2px rgb(20 20 20 / 28%);
}
#about .abt-btn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
#about .abt-btn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}
#about .section-subtext p{
    font-size: 18px;
    line-height: 33px;
    font-weight: 400;
}
#about .about-area-data h4{
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700;}
#about .aboutus-post-wrap {  margin-top: 2em;}
#about .aboutus-single { 
    margin-bottom: 1.2em;
    /*border: 1px solid #000;*/
    border-radius: 10px;
    padding: 15px 5px;
    transition: all .1s linear;
    text-align: center;
}
#about .hi-icon {
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    width: 150px;
    height: 150px;
    text-align: center;
    position: relative;
    text-align: center;
    border-radius: 50%;
}
#about .hi-icon img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#about .abmgbrd:before {
    display: inline-block;
    cursor: pointer;
    width: 150px;
    height: 150px;
    text-align: center;
    position: relative;
    border: 2px solid #d33;
    text-align: center;
    border-radius: 50%;
    content: "";
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(-45deg);
    transition: all .1s linear;
}
#about .aboutus-single{
    transition: all 0.2s ease 0s;
    transition: all .1s linear;
}
#about .aboutus-single:hover .abmgbrd:before{
    transition: all 0.2s ease 0s;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#about .ingbtn {
    margin-top: 55%;
    position: relative;
    text-align: left;
    left: 0;
    float: left;
}
/*----------------------------------------*/
/*  Feature Products Section 
/*----------------------------------------*/

#featured-product-section{ position: relative; overflow: hidden; background: #ebecf1;}
#featured-product-section .product-grid{
    position: relative;
/*    overflow: hidden;*/
    transition: all 1s ease 0s;
    margin: 1em 0;
}
#featured-product-section .product-grid .product-image{ overflow: hidden; position: relative;}

#featured-product-section .product-image img {
    position: relative;
    width: auto;
    height: 300px;
    position: relative;
    top: 0px;
    transition: all 0.5s;
    border-radius: 10px;
}
#featured-product-section .product-grid .sale {
     position: absolute;
    left: 0;
    top: 30px;
    background: #0de9df;
    color: #343434;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 3px 15px;
    line-height: 17px;
    z-index: 999;
}
#featured-product-section .product-grid .price{
    color: #ffffff;
    font-size: 16px;
    background: #212121;
    padding: 5px 10px;
    font-weight: 600;
}
#featured-product-section .product-grid .quick-view{    
   opacity: 1;
    position: absolute;
    bottom: 0%;
    padding: 0 8px;
    right: 0%;
    font-size: 25px;
    z-index: 2;
}
#featured-product-section .product-content {
    position: relative;
    padding: 8px 0px 15px 0;
    transition: all 1s ease 0s;  
}
#featured-product-section .product-grid h3.title {
    color: #151515;
    font-size: 22px;
    font-weight: 400;
    word-break: break-word;
    margin: 8px 0 15px 0;
}
#featured-product-section ins{
    background: transparent;
    font-size: 18px;
    color: #222222;
    font-weight: 600;
    padding-left: 10px;
}
#featured-product-section bdi span{padding-right: 5px;}
#featured-product-section .product-grid bdi {
    font-size: 19px;
    font-weight: 600;
}
#featured-product-section .Section-btn {
    text-align: center;
    position: absolute;
    top: 20%;
    opacity: 0;
    transition: all 1s ease 0s;
    width: 100%;
    padding: 0 1em;
}
#featured-product-section .product-grid:hover .Section-btn{
    opacity: 1;
    transition: all 1s ease 0s;
}
/*==============btn 1=============*/
#featured-product-section .btn5 .view-more{
    margin-bottom: 8px;
    padding: 12px 40px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #f3f3;
    font-size: 14px;
    font-weight: 500;
    border: none;
    word-break: break-all;
    white-space: normal;
    transition:all 0.5s;
    z-index: 2;
}
/*==============btn 2=============*/
#featured-product-section .btn5 .more-button{
    padding: 12px 20px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #f3f3;
    font-size: 14px;
    font-weight: 500;
    border: none;
    white-space: normal;
    word-break: break-all;
    transition:all 0.5s;
    z-index: 2;
}

#featured-product-section .owl-carousel{
    display: block;
}
#featured-product-section .owl-carousel .owl-dots {  display: none;}
#featured-product-section .owl-carousel .owl-nav{  display: block;}

#featured-product-section .owl-nav .owl-prev,
#featured-product-section .owl-nav .owl-next {
    position: absolute;
    top: 30%;
    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: 75px;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0%;
    cursor: pointer;
}
#featured-product-section .owl-nav .owl-prev{
     left: -4em;
}
#featured-product-section .owl-nav .owl-next{
     right: -4em;
}

#featured-product-section .owl-nav .owl-prev span,
#featured-product-section .owl-nav .owl-next span {
    font-size: 60px;
    color: #fff;
    /*line-height: 40px;*/
    font-weight: 300;
}


/*----------------------------------------*/
/*  step Area step
/*----------------------------------------*/
#step { position: relative; overflow: hidden;background: #ebecf1;}
/*#step .stepus-post-wrap {  margin-bottom: 2em;}*/
#step .stepus-single { 
    text-align: center;
    margin-bottom: 1.2em;
    transition: all .1s linear;
}
#step .stepbx {  margin-bottom: 1em;padding: 0 20px;}
#step .stepus-single:hover .stpbxinn:before{border: 3px dashed ;}
#step .stpbxinn:before {
    content: "";
    border: 4px dotted #000;
    width: 160px;
    height: 160px;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -8px;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#step .hi-icon {
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #3ff;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    padding: 14px 16px 0px 16px;
    border: 14px solid #000;
}
#step .Num{font-size: 30px; font-weight: 700;line-height: 35px;}
#step .step-area-data h4{
    font-size: 30px;
    margin-top: 10px;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0;
}
#step .ben-btn {  text-align: center;}
#step .ben-btn a {
    margin-top: 2em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 500;
    padding:8px 55px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    box-shadow: 3px 3px 8px 3px rgb(20 20 20 / 28%);
}
#step .ben-btn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
#step .ben-btn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}

/*----------------------------------------*/
/*   Features Area
/*----------------------------------------*/
#features {position: relative; overflow: hidden;}
#features .featuresbx {  padding: 0 10px;}
#features .featuresus-single { 
    position: relative;
    overflow: hidden;
    margin-top: 1em;
    margin-bottom: 1.8em;
    padding: 4em 1em;
    transition: all .1s linear;
    text-align: center;
    box-shadow: 0px 0px 18px 19px rgb(198 199 200 / 20%)
}
#features .featuresus-single .overlay {
    position: absolute;
    left: 0 ;
    right: 0;
    top: 0;
    bottom: 0;
   opacity: 0;
   background-color: #f3f;
   /*-webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);*/
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
#features .featuresus-single:hover .overlay {
    opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
#features .hi-icon { display: inline-block; text-align: center; position: relative;}
#features .hi-icon span {  font-size: 60px; transition: all 1s ease 0s;}
#features .featuresus-single:hover .hi-icon span{ transform: rotateY(180deg); transition: all 1s ease 0s;}
#features .features-area-data { position: relative;}
#features .features-area-data h4{
    font-size: 28px;
    margin: 20px 0 16px 0;
    font-weight: 700;
}
#features .secbtn a{
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 0 5px;
    transition: all 1s ease 0s;
}
#features .secbtn a:hover{ letter-spacing: 1px; transition: all 1s ease 0s;}

/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/

#gallery .innergalry{display: none;}
#innerpage-box .homegalry{display: none;}
#gallery {  position: relative;  overflow: hidden;background: #c0c6d6;}
#gallery .gallery-fluid{padding: 0 55px;}
#gallery .owl-carousel{display: block;}
#gallery .lz-gallery-images{ transition: all 0.3s ease 0s;}
#gallery .owl-carousel .owl-stage-outer { transform: skewX(-17deg);}
#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    border-radius: 0px;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: 350px;
    transition: all 0.3s ease 0s;
}

#gallery .over-text {
        opacity: 0;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall h3{
    display: none;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    padding: 0 3em;
    color: #fff;
    word-break: break-word;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover h3{display: none;transition: all 0.3s ease 0s;}
#gallery .lz-gallery-images {
    margin-bottom: 0em;
}
#gallery .gall-icn{
    display: none;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    background: #3ff;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border: 4px solid #fff;
    font-size: 20px;
    margin: 0 auto;
    border-radius: 4px;
    transform: skewX(-10deg);
    transition: all 0.3s ease 0s;
}
#gallery .lz-gallery-images:hover .gall-icn{
    display: block;
    position: absolute;
    top: 45%;
    transition: all 0.3s ease 0s;
}
#gallery .gall-icn i {
    opacity: 1;
    /*transform: rotate(-45deg);*/
    transition: all 0.3s ease 0s;
    padding: 0 5px;
}
/*#gallery .owl-prev,
#gallery .owl-next{display: none;}*/
#gallery .owl-dot{display: none;}
#gallery .owl-theme .owl-nav { margin-top: -22px;}
#gallery .owl-nav .owl-prev span{
    position: absolute;
    top: 5px;
    left: 0px;
    font-size: 66px;
    font-weight: 600;
    color: #000;
}
#gallery .owl-nav .owl-next span{
    position: absolute;
    bottom: 50px;
    right: 0px;
    font-size: 66px;
    font-weight: 600;
    color: #000;
}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#team { position: relative;overflow: hidden;}
#team .single-team{padding: 0;}
#team .our-team{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 35px 25px 3px 25px;
    z-index: 1;
    border: 1px solid #000;
    margin-bottom: 1.5em;
    transition: all .4s linear;
}
#team .single-team-img { position: relative; overflow: hidden;}
#team .team-text h4 {word-break: break-word;font-size: 35px;font-weight: 500; color: #FE8A00; margin-bottom: 5px;}
#team .team-text .team-designation{word-break: break-word;font-size: 35px;margin-bottom: 0px;font-weight: 300;}
#team .team-text{text-align: center;padding:1.2em 0em;z-index: 2;}
#team .single-team-img img{width: 100%;height: 370px;transition: all .7s linear;}
#team .team-social-icon {    
    position: relative;
    text-align: center;
    left: -100%;
    z-index: 1;
    transition: all .4s linear;
    margin: 15px 0px 0px 0px;
    opacity: 0;
}
#team .our-team:hover .team-social-icon{opacity: 1;transition: all .4s linear;left: 0%;}
#team .team-social-icon a i{
    margin:3px 20px;
    font-size: 28px;
    font-weight: 600;
    background: #f3f;
    color: #767779;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    transition: all .4s linear;
}

#team .our-team:hover .team-social-icon a i{
    transition: all .4s linear;
    transform: rotate(360deg);
}
/*----------------------------------------*/
/*  Testimonials Section 
/*----------------------------------------*/
#testimonials .item.innertest-item.col-md-6{width: 100% !important;}
#testimonials {position: relative; overflow: hidden;}
#testimonials .tsarea-inn {
    background: #f8f8f8;
    border: 2px solid #619b34;
    border-radius: 10px;
    margin-top: 4em;
    transition: all 1s ease 0s;
}
#testimonials .ts-area-thumb img{ 
    position: relative;
    z-index: 1;
    transition: all 1s ease 0s;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border: 3px solid #fff;
    border-radius: 50%;
    margin-top: -3.5em;
}
#testimonials .tsarea-inn:hover .ts-area-thumb img{
    transition: all 1s ease 0s;
    border-radius: 20px;
}
#testimonials .ts-area-content {
    position: relative;
    margin:-1.2em 1.5em 1.5em 1.5em;
    padding: 2em 1em 1em 1em;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 14px 4px rgb(63 78 100 / 15%);
    transition: all 1s ease 0s;
}
#testimonials .tsarea-inn:hover .ts-area-content{
    transition: all 1s ease 0s;
    box-shadow: 0px 0px 17px 8px rgb(63 78 100 / 30%);
}
.testimonials-area .ts-area-bx{
    text-align: center;
    position: relative;
    /*overflow: hidden;*/
}
.testimonials-area h3.ts-area-title {
    font-size: 28px;
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin:14px 0 8px 0;
}
.testimonials-area .ts-area-c p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
/*    line-height: 26px;*/
    margin: 1em 0;
}
.testimonials-area .ts-area-c i.fa-quote-left{
    font-size: 60px;
    position: absolute;
    left: 24px;
    clear: both;
    margin-top: -25px;
    margin-left: 0;
    color: #d33;
}
.testimonials-area .ts-area-c i.fa-quote-right{
    position: absolute;
    right: 24px;
    font-size: 60px;
    bottom: 30px;
    color: #d33;
    transform: rotateX(180deg);
    z-index: 0;
}

#testimonials .text-designation{font-size: 18px;font-weight: 400;}
#testimonials .text-designation:after {
    content: "";
    border-bottom: 1px solid #000;
    position: relative;
    display: block;
    width: 23%;
    text-align: center;
    margin: 0 auto;
    padding-top: 12px;
    transition: all 1s ease 0s;
    z-index: 1;
}
#testimonials .owl-carousel { display: block;}
/*.owl-carousel .owl-dots.disabled */
#testimonials .owl-dots{ display: block; margin-top: 2em;}
#testimonials .owl-theme .owl-nav{  display: none;}
#testimonials .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 8px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: #fff;
    
    transition: all 0.5s ease;
}

#testimonials .owl-dots .owl-dot.active span,
#testimonials .owl-dots .owl-dot span:hover {
    transition: all 0.5s ease;
    background: #000;
}
#testimonials button.owl-dot{box-shadow: none;}
#testimonials .owl-nav{display: none;}
/*----------------------------------------*/
/*  Banner Section banner
/*----------------------------------------*/
#banner-section{position: relative;overflow: hidden;background: #2e4179;}
#banner-section .bannimgbx {position: absolute;top: 0;bottom: 0;width: 100%;}
#banner-section .contentmain-box { margin-left: 14em;}
#banner-section .hcir {
    top: 20px;
    width: 105px;
    height: 105px;
    /* line-height: 60px; */
    background: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    padding-top: 25px;
    font-weight: 700;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
#banner-section .hcir:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: 52%;
    width: 100%;
    height: 100%;
    border-top: 4px solid #d33;
    /* background-color: #de1414f2; */
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    /* background-image: linear-gradient(90deg, rgb(77 219 13) 0%, rgb(24 52 220) 50%, rgb(240 212 18) 100%); */
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
#banner-section h2 {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    margin-left: 2em;
    margin-bottom: 0;
}

#banner-section .btn5 a {
    background: none;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    padding: 5px 5px;
    font-weight: 700;
    position: relative;
    transition: all 1s ease 0s;
    float: right;
    margin-right: 7em;
    margin-top: 10px;
    margin-bottom: 2em;
}
#banner-section .btn5 a:hover{
    letter-spacing: 1px;
    transition: all 1s ease 0s;
}
#banner-section .btn5 a i{padding-left: 10px;}
#banner-section .bannimgbx img {
    border-radius:440px 1px 0px 0px / 450px 0px 56px 0px;
    border-left: 12px solid #fff;
    width: 100%;
    height: 100%;
}
/*----------------------------------------*/
/*  Pricing Area
/*----------------------------------------*/

#pricing {position: relative;overflow: hidden;}
.pricing-area .single-pricing {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all .5s;
    text-align: center;
    margin-bottom: 2em;
    box-shadow: 0 6px 32px 19px rgb(51 52 53 / 9%);
    border-radius: 10px;
    padding:1.5em 1em 2em 1em;
    z-index: 0;
}
.pricing-area .pcirinn {
    background: #3dd;
    position: absolute;
    top: 0;
    left: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    border-radius: 0 0 100% 1%;
    height: 38%;
}
.pricing-area .pricing-num {
    position: relative;
    overflow: hidden;
    color: #6be90a;
    background: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 110px;
    width: 110px;
    height: 110px;
    margin: 0 auto ;
    border-radius: 50%;
}
.pricing-area .pnmuinn{
    content: "";
    background: #d33;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    opacity: 0.3;
    margin: -13px auto;
    box-shadow: 0 2px 10px 10px rgb(51 52 53 / 15%);
    left: 0;
    right: 0;
}
.pricing-area .single-pricing:hover{
    box-shadow: 0 2px 8px 7px rgb(51 52 53 / 43%);
    border-radius: 0px;
    transition: all .5s;
}
.pricing-area .single-pricing h4{
    transition: all 0.3s ease 0s;
    margin-bottom: 1.3em;
    font-size: 30px;
    font-weight: 700;
}
.pricing-area .currency-price {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    word-break: break-word;
    transition: all 0.95s ease 0s;
    line-height: 30px;
    margin: 1.1em 0 0 0;
}
ul.pricing-list li { 
    font-size: 18px;
    list-style: none;
    color: #ffffff;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 0.8em;
}
.pricing-area .currency-price small {   font-size: 18px;   font-weight: 400;}
.pricing-area ul.pricing-list {    
    transition: .5s;
    margin: 2em 3em;  
    text-align: left;
}
.pricing-area ul li:before {
    content: "\f046";
    font-family: 'Fontawesome';
    font-size: 18px;
    padding-right: 10px;
    color: #e01515;
    font-weight: 100;
}
.pricing-area .pc-btn {  margin-top: 2.5em;}
.pricing-area a.btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 700;
    padding: 10px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    border: none;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    box-shadow: 8px 6px 10px 1px rgb(51 52 53 / 25%);
    transition: color 0.2s;
}
.pricing-area a.btn > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    box-shadow: 6px 6px 12px 1px rgb(20 20 20 / 28%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.pricing-area a.btn:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}

/*----------------------------------------*/
/*  Appoinment Section
/*----------------------------------------*/
#appoinment {  position: relative;  overflow: hidden;}
#appoinment .appbx{
    position: relative;
    background: #2e4179;
    padding: 6em 12em 6em 10em;
}
#appoinment .appconbx h2{font-size: 70px;font-weight: 600;color: #fff;}
#appoinment .appconbx p{
    font-size: 20px;
    color: #fff;
    line-height: 34px;
    margin: 1em 0 2em 0;
}
#appoinment .appconbx li {
    display: inline-block;
    position: relative;
    margin-right: 1.5em;
    margin-top: 1em;
}
/*frist Button*/

#appoinment .applhsbtn a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 700;
    padding: 8px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
}
#appoinment .applhsbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
#appoinment .applhsbtn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}

/*Second Button*/

#appoinment .apprhsbtn a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    padding: 6px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
}
#appoinment .apprhsbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
#appoinment .apprhsbtn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}
#appoinment .appo-img img{
    position: absolute;
    width: 100%;
    height: 100%;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .box-area-S { margin-bottom: 3em;}
.blog-area .blog-single {position: relative;overflow: hidden;padding:0em 0em 0em 0em ;}
.blog-area .box-area-S .blog-thumbnail{ position: relative; overflow: hidden;}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 230px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.blog-area .box-area-S .blog-thumbnail .overlay {
    position: absolute;
    left: 0 ;
    right: 0;
    top: 0;
    bottom: 0;
   opacity: 0;
   background-color: #f3f;
   -webkit-transform: translate(4px, 100px) rotate(-180deg);
   -moz-transform: translate(4px, 100px) rotate(-180deg);
   -o-transform: translate(4px, 100px) rotate(-180deg);
   -ms-transform: translate(4px, 100px) rotate(-180deg);
   transform: translate(4px, 100px) rotate(-180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.blog-area .box-area-S:hover .overlay {
    opacity: 0.5;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.blog-area .blog-posts h4{
    font-size: 35px;
    font-weight: 600;
    margin:0 0 15px 0;
}
.blog-area .blog-single p{font-size: 18px; margin-bottom: 0;line-height: 25px;}
.blog-area .blogbtn a{
    position: relative;
    overflow: hidden;
    margin-top: 1em;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 700;
    padding: 10px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    box-shadow: 4px 5px 11px -5px rgb(20 20 20 / 60%);
    transition: color 0.2s;
}
.blog-area .blogbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.blog-area .blogbtn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}
/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter { position: relative;overflow: hidden;}
#newsletter .newstitle h3 {
    font-size: 40px;
    color: #fdfdfd;
    font-weight: 700;
    margin-top: 6px !important;
}
#newsletter .box-form { position: relative; }
#newsletter  .ht-newsletter-member-wrap input::placeholder{  opacity: 1;}

.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"],
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"],
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select,
.ht-newsletter-member-wrap textarea{
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 10px 0;
    border-radius: 50px;
    padding: 16px 50px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #000;
}
.ht-newsletter-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
.ht-newsletter-member-wrap textarea {
    height: 100px;
    padding: 18px 50px;
}
.ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
.ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
      background: #fff;
}
.ht-newsletter-member-wrap input[type="submit"] {
    font-size: 22px;
    font-weight: 600;
    color: #e8e2f0;
    position: relative;
    padding: 14px 50px;
    border-radius: 50px;
    right: 60px;
    box-shadow: 3px 3px 10px 2px rgb(20 20 20 / 28%);
    transition: all 0.3s;
}

/*----------------------------------------*/
/*Contact Area
/*----------------------------------------*/

.contact-area {position: relative;overflow: hidden;background: #ebecf1;}
.contact-area .contactdetails {
    overflow: hidden;
    position: relative;
    padding: 2em 3em;
    background: #d33;
}
.contact-area .contact-content {  margin-top: 3em;}
.contact-area .contact-content h4{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 6px;
}
.contact-area .contact-content a,
.contact-area .contact-content p{
    font-size: 22px;
    word-break: break-word;
    white-space: normal;
}
.contact-area .leftbx h3{
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.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{    
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin:0 0 20px 0;
    border-radius: 0px;
    padding: 30px 20px;
    font-size: 18px;
    border: 1px solid #fff;
    height: 40px;
    font-weight: 400;
    border-radius: 0px;
}
.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;
    border: 2px solid #fff;
    margin: 0 0 15px 0;
    border-radius: 0;
    padding: 16px 20px;
    font-size: 14px;
    height: 50px;
    background: none;
}
.ht-inquiry-member-wrap textarea {
    height: 130px;
    padding: 20px 20px;
    margin: 0 ;
}

.ht-inquiry-member-wrap label{
    color:#fff;
    margin:0 0 1em;
    width: 100%;
}
.ht-inquiry-member-wrap { position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    float: right;
    padding: 8px 38px;
    white-space: normal;
    font-weight: 700;
    font-size: 18px;
    border-radius: 50px;
    background: #000;
    display: inline-block;
    margin-top: 1.5em;
    box-shadow: 3px 3px 10px 2px rgb(20 20 20 / 28%);
    transition: all 0.3s;
}
.ht-inquiry-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.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;
}
.contact-area .form-call li{
    list-style: none;
    display: inline-block;
    margin-top: 20px;
}
.contact-area .form-call li a{
    position: relative;
    padding: 1px 11px;
    background: #d33;
    font-size: 32px;
    margin-right: 35px;
    border-radius: 4px;
    transition: all 0.1s ;
}
.contact-area .form-call li a:hover i{
    transform: rotate(-15deg);
    transition: all 0.3s ease 0s;
}
.contact-area .form-call li a i{
    transition: all 0.3s ease 0s;
}
/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area {position: relative;overflow: hidden;background: #2e4179;}
.footer-area i { padding-right: 6px;}
.footer-area li {display: block;margin-bottom: 12px;font-size: 15px;font-weight: 500; }
.footer-area li a {
      font-weight: 400;
    text-decoration: none;
    font-size: 18px;
}
/*.footer-area li:before {
    content: "\f105";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 10px;
}*/
/*.footer-area li a:hover {color: #FF9210; }*/
.footer-area .gallery-item {max-width: 33.33%;padding-right: 13px;padding-bottom: 13px;}

.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
}

footer#footer.footer-area .widget-title {   
    color: #feffff;
    margin-top: 1em;
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 500;
}
.footer-area .widget.widget_recent_entries li a {font-size: 16px;}


.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: relative;background-color: #000;}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-text, .footer-text a {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    border-bottom: 1px solid #2d3e6a;
    padding-bottom: 12px;}
.footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

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

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid;
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"] {  
    background: none;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
.footer-area input[type="submit"], 
.footer-area .widget_calendar tfoot tr td a, 
.footer-area .s-footer .textwidget p a {
    border-bottom: 1px solid;
    background: none;
}
.footer-area input[type="submit"]:hover, 
.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
    background: none;
}
.footer-area .top-area { padding: 0 0 0.5em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}

.footer-area .social-profile-icons ul{margin: 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: 36px;
    height: 36px;
    line-height: 46px;
    background: #fff;
    border-radius: 7px;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 0;
}
.footer-area .social-profile-icons i.fa { font-size: 28px; 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:hover{opacity: 0.8;}
.footer-area p span {color: #fe900f;font-weight: 400;}

.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 {background: transparent;}
.s-footer{float: left;margin-bottom: 2em;}
.footer-area .widget_recent_entries ul li { line-height: 25px;}
.footer_area-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer_area-img {
    max-width: 80%;
    padding-top: 10px;
}
.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;
}


/*----------------------------------------*/
/*  05. 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;
    border-radius: 20px;
    padding:1em 3.4em;
    /*background: linear-gradient(193deg,#f1f1f1 43%,#d3d3d3 78%);*/
}
#innerpage-box .ts-area-content i {
    transition: all .8s;
    font-size: 65px;
    position: relative;
    top: 10px;
}
#innerpage-box .tsarea-inn:hover .ts-area-content i{
    transform: rotateY(180deg);
    transition: all .8s;
}
#innerpage-box .ts-area-c p:before{
    content: "";
    border-left: 2px solid #b92828;
    height: 15px;
    position: absolute;
    display: block;
    top: 5px;
    margin-left: -10px;
    transition: all 1s ease 0s;
    z-index: 1;
}
#innerpage-box .ts-area-c p {
    padding-left: 10px;
    font-size: 16px;
    line-height: 25px;
    margin: 14px 0;
    display: inline-block;
    position: relative;
    font-weight: 400;
    word-break: break-word;
}
#innerpage-box .ts-area-c {
    position: relative;
    display: block;
    padding-bottom: 1em;
    margin-bottom: 0em;
}

#innerpage-box .ts-area-bx{
    background: none !important;
    padding:10px 0px;
    margin: 1em 0;
}
#innerpage-box .text-designation {
    font-size: 20px;
    margin-top: 1em;
    font-weight: 400;
}
#innerpage-box h1.ts-area-title {
    position: relative;
    margin: 0px !important;
}
#innerpage-box .ts-area-content h1:after{ display: none !important;}
#innerpage-box .ts-img { position: relative;}
#innerpage-box .ts-area-thumb img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease 0s;
    margin: 0 auto;
    /*border: 2px dashed #d33;*/
    /*padding: 7px;*/
    transition: all .8s;
}
#innerpage-box .tsarea-inn:hover .ts-area-thumb img{
    transition: all .8s;
    border-radius: 50px;
    /*border: 9px double #619b34;*/
}

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

#innerpage-box .team-overlay { position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0;background-size: cover;}
#innerpage-box .team-text h4 {word-break: break-word;font-size: 23px;font-weight: 800; color: #FE8A00; margin-bottom: 5px !important;}
body.page-template-default main#innerpage-box .team-text h4:after{
    display: none;
}
main#innerpage-box .inner-team .inntmheadbrd {
    position: relative;
    margin-top: 9px;
}
main#innerpage-box .inner-team .inntmheadbrd::after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    width: 35px;
    height: 4px;
    background-color: #d33;
}
#innerpage-box .team-text .team-designation{
    word-break: break-word;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 500;
}
#innerpage-box .team-text {
    text-align: center;
    padding: 1em 1em;
    position: relative;
    overflow: hidden;
}
#innerpage-box .inner-team h4.inner-area-title{font-weight: 500 !important;margin-top: 35px;}
#innerpage-box .single-team-img img {    
    width: 100%;
    height: auto;
    transition: all .7s linear;
}
#innerpage-box .single-team-img{ 
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: 0 auto;
}
#innerpage-box .single-team-img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0.6;
    /* bottom: 10px; */
    background-color: #f30909;
    width: 100%;
    height: 40%;
    border-radius: 0 0 250px 250px;
    z-index: 0;
    transition: all 0.3s ease;
}

#innerpage-box .inner-team .iicnhv {
    position: absolute;
    top: 45%;
}
#innerpage-box .inner-team .iicnhv i.fa.fa-share-alt {
    font-size: 20px;
    position: relative;
    color: #fff;
    background: #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    left: 8px;
    text-align: center;
}
#innerpage-box .single-team-img:hover .team-social-icon{
    left: 0px;
    transition: all 0.8s ease;
}
#innerpage-box .team-social-icon {    
    position: relative;
    left: -100%;
    top: -40px;
    text-align: center;
    z-index: 1;
    transition: all .4s linear;
    margin: 0px 2px;
    opacity: 1;
    padding: 0px 0;
    transition: all 0.3s ease;
    transform: rotate(0deg);
}
#innerpage-box .inner-team .iicnhv:hover .team-social-icon{
    left: 0px;
    transition: all 0.8s ease;
}
#innerpage-box .single-team-img:hover .team-social-icon a i,
#innerpage-box .iicnhv:hover .team-social-icon a i{
    transition: all 0.3s ease;
    transition: all .6s linear;
    transform: rotate(360deg);
}
#innerpage-box .team-social-icon a{margin: 0 6px;}
#innerpage-box .team-social-icon a i{
    font-size: 18px;
    font-weight: 600;
    color: #767779;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f3f;
    text-align: center;
    border-radius: 50%;
    transition: all .4s linear;
}


#innerpage-box .single-team { margin-bottom: 2em;}
#innerpage-box .inner-area-title {  margin: 0 0 5px;}
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {top: 3em !important;}


#innerpage-box .lz-gallery-images {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
#innerpage-box .img-wrapper {
    overflow: hidden;
    position: relative;
}
#innerpage-box .lz-gallery-images img {
   transition: 0.5s all;
    width: 100%;
    height: 300px;
    z-index: 1;
    border-bottom: 5px solid #d33;
    border-right: 5px solid;
    border-top: none;
    border-left: none;
    border-radius: 10px 10px;
}
#innerpage-box .lz-gallery-images .over-text {
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 4px 0px rgb(63 78 100 / 26%);
    margin: 0 2px 2px 2px;
    border-radius: 0 0 10px 10px;
    padding:10px 10px;
    display: none;
}
#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;
    font-weight: 600 !important;
}

#innerpage-box .gall-icn i{
    position: absolute;
    bottom: 28%;
    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: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #000;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    -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 .singleinner-service .service_inimg {
position: relative;
overflow: hidden;
-webkit-transition: all .3s;
transition: all .3s;
/* background-image: url("images/serinner.png");*/
box-shadow: -3px 3px 15px rgb(0 0 0 / 10%);
}

#innerpage-box .singleinner-service .service_inimg img {
    width: 100%;
    height: 350px;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: 0;
    position: relative;
}
#innerpage-box .service_inimg .serinnolay{
    /*background-image: linear-gradient(to top, transparent 0%, #35c1e2 100%);*/
    opacity: 0;
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0;
    transition: all 0.4s;
}
#innerpage-box .service_inimg:hover .serinnolay {
    opacity: 0.8;
    transition: all 0.4s;
}

#innerpage-box .singleinner-service {
    margin-bottom: 50px;   
    -webkit-transition: all .3s;
    transition: all .3s;
}
#innerpage-box .service_inbox-content {
    padding: 20px 10px 20px 10px;
    background: #3ff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#innerpage-box .service_inbox-content h3{margin: 0 !important;}
#innerpage-box .service_inbox .service_inbox-content h3:after { display: none;}
#innerpage-box .service_inbox-content p{
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0;
}
#innerpage-box .service_inbox{
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#innerpage-box .service_inbox:hover .service_inbox-content p{
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#innerpage-box .serbx {
    position: absolute;
    bottom: 0;
    width: 100%;
    transition:all .5s;
}
#innerpage-box  .serbtn { 
    text-align: center;
    background: #f33;
    padding: 10px;
    font-size: 22px;
    bottom: 0;
    position: absolute;
    right: 0;  
    transition:all .5s;
}
#innerpage-box .serbtn i{ 
    font-size: 30px;
    color: #000; 
}

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

#innerpage-box .single-project-bx{
    margin-bottom: 10px;
    padding: 0 15px;
}
#innerpage-box .single-project{
    position: relative;
    /*overflow: hidden;*/
    transition: all .8s;
    text-align: center;
}

#innerpage-box .single-project-bx .right {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 15px 10px;
    background: #f3f3;
    width: 90%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: -1.9em;
    box-shadow: -3px 3px 15px rgb(0 0 0 / 10%);
}
#innerpage-box .single-project-bx .right::before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #ef4a2f;
    border-radius: 0px;
    content: "";
    z-index: -1;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-30deg) translateZ(0px);
    opacity: 0;
}

#innerpage-box .single-project-bx .main_box:hover .right::before {
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
}
#innerpage-box .single-project .projt-subtitle {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 400;
}
#innerpage-box .single-project h3.inner-area-title{
    position: relative;
    display: inline-block;
    word-break: break-word;
    padding-bottom: 10px;
    font-weight: 700 !important;
    transition: all .8s;
    margin: 0px 0!important; 
    z-index: 1;
}
#innerpage-box .single-project h3.inner-area-title:after{display: none;}
#innerpage-box .single-project-bx .right p{
    display: none;
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: 400;
}

#innerpage-box .project-img {position: relative;overflow: hidden;}
#innerpage-box .project-img img{
    width: 100%;
    height: 400px;
}

/*-----------------------
## 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: 10px;
    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;
}
/*-----------------------
## End Site map Template 
/*=================================================*/
/*====## Contact Template {contact Inner Page}=====*/
/*========================================*/
#innerpage-box .contact-address-area { position: relative;padding: 5em 5em;}
#innerpage-box .cntpgbx {
   text-align: center;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
    padding: 2em 2em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    border-radius: 20px;
}
#innerpage-box .cntpgicn {
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 35px;
    text-align: center;
    background: #f3f;
    border-radius: 50px;
}
#innerpage-box .cntpgtxt {position: relative; margin-top: 2em;}
#innerpage-box .cntpgtxt h3{ margin-bottom: 15px !important; font-weight: 600 !important;}
#innerpage-box .cntpgtxt h3:after{display: none !important;}
#innerpage-box .cntpgtxt p { font-size: 16px; margin-bottom: 6px;}
#ht-contactus-wrap{text-align: center;}
#ht-contactus-wrap .contact-form{
    padding: 6em 1em;
    position: relative;
    overflow: hidden;
}
#ht-contactus-wrap .conforminn {
 padding: 2em 2em;
    position: relative;
    margin: 0 12em;
}
#ht-contactus-wrap .con-onay {
    background: #d33;
    position: absolute;
    left: 0%;
    right: 0%;
    opacity: 0.9;
    top: 0;
    bottom: 0%;
    border-radius: 25px;
}
#ht-contactus-wrap .s-title {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3em;
}
#ht-contactus-wrap .maintle{
    position: relative;
    font-size: 40px;
    font-weight: 500;
    margin: 6px 0;
}
#innerpage-box .contact-mapbox iframe { width: 100%; height: 350px;}
#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-bottom: 25px;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 16px 38px;
    border-radius: 50px;
    background: #f3f3;
}
#ht-contactus-wrap textarea {
    height: 200px;
}
#ht-contactus-wrap input[type="submit"] {
    padding: 11px 41px;
    margin-top: 1em;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-radius: 50px;
    float: left;
}

/*-----------------------
## End Contact Template
-----------------------------*/

/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {text-align: center;padding-bottom: 1.5em;}
.faq_bm h1:after,.faq_tp h3:after,.faq_tp h1:after{display: none !important;}
.faq_tp h4 {
    background: #f1f1f1;
    position: relative;
    border: 2px solid #000;
    overflow: hidden;
    border-bottom: none;
    border-top: none;
    display: inline-block;
    padding: 6px 20px;
}
.faq-form{margin-top: 30px;}
.faq_bm {  margin-top: 30px;}
.faq_bm h4,.faq_tp h4{font-weight: 700 !important ;}
.faq_tp .faq-heading{
    font-size: 30px;
    font-weight: 600;
    margin: 0 auto;
    padding-bottom: 11px;
}

#content-box .faqimg1 img{border-radius: 10px;width: 100%;}

#content-box .faq-form input[type="text"], 
#content-box .faq-form input[type="email"], 
#content-box .faq-form input[type="url"],
#content-box .faq-form input[type="password"], 
#content-box .faq-form input[type="search"], 
#content-box .faq-form input[type="number"], 
#content-box .faq-form input[type="tel"], 
#content-box .faq-form input[type="range"], 
#content-box .faq-form input[type="date"], 
#content-box .faq-form input[type="month"], 
#content-box .faq-form input[type="week"], 
#content-box .faq-form input[type="time"], 
#content-box .faq-form input[type="datetime"], 
#content-box .faq-form input[type="datetime-local"], 
#content-box .faq-form input[type="color"], 
#content-box .faq-form select, 
#content-box .faq-form textarea {
    margin-bottom: 15px;
    border: none; 
    /*border: 2px solid;*/
    font-size: 15px;
    padding: 18px 20px;
    border-radius: 0px;
    background-color: #f3f3;
}
#content-box .faq-form textarea {height: 100px;}
#content-box .faq-form input[type="submit"]{
    font-size: 16px;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 600;
}

div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: #fbb34d;
    padding: 14px 30px;
    border-radius: 18px;
    border: 1px solid #000;
    box-shadow: none;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 16px;
    color: #000;
    float: right;
    right: 0;
    position: relative;
    /* top: 0px; */
    font-weight: normal;
    line-height: 26px;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 5px 0;
    border: none;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
    border-radius: 15px 15px;
    padding: 6px 20px 3px 20px;
    box-shadow:none;
}
div#content-box .faq-content div.panel p{
    margin: 20px 0 10px 0;
    line-height: 30px;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 30px;
    margin: 0;
    font-weight: 600;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
    font-size: 18px;
}
main#innerpage-box div#content-box h3.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;}
@media screen and (min-width: 769px){
    .inside-full-height{height:100%}
}

article.slider{height: auto;}

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

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.single_post .socialMedia {float: right;}
.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding-top: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 0px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
/*#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);}

/*#content-box ul li {
    margin: 15px 0;
    line-height: normal;
}*/
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    margin-top: 1em;
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    padding-top: 10px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 30px 0 #88828230;
}
.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-content,
.entry-content,
.entry-summary {

}

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

.single .ht-post-info{
    margin-right: 30px;
    margin-bottom: 20px;
}

.ht-post-info .entry-date{
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.ht-post-info .entry-date span{
    display: block;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}

.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}

.ht-post-wrapper{
    padding-left: 105px;
}

.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}

.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}

.entry-categories a{
    color: #666;
    text-decoration: none; 
}

.entry-readmore{
    margin-top: 20px;
}

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !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 {
    /*display: none;*/
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 12px 12px;
    background-color: #d33;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    line-height: 22px;
    text-align: center;
    font-size: 25px;
    transform: rotate(-90deg);
    text-decoration: none;
    z-index: 99999;
}

#back2Top a {
  color: #666;
  text-decoration: none;
}

#back2Top a:hover {
  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 li {
    font-size: 15px;
}
/*.sidebar_list {
    margin-top: 2em;
}*/
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;
    text-transform: capitalize;
    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;
}

.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}

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: 15px;
}
.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);
}
/*-----------------------
## End search  
-----------------------------*/

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blog-post{ margin: 0em 0em 2em; border-radius: 10px;}
#innerpage-box .inner-blogpost {
    position: relative;
    -moz-box-shadow: 0px 1px 1px rgb(152 152 131 / 20%);
    -webkit-box-shadow: 0px 1px 1px rgb(152 152 131 / 20%);
    box-shadow: 0px 1px 1px rgb(152 152 131 / 20%);
}
#innerpage-box .inner-blogpost .ht-blog-thumbnail { overflow: hidden; position: relative;}
#innerpage-box .inner-blogpost .blog-date {
    position: absolute;
    top: 0;
    font-size: 15px;
    z-index: 1;
    background: #000;
    padding: 8px 20px;
    text-align: center;
}
#innerpage-box .inner-blogpost .blog-date span{
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 700;
}
#innerpage-box .inner-blogpost .blog-Athr li{
    list-style: none;
    display: inline-block;
    word-break: break-word;
}
#innerpage-box .inner-blogpost .blog-comm,
#innerpage-box .inner-blogpost .blog-Athr {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
#innerpage-box .inner-blogpost .blog-Athr .fa-comments-o{ padding:0 10px;}
#innerpage-box .inner-blogpost .blog-Athr i { padding-right: 10px;}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 310px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
#innerpage-box .ht-blog-thumbnail .overlay{
    position: absolute;
    background: #d33;
    opacity: 0; 
    right: 0%;
    top: 0%;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
#innerpage-box .inner-blog-post .inner-blogpost:hover .overlay {
    opacity: 0.5;
    transition: all 0.4s;
}
#innerpage-box .inner-blogpost-info {
    padding: 1em 0em;
    position: relative;
}
#innerpage-box #blog-box h2 {
    margin-bottom: 2px;
    font-weight: 500;
    word-break: break-word;
    margin-top: 0;
}
.inner-blog-excerpt {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
.inner-blog-post .blogpgbtn {
    text-align: right;
}
.inner-blog-post .blogpgbtn a {
    margin-top: 0.5em;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    background: #f72985;
    color: #fff;
    font-weight: 400;
    padding: 6px 26px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 20px;
    z-index: 1;
    word-break: break-word;
    transition: all 0.2s ease 0s;
    white-space: normal;
    transition: color 0.2s;
    box-shadow: 3px 3px 8px 2px rgb(20 20 20 / 28%);
}
.inner-blog-post .blogpgbtn a > span:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f7f6c0;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: -1;
    transform: translateY(-50%);
    transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.inner-blog-post .blogpgbtn a:hover span:before{
    width: 100%;
    height: 100%;
    border-radius: 40px;
    left: 0;
}
/*-----------------------
## Blog category Page 
-----------------------------*/
.inner_contentbox {
    position: relative;
    padding: 0em 0em;
    top: 0em;
}

/*--------------------------------------------------------------
## 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;
}
body.page-template-default main#innerpage-box h1:after,
body.page-template-default main#innerpage-box h2:after,
body.page-template-default main#innerpage-box h3:after,
body.page-template-default main#innerpage-box h4:after,
body.page-template-default main#innerpage-box h5:after,
body.page-template-default main#innerpage-box h6:after,

.page-template-templates main#innerpage-box h1:after,
.page-template-templates main#innerpage-box h2:after,
.page-template-templates main#innerpage-box h3:after,
.page-template-templates main#innerpage-box h4:after,
.page-template-templates main#innerpage-box h5:after,
.page-template-templates main#innerpage-box h6:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 0;
    position: relative;
    top:15px;
        background-image: radial-gradient( circle farthest-corner at 10% 20%,#f499c3 0%,#f62b85 100.3% )
}

#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;
 }
 #innerpage-box .widget-area .widget-title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: transparent;
    text-transform: uppercase;
    margin: 20px 0 0px 0;
    padding-bottom: 5px;
    /* border-bottom: 2px solid #e5e5e5; */
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
}
#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;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    background: #f1f1f1;
}
.widget-area .tagcloud {
    list-style: none;
    padding: 0;
    margin: 1em 0 0 0;
   /* border: 1px solid #eaeaea;*/
   /* border-bottom: none;*/
}
.widget-area .textwidget {
   /* border: 1px solid #eaeaea;*/
    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 15px 15px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget_calendar table {
    border-collapse: separate;
    width: 100%;
}
/*body.page-template-default #innerpage-box .widget-area .widget-title:after ,
 .page-template-templates #innerpage-box .widget-area .widget-title:after {
       position: relative;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
    background-image: none;
    display: block;
    margin: 0;
    top: 11px;
}*/
/*body.page-template-default #innerpage-box .widget-area .widget-title:after, 
.page-template-templates #innerpage-box .widget-area .widget-title:after{background-color: '.$innerpagesidebartitleborderColor.';}*/
.widget-area .woocommerce-product-search, .widget-area form#searchform {
    width: 100%;
    /*border: 1px solid #eaeaea;*/
    padding: 0px;
}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {
    border-radius: 0;
    border:none;
}
.widget-area ul ul li {
    padding-left: 10px;
    border-bottom: none;
}
.widget-area ul ul li a {
    padding: 0;
}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {
    border: none;
    padding: 0px;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    padding-bottom: 45px !important;
  /*  border: 4px solid #f1f0f0 !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
 /*border-bottom: 1px solid #6a1b9a !important;*/
}
.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: 5px solid #f1f0f0 !important;
    /*height: 230px;*/
}
.woocommerce div.product div.images img {
    border: 2px solid #f1f0f0 !important;
}

.woocommerce ul.products li.product .total-product-title-wrap{
    padding: 20px 10px 0;
}

.woocommerce ul.products li.product a{
    color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0;
}
.woocommerce ul.products li.product .price del{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    display: inline;
    font-weight: 400;
}
.woocommerce .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;
   /* border:1px solid #333;*/
    color: #FFF;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color:#fff !important;
}

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    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: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

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

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

.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #fe5722
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{
    font-weight: 400;
}

.woocommerce .product_meta{
    font-size: 15px;
}

.woocommerce .product_meta a{
    color: inherit;
}

.woocommerce .product_meta a:hover{
    color: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    border-bottom: 2px solid #fe5722;
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 0;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}

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

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color: #FFF !important;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
    font-size: 22px;
    margin-bottom: 30px;
}

.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{
    width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
    width: 100%;
}

.related.products h2{
    margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
    background: #fe5722;
    padding: 10px 20px;
    color: #FFF;
}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
    background: #333;
    color: #FFF;
}

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

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    line-height: 40px;
    font-size: inherit;
    padding: 0;
}

.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}

.select2-results{
    font-size: 0.9em;
    color: inherit;
}

.select2-drop-active{
    border-color: #EEE;
}

.select2-drop.select2-drop-above.select2-drop-active{
    border-color: #EEE;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    border-top-color: #fe5722;
    font-size: 0.9em;
    margin-bottom: 15px;
}

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

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 4;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
    font-weight: 400;
}

#customer_details{
    margin-bottom: 40px;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{
    border: 1px solid #EEE;
    border-radius: 0;  
      padding: 10px;
}

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

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

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
    font-weight: 400;
}

.woocommerce a.remove{
    font-family: Arial;
    font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
    top: 8px;
}

.woocommerce .widget_layered_nav ul li{
    padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #FFF;
    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;
}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}
/**/
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 .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {
    background: none;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce 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: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {
    opacity: 0.8;
}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{
    float: right;
    display: contents;
}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
    display: inherit;
}
.woocommerce .star-rating::before{
    top: 0 !important;
    left: 0 !important;
    position: relative;
}

.woocommerce div.product .woocommerce-product-rating{
    line-height: 0px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    overflow: hidden;
}
.woocommerce ul.products li.product a img {
    transform: scale(1);
    transition: all 1s ease 0s;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
     transform: scale(1.05);
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    padding-top: 40px;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{
    padding-bottom: 30px;
}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}
.woocommerce #reviews #comments ol.commentlist li {
    display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
}
/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as {
    display: block;
    font-weight: 400;
    line-height: 1.6;
}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {
    padding: 1px 0;
    text-decoration: none;
}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating {
    margin: 0;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    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;
}
/*===================== responsive ==========================*/

@media only screen and (max-width: 1670px) {
    #banner-section .contentmain-box {  margin-left: 5em;}
    #appoinment .appbx {
    padding: 6em 2em 6em 2em;
}
}
@media screen and (max-width: 1520px){
    .single-team .in-our-team ul > li > a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 1510px) and (min-width: 1445px){
    .inner-page-gallery:hover .text {
        width: 20rem;
        height: 20rem;
        margin-top: -10rem;
        margin-left: -10rem;
        padding: 35% 10px 0px;
    }
    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}
@media only screen and (max-width: 1433px) { #banner-section h2 { font-size: 40px;}}

@media screen and (min-width: 1024px) and (max-width: 1300px){
#step .step-area-data h4 { font-size: 26px;}
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
/*main#innerpage-box #blog-box .socialMedia ul li{  margin-left: -30px;}*/
main#innerpage-box .ht-blog-thumbnail img { height: 272px;}
/* main#innerpage-box #blog-box .socialMedia ul li a.site-button{
        width: 30px;
        line-height: 30px;
        height: 30px;
}*/
}
@media only screen and (max-width: 1299px) {
.headenquiry a{padding: 6px 18px;}
#innerpage-box .contact-address-area {padding: 5em 0em;}
#appoinment .appconbx h2,
.section-title h2{font-size: 50px;}
#team .team-social-icon a i { margin: 0 6px;}
#team .single-team-img img{height: 100%;}
#newsletter .newstitle h3 { font-size: 30px;}
#innerpage-box .project-img img{height: 300px;}
#ht-contactus-wrap .conforminn {padding: 4em 2em;margin: 0 8em;}
#ourvideo-section .vidocbx {width: 69%;}
#gallery .owl-nav .owl-prev span {left: -15px;}
#gallery .owl-nav .owl-next span {right: -15px;}
#team .team-text h4,
#team .team-text .team-designation,
.blog-area .blog-posts h4 { 
    font-size: 25px;
}
}
@media screen and (max-width: 1200px){
.headenquiry a{font-size: 20px !important;padding: 6px 22px !important;}
.pricing-area ul.pricing-list{margin: 2em 1em;}
.ct-btn-scroll{
    bottom: 20px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.sliderr-highlighttext { font-size: 30px;}
.slider-cap-title.animated.fadeInDown { font-size: 35px;}
.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;}
.features-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
#step .step-area-data h4 { font-size: 24px;}
#ourvideo-section .vidocbx {width: 66%;}
.service-area h4 { font-size: 25px;}
.luzuk-content-area {top: 70%; width: 390px;right: 0%;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
#banner-section .contentmain-box{margin-left: 2em;}
.service-area .service-icon a img {  height: 300px;}
#gallery .spa-gall img{height: 300px;}
.pricing-area .btn{padding: 13px 47px;}
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
ul.pricing-list li{font-size: 14px;}
.pricing-area .single-pricing h1 span.large{font-size: 55px;}
.features-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){
#slider .sliderimg img  {height: 500px !important;}
.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;}
#ourvideo-section .vidocbx{width: 90%;}
main#innerpage-box .ht-blog-thumbnail img {  height: 313px;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
}
}
@media screen and (max-width: 991px) {
.site-navigation {float: right;}
.mobnone1{text-align: right;}
#slider {  padding: 10px 0;}
.section-title { margin-bottom: 2em;}
.sliderimg{position: absolute;top: 0}
.slider-caption{position: relative; margin-top: 500px;}
.slider-cap-title {font-size: 40px;line-height: 40px;}
#slider a.btn{font-size: 16px;padding: 4px 18px;}
#step .ben-btn a{ margin-top: 1em;}
#step .step-area-data h4 { font-size: 20px !important;}
#testimonials .section-title {margin-bottom: 2em !important;}
.service-area h4 { font-size: 20px !important;}
.service-area p { font-size: 16px !important;}
#about,#service,#features,#featured-product-section,#step,#ourvideo-section,#appoinment,
#team,#testimonials,#counter,#blog ,#ourclient,#pricing,#contact{ padding: 2em 0 !important;}
#innerpage-box .ts-area-single-inn { padding: 1em 2em;}
.pricing-area ul.pricing-list {   margin: 1em 0em !important;}
.pricing-area .pc-btn {  margin-top: 1em !important;}
#footer{ padding: 2em 0 1em 0em !important;}
#innerpage-box .cntpgicn{margin: 0 auto;}
#appoinment .appbx { padding: 2em 1em 2em 2em;}
#appoinment .appo-img img { position: relative;}
#appoinment .appconbx h2, 
.section-title h2 {  font-size: 40px;}
.blog-area .blogbtn a {padding: 8px 16px;font-size: 16px;}
.contact-area .contactdetails{padding: 1em;margin-top: 1em;}
#team .team-social-icon a i {  margin: 3px 3px;}
#banner-section .bannimgbx { position: relative;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 2em 2em;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {
    width: 100%;
}
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.slider-caps-title.animated.fadeInDown {  font-size: 26px;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
.ht-site-title a, .site-title a{ top: 0 !important;}
.slider-cap-title.animated.fadeInDown{ font-size: 22px; }
.slider-cap-desc.animated.fadeInDown{font-size: 13px;line-height: 20px;}
#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;}
#features .section-title h2,
.section-title h2{font-size: 30px;}
}

@media screen and (min-width: 686px) and (max-width: 990px){
.luzuk-slide-img-area img {
    height: 550px !important;
}
}
@media screen and (max-width: 849px){
    #featured-product-section .owl-carousel .owl-nav{display: none;}
}
@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){

#ht-contactus-wrap .conforminn {  padding: 1em 1em;}
#ht-contactus-wrap .contact-form { padding: 2em 1em;}
#ht-contactus-wrap .maintle{font-size: 30px;
}
}

@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: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{
    padding-left: 15px;
    padding-right: 15px;
}
}

@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 ;
    }
    .ht-menu.clearfix ul {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
.comment-form-author, .comment-form-email, .comment-form-url{width: 100%; margin-right: 0%;}
#slider {padding: 0em 0;}
.slider-cap-title {font-size: 25px;line-height: 35px;}
.slider-cap-desc li {margin-top: 0em;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.slide-content .button-lg { font-size: 13px; padding: 10px 15px;}
.text-white .site-button.outline { padding: 8px 15px;}
.abuot-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: unset;
}
.choseus-tabs .title-head { display: unset;}
.chosesus-content .abuot-box {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    left: auto;
    margin-top: 0;
    padding: 20px;
}
.chosesus-content .abuot-box p{
    color: #ffffff;
    font-size: 14px;
    opacity: 0.8;
}
.choses-info-content [class*="col-"] { border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#step .ben-btn a{padding: 12px 25px;}
.contact-area .contact-content {  margin-top: 1em;}
.contact-area .contact-content h4{font-size: 20px;}
.contact-area .contact-content a, 
.contact-area .contact-content p {font-size: 16px;}
#content-box .faqimg img {height: auto;}
.owl-slider.owl-theme .owl-dots {
    bottom: 180px;
    margin-top: 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: auto;
    transform: translateY(-50%);
    width: 100%;
}
.inquiry-form{  margin-top:0;}
#banner-section .hcir { top: 0px; margin-top: 20px;}
#banner-section .contentmain-box,
#banner-section h2{margin-left: 0;font-size: 23px;}
#banner-section .btn5 a{margin-right: 0;}
.ht-newsletter-member-wrap input[type="submit"]{right: 0;}
.contact-page{ padding-bottom: 50px;  padding-top: 100px;}
.inner_contentbox .socialMedia ul li{margin-top: 25px;}
#innerpage-box .item.innertest-item { width: 100%;}
#innerpage-box .ts-area-single-inn{text-align: center;}
.pricing-area .single-pricing{margin-bottom: 1em;}
#testimonials .owl-dots {  margin-top: 0em;}
#about, #service, #features, #featured-product-section, 
#step, #ourvideo-section, #appoinment, #team, #testimonials, #counter, 
#blog, #ourclient, #pricing, #contact{padding: 1em 0 !important;
}
}

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

.footer-area .bottom-area{padding: 1em 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}

.header-transparent .is-fixed .main-bar h1.ht-site-title {
position: relative;
top: 60px;
text-align: center;
}

header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
.bx-controls-direction { display: none;  }
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }

.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {
    position: relative;
    top: 80px;
}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
}

@media screen and (max-width: 709px){
#ourvideo-section .vidocbx { padding: 2em 1em;}
#ourvideo-section .vidocbx .vidocbx-title h2 {
    font-size: 30px;
}
}

@media screen and (max-width: 520px){
.hamburger-menus {top: 3px;right: -5px;}
.top-bar-head .head-menu {  padding-right: 0em;}
.share-btn ul li {  top: -8px;  position: relative;}
.s-footer { margin-bottom: 1em;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.slider-caption{ width: 90%; margin-top:300px; }
.ht-site-description{  font-size: 12px;}
.share-btn ul li a.site-button {
    width: 30px;
    line-height: 30px;
    height: 30px;
}
.share-btn ul li {  margin-left: -30px;}
.share-btn {  bottom: 13px;}
.page-main-header{padding: 4em 0 2em 0 !important;}

.page_featured {
    margin: 0 2em;
    margin-bottom: 1em;
    padding: 3em 4em;
}
body.page-template-default main#innerpage-box h1, .ht-main-title {
font-size: 25px ; 
}
#slider .sliderimg img{height: 300px !important;border-radius: 130px 40px;}
}
@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;}
.pricing-area .layer-part-1{ top: 25%;}
div#pricing{ padding: 5em 0 2em 0em !important;}
.single-header-info { text-align: center; padding: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
header .js-nav-toggle{margin: 2px -3px !important;}
.headenquiry a {font-size: 16px !important;padding: 6px 10px !important;}
body {   position: inherit; }
.contact-area .form-call li a { font-size: 25px; margin-right: 10px;}
#ourvideo-section .vidocbx{padding: 2em 1em;}
#ourvideo-section .vidocbx .vidocbx-title h2{font-size: 20px;}
.section-subtitle {font-size: 20px !important;}
#ourvideo-section .video-content-bg{padding: 8em 0 !important; }
#innerpage-box .inner-blogpost-info {
    padding: 2.5em 3em 1em 1em;
}
}

@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;}
#innerpage-box .single-team-img { width: 260px; height: 260px;}
.share-btn { bottom: 2px;}
.page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
.share-btn ul li {
    top: 12px;
    position: relative;
    top: -25px;
    position: relative;
    right: 35px;
}
}

@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;}
/*.slider-cap-desc { line-height: 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;
}
