/*
Theme Name: Bicycle Repair Free
Theme URI: https://luzukdemo.com/demo/bicycle-repair/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description: If you want to start a professional website for your Bicycle store or Bicycle and bike repair service stations, this Bicycle Repair WordPress Theme is your ultimate solution. The theme is accompanied by a stylish and beautiful slider allowing you to showcase the slideshow and make your website look great on every screen. Its retina-ready and responsive design ensures that your content gets displayed in the best possible way. Once you have its professionally crafted demo imported, it is just a matter of uploading your content to go live. With easy and endless customization options made available for you, there is always a possibility for you to create something unique that will match your taste and vision. With this amazing Bicycle Repair WordPress Theme, there comes an array of tools one of which is the drag and drop page builder giving you full freedom to create customized pages with a simple drag and drop technique. There are marketing features incorporated making it easy for you to promote your business beyond the borders. You will get Facebook, Twitter, Instagram, and many other useful social media icons to which you can link your business’s social profiles and extend your reach. With this BiCycle Repair WordPress Theme, you will be able to take your business to new heights and make it more successful.

Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:bicycle-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 {
    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;
}
/*div#secondary .widget_calendar td {
      padding: 5px 10px;
}
*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}
.pd-0{ padding: 0;}
dfn,
cite,
em,
i {
    font-style: italic;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}
blockquote {
    margin: 0 0px 15px;
    padding: 45px 30px;
   /* padding: 21px 30px 18px;*/
    background: #f2f2f2;
    font-size: 16px;
    line-height: 2;
    color: #000;
    font-style: italic;
    font-weight: 400;
    clear: both;
    position: relative;
    z-index: 1;
}
blockquote:after{
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size: 55px;
    position: absolute;
    bottom: 3%;
    text-align: right;
    z-index: -1;
    color: #ccc;
    clear: both;
    right: 3%;
}
/*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);
}
#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;
}

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;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.8s;
}
.widget_categories li a,
.widget_categories li{transition: all 0.8s;}
.widget_categories li a:before {
    content: "\f063";
    font-family: 'Fontawesome';
    font-size: 18px;
    margin-right: 10px;
    transform: scale(1);
    /* color: #fff; */
    display: inline-block;
    transform: scale(1);
    transition: all 0.8s;
}
.widget_categories li:hover a:before{ display: none;transition: all 0.8s;}
.widget_recent_entries li{border: none !important;}
#secondary .widget_recent_entries li:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    background: url(images/border-shape-2.png) repeat-x center;
}

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: 16px 20px;
    width: 100%;
    border-radius: 6px;
}
textarea {
    border-radius: 6px;
    padding: 8px;
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #f9c12c;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0 0px;
    margin: 0;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area li:before ,
.widget-area .social-profile-icons ul li:before {  display: none !important;}

.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 .social-profile-icons li{ margin: 4px !important;padding: 0; }
.widget-area li{
    padding: 5px 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 15px;
}
.widget-area li.recentcomments { padding: 10px 15px;}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
/*.widget-area a:hover{
    color: #fe5722
}*/
.widget-area .widget{
   margin-bottom: 15px;
    padding: 0.3em 0em 0em;
    background: transparent;
}

/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/
#content-box ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #0074D9;
}
/*--------------------------------------------------------------
## 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;
    border-radius: 15px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#comment {
    padding: 16px 20px;
    margin: 0 20px;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}

#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    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;
}
/*================== New ==========================*/
/*blog Single Page*/
/*=================*/
#content .bdate {   padding: 10px 0;}
#content .tags { position: relative; margin: 2em 0 1em 0;}
#content .tags a {
    color: #fff;
    display: inline-block;
    padding: 9px 18px;
    border-radius: 50px;
    margin: 5px;
}
/*#content .tags span{font-weight: 500;}*/
#content .catg a{
    margin-left: 10px;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
}
#content.blogsocialMedia {  margin: 10px 0;}
#content .blogsocialMedia li {
    list-style: none;
    display: inline-block;
    font-size: 20px;
    background: none;
    border: 2px solid #000;
    /* padding: 4px 10px; */
    margin-right: 4px;
    border-radius: 6px;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    transition: all 0.3s ease;
}
#content .blogsocialMedia li:hover{border-radius: 0 15px 15px 15px;transition: all 0.3s ease;}
#content .blogsocialMedia li a:hover {background: none;}

#content .bdate li{list-style: none;display: inline-block; padding-right: 10px;}
#content .bdate li i{ padding-right: 10px;font-size: 20px;}

div#content { margin: 1em 0;}
div#commentsAdd {
    margin-top: 2em;
    padding: 2em 1em 2em 2em;
    /*box-shadow: 0px -3px 8px 4px rgb(0 0 0 / 2%);*/
}
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-metadata span.fn {
    margin-top: 1em;
    position: absolute;
}
.comment-author.vcard {
    width: 15%;
    position: relative;
    float: left;
}
.comment-author.vcard img{border-radius: 50px;}
.commentmetadata {
    width: 85%;
    float: left;
    margin-top: 1.5em;
}
.comment-metadata a{font-weight: 600; font-size: 16px;}
.comment-metadata {
    position: absolute;
    width: 300px;
    top: 0;
    margin-left: 100%;
}
#comments .commentmetadata p{margin: 1em 0;}

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    margin-bottom: 1em;
    /* border: 1px solid #bbb; */
    /* padding: 5px; */
    border-radius: 15px;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

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

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 13.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.posts-navigation{clear: both;}
.inside-full-height{height:100%}
.clearfix {   clear: both;}
.section-heading {margin-bottom: 3em;}
.section-heading h2 {
    position: relative;
    word-break: break-word;
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 15px;
    padding: 0px 0;
}

.section-heading p {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.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;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    text-align: center;
}
.textcenter{ text-align: center;}
:hover{
    -webkit-transition-duration: 1s;   
    -moz-transition-duration: 1s;   
    -o-transition-duration: 1s;   
    transition-duration: 1s;
}
section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.ht-section-title:last-child{ margin-bottom: 0;}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    margin:5px 0;
    /*letter-spacing: 1px;*/
    font-weight: 600;
    position: relative;
    text-align: center;
}

.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: 32px;
    line-height: 1;
    padding-top: 40px;
    /*text-align: center;*/
}
.ht-site-title a, .site-title a{  text-decoration: none;  color: #4a4a4a;}
/*.logo-header {
    text-align: center;
}*/
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 4px;
    /*text-align: center;*/
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {  margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 90%;
    display: block;
}
.woocommerce #reviews #comment { height: 175px;}
.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;}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.breadcrumbbox {
    padding: 0px;
    font-weight: 500;
    text-align: center;
    position: relative;
}
.breadcrumbbox span{ color:#000; margin:0 3px;}
.breadcrumbbox span.bread-arrow i { font-size: 6px;  top: -2px; position: relative;}
/*===========================================
## 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);
  }
}


/*----------------------------------------*/
/*   Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.overlap-header {  position: relative; top: 0px;}
.page-main-header{
    position: relative;
    background: #fe5722;
    color:#fff;
    clear: both;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
}
.page-main-header .overlay1 {
    background: red;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.3;
}
.pginn1 img{ margin: 0 auto; position: relative; padding-bottom: 0.5em;}
.pginn2 img{margin: 0 auto;position: relative;padding-top: 0.5em;}
/*.headpginn:after {
    content: "";
    background-image: url(images/hdinnerpb.png);
    position: relative;
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}*/
header.site-header li {list-style-type: none;font-size: 14px;}
header.site-header li p{
    display: inline-block;
    list-style-type: none;
    color: #000;
    font-size: 14px;
}
/*.mobnone1{display: none;}*/

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
    text-align: left;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    margin-right: 0px;
}
.navigation .mainmenu li:last-child{ margin-right: 0;}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
}

.navigation .mainmenu>li>a:before {
    content: '';
    display: block;
    width: 0%;
    transition: width .3s;
    position: relative;
    top: 35px;
    border-radius: 50px;
    margin: 0 auto;
    transition: all 0.3s;
}
.navigation .mainmenu>li>a:hover:before{
    border-radius: 50%; 
    border: 2px dotted;
    transition: all 0.1s;
}

header .navigation .mainmenu li.current_page_item a:before, 
header .current_page_item > a:before{
    content: '';
    display: block;
    border: 2px dotted;
    width: 100%;
    background: none;
    transition: width .3s;
    position: relative;
    border-radius: 50%;
    transition: all 0.3s; 
}
.sub-menu a:before{border: 0px !important;width: 0 !important;}


/* = Navigation 2nd level css
-------------------------------------------------------------- */
/*=====sub menu Script & Css=======*/

