/*
Theme Name: Expert Plumber Free
Theme URI: https://luzuk.com/demo/expert-plumber/
Author: luzuk Themes
Author URI: https://www.luzuk.com/top/wordpress-themes/
Description:It is necessary that all your services must be highlighted and this Plumber WordPress Theme does exactly the same for you. Built to give a user-friendly experience to both the user and end-user of the site, this theme is provided with an intuitive theme customizer that allows making changes in the layout without the need of writing any code. The advanced feature such as Drag and Drop page builder simplifies everything. You will never have to bother about your ranks in SERP as this theme is already made SEO friendly. So without any shadow of a doubt, try this Plumber WordPress Theme and get a complete solution to your plumbing services needs.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: expert-plumber-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;
}
.fa-twitter:before {   content: "\e61b" !important;}

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;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
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;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #f9c12c;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

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

.widget-area ul ul{
    margin-top: 5px;
}
.widget-area ul ul li{
    padding-left: 10px;
}
.widget-area ul ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.widget-area li{
    padding: 5px 0;
    line-height: normal;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
}
/*.widget-area a:hover{
    color: #fe5722
}*/
.widget-area .widget{
    margin-bottom: 15px;
    padding: 0 5px 10px 5px;
    background: transparent;
    box-shadow:0 6px 5px 0px rgb(127 129 131 / 38%);

}
/*--------------------------------------------------------------
## 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;
   /* background: transparent;*/
    border-radius: 5px;
    padding: 10px;
    line-height: 1.6;
}
#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;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
/*#content-box a i{
    color: #fff;
}*/
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.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;
}
/*--------------------------------------------------------------
# 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: 20px 0 0 0;
    clear: both;
    text-align: center;
}
.pagingation a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}
.pagingation a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}
/*--------------------------------------------------------------
## 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
--------------------------------------------------------------*/
body {
/*    background-image: url(images/bodybg.png);*/
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 32%;
}
.ht-section-title-tagline {
    margin-bottom: 60px;
    /*background-image: url(images/heading-tap.png);
    background-repeat: no-repeat;*/
}

.heading-icon-l i{
    overflow: hidden;
    font-size: 34px;
    position: relative;
    top: 15px;
    z-index: 9;
    /* padding: 0 14px; */
    color: #000;
    /* left: 44px; */
    right: 30px;
    text-align: right;
    float: right;
}

.title-icon{
    position: absolute;
    top: 0;
    right: -154px;
}
.ht-border{
    text-align: center;
    border: 1px solid #000;
    /* float: right; */
    position: relative;
    padding: 0px 30px;
    z-index: 1;
    border-top: none;
    display: inline-block;
 
}

.ht-border:before{
    top: 0%;
    left: -31px;
    width: 90%;
    /* right: 0px; */
    /* margin: 0 auto; */
    /* bottom: -10px; */
    position: relative;
    content: "";
    display: block;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-right: none;
    border-color: #1cb9c8;
    
}
/*.ht-border:before{ 
    background: url(images/heading-tap.png) no-repeat center;
}*/
/*.ht-border:after {
    width: 18%;
    bottom: 73px;
    right: 130px;
    margin: 0 auto;
    
    position: relative;
    content: "";
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-right: none;
    border-color: red;
}*/

.section-title h2 {
    word-break: break-word;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 0px;
    padding: 20px 0;
} 
.inner-area-title {    
    font-size: 20px;
    font-weight: 600;
    word-break: break-word;
}
.section-area-text {    
   /* margin-bottom: 24px;*/
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
}
.textcenter{
    text-align: center;
}
:hover{
    -webkit-transition-duration: 1s;   
    -moz-transition-duration: 1s;   
    -o-transition-duration: 1s;   
    transition-duration: 1s;
}
section{
}
section .darkbox{
    padding:3em 0;
    background: rgba(0,0,0,0.6)
}
/*section .lightbox{
    padding: 5em 0;
}*/
.padding0{
    padding: 0;
}

.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: 0 0 0.5em;
    letter-spacing: 1px;
    font-weight: 600;
    /*text-shadow: 0em 0em 0.4em rgba(255,255,255,0.6);*/
    text-align: center;
}
.category .ht-main-title {
    margin: 20px 0;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}
.ht-site-title, .site-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    padding: 0;
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #4a4a4a;
}
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
#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 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 0 2.5em;
    text-align: center;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    padding: 0;  
}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar {
    display: none;
    position: absolute;
    bottom: 16px;
    z-index: 200;
    right: 13%;
}
.sitenav .search-bar input{
   display:inline-block;
}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{
    background: #000;
    color: #000;
    width: 15%;
    padding: 0;
}
.fa-search {
   &:hover {
      color: rgba(255, 255, 255, 0.75);
  }
}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding: 4em 0 4em;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
}
/*.page-main-header::before {
    content: '';
    pointer-events: none;
    opacity: .6;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}*/

/*.navigation .mainmenu li.current_page_item a, .current_page_item > a {
    border-bottom: 3px solid;
}*/
.lower-header .header-social-links {
    margin: 20px 0;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
    display: none;
}
.resp_header_btn p {
    display: none;
}
.pd-0{
    padding: 0;
}
.header-right .single-header-info {
    text-align: right;
}
/*.top-bar-head .head-menu {
    padding-right: 1em;
    float: right;
}*/
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}

.logo {
    padding: 0 5px;
    margin-top: -50px;
}

.logobox img{
    position: relative;
}
.navigation .mainmenu ul.sub-menu li a:after {
    background: #090909;
}
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}
/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
        word-break: break-word;
}
header.site-header button.header-btn {
  border: none;
  background-color: #f72985;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 37px;
  display: inline-block;
  line-height: 1.5em;
  font-weight: 600;
  font-size: 15px;
  outline: none;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 10px;
  float: right;
  word-break: break-word;
}
header.site-header button.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header.site-header button.header-btn i {
  font-size: 20px;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:before {
  border-radius: 30px;
  content: '';
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
header.site-header button.header-btn:hover,
header.site-header button.header-btn.hover {
  color: #000000;
}
header.site-header button.header-btn:hover span,
header.site-header button.header-btn.hover span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover i,
header.site-header button.header-btn.hover i {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover:before,
header.site-header button.header-btn.hover:before {
  left: 3px;
  right: 3px;
  background: #ffffff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:active:before {
  background: rgba(255, 255, 255, 0.7);
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    /*margin-right: 35px;*/
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
}
.menu-content {
    padding: 0;
    text-align: right;
}
/*=======================*/
.headenquiry{
    padding: 8px 24PX;
    background: #2765ba;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    top: 3px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;  
}

.headenquiry a:before, .headenquiry a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;
  margin-top: -10px;
    background: red;
}

.headenquiry a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.headenquiry a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

.headenquiry a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
.headenquiry a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}

/*=======================*/
/*.top-bar-head {
    background: #f3f3;
   
}*/
.site-header .up-h-inn{
    float: right;
    text-align: center;
    padding: 15px 0;
}

/*.up-h-inn .rtbo {
    border-right: 1px solid #fff;
    padding: 16px 0;
}*/

.up-h-inn .themetext{
    padding-top: 6px;
   font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.up-h-inn .themetext i{
    padding-right: 10px;
    font-size: 19px;
    transition: all 0.2s;
}
.socialalign{
   /* margin-top: 7px;*/
   /* text-align: left;*/
}
/*.socialalign a{
    font-size: 18px;
    padding-left: 18px;
}*/
.socialalign a span {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    margin: 1px 2px;
}
.header-social-links a {      
   transition: all 0.2s;
}
.header-social-links a span{      
    position: relative;  
    -webkit-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.header-social-links a span:hover{          
    transform: translateY(-5px);
    transition: all 0.2s;
}

.up-h-inn .themetext:hover{
    font-weight: bold;
    transition: all 0.2s;
}

.low-header {
    padding: 0 0 0 4em;
}

.head-menu {
    padding: 0;
}


/* = Navigation 2nd level css
-------------------------------------------------------------- */
/*.navigation .mainmenu>li>a:hover{
    background: #f3f;
}*/
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 120%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);

}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}

.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(1) {
    -webkit-transition-delay: 180ms;
    transition-delay: 180ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
      font-size: 13px;
      font-weight: 400;
      padding: 12px 20px;
      display: inline-block;
      width: 100%;
      margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 1300px) {
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}

.navigation .mainmenu ul.sub-menu li a:hover:before, 
.navigation .mainmenu ul.sub-menu li a.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0px;
    background: #516ced;
    color: #fff !important;
    left: 0px;
    z-index: -1;
    animation: 0.8s alternate ElasticOvr;
    -webkit-animation: 0.8s alternate ElasticOvr;
    transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}
/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


}

@media only screen and (min-width: 1300px) {


.navigation .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
    color: #666;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, -12px, 0px);
    -webkit-transform: translate3d(0px, -12px, 0px);
    -moz-transform: translate3d(0px, -12px, 0px);
}


.navigation .mainmenu li:hover > ul{
      display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
}
.navigation .mainmenu ul.sub-menu {
    position: absolute;
    /*top: 0px;*/
    margin-top: 7px;
    left: 0px;
    padding: 0px;
    /*background: #f72985;*/
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.5s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu ul.sub-menu li a:hover:before, 
.navigation .mainmenu ul.sub-menu li a.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0px;
    background: #516ced;
    color: #fff !important;
    left: 0px;
    z-index: -1;
    animation: 0.8s alternate ElasticOvr;
    -webkit-animation: 0.8s alternate ElasticOvr;
    transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -webkit-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
    -moz-transition: all cubic-bezier(0, 0.52, 0.25, 1) 0.3s;
}

