/*
Theme Name:  Refrigerator Repair Free
Theme URI: https://luzukdemo.com/demo/refrigerator-repair/
Author: luzuk Themes
Author URI: https://www.luzuk.com/
Description:  There is no need to tell more about this Refrigerator Repair WordPress Theme as the design speaks volumes about itself. This brings an ideal layout that can perfectly represent any electronic store, refrigerator shop, air cooling service, appliance repairing service, etc. Even if you don’t have time to build your website from scratch for promoting your services online, you can simply start by importing the demo data and replacing its default content by your to start your online journey. This Refrigerator Repair WordPress Theme completely eliminates the need of hiring a professional developer to do the needful. There is a rock-solid foundation of robust as well as clean and secure codes that will make your website function exceptionally well no matter which device you are using. If you are not from a coding background and still want to get a personalized look for your website, you can try the various easy customization options available with the live theme customizer. The bold CTAs will always drive the visitors to go ahead and explore more. Through the various sections, you can put up all the information as this theme includes a beautiful product page and an enticing slider, every detail regarding your product can be mentioned to give your viewers complete info. Woocommerce is also integrated into this Refrigerator Repair WordPress Theme to help you push your products online and increase their sales.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: refrigerator-repair-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 { 
    word-break: break-word;
    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.2;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    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 { 
    word-break: break-word;
    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-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;
}
/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
     font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    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: 11px 17px;;
    width: 80%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    word-break: break-word;
    color: #f04f55;
    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: capitalize;
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}
.widget-area .textwidget p{
    font-size: 15px !important;
    line-height: 27px !important;
}
.widget-area ul{
    list-style: none;
    padding: 0;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
}
.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;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
}
.widget-area li.recentcomments {
    padding: 3px 15px;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: inline-block;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
    margin: 0;
    letter-spacing: 1px;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area a:hover{
    color: #fe5722
}
.widget-area .widget{
    margin-bottom: 50px;
    overflow: hidden;
    border: none; 
}
/*--------------------------------------------------------------
## 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.6;
        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%;
}

#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 12px 25px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h2#reply-title,
h2.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h2#reply-title:after,
h2.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 0 0 20px;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !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 .nav-links .page a,
.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;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    padding: 1em 0em 1em 3.5em !important;}
.woocommerce #reviews #comment {
    height: 150px !important;
}

/*============== New ===========*/
/*================== New ==========================*/
div#commentsAdd {
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    margin-top: 2em;
    clear: both;
    position: relative;
    overflow: hidden;
}
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: 9%;
    position: relative;
    float: left;
}
.commentmetadata {
    width: 85%;
    float: left;
    margin-top: 2.5em;
}
.comment-metadata a{font-weight: 600; font-size: 16px;}
.comment-metadata {
   position: absolute;
    /* float: right; */
    top: 0;
    margin-left: 100%;
    width: 200%;
}
.comment-metadata time{font-size: 13px;}
#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;
}
#comments span.fn {
    position: relative;
    top: 0px;
    /* margin-left: 0; */
    left: 0em;
}
.logged-in-as, .comment-notes {
    font-size: 15px !important;
}
main#innerpage-box #comments li.comment{
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
    margin: 2em 0 5em;
    padding: 0;
}

#comments .comment-author img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}
#content .tags a{
    padding: 5px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
    padding-top: 0px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    /*width: 100%;*/
}
.s-footer .gallery-item {
    width: 30%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/


.home main#innerpage-box {
    margin-top: 8em;
}
.clearfix {
    clear: both;
}
main#innerpage-box .single-service h4{
    font-size: 19px;
}
.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;
}
.justify-content-center{
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    text-align: center;
}
.section-title .sub-title{
    position: relative;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 400;
    /*letter-spacing: 3px;*/
}
.section-title h2 {
    word-break: break-word;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
   letter-spacing: 1px;
}
.subheading{
    font-size: 18px;
    font-weight: 500;
    position: relative;
   /* line-height: 30px;*/
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
}
.titleborder:after{
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite;
}

@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

    65% {
        transform: translate(0, 10px);
    }

    to {
        transform: translate(0, -0px);
    }
}

.textcenter{
    text-align: center;
}
:hover{
    -webkit-transition-duration: 1s;
  
    -moz-transition-duration: 1s;
  
    -o-transition-duration: 1s;
  
    transition-duration: 1s;
}
section{
}
section .darkbox{
    padding:3em 0;
    background: rgba(0,0,0,0.6)
}
section .lightbox{
    padding: 5em 0;
}
.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-container .ht-main-title,
.woocommerce .woocommerce-breadcrumb{
text-align: center !important;
}

.ht-main-title{
    position: relative;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: right;
    font-size: 50px;
    margin-bottom: 8px;
}
.header-title{
    right: 2em;
    /* overflow: hidden; */
    position: relative;
    margin-top: 7em !important;
}
.header-title .breadcrumbbox .button{width: 100% !important;}
#total-breadcrumbs, .woocommerce .woocommerce-breadcrumb,
.header-title .breadcrumbbox .button {
    display: inline-block;
    padding: 0px 10px 10px 10px;
    text-align: right ;
    /*width: 41%;
*/}

.archive .ht-main-title, .single-product .ht-main-title{
    margin: 0em 0 0.5em;
    padding: 0.5em 0 0;
}
.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: 28px;
    line-height: 1;
    padding: 0;
    padding-top: 15px;
   /* text-align: center;*/
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #4a4a4a;
}
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    z-index: 2;
    position: relative;
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    /*text-align: left;*/
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox {
    margin-top: 0;
    padding: 1em;
}
.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;
}


/*========= New ========*/
#commentsAdd h2:after{
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    background: #fe5722;
    height: 3px;
    bottom: -6px;
    clear: both;
}
#commentsAdd h2{
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
}
#commentsAdd textarea, #commentsAdd input[type="text"]{
    font-size: 14px !important;
}
#commentsAdd textarea{
    margin-left: 14px;
    width: 91%;
    height: 200px;
}
#content-box .entry-content {margin: 0em 0.5em;}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
   /* padding: 0px 0 2.5em;*/
    position: relative;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
    word-break: break-word;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}
.breadcrumbbox .button {
    display: inline-block;
    padding:16px 35px 16px 15px;
}
/*===========================================
## 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;
}
.fa-search {
   &:hover {
      color: rgba(255, 255, 255, 0.75);
  }
}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.navigation .menu-click i{
    display: none;
}
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding: 12em 0 4em;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
    position: relative;
    overflow: hidden;
}
/*.page-main-header .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 55%;
    bottom: 0;
    position: absolute;
}*/

.gh {
    position: relative;
}
.gh .overlay1 {
    position: absolute;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*.page-main-header h1:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 37%;
    left: 70%;
    top: -20px;
    z-index: 0;
    height: 170%;
    border: 10px solid rgba(255,255,255,.1);
    border-right: none;
}*/
.header-title:before{
    content: '';
    position: absolute;
    right: -2em;
    bottom: 25%;
    width: 25%;
    top: -17%;
    z-index: 0;
    border: 10px solid rgba(255,255,255,.1);
    border-right: none;
}
.header-share{line-height: 1.1;}
.share-btn ul{
    transition:all 0.5s;
    text-align: right;
}
.share-btn ul li{
    display:inline-block;
    transition:all 0.5s;
    text-align: center;
}
.share-btn ul li a.site-button{
    display: block;
    font-size: 24px;
    margin: 1px 10px 0px 10px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s;
}
.share-btn ul li:hover{
    transform: rotate(-8deg);
}
header .headcontact {
    text-align: left;
}
header .headphone, header .header-share button{display: none;}
header .Reg {
    font-weight: 600;
    padding: 8px 0 3px 100px;
}
header .Reg p{
    margin: 0px;
    font-size: 19px;
}
header .Reg a{
    margin-bottom: 0px;
     font-size: 18px;
}
header .Reg a i{
    padding-right: 10px;
    font-weight: 600;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.pd-0{
    padding: 0;
}
.pd-1{
    padding: 0 3px;
}
.logo {
    padding: 0px 5px 0px 5px;
}
.logo-header.mostion {
    text-align: center;
    z-index: 1;
    position: relative;
}

.logobox img{
    position: relative;
}
.head-menu {
    position: relative;
}
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}
header .header-text{
    font-size: 14px;
    font-weight: 600;
}
.header-dtime{
    font-size: 14px;
    font-weight: 600;
}
.header-dtime i{
    font-size: 17px;
    padding-right: 6px;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
ul.hd-contact {
    padding-top: 1em;
}
ul.hd-contact li i {
    color: #1d62b8;
    padding-right: 8px;
    font-size: 15px;
}
ul.hd-contact li a{
    font-size: 14px;
    color: #354bb1;
    font-weight: 600;
    word-break: break-word;
}
header .Rqst-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    top: 17px;
    text-align: center;
    padding: 4px 0px;
}
header .Rqst-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-weight: 400;
    font-size: 17px;
    padding: 8px 11px;
    cursor:pointer;z-index:20;
    transition:all .5s ease-in-out;
    letter-spacing: 1px;
    border-radius: 7px; 
    z-index: 2;
}
/*.Rqst-btn a:hover{
    color: #fff !important;
}*/
.Rqst-btn a:before{
   /* background: #000;*/
    content: "";
    height: 1000px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s linear 0s;
    width: 0;
    z-index: -1;
}
.Rqst-btn a:hover:before{
    opacity: 1;
    width: 100%;
}

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header .header-right {
    position: relative;
}
.head-menu {
    position: relative;
}
header .menu-wrapper {
    float: right;
}

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;
    text-align: center;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
}
.navigation .mainmenu li:last-child{
    margin-right: 0;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#fff; 
    position:relative; 
    z-index: 0;
}
.navigation .sub-menu a:before{background:none !important;}
.navigation .mainmenu li a:hover:before,
.navigation .mainmenu li a:focus:before {
  transform: scale(1);
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 120%;
    text-align: left;
    border-top: 4px solid;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    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); 
}
.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{
      display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
}
 .navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    top: 38px;
    text-align: left;
    padding: 0;
    border-radius: 0px;
    transition: all 0.3s;
    animation: zoomIn .3s ;
    border-radius: 0px;
    opacity: 1;
    visibility: visible;
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
    list-style-type: none;
      font-size: 13px;
      font-weight: 400;
      padding: 15px 20px;
      display: inline-block;
      width: 100%;
      margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
/*.navigation .mainmenu ul.sub-menu li.current_page_item:hover a, 
ul.sub-menu .current_page_item:hover > a{
    background: none;
}*/
@media only screen and (max-width: 992px){
    .navigation .sub-menu li a:hover{background: none;}
    #about .section-title{margin-top: 2em !important;}
}
@media only screen and (max-width: 1300px) {
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
}
@media only screen and (min-width: 1125px) {
    #appointment .app-rhsbx { padding:3em 3em 3.1em 6em !important;}
}
@media only screen and (min-width: 1300px) {
.navigation .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
}

#newsletter .section-title h2{font-size: 42px !important;}
#newsletter .news-text h6 {font-size: 18px !important;}

    .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{
    font-size: 22px !important;
}
.ht-newsletter-member-wrap input[type="submit"] {
     padding: 15px 23px;font-size: 22px;
}
.ht-newsletter-member-wrap input[type="submit"]{padding: 17px 30px !important;font-size: 22px !important;}
#newsletter .news-img img {width: 91% !important;}
#newsletter .news-img{padding: 1em 2em !important;}
#appointment .section-contact { padding-left: 40px; }
#appointment .section-name h5{font-size: 54px !important;}
#appointment .section-contact h5{font-size: 42px;}
#appointment .section-contact i{
    font-size: 50px;
    width: 67px;
    height: 67px;
    line-height: 67px;}