.navigation .mainmenu li:hover ul.sub-menu{
    transition: all 0.5s;
    /*animation: slideInDown .5s ease-in-out;*/
    /*border-radius: 0px;*/
}
.navigation .mainmenu li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform:  translateY(0);
}
.navigation .mainmenu li:hover ul.sub-menu ul.sub-menu{opacity: 0;}
.navigation .mainmenu li:hover ul.sub-menu li:hover ul.sub-menu{opacity: 1;}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(even){
    animation-name: menulhs;
    animation-duration: 0.6s;
    animation-timing-function:ease-in-out;
    border-radius: 0;
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(odd){
    animation-name: menurhs;
    animation-duration: 0.6s;
    animation-timing-function:ease-in-out;
    border-radius: 0;
}

@keyframes menurhs{
    0%{
        opacity:0;
        transform: translateX(-100px);
    }

    100%{
          opacity: 1;
          transform: translateX(0px);
    }
}

@keyframes menulhs{
    0%{
        opacity:0;
        transform: translateX(100px);
    }

    100%{
          opacity: 1;
          transform: translateX(0px);
    }
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 400;
    margin-right: 25px;
    list-style-type: none;
    padding: 10px 25px 10px 15px;
    display: inline-block;
    width: 100%;
    margin: 0px;
    transition: all 0.4s;
}

.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
    transition: all 0.4s;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.ht-sticky-header .page-main-header { margin-top: 9em;}
.page-template-home-template.ht-sticky-header .top-bar-head {  background: transparent;}

header .navigation .mainmenu li a:hover::before, 
header div#navbarNavDropdown li.current_page_item a:hover::before, 
header .current_page_item > a:hover::before, 
header .navigation .mainmenu li.current_page_item a:hover::before, 
header .current_page_item > a:hover::before { width: 100%;}

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

header.site-header ul { margin: 0; text-align: right;}
.site-header {
    position: relative;
    z-index: 99;
    width: 100%;
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 0px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/
#header-part.fix-map-header {  height: 90px;}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

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

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 15px;  overflow: hidden;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {  float: left;  width: 50%;}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

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


/* = Navigation sticky header css
-------------------------------------------------------------- */
.top-bar-head {  position: absolute;  background: none;  width: 100%; padding: 5px 0em 0 0;}
.page-template-home-template .top-bar-head { position: absolute; padding: 5px 0em 0 0;}
.header-transparent .sticky-header { padding: 14px 0; text-align: right;}
.header-seo.header-transparent .is-fixed .main-bar ul { padding: 5px 0 10px; text-align: center;}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] { top: 10px; position: relative;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}
header button.share-icn { display: none;}
header .share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
    line-height: 0;
}
header .share-btn ul li{
    position: relative;
    overflow: hidden;
    /* padding: 0 18px; */
    display: inline-block;
    transition: all 0.2s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
}
header .share-btn ul li a.site-button{
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    display: block;
    background: none;
    border-radius: 8px;
    border-left: none;
    margin:0px 1px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.2s;
}
header .share-btn ul li a.site-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color:#000;
    border:2px solid #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
header .share-btn ul li a.site-button:hover:before, 
header .share-btn ul li a.site-button:focus:before, 
header .share-btn ul li a.site-button:active:before{  -webkit-transform: scale(1);   transform: scale(1);}

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

.header.site-header ul.sub-menu li a:before {
   content: "\f101";
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    right: -15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}
.header.site-header ul.sub-menu li:hover > a:before {right: 10%;opacity: 1;}
/*.header.site-header ul.sub-menu li:hover > a{padding-left: 25px;}*/

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

#ht-home-slider-section {
    position: relative;
    overflow: hidden;
    background: #1d62b8;
    padding: 1em 0;
}
/*#ht-home-slider-section .slider-shape{ height: 750px;}*/
#ht-home-slider-section .extraimg {
    position: absolute;
    top: 20%;
    text-align: center;
    left: 27%;
}
#ht-home-slider-section .cirimg {
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite;
}
#ht-home-slider-section .trangleimg {
    position: absolute;
    top: 200%;
    right: -12em;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 10s linear infinite;
}

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

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

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

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

#ht-home-slider-section .bx-wrapper { position: relative; padding-top: 5em;}
.ht-slide{  position: relative;}
.ht-slide-caption{
    position: absolute;
    bottom: 30%;
    width: 480px;
}
.ht-slide-cap-title{
    margin: 0px 0; 
    font-size: 48px;
    font-weight: 800;
    line-height: 52px;
    color: #fff;
    word-break: break-word;
    white-space: normal;
}
.ht-slide-cap-desc {
    color: #fff;
    padding: 15px 0 20px 0;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
}
#ht-home-slider-section .slideimgbx { position: relative;}
#ht-home-slider-section .sliderimg {
    background: url(images/backborder.png);
    border: none;
    right: 0%;
    float: right;
    /* z-index: 9; */
    position: relative;
    width: 625px;
    height: 625px;
    text-align: center;
}
.ht-slide img{
    width: 496px;
    height: 496px;
    border-radius: 50%;
    border: 8px solid #d33;
    top: 4em;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
/*------------------ btn ----------------------------*/

.ht-slide-caption ul {
    margin:0 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.ht-slide-caption ul li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: all 0.5s;
    text-align: center;
}

/*button 1*/

.sliderbtn .ht-slide-cap-descmore a{
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding: 14px 35px;
    border-radius: 50px 50px;
    color: #fff;
    background: #d33;
    transition: all 0.3s;
    cursor: pointer;
    margin-right: 20px;
    transition: all 0.4s;
    cursor: pointer;
    z-index: 9;
}
.sliderbtn .ht-slide-cap-descmore a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.sliderbtn .ht-slide-cap-descmore a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.sliderbtn .ht-slide-cap-descmore a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
.sliderbtn .ht-slide-cap-descmore a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}

/*second button */

.sliderbtn2 .ht-slide-cap-descmore2 a:hover{
    transition: all 0.4s;
    border:2px solid transparent;
}
.sliderbtn2 .ht-slide-cap-descmore2 a{
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 35px;
    border-radius: 50px 50px;
    color:#fff;
    transition: all 0.4s;
    background: none;
    border:3px solid #fff;
    cursor: pointer;
    z-index: 9;
}
.sliderbtn2 .ht-slide-cap-descmore2 a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.sliderbtn2 .ht-slide-cap-descmore2 a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.4s ease 0s;
}
.sliderbtn2 .ht-slide-cap-descmore2 a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
.sliderbtn2 .ht-slide-cap-descmore2 a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}

#ht-home-slider-section .bx-controls-direction{display: none;}

/*----------------------------------------*/
/* features Area
/*----------------------------------------**/

#features { position: relative; overflow: hidden;background: #e6eef7;}
#features .features-area { margin-bottom: 5em;transition: all 0.4s;}
#features .hi-icon { position: relative; text-align: center;width: 100%;}
#features .hi-icon i{
    font-size: 78px;
    margin: 0 auto;
    /*top: 15px;*/
    position: relative;
    transition: all 0.4s;
}

#features .hi-icon a:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 7px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    display: block;
}
#features .features-area:hover .hi-icon a:before{
    transform: translateX(0%) translateY(0%) !important;
    -webkit-animation: pulse-border 1000ms ease-out infinite;
    animation: pulse-border 1000ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) translateY(0%) translateZ(0) scale(1.5) ;
    opacity: 0;
  }
}

#features .pro_b-area-data { padding: 10px 5px; text-align: right;}
#features h4.inner-area-title {
    font-size: 26px;
    font-weight:500;
    color: #293049;
}
#features .section-area-text {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    color: #7f7f7f;
    font-weight: 500;
}

#features .fbox:nth-child(even) .lhsbx {float: right;}
#features .fbox:nth-child(even) .pro_b-area-data{text-align: left;}
#features .fbox:nth-child(odd) .hi-icon {float: left;}

/*----------------------------------------*/
/*  Service Area
/*----------------------------------------*/
.service-area {position: relative; overflow: hidden;}
.service-area .single-service{
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5em;
    transition: all 0.3s;
    background: #3ff;
    border-radius:20px;
}

.service-area .single-service .ser-img{  position: relative;overflow: hidden;}
.service-area .single-service .ser-img img{
    width: 100%;
    height: 270px;
    border-radius: 10px 10px 0 0;
    transition: all .7s linear;
}
.service-area .single-service:hover .ser-img img {
    transform: scale(1.1) rotateZ(-3deg);
    -moz-transform: scale(1.1) rotateZ(-3deg);
    -webkit-transform: scale(1.1) rotateZ(-3deg);
    -o-transform: scale(1.1) rotateZ(-3deg);
}
.service-area .sec-iocn{
    position: absolute;
    transition: all 0.3s;
    background: #000;
    left: -38px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 32px;
    border-radius: 50%;
    margin-top: -1.5em;
    overflow: hidden;
    border: none;
    display: inline-block;
}
.service-area .single-service .ser-olay{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #1d62b8;
    opacity: 1;
    height: 100%;
    position: absolute;
    width: 100%;
    right: 0%;
    top: -50%;
    bottom: 0;
    left: -10%;
    -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 .ser-olay {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.service-area .sec-iocn i{
    position: relative;
    transition:all .5s;
    color: #000;
    z-index: 2;
    left: 40px
}
/*.service-area .service-icon a i { transition: all 0.3s;}*/
.service-area .service-title-box { padding:1em 2em 1.5em 4em;}
.service-area .service-title-box h4 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 8px;
}
.service-area .single-service-bx {    
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}
.service-area .post-text { font-size: 18px; font-weight: 500;}

/*==========box-btn======*/
.service-area .servicesinnerbtn{display: none;}
.service-area .servicesbtn a {
    text-align: center;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.5s;
    padding:12px 20px;
    font-weight: 500;
    font-size: 18px;
    border-radius: 50px;
    color: #fff;
    background: #3c763d;
    transition: all 0.5s;
    display: block;
    cursor: pointer;
    z-index: 9;
}
.service-area .servicesbtn a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
.service-area .servicesbtn a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
.service-area .servicesbtn a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
.service-area .servicesbtn a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}


/*----------------------------------------*/
/*   About Area
/*----------------------------------------*/

#about { position: relative; overflow: hidden;}
#about .about-right-img.wow.zoomIn {  margin-top: 2em;}
#about .abttp {
    position: absolute;
    top: 0;
    right: 16%;
    text-align: right;
    font-size: 25px;
        -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