.navigation .mainmenu li:hover ul.sub-menu{
    opacity: 1;
    visibility: visible;
    transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    }    
    .navigation .mainmenu li:hover ul.sub-menu{
    opacity: 1;
      visibility: visible;
      transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
      -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(2) {
    -webkit-transition-delay: 280ms;
    transition-delay: 280ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(3) {
    -webkit-transition-delay: 380ms;
    transition-delay: 380ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(4) {
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(5) {
    -webkit-transition-delay: 580ms;
    transition-delay: 580ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(6) {
    -webkit-transition-delay: 680ms;
    transition-delay: 680ms;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(7) {
  -webkit-transition-delay: 780ms;
  transition-delay: 780ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(8) {
  -webkit-transition-delay: 880ms;
  transition-delay: 880ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}
.navigation .mainmenu li:hover ul.sub-menu li:nth-child(9) {
  -webkit-transition-delay: 980ms;
  transition-delay: 980ms;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

/* Elastic hover animation */
@-webkit-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@-moz-keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}


@keyframes ElasticOvr {
  0% {
    top: 0;
    height: 0px;
  }

  50% {
    top: 0;
    height: 100%;
  }

  100% {
    bottom: 0px;
    height: 2px;
    color: #fff !important;
  }
}

.menu-content{
    float: right;
    background: #e1e1e14d;
    padding: 0 50px 0 0;
}

}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}
.heade-border {
    border-bottom: 1px solid #939192;
    padding: 0 5px;
}
.header.site-header ul.sub-menu li a {
        font-size: 14px;
/*    transition: all 0.5s ease 0s;*/
    font-weight: 500;
    position: relative;
}

header.site-header ul {
    margin: 0;
}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}
.navigation .mainmenu {
 position: relative;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header {
    position: relative;
    z-index: 99;
    width: 100%;    
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {

    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
@media screen and (max-width: 991px) {
    
    header button.share-icn {
    width: auto;
    padding: 0 0px;
    font-size: 25px;
    box-shadow: none;
    margin: 0;
    float: right;
    display: block;
}
header .share-btn .a {
    width: 50px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
}
header .share-btn .a:hover{color: #000 !important;}
header .share-btn.active.top {
  transform: scale(1) translateY(-10px);
}
header .share-btn.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
  border-radius: 5px;
}
header .share-btn.top {
  margin-top: -80px;
  transform-origin: 0 0 0;
}
header .share-btn {
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    position: absolute;
    top: -28px;
    right: 0;
    z-index: 99999;
    width: 140px;
    display: block;
}
header .share-btn.headphone{top: -19px;width: auto;}
header .btn.focus, header .btn:focus, header .btn:hover{outline: none !important;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {
    width: 100%;
}
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}
div#secondary .widget_calendar table thead tr th{
    padding: 10px;
}
.widget_calendar tfoot tr td a {
    padding: 2px 10px;
}
/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {
    text-align: right;
}
.main-header-info {
    text-align: center;
}
.header-icon {
    display: inline-block;
    text-align: left;
}
.top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {
    float: right;
}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{
    display:inline-block;
}
.dlab-topbar-left ul li{
    padding-right:0px;
}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{
    color:#444444;
}
.topbar-social li a{
    padding: 0 6px; 
}
@media only screen and (max-width: 991px) {
    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        padding-right: 0;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*header.site-header ul.sub-menu li {
    display: block !important;

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

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}
/* = Navigation sticky header css
-------------------------------------------------------------- */

.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-share{
    position:relative;
        top: 48px;
}
.share-btn{
    position:absolute;
    right:0;
    bottom:0;
    
}
.share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
.share-btn ul li{
    display:inline-block;
    margin-left: -50px;
    float: left;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}
.share-btn ul li a.site-button{
    border-radius: 50%;
    width: 50px;
    line-height: 50px;
    height:50px;
    display: block;
    color:#fff;
    background: #516bec;
}
.share-btn ul li a.site-button:hover{
    background:#f72985;
}
.share-btn ul:hover li.share-button a.site-button{
    background:#f72985;
}   
.share-btn ul:hover li{
    margin-left: 4px;
}
.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;
}
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/

.bx-controls-direction {  display: block;}
#ht-home-slider-section{position: relative;overflow: hidden;}
.ht-slide{ position: relative;}
.ht-slide img{ width: 100%;}
.ht-slide .last-div{
    padding: 30px 0;
    background: yellow;
    /* opacity: 1; */
    /* z-index: 9999; */
    position: relative;
}
.ht-slide-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    opacity: 0.9;
}
.ht-slide-caption{
    position: absolute;
    top: 14%;
    left: 15%;
    width: 530px;
}
.ht-slide-cap-title{
    position: relative;
    z-index: 9;
    margin-top: 20px;
    /*margin-bottom: 40px;*/
    font-size: 101px;
    font-weight: bold;
    line-height: 65px;
}
.ht-slide-cap-title span{
     position: relative;
    z-index: 9;
    font-size: 43px;
    line-height: 35px;
    margin-top: 15px;
}
.ht-slide-cap-desc {
    position: relative;
    z-index: 9;
    color: #fff;
    padding: 0;
    margin: 40px 0;
    font-size: 17px;
    font-weight: 500;
}
.ht-slide img {
    width: 620px;
    height: 620px;
    border-radius: 50%;
}

.sliderimg {
    width: 620px;
    position: relative;
    top: 60px;
    left: 63%;
    padding: 0;
    background-clip: content-box;
    /* display: inline-block; */
    border-radius: 50%;
    z-index: 9;
}

.sliderimg:after {
    content: "";
    position: absolute;
    top: 40%;
    left:-220px;
    width: 100%;
    height: 100%;
 /*   background-image: linear-gradient(120deg, #eaee44, #33d0ff);*/
   background-image: url( 'images/b-tap.png');
   background-repeat: no-repeat;
    opacity: .7;
    z-index: -1;
}
#ht-home-slider-section .sliderimg{  position: relative;}
#ht-home-slider-section .ht-slide img{
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    padding: 15px;
    background: #fff;
}

/*----------------------------------------------*/
.sliderbtn .ht-slide-cap-descmore {
    background: none;
    margin: 0px;
    display: inline-block;
}
.sliderbtn .ht-slide-cap-descmore:hover, .sliderbtn .ht-slide-cap-descmore:focus, .sliderbtn .ht-slide-cap-descmore:active {
    color: white;
}
.sliderbtn .ht-slide-cap-descmore a {
    padding: 14px 30PX;
    background: #2765ba;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    top: 3px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;   
}
.sliderbtn .ht-slide-cap-descmore a:before, .sliderbtn .ht-slide-cap-descmore a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;
}

.sliderbtn .ht-slide-cap-descmore a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.sliderbtn .ht-slide-cap-descmore a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

.sliderbtn .ht-slide-cap-descmore a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
.sliderbtn .ht-slide-cap-descmore a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}

.sliderbtn .ht-slide-cap-descmore i{
    padding-left: 15px;
    color: red;
    font-size: 17px;
}

/*.sliderimg-outer{
  background-image: url( 'images/b-tap.png');
  background-repeat: no-repeat;
}*/
/*----------------------------------------------*/

.ht-slide-cap-title span{
    display: inline-block;
}

#ht-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
    opacity: 1;
}

#ht-home-slider-section .bx-wrapper .bx-prev{
    background: url(images/prev.png) no-repeat center ;
    left: 44px;
}

#ht-home-slider-section .bx-wrapper .bx-next{
    background: url(images/next.png) no-repeat center ;
    left: 100px;
}
#ht-home-slider-section .bx-controls-direction .bx-next:hover {
    transform: rotateZ(-45deg);
}
#ht-home-slider-section .bx-controls-direction .bx-prev:hover {
    transform: rotateZ(45deg);
}
/*----------------------------------------*/
/*  03. Service Area
/*----------------------------------------*/
#service .ser-inp{display: none}
#service {
 position: relative;
 overflow: hidden;
/* background-color: #f9f9f9;*/
}

#service .single-service {
    padding: 0;
    border: 1px solid;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;

}

#service .single-service:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

#service .single-service:hover, #service .single-service:focus, #service .single-service:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

#service .single-service:hover:before, #service .single-service:focus:before, #service .single-service:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
#service .service-icon{
    position: relative;
    display: block;
    overflow: hidden;
}
#service .service-icon {
   text-align: center;
    padding: 10px 10px;
    background: #0664ad;
    overflow: hidden;
    position: relative;
    font-size: 40px;
    transition: all 0.9s;
}
#service .single-service:hover .service-icon i{
    transform: rotateY(360deg);
    transition: all 0.9s;
}

#service .single-service h4{
    margin: 0;
    transition: all 0.4s;
    font-size: 14px;
    font-weight: 600;
    padding-top: 18px;
}


#service .single-service-bx {
    padding-right: 20px;
    margin-top: 20px;    
    position: relative;
    z-index: 2;
}
#service p{
    display: none;
}
#service .service-icon img{
    display: none;
}
/*--------------------------------------------------------------
## quality Section
--------------------------------------------------------------*/
#quality-section { position: relative; overflow: hidden;}
#quality-section .ht-section-qualitybox h2 {
    font-size: 45px;
    font-weight: 600;
    color: #000;
    border-right: 1px solid #a6a6a6;
    padding: 5px 10px;
    margin: 0px;
}
#quality-section .ht-section-qualitybox .lz-quality-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #464648;
    padding: 0 10px;
}
/*----------------------------------------*/
/*  04. About Area
/*----------------------------------------*/
#about {
    position: relative;
    background: #f9f9f9;
}

#about .about-rhs{
    padding: 5em 14em 2em 9em;
}

#about .about-area-data h4{
    font-size: 17px;
    margin: 0;
    margin-top: 6px;
    font-weight: 600;
}

#about .section-subtitle p {
   font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    word-break: break-word;
    margin: 0 0 50px 0;
}
#about .aboutus-single {
    margin-bottom: 10px;
}
/*===============================*/
#about .hi-icon {
    text-align: center;
    background: #fafd15;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    font-size: 14px;

     display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    z-index: 1;

    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

#about .aboutus-single:hover .hi-icon {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.8);
}
#about .hi-icon span:after {
        content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    transform: rotate(45deg);
    z-index: -1;
    transition: all 0.5s ease-in-out 0s;
}

#about .aboutus-single:hover .hi-icon span:after {
    transform: rotate(-45deg);
        background: #f3f;
}
#about .aboutus-single:hover .hi-icon span{
      line-height: 30px;
    font-size: 14px;
}
#about .aboutus-single:hover .hi-icon {
    width: 30px;
    height: 30px;
}

#about .aboutus-single:hover .hi-icon {
    background: none;
}
/*===============================*/


#about .aboutarea-img img {
    width: 100%;
    height: auto;
    
}

#about .readmore a i{
    padding-left: 15px;
    font-size: 17px;
}

#about .readmore{   
    background-color: #1276c4;
    display: inline-block;
    z-index: 2;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s; 
    border-radius: 5px;
    margin-top: 35px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
    text-decoration: none;   
}

#about .readmore a{
    color: #fff;
    background: none;
    padding: 12px 30px;
    display: block;
    font-size: 14px;
    font-weight: 600;
}

#about .readmore a:before, #about .readmore a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;
}

#about .readmore a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

#about .readmore a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

#about .readmore a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
#about .readmore a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}
/*----------------------------------------*/
/*============ our steps section ==============*/
/*----------------------------------------*/

#oursteps-post-section{
    position: relative;
    background: #f9f9f9;
    overflow: hidden;
}
#oursteps-post-section .oursteps-post{
    text-align: center;
}
section#oursteps-post-section .oursteps-icon {
    text-align: center;
   /* border: 10px solid;*/
    height: 180px;
    width: 180px;
    margin: 0 auto;
    border-radius: 50%;
}
/*========================*/


#oursteps-post-section .oursteps-icon{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

#oursteps-post-section .oursteps-icon:before,
#oursteps-post-section .oursteps-icon:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 13px solid #e6e5e5;
    position: absolute;
    top: 0;
    left: 0;
}

#oursteps-post-section .oursteps-icon:after{
    border-color: #37b0f1 #e6e5e5 #e6e5e5 #37b0f1;
    z-index: 1;
    transform: rotate(-45deg);
    transition: all 0.5s ease 0s;
}

#oursteps-post-section .oursteps-post:hover .oursteps-icon:after{ transform: rotate(495deg); }

/*==========================*/
#oursteps-post-section .Numrical h3 {
    text-align: center;
    font-size: 79px;
    font-weight: 600;
    color: #dedede;
    margin: 0;
}
#oursteps-post-section h5.title {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    word-break: break-word;
    text-decoration: none;
    padding-top: 25px;
    margin: 0;
}
#oursteps-post-section .oursteps-post:hover h5.title{
    font-weight: 600;
}
#oursteps-post-section span.fa{
    font-size: 75px;
    position: relative;
    top: 50px;
}

#oursteps-post-section .oursteps-button i {
    position: absolute;
    top: 50%;
    right: -20px;
    font-size: 30px;
    border-bottom: 2px solid;
    padding: 0 10px;
}