#appointment .section-button a{font-size: 19px !important;}
#appointment .info-txt a, #appointment .info-txt p{font-size: 20px !important;}
#appointment .info-txt i{font-size: 20px !important;}
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}
.heade-border {
    border-bottom: 1px solid #939192;
    padding: 0 5px;
}
.header.site-header ul.sub-menu li a {
        font-size: 14px;
    font-weight: 400;
    position: relative;
}
.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
    word-break: normal;
}
  .header.site-header ul.sub-menu li:hover a{
    border-radius: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
}
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 {
    position: relative;
    z-index: 99;
    width: 100%;
}
.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) {
header .Reg{font-size: 16px;}  

.extra-nav {   margin-right: 15px; }
.slider_content {top: 50% !important;}

.page-template-home-template .site-header{
    position: relative !important;
}
.testimonials-area .ts-area-content {margin-top: 1em;}
#newsletter .news-img{margin-bottom: 15px !important;
    left: 0;
    position: relative;
    right: 0;
    margin: 0 auto;
    display: inline-block;
}
#newsletter .news-form{margin-left: 0px !important;}
.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"],
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"],
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select,
.ht-newsletter-member-wrap textarea{width: 100% !important;margin-bottom-bottom: 10px !important;}

.ht-newsletter-member-wrap input[type="submit"]{
    margin: 1em 0em;
    float: none !important;
    margin-right: 0px !important;
}
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}
@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;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
@media screen and (max-width: 991px) {
.logo-header.mostion img{padding: 5px 0 !important;}
header .Rqst-btn{top: 8px;}
header .Reg{padding: 8px 0 3px;}
.site-navigation {float: right;}
#step .stepbx:nth-child(3) .sec-icn .icn-brd:before,
#step .stepbx:nth-child(1) .sec-icn .icn-brd:before,
#step .stepbx:nth-child(2) .sec-icn .icn-brd:after {display: none;}

#step .stepbx:nth-child(3) .sec-icn .icn-brd:after{display: block !important;}
.navigation .mainmenu li:hover ul.sub-menu{top: 0px;}
header .top-bar-head{border-bottom: 0px;}
.navigation .mainmenu li a:before{bottom: 2px; height: 100%;left: 0px;}
#ht-contactus-wrap .con-inn-img {  margin-top: 0em !important;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {width: 100%;}
#ht-contactus-wrap .address-c-box{margin:4em 1em 0 1em;}
main#innerpage-box #blog-box h2 {   font-size: 20px !important;}
#innerpage-box .item.innertest-item{width: 100% !important;}
#features-section .mem-inn{margin-bottom: 2em;}
#features-section .feabx:hover .mem-inn { margin: 0em 0 3em 0 !important; padding: 1em 1em !important;}
#about,#features-section,#blog,#team,#appointment{padding: 2em 0 !important;}
#service{padding:2em 0em 0em 0em;}
#appointment .app-rhsbx{top: 0em !important;}
#appointment .app-inn{text-align: center;}
#ht-contactus-wrap .contact_area{padding: 5em 1em 8em 2em !important;}

#commentsAdd 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"]{
    width: 100%;
}
#commentsAdd textarea{width: 96%;}
#appointment .section-button {margin: 27px 0px 0px 0px !important;}
#appointment .ht-inquiry-member-wrap{margin-left: 0em !important;}
#appointment .apphedingtxt{width: 100% !important;}
#appointment .app-rhsbx{padding: 3em 1em 2.5em 1em !important;}
#ht-contactus-wrap .contact_l_area span{left: 0px !important;}
#testimonials .tetimonoal-area{margin-left: 0em !important;}
#team .single-team{margin: 3em 0em 2em 0em !important;}
}
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) {
#about .about-rhs{
    margin-top: 5em;
}
#features-section .readmore,
#features-section .features-content p{text-align: center !important;}
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{padding-right: 0;}
#innerpage-box .lz-gallery-images img{height: 250px !important;}
#innerpage-box .inser {   width: 50% !important;}
#team .our-team {padding-top: 0 !important;}
#team .team-social-icon { text-align: center; display: inline-block !important; text-align: center; width: 100%;}
#team .team-social-icon a {   display: inline-block !important;}
#features-section .feabx:nth-child(2) .mem-inn{margin : 0em !important;padding: 0em 1em !important;height: 105% !important;}
#features-section .feabx:hover .mem-inn{padding: 1em 1em;margin: 0em;}
}
.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
-------------------------------------------------------------- */
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}
.header-transparent {
    position: relative;
}
.top-bar-head {
    position: relative;
    width: 100%;
}

.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu {
    padding: 0px;
}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: 8px;
}
header.site-header .dlab-topbar-left {
    position: relative;
    top: 13px;
}
header.site-header ul.sub-menu li a, 
.navigation .mainmenu li.current_page_item ul.sub-menu li a, 
.header.site-header ul.sub-menu li a {
    background: none;
}

.header.site-header ul.sub-menu li a:hover {
    padding-left: 25px;
    transition: all 0.3s ease;
}
.share-details-btn ul{
    margin:0;
    padding:0;
    list-style:none;
}
.share-details-btn ul li{
    display:inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
}
/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.slider_section{
    position: relative;
}
.slider_section .owl-dots {
    display: block;
    display: grid;
    margin: 0;
    top: 38%;
    position: absolute;
    right: 2%;
}
.slider_section .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 14px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    transition: all 0.5s ease;
}
.slider_section .owl-dots .owl-dot.active span,
.slider_section .owl-dots .owl-dot span:hover {
    transition: all 0.5s ease;
}

/*======================*/
.ht-slide{
    position: relative;
}
.ht-slide img{
    width: 100%;
}
.slider_gradiant{
    position: absolute;
    left: 0;
    right: 0%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.5;
    width: 100%;
}
.slider_content {
    position: absolute;
    top: 47%;
    left: 43%;
    width: 570px;
    margin-left: -527px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    z-index: 99;
}
.slider_section .title {
    font-size: 65px;
    font-weight: 600;
    word-break: break-word;
    line-height: 89px;
    letter-spacing: 3px;
}
.slider_section .sub-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 41px;
    word-break: break-word;
    padding: 0em 0em;
    margin: 14px 0px 45px 0px;
    width: 600px;
}
/*====== btn ====*/
.slider_section .btn5 {
    margin-top: 2em;
}
.slider_section .btn5 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 22px;
    padding: 10px 33px;
    transition: all 0.5s;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
}
.slider_section .btn5 a:before{
    content: "";
    height: 1000px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s linear 0s;
    width: 0;
    z-index: -1;
}
.slider_section .btn5 a:hover:before{
    opacity: 1;
    width: 100%;
}
/*====================*/
#slider .owl-carousel{
    display: block;
}
.slider_section .owl-theme .owl-dots {
    position: absolute;
    bottom: 50%;
    right: 0px;
    display: none;
}
.slider_section .owl-nav{
    display: none;
}
/*----------------------------------------*/
/*=============about Section=================*/
/*----------------------------------------*/
#about {
    position: relative;
    overflow: hidden;
}
#about .sub-title{
    font-size: 28px;
    color: #132032;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1em;
}
#about .abou-img3 img{
    position: relative;
    z-index: 2;
    border-radius: 10px;
    width: 80%;
    transition: all 0.3s ease 0s;
}
#about .abou-img3 .aboutimg3 img{
    position: relative;
    top: 3em;
    box-shadow:-1px -5px 30px -5px rgb(61 61 61 / 50%);
    -webkit-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
    -moz-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
}
#about .abou-img3 .aboutimg2 img{
    position: absolute;
    top: 0em;
    left: 4em;
    box-shadow:-1px -5px 30px -5px rgb(61 61 61 / 50%);
    -webkit-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
    -moz-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
}
#about .abou-img3 .aboutimg1 img{
    position: absolute;
    right: 1em;
    top: 4em;
    box-shadow:-1px -5px 30px -5px rgb(61 61 61 / 50%);
    -webkit-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
    -moz-box-shadow: -1px -5px 30px -5px rgb(61 61 61 / 50%);
}
#about .about-rhs{padding-left: 2em;}
#about .htext{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
#about .about-area-data h4{
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    margin-left: 15px;
}

#about .aboutus-single {
    margin-top: 1em;
    display: inline-flex;
}
#about .videosec iframe {
    width: 100%;
    height: 170px;
}
/*===============================*/
#about .hi-icon {
    text-align: center;
    font-size: 10px;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
/*----------------------------------------*/
/*   Service Area
/*----------------------------------------*/
.service-area {
    position: relative;
    overflow: hidden;
}
.service-area .ovly{
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
}
.service-area .section-title {
    margin-bottom: 3em;
}
.service-area .single-service-bx {    
    position: relative;
    transition: all 0.5s;
    margin: 0 0.6em 4em 0.6em;
    padding: 0;
}
.service-area .section-title h2{
    margin-bottom: 0px;
    font-size: 29px;
    letter-spacing: 1px;
    font-weight: 500;
}
.service-area .aboutus-single {
    position: relative;
    margin-bottom: 1.5em;
}
.service-area .single-service {
    position: relative;
    transition: all 0.5s;
}
.service-area .service-icon{
    background:transparent;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.service-area .ser-img{
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.service-area .ser-img img {
    width: 100%;
    height: 220px;
    transition: all 0.9s ease 0s;
}
.service-area  .ser-img .ovrly{
    position: absolute;
    overflow: hidden;
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 10px;
    background: linear-gradient(to top,#000 50%,transparent 85%);
     -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.service-area .single-service:hover .ovrly{
    transition: all 0.4s;
    opacity: 0.5;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.service-area .single-service span{
    font-size: 43px;
    position: absolute;
    top: -7%;
    z-index: 7;
    left: 78%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid;
    border-color: #fff;
    opacity: 0.7;
    transition: 0.5s ease-in;
}
.service-area .service-title-box {
    position: relative;
    padding:10px 20px 20px 20px;
    margin-top: 7px;
    border-radius: 12px;
    text-align: center;
}
.service-area .service-title-box h4{
    text-align: center;
   font-size: 21px;
    font-weight: 800;
    transition: all 0.5s ease;
    position: relative;
    margin: 0;
}
.service-area .service-title-box p {
    font-size: 16px;
    font-weight: 400;
    padding: 7px 0 5px 0;
    line-height: 24px;
    margin: 0;
}
.service-area .btn5 {
    margin: 10px 0px 15px 0px;
}
.service-area .btn5 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
     font-size: 18px;
    padding: 5px 22px;
    transition: all 0.5s;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #000;
}
.service-area .btn5 a:before{
    content: "";
    height: 1000px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s linear 0s;
    width: 0;
    z-index: -1;
}
.service-area .btn5 a:hover:before{
    opacity: 1;
    width: 100%;
}
/*----------------------------------------*/
/*   Team Section
/*----------------------------------------*/
#team{
    position: relative;
    overflow: hidden;
}
#team .section-title .sub-title{
    margin-bottom: 12px;
}
#team .section-title h2{
   font-size: 34px;
   font-weight: 500;
    letter-spacing: 1px;
}
#team .our-team{
    position: relative;
    transition: all 0.4s;
    border-radius: 22px;
}
#team .ovrly{
    position: absolute;
    overflow: hidden;
    top: 1px;
    right: 1px;
    left: 1px;
    bottom: 1px;
    border-radius: 23px;
    transform: rotate(-9deg);
    transition: all 0.4s;
}
#team .our-team:hover .ovrly{
    transform: rotate(0deg);
    transition: all 0.4s;
}
#team .single-team {
    position: relative;
    margin: 3em 0em 0em 0em;
    padding: 0 4.2em;
    transition: all 0.4s;
}
#team .our-team .single-team-img {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#team .our-team .single-team-img img{
    width: 100%;
    height: 352px;
    border-radius: 20px;
    transition: all 0.4s;
    z-index: 1;
}
#team .our-team:hover .single-team-img img{
    transition: all 0.4s;
    z-index: 1;
}
#team .img-ovrly{
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 20px;
}
#team .single-team .team-con {
    position: absolute;
    text-align: center;
    padding: 0em 1em;
    width: 100%;
    bottom: 10px;
    z-index: 1;
    transition: all 0.4s;
}
#team .team-social-icon {
    position: relative;
    display: inline-flex;
}
#team .team-text h4{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#team .team-designation{
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0 6px 0;
}
#team .team-con p {
    color: #000;
    font-size: 16px;
    padding: 10px 0;
    display: none;
}
#team .team-social-icon a {
    display: block;
    bottom: 0;
    position: relative;
    margin: 0 2px;
}