#about .abtmiddle{
    position: absolute;
    bottom: 10%;
    left: 5%;
    text-align: right;
    font-size: 20px;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
#about .abtbtm {
    position: absolute;
    bottom: 5%;
    right: 12%;
    text-align: right;
    font-size: 30px;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
#about .centerimg img{ 
    position: relative;
    border-radius: 50%;
    width: 460px;
    height: 460px;
    text-align: center;
    margin: 0 auto;
}
#about .centerimg .abtimg-brd:after{
    content: "";
    width: 520px;
    height: 520px;
    border-radius: 50%;
    /*border: 6px dotted #000;*/
    border-style: dotted;
    border-width: 6px;
    position: absolute;
    top: -6%;
    left: 0px;
    right: 0px;
    bottom: 0;
    margin: 0 auto;
    border-bottom-color: #fff;
    border-top-color: #fff;
    border-right-color: #d33;
    border-left-color: #d33;
    z-index: 1;
    transform: rotate(68deg);
    transition: all 0.8s ease 0s;
}
#about .centerimg .abtimg-brd:hover:after{ 
    transform: rotate(360deg);
    transition: all 0.8s ease 0s;
 
}
#about .section-heading h2{font-size: 40px;font-weight: 400;margin-bottom: 8px;}
#about .sub-hedding {position: relative;font-size: 20px;font-weight: 700;margin-bottom: 5px;}
#about .section-heading {   margin-bottom: 0em;}
#about .section-heading2{ font-size: 20px; font-weight: 500;}
#about .section-heading p{
    border-bottom: 3px solid #000;
    padding: 0 0 6px 0;
    margin-bottom: 1.2em;
    display: inline-block;
}
#about p.abttext {
    font-size: 18px;
    margin: 0;
    padding: 8px 0;
    line-height: 25px;
    font-weight: 400;
}
#about .aboutus-single{
    position: relative;
    overflow: hidden;
    box-shadow: 0px -1px 15px 8px rgb(0 0 0 / 4%);
    padding: 20px 10px;
    border-radius: 10px;
    margin-top: 1em;
}
#about .aboutus-single span{font-size: 50px; margin-top: 10px;}
#about .aboutus-single h4{font-size: 20px; margin: 0 0 5px 0;}
#about .aboutus-single p{font-size: 18px ;padding: 0;margin: 0;}
#about .readmore{  padding-left: 15px;}
#about .readmore a{
    margin-top: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 28px;
    border-radius: 50px 50px;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 9;
}
#about .readmore a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#about .readmore a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#about .readmore a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
#about .readmore a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}

/*----------------------------------------*/
/*   Team Section
/*----------------------------------------*/

#team{ position: relative; overflow: hidden;}
#team .teamtop i {
    position: absolute;
    top: 8%;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
    z-index: 0;
    font-size: 50px;
}
#team .teamtoprhs i { 
    position: absolute ;
    font-size: 50px;
    bottom: 5%;
    right: 24%;
    z-index: 0;
    animation-name: spin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
 }
 #team .teamdotrhs {
    position: absolute;
    right: 0;
    transform: rotate(90deg );
}
#team .teamdotrhs img{
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
}
#team .single-team {margin-bottom: 2em; position: relative;/*overflow: hidden;*/}
#team .our-team{transition: all 0.5s ease 0s;}
#team .our-team .single-team-img { /*overflow: hidden;*/ position: relative;text-align: center;}
#team .our-team .single-team-img img{border-radius: 50%; width: 280px; height: 280px;}
#team .our-team .tmimgbrd:after{
    content: "";
    width: 290px;
    height: 290px;
    border-radius: 50%;
    border: 10px solid #e6e5e5;
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    margin: 0 auto;
}

#team .our-team .tmimgbrd:after{
    border-top-color: #d33;
    border-right-color: #d33;
    border-bottom-color: #f3f;
    border-left-color: #f3f;
    z-index: 1;
    transform: rotate(85deg);
    transition: all 0.5s ease 0s;
}
#team .our-team:hover .tmimgbrd:after{ 
    transform: rotate(360deg);
    transition: all 0.5s ease 0s;
}
/*============*/
#team .team-con {
    position: relative;
    overflow: hidden; 
    padding: 18px 10px 0 10px;
    text-align: center;
}
#team .team-con h4{
    position: relative;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    padding-bottom: 4px;
}
#team .team-con h4:after{
   content: "";
    border-bottom: 1px solid #000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 25px;
    position: absolute;
}
#team .team-designation{
    position: relative;
    font-size: 16px;
    font-weight: 500;
}
#team .team-social-icon {
    position: relative;
    padding: 15px 10px;
    transition: all 0.4s;
}
#team .team-social-icon li {
    list-style: none;
    margin: 0 10px;
    display: inline-block;
    transition: all 0.4s;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50px;
    transition: all 0.2s ease 0s;
}
#team .team-social-icon li i{font-size: 16px;transition: all 0.1s ease 0s;}

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

#gallery {position: relative; overflow: hidden;background: #e6eef7;}
#gallery .Gallydotlhs {
    position: absolute;
    top: 48%;
    left: 0;
    transform: rotate(90deg );
}
#gallery .Gallydotlhs img {
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
}
#gallery .lz-gallery-images { margin-bottom: 0px;}
#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s;
}
#gallery .spa-gall img {
    width: 100%;
    height: 280px;
    border: 1px solid #fff;
    transition: all 0.5s;
}
#gallery .spa-gall:before, #gallery .spa-gall:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9;
}
#gallery .spa-gall:hover:before, #gallery .spa-gall:hover:after {
    background:#ffca2a;
    visibility: visible;
    opacity: 0.2;
}
#gallery .spa-gall:hover:before {
    width: 0;
    right: 50%;
    left: 50%;
}
#gallery .spa-gall:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
}

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

/*--------------------------------------------------------------
## Call Now Section  ##
--------------------------------------------------------------*/
#call-now-section{ position: relative; overflow: hidden;}
#call-now-section .olay{
    position: absolute;
    background: #fff;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0%;
    opacity: 1;
    /*background: url(images/callbg.jpg) no-repeat;*/
    background-position: top;
    background-size: cover;
    clip-path: polygon(79% 0, 0 0, 0 100%, 76% 100%, 50% 53%);
}   
#call-now-section .right-bx h2{
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 23px;
    margin-left: 1em;
}
#call-now-section .callph a{
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 40px;
    font-weight: 800;
    border: 1px solid #000;
    padding: 18px 18px;
    border-radius: 15px;
    transition: 0.5s;
}
#call-now-section .callph a i {
    padding-right: 8px;
    font-size: 54px;
    font-weight: 800;
    top: 7px;
    position: relative;
    transition: 0.5s;
}
#call-now-section .callph a:hover i{transform: rotate(70deg);transition: 0.5s;}
#call-now-section .callbx{margin-top: 4em;}
#call-now-section .callnw-inn{ display: inline-block;}
#call-now-section .callnw-inn li {
    position: relative;
    overflow: hidden;
    list-style: none;
    font-size: 19px;
    margin: 5px 0;
}
#call-now-section .callnw-inn li:before {
    content: "\f046";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#call-now-section .titlebx {
    position: relative;
    /*overflow: hidden;*/
    z-index: 2;
    width: 250px;
    height: 250px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    left: 1em;
}
#call-now-section .titletab{
    position: absolute;
    background: red;
    border: 12px solid #000;
    width: 250px;
    height: 250px;
    line-height: 300px;
    border-radius: 50%;
    z-index: 0;
    /*transform: rotate(45deg);*/
    transition: all 0.4s ease 0s;
}

#call-now-section .titletab:hover {transition: all 0.4s ease 0s; transform: rotate(35deg);}
#call-now-section .title{
    position: relative;
    top: 1.5em;
    font-size: 45px;
    color: #3ff;
    font-weight: 600;
}
/*----------------------------------------*/
/*   Counter Area
/*----------------------------------------*/
.counter-area {position: relative;overflow: hidden;}
.counter-area .counter-single-area{text-align: center;}
.counter-area .cd-single {
    background: url(images/counterbg.png) no-repeat;
    position: relative;
    z-index: 5;
    overflow: hidden; 
    padding: 10px;
    margin-bottom: 1em;
}
.counter-area .cd-num {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    transition: all 0.4s ease 0s;
    margin-top: 25px;
}
.counter-area .cd-title {
    font-size: 23px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0;
    text-align: center;
    word-break: break-word;
}
.counter-area .count-box {
    position: relative;
    overflow: hidden;
    background: #D33;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    margin: 20px;
}
.counter-area .cd-single:hover .spinner {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*----------------------------------------*/
/*  Testimonials Area
/*----------------------------------------*/
#testimonials .wrap { position: relative;}
#testimonials .circle-donut {
    width: 230px;
    height: 67px;
    border-radius: 74%;
    border-top: 20px solid #1d62b8;
    border-bottom: none;
    border-right: none;
    border-left: none;
    transform: rotate(-35deg);
    position: absolute;
    top: 3em;
    left: 0em;
}
#testimonials .circle-donut-rhs{
    width: 333px;
    height: 105px;
    border-radius: 50%;
    border-top: 20px solid #1d62b8;
    border-bottom: none;
    border-right: none;
    border-left: none;
    transform: rotate(22deg);
    position: absolute;
    top: 1em;
    right: 0em;
}
#testimonials {
    position: relative;
    overflow: hidden;
    background: #e6eef7;
}
#testimonials .testimonials-single-area { position: relative; overflow: hidden;}
#testimonials .owl-carousel{display: block;}
#testimonials .tsdotlhs{
    position: absolute;
    top: 48%;
    left: 0;
    transform: rotate(90deg );
}
#testimonials .tsdotlhs img {
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
}
#testimonials .tstop i {
    position: absolute;
    font-size: 50px;
    top: 8%;
    right: 12%;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
    z-index: 0;
}
#testimonials .ts-area-single { margin: 1em 10em 0 10em;}
#testimonials .ts-inn {
    border-radius: 100% 120% 158% 68% / 140% 100% 127% 80%;
    background: #1d62b8;
    position: relative;
    padding: 7em 7em;
    /* width: 808px; */
    margin: 0 auto;
}
#testimonials .ts-area-thumb img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100px;
    height: 100px;
    line-height: 150;
    border-radius: 50% 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.testimonials-area .ts-area-content {  padding: 1em 2em;}