/*----------------------------------------*/
/*  05. Features Area
/*----------------------------------------*/
#featured-content-section{
    position: relative;
    background:#fff;
}
#featured-content-section .lz-featured-heading {
    text-align: center;
    border: 1px solid #000;
    float: right;
    padding:15px 30px;
    z-index: 1;
    border-top: none;
}
#featured-content-section .lz-featured-heading:before {
    top: 0%;
    left: 0px;
    width: 68%;
   /* height: 15px;*/
    position: absolute;
    content: "";
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    /*right: 0;*/
    margin: 0 auto;
    /* bottom: -10px; */
    border-top: none;
    border-right: none;
    border-color: #1cb9c8;
    -ms-transform: translateY(-50%);
}
#featured-content-section .title-icon1 {
    right: 0;
    float: right;
}
#featured-content-section .heading-icon i{
    overflow: hidden;
    font-size: 34px;
    position: relative;
    float: right;
    left: -78px;
    top: -18px;
    /* background: #f1ff1efa; */
    z-index: 9;
    padding: 0 14px;
    color: #000;
}
#featured-content-section .featured-subtext{
    /*float: right;*/
    padding: 0% 3% 3% 50%;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    text-align: right;
}

#featured-content-section .featured-post{
    margin-bottom: 10px;
    transition: all .3s;
    /*overflow: hidden;*/
  /*  height: 0%;*/
}

#featured-content-section .f-post {
    padding: 0 0px 10px 0px;
    top: -30px;
    position: relative;
}

#featured-content-section .featured-post h5 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: relative;
    background: #f3f;
    margin-right: 12%;
    margin-bottom: 0;
    padding:0px 10px 20px 10px;
    word-break: break-word;
}

#featured-content-section .featured-post h5:before{
    content: "";
    /* width: 0; */
    /* height: 0; */
    border-right: 28px solid #f3f;
    border-bottom: 25px solid transparent;
    right: -10px;
    position: relative;
    display: block;
    transform: rotate(0deg);
    top: -1px;
    /* margin: 0; */
}

#featured-content-section .featured-post .description{   
    font-size: 15px;
    font-weight: 500;
    padding: 25px 0;
    line-height: 27px;
    word-break: break-word;
}

#featured-content-section .readmore{   
    background-color: #1276c4;
    display: inline-block;
    z-index: 2;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 6px 15px;
    cursor: pointer;
    transition: all 0.5s; 
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid;
    word-break: break-word;
}

#featured-content-section .readmore a{
    color: #fff;
    background: none;
    padding: 0px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}

#featured-content-section .readmore a:before, #featured-content-section .readmore a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;
}

#featured-content-section .readmore a:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

#featured-content-section .readmore a:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

#featured-content-section .readmore a:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
#featured-content-section .readmore a:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}


#featured-content-section .readmore i{
    /* font-size: 16px; */
    padding-left: 10px;
}

#featured-content-section .featured-icon {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#featured-content-section .featured-icon img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
#featured-content-section .featured-icon .ovrly{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3f;
    opacity: 0.4;
    height: 100%;
    position: absolute;
    width: 100%;
    left: -50%;
    top: 50%;
    -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;
}

#featured-content-section .featured-post:hover .ovrly {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}

/*======================*/

/*----------------------------------------*/
/*  07. Testimonials section
/*----------------------------------------*/
#testimonials-section{
    position: relative;
        overflow: hidden;
}

#testimonials-section .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #131313;
    opacity: 0.75;
}
#testimonials-section .testimonials-member-wrap {
    margin-top: 20px;
}
#testimonials-section .owl-carousel{
    display: block;
}

#testimonials-section .carousel{
    padding: 0 ;
}
#testimonials-section .testimonial-content-box {
    background: #fff;
    padding: 40px 60px;
    text-align: center;
    margin-bottom: 20px;
    border: 2px solid #f3f;
}

#testimonials-section .team-thumb {
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    border: 3px solid #f3f;
}

#testimonials-section .team-thumb img{
    width: 100%;
    height: 100%;
    position: relative;
}
#testimonials-section .testimonial-content i {
    font-size: 100px;
    color: #6943c4;
    opacity: 0.2;
    position: absolute;
    bottom: 140px;
    text-align: center;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    
}
#testimonials-section .testimonial-content{
    line-height: 25px;
    padding-top: 20px;
    text-align: center;
}

.testimonial-content h6{
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 70px;
    background: #f3f;
    padding: 7px 25px;
}

.testimonial-content p{
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 500;
}
.testimonial-content .text-designation{
    font-size: 16px;
    font-weight: 500;
}

#testimonials-section .owl-theme .owl-nav [class*=owl-]:hover{
    background: none;
}
#testimonials-section .owl-theme .owl-nav{
    font-size: 30px;
    /*color: #fff;*/
    opacity: 1;
}

#testimonials-section .owl-theme .owl-nav .disabled{
    opacity: 1;
}



/*==========================
## Our skill section
====================================*/
#ourskill-section{
    position: relative;
    background: #f9f9f9;
    overflow: hidden;
}
.ourskill-post-wrap .facility-post {
    border-top: 1px solid #dadada;   
    overflow: hidden; 
}

#ourskill-section .skill-inn{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
}
#ourskill-section .skill-inn .overlay{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #131313;
    opacity: 0.9;
}
#ourskill-section .skill-inn .skillinn-img {
    position: relative;
    display: inline-block;
    text-align: center;
    float: right;
    opacity: 1;
    margin-top: 45%;
}

#ourskill-section .skill-inn .support-img {
    position: relative;
    /* top: -27px; */
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}

#ourskill-section .skill-box {
    border: 2px solid #000;
    position: relative;
    border-radius: 40px 0;
    padding: 20px 20px;
    margin-top: 28%;
}
#ourskill-section .skill-box i{
    font-size: 60px;
    color: #fff;
    padding: 0 0 0 0;
     transition: all 1s;
}
#ourskill-section .skill-box:hover i{
    transform: rotateZ(260deg);
    transition: all 1s ;
}
#ourskill-section .skill-box h2{
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}

#ourskill-section .skill-subheading{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin: 0
}
#ourskill-section .subnum{
    font-size: 36px;
    font-weight: 600;
    color: yellow;
    border-top: 1px solid;
    padding-top: 10px;
    margin-top: 15px;
}


#ourskill-section .lz-counter-subheading {
    margin: 20px 0;
    font-size: 16px;
    line-height: 26px;
}


/*--------------------------------------------------------------
## Appointment Section
--------------------------------------------------------------*/
#appointment {
    position: relative; 
    background: #fff;
    padding: 0em 0 5em 0;
    margin-top: -7%;

}
#appointment .contentbox{
    padding: 0;
    margin: 0 40px;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

#appointment .contact-icon{
    text-align: center;
}

#appointment .phone-subtagline {
    padding: 50px 50px; 
}
#appointment .contact-title {
    font-size: 25px;
    font-weight: 600;
     padding: 30px 10px 00px 10px;
    text-align: center;
}
#appointment .contact-title:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 34px solid transparent;
    border-bottom: 34px solid #f3f;
    bottom: -15px;
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    display: block;
    transform: rotate(-45deg);
}
#appointment .contact-box-inn {
    background: #e5e5e5;
    margin: 10px 0;
    padding: 20px 0;
}

#appointment .contact-box-inn:hover i{
    transform: rotateY(360deg);
    transition: all 1s ease 0s;
}
#appointment .contact-icon i.fa.fa-map-marker {
    top: 10px;
    font-size: 32px;
}
#appointment .contact-icon i {
    top: 3px;
    font-size: 22px;
    position: relative;
    /* top: 12px; */
    text-align: center;
}
#appointment  .contact-text {
    padding: 0;
}
#appointment .contact-text h3{
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
    font-weight: 500;
}

/*--------- appointment left side {form}-------------------------*/
#appointment .contact-box,
#appointment .app-form{width: 50%;padding: 0 10px;}
#appointment .app-form-title{
    font-size: 25px;
    font-weight: 600;
    padding: 30px 10px 0 10px;
    text-align: center;
}
#appointment .app-form-title:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 34px solid transparent;
    border-bottom: 34px solid #f3f;
    bottom: -15px;
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    display: block;
    transform: rotate(-45deg);
}
#appointment .app-form-inn{
    padding: 0;
    margin: 0 40px;
    box-shadow: 0 0px 11px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
#appointment .app-form-box{
    padding: 50px 50px;
}
#appointment input[type="number"],
#appointment input[type="text"],
#appointment input[type="email"], 
#appointment input[type="url"], 
#appointment input[type="password"], 
#appointment input[type="search"],
#appointment input input[type="number"], 
#appointment input[type="tel"], 
#appointment input[type="range"], 
#appointment input[type="date"], 
#appointment input[type="month"], 
#appointment input[type="week"],
#appointment input[type="time"], 
#appointment input[type="date"]
#appointment input[type="datetime"], 
#appointment input[type="datetime-local"], 
#appointment input[type="color"],
#appointment input[type="textarea"],
#appointment textarea,
#appointment select{
    background: none;
    padding: 15px 35px;
    width: 100%;
    border:1px solid #e5e5e5;
    margin-bottom: 10px;
    font-size: 14px;
    height: 45px;    
}

#appointment input[type="submit"]{
    padding: 20px 20px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
    width: 100%;
}
#appointment .app-map{
    width: 100%;
    height: 200px;
}
#appointment .app-map .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0664ad;
    opacity: 0.8;
}

/*==================
##FAQS SECTION
==========================*/
#faq-section {
    position: relative;
}

#faq-section .faqleftimg { 
    padding-right: 25px;
    padding-left: 15px;
}
#faq-section .faqleftimg img{
    width: 100%;
    height: 100%;
    border-radius: 0 50px;
    display: block;
    position: relative;
    z-index: 5;
    top:15px;

}

#faq-section .refl {
    display: block;
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    position: absolute;
    z-index: 1;
    left:-15px;
    top: -40px;
    width: 55% !important;
    height: 75% !important;   
    transition: all 2s ease 0s;
}


#faq-section .faqleftimg:hover .refl {
    display: block;
    -moz-transform: scale(1,-2);
    -o-transform: scale(1,-2);
    position: absolute;
    z-index: 1;
    left: 0px;
    top: -8px;
    width: 93% !important;
    height: 100% !important;
    transition: all 2s ease 0s;
    border-radius: 0 50px;
}

/*========= Faqs for accordation ====================*/
#faq-section .faq-heading{
    margin-bottom: 2em;
}

#faq-section button.accordion{
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
}
#faq-section button.accordion h3{
    font-size: 18px;
    font-weight:700;
    margin: 0;
}
#faq-section button.accordion{
    padding: 20px 20px 20px 50px;
    width: 100%;
    text-align: left;
}

#faq-section .faq-content button.accordion.active, button.accordion:hover {    
    opacity: 1;
    border:none;
}
#faq-section .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 11px;
    color: #ffffff;
    float: right;    
    position: absolute;
    top: 25px;
    left: 5px;
    background: #424242;
    font-weight: normal;
    padding: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
}
#faq-section .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    background: #1967d3;
    text-align: center;
}
#faq-section .faq-content div.panel {
    background-color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0;    
    border-top: 0;

}
#faq-section .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
#faq-section div#content-box h3.faq-title {
    padding: 0 60px;
    margin: 0;
    font-weight: 700;
    line-height: 28px;
    word-break: break-word;
}
#faq-section .faq-content.padding0 p {
    font-size: 15px;
    padding: 5px 50px;
    word-break: break-word;
    line-height: 25px;
}