#team .team-social-icon i {
    font-size: 20px;
    transition: all 0.1s;
    border: 1px solid transparent;
    padding: 4px;
    margin: 4px 0;
}
#team .team-social-icon a:hover i{
    border: 1px solid #fff;
    transition: all 0.1s;
    border-radius: 4px;
}

*----------------------------------------
/*  appointment Area
/*----------------------------------------*/

#appointment {position: relative;overflow: hidden;}

#appointment .app-inn{
    position: relative;
    width: 100%;
}
#appointment .ht-inquiry-member-wrap {
    position: relative;
    overflow: hidden;
    margin-left: 11em;
    padding: 3em 2em 0em 1.5em;
    border-radius: 10px;
   box-shadow:-1px 5px 50px 0px rgb(61 61 61 / 30%);
-webkit-box-shadow: -1px 5px 50px 0px rgb(61 61 61 / 30%);
-moz-box-shadow: -1px 5px 50px 0px rgb(61 61 61 / 30%);
}
#appointment .section-title h2{padding-left: 16px;}
#appointment .apphedingtxt{position: relative;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 31px;
    width: 81%;
    padding-left: 16px;
}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    border: 1px solid #fff;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0px 0px 20px 0px;
    border-radius: 9px;
    padding: 11px 20px 11px 25px;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    line-height: 15px;
}
.ht-inquiry-member-wrap input[type="file"] {cursor: pointer;padding: 12px 20px;}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 25px 0;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    height: 100px;
    background: rgba(0, 0, 0, 0.8);
}
.ht-inquiry-member-wrap textarea {
    height: 100px;
    padding: 18px 20px;
    margin-top: 0px;
}

.ht-inquiry-member-wrap label{color:#fff;margin:0 0 1em;width: 100%;}
.ht-inquiry-member-wrap p{font-size: 16px;position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    width: 100%;
    position: relative;
    padding: 17px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 9px;
    margin-top: 1em;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    word-break: break-all;
    transition: all 0.4s;
}

.ht-inquiry-member-wrap input[type="submit"]:hover{
  transition: all 0.4s;
}

.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
#appointment .app-rhsbx { 
    padding:3em 2em 2.5em 3em;
    position: relative;
    overflow: hidden;
    top: 5.5em;
    z-index: 6;
}
#appointment .olyinn{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#appointment .section-name h5{
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 33px;
}
#appointment .section-contact{
    position: relative;
    transition: all 5s ease-in;
}
#appointment .section-contact:hover i,
#appointment .section-contact:hover a,  {
     transition: all 5s ease-in;
}
#appointment .section-contact h5{
    font-size: 40px;
    font-weight: 900;
}
#appointment .section-contact i{
   font-size: 45px;
    width: 61px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    font-weight: 900;
    border-radius: 50%;
    -webkit-box-shadow: inset 1px 1px 5px ;
    -moz-box-shadow:    inset 1px 1px 5px ;
    box-shadow:         inset 1px 1px 5px ;
}
#appointment .section-contact span{
    padding-left: 20px;\
    transition: all 5s ease-in;
}
#appointment .section-button{
    margin: 27px 0px 0px 135px;
}
#appointment .section-button a{
    position: relative;
    overflow: hidden;
    display: inline-block;
     z-index: 2;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    padding: 9px 37px;
    border-radius: 10px;
    box-shadow: 0px 5px 28px -7px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 0px 5px 28px -7px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 5px 28px -7px rgba(0,0,0,0.75);
}
#appointment .section-button a:before{
    content: "";
    height: 1000px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.2s linear 0s;
    width: 0;
    z-index: -1;
}
#appointment .section-button a:hover:before{
    opacity: 1;
    width: 100%;
}


#appointment .contact-detail {
    margin-top: 4em;
}
#appointment .app3-img img{ width: 100%;}
#appointment .info-txt a,
#appointment .info-txt p{
    position: relative;
    font-size: 17px;
    color: #fff;
     margin-bottom: 15px; 
    line-height: 30px;
    font-weight: 500;
}
#appointment .info-txt i{
    font-size: 17px;
    padding-right: 20px;
    position: relative;
}

/*----------------------------------------*/
/* features Section
/*----------------------------------------*/

#features-section{
    position: relative;
    z-index: 1;
    text-align: center;
}
#features-section .features-inn {
    position: relative;
    margin-top: -6em;
    -webkit-box-shadow: 0px 2px 30px -12px rgba(122,118,118,1);
    -moz-box-shadow: 0px 2px 30px -12px rgba(122,118,118,1);
    box-shadow: 0px 2px 30px -12px rgba(122,118,118,1);
    transition: all 0.3s ease 0s;
    border-radius: 10px;
}
#features-section .feabx {
    position: relative;
    padding: 0;
    z-index: 1; 
    transition: all 0.4s ; 
}
#features-section .mem-inn {
    position: relative;
    overflow: hidden;
    padding: 1em 1em 0.5em 1em;
    text-align: center;
    transition: all 0.4s ease-out;
}
#features-section .feabx:hover .mem-inn{
    transition: all 0.4s ease-out;
    margin: -1.5em 0 0em 0;
    padding: 2.5em 1em 2em 1em;
    border-radius: 10px;
    height: 130%;
}
#features-section .feabx:nth-child(3) .mem-inn{
    transition: all 0.4s;
    margin: -1.5em 0 0em 0;
    padding: 1em 1em 0em 1em;
    border-radius: 10px;
    height: 130%;
}
#features-section .feabx:nth-child(3) .sec-icn span{
    margin-top: 22px;
}
#features-section .feabx:nth-child(3) .readmore a{display: block;}
#features-section .mem-inn:before{
    content: '';
    position: absolute;
    overflow: hidden;
    border-right: 1px solid;
    height: 70%;
    right: 0em;
    top: 35px;
    text-align: right;
}
#features-section .feabx:nth-last-child(2) .mem-inn:before{
     border-right: none !important;
}
#features-section .sec-icn {
    position: relative;
}
#features-section .sec-icn span{ 
    font-size: 70px;
    position: relative;
    z-index: 1; 
}
#features-section .features-content h3 {
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 22px;
    margin: 7px 0 15px 0;
    transition: all 0.4s;
}
/*----------------------------------------*/
/* step Section
/*----------------------------------------*/
#step{position: relative;overflow: hidden;}
#step .step-area-data {
    text-align: center;
    margin-bottom: 2em;
}
#step .section-title h2{
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0px;
}
#step .step-area-data h4{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 6px;
    transition: all 1s;
}
#step .step-area-data:hover h4,
#step .step-area-data:hover i,
#step .stepbx:nth-child(3):hover .step-area-data h4,
#step .stepbx:nth-child(3):hover .step-area-data i{
    transition: all 0.5s ;
}
#step .step-area-data i {
    position: relative;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 20px;
    z-index: 1;
    transition: all 0.5s ;
}
#step .stepbx:nth-child(1) .sec-icn .icn-brd:before,
#step .stepbx:nth-child(3) .sec-icn .icn-brd:after {display: none;}
#step .stepbx .sec-icn .icn-brd:before{
    top: 41px;
    left: 0;
    height: 31px;
    position: absolute;
    content: "";
    display: inline-block;
    width: 50%;
    border-width: 2px;
    border-style: solid;
    border-left: none;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    border-color: #1cb9c8;
}
#step .stepbx .sec-icn .icn-brd:after{
    top: 41px;
    right: 0;
    height: 31px;
    position: absolute;
    content: "";
    display: inline-block;
    width: 50%;
    border-width: 2px;
    border-style: solid;
    border-left: none;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    border-color: #1cb9c8;
}
/*----------------------------------------*/
/* Testimonials Area
/*----------------------------------------*/