.testimonials-area h6.ts-area-title {
    color: #6f7071;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    padding-top: 10px;
}
.testimonials-area .text-designation{
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 24px;
}
.testimonials-area .ts-area-content p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
#testimonials .ts-inn i {
    position: relative;
    font-size: 105px;
    margin-bottom: -1em;
    bottom: 1em;
    float: right;
    z-index: 0;
}
.testimonials-area .owl-dots { margin-top: 2em;}
#testimonials .owl-theme .owl-dots .owl-dot span {
    width: 26px;
    height: 26px;
    margin: 5px 8px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px;
    opacity: 1;
    background: #fff;
    transition: all 1s ease 0s;
}
#testimonials .owl-theme .owl-dots .owl-dot.active span,
#testimonials .owl-theme .owl-dots .owl-dot span:hover{transition: all 1s ease 0s;}
#testimonials .owl-dots button{ box-shadow:none;}
#testimonials .owl-theme .owl-nav{ display: none;}

/*----------------------------------------*/
/*  Contact Area
/*----------------------------------------*/
.contact-area{ position: relative;overflow: hidden; }
.contact-area .heading-bx h2{ font-size: 60px; font-weight: 700; text-align: right;}
.contact-area .detailbox{
    background: #fff;
    border-radius: 15px; 
    padding: 2em 1em;
    /*box-shadow: 0px 6px 4px 5px rgb(0 0 0 / 5%);*/
    position: relative;
    display: block;
}
.contact-area .detailbox:before {
    position: absolute;
    z-index: 0;
    content: '';
    bottom: -5em;
    right: 4em;
    border-style: solid;
    border-width: 5em 2.3em 0 2.3em;
    border-color: #9e3737 transparent transparent transparent;
}
.contact-area .detailbox p{font-size: 19px;font-weight: 600;margin-top: 8px;}
.contact-area .detailbox-inn {
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
}
.contact-area .detailbox img{ margin: 0 auto;}
.contact-area .detailbox .dbxi {
    width: 40px;
    line-height: 40px;
    height: 40px;
    background: #f3f;
    text-align: center;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}
.contact-area .detailbox .detailbox-inn:hover .dbxi:after{display:block; transition: all 0.4s;}
.contact-area .detailbox .dbxi:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    display: none;
    width: 40px;
    height: 40px;
    background: #f3f;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.contact-area .contact-r { float: right;}

/*----------------------------------------*/
/*  Blog Area
/*----------------------------------------*/
.blog-area {position: relative; overflow: hidden;}
.blog-area .bltop i {
    font-size: 50px;
    position: absolute;
    top: 8%;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
.blog-area  .blog-post{ padding: 0 1.5em;}
.blog-area .bltoprhs img { 
    position: absolute ;
    top: 8%;
    right: 12%;
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
 }
.blog-area .box-area-S {
    margin-bottom: 1.5em;
    padding: 0;
   /* box-shadow: 0px 6px 4px 5px rgb(0 0 0 / 5%);*/
    position: relative;
}
.blog-area .blog-single {
    background: #f5f6fb;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 1px 0px 3px rgb(0 0 0 / 5%);
}
/*===image===*/
.blog-area .blog-thumbnail{
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 300px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.blog-area .box-bxinn:hover .blog-thumbnail img{  transform: scale(1.1);}
.blog-area .blog-thumbnail .ovrly {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3ff;
    opacity: 0.2;
    height: 100%;
    position: absolute;
    width: 100%;
    right: -50%;
    top: -50%;   
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.blog-area .box-bxinn:hover .ovrly {
     -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.blog-area .mdate {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    text-align: center;
    border-radius: 5px;
    background: #f3f;
    display: inline-block;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 8px;
    width: 34%;
}

/*===icon===*/
.blog-area .blather {  border-top: 1px solid #000;}
.blog-area .blog-thumbnail i{
    position: absolute;
    top: 50%;
    left: 0%;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    color: #20638f;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: none;
    border: 3px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
     -webkit-transform: translate(-100%, -50%) rotate(-180deg);
    transform: translate(-100%, -50%) rotate(-180deg);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.blog-area .box-bxinn:hover .blog-thumbnail i{
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1;
}
.blog-area .inner-area-title { 
    position: relative;   
    font-size: 19px;
    font-weight: 600;
    word-break: break-word;
    margin-bottom: 10px;
    line-height: 30px;
}
.blog-area .b-ather {
    border-top: 1px solid #000;
    padding-top: 1em;
    font-size: 15px;
}
.blog-area .b-ather i{padding-right: 5px;}
.blog-area .at1{text-align: left;}
.blog-area .com1{text-align: right;}
.blog-area .section-area-text {
    display: none;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    z-index: 1;
    margin: 2.3em 0;      
}

/*======================================================*/
/* products Section */
/*======================================================*/
#product-section{ position: relative; overflow: hidden;}
#product-section .prodtop i {
    font-size: 50px;
    position: absolute;
    top: 13%;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
   
}
#product-section .prodtoprhs img { 
    position: absolute ;
    top: 5%;
    right: 12%;
    
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
 }

#product-section .product-image img{  width: 100%;  height: 250px;}
#product-section .owl-carousel{display: block;}
#product-section .product-grid .add-to-cart{
    color: #161616;
    font-size: 22px;
    transition: all 0.3s;
    font-weight: 600;
}
#product-section .product-grid{
    transition: all 1s ease 0s;
    padding: 7px;
    background: #f3f;
}
#product-section .product-content {
    padding:10px 10px 10px 10px;
    transition: all 0.3s ease 0s;
    text-align: center;
    margin-bottom: 0px;
}
#product-section .product-grid .price{
    color: #ffffff;
    font-size: 16px;
    background: #212121;
    padding: 5px 10px;
    font-weight: 600;
}
#product-section .product-grid h3.title {
    color: #151515;
    font-size:21px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    word-break: break-word;
    letter-spacing: 1px;
}
#product-section .product-grid del {
    color: #bababa;
    font-size: 21px;
    font-weight: 500;
}
#product-section ins{
    background: transparent;
    font-size: 21px;
    color: #222222;
    font-weight: 500;
    padding-left: 10px;
}
#product-section .readmore a {
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 24px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.5s;
    background: #000;
    cursor: pointer;
    margin: 1em 0;
    transition: all 0.5s;
    z-index: 9;
}
#product-section .readmore a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#product-section .readmore a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#product-section .readmore a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
#product-section .readmore a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}
/*=============------------========*/
#product-section .owl-dots { display: block; margin-top: 2em;}
#product-section .owl-theme .owl-nav{  display: none;}
#product-section button.owl-dot {box-shadow: none !important;}
#product-section .owl-theme .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50px;
    opacity: 1;
    background: #d33;
    transition: all 1s ease 0s;
}
#product-section .owl-theme .owl-dots .owl-dot.active span,
#product-section .owl-theme .owl-dots .owl-dot span:hover{
    transition: all 1s ease 0s;
}

#product-section .owl-theme .owl-dots .owl-dot span:hover, 
#product-section .owl-theme .owl-dots .owl-dot.active span {
    background-color: #0c3c00;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative; overflow: hidden;}