/*----------------------------------------*/
/*  08. Pricing Area
/*----------------------------------------*/
div#pricing {position: relative;}
.pricing-area {    
    background: linear-gradient(0deg,#fff ,#f5f5f5 90%) no-repeat;
}

div#pricing  #curve{
    position: absolute;
    top: -186px;
    width: 100%;
}
div#pricing  #curve path{
    fill: #f5f5f5;
}

.pricing-area .pr-s-area {
    background: linear-gradient(0deg,#516ced,#8972ea 80%) no-repeat;
    padding: 3.5em 2em;
    border-radius: 5px 5px 0 0;
    position: relative;

}
.pricing-area .single-pricing:hover .pr-s-area::before {
    content: '';
    pointer-events: none;
    opacity: .6;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fff 5px, #fff 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fff 3px, #fff 4px, transparent 4px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}

.pricing-area p {margin-bottom: 24px; font-size: 14px; color: #ffffff; line-height: 28px; font-weight: 500;word-break: break-word;}

ul.pricing-list li { 
        font-size: 15px;
    list-style: none;
    color: #ffffff;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 15px;
}

.pricing-area .section-title{margin-bottom: 89px;}
.pricing-area .currency-price {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    word-break: break-word;
  
    transition: all 0.95s ease 0s;
}
.pricing-area .single-pricing:hover .currency-price {
    transform: translateY(10%);
}

.pricing-area .single-pricing h4{
    transition: all 0.3s ease 0s;
    margin-bottom: 0.8em;
}
.pricing-area .single-pricing:hover h4{
    letter-spacing: 2px;
}

.pricing-area .single-pricing {
    position: relative;
    transition: .5s;
    text-align: center;
    margin: 0 18px 35px;
    -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);
    padding-bottom: 2.5em;
    border-radius: 5px 5px 5px 5px;
    background: #fff;
        overflow: hidden;
}

.pd-0{padding: 0;}

.pricing-area .single-pricing:hover .pricing-list{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.pricing-area ul.pricing-list {    
    transition: .5s;
    margin: 35px 30px 20px;
}


.pricing-area .pc-btn {
    margin-top: 2em;
}
.pricing-area a.btn {
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #f72985;
    font-weight: 500;
    padding: 15px 30px;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    min-width: 8.23em;
    text-decoration: none;
    font-size: 16px;
    z-index: 1;
    border: 1px solid #f72985;
    margin: 0 10px;
    white-space: normal;
}

.pricing-area a.btn:before,
.pricing-area a.btn:after {
    width: 4.4em;
    height: 2.95em;
    position: absolute;
    content: "";
    display: inline-block;
    background: #f72985;
    border-radius: 50%;
    transition: transform 1s ease;
    transform: scale(0);
    z-index: -1;
}

.pricing-area a.btn:before {
    top: -25%;
    left: 20%;
}

.pricing-area a.btn:after {
    bottom: -25%;
    right: 20%;
}

.pricing-area a.btn:hover:before,
.pricing-area a.btn:hover:after {
    transform: none;
}
.pricing-area a.btn:hover {
    background: #f72985;
    color: #fff;
}
.single-pricing svg {
    position: absolute;
    bottom: 0;
    left: 0;
}


/*----------------------------------------*/
/*  09. Counter Area
/*----------------------------------------*/
#counter-section{
    position: relative;
    background: #fff;
    z-index: 1;
}
#counter-section .counter-post-boxes {
    width: 100%;
}

#counter-section .ourinfo-post-wrap{   
    position: relative;
    text-align: center;
    /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
    z-index: 9;
}
#counter-section .counterhighlight{
    position: absolute;
    left: 0;
    /* right: 255px; */
    top: 0;
    bottom: 0;
    background: yellow;
    z-index: 0;
    width: 28%;
}
#counter-section .ourinfo-post-wrap .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0664ad;
    opacity: 0.9;
}

#counter-section .ourinfo-post {  
    position: relative;
    padding: 4px;
    /*margin-bottom: 20px;*/
    display: inline-block; 
}

#counter-section .details{
    position: relative;
    padding: 0 10px;
   transition: all 9s ;
      
    z-index: 1;    
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

#counter-section .details:hover{
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
#counter-section .details:hover h5{
    border-radius: 20px 0;
    transition-duration: 1s;
}

#counter-section .details h5{
    font-size: 48px;
    font-weight: bold;
    word-break: break-word;
    border: 2px solid #000;
    background: #f3f3;
    margin: 0;
    transition: all 1s ;
}
#counter-section .details h3{
    font-size: 21px;
    color: #111;
    margin: 0;
    font-weight: 600;
    padding: 18px 24px;
    word-break: break-word;
}
#counter-section .coun-img {
    top: 0;
    margin-top: -103px;
    position: relative;
}
#counter-section .coun-img img{
    width: 100%;
    height: 489px;
}
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/

#blog{
    position: relative;
    background:#fff;
}
#blogslider {
    padding: 0 2em;
}

.blog-area .blog-area-wrap {
    margin-top: 50px;
    width: 100%;
}
.blog-area .blog-post{
    margin-bottom: 20px;
}
.blog-area .blog-single {
    padding: 30px 0px 0 0;
    margin-bottom: 20px;
}
.blog-area .blog-single h4{
    font-size: 20px;
    font-weight:700;
    margin-bottom: 20px;
}
.blog-area .blog-thumbnail{
    position: relative;
    /*overflow: hidden;*/
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: 270px;
    transition: all 2s ease 0s;
}

.blog-area .blog-date{
    position: absolute;
    top: -10px;
    left: -10px;
    text-align: center;
    z-index: 99;
}
.blog-area li{
    list-style: none;
    background: #f33;
    font-size: 32px;
    padding-top: 10px;
    font-weight: 600;
    color: #fff;
}
.blog-area li span{
    color: #fff;
    background: #f3f;
    padding: 6px 22px;
    font-size: 16px;
    font-weight: 600;
}
.blog-area p{
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
}
/*============= btn ==============*/
.blog-area .blog-btn{
    background-color: #1276c4;
    display: inline-block;
    z-index: 2;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    text-decoration: none;
    border-radius: 0;
    border: none;
    margin-top: 6px;
    padding: 12px 22px;
}

.blog-area .blog-btn:hover a{
    font-weight: 600;

}

.blog-area .blog-btn:before, .blog-area .blog-btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 50px solid #f3f;
  transition: all 0.5s;
  z-index: 0;
  border-radius: 50px;
  z-index: -1;

}

.blog-area .blog-btn:before {
  right: -50px;
  /*border-right: 10px solid transparent;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.blog-area .blog-btn:after {
  left: -50px;
  /*border-left: 10px solid transparent;*/
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
}

.blog-area .blog-btn:hover:before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
          
}
.blog-area .blog-btn:hover:after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);        
}

/*===========================*/

.blog-area {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.blog-area img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.blog-area .ovrlyT {
    position: absolute;
    background: #f3f;
    opacity: 0.3;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.blog-area .ovrlyB {
    position: absolute;
    background: #f3f;
    opacity: 0.3;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}

.blog-area .box-area-S:hover .ovrlyT {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.blog-area .box-area-S:hover .ovrlyB {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*----------------------------------------*/
/*  11. Logo Area
/*----------------------------------------*/
#ourclient {
    background: #f6f6f6;
    padding: 3em 0;
    background: linear-gradient(0deg,#fff,#f5f5f5 80%) no-repeat;
}
.clientlogobx{
    cursor:pointer;
    position:relative;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    transition:all 1s;
    padding: 5px;
}

.clientlogobx:after,
.clientlogobx:before{
    content:" ";
    width:0px;
    height:0px;
    position:absolute;
   /* border :5px solid transparent;*/
    transition:all 1s;
    }
.clientlogobx:hover:after{
    top: -5px;
    left: -5px;
    border-top: 5px solid #8972ea;
    border-left: 5px solid #516ced;
}
.clientlogobx:hover:before{
    bottom:-5px;
    right:-5px;
    border-bottom:5px solid #516ced;
    border-right:5px solid #8972ea;
}
.clientlogobx:hover{
    border-top-right-radius:0px;
border-bottom-left-radius:0px;

}
.clientlogobx:hover:before,
.clientlogobx:hover:after{ 
    width: 110%;
    height: 115%;
}

.ourclients-post{
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 10px;
}
/*----------------------------------------*/
/*  12. Footer Area
/*----------------------------------------*/
.Padding0{
    padding: 0;
}
.footer-area {
    position: relative;
    background: #000000db;
}
.footer-area .overlay {
    width: 100%;
    height: 100%;
    z-index: 11;
    background:#003f71;
    position: relative;
    opacity: 0.95;
}

.footer-area .mainmenu li.current_page_item a,.footer-area .current_page_item > a {
    background: none;
}
.footer-area li {
    display: block;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    /*border-bottom: 1px solid;*/
    padding-bottom: 12px;
     }
.footer-area li a {
   /* display: inline-block;*/
    font-size: 15px;
    font-weight: 500;
   /* padding-bottom: 10px;*/
    /*border-bottom: 1px solid;*/
   /* width: 90%;*/
}

.footer-area li:before {
    content: "\f178";
    font-family: 'Fontawesome';
    font-size: 13px;
    padding-right: 10px;
}
.footer-area li a:hover {color: #FF9210; }
.footer-area .gallery-item {max-width: 33.33%;padding-right: 13px;padding-bottom: 13px;}

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

footer#footer.footer-area .widget-title {   
    color: #feffff;
    margin-bottom: 25px;
    font-size: 20px;
    /*border-bottom: 1px solid #2d292a;*/
    padding-bottom: 0px;
    font-weight: 600;
}
#footer .single-footer-1 p {
    padding: 1em 23em;
}
.footer-area .widget.widget_recent_entries li a {
    font-size: 14px;
}

.footer-area .social-profile-icons ul li {    
    display: inline-block;
    /*padding-right: 8px;*/
    /*font-size: 15px;*/
    font-weight: 800;
    margin: 0;
    border: none;
    transition: all 0.5s ease 0s;
}

.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .social-profile-icons i.fa{    
    text-align: center;
    margin-right: 0;
    font-size: 15px;
    background: #f3f;
    border-radius: 50%;
    width: 35px;
    margin: 0 5px;
    height: 35px;
    line-height: 35px;
    position: relative;
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.footer-area .social-profile-icons i:hover{
    transform: rotateY(360deg);
    transition: all 0.5s ease 0s;

 }
.footer-area .widget {margin-bottom: 1.5em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}

.footer-area .bottom-area ul { margin-bottom: 0;}

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

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

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    height: 49px;
    border: 1px solid;
    font-size: 15px;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"] {  
        background: #fff;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding:8px 20px;;
    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 {
    border-bottom: 1px solid;
        background: none;
}
.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
      background: none;
}
.footer-area .top-area {
    padding: 0 0 0.5em;
}

.footer-area label{
    font-weight: 400;
}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}

.footer-area i.fa {    
       padding: 0;
    font-size: 18px;
    font-size: 20px;
    margin-right: 8px;
}
.footer-area .textwidget i.fa.fa-map-marker {
    margin-top: 10px;
}



.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {
    padding-top: 0;
}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img:hover{opacity: 0.8;}
.footer-area p span {color: #fe900f;font-weight: 400;}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.s-footer{
    float: left;
    padding: 0 15px;
    margin: 1.5em 0;
   /* border-right: 1px solid;*/
}
.single-footer-4{
    border-right: none;
}

.footer-area .widget_recent_entries ul li {
   /* border-bottom: 1px solid #2d292a;*/
    /*line-height: 30px;*/
    margin: 0;
    padding: 10px 0;
}
#footer .single-footer-1{
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.footer-area li.current_page_item a {
    border: none;
}

.footer_area-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer_area-img {
    max-width: 80%;
    padding-top: 10px;
}

.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer-facility-area .col-md-4.pd-0:last-child .footer_facility-text{
    border-right: 1px solid #d3d3d3;
}

.footer_facility-text i.fa {
      padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

#footer-centerimg {
    padding: 9em 0;
    /*background: #333333;*/
}
.footer-area .bottom-area {
    text-align: center;
}
/*----------------------------------------*/
/*  05. Testimonials Page
/*----------------------------------------*/
#innerpage-box .testimonial-content-box {
    clear: both;
    background: linear-gradient(45deg,#1d65d3,#8a36dc 80%) no-repeat;
    padding: 40px 20px 20px;
    border-radius: 20px;
    border: 6px solid;
    border-bottom: none;
    border-top: none;
    margin-bottom: 20px;
}
div#content-box .ts-b {
    position: relative;
    margin-bottom: 3em;
}

#content-box .testimonial-content {
    text-align: center;
    margin: 2em 5em;
}
#content-box .testimonial-content i{
    display: none;
}
#innerpage-box .testimonial-content p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
}
#content-box .testimonial-content h6{
    font-weight: 700;
    margin: 10px 0;
}