#testimonials{
    position: relative;
    overflow:hidden;
}
#testimonials .section-title {
    padding-top: 1.5em;
}
#testimonials .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
}
#testimonials .tetimonoal-area {
    position: relative;
    margin-left: 5em;
    margin-bottom: 10px;
}
#testimonials .section-title .sub-title{
    letter-spacing: 7px;
    font-weight: 600;
}
#testimonials .section-title h2{
    font-size: 54px;
}
.testimonials-area .ts-area-single {
    position: relative;
    padding: 2em 1em 1.5em 1em;
    transition: all 0.3s ease 0s;
    border-radius: 12px;
}
.testimonials-area .ts-area-single:hover{
    transition: all 0.3s ease 0s;
    /*box-shadow: 0 1px 10px 2px #7976765e;*/
    /*border-radius: 10px ;*/
    /*box-shadow:2px 2px 4px 1px rgb(23 21 132 / 42%);*/
}
.testimonials-area .ts-area-single i{
    position: relative;
    transition: all 0.3s ease 0s;
    font-size: 40px;
}
.testimonials-area .ts-area-single:hover .ts-area-bx i{
    transform: rotateY(180deg);
        -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.testimonials-area .ts-area-thumb {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.testimonials-area .ts-area-thumb img {
    position: relative;
    border-radius: 10px;
    height: 13.5em;
    width: 95% !important;
    transition: all 0.3s ease 0s;
}
.testimonials-area .ts-area-content{
    margin-left: -8px;
}
.testimonials-area h3{
    font-size: 18px;
    font-weight: 800;
    margin: 10px 0;
    transition: all 0.3s ease 0s;
    display: inline-block;
}
.testimonials-area .ts-area-single:hover h3{
    letter-spacing: 1px;
    transition: all 0.4s ease-out;
}
.testimonials-area .text-designation {
    font-size: 16px;
    font-weight: 500;
    display: none;
}
.testimonials-area .ts-area-c p {
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

#testimonials .owl-carousel {
    display: block !important;
}
.testimonials-area .owl-dots{
    display: none !important;
}

.testimonials-area .owl-theme .owl-nav {
    display: block !important;
}

.testimonials-area .owl-nav .owl-prev ,
.testimonials-area .owl-nav .owl-next{
    position: absolute;
    /*background: #3ff !important;*/
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: #3ff ;
    width: 50px;
    height: 70px;
    line-height: 50px;
    display: block;
    z-index: 1000;
    border-radius: 0 !important;
    cursor: pointer;
}
.testimonials-area .owl-nav .owl-prev{  left: 40%;}
.testimonials-area .owl-nav .owl-next{right: 40%;}

.testimonials-area .owl-nav .owl-prev,
.testimonials-area .owl-nav .owl-next {
    margin: 0 0px !important;
    padding: 0 !important;
    width: 45px;
    height: 44px;
    line-height: 67px !important;
    border-radius: 5px !important;
}

.testimonials-area .owl-nav .owl-prev span ,
.testimonials-area .owl-nav .owl-next span {
    font-size: 65px;
    color: #fff;
    line-height: 37px;
    font-weight: 300;
}
.testimonials-area .owl-nav .owl-prev:focus,
.testimonials-area .owl-nav .owl-next:focus {
    outline: 0;
}
.testimonials-area .owl-nav .owl-prev:hover,
.testimonials-area .owl-nav .owl-next:hover {
    background: #000 ;
    border-radius: 8px;
    transition: all 0.4s ease-out;
}

/*----------------------------------------
/* Blog Area
/*----------------------------------------*/
#blog{position:relative;overflow: hidden;}
.blog-area {position: relative;overflow: hidden;}
.blog-area .section-title .sub-title{
    margin-bottom: 0px;
}
#blog .section-title h2{
   font-weight: 500;
   letter-spacing: 1px;
}
.blog-area .blog-area-wrap {
    margin-top: 2.6em;
}
.blog-area .blog-boxs{
    position: relative;
    padding: 0 1.4em;
}
.blog-area .blog-post { margin-bottom: 1.5em;z-index: 1;}
.blog-area .blog-date{
    color: #000;
    position: absolute;
    top: -3em;
    z-index: 1;
}
.blog-area .blog-date li{ 
    color: #000;
    background: #f3f;
    text-align: center;
    display: inline-block;
    padding: 6px 14px;
    list-style: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
 }
.blog-area .blog-post:hover .blog-thumbnail{
            background-size: 12px 16px;
            -webkit-animation: 1.25s infinite ease;
            animation: 1.25s infinite ease;
            -webkit-animation-delay :0;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
             background-position: 200% 200%;
}
.blog-area .blog-single {
    padding: 1.3em 1.3em 1.1em 1.1em;
    margin-top: 3px;
    position: relative;
    border-radius: 10px;
    transition: all .5s;
    border-top: none;
    word-break: break-word;
}
.blog-area .blog-icon {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 18px;
}
.blog-area .blog-icon span{
    padding-left: 10px;
}
.blog-area .comment-box {
    text-align: right;
}
.blog-area .blog-single i{
    font-size: 20px;
}
.blog-area .inner-area-title {   
    position: relative;
    font-size: 22px;
    font-weight: 500;
    word-break: break-word;
    padding: 0 0 0em;
    line-height: 30px;
    margin: 15px 0;
}
.blog-area .section-area-text {font-size: 16px;font-weight: 400;margin: 25px 0; display: none;}
.blog-area .blog-thumbnail{
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 225px;
    transform: rotate(0deg) scale(1,1);
    transition: all 0.9s ease 0s;
    border-radius: 10px;
}
.blog-area .blog-thumbnail .ovrly{
    position: absolute;
    overflow: hidden;
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 10px;
     -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.blog-area .blog-post:hover .ovrly{
    transition: all 0.4s;
    opacity: 0.5;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
/*=========button===========*/
.blog-area .btn5 a i{
    font-size: 15px;
    font-weight: 500;
    position: relative;
    top: -1px;
    padding-left: 5px;
}
.blog-area .btn5 a {
    position: relative;
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 9;
    word-break: break-all;
}
.blog-area .blog-post .btn5 a:hover {
    letter-spacing: 2px;
    transition: all 0.4s ease-out;
}
/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
#newsletter {position: relative; background-color: #019ee2;}
#newsletter .newslettersign-box {
    position: relative;
    top: 5em;
    z-index: 1;
}

#newsletter .news-img {
    padding: 1.5em 2em;
    border-radius: 10px;
    text-align: center;
}
#newsletter .news-img img{
    width: 100%;
}
#newsletter .news-form{
    padding: 1em 1em 0em 2em;
    border-radius: 10px;
    margin-left: 30px;
}
#newsletter .section-title h2 {
    font-weight: 900;
    font-size: 30px;
    margin: 0px;
}
#newsletter .news-text h6 {
    font-size: 14px;
    font-weight: 400;
}
#newsletter .ht-newsletter-member-wrap{
    padding-top: 10px;
}
#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: 115%;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400;
    border: 2px solid;
}
.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"] {
    display: inline-block;
    padding: 16px 25px;
    font-size: 17px;
    font-weight: 400;
    margin-right: 17px;
    float: right;
    font-weight: 400;
    color: #fff;
    border-radius: 10px ;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    transition: all 0.5s;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.page-template-default .footer-area {
    padding-top: 3em !important;
}
.footer-area {
    position: relative;
    overflow: hidden;
    background:#191d28 ;
}
.footer-area p { word-break: break-word;}
.widget-area ul.sub-menu:before,.widget-area ul.sub-menu:after,
.footer-area ul.sub-menu:before,.footer-area ul.sub-menu:after{display: none;}
.gallery-icon.landscape {margin: 0px 2px 0px 0px;}
.footer-area .gallery-icon img{height: 85px;}

.footer-area li {display: block;margin-bottom: 15px;font-size: 20px;font-weight: 500; }

.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    word-break: break-word;
    margin-bottom: 18px;
    font-weight: 500;
    line-height: 1.6;
    font-size: 19px;
}

.footer-area .social-profile-icons ul{margin: 0;}

.footer-area .f-contact i,
.footer-area .social-profile-icons ul li i{
    text-align: center;
    font-size: 21px;
    padding: 9px;
    width: 40px;
    border: 1px solid;
    border-radius: 50%;
    transition: all 0.5s;
}
.footer-area .social-profile-icons ul li:hover i{
    transform: rotateY(180deg);
    transition: all 0.5s;
}
.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .f-contact,
.footer-area .f-contact a {
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    transition: all 0.3s;
    color: #fff;
}
.footer-area .f-contact-inn{
    margin: 14px 0px 8px 0;
    text-align: right;
}
.footer-area .social-profile-icons ul li,
.footer-area .f-contact-inn li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}
.footer-area .social-profile-icons li a,
.footer-area .f-contact-inn li a{
    font-size: 20px;
    margin: 0 4px;
}
.footer-area .f-contact a:after{
    display: none;
}
.footer-area .current_page_item > a:before{display: none;}
.footer-area .current_page_item > a{
    background: none;
    font-weight: 500;
}
#footer.footer-area .widget-title {   
    letter-spacing: 0px;
    color: #feffff;
    margin-bottom: 1.7em;
    font-family: inherit;
    font-size: 27px;
    font-weight: 600;
}
.footer-area p span, 
.footer-area span a, 
.footer-area p i {
    padding-right: 10px;
    font-size: 20px;
}
.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 { 
    padding: 10px 0;
    background: #000;
}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-area .widget.widget_recent_entries li a {font-size: 20px;}
.footer-text, .footer-text a {
    font-size: 15px;
    font-weight: 700;
    word-break: break-word;
    text-align: center;
    padding: 8px 5px;
    transition: all 0.5s;
}
.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 .bottom-area .footer-link {
    text-align: right;
}
.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 .f1 i {
    font-size: 25px;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: none;
    font-size: 15px;
    height: 55px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
    background: #ccc;
}
.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 .widget_calendar tfoot tr td a, 
 .footer-area .s-footer .textwidget p a {
        background: none;
}
.footer-area input[type="submit"]{
    display: inline-block;
    background: #e1e1e1;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    color: #1d62b8;
    position: relative;
    border-radius: 0;
    transition: all 0.5s;
}
.footer-area .widget_calendar tfoot tr td a, 
.footer-area .s-footer .textwidget p a {
    background: none;
    font-size: 13px;
    font-weight: 600;
}
 .footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
    background: none;
}
.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 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.6;}
.footer-area p span {color: #fe900f;font-weight: 400;}
.footer-area .widget_recent_entries ul li {line-height: 25px;}
.single-footer-4{text-align: left;}
.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-area .col-md-4.pd-0:last-child .footer_facility-text{
    border-right: 1px solid #d3d3d3;
}
.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;
}
.blocks-gallery-grid li:before{display: none;}
.blocks-gallery-grid li{  float: left;}
.blocks-gallery-grid img{
    width: 100%;
    height: 80px !important;
    border-radius: 10px;
}
#innerpage-box p {margin-bottom: 24px;font-size: 16px;color: #ffffff;line-height: 24px;font-weight: 400;word-break: break-word;}
/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#team .teaminn-page,
#innerpage-box .our-team{display: none;}
#innerpage-box .team-text h4 {
    word-break: break-word;
    color: #FE8A00;
    margin-bottom: 5px !important;
}
body.page-template-default main#innerpage-box .team-text h4:after{
    display: none;
}
#innerpage-box .team-text .team-designation{    
    word-break: break-word;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400;
}
#innerpage-box .team-text {
    margin: 0;
    z-index: 1;
    position:relative;
}
#innerpage-box .teaminn-page {
   transition: all 0.5s;
    position: relative;
    z-index: 2;
}
#team .single-team-inn,
#innerpage-box .single-team {display: none;}
#innerpage-box .single-team-inn {
    margin-bottom: 2em;
    overflow: hidden;
}
#innerpage-box .pd-0 {padding: 0;}
#innerpage-box .team-con {
    position: relative;
    overflow: hidden;
    padding: 21px 20px;
    text-align: center;
    margin: -3.5em 2em 0 2em;
    border-radius: 5px;
    box-shadow: 0 0 38px 0 rgb(0 0 0 / 8%);
}
#innerpage-box .team-con .team-ovlay{
    opacity: 1;
    height: 100%;
    position: absolute;
    width: 100%;
    right: 0%;
    top: 50%;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#innerpage-box .teaminn-page:hover .team-ovlay{
     -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
#innerpage-box .teaminn-page p {
    display: none;
}
#innerpage-box .teaminn-page .team-social-icon {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 0%;
    z-index: 1;
    transition: all 0.4s;
    opacity: 0;
}
#innerpage-box .teaminn-page:hover .single-team-img .team-social-icon {
    bottom: 22%;
    transition: all 0.4s;
    opacity: 1;
}
#innerpage-box .teaminn-page .team-social-icon li {
    display: inline-block;
}
#innerpage-box .teaminn-page .team-social-icon li a {
    display: inline-block;
    color: #fff; 
    transition: all 0.5s;
    width: 40px;
    height: 40px;
    line-height: 44px;
    border-radius: 50px;
    text-align: center;
}
#innerpage-box .teaminn-page .team-social-icon li a i{
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 600;
}
#innerpage-box .inner-area-title {
    margin: 0 0 5px;
}
/*img */
#innerpage-box .single-team-img{
    position:relative;
    overflow: hidden;
    border-radius: 10px;
}
#innerpage-box .single-team-img .img-ovrly {
    position: absolute;
    overflow: hidden;
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 10px;
     -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#innerpage-box .teaminn-page:hover .img-ovrly{
    transition: all 0.4s;
    opacity: 0.5;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
#innerpage-box .single-team-img img {    
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: all 0.5s;
}
/*=======================================================
===========testimonials inner pages====================
=======================================================*/
#testimonials .ts-area-single-inn,
#innerpage-box .ts-area-single{display: none;}
#innerpage-box .item.innertest-item{
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
    border-radius: 0 0 0px 0px;
    width: 50%;
}
#innerpage-box .ts-area-single-inn {
    margin: 0.5em 1em 0.5em 1em;
}

#innerpage-box .ts-area-c p {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    display: inline-block;
    position: relative;
    font-weight: 500;
}
#innerpage-box .ts-area-c blockquote{
    background: none;
    box-shadow: none;
    padding: 0;
}
#innerpage-box .ts-area-c i {
    text-align: right;
    float: right;
    font-size: 51px;
    transition: all 1s ease 0s;
}
#innerpage-box  .ts-area-content .ts-img-bx {
    margin-left: 3em;
}
#innerpage-box .ts-area-bx{
    background: none !important;
    padding:10px 0px;
}
#innerpage-box .text-designation {
    font-size: 18px;
    margin-top: 6px;
    font-weight: 500;
}
#innerpage-box h3.ts-area-title {
    position: relative;
    margin: 0px !important;
    letter-spacing: 0.5px;
    font-weight: 400 !important;
}
#innerpage-box .ts-area-content h3:after{
    display: none !important;
}
#innerpage-box .ts-area-c {
    position: relative;
    display: block;
    padding: 1em 4em;
    margin-bottom: 2em;
    border-radius: 6px;
}
#innerpage-box .ts-area-c:before {
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -23px;
    left: 10%;
    border-style: solid;
    border-width: 25px 25px 0px 25px;
}
#innerpage-box .ts-img {
    position: relative;
}
#innerpage-box .ts-area-thumb img {
    width: 80px;
    height: 80px;
    transition: all 1s ease 0s;
    border-radius: 50%;
}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;margin-bottom: 20px;}
#innerpage-box .spa-gall {
  display:inline-block;
  overflow: hidden;
  width: 100%;
  box-shadow: none !important;
  padding: 0px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.5s ease 0s;
}
#innerpage-box .spa-gall img {
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.5s ease 0s;
    width: 100%;
    height: 280px;
}
#innerpage-box .spa-gall i {
   position: absolute;
    color: #000;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    bottom: 5%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.35s ease;
}
#innerpage-box .spa-gall:hover i {
    -webkit-transform: scale(2) translate(0px, -60px);
    transform: scale(2) translate(0px, -60px);
    font-size: 15px;
    opacity: 1;
    transition: all 0.35s ease;
}
#innerpage-box .lz-gallery-images .overlay{
    position: absolute;
    background: #f3f;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    transition: all 0.35s ease;
}
#innerpage-box .lz-gallery-images:hover .overlay{
    opacity: 0.4;
    transition: all 0.35s ease;
}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar{top: 3em !important;}