.footer-area .f-oly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    /*background: #1546af;*/
}
.footer-area li {display: block;margin-bottom: 4px;font-size: 15px;font-weight: 500; }
.footer-area li a {
    font-weight: 500;
    text-decoration: none;
    font-size: 19px;
    line-height: 25px;
}
.footer-area .gallery-item {max-width: 48.33%;padding-right: 13px;padding-bottom: 13px;}
.footer-area li:before {
    content: "\f192";
    font-family: 'Fontawesome';
    font-size: 18px;
    padding-right: 10px;
}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 15px;
    /*text-align: left;*/
}
.footer-area .current_page_item > a:before{display: none;}
.footer-area .current_page_item > a{ background: none;  font-weight: 500;}
footer#footer.footer-area .widget-title {   
    color: #feffff;
    margin-bottom: 1em;
    font-family: inherit;
    font-size: 28px;
    font-weight: 600;
}
.footer-area .social-profile-icons ul li:before{ display: none;}
.footer-area .widget {margin-bottom: 1em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {margin-top: 0px; position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}
.footer-text{padding-top: 1em;}
.footer-text, .footer-text a,.trrms-policy { font-size: 16px;  font-weight: 400;}
.footer-area .bottom-area .footer-link { text-align: right;}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid;
    font-size: 15px;
    height: 45px;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"] {  
    background: none;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
 .footer-area .widget_calendar tfoot tr td a, 
 .footer-area .s-footer .textwidget p a { background: none;}
.footer-area input[type="submit"]{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #e1e1e1;
    transition-duration: 0.3s;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 700;
    color: #1d62b8;
    border-radius:50px 50px;
    position: relative;
    z-index: 1;
    margin: 0;
}
.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 .top-area { padding: 0 0 3em;}*/
.footer-area label{ font-weight: 600;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 600;}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area .footer-social li:before{display: none;}
.footer-area .footer-social { text-align: right;}
.footer-area .social-profile-icons ul{ margin: 0;}
.footer-area .footer-social li,
.footer-area .social-profile-icons ul li { display: inline-block;}
.footer-area .footer-social li i,
.footer-area .social-profile-icons i.fa {    
    text-align: center;
    font-size: 14px;
    margin: 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: none;
    border-radius: 50%;
    transition: all 0.4s;
}
.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{ filter: grayscale(10);}
.footer-area p span {color: #fe900f;font-weight: 400;}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.s-footer{ float: left;}
.single-footer-1 { text-align: center;}
.single-footer-4,
.single-footer-2,
.single-footer-3{margin-top: 1em;}
.footer-area .widget_recent_entries ul li {line-height: 25px;}
.footer_area-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer_area-img { padding-top: 10px;}
.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}

.footer_facility-text i.fa {
      padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
/*----------------------------------------*/
/*  05. Testimonials Page
/*----------------------------------------*/
#innerpage-box .ts-area-single,
#testimonials .tsareasingleinn {display: none;}

#innerpage-box .innertest-item {
    position: relative;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 1.8em;
    float: left;
}
#innerpage-box .tsareasingleinn i {
    position: absolute;
    right: 10%;
    font-size: 50px;
    color: #ada9a9;
    bottom: -20px;
    transition: all 0.4s;
}
#innerpage-box .tsarea-inn {
    border-top: 0px solid #000;
    position: relative;
    /*overflow: hidden;*/
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding:2em 3em 5em 3em;
    transition: all 0.2s;
}
#innerpage-box .tsarea-inn:hover{ border-top: 4px solid #000; transition: all 0.2s;}
#innerpage-box .tsimg-inn { position: relative; margin-left: 2em; margin-top: -5em;}
#innerpage-box .tsimg-inn .ts-area-thumb {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    top: 0;
    right: 0   ;
}
#innerpage-box .tsimg-inn li {  list-style: none;  display: inline-block;}
#innerpage-box .tsimg-inn .ts-area-thumb img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 1;
}
#innerpage-box .tsimg-inn .tsimg-brd:after {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
}

#innerpage-box .tsimg-inn .tsimg-brd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 0px;
    bottom: 10px;
    border-radius: 50%;
    z-index: 1;
    border: 12px solid #d33;
    border-top: 0;
    border-right: 0;
}
#innerpage-box .tsimg-inn .detailbx { margin-left: 1em; position: absolute; top: 0;}
#innerpage-box .tsimg-inn .detailbx h5{font-weight: 600; margin: 6px 0 ;}
#innerpage-box .tsimg-inn .text-designation {font-size: 14px;font-weight: 500;}

/*----------------------------------------*/
/*  Inner team page
/*----------------------------------------*/

#innerpage-box .our-team ul li:before{display: none;}
#innerpage-box{ position: relative; overflow: hidden;}
#innerpage-box .teamtop img {
    position: absolute;
    top: 8%;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
    z-index: 0;
}
#innerpage-box .teamtoprhs img { 
    position: absolute ;
    bottom: 5%;
    right: 24%;
    z-index: 0;
    animation-name: spin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
 }
 #innerpage-box .teamdotrhs {
    position: absolute;
    right: 0;
    transform: rotate(90deg );
}
#innerpage-box .teamdotrhs img{
    animation-name: tada;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
}
#innerpage-box .single-team {margin-bottom: 2em; position: relative;/*overflow: hidden;*/}
#innerpage-box .our-team{transition: all 0.5s ease 0s;}
#innerpage-box .our-team .single-team-img { /*overflow: hidden;*/ position: relative;text-align: center;}
#innerpage-box .our-team .single-team-img img{border-radius: 50%; width: 280px; height: 280px;}
#innerpage-box .our-team .tmimgbrd:after{
    content: "";
    width: 290px;
    height: 290px;
    border-radius: 50%;
    border: 10px solid #e6e5e5;
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    margin: 0 auto;
}

#innerpage-box .our-team .tmimgbrd:after{
    border-top-color: #d33;
    border-right-color: #d33;
    border-bottom-color: #f3f;
    border-left-color: #f3f;
    z-index: 1;
    transform: rotate(85deg);
    transition: all 0.5s ease 0s;
}
#innerpage-box .our-team:hover .tmimgbrd:after{ 
    transform: rotate(360deg);
    transition: all 0.5s ease 0s;
}
#innerpage-box .team-con {
    position: relative;
    overflow: hidden; 
    padding: 18px 10px 0 10px;
    text-align: center;
}
#innerpage-box .team-con h4.inner-area-title{
    position: relative;
    font-weight: 700;
    margin-bottom: 6px;
    padding-bottom: 4px;
}
#innerpage-box .team-con h4.inner-area-title:before{
   content: "";
    border-bottom: 1px solid #000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 25px;
    position: absolute;
}
#innerpage-box .team-designation{
    position: relative;
    font-size: 16px;
    font-weight: 500;
}
#innerpage-box .team-social-icon {
    position: relative;
    padding: 15px 10px;
    transition: all 0.4s;
}
#innerpage-box .team-social-icon li{list-style: none;display: inline-block;}
#innerpage-box .team-social-icon li a{
    margin: 0 10px;
    display: inline-block;
    transition: all 0.4s;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    background: #3dd;
}
#innerpage-box .team-social-icon li i{font-size: 16px;transition: all 0.1s ease 0s;}
#innerpage-box .team-social-icon li a:hover i{ 
    transition: all 0.3s ease 0s;
    transform: rotate(-15deg);
 }

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

/*fancybox.css*/

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

/*end*/
/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#gallery .gallinn,
#innerpage-box .spa-gallimg{display: none;}
#innerpage-box .lz-gallery-images { margin-bottom: 0px;border: 1px solid #f3f;}
#innerpage-box .spa-gall {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    /*border-radius: 40px 40px;*/
    /*border: 8px solid #65e689;
    border-left: none;
    border-right: none;*/
}

/*==================img==================*/
#innerpage-box .spa-gall img {
    position: relative;
    transition: 0.5s ease-in-out;
    width: 100%;
    height: 300px;
}
#innerpage-box .gallinn .spa-gall img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#innerpage-box .gallinn:hover .spa-gall img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#innerpage-box .gallinn .overlay {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    border-radius: 5px;
    background: #769e36;
    transition: all .4s ease;
}
#innerpage-box .gallinn:hover .overlay {
    opacity: 0.5;
}
/*======icon====*/
#innerpage-box .gallinn .spa-gall a:hover{background: none !important;}
#innerpage-box .gallinn .spa-gall a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
#innerpage-box .gallinn .spa-gall i {
    position: absolute;
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    opacity: 0;
    background-image: linear-gradient(36deg,#6a951f 50%,#4c7815 51%);
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    content: '';
    border-radius:0 0 20px 20px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.5s ease;
    opacity: 0; 
    text-align: center;
    margin: 0 auto;
    z-index: 2;
}

#innerpage-box .gallinn .spa-gall:hover i,
#innerpage-box .gallinn .spa-gall:hover:after{
    opacity: 1;
    transition: all 0.5s ease;
}
/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/
#innerpage-box  .single-service-bx { position: relative;  margin-bottom: 5px;padding: 0 20px;}
#innerpage-box .single-service{  transition: all 0.4s; position: relative;overflow: hidden;}
#innerpage-box .service-title-box{
    position: relative;
    /*overflow: hidden;*/
    background: #1d62b8;
    padding: 20px 0px 0 20px;
    transition: all 0.6s;
    border-radius: 0 0 20px 20px;
    clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0% 100%);
    top: -1em;
    right: -1px;
    margin-left: -1px;
}
#innerpage-box .service-title-box h4{padding-left: 10px;}
#innerpage-box .single-service-bx .service-icon { position: relative; overflow: hidden;}
#innerpage-box .single-service-bx .service-icon img {
    transform: scale(1);
    transition: all .5s ease 0s;
    width: 100%;
    height: 300px;
    border-radius: 20px 20px 0 0;
}
#innerpage-box .single-service:hover .service-icon img {
    transform: scale(1.2);
    transition: all .5s ease 0s;
}
#innerpage-box .single-service-bx p {  display: none; }
#innerpage-box .single-service .servicesbtn{ display: none; }
#innerpage-box .servicesinnerbtn { text-align: right; padding: 0;}
#innerpage-box .servicesinnerbtn a{
    text-align: center;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 15px 0 0 0px;
    color: #000;
    transition: all 0.6s;
    background: #fff;
    cursor: pointer;
    z-index: 9;
}
#innerpage-box .servicesinnerbtn a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#innerpage-box .servicesinnerbtn a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0;
    border-style: solid;
    z-index: -1;
    transition: all 0.6s ease 0s;
}
#innerpage-box .servicesinnerbtn a:hover:before{
    border-width: 180px 0 0 180px;
    border-color: #f3f;   
    width: 50%;
}
#innerpage-box .servicesinnerbtn a:hover:after{
    border-width: 0 180px 180px 0;
    border-color: #f3f;
    width: 51%;
}