#content-box .testimonial-content-box .team-thumb{
     position: relative;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease 0s;
}

#content-box .testimonial-content-box .team-thumb img{
    width: 160px;
    height: 160px;
    border-radius: 10px;
    margin: auto;
    /* border: 5px solid #fff; */
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
 }

#content-box .testimonial-content-box:hover .team-thumb img{
          
    transform: scale(0.9) rotateZ(0.15deg);
     -moz-transform: scale(0.9) rotateZ(0.15deg);
        -webkit-transform: scale(0.9) rotateY(0deg);
     -o-transform: scale(0.9) rotateZ(0.15deg);

}

/*----------------------------------------*/
/*  09.  team Inner page
/*----------------------------------------*/
#innerpage-box .our-team{
    display: none;
}
#innerpage-box .in-our-team {
    text-align: center;
    margin-bottom: 30px;
}
.single-team .in-our-team .in-single-team-img {
    margin-bottom: 0;
    position: relative;
    overflow: visible;
}
.in-our-team .in-t-img {
    position: relative;
    overflow: hidden;
}
.in-our-team .in-t-img img{
    height: 350px;
    width: 100%;
}
.in-our-team .in-t-img:after {
    background: #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    opacity: 0.7;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: linear-gradient(0deg,#516ced,#8972ea 80%) no-repeat;
}
.in-our-team:hover .in-t-img:after, .in-our-team.hover .in-t-img:after {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
#innerpage-box .in-team-show {
    padding: 20px 10px;
    box-shadow: 2px 2px 8px 0px rgba(4, 0, 0, 0.12);
    overflow: hidden;
}
#innerpage-box .in-section-area-text{
    padding: 6px 0;
    margin: 0;
}
#innerpage-box .in-section-area-text p{
    padding: 10px 0 4px 0;
    margin: 0;
}
#innerpage-box .in-team-social-icon li{
    display: inline-block;
}
#innerpage-box .in-team-social-icon li a {
    font-size: 18px;
    padding: 0 6px;
}
#innerpage-box .in-team-social-icon li a  i{
    z-index: 1;
    position: relative;
    -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
#innerpage-box .in-team-social-icon li a i:hover{
    transform: translateY(-6px);
}
/*--------------------------------------------------------------
# Gallery Script*/

/*fancybox.css*/

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

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
.inner-page-gallery {
    position: relative;
    margin: 18px 6px;
}
.inner-page-gallery{
    background: #f3f;
    overflow: hidden;
    position: relative;
}
.inner-page-gallery:before,
.inner-page-gallery:after{
    content: '';
    background: #ff7b08;
    /*box-shadow: 15px 0 0 #ff7b08;*/
    width: 10px;
    height: 90%;
    transform: skewY(50deg);
    position: absolute;
    bottom: -100%;
    left: 5px;
    z-index: 1;
    transition: all 0.45s ease;
}
.inner-page-gallery:after{
   /*  box-shadow: -15px 0 0 #ff7b08;*/
    left:auto;
    right: 5px;
    bottom: auto;
    top: -100%;
}
.inner-page-gallery:hover:before{ bottom: -10px; }

.inner-page-gallery:hover:after{ top: -10px; }

.inner-page-gallery img{
    width: 100%;
    height: 350px;
    transition: all 0.45s;
}
.inner-page-gallery:hover img{
    opacity: 0.3;
    filter: grayscale(90%);
}


/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/
#service .serboxinn{
    display: none;
}
#innerpage-box .single-service{
    display: none;
}
#service .service-innp{
    display: none;
}
#innerpage-box .single-service-bx {
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    text-align: center;
    display: none;
}
#innerpage-box .service-innp {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    text-align: center;
    padding: 0px ;
}
#innerpage-box .single-service-bx .service-icon {
    overflow: hidden;
    position: relative;
}
#innerpage-box .serbox {
    padding: 0 5px 20px;
    position: relative;
}

/*====================================*/
#innerpage-box .more-button{
    display: none
}
#innerpage-box .serbox:after {
    content: '';
    width: 0;
    height: 10px;
    position: absolute;
    border-radius: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    background-color: #000; 
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
#innerpage-box .service-innp:hover .serbox:after {
    width: 100%;
    left: 0;
    right:0;
    margin:0 auto;
}
#innerpage-box .service-icon a img {
    transition: 1s ease-out;
    border-radius: 3px;
    opacity: 1;
}
#content-box .service-icon {
    width: 100%;
    overflow: hidden;
    position: relative;
  
}
#content-box .service-icon img {
    position: relative;
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
}
#content-box .service-icon .ovrlyT {
    background: #f3f;
    opacity: 0.2;
    height: 100%;
    left: 100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
}
#content-box .service-icon .ovrlyB {
    background: #f3f;
    opacity: 0.2;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
}
#content-box .service-innp:hover .ovrlyT {
    left: 0;
    top: 0;
    
}
#content-box .service-innp:hover .ovrlyB {
    left: 0;
    top: 0;
    
}
/*-----------------------
## 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: 33px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 15px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box h3 {
      font-size: 20px;
    background: #2e2e2e;
    padding: 15px 25px;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}
#sitemap-box .current_page_item > a {
    background: none !important;
}
main#innerpage-box div#sitemap-box ul li {
    list-style: none;
    padding-bottom: 5px;
}
main#innerpage-box div#sitemap-box ul li a {
    position: relative;
    padding-left: 20px;
}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {
    transform: scale(1.4);
}
div#sitemap-box ul {
    margin: 0;
}

div#sitemap-box .sitemap-blogposts ul {
    padding: 5px 5px 5px 0;
    margin: 0;
}
div#sitemap-box .sitemap-posts-box {
    margin-bottom: 15px;
}
div#sitemap-box .blogpostsitemap li {
    list-style: none;
}
div#sitemap-box .sitemap-posts-box img {
    width: 100%;
}
div#sitemap-box h3:before {
      position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: 9px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}
/*-----------------------
## End Site map Template 
-----------------------------*/

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

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

#ht-contactus-wrap .contact-sm-links li a span {
      padding: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 50%;
      background:transparent;
}
#ht-contactus-wrap .contact-sm-links li a {
     font-size: 30px;
    border-radius: 50%;
      text-align: center;
}
#ht-contactus-wrap .contact-sm-links li a:hover span{
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
      background: #fff;
}
main#innerpage-box #ht-contactus-wrap .social_area h2 {
    font-size: 60px;
    font-weight: 600;
}
.map_area_label {
    text-align: center;
    padding: 6em 12em;
    padding: 6em 12em 2em;
}

main#innerpage-box #ht-contactus-wrap .map_area_label h4{
      font-size: 33px;
    color: #000;
    letter-spacing: -1px;
    line-height: 45px;
}
#ht-contactus-wrap .contact-page-form {
    text-align: center;
}
#ht-contactus-wrap .contact-page-form p{
    color: #fff;
}
.contact-mapbox {
    width: 100%;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
    border-radius: 0 0px 30px 0;
}
#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: 15px;
    border: none;
    border-bottom: 1px solid;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 0;
    background-color: transparent;
}

#ht-contactus-wrap .address-c-box{
    background-color: #516bec;
      background-image: radial-gradient( circle farthest-corner at 10% 20%,#8972ea 0%,#516ced 100.3% );
    border-radius: 30px 0 0 0;
    padding: 3em 2em;
}

#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 60px;
}
#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;
}
main#innerpage-box #ht-contactus-wrap h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
#ht-contactus-wrap input[type="submit"] {
    float: right;
    padding: 10px 30px;
}

.pd-8 {
    padding: 0 8px;
}

.mg-3 {
    margin: 12em 0 0;
}

.pd-r {
     padding-right: 2em;
}

.pd-l {
        padding: 4em 0;
    padding-left: 4em;
     text-align: left;
}
.page-template-contact-template .inner_contentbox {
    padding: 0em 0em 0;
}
.page-template-contact-template .innerpage-whitebox {
    padding: 0 1em;
}
#ht-contactus-wrap .Address_area{
    background: #f72985;
    padding: 6em 5em;
    border-radius: 0 0px 108px 0;
    margin-right: 3em;
}


.page-template-contact-template  main#innerpage-box .Address_area h4, 
.page-template-contact-template  main#innerpage-box .social_area h4  {
      font-size: 50px;
    color: #000;
    font-weight: 800;
    margin-bottom: 0;
}

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


main#innerpage-box .Contact_area_text {
    font-size: 16px;
    color: #777777;
    padding: 0 10px;
}
main#innerpage-box .social_area h4 {
    color: #fff;
}
main#innerpage-box .social_area .Contact_area_text {
    color: #fff;
}

#ht-contactus-wrap .Address_area i {
    font-size: 45px;
    color: #f72985;
}
#ht-contactus-wrap .contact_l_area i {
    font-size: 25px;
}

#ht-contactus-wrap .contact_l_area {
      padding-top: 15px;
    text-align: center;
}
#ht-contactus-wrap .contact-info {
    margin-top: 13px;
    color: #bebebe;
    font-size: 15px;
}
#ht-contactus-wrap .contact_area {
    margin-bottom: 1em;
}
#ht-contactus-wrap .contact-info a{
    color: #bebebe;
}
#ht-contactus-wrap .contact-info p{
    margin: 0;
}
#ht-contactus-wrap .contactus-img img {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
}
#ht-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#ht-contactus-wrap .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


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

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

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

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    padding: 10px 0;
    margin: 0;
    background: #fbb34d;
    border-radius: 10px 10px;
    box-shadow: none;
    box-shadow: 0px 2px 10px -4px rgb(0 0 0 / 40%);
    /*border: 2px solid #f72985;*/
}

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: 24px;
    color: #000;
    float: right;
    position: absolute;
    top: 8px;
    left: 8px;
    font-weight: normal;
    /* background: #f72985; */
    /* width: 33px; */
    /* height: 33px; */
    line-height: 30px;
    padding: 0 3px;
    /* border-radius: 50px; */
    /* border: 3px solid #fff; */
}
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: 2px 0 15px;
    border-radius: 10px 10px;
    border-top: 0;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
   /* border: 3px solid #fff;*/
    padding: 10px 60px 0;
}
div#content-box .faq-content div.panel p{
    margin:0 0 10px;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box h3.faq-title {
    padding: 0 60px;
    margin: 0;
    font-weight: 600;
    line-height: 28px;
    word-break: break-word;
    font-size: 16px;
}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
/*-----------------------
## End FAQS page
-----------------------------*/