/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/
#innerpage-box, .inner_contentbox {padding-top: 4em;}
body.page-template-default main#innerpage-box .inner-area-title:after {display: none;}

body.page-template-default main#innerpage-box .single-service-bx .inner-area-title, 
body.page-template-default main#innerpage-box .single-service-bx .inner-area-title small{
    font-weight: 600;
    margin: 15px 0px;
}

.service-area .servicesinn {display: none;}

#innerpage-box .inser{width: 33.33%;float: left;}

#innerpage-box .servicesinn {  margin: 0 15px;}
#innerpage-box .single-service {  margin-bottom: 30px;transition: all 1s ease 0s;}
#innerpage-box .service-title-box p {margin: 15px 0;}

#innerpage-box .service-title-box .inner-area-title{ 
    padding-top: 0em;
    color: #121938;
    margin-bottom: 0;
    font-weight: 500 !important;
    letter-spacing: 2px;
 }
#innerpage-box .service-icon img {
    transition: all 5s ease 0s;
    width: 100%;
    height: 270px;
}
#innerpage-box .single-service:hover img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.3;
}

#innerpage-box .service-title-box {
    transition: all 5s ease 0s;
    padding: 18px 20px 20px 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #f3f;
    margin: 0px auto;
    transition: all 1s ease 0s;
}
#innerpage-box .single-service .service-icon{
    text-align: center;
    position: relative;
    overflow: hidden;
}

#innerpage-box .service-icon img{
    width: 100%;
    height: 265px;
    transition: all 0.5s ease 0s;
}
#innerpage-box .ser-img .ser-icn {
    height: 45px;
    width: 45px;
    opacity: 0;
    line-height: 48px;
    font-size: 20px;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.5s;
}
#innerpage-box .single-service:hover .ser-img .ser-icn{
    transition: all 0.5s;
    top: 40%;
    opacity: 1;
}
#innerpage-box .single-service .ser-img .ser-icn:hover i{color: #f33}
/*-----------------------
## 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: 15px 25px;
    color: #ffffff;
    border-radius: 25px 0;
    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.current_page_item a {
    background: none;
}
main#innerpage-box div#sitemap-box ul li.current_page_item a:before{
    z-index: 1;
}
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 
-----------------------------*/
/*-----------------------
## Shop page
-----------------------------*/
.archive .ht-main-title {
    margin: 0em 0 0.5em;
    padding: 1em 0 0;
}

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

ul.contact-sm-links {list-style: none;margin: 2em auto 0;}
ul.contact-sm-links li {padding: 7px 0;display: inline-block;}

main#innerpage-box #ht-contactus-wrap .social_area h2 {
    font-size: 60px;
    font-weight: 600;
}
.map_area_label {
    text-align: center;
    padding: 6em 12em;
    padding: 6em 12em 2em;
}
main#innerpage-box #ht-contactus-wrap .map_area_label h4{
    font-size: 33px;
    color: #000;
    letter-spacing: -1px;
    line-height: 45px;
}
.contact-mapbox {width: 100%;}
.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 450px;
}
#ht-contactus-wrap .section-title {
    text-align: left;
}
#ht-contactus-wrap .sub-title {
    margin-bottom: 5px;
}
#ht-contactus-wrap .heading-seperator:before,
#ht-contactus-wrap .heading-seperator:after{
    content: "";
    position: absolute;
    width: 33px;
    height: 1px;
    margin: auto;
    top: 80px;
}
#ht-contactus-wrap .heading-seperator:after{
    left: 55px;
}
#ht-contactus-wrap .heading-seperator span:before{
    position: absolute;
    width: 0;
    height: 16px;
    top: 75px;
    margin: auto;
    left: 46px;
    content: "\f10c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
}
#ht-contactus-wrap .contact-text h5{font-weight: 400 !important;line-height: 25px;}
#ht-contactus-wrap .contact-img img{
    float: right;
    width: 100%;
}
#ht-contactus-wrap .contact-page-form {
    text-align: left;
    margin-top: 2em;
}

#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: 10px 0px 20px 0px;
    border: 1px solid;
    font-size: 15px;
    padding: 18px 20px;
    width: 100%;
}

#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 150px;
}
#ht-contactus-wrap label {
    font-weight: 500;
    width: 100%;
    font-size: 16px;
}
#ht-contactus-wrap select {
    width: 100%;
}
#ht-contactus-wrap input[type="checkbox"], #ht-contactus-wrap input[type="radio"], #ht-contactus-wrap input[type="file"] {
    margin-bottom: 15px;
}
#ht-contactus-wrap input[type=date] {
    /*line-height: 10px;*/
    padding: 8px 8px;
}
main#innerpage-box #ht-contactus-wrap h2{
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 3px;
}
#ht-contactus-wrap input[type="submit"] {
    padding: 17px 34px;
    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;
    margin-bottom: 3em;
}
#ht-contactus-wrap input[type="submit"]:hover{
    transition: all 2s;
}
.pd-8 {
    padding: 0 8px;
}
.mg-3 {
    margin: 3em 0 0;
}
.pd-r {
     padding-right: 2em;
}
.pd-l {
    padding: 4em 0;
    padding-left: 4em;
    text-align: left;
}
.page-template-contact-template .inner_contentbox {
    padding: 0em 0em 0;
}
.page-template-contact-template .innerpage-whitebox {
    padding: 0 0em;
}
#ht-contactus-wrap .con-inn-img {   margin-top: 9em;}
#ht-contactus-wrap .Address_area{
    background: none;
    margin-bottom: 1.8em;
    margin-right: 0em;
    margin-top: 0em;
}
.page-template-contact-template  main#innerpage-box .Address_area h4, 
.page-template-contact-template  main#innerpage-box .social_area h4  {
    font-size: 50px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.page-template-contact-template main#innerpage-box .Address_area h4:after,
.page-template-contact-template main#innerpage-box .social_area h4:after {
    display: none;
 }

#innerpage-box .contsec img {
    width: 100%;
    height: 550px;
}
main#innerpage-box .Contact_area_text {
    font-size: 16px;
    color: #777777;
    padding: 0 10px;
}
main#innerpage-box .social_area h4 {
    color: #fff;
}
main#innerpage-box .social_area .Contact_area_text {
    color: #fff;
}
#ht-contactus-wrap .contact-section {
    margin-top: 5em;
}
#ht-contactus-wrap .Address_area i {
    font-size: 45px;
    color: #f72985;
}
#ht-contactus-wrap .contact_l_area {
    padding: 0;
    margin: 0 auto;
    position: relative;
    padding-bottom: 2.5em !important;
}
#ht-contactus-wrap .contact_l_area span{
    font-size: 15px;
    font-weight: 400;
    position: relative;
} 
#ht-contactus-wrap .contact_l_area i {
    transition: all 0.4s;
    position: relative;
    text-align: center;
    font-size: 17px;
}
#ht-contactus-wrap .contact_area {
    margin-bottom: 0em;
    padding: 5em 1em 8em 3.6em;
    transition: all 0.4s;
}
#ht-contactus-wrap .contact-title h3{font-size: 22px;
    font-weight: 400 !important;
    letter-spacing: 2px;
}
#ht-contactus-wrap .contact-info a{
    color: #bebebe;
}
#ht-contactus-wrap .contact-info p{
    margin: 0;
}
#ht-contactus-wrap .contactus-img img {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
}
#ht-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#ht-contactus-wrap .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;
}

/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for bouncing arrow =========*/
.social_area {
    position: relative;
    padding: 0 2em;
}
.social_area i.fa{
      font-size: 45px;
    color: #fff;
    z-index: 999;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 60px;
    right: 50%;
    font-size: 43px;
}

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

/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {width: 100%;}
.faq_bm h4:after,.faq_tp h4:after,.faq_tp h1:after{display: none !important;}
.faq_bm h4,.faq_tp h4{font-weight: 700 !important ;}
.faq_bm .faq-heading,.faq_tp .faq-heading{
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    max-width: 675px;
    margin: 0 auto;
    padding-bottom: 1.5em;
}
.faq_tp .faq-heading{
    padding-bottom: 0.8em;
}
.faq_tp h4{
    font-size: 16px !important; 
    font-weight:500 !important;
    margin-bottom: 20px !important;
}
.faq_bm .faq-heading{padding-bottom: 0 !important;}
#content-box .faqlast{
    padding-top: 1em;
    margin-bottom: 100px;
}
#content-box .faq{
    margin-bottom: 100px;
}
#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; 
    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 40px;
    border-radius: 0;
    font-weight: 600;
}
#content-box .faqimg {
    padding-top: 7em;
}
#content-box .faqimg img{
    height: 570px;
    z-index: 2;
    position: relative;
    left: -25px;
    width: 100%;
    border-radius: 50% 50% 0% 0%;
    padding: 20px 0px 0px 0px;
}
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;
    border-radius: 0px ;
    border-radius: 1px;
    border: 1px solid #4fd9d9;
    padding: 21px 50px 21px 26px;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
    content: "\f107";
    font-family: 'Fontawesome';
    font-size: 20px;
    color: #000;
    float: right;
    position: absolute;
    top: 10%;
    right: 25px;
    font-weight: 600;
    line-height: 45px;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f106";
    font-family: 'Fontawesome';
    top: 3%;
}
div#content-box .faq-content p{
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 7px 0;
    border-radius:0 ;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
    padding: 1px 25px;
    line-height: 1.8;
    border: 1px solid #000 !important;
}
div#content-box .faq-content div.panel p{
    margin:0 0 10px;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box .faq-title {
   margin: 0;
    font-weight: 500;
    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%}

}
/* 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: #1d62b8;
    position: absolute;
    z-index: 300;
    top: 6px;
    right: 20px;
    font-size: 8px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #ffe723;
}
.total-count img {    
    width: auto;
    height: auto;
    margin: 0px 0 0;
}
.total-count {
    text-align: right;
}
.total-count i {
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
    background: transparent;
        -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.total-count a:hover i{
    transform: translateY(-5px);
}
/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/
.carousel-inner {
    border-radius: 10px;
}
.quote-box:after{
    content: "";
    background-image: url(images/quote-boxbg.png);
    width: 28px;
    height: 23px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -23px;
    left: 10%;    
}
.quote-box{
	border: 2px solid #ffffff;
    position: relative;    
    padding:20px;   
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    clear: both;
}

#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.left i:hover {
    color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
    color: #ea70a1;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -50px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 8px;
}
#quote-carousel .carousel-indicators .active {
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-color: #fff;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 170px;
    border-radius: 10px;
        position: relative;
    width: 100%;
    overflow: hidden;
    top: -48px;
    z-index: 1;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
#innerpage-box{
    position: relative;
    padding:0;
    background: #ffffff;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
     margin: 0px 0em 0.1em 0em;
}
#content-box h4{
    margin: 20px 0 5px 15px; 
}
#content-box ul{
    padding: 0 0 20px 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 {
    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;
}
/*--------------------------------------------------------------
## 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: 2px;
    margin: 0;
    font-weight: 700;
}
.error404 .oops-text{
    text-align: center;
}
.error404 .oops-icon{
    text-align: center;
    font-size: 150px;
    margin-top: 80px;
}
.toggle-bar{
    display: none;
}
.error404 .error-404{
    color: #000;
    font-size: 95px;
    text-align: center;
    display: block;
    font-weight: 500;
    margin-top: 13px;
    margin-bottom: 15px;
}
.error404 .oops-text {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.error404 fieldset{margin: 0 23em 9.5em 23em;}
.error404 input[type="text"]{
    padding: 13px 10px;
    font-size: 14px;
    font-weight: 400;
    width: 67%;
    border-radius: 2px;
    color: #999;
    border: 2px solid #e5e5e5;
}
.error404 input[type="text"]:after{
    content: "\f1d8";
    color: #000;
    background: #000;
    position: absolute;
    top: 5px;
    font-size: 23px;
    right: 5%;
    color: #6843c4;
    background-repeat: no-repeat;
    height: 26px;
    width: 30px;
    font-family: 'Fontawesome';
}


.error404 input[type="submit"]{
    font-size: 20px;
    color: #e8e2f0;
    height: 45px;
}
@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;
}
.woocommerce ul.products li.product .price .amount {
    font-size: 24px;
    color: #1863b6;
    font-weight: 400;
}
.woocommerce ul.products li.product .price del .amount {
    font-size: 14px;
    font-weight: 400;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
    opacity: 1 !important;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}
#innerpage-box p {
    font-size: 16px;
}
.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 .entry-content li{
    font-size: 16px;
} 
main#innerpage-box li {
    font-size: 15px;
}
.sidebar_list {
    overflow: hidden;
}
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;
}

div#blog-box.innerpage-whitebox {
    padding: 0px 10px;
    margin: 0;
}
.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}
div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
}
.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;
}
div#secondary .social-profile-icons ul li i {
    padding:5px 5px 5px 5px;
    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  
-----------------------------*/