/*-----------------------
## 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: 12px 20px;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgb(0 0 0 / 40%);
    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: "\f14a";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 20px;
    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;
}

/*-----------------------
## Contact Template
-----------------------------*/
#ht-contactus-wrap .Address_area h6:after,
#innerpage-box #ht-contactus-wrap h2:after,
#innerpage-box .confm h1:after,
#innerpage-box .Address_area h1:after{ display: none !important;}
#ht-contactus-wrap .contact-page-form { text-align: center;}
#ht-contactus-wrap .contact-page-form { text-align: left;}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"],
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"], 
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"], 
#ht-contactus-wrap select, 
#ht-contactus-wrap textarea {
    margin-bottom: 2em;
    border: none;
    font-size: 14px;
    padding: 15px 15px;
    border-radius: 0;
    /*background-color: transparent;*/
}
#ht-contactus-wrap .address-c-box{ border-radius: 0px 0 0 0;  padding: 2em 1.5em;}
#ht-contactus-wrap input[type="file"] { font-size: 14px;}
#ht-contactus-wrap textarea { height: 200px;}
#ht-contactus-wrap label { font-weight: 400; width: 100%;}
#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;}
#ht-contactus-wrap .contact-label h2{ font-weight: 700 !important; margin: 0 0 5px 0px !important;}
#ht-contactus-wrap input[type="submit"] {  padding: 15px 30px; width: 100%;border-radius: 0;}
#ht-contactus-wrap .Address_area{ background: #4b91f1; padding: 0 1em 2em 1em;   }
#innerpage-box .Address_area h6{margin: 0 !important;letter-spacing: 1px;}
#innerpage-box .Address_area h1 { font-weight: 700 !important; margin: 15px 00 !important;}
#innerpage-box .confm h1{font-weight: 700 !important;margin-bottom: 10px !important;}
#innerpage-box .Contact_area_text { font-size: 16px; color: #777777; padding: 0 10px;}
#ht-contactus-wrap .contact_l_area i { font-size: 40px;transition: all 0.3s;}
#ht-contactus-wrap .contact_l_area {padding-top: 15px;  text-align: center;}
#ht-contactus-wrap .contact-info{ margin-top: 10px;color: #bebebe;font-size: 16px;}
#ht-contactus-wrap .contact_area { margin-bottom: 1em;transition: all 0.3s;}
#ht-contactus-wrap .contact_area:hover .contact_l_area i{
    transition: all 0.3s;
    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-contactus-wrap .contact-info p{ margin: 0;}
#ht-contactus-wrap p{line-height: 30px !important;}
#ht-contactus-wrap .contactus-img img { width: 100%; height: 100%; border-radius: 0 10px 0 0;}
#ht-contactus-wrap .contact-mapbox {   margin-top: 5em;}
.contact-mapbox { width: 100%;}
.contact-mapbox iframe {  z-index: 1; width: 100%; height: 350px;}

/*-----------------------
## Shop page
-----------------------------*/
.archive .ht-main-title {  margin: 0em 0 0.5em;  padding: 0.5em 0 0;word-break: break-word;}

/*-----------------------
## FAQS page
-----------------------------*/
#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    padding: 15px 5px 15px 0px;
    margin: 0;
    /* background: #fff; */
    box-shadow: none;
    border-radius: 4px;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    /*background-color: #ddd;*/
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
    content: "\f0fe";
    font-family: 'Fontawesome';
    font-size: 22px;
    color: #000;
    float: right;
    position: absolute;
    margin: 0px 0 0 18px;
    font-weight: normal;
    /*line-height: 45px;*/
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f146";
    font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0 0 10px;
    border-top: 0;
    /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat; */
    border: none;
    padding: 10px 30px 10px 25px;
    /* border-left: 3px solid #3fff; */
    border-radius: 0 0px 10px 10px;
    background: #eaeaea;
}
div#content-box .faq-content div.panel p{  font-size: 15px ;  margin:0 0 10px;}
div#content-box .faq-content div.panel.show {  opacity: 1;  max-height: 500px;  }
main#innerpage-box div#content-box h3.faq-title {
    padding: 0 60px;
    margin: 0;
    font-weight: 600;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
    font-size: 18px;
}
#content-box .faq_bm h2:after,
main#innerpage-box div#content-box h3.faq-title:after {  display: none !important;}
#content-box .faq_bm{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #f3f3;
    padding: 2em 2em;
}
#content-box .faq_bm h2{ font-weight: 700 !important;}
#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: 2em;
    border: none;
    font-size: 14px;
    padding: 15px 15px;
    border-radius: 0;
    background-color: #3dd;
}

#content-box .faq-form textarea { height: 100px;}
#content-box .faq-form input[type="submit"]{
    font-size: 16px;
    padding: 15px 35px;
    border-radius: 4px;
    font-weight: 600;
}
/*-----------------------
## 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;}

article.slider{height: auto;}
/* Catalogue slider Start */
.slider {width: 86%;position: relative;height: 380px;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;
    /* padding: 2px; */
    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;
    /*margin-top: 30px;*/
}

#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;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/
.widget-area form#searchform:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
}
.widget-area form#searchform input[type="submit"] {
    float: right !important;
    position: absolute!important;
    
    text-indent: -999px !important;
    background: none;
    padding: 9px 24px 9px 25px !important;
    margin-top: 1%;
    right: 11%;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    width: 0% !important;
    z-index: 999 !important;
    box-shadow: none;
}
.widget-area form#searchform:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    color: #010101;
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
}
/*error end*/
.home-page { padding: 0 0 30px 0;}
#innerpage-box{  padding:0 5px;}
.innerpage-whitebox{  padding: 0 1em;}
#content-box h4{  margin: 20px 0 5px 0; }
#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}

#content-box ol ol ,
#content-box ul ul {   margin-left: 15px !important;}

#innerpage-box .widget .menu li a:before,
#content-box ul li:before {
    content: "\f14a";
    font-family: 'Fontawesome';
    font-size: 20px;
    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:"\f14a";
    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 ; line-height: 25px;}
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: 20px;
    font-weight: 600;
    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-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;}
.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;
    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: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}
.error404 .oops-text{
    text-align: center;
    position: relative;
    display: block;
}
.oops-text.sometext{
    text-align: center;
    font-size: 44px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 21px;
}
.toggle-bar{  display: none;}
.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 150px;
}
@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 {
    overflow: hidden;
    width: 40px;
    height: 32px;
    border-radius: 0px 50px 50px 0;
    /* border-radius: 78% 30% 58% 46% / 72% 40% 72% 41%; */
    z-index: 999;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 12px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding: 1px 0px 0px 0px;
    text-decoration: none;
    background: #d33;
    
}
/*#back2Top:hover {
    background-color: transparent;
    color: #fff;
}*/
#innerpage-box p {
    margin-bottom: 24px;
   
    color: #ffffff;
    line-height: 24px;
    font-weight: 400;
    word-break: break-word;
    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 li { font-size: 15px;}
.sidebar_list {  margin-top: 1em;}
div#secondary caption {  padding-top: 12px;  padding-bottom: 12px;}
div#secondary .widget_calendar table { margin: 0; padding: 0;}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li { border-bottom: none;}
.widget-area .woocommerce ul.cart_list li, 
.widget-area .woocommerce ul.product_list_widget li {  padding: 12px 12px 12px;}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    padding: 0px 0 8px;
}
.widget-area .woocommerce ul.cart_list li img, 
.widget-area .woocommerce-page ul.cart_list li img, 
.widget-area .woocommerce ul.product_list_widget li img, 
.widget-area .woocommerce-page ul.product_list_widget li img { width: 74px; height: 74px;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {  font-size: 14px;  color: #666;}
.widget-area .woocommerce ul.product_list_widget li img:hover {   opacity: 0.8;}
.widget-area .woocommerce .widget_shopping_cart_content p {
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating { height: 3em;}
.woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0; float: left;}
div#blog-box.innerpage-whitebox { padding: 0; 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 .ht-blog-thumbnail img {  width: 100%;  height: 100%;}
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: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}
#innerpage-box #secondary.widget-area  {
    display: block;
    background: #f1f5f8;
    padding: 0 1em;
    border-radius: 5px;
    border: 1px solid #ccc;
}
#secondary.widget-area ul{padding: 0 0 3px 0;}
/*-----------------------
## 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 1em; border-radius: 10px;}
#innerpage-box .inner-blogpost {
    position: relative;
    margin-bottom: 2em;
}
main#innerpage-box .ht-blog-thumbnail { overflow: hidden; position: relative;}
main#innerpage-box .blog-date {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 350px;
    transform: scale(1);
    transition: all 1s ease 0s;
    border-radius: 8px;
}
main#innerpage-box .inner-blogpost:hover img {  transform: scale(1.1);}
#innerpage-box .inner-blogpost-info {
    padding: 2.5em 3em 1em 2em;
    position: relative;
    overflow: hidden;
    box-shadow: -1px 0px 9px rgb(152 152 131 / 20%);
    background: #fff;
    margin: -11em 1em 1em 1em;
    border-radius: 6px;

}
#innerpage-box .innblog-catg {
    position: relative;
    top: -10em;
    left: 2.5em;
    background: #d33;
    border-radius: 50px;
    padding: 3px 20px;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}
#innerpage-box .innblog-catg a{font-size: 15px ;font-weight: 600;}
main#innerpage-box #blog-box .inner-blogpost-info:before {
    position: absolute;
    top: -90%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #dfdede;
    border-radius: 14px;
    content: "";
    /*z-index: 1;*/
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(0px);
    opacity: 0;
}