/*===========*/
.col-container {
    display: table;
    width: 100%;
}
.col-facility{
    display: table-cell;
}
.heading.active i {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;
}
.test-right img {
    width: 100%;
    height: 100%;
}
.heading{cursor: pointer;}
@media screen and (min-width: 769px){
    .inside-full-height{height:100%}

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

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #f72985;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    
    width: auto;
    height: auto;
    margin: 0px 0 0;
}
.total-count {
    background: #f72985;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*--------------------------------------------------------------
## 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 {

    /* 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
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
#innerpage-box{
    padding:0;
    background: #ffffff;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
     padding: 0 1em;
    border-radius: 10px;
    margin-bottom: 10px;
}
#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 ul li:hover:before {
    transform: scale(1.4);
}

.widget-area ul li:before {
    content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.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: 10px 0;
}
main#innerpage-box #content-box ol {
    margin: 0;
}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    padding-top: 10px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 30px 0 #88828230;
}
.page_featured {
      /*margin: 0 4em;*/
    margin-bottom: 2em;
    padding: 10em 4em;
}
img.ht-page-header-img{
    width: 100%;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.sticky {
    display: block;
}
.total-hentry {
    margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {

}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.ht_no_sidebar #primary{
    width: auto;
    float: none;
}

.ht_no_sidebar_condensed #primary{
    width: 76%;
    float: none;
    margin: 0 auto;
}

.ht_left_sidebar #primary{
    float: right;
}

.ht_left_sidebar #secondary{
    float: left;
}

.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}

section ul{
    padding: 0 0 20px 0;
}

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

.error404 .oops-text{
    text-align: center;
}

.toggle-bar{
    display: none;
}

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

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}

#innerpage-box p {
    font-size: 15px;
}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box li {
    font-size: 15px;
}
.sidebar_list {
    margin-top: 2em;
}
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
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%;
}
div#blog-box.innerpage-whitebox .post.excerpt {
    margin-bottom: 20px;
        display: inline-block;
}
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;
}
.widget-area .widget-title{
    background: none !important;
}
body.page-template-default #innerpage-box .widget-area .widget-title:after, 
.page-template-templates #innerpage-box .widget-area .widget-title:after,
#innerpage-box .widget-area .widget-title:after{
    position: relative;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
    background-image: none;
    display: block;
    margin: 0;
}
#innerpage-box .widget-area .widget-title {
    line-height: 35px;
    word-break: break-word;
    text-align: left;
    /*box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);*/
}

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


/*-----------------------
## 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-bottom: 20px;
        padding-top: 15px;
            padding: 15px;
}
.inner-blog-post:hover{
   box-shadow: 0px 6px 40px -4px rgba(0,0,0,0.4);
}
.inner-blogpost {
     position: relative;
    margin-bottom: 20px;
}
.ht-blog-thumbnail{
    position: relative !important;
    left: 0;
    margin-top: 0;
   /* margin-bottom: 30px*/
}
.ht-blog-thumbnail a {
    display: block;
    position: relative;
    z-index: 1;
}

main#innerpage-box .ht-blog-thumbnail {
    overflow: hidden;
}

main#innerpage-box .ht-blog-thumbnail img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
    height: 380px;
        max-width: 100%;
    vertical-align: middle;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
    transform: scale(1.2);
}
main#innerpage-box .ht-blog-thumbnail a:before {
    transition: all .5s ease;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f72985;
    transform: scale(0);
}
main#innerpage-box .ht-blog-thumbnail:hover a:before {
    opacity: .7;
    transform: scale(1);
}
main#innerpage-box .ht-blog-thumbnail a:after {
    transition: all .6s ease .2s;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    /* border: 1px solid #aaa; */
    background: #f72985;
    opacity: 0;
    transform: scale(0);
}
main#innerpage-box .ht-blog-thumbnail:hover a:after {
    opacity: .3;
    transform: scale(1);
}
.ht-blog-thumbnail .socialMedia a:before, .ht-blog-thumbnail .socialMedia a:after {
    display: none;
}
.inner-blogpost-info {
    margin-bottom: 15px;
}
main#innerpage-box #blog-box h2 {
    font-weight: 600;
    margin: 10px 0;
}
.inner-blog-excerpt {
    font-size: 14px;
        line-height: 20px;
}
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{
    color: #f72985;
    margin: 10px 0;
}
#blog-box .ht-blog-date .fa{
   margin-right: 5px;
}

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

.blog-read-more a {
    border: none;
    font-size: 13px;
    color: #555555;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( to right, #f72985, #f72985 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100%;
    padding: 0;
    font-weight: 500;
    margin-top: 15px;
}
.blog-read-more a sub,
.blog-read-more a sup{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( to right, #f72985, #f72985 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100%;
}

.blog-read-more a:hover {
  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
}

.blog-read-more a:hover sub,
.blog-read-more a:hover sup{
 transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
}
.blog-read-more a:before {
    content: "";
    width: 25px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
        background-color: #000000;
}
main#innerpage-box #blog-box h2 {
    font-size: 20px;
}


/*-----------------------
## Blog category Page 
-----------------------------*/

div#blog-box article.post.excerpt {
    position: relative;
    margin-bottom: 4em;
}
div#blog-box .innerblogpost .inner-catblogpost {
    text-align: left;
    float: left;
    transition: all 0.3s ease 0s;
        margin-bottom: 2em;
}

div#blog-box .innerblogpost .ht-catblog-thumbnail {
    position: relative;
    transition: all 0.3s ease 0s;
}
div#blog-box .innerblogpost .ht-catblog-thumbnail img{
       width: 100%;
    height: 300px;
}

/*div#blog-box .post.excerpt:nth-child(2n) .inner-catblogpost {
    float: right;
    text-align: right;
}
div#blog-box .post.excerpt:nth-child(2n) .ht-catblog-thumbnail {
    float: right;
}

div#blog-box .post.excerpt:nth-child(2n) .inner-catblogpost-info {
   text-align: left;
}*/



div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);

}

div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail img {
    transition: 1s ease-out;
    border-radius: 3px;
    opacity: 1;
}
div#blog-box .innerblogpost .ht-catblog-thumbnail:hover .featured-thumbnail img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    opacity: 0.7;
}


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

.inner_contentbox {
    position: relative;
    top: -4em;
    background: #fff;
    padding: 2em 1em 0;
    border-radius: 10px;
   /* margin: 0 2em;*/
}

/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

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

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

.woocommerce ul.products li.product a img{
    border: 5px solid #f1f0f0 !important;
    /*height: 230px;*/
}
.woocommerce div.product div.images img {
    border: 2px solid #f1f0f0 !important;
}

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

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

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0;
}
.woocommerce ul.products li.product .price del{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    display: inline;
    font-weight: 400;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul li:before{
    display: none;
}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
  display: inline-block;
    color:#fc856d;
    padding: 0px 20px;

}
.woocommerce-MyAccount-navigation ul li{
    margin: 5px 0 !important;
}
.woocommerce-MyAccount-navigation-link.is-active a{
    color:#000 !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background: #333;
   /* border:1px solid #333;*/
    color: #FFF;
}

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

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.single_inner .page-main-header {
    display: none;
}

.woocommerce ul.products li.product:hover .button{
    border-color: #fe5722;
    background-color: #fe5722;
    color: #FFF;
}

.woocommerce ul.products li.product .button.loading{
    opacity: 1;
}

.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

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

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    background: #333;
    border-color: #333;
    color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul{
    border: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li{
    border: 0;
    margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #333;
    color: #FFF;
}

.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

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

.woocommerce ul.products li.product .onsale{
    margin: 10px -6px 0 0;
}

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

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

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

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

.woocommerce .product_meta a{
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 1;
    height: auto;
    margin-right: 15px;
    margin-top: 30px;
    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;
}

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

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

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

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

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

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

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #FFF;
    border: 4px solid #fe5722;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    background-color: #fe5722
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #EEE;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
    background: none;
}

.woocommerce ul.products li.product strong {
    display: inline-block;
}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
   /* border: 1px solid #6963635c;*/
}
/* GALLARY HOMEPAGE CSS */
main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}
/**/
ul.themetext {
    margin: 0;
    padding: 0;
    list-style: none;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title {
    margin: 0;
}

div#content li.blocks-gallery-item:before {
    content: none;
}
div#content li.blocks-gallery-item {
    padding: 14px 14px 0 14px;
}
div#content li.blocks-gallery-item img:hover {
    opacity: 0.5;
}


.single_post .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {
    background: none;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

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

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


@media screen and (max-width: 1520px){
    .ht-slide-caption { left: 5%; }
    div#pricing #curve {
        top: -150px;
    }
    .single-team .in-our-team ul > li > a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 1510px) and (min-width: 1445px){
    .inner-page-gallery:hover .text {
        width: 20rem;
        height: 20rem;
        margin-top: -10rem;
        margin-left: -10rem;
        padding: 35% 10px 0px;
    }
    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

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

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

#slider .bx-wrapper .bx-prev{
    left:42px;
}
#slider .bx-wrapper .bx-next{
    top:60px;
}
.inner-page-gallery:hover .text {
    width: 20rem;
    height: 20rem;
    margin-top: -10rem;
    margin-left: -10rem;
    padding: 20% 10px 0px;
}
.inner-page-gallery .text {
    right: 40%;
}

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


}
@media screen and (min-width: 1024px) and (max-width: 1200px){
  #quote-carousel .carousel-control.left {
    left: -42px;
}

#quote-carousel .carousel-control.right {
    right: -42px;
}
#appointment{
    margin-top: -9.2%;
}
#ourskill-section .skill-box{
    margin-top: 14%;
}

#counter-section .details{
    padding: 0 0px;
}

.sliderimg{
    width: 500px;
    left: 55%;
}
.ht-slide img {
    width: 500px;
    height: 500px;
}
.headenquiry {
    padding: 7px 20PX;
}
.socialalign a span{
    margin: 0;
}
#about .about-rhs {
    padding: 4em 6em 2em 5em;
}

#featured-content-section .featured-box .featured-icon span{
    font-size: 45px;
}
#featured-content-section .ht-section-title{
    font-size: 28px
}
.ht-slider-highlighttext {
    font-size: 30px;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
}
#ht-appintment-section .box-effect {
   padding: 0;
}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: -5px;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: -14px;
}
.slider_section .title {
    font-size: 42px;
    line-height: 50px;
}
.slider_section .title b {
    font-size: 40px;
    margin-bottom: 6px;
}
.slider_content {
    left: 33%;
    z-index: 999;
}
.img-slide-responsive {
    right: 800px;
    top: -155px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
.features-area .inner-area-title {  font-size: 19px;}
}
@media screen and (min-width: 994px) and (max-width: 1023px){

}
@media screen and (width: 1440px){
#slider .bx-wrapper .bx-prev{
    left: 123px;
}
}
@media screen and (min-width: 320px) and (max-width: 1440px){
#slider .bx-wrapper .bx-next{  top:62px;}
.features-area::before, .pricing-area::after{ width: 102%;}
}


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