.inner-blog-post{
    margin: 0em 0em 2em;
    border-radius: 10px;
}
.inner-blogpost {
    position: relative;
    -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);
}
main#innerpage-box .ht-blog-thumbnail {
    overflow: hidden;
    position: relative;
}
main#innerpage-box .blog-date {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin: 15px 0;
}

main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 280px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
        opacity: 0.75;
    transform: scale(1.1);
}
#innerpage-box .inner-blogpost .blog-date span i {
    color: #000;
    padding-right: 5px;
}#innerpage-box .inner-blogpost-info .readmore{margin-top: 25px;}
#innerpage-box .inner-blogpost-info .readmore a{
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background: #000;
    transition: all 1s ease 0s;
}
main#innerpage-box .ht-blog-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg,#516ced,#8972ea 80%) no-repeat;
    transition: all .4s ease;
}
main#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail .overlay {
    opacity: 0.5;
    transform: rotate(360deg) scale(2);
}

main#innerpage-box .ht-blog-thumbnail .overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a {
    border-radius: 50%;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #0089ff;
    text-align: center;
    line-height: 50px;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
}
main#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail .overlay .box .content > a {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.inner-blogpost-info {
      margin-bottom: 15px;
    padding:2.5em 1em 1em 1em;
    border-radius: 0 0 5px 5px;
    position: relative;
}

main#innerpage-box #blog-box h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    word-break: break-word;
}
.inner-blog-excerpt {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 12px;
}
/*main#innerpage-box #blog-box .socialMedia {
     position: absolute;
    right: 5px;
    top: 5px;
}*/

/*main#innerpage-box #blog-box .socialMedia ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}*/
/*main#innerpage-box #blog-box .socialMedia ul li{
    display:inline-block;
    margin-left: -50px;
    float: left;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}*/
/*main#innerpage-box #blog-box .socialMedia ul li a.site-button{
    border-radius: 50%;
    width: 45px;
    line-height: 45px;
    height: 45px;
    display: block;
    color: #fff;
    background: #516bec;
}*/
main#innerpage-box #blog-box .socialMedia ul li a.site-button:hover{
    background:#f72985;
}
main#innerpage-box #blog-box .socialMedia ul:hover li.share-button a.site-button{
    background:#f72985;
}   
main#innerpage-box #blog-box .socialMedia ul:hover li{
    margin-left: 4px;
}
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{
    color: #f72985;
        margin-bottom: 5px;
}
#blog-box .ht-blog-date .fa{
   margin-right: 5px;
}

.ht-blog-thumbnail .socialMedia {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    transition: .5s;
}
.ht-blog-thumbnail .socialMedia a {
       font-size: 18px;
    padding: 5px 10px;
    line-height: 18px;
    margin: 0 0px;
    transition: 0s;
    background: #f72985;
       border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
      box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    display: inline-block;
}
.ht-blog-thumbnail .socialMedia a:hover {
    background: #fff;
}

/*--------------------------------------------------------------
## 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: 500;
    margin-bottom: 40px;
}

.blog .page-main-header {
    padding-top: 1em;
}
#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: 18px;
    color: #000;
    font-weight: 500;
    background-color: transparent;
    margin: 0 0 29px 0;
    padding: 20px;
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
}
.widget-area .widget h4:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
}
main#innerpage-box .widget-area .tagcloud a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 5px 15px 5px;
    margin: 3px 2px 5px 2px;
    text-align: center;
    font-size: 12px !important;
    background: none;
    font-weight: 600;
    color: #fff;
    border: 1px solid;
    transition: all 300ms ease;
}
.widget-area .tagcloud {
    list-style: none;
    padding: 4px 0;
    margin: 0;
}
.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 .gallery-item a{
    padding: 0;
}
.widget-area div#calendar_wrap {
    padding: 0px 5px;
    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: 120%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: -25px;
    background-image: none;
    display: block;
    height: 3px;
    position: relative;
    top: 21px;
}
.widget-area .woocommerce-product-search, .widget-area form#searchform {
    width: 100%;
}
.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,
div#secondary li.current_page_item > a:before{ 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;
}
.single-productpage .widget h4{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    background-color: transparent;
    margin: 0 0 29px 0;
    padding: 20px;
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    padding-bottom: 45px !important;
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
    border-color: #6a1b9a;
}
 main#innerpage-box h2.woocommerce-loop-product__title {
    font-weight: 600;
 }

.woocommerce ul.products li.product a img{
    border: 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;
    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 30px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
}
.woocommerce ul.products li.product .button:hover{
    opacity:0.8;
     transition: all 0.3s ease;
}
.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    line-height: 1;
    height: auto;
    margin-right: 0px;
    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 {
    min-width: 180px;
    background-color: #000;
    color: #fff;
    min-width: 180px;
    color: #fff;
    padding: 0 25px;
    height: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 0;
    opacity: 1;
}
.woocommerce .quantity .qty {
    height: 50px !important;
    width: 63px;
    padding-right: 4px;
    margin-right: 25px;
}
.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;
    width: 100%;
    height: 250px;
}
.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);
    margin: 0px 0;
}
#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 screen and (min-width: 2568px) and (max-width: 2675px){

.head-menu {position: relative;padding: 1px 0;}
.navigation .mainmenu {position: relative;left: -23px;}
}

@media screen and (min-width: 2360px) and (max-width: 2567px){

.head-menu {position: relative;padding: 1px 0;}
.navigation .mainmenu {position: relative;}

}

@media screen and (min-width: 1986px) and (max-width: 2361px){

.head-menu {position: relative;padding: 1px 0;}
.navigation .mainmenu {position: relative;}

}

@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 {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

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

.slider_content {
    left: 52%;
}
.slider_section .extimg img.ex {
    width: auto;
    max-width: 25%;
}
.margin-sec {
    margin: 0 3em;
}
.features-area .fs-in-area:hover a.icon span {
    line-height: 110px;
    font-size: 62px;
}
.features-area .fs-in-area a.icon span:after {
    width: 80%;
    height: 85%;
    top: 8px;
    left: 12px;
}
.featured-single-area {
    margin: 0 3em;
}
.h-s-width {
    width: 25%;
}
.widget_calendar table thead tr th {
    font-size: 10px;
    padding: 3px;
}
.navigation .mainmenu {
    left: 0;
}

}
@media screen and (max-width: 1300px){
.inner-nav-clip{
    background-color: transparent!important;
}
.navigation .mainmenu>li>a {
    font-size: 13px;
    padding: 5px 12px 4px;
}
}

@media screen and (min-width: 1441px){ 
.h-s-width {
    width: 26%;
}
.head-menu {
    position: relative;
}

}
@media screen and (min-width: 1442px) and (max-width: 1540px){
.header-share {
    padding-right: 0;
}
.slider_section .extimg img.ex{
    max-width: 30%;
}
}
@media screen and (min-width: 1300px) and (max-width: 1370px){
    #about .about_icon{left: -14px;}
}
@media screen and (min-width: 992px) and (max-width: 1036px){
    #about .about_icon{left: -24px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .service-area .single-service-bx { margin: 2.5em 0em 1.5em 0em !important;}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
   #appointment .ht-inquiry-member-wrap{margin-left: 1em !important;}
   #team .our-team .single-team-img img{height: 300px;}
   .innerpage-whitebox{padding: 1em 0em 1em 0em;}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    #team .single-team{padding: 0 3em;}
    #about .abou-img3 .aboutimg2 img{left: 3em;}
    #features-section .feabx:nth-child(2) .mem-inn{height: 130% !important;}
    .service-area .single-service-bx {  margin: 0 0em 4em 0em;}
}
@media screen and (min-width: 1025px) and (max-width: 1299px){
    #appointment .ht-inquiry-member-wrap{margin-left: 2em !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1300px){

#slider .owl-nav button.owl-prev {left: 50px;}
#slider .owl-nav button.owl-next{right: 50px;}
header .Reg {font-size: 15px;}
#about-section .abt-lhsbx {   padding-right: 2em;}
.service-area .service-title-box {padding: 10px 15px;}
.page-template-default #innerpage-box .service_inbox .title {margin: 0;}
 main#innerpage-box #blog-box .socialMedia ul li{margin-left: -30px;}
.blog-area .blog-thumbnail img {height: 250px;}
#innerpage-box .lz-gallery-images img{height: 250px;}
/*#innerpage-box .single-team-img img {   height: 260px;}*/
.faq_bm .faq-heading{font-size: 50px;}
 main#innerpage-box #blog-box .socialMedia ul li a.site-button{
        width: 30px;
        line-height: 30px;
        height: 30px;
}

}
@media screen and (min-width: 320px) and (max-width: 1200px){
.slider_section .btn5 a{padding: 8px 30px;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#features-section .mem-inn{padding: 1.5em 10px;}
#content-box .faqimg img { height: 500px;}
#team .our-team .single-team-img img{height: 260px;}
.blog-area .blog-boxs {  padding: 0 1em;}
.slider_section .sub-title {margin: 1em 0 ;}
#about-section .section-title h2 { font-size: 40px !important;}
#quote-carousel .carousel-control.left {left: -42px;}
.header-btn .head-button a{padding: 18px 25px;}
.slider_section .extimg img.ex{max-width: 20%;}
.slide-btn{bottom: 110px;}
.slide-btna a.btn{font-size: 14px;padding: 10px 35px;}
body.page-template-default main#innerpage-box .single-service-bx .service-icon img {width: 100%;height: 220px;}
.inner-page-gallery img {width: 100%;height: 200px;}
.footer-area .wpcf7:after{right: 7px;}
#quote-carousel .carousel-control.right {right: -42px;}
.slider_section .bx-wrapper .bx-controls-direction a {height: 48px;line-height: 45px;}
.ht-slider-highlighttext {font-size: 30px;}
.ht-slide-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;}
.slider_section .title {font-size: 50px;line-height: 50px;}
.slider_section .sub-title {line-height: 25px;padding: 0;}
/*.slider_content {top: 55%;left: 55%;}*/
#slider .owl-nav button{top: 63%;display: none;}
.img-slide-responsive {right: 800px;top: -155px;
}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    header .Reg{margin-left: 4.1em;}
}
@media screen and (min-width: 1300px){
     header .Reg{margin-left: 6.4em;}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .slider_content {left: 60%;}
}
@media screen and (min-width: 992px) and (max-width: 1299px){
    .service-area .single-service span{left: 70%;}
    #innerpage-box .ts-area-thumb img{width: 70px;height: 70px;}
}
@media screen and (min-width: 994px) and (max-width: 1023px){
.testimonials-area .owl-theme .owl-nav {  display: none !important;}
header .Reg {font-size: 15px;}
.slider_section .title {font-size: 40px;padding: 0;}
.slider_section .sub-title {font-weight: 500;line-height: 25px;padding: 0;margin: 10px 0;}
.slider_section .btn5 { margin-top: 1em;}
.slider_content {top: 58%;width: 845px;left: 58%;}
#about-section .abt-lhsbx {padding-right: 0em ;}
#slider .owl-nav button {display: none;}
}

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