main#innerpage-box #blog-box .inner-blogpost:hover .inner-blogpost-info:before {
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
}
main#innerpage-box #blog-box h2 {
    margin-bottom: 10px;
    font-weight: 600;
    word-break: break-word;
    position: relative;
    padding: 0 0 1em 0;
}
main#innerpage-box #blog-box h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 6px;
    width: 100%;
    background: url(images/border-shape-2.png) repeat-x center; 
}
.inner-blog-excerpt {
    display: none;
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
main#innerpage-box #blog-box .innblogbtn {  margin-top: 1.3em;}
main#innerpage-box #blog-box .innblogbtn a{
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
main#innerpage-box #blog-box .innblogbtn a:hover {letter-spacing: 1px;transition: .5s;}
main#innerpage-box #blog-box .innblogbtn a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 9px;
    height: 1px;
    width: 21px;
    background-color: #d33;
}

/*-----------------------
## Blog category Page 
-----------------------------*/
.inner_contentbox {  position: relative;   margin: 2em 0;}
.inner_contentbox .ereinn{padding: 5em 0;}

/*--------------------------------------------------------------
## 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;
    margin-top: 10px;
}
#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);
}
 #innerpage-box .widget-area .widget-title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    background-color: transparent;
    margin: 0 0 10px 0;
    padding-bottom: 0px;
    /* border-bottom: 2px solid #e5e5e5; */
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
}
/*.widget-area .widget h4:after {
    position: absolute;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
}*/
main#innerpage-box .widget-area .tagcloud{padding: 10px 0;}
main#innerpage-box .widget-area .tagcloud a {
    margin: 3px 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 50px;
    background: #fff;
    padding: 10px 15px;
}
.widget-area .tagcloud { list-style: none; padding: 0; margin: 0;}
.widget-area .textwidget {  /*border: 1px solid #eaeaea; */ padding: 10px;}
.widget-area li span.post-date { margin-bottom: 1em; padding-bottom: 15px;position: relative; display: list-item;}
.widget-area .widget_media_image img { padding: 10px; margin: 0; border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 { padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 .gallery-item a{  padding: 0;}
.widget-area div#calendar_wrap { padding: 0px 15px 15px; margin: 0; border: 1px solid #eaeaea;}
.widget_calendar table { border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { width: 100%; /*border: 1px solid #eaeaea; padding: 10px;*/}
.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: 3px 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;}
/*--------------------------------------------------------------
## 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 #reviews #comments ol.commentlist li { margin: 15px 0;}
.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 {
 /*border-bottom: 1px solid #6a1b9a !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{ border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title { font-weight: 600;}
.woocommerce ul.products li.product a img{ border: 5px solid #f1f0f0 !important; /*height: 230px;*/}
.woocommerce div.product div.images img {  border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{  padding: 20px 10px 0;}
.woocommerce ul.products li.product a{ color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{  margin: 5px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li{  padding: 5px;}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0;
}
.woocommerce ul.products li.product .price del{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{ display: inline; font-weight: 400;}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals { float: right; width: 100%;}
.woocommerce-MyAccount-navigation ul li:before{  display: none;}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0px 20px;
}
.woocommerce-MyAccount-navigation ul li{ margin: 5px 0 !important;}
.woocommerce-MyAccount-navigation-link.is-active a{  color:#000 !important;}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background: #333;
   /* border:1px solid #333;*/
    color: #FFF;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color:#fff !important;
}
.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 30px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 30px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.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;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{  width: 100%;}
.related.products h2{  margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{ background: #333;  color: #FFF;}

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

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

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

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

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{ font-weight: 400;}
#customer_details{ margin-bottom: 40px;}

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

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

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{ padding-top: 4px;}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{  font-weight: 400;}
.woocommerce a.remove{ font-family: Arial; font-weight: normal;}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 8px;}
.woocommerce .widget_layered_nav ul li{ padding: 5px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #FFF; 
    border: 4px solid #fe5722;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{  list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{  background: none;}
.woocommerce ul.products li.product strong { display: inline-block;}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
/*main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}*/
ul.themetext {
    margin: 0;
    padding: 0;
    list-style: none;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title { margin: 0;}
div#content li.blocks-gallery-item:before {  content: none;}
div#content li.blocks-gallery-item { padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover { opacity: 0.5;}
.single_post .post-date-publishable { margin-bottom: 15px; padding: 0 10px 0 0;}
.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;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
     transform: scale(1.05);
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    padding-top: 40px;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{
    padding-bottom: 30px;
}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}
.woocommerce #reviews #comments ol.commentlist li {
    display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
}
/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as {
    display: block;
    font-weight: 400;
    line-height: 1.6;
}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {
    padding: 1px 0;
    text-decoration: none;
}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating {  margin: 0;}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    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 (max-width: 1380px){ 
.widget_calendar table thead tr th { font-size: 10px; padding: 3px;
}
}

@media only screen and (max-width: 1300px) {
ul.sub-menu {box-shadow: none;}
.hd-b-nav-clip { display: none;}
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
.bx-controls-direction a{ display: none;}
header .share-btn ul li a.site-button{ margin: 0;}
.service_inbox .service_inbox-content {padding: 10px 15px;}
.page-template-default #innerpage-box .service_inbox .title { margin: 0;}
main#innerpage-box #blog-box .socialMedia ul li{  margin-left: -30px;}
main#innerpage-box .ht-blog-thumbnail img {  height: 280px;}
main#innerpage-box #blog-box .socialMedia ul li a.site-button{
    width: 30px;
    line-height: 30px;
    height: 30px;
}
}

@media only screen and (max-width: 1299px) { 
.blog-area .mdate { width: 54%;}
#testimonials .circle-donut,
#testimonials .circle-donut-rhs,
.new-page.menu-new{   display:none;}
#testimonials .ts-inn {  padding: 4em 4em 2em 5em; }
#about .centerimg img {   width: 366px;   height: 366px;}
#about .centerimg .abtimg-brd:after {
    top: -8.5%;
    width: 425px;
    height: 425px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
#testimonials .owl-theme .owl-nav {  display: none;}
.navigation .mainmenu>li>a{ font-size: 15px !important;}
.service-area .service-title-box h4{font-size: 24px;}
#quote-carousel .carousel-control.left { left: -42px;}
#quote-carousel .carousel-control.right { right: -42px;}
.ht-slider-highlighttext {  font-size: 30px;}
.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;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
}
@media screen and (min-width: 993px) and (max-width: 1023px){
#ht-home-slider-section .sliderimg{ right:0;}
.ht-slide-caption { width: 750px;}
.ht-slide-cap-title {
    font-size: 55px;
    line-height: 54px;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown { margin: 0 0%;}
}

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

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

@media (max-width: 1012px){
.slider-btn {margin-top: 0.7em;}
.header-transparent .sticky-header {
    padding: 0;
}
}

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

@media (max-width: 992px){
/*.mobnone{display: none;}*/
.mobnone1 {  display: block;}
header .lower-header {position: relative;padding: 8px 0 4px 0; background: #f3f3;}
.logo-header {text-align: center; width: auto;}
#product-section .owl-dots,
#product-section .owl-theme .owl-nav { display: none;}
#testimonials .owl-theme .owl-nav {  display: none;}
.navigation .get{ display: inline-block; padding-left: 12px;}
#testimonials .owl-theme .owl-nav{ display: none;}
.bx-wrapper .bx-controls-direction a{display: none;}
.top-bar-head .head-menu { padding-right: 0;}
main#innerpage-box .ht-blog-thumbnail img {height: 280px;}
.total-count i { font-size: 16px; padding: 8px;}
.contex-about { padding: 1em 0em;}
.call-area .owl-carousel .owl-dots.disabled,
.call-area .owl-carousel .owl-nav.disabled{ display: block;}
#ht-home-slider-section .extraimg{display: none;}
.top-bar-head {  padding: 0px 0em 0 0;}
#ht-contactus-wrap .contact_l_area{ padding-top: 0;}
.ht-slide-caption {
    left: 0;
    width: 750px;
    right: 0;
    margin: 0 auto;
}
}

@media screen and (max-width: 991px) {
.innerpage-whitebox {padding: 0 0em;}
.site-navigation { width: 21%;position: absolute; top: 0; right: 0;}
.mobnone {  width: 79%;margin: 10px 0 0 0;}
.logo-header.mostion img{padding: 0 !important}
header .navigation .mainmenu li.current_page_item a:before, header .current_page_item > a:before{display: none;}
.top-bar-head {position: relative;}
#ht-home-slider-section .bx-wrapper {padding-top: 0em;}
#ht-home-slider-section .sliderimg{float: none;}
.ht-slide-caption{position: relative;}
.slider-btn { margin-top: 0;}
#features .pro_b-area-data { text-align: center !important; }
#features .fbox:nth-child(even) .hi-icon ,
#features .fbox:nth-child(odd) .hi-icon { float: revert !important;}
#features .features-area {  margin-bottom: 2em !important;}
#about{padding: 2em 0 !important;}
#about .about-left-box{  margin-top: 1em;}
.blog-area .com1 {padding: 0;}
#team .teamtop , #team .teamdotrhs,#team .teamtoprhs,
#product-section .prodtop,#product-section .prodtoprhs,#gallery .Gallydotlhs,
#testimonials .tsdotlhs,#testimonials .tstop,
#blog .bltop,#blog .bltoprhs{display: none;}
#testimonials .ts-area-single { margin: 0em 0em 0 0em;}
#testimonials .ts-inn{padding: 3em 3em !important;}
#testimonials .circle-donut{top: 2.3em !important;}
#testimonials .circle-donut-rhs{display: none !important;}
.contact-area .contact-r { margin-top: 2em;}
#call-now-section .callbx {  margin-top: 1em;}
#call-now-section .titlebx{left: 0em !important; margin-top: 0em}
.single-footer-4, .single-footer-2, .single-footer-3 {  margin-top: 1em;}
.page-main-header{padding: 2em  0 !important;}
/*#ht-contactus-wrap .contact-info{ text-align: center;}*/
.dlab-topbar-left{   padding-right: 0;}
.footer-area .footer-social ,
.footer-area .fcopy {  text-align: center ! important;}
.dlab-topbar-right { padding-left: 0; padding-right: 15px;}
.contact-area .heading-bx h2{font-size: 36px;}
#ht-contactus-wrap .Address_area { padding: 2em 0em;}
.footer-text { padding: 10px 0;}
.page-main-header { padding: 7em 0 1em !important;}
#features,#service,#team,#gallery,#product-section,#testimonials,#counter,.contact-area,.footer-area .top-area,
#blog,#call-now-section{
    padding:2em 0 !important;
}
}

@media screen and (max-width: 768px){
.woocommerce table.shop_table_responsive tr td, 
.woocommerce-page table.shop_table_responsive tr td { display: block;}
.woocommerce #content table.cart td.actions .button, 
.woocommerce table.cart td.actions .button, 
.woocommerce-page #content table.cart td.actions .button, 
.woocommerce-page table.cart td.actions .button{width: auto !important;}
main#innerpage-box h6.faq-title{ padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars { margin-top: 00px;}
.ht-slide-caps-title{ font-size: 26px;}
.ht-main-navigation li{  padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
.ht-site-title a, .site-title a{  top: 0 !important;}
.ht-slide-cap-title{ font-size: 33px;line-height: 35px;}
.ht-slide-cap-desc {line-height: 20px;}
.sliderbtn .ht-slide-cap-descmore a , .sliderbtn2 .ht-slide-cap-descmore2 a{  font-size: 15px;  padding: 18px 30px;}
#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;}
body.admin-bar .navigation { top: 45px;}
.top-bar-head { width: 100%;}
.logo-header.mostion img {  max-width: 100% !important;
}
}

@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{   margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{   margin-bottom: 15px;}
.ht-main-navigation a{   padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{  width: auto;}
#primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
#secondary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 { font-size: 30px;}
#ht-contactus-wrap .contact_l_area span { font-size: 22px;}
#ht-contactus-wrap .contact-info {
    margin-top: 0px;
     font-size: 14px;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
#ht-home-slider-section .bx-controls-direction{  display: none;}
.header.site-header ul.sub-menu li a:hover{  padding-left: 15px;  padding-right: 15px;}
.navigation .mainmenu li ul li{ top: auto;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{  position: relative;  left: 0;}
.navigation .mainmenu li{  bottom: auto;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{  text-align: left;}
.navigation .mainmenu li:hover > ul{  width: 100%;}

.section-heading{   margin-bottom: 3em;}
.service-area .service-title-box h4{ padding: 15px 0; margin: 0;}
.contact-area{padding:1em 0 !important;}
.support-inn {text-align: center;}
.footer-area .bottom-area {margin-top: 0px !important;}
#ht-contactus-wrap .Address_area,
#ht-contactus-wrap .address-c-box { padding: 1em 1em;}
.blog-area .blog-circle{ display: none;}
main#innerpage-box .blog-date {
    margin: 12px 0;
}
}

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

@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;}
.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;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 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 .resp_header_logo{display: block;}
.header-seo.header-transparent .is-fixed .main-bar img {
    position: relative;
    top: 80px;
}
}

@media only screen and (max-width: 767px) {
.blogsocialMedia { margin-top: 1.5em; position: relative;}
.service-area .servicesbtn a{display: inline-block;padding: 10px 30px;}
.slide-content-box{ text-align:center;}
#innerpage-box .innertest-item{ width: 100% !important;}
.owl-slider.owl-theme .owl-dots {display: none;}
#testimonials .circle-donut{display: none;}
#call-now-section .callph a i,
#call-now-section .callph a,
#call-now-section .right-bx h2{font-size: 30px;top: 0;margin-left: 0em;}
#testimonials .ts-inn {   padding: 1em 2em !important;}
#testimonials .owl-theme .owl-dots{ display: none;}
#ht-contactus-wrap .contact_area { text-align: center;}
.single-footer-1 {   text-align: left;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler {  
    margin: 22px 0 22px 10px;  
    box-shadow: none;
}
}

@media screen and (max-width: 668px){
#ht-contactus-wrap .address-box {  text-align: center;}
.social_area { text-align: center;}
#ht-contactus-wrap .contact_l_area span { font-size: 35px;}
#ht-contactus-wrap .contact-info { font-size: 15px;}
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 .address-box { text-align: center;}
#ht-contactus-wrap .contact-page-form { padding: 0 0em;
}
}

@media screen and (max-width: 640px){
.total-count .count { top: 15px;  right: 14px;}
.total-count {  margin-top: 10px;}
.footer-area .widget { margin-bottom: 0em;}
footer#footer.footer-area .widget-title { margin-bottom: 1em;}
header.site-header ul.hd-contact { margin-left: 10px;}
.ht-site-title, .site-title , .ht-site-description{ text-align: center;}
.top-bar-head .head-menu {  padding-right: 0em;}
.top-bar-head { padding: 0px;}
.top-bar-head .responsive.head-menu{
  display: block;
}
}

@media screen and (min-width: 639px){
.top-bar-head .head-menu { display: block; padding: 0;}
.top-bar-head .responsive.head-menu{
  display: none;
}
}

@media screen and (min-width: 320px) and (max-width: 600px){
#ht-home-slider-section .sliderimg{background: none;width: 400px;  height: 420px;}
.ht-slide img { 
    width: 400px; 
    height: 400px;
    margin: 0;
    position: absolute;
    top: 0;
}
}

@media screen and (max-width: 580px){
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{ display: none;}    
.ht-team-counter-wrap{ margin-left: 0;}
.ht-portfolio{width: 50%;padding: 4px;
}
}


@media screen and (max-width: 520px){
.s-footer {  margin-bottom: 1em;}
#about .centerimg img { width: 280px; height: 280px;}
#about .centerimg .abtimg-brd:after {
    top: -4%;
    width: 300px;
    height: 300px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.ht-site-description{ font-size: 12px;}
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; }
.blog-area .blog-read-more a {
    padding: 10px 25px;
    font-size: 11px;
}
}

@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;}
#blog-box.innerpage-whitebox { padding: 0em 1em 2em 1em;}
.ht-slide-cap-desc{font-size: 15px; margin-bottom: 10px; text-shadow: 1px 1px #000;}
.sliderbtn2 .ht-slide-cap-descmore2 a,
.sliderbtn .ht-slide-cap-descmore a{ padding: 12px 15px; font-size:14px;}
.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){
.section-heading {margin-bottom: 1.5em;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 419px){
#testimonials .ts-inn {   padding: 1em 1em !important;}
#testimonials .ts-inn {   border-radius: 150px;}
.testimonials-area .ts-area-content {  padding: 1em 8px;}
}
@media screen and (min-width: 320px) and (max-width: 425px){
        
.site-navigation { width: 21%;position: absolute; top: 0; right: 0;}
.mobnone {  width: 79%;margin: 10px 0 0 0;}
header.site-header .share-btn ul { right: 20px;  position: relative;}
header .share-btn ul li { padding: 0 2px;}
header .share-btn ul li a.site-button {
    width: 20px;
    line-height: 24px;
    height: 20px;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
    font-size: 16px;
    margin:10px 0 0 0;
}

header button.share-icn {
    display: block;
    width: auto;
    padding: 0 0px;
    font-size: 18px;
    box-shadow: none;
    margin: 0;
    background: none;
    float: right;
    right: 15px;
    position: relative;
}

.share-btn ul li a.site-button{font-size: 16px;}
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: 0px;
    left: 29px;
    z-index: 99;
}
/****/
body {  position: inherit;  }
header .border-header{margin-bottom: 0;  }
header.site-header ul { text-align: center;}

button#formButton{ position: absolute;top: 35px; right: 10px;}
#about .sub-hedding { font-size: 20px;}
#about .section-heading h2,
.section-heading h2{ font-size: 30px; margin: 0 0 8px 0;}
.section-heading p { font-size: 16px;}
.service-area .service-title-box {  padding: 1em 2em 1.5em 2em;}
#innerpage-box .single-service-bx .service-icon img {height: 250px;}
.blog-area .blog-comm{text-align:left;}
.blog-area .inner-area-title { font-size: 20px; line-height: 1.2;}
.blog-area .section-area-text{margin: 1em 0;}
#innerpage-box .inner-blogpost-info { padding: 1em 1em 1em 1em;}
#innerpage-box .innertest-item { width: 100%;}
body.page-template-default main#innerpage-box .inner-area-title{
    font-size: 18px;
}
}

@media screen and (max-width: 425px){
.ht-slide-cap-title {font-size: 22px;}
.service-area .post-text,#about p.abttext,
#about .aboutus-single p{font-size: 16px;}
.service-area .servicesbtn a,#features .section-area-text,.testimonials-area .ts-area-content p,
#about .readmore a{font-size: 16px;padding: 8px 16px;}
}

@media screen and (max-width: 400px){
#ht-home-slider-section .sliderimg {width: 300px; height: 320px;}
.ht-slide img { width: 300px; height: 300px;}
.ht-slide-cap-desc{padding: 8px 0 0px 0;}
}
@media screen and (min-width: 320px) and (max-width: 375px){
#team .our-team .single-team-img img {width: 255px;height: 255px;}
#team .our-team .tmimgbrd:after {
    content: "";
    width: 260px;
    height: 260px;
}
}