.footer-area .footerlayer-6{bottom: 25%;}
.footer-area .footerlayer-3{bottom: 15%;}
.footer-area .footerlayer-1{top: 5%;}
.pricing-area .btn{padding: 13px 47px;}
.slider_section::after{    bottom: -10.8%;}
.slider_section .bx-wrapper .bx-controls-direction a{top: 56%;}
.slider_section .bx-wrapper .bx-next{right: 155px;}
.slider_section .bx-wrapper .bx-prev{left: 118px;}
.slider_section .layer-3{    right: 9.3%; top: 40.9%;}
.slider_section .layer-8{top: 17.5%;}
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.pricing-area .layer-part-4{left: 0%;}
ul.pricing-list li{font-size: 14px;}
.pricing-area .single-pricing h1 span.large{font-size: 55px;}

.features-area .btn{padding: 18px 40px;}
.features-area .owl-carousel .owl-nav button.owl-next{ right: -20px;  }
.features-area .owl-carousel .owl-nav button.owl-prev{left: -20px;}
.slider_section .title{  padding-bottom: 5px;}
.innerpage-whitebox{  padding: 1em 0em 1em 0em;}
header.site-header .list-inline.m-a0{ padding-left: 0px !important;}
header.site-header .text-bx.padding0{ padding-left: 15px;}
header.site-header input[type="search"] {width: 100%;}

div#features{ padding: 0em 0 1em 0em !important;}
div#features .featured-high-area{ padding-top: 2em !important;}
div#testimonials{ padding: 1em 0 3em 0em !important;}
div#counter{ padding: 2em 0 2em 0em !important;}
div#blog { padding: 2em 0 2em 0em !important;}
#ourclient { padding: 2em 0 !important;}
}

@media screen and (max-width: 1299px){
    .ct-btn-scroll{
        bottom: 20px;
    }
    #footer .single-footer-1 p { padding: 1em 2em;}
}

@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_section .title {
        font-size: 35px;
        line-height: 35px;
    }
    .slider_section .title b {
        font-size: 35px;
        margin-bottom: 0px;
    }
    .ht-slide img {
    height: auto !important;
}
.img-slide-responsive {
    position: absolute;
    right: 620px;
    top: -6px;
}
.tp-loop-wrap.rs-wave {
    min-width: 620px !important;
}

.slider_content {
   /* width: 390px;*/
    margin-left: -400px;
    left: 48%;
    top: 50%;
}
.slider_section a.btn {
    padding: 15px 35px;
    font-size: 14px;
}
.slider-btn {
    margin-top: 1.5em;
}
.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){
        .slider_section .title {
            font-size: 35px;
            line-height: 45px;
        }
        .slider_section .title b {
            font-size: 30px;
            margin-bottom: 0px;
        }
        .slider_content {
            top: 55%;
            /*width: 485px;*/
            left: 75%;
        }
        .logo {
        position: relative;
       /* left: 40px;*/
        top: 0px !important;
        background: none !important;
        padding: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        text-align: center;
    }
    .sf-arrows .sf-with-ul:after{
        right: 30px !important;
    }

    .slider_content {
    /*width: 260px;*/
    margin-left: -485px;
    left: 74%;
    top: 65%;
    }
    .ht-site-title, .site-title {
        font-size: 23px;
    }
    .header-share {
    top: 45px;
    right: 70px;
}


.hamburger-menus {
        top: 5px;
    right: -5px;
    margin: 0 !important;
}
.top-bar-head .head-menu {
    padding-right: 0;
}

}

@media screen and (max-width: 991px){
    #counter-section .coun-img img,
    #about .aboutarea-img img { width: auto; height: auto;}
.ht-section-title-tagline { margin-bottom: 20px;}
.logo{margin-top: 0px;}
.headenquiry { padding: 8px 10PX; }
#quality-section { padding: 1em 0;}
#quality-section .ht-section-qualitybox h2 { font-size: 30px;border: none;}
#service,#counter-section,#featured-content-section,#featured-content-section .featured-left,#appointment,
#quality-section,#oursteps-post-section,.footer-area .top-area{padding: 1em 0 !important;}
.footer-area .overlay ,
#testimonials-section,#blog{padding: 1em 1em !important;}
#appointment .contentbox { margin: 0 4px;}
#appointment .app-form-inn{margin: 0;}
#appointment .phone-subtagline,
#appointment .app-form-box{padding: 30px 10px 10px 10px;}
#counter-section .ourinfo-post-wrap { padding: 2em 0 1em 0 !important;}
#featured-content-section .featured-subtext {  padding: 0% 3% 3% 3% 3%;}
#featured-content-section .featured-post .description {padding: 10px 0;}
#about .about-rhs { padding: 1em 1em 1em 1em;}
#ourskill-section .skill-box {  margin-top: 2%;}
}

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

}
@media screen and (max-width: 990px){
    div#testimonials {
    padding: 1em 0 4em 0em !important;
}

div#testimonials .ts-pd {
    padding-top: 0;
}
}


@media screen and (max-width: 768px){
   
    main#innerpage-box h6.faq-title{
        padding: 10px 75px 8px 17px !important;
    }
    .single-productpage .innerpage-whitebox,
    .single-productpage #sidebars {
        margin-top: 00px;
    }
  
    .ht-footer.ht-footer1,
    .ht-footer.ht-footer2,
    .ht-footer.ht-footer3,
    .ht-footer.ht-footer4 {
        width: 100% !important;
        /* margin-left: 3%;*/
    }
    .ht-slide-caps-title.animated.fadeInDown {
        font-size: 26px;
    }
    .ht-main-navigation li{
        padding-right: 00px;
    }
    img.ht-page-header-img{
        height: 275px;
    }
    .ht-site-title a, .site-title a{
        top: 0 !important;
    }
    .ht-slide-cap-title.animated.fadeInDown
    {
        font-size: 22px;
    }
    .ht-slide-cap-desc.animated.fadeInDown{
     font-size: 13px;
     line-height: 20px;
 }
 .newsletter-form-box input[type="submit"]{
    left: 0px;
}
#quote-carousel .carousel-control.right {
    right: 0;
    top: 140px;
}
#quote-carousel .carousel-control.left {
    left: -7px;
    top: 140px;
}
#quote-carousel .carousel-control {
    margin-top: -50px;
}
.ht-slide-cap-descmore {
    margin-top: 5px;
}
.section-title h2{font-size: 32px;}

body.admin-bar .navigation {
    top: 45px;
}
/*.top-bar-head {
    padding:0em 1em !important;
    width: 100%;
}*/
}
@media screen and (min-width: 810px) and (max-width: 825px){
    .hamburger-menus {
        right: -25px;
    }
    .top-bar-head {
        padding: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
.headenquiry {  padding: 4px 4PX;}
.site-header .up-h-inn {padding: 4px 2px;}
.socialalign { padding: 0 0;}
#featured-content-section .title-icon1 ,.title-icon{    display: none;}
main#innerpage-box .ht-blog-thumbnail img{height: 250px;}
.inner_contentbox{padding: 0.5em 0;}
main#innerpage-box div#content-box h3.faq-title{padding: 0 48px;}
#featured-content-section .featured-subtext{padding: 3%;}
#oursteps-post-section .oursteps-button i{right: -62px !important;}
#footer .single-footer-1 p{padding: 1em;}
#featured-content-section .ht-section-title-tagline{position: relative;}
#about .about-title{margin-top: 20px;}
.section-title h2,
.ht-section-title { font-size: 28px; line-height: 30px;}
}

@media screen and (max-width: 768px){
    .slider_section p{
        padding-left: 10px;
    }
    .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
        margin-bottom: 10px;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button{
        margin-bottom: 15px;
    }
    .ht-main-navigation a{
        padding: 8px 17px;
    }
    .ht-section-title,
    .ht-section-tagline{
        width: auto;
    }
    .ht-top-footer{
        margin-left: 0;
    }
    .ht-footer{
        width: auto;
        margin: 0 0 30px;
        float: none;
    }
    .ht-footer:last-child{
        margin-bottom: 0;
    }
    .ht-slide-cap-descmore a{
      font-size: 2vw;
  }
  .ht-slide-cap-title{
    font-size: 40px;
    margin-bottom: 0px;
    line-height: 30px;
}
.ht-slide-cap-title span {
    font-size: 20px;
}
 .ht-slide-caption{width: 480px;}
.ht-slide-cap-desc{ margin: 10px 0;}
.sliderbtn .ht-slide-cap-descmore a {  padding: 9px 14PX;}
.sliderimg{ width: 500px;  left: 47%;}
.ht-slide img { width: 500px;height: 500px !important;}
#primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
#secondary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}

div#postproducts .ppost-area .postp_sarea {
    margin-bottom: 2em;
}
 div#postproducts{
        padding: 2em 0 0 !important;
}
 main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 {
        font-size: 30px;
    }
    #ht-contactus-wrap .contact_l_area span {
        font-size: 22px;
    }
    #ht-contactus-wrap .contact-info {
        margin-top: 18px;
        font-size: 14px;
    }
    .pd-r {
            padding: 2em 0;
        padding-right: 2em;
    }
    .pd-l {
        padding: 2em 0;
        padding-left: 2em;
    }
    .mg-3 {
        margin: 2em 0;
    }
    .social_area i.fa {
        right: 49%;
    }
    div#offer {
        padding: 1em 0 !important;
        
    }


}

@media screen and (min-width: 476px) and (max-width: 765px){
  
}

@media screen and (max-width: 775px){
.header-share {
     top: 45px;
    right: 35px;
}
}

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

}

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

}

@media screen and (max-width: 668px){
    div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {
        float: none;
    }
    #ht-contactus-wrap .contact_area {
    padding: 0px 0em 0;
}
#ht-contactus-wrap .address-box {
    padding: 3em 2em;
    text-align: center;
}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: none;
}
 #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: block;
}
#ht-contactus-wrap .contact_l_area span {
    font-size: 35px;
}
#ht-contactus-wrap .contact-info {
    font-size: 15px;
}
.social_area i.fa {
    right: 45%;
}
.mg-3 {
    margin: 1em 0;
}
.pd-r {
    padding: 0em 0;
}
.pd-l {
    padding: 0em 0;
}
#ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
    padding: 0;
}
#ht-contactus-wrap .address-box {
    padding: 2em 0.5px;
    text-align: center;
}
#ht-contactus-wrap .contact-page-form {
    padding: 0 1em 1em;
}
#ht-contactus-wrap .contact-sm-links li a span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
}

}

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

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important; }
.slider_section{ padding: 0; }
#appointment .contentbox{  margin: 10px 0 ;}
#footer .single-footer-1 p{ padding: 0;}
#ourskill-section .maindiv{padding: 2em 1em !important;}
#ourskill-section .skill-inn .skillinn-img{ float: none; margin-top: 5%;}
#appointment .contact-icon i.fa.fa-map-marker{top:0;}
#appointment .contact-icon i{ top:0;}
#appointment .contact-text { padding-left: 8px;}
#counter-section .details{  padding: 0; }
#counter-section .coun-img{   margin-top: 0; }
#about .about-rhs { padding: 1em 1em 1em 1em;}
.slider_section .sub-title{ margin-top: 10px;}
#service .single-service h4{ text-align: center; padding: 8px;}
#ht-newsletter-box input[type='submit']{ padding: 8px 26px; font-size: 14px;}
.main-dispaly.padding0 {  padding-left: 20px;}
.socialalign a {padding-left: 0px;padding-right: 0px;}
header.site-header button.header-btn{ float: left;}
.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;}
.logo { margin-top: 0;}
.hamburger-menus{float: left !important;}
.low-header { padding: 0 0px 0px 15px;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{ text-align: left;}
.navigation .mainmenu li:hover > ul{ width: 100%;}

}