.blog-area .blog-boxs {  padding: 0 1em;}
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}header.site-header .text-bx.padding0{padding-left: 15px;}
header.site-header input[type="search"] {width: 100%;}
#ht-contactus-wrap .address-c-box {
    margin: 3em 0 0 0 !important;}
}

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

    .toggle-bar{
     display: block;
     position: absolute;
     top: -35px;
     right: 35px;
     width: 50px;
     background: #fe5722;
     cursor: pointer;
     text-align: center;
     color: #fff;
     padding: 20px 0;
     cursor: pointer;
 }
 .toggle-bar span{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #FFF;
    box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
}
@media (max-width: 1012px){
#about-section .abt-lhsbx {padding-right: 0em ;}
.slider_section .title {font-size: 35px;line-height: 35px;}
.ht-slide img {height: auto !important;}
.img-slide-responsive {position: absolute;right: 620px;top: -6px;}
.tp-loop-wrap.rs-wave {min-width: 620px !important;}
#slider .owl-nav button{display: none;}
.slider_section a.btn {font-size: 14px;}
.slider-btn {margin-top: 0.7em;}
.header-transparent .sticky-header {padding: 0;}
}
@media (min-width: 992px) and (max-width: 1299px){
    #appointment .contact-detail{padding-left: 30px !important;}
}
@media (min-width: 1300px) {
     #appointment .contact-detail{padding-left: 40px !important;}
}
@media (max-width: 1299px){
    #testimonials .tetimonoal-area{margin-left: 0;}
}

@media (max-width: 992px){
header .menu-wrapper{float: left;}
header .HeaderRbx{background: none !important;}
.slider_section .btn5 a{margin-left: 0;}
.responsive-header-box{display: none;}
.header-btn .head-button a {float: revert;}
.header-btn .head-button a{display: inline-block;}
#slider .owl-nav button{display: none;}
.slider_section .btn5 { margin-top: 1em;}
.slider_section .title {font-size: 35px ;line-height: 35px;margin-bottom: 0px;}
.slider_content {top: 45%;/*width: 500px;*/margin: 0 auto;left: 0px;right: 0;}
.sf-arrows .sf-with-ul:after{right: 30px !important;}
.ht-site-title, .site-title {font-size: 23px;}
#features-section .features-inn {  margin-top: -2em;}
.mobnone{position: relative;display: inline-block;padding: 5px 5px;}
header.site-header ul.hd-contact {margin-left: 0px;padding: 4px 0;}
header .header-text{padding-left: 1em;}
.total-count i {font-size: 16px;padding: 8px;}
.page-template-default .footer-area {  padding-top: 2em !important;}
.footer-area{padding: 5em 0 2em 0 !important;}
.service-area .single-service-bx:nth-child(2) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(5) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(8) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(11) .service-icon a.services-img {position: relative;}
.h-s-width {width: 60%;}
.contex-about {padding: 1em 0em;}
.call-area .owl-carousel .owl-dots.disabled,
.call-area .owl-carousel .owl-nav.disabled{ display: block;}
#newsletter .section-title{margin-bottom: 0em !important;}
#testimonials .tetimonoal-area{ padding: 0 0em;}
#innerpage-box .teaminn-page .team-social-icon li a {
    width: 35px;
    height: 35px;
    line-height: 36px;
}
.header-contact {padding-right: 0;}
.footer-area .wpcf7:after {left: 18px;top: -35px;right: 0;margin: 0 auto;padding: 0;position: relative;}
.s-footer {padding: 0 1em;margin-top: 2em;}
}

@media screen and (max-width: 990px){
div#postproducts .Postp_titlearea h3 {font-size: 35px;line-height: 45px;}
div#postproducts .Postp_titlearea h3 b {font-size: 40px;}
div#postproducts .Postp_titlearea p {font-size: 13px;line-height: 20px;}
div#postproducts .ppost-area .postp_sarea .Postp_titlearea {padding: 1em 0;}
div#postproducts .postp-area-btn a {font-size: 12px;padding: 8px 35px;}
div#postproducts .postp-area-btn {margin-top: 1em;}
}

@media screen and (max-width: 768px){
.single-footer-2, .single-footer-3, .single-footer-4{border: none;}

.service-area .owl-nav, .service-area .owl-carousel .owl-nav.disabled{display: none;}
main#innerpage-box h6.faq-title{padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 {width: 100% !important;}

.ht-main-navigation li{padding-right: 00px;}
img.ht-page-header-img{height: 275px;}
.ht-site-title a, .site-title a{top: 0 !important;}
.ht-slide-cap-title.animated.fadeInDown{font-size: 22px;}
.ht-slide-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;}
.ht-slide-cap-descmore {margin-top: 5px;}
.section-title h2, .service-area .section-title h2, #testimonials .section-title h2, 
#appointment .section-name h5, #team .section-title h2, #newsletter .section-title h2{font-size: 25px;}
.top-bar-head {width: 100%;}
#innerpage-box .ts-img {
    width: 100%;
}
}

@media screen and (min-width: 810px) and (max-width: 825px){
    .hamburger-menus {
        right: -25px;
    }
}

@media screen and (max-width: 600px){
#newsletter .newslettersign-box {  margin: 0 1em;}
.faq_bm .faq-heading, .faq_tp .faq-heading{
    font-size: 35px;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
body {position: inherit; }
#ht-contactus-wrap .Address_area { padding: 0em 0em;}
.slider_section .btn5{margin-top:6px;}
.slider_section .btn5 a {font-size: 12px;}
.slide-btn{bottom: 35px !important;}
#features-section .features-content {padding: 10px;}
#features-section .features-content h3 {font-size: 22px;}
#about .abou-img3 .aboutimg1 img{right: 0.5em;}
#about .abou-img3 .aboutimg2 img{left: 2em;}
.service-area .readmore a{padding: 10px 15px;font-size: 12px;}
.service-area .service-title-box {padding: 1em 1em;}
.service-area .inner-area-title{font-size: 16px;}
.logo{bottom: 0;}
#innerpage-box .contsec img {height: 300px;}
.faq_bm .faq-heading, .faq_tp .faq-heading{
    font-size: 28px;
    letter-spacing: 3px;
}
.s-footer{margin-top: 1em;}
#innerpage-box .widget-area .widget-title{margin: 0 0 15px 0;}
.widget-area .widget{margin-bottom: 20px;}
}

@media screen and (max-width: 768px){
.slider_section p{padding-left: 10px;}
.slider_section .extimg img.ex{max-width: 22%;}
.slide-btn{bottom: 110px;}
.slide-btna a.btn{font-size: 14px;padding: 12px 20px;}
.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;}
.ht-footer:last-child{margin-bottom: 0;}
.ht-slide-cap-descmore a{font-size: 2vw;}
.ht-slide-cap-title{font-size: 24px;font-size: 4vw;margin-bottom: 0px;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{width: auto !important;float: none !important;}

div#postproducts .ppost-area .postp_sarea {margin-bottom: 2em;}
div#postproducts{padding: 2em 0 0 !important;}
main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 {font-size: 30px;}
#ht-contactus-wrap .contact-info {margin-top: 0px;font-size: 14px;}
.pd-r {padding: 2em 0;padding-right: 2em;}
.pd-l {padding: 2em 0;padding-left: 2em;}
.social_area i.fa {right: 49%;}
#footer.footer-area .widget-title {
    font-size: 25px;
}
}

@media screen and (min-width: 500px) and (max-width: 767px){
    #team .single-team{width: 50%;}
    #team .single-team{padding: 0 2em;}
}

@media screen and (min-width: 320px) and (max-width: 399px){
    #team .single-team{padding: 0 1em;}
}

@media screen and (min-width: 669px){
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {display: none;}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: block;
}
}

@media screen and (max-width: 668px){
div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {float: none;}
/*#ht-contactus-wrap .contact_area {padding: 0px 0em 0;}*/
#ht-contactus-wrap .address-box {text-align: center;}
.social_area {text-align: center;}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {display: none;}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {display: block;}
.social_area i.fa {right: 45%;}
.mg-3 {margin: 1em 0 0;}
.pd-r {padding: 0em 0;}
.pd-l {padding: 0em 0;}
main#innerpage-box .Address_area h4, 
main#innerpage-box .social_area h4, 
.page-template-contact-template main#innerpage-box .Address_area h4, 
.page-template-contact-template main#innerpage-box .social_area h4 {font-size: 28px !important;} 
#ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {padding: 0;}
#ht-contactus-wrap .address-box {text-align: center;}
#ht-contactus-wrap .contact-page-form {padding: 0 1em 1em;}
}

@media screen and (max-width: 580px){
.slider_section .bx-wrapper .bx-controls-direction a,
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{display: none;}    
.ht-team-counter-wrap{margin-left: 0;}
.ht-counter{width: 75%;float: none;margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
#innerpage-box .inser{width: 100% !important;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    #team .single-team{padding: 0 3em;}
    .section-title {margin-bottom: 0em !important;}
    #testimonials{padding: 0em 0em 3em 0em !important;}
    #features-section .feabx:nth-last-child(4) .mem-inn:before,
    #features-section .feabx:nth-last-child(6) .mem-inn:before,
    #features-section .feabx:nth-last-child(8) .mem-inn:before,
    #features-section .feabx:nth-last-child(10) .mem-inn:before,
    #features-section .feabx:nth-last-child(12) .mem-inn:before{
     border-right: none !important;
}
}
@media screen and (min-width: 320px) and (max-width: 768px){
header .share-btn ul{text-align: center;}
.logobox img {padding-top: 0 !important;}
header .header-contact {text-align: center;}
.slider_section .sub-title {padding: 0px;font-size: 14px;line-height: 22px;width: 400px;margin-right: 14px 0px 35px 0px}
.main-dispaly.padding0 {padding-left: 20px;}
#slider .owl-nav button{display: none;}
.slider_section .extimg{width: 100%;}
#innerpage-box .ts-area-c p{font-size: 16px;}
header.site-header button.header-btn{float: left;}
.top-bar-head {position: relative;}
.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;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .logo{padding: 0;}
    .testimonials-area .ts-area-content {
    margin-left: 0px !important;
}

header.site-header ul.hd-contact {
    padding: 0 0 20px 0 !important;
}
.blog-area .blog-comm{padding: 0;line-height: 25px;}
header .Reg li {display: block;margin: 5px 0;}
.testimonials-area .ts-area-single{padding: 2em 0.7em 1.5em 1em;}

}

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

    .slider_section .owl-dots{top: 20%;}
    #step .stepbx .sec-icn .icn-brd:before{left: 22%;width: 30%;}
    #step .stepbx .sec-icn .icn-brd:after{left: 20%;width: 30%;}
    .service-area .single-service span{left: 81%;}
    .testimonials-area .owl-theme .owl-nav {  display: none !important;}
    .testimonials-area .ts-area-thumb img{width: 100px !important;}
    #newsletter .newslettersign-box{text-align: center;}
    .testimonials-area .ts-area-thumb img{height: 150px;margin: 0 auto;}
    #appointment .section-contact h5{font-size: 25px;}
    #appointment .section-contact i{font-size: 30px;width: 45px;height: 45px;line-height: 45px;}
    #appointment .section-button{margin-top: 30px;}
    #appointment .contact-detail {margin-top: 2em;}
    #content-box .faqimg img{left: 0px;}
    #features-section .mem-inn:before{display: none;}
    #ht-contactus-wrap .contact-img img{padding-bottom: 3em;}
    .service-area .single-service-bx {margin: 2em 0em 1.5em 0em !important;}
    .blog-area .blog-area-wrap {margin-top: 0em !important; }
    #newsletter .newslettersign-box{top: 0em;margin-bottom: 2em;}
    #content-box .faqimg{padding-top: 0em;}
    #ht-contactus-wrap .contact-section {margin-top: 1em;}
    #ht-contactus-wrap input[type="submit"]{margin-bottom: 0em;}
    #testimonials{padding: 0em 0em 2em 0em !important;}
    #innerpage-box .ts-area-c{padding: 1em 1.5em;}
    #team .our-team .single-team-img img{height: 320px;}
}
@media only screen and (max-width: 767px) {
header .nav-menus{position: absolute;top: -58px;right: 0;}
header .head-inn{padding: 8px 0;}
header .header-share, header .headcontact{width: 55px;}
header .Rqst-btn{text-align: right;top: 0;}
header .Reg{display: none;}
header .headphone, header .header-share button{display: block;}
header button.share-icn {
    width: auto;
    padding: 0 0px;
    font-size: 25px;
    box-shadow: none;
    margin: 0;
    float: right;
    background: no-repeat;
}
header button.share-icn:focus, header button.share-icn:active:focus{
    box-shadow: none !important;
    outline: none !important;
}
header .share-btn .a {
    width: 50px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
}
header .share-btn .a:hover{color: #000 !important;}
header .share-btn.active.top {
  transform: scale(1) translateY(-10px);
}
header .share-btn.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
  border-radius: 5px;
}
header .share-btn.top {
  margin-top: -80px;
  transform-origin: 0 0 0;
}
header .share-btn {
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.share-btn ul li a.site-button{font-size: 18px;}
#step .stepbx:nth-child(1) .sec-icn .icn-brd:before,
#step .stepbx:nth-child(1) .sec-icn .icn-brd:after,
#step .stepbx:nth-child(2) .sec-icn .icn-brd:before ,
#step .stepbx:nth-child(2) .sec-icn .icn-brd:after ,
#step .stepbx:nth-child(3) .sec-icn .icn-brd:before,
#step .stepbx:nth-child(3) .sec-icn .icn-brd:after{display: block !important;}
#features-section .features-inn {  margin-top: 0em;}
.blocks-gallery-grid img {   height: 150px !important;}
#team .team-social-icon {   display: block;}
#features-section .features-content{padding: 20px 0;}
#features-section .features-inn {text-align: center;}
#ht-contactus-wrap .contact_area {  text-align: center;}
#ht-contactus-wrap .contact_l_area i{padding-bottom: 10px;}
    .slide-content p{
        display:none;
    }
    .slide-content-box{
        text-align:center;
    }
    .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%;
    }
    .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;
    }
    .abuot-box [class*="col-"]{ 
        padding:0;
    }
    .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);
    }
    .inquiry-form{
        margin-top:0;
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
.page-main-header .overlay1{right: 0;}
#total-breadcrumbs, .woocommerce .woocommerce-breadcrumb,
.page-main-header .breadcrumbbox .button{width: 100%;text-align: center;}
#content-box .faqlast{padding-top: 0em;margin-bottom: 30px;}
}
@media screen and (min-width: 320px) and (max-width: 768px){

.footer-area .bottom-area{padding: 20px 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: 0;
}
.slider_section .layer-2{top: 12.9%;}
.slider_section .layer-8 {
top: 11.5%;
}

.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;
}
.slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }

.bx-controls-direction { display: none;  }
.slider_section .layer-3{ top: 50.9%; }

header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }

.slider_section .box{ right: 0; }
.slider_section .box-hover, .box-hover-2, .slider_section .box{ width: 700px; }
.ht-site-description{padding-top: 0; }

.header-top-container{ padding:0px !important; }

.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;}
.top-bar-head { width: 100%;}
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: 747px){
.tp-loop-wrap.rs-wave {
    min-width: 617px !important;
}
.img-slide-responsive {
    position: absolute;
    right: 617px;
}
}

@media screen and (max-width: 640px){
.head-menu {
    position: relative;
    width: 100%;
}
.total-count .count {
    top: 15px;
    right: 14px;
}

.total-count {
    margin-top: 10px;
}
.header-btn .head-button a {
    padding: 10px 18px;
    font-size: 16px;
}
.slider_section .owl-theme .owl-nav {
    display: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    margin: 5px 14px;
}
.slider_section .owl-theme .owl-dots .owl-dot span:before {
    font-size: 10px;
}
.slider_section .owl-theme .owl-dots .owl-dot.active span:before {
    width: 15px;
}
.margin-sec {
    margin: 0 3em;
}

a.call-num {
    font-size: 18px;
}
.call-label {
    font-size: 18px;
}

.features-area .fs-in-area a.icon {
    padding-top: 8px;
}

.featured-single-area {
    margin: 0 3em;
}
.features-area .spring-1 {
    left: -40px;
}
.footer-area .widget {
    margin-bottom: 1.5em;
}
footer#footer.footer-area .widget-title {
    margin-bottom: 1em;
}

.h-s-width {
    width: 80%;
}
.contact-content .phone {
    font-size: 26px;
    line-height: 32px;
}

.single-footer-1, .single-footer-2, .single-footer-3,.single-footer-4 , .single-footer-5{
    width: 100%;
}
#innerpage-box .item.innertest-item{
    width: 100%;
}
#innerpage-box .ts-area-content {
    padding: 1em 0em 0em 0em;
}
#innerpage-box .ts-area-single{
    margin: 0;
}
}

@media screen and (min-width: 400px) and (max-width: 600px){
.slider_content{width: 400px;}
.slider_section .title {font-size: 30px;line-height: 30px;padding-bottom: 5px;}
.slider_section a.btn {font-size: 10px;}
.hamburger-menus {top: 0px; }
.footer-area .overlay{padding: 0!important;}
}
@media screen and (min-width: 320px) and (max-width: 425px){
.slider_content{width: 300px;}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
    width: 250px;
    margin: 14px 0px 15px 0px;
}
.slider_section .owl-dots .owl-dot span{width: 10px;height: 10px;}
}
@media screen and (min-width: 320px) and (max-width: 475px){

.ht-site-description{
    font-size: 12px;
}
.slider_section .title {
    font-size: 20px;
    line-height: 23px;
}
.slide-btna a.btn{
    padding: 8px 20px;
    font-size: 10px;
}

.tp-loop-wrap.rs-wave {
    min-width: 300px !important;
}
   .img-slide-responsive {
    right: 300px;
}

ul.hd-contact li {
padding-right: 0;
}
    main#innerpage-box #blog-box .socialMedia ul li a.site-button{
        width: 40px;
        line-height: 40px;
        height: 40px;
    }
    main#innerpage-box #blog-box .socialMedia ul li {
        margin-left: -40px;
    }
    .page_featured {
        margin: 0 2em;
        margin-bottom: 1em;
        padding: 3em 4em;
    }
    body.page-template-default main#innerpage-box h1, .ht-main-title, #ht-contactus-wrap h1 {
    font-size: 25px !important; 
}
}
@media screen and (min-width: 320px) and (max-width: 375px){
    #appointment .section-contact span{padding-left: 0px !important;}
    #about .hi-icon{width: 31px !important;}
}
@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;
    }
    div#blog-box.innerpage-whitebox {
        padding: 0em 0em 2em 0em;
    }
    .slider_section .char{
        font-size: 12px;
        height: 20px;
    }
    .slider_section p{
        width: 90%;
        font-size: 12px;
        line-height: 20px !important;
        padding: 0;

    }
    .ht-slide-cap-desc{
       font-size: 28px;
       line-height: 35px;
       margin-bottom: 10px;
   }
    .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;}

.slider_section i.fa{font-size: 10px;}
.slider-social-icon > span{letter-spacing: 0;}
.slider_section .layer-3 img {
width: 30px;
}
 .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;}

.slider_section::after{width: 0;}

.slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
.social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
.slider_section .layer-5 img,.slider_section .layer-8 img{ width: 25px;}

.slider_section .layer-6 img, .slider_section .layer-4 img{width: 15px; }
.slider_section .layer-3 img{ width: 40px; }
.slider_section .layer-8{top: 10.5%;}
.slider_section .layer-6 { bottom: 10%;right: 62.4%;}
.slider_section .layer-5 { bottom: 92px; }
.slider_section .layer-4 { top: 73.5%; }
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 380px;}
.slider_section .btn:hover:before{top: 6px; }
.slider_section .box-hover, .box-hover-2{height: 340px;}
.slider_section .box-hover, .box-hover-2{ margin-top: 0; }

.slider_section .btn{font-size: 14px; padding: 8px 32px 8px 32px;}
.slider_section .box{ height: 325px; right: 0%;}

.single-header-info { text-align: center; padding: 0;}

}
@media screen and (min-width: 320px) and (max-width: 375px){
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 360px; }
.slider_section .box-hover, .box-hover-2{height: 305px; }
.slider_section .box{ height: 300px;}
.service-area .single-service span{left: 69%;}
.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 8px 9px;
    font-size: 13px;
}
.slider_section .title {
      font-size: 15px;
}
.slider-btn {
    margin-top: 0.5em;
}
.ht-site-title, .site-title {
    font-size: 16px;
}
.ht-site-description {
    font-size: 10px;
}
.navicon {
    top: -60px !important;
}
.page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}

.blog-area .blog-thumbnail img{
    height: 315px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 250px;
}
.total-count .count {
    right: 8px;
}
.service-area .single-service-bx .service-icon a.services-img img {
    height: 240px;
}
.blog-area .blog-thumbnail img {
    height: 205px;
}

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

.blog-area .blog-thumbnail img{
    height: 260px;
}

.margin-sec {margin: 0 2em;}
.service-area .single-service-bx .service-icon a.services-img img {height: 215px;}
.contact-small-box span.fa {  font-size: 40px;}
.contact-content {  font-size: 11px;}
.contact-content .phone { font-size: 17px; line-height: 28px;}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {  display: contents;}
.inner-page-gallery img {
    height: 200px;
}
}

@media screen and (min-width: 320px) and (max-width: 320px){
    .slider_section div.slider-social-icon{left: 45px;}
    .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 45px;
}

.slider_section .box-hover, .box-hover-2, .slider_section .box {width: 300px;}
.slider_section .box-hover, .box-hover-2 { height: 270px; }
.slider_section .box {height: 275px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.ht-slide-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;}
.slider_section .title {  font-size: 15px; margin-bottom: 0;}
.slider_section .sub-title {   font-size: 11px;}
.slider_section a.btn {  font-size: 10px;  padding: 6px 15px;}

.page_featured { margin-bottom: 0em;}
.total-count .count { right: 0px;}
.blog-area .blog-area-wrap { margin: 0 1em;}
.blog-area .blog-thumbnail img {
    height: 200px !important;
}
}

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;
}
.woocommerce-MyAccount-content .woocommerce-info {
    background: transparent !important;
}
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled]{
    opacity: 1 !important;
}