@media screen and (min-width: 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;
    }
}

@media only screen and (max-width: 767px) {
    #oursteps-post-section .oursteps-button i{display: none;}
    #oursteps-post-section .oursteps-post-wrap {  text-align: center;  margin: 0 auto;}
    #featured-content-section .feabx { width: 50%;}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 0%;
    width: 98%;
}
    .slide-content p{
        display:none;
    }
    .slide-content-box{
        text-align:center;
    }
    .owl-slider.owl-theme .owl-dots {
        bottom: 180px;
        margin-top: 0;
        position: absolute;
        right: auto;
        text-align: center;
        top: auto;
        transform: translateY(-50%);
        width: 100%;
    }
    .site-header .navbar-toggler, 
    .site-header .is-fixed .navbar-toggler {
        margin: 22px 0 22px 10px;
        box-shadow: none;
    }
    .slide-content .button-lg {
        font-size: 13px;
        padding: 10px 15px;
    }
    .text-white .site-button.outline {
        padding: 8px 15px;
    }
    .abuot-box {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: unset;
    }
    .abuot-box [class*="col-"]{ 
        padding:0;
    }
    #service .single-service-bx{width: 50%;float: left; padding: 0 10px;}
    #appointment .contact-box, #appointment .app-form { width: 100%; }
    .choseus-tabs .title-head {
        display: unset;
    }
    .chosesus-content .abuot-box {
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        left: auto;
        margin-top: 0;
        padding: 20px;
    }
    .chosesus-content .abuot-box p{
        color: #ffffff;
        font-size: 14px;
        opacity: 0.8;
    }
    .choses-info-content [class*="col-"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .inquiry-form{
        margin-top:0;
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){

.footer-area .bottom-area{padding: 15px 0 !important;}
.footer-area .footer-inn-text1{margin-bottom:10px; }

div#newsletter{padding: 4em 0 2em 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; }

.pricing-area .layer-part-9{z-index: 1;}
.pricing-area .layer-part-6{    bottom: 0.4%;}
.pricing-area .layer-part-5{    bottom: 3%;}

.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;
}
.pricing-area .layer-part-4{left: 2%; z-index: 1;}
.pricing-area::after{left: -2%; bottom: -7.8%;height: 110px;}

.slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }

.features-area .owl-carousel .owl-nav button.owl-next{ right: -25px; }
.features-area .owl-carousel .owl-nav button.owl-prev{ left: -25px;  }

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

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

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

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

.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }

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

@media screen and (max-width: 747px){
.slider_gradiant {
    right: 0%;
}
.tp-loop-wrap.rs-wave {
    min-width: 617px !important;
}
.img-slide-responsive {
    position: absolute;
    right: 617px;
}
.slider_content {
    left: 56%;
    top: 70%;
}

}

@media screen and (max-width: 640px){
.slider_gradiant { right: 0%;}
.slider_content { left: 73%;}
.ht-slide .last-div { padding: 0px 0;}
.sliderimg {left: auto; float: right; top: 0px;  margin: 0 0 30px 0;}
#ht-home-slider-section .bx-wrapper .bx-prev { left: 10px;}
#ht-home-slider-section .bx-wrapper .bx-next { left: 60px;}
#ht-home-slider-section .ht-slide img{border-radius: 0;float: right;  margin: 25px 0 0 0;}
.bx-wrapper .bx-controls-direction a{margin-bottom: 22px;}

.ht-slide-caption { position: relative; width: 90%;padding: 20px 0;}
.ht-slide-cap-title{margin-top:1em;}
.bx-wrapper .bx-controls-direction a{display: none;}
.sliderimg:after{display: none;}
#featured-content-section .feabx { width: 100%;}
}

@media screen and (min-width: 639px) and (max-width: 722px){
.slider_content {
    width: 232px;
    margin-left: -375px;
    top: 66%;
    left: 55%;
}
.tp-loop-wrap.rs-wave { min-width: 586px !important;}
.img-slide-responsive { right: 586px; }

}


@media screen and (min-width: 627px) and (max-width: 685px){

    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 61%;
    }
        .tp-loop-wrap.rs-wave {
        min-width: 490px !important;
    }
    .img-slide-responsive {
        right: 490px;
    }

}
@media screen and (min-width: 521px) and (max-width: 621px){

    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 63%;
    }
        .tp-loop-wrap.rs-wave {
        min-width: 475px !important;
    }
       .img-slide-responsive {
        right: 475px;
}

}
@media screen and (min-width: 521px) and (max-width: 594px){

    .slider_content {
           top: 66%;
        left: 73%;
    }
        .tp-loop-wrap.rs-wave {
        min-width: 380px !important;
    }
       .img-slide-responsive {
        right: 380px;
}

}

@media screen and (max-width: 520px){
#featuredproduct .col-md-3 {
    width: 100%;
    padding: 15px;
}
#newarrival .col-md-3.na_area {
    width: 100%;
}
.slider_section .title {
    font-size: 28px;
    line-height: 35px;
    margin-top: 6px;
}

.slider_section .sub-title {
    font-size: 14px;
    line-height: 14px;
}
.slider_section a.btn {
    font-size: 11px;
    padding: 10px 20px;
}

.total-count .count {
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 7px;
}
.total-count img {
    width: 15px;
    height: 20px;
}
.total-count {
    padding: 18px 25px;
}
    .slider_content {
         top: 68%;
        left: 85%;
        z-index: 999;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 380px !important;
    }
       .img-slide-responsive {
        right: 380px;
    }
    .hamburger-menus {
    top: 3px;
    right: -5px;
}
.top-bar-head .head-menu {
    padding-right: 0em;
}
.share-btn ul li {
    top: -8px;
    position: relative;
}
.header-share {
    top: 55px;
    right: 35px;
}

}


/@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{  font-size: 12px;}
    
    #about .heading-icon-l i{
        top:0;
    }
    .share-btn ul li a.site-button {
        width: 30px;
        line-height: 30px;
        height: 30px;
    }
    .share-btn ul li {
        margin-left: -30px;
    }
    .share-btn {
        bottom: 13px;
    }
    .inner-page-gallery {
        width: 280px;
        height: 280px;
    }
    .page_featured {
        margin: 0 2em;
        margin-bottom: 1em;
        padding: 3em 4em;
      
    }
    body.page-template-default main#innerpage-box h1, .ht-main-title, #ht-contactus-wrap h1 {
    font-size: 25px !important; 
}

}

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

    .ht-slide-caption {  width: 380px;}
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce ul.products li.product h3{
        font-size: 20px !important;
    }
    .single-productpage .innerpage-whitebox{
        padding: 0;
    }
    .woocommerce-page.columns-3 ul.products li.product, 
    .woocommerce.columns-3 ul.products li.product {
        width: 30.75%;
        width: 100% !important;
    }
    #blog-box h2{
        font-size: 22px !important;
    }
    div#blog-box.innerpage-whitebox {
        padding: 0em 1em 2em 1em;
    }
        .ht-slide-cap-desc{  margin-bottom: 10px;}
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 320px) and (max-width: 475px){
#quality-section .ht-section-qualitybox h2 { font-size: 22px; line-height: 30px;padding: 0;}
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.newsletter-area div.wpcf7 input[type="file"]{left: 25%;}
.features-area::before, .pricing-area::after {width: 0;}
.slider_section i.fa{font-size: 10px;}
.slider-social-icon > span{letter-spacing: 0;}
.slider_section .layer-3 img {width: 30px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.pricing-area .layer-part-1{ top: 25%;}
div#pricing{ padding: 5em 0 2em 0em !important;}
.single-header-info { text-align: center; padding: 0;}
.slider_section::after, .pricing-area::after{width: 0;}
.slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
.social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
.slider_section .btn:hover:before{top: 6px; }
.slider_section .btn a {
    padding: 8px 20px;
    font-size: 14px;
    margin-top: 10px;
}

}

@media screen and (max-width: 475px){
    .ht-slide img {
        width: 400px;
        height: 400px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 375px){
.sliderimg { width: 100%;}
.ht-slide-caption { width: 310px;}
.ht-slide img { width: 320px; height: 320px !important;}
#featured-content-section .heading-icon i {
    left: -23px;
    top: 15px;
}
.tp-loop-wrap.rs-wave {
    min-width: 250px !important;
}
   .img-slide-responsive {
    right: 250px;
}
.slider_section .title {
    font-size: 20px;
    line-height: 25px;
}
.slider_section .title b {
    font-size: 20px;
    margin-bottom: 0px;
}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
}
.slider-btn {
    margin-top: 0.5em;
}
.ht-site-title, .site-title {
    font-size: 16px;
}
.ht-site-description {
    font-size: 10px;
}
.header-share {
    right: 4px;
}
.navicon {
    top: -60px !important;
}
.team-text .team-designation {
    font-size: 11px;
    line-height: 12px;
}

.share-btn {
    bottom: 2px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
.inner-page-gallery {
        width: 225px;
        height: 225px;
    }
    .page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
.share-btn ul li {
    top: 12px;
    position: relative;
        top: -25px;
    position: relative;
    right: 35px;
}
.woocommerce .cart .button{
    padding: 8px 12px;
}
.woocommerce-message a.button{
    margin: 0px; 
}
}

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

 #about .heading-icon-l i{
        top:40px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 320px){
.ht-slide img { width: 300px; height: 300px !important;}
.features-area h2, div#about .section-title h2, 
.pricing-area h2, .newsletter-area h2 { font-size: 30px;}
.slider_section div.slider-social-icon{left: 45px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title {  top: 45px;}

.slider_section .title { font-size: 13px; }
.slider_section .sub-title { font-size: 15px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}

.ht-slide-cap-desc { line-height: 25px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating { padding-top: 15px; }

.toggle-bar {right: 25px !important;}
.slider_section .title {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0;
}
.slider_section .title b{
      font-size: 15px;
}
.slider_section .sub-title {
    line-height: 15px;
      font-size: 11px;
}
.slider_content {
    left: 164%;
}
.total-count {
    padding: 18px 36px;
}
.total-count .count {
    right: 24px;
}
.logo-header{
    height: 27px !important;
}
.total-count .count {
    right: 10px;
}
.total-count {
    padding: 18px 20px;
}
.slider-btn {
    margin-top: 0.3em;
}
.slider_section a.btn {
    font-size: 10px;
    padding: 7px 12px;
}
.page_featured {
    margin-bottom: 0em;
}

}

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

.team-text .team-designation {
    margin-bottom: 15px;
}

}


main#innerpage-box .tagcloud a {
    font-size: 15px !important;
    border-radius: 5px;
    box-shadow: 0px 1px 4px -1px rgb(0 0 0 / 40%);
    padding: 6px;
    display: inline-block;
    margin: 4px 02px;
}
div#secondary select option {
    background: transparent;
}

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